@dnb/eufemia/components/upload/useUpload.js

DNB Eufemia Design System UI Library

import { useCallback, useMemo } from 'react';
import { useSharedState } from "../../shared/helpers/useSharedState.js";
function useUpload(id) {
  const {
    data,
    extend
  } = useSharedState(id);
  const clearFiles = useCallback(() => {
    extend({
      files: [],
      internalFiles: []
    });
  }, [extend]);
  const setFiles = useCallback(files => {
    const newFiles = files?.filter(file => file?.file instanceof File);
    extend({
      files: newFiles
    });
  }, [extend]);
  const setInternalFiles = useCallback(internalFiles => {
    extend({
      internalFiles
    });
  }, [extend]);
  const files = useMemo(() => data?.files || [], [data?.files]);
  const internalFiles = useMemo(() => data?.internalFiles || [], [data?.internalFiles]);
  const getExistingFile = useCallback((file, fileItems = files) => {
    return fileItems.find(({
      file: f
    }) => {
      return isFileEqual(file, f);
    });
  }, [files]);
  return {
    files,
    setFiles,
    clearFiles,
    internalFiles,
    setInternalFiles,
    getExistingFile
  };
}
export const isFileEqual = (fileA, fileB) => {
  const compareExistingProperty = function (a, b, property) {
    const key = property;
    return a && property in a && b && property in b && (a[key] === 0 || b[key] === 0 || a[key] === b[key]);
  };
  return fileA.name === fileB.name && compareExistingProperty(fileA, fileB, 'size') && compareExistingProperty(fileA, fileB, 'lastModified');
};
export default useUpload;
//# sourceMappingURL=useUpload.js.map