@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.45 → 0.146.0-node18-tooltips.38

package/lib-es/components/FilePreviewReadOnly/FilePreviewList.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import FilePreview from '../FilePreview';
+const FilePreviewList = ({
+  selectedFiles,
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "FileUploadAdapter__preview"
+}, selectedFiles.map(file => /*#__PURE__*/React.createElement(FilePreview, {
+  key: file.id,
+  file: file,
+  previewType: FilePreview.availablePreviewTypes.raw
+})), children);
+FilePreviewList.propTypes = {
+  selectedFiles: PropTypes.array.isRequired,
+  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
+};
+FilePreviewList.defaultProps = {
+  children: []
+};
+export default FilePreviewList;
+//# sourceMappingURL=FilePreviewList.js.map

package/lib-es/components/FilePreviewReadOnly/FilePreviewList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewList.js","names":["React","PropTypes","FilePreview","FilePreviewList","selectedFiles","children","createElement","className","map","file","key","id","previewType","availablePreviewTypes","raw","propTypes","array","isRequired","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/FilePreviewList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreview from '../FilePreview';\n\nconst FilePreviewList = ({ selectedFiles, children }) => (\n  <div className=\"FileUploadAdapter__preview\">\n    {selectedFiles.map(file => (\n      <FilePreview key={file.id} file={file} previewType={FilePreview.availablePreviewTypes.raw} />\n    ))}\n    {children}\n  </div>\n);\n\nFilePreviewList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFilePreviewList.defaultProps = {\n  children: []\n};\n\nexport default FilePreviewList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,gBAAgB;AAExC,MAAMC,eAAe,GAAGA,CAAC;EAAEC,aAAa;EAAEC;AAAS,CAAC,kBAClDL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAA4B,GACxCH,aAAa,CAACI,GAAG,CAACC,IAAI,iBACrBT,KAAA,CAAAM,aAAA,CAACJ,WAAW;EAACQ,GAAG,EAAED,IAAI,CAACE,EAAG;EAACF,IAAI,EAAEA,IAAK;EAACG,WAAW,EAAEV,WAAW,CAACW,qBAAqB,CAACC;AAAI,CAAE,CAC7F,CAAC,EACDT,QACE,CACN;AAEDF,eAAe,CAACY,SAAS,GAAG;EAC1BX,aAAa,EAAEH,SAAS,CAACe,KAAK,CAACC,UAAU;EACzCZ,QAAQ,EAAEJ,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACe,KAAK,EAAEf,SAAS,CAACkB,MAAM,EAAElB,SAAS,CAACmB,MAAM,CAAC;AACrF,CAAC;AAEDjB,eAAe,CAACkB,YAAY,GAAG;EAC7BhB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}

package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js

@@ -0,0 +1,68 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useApolloClient } from '@apollo/client';
+import { getQuery } from '@blaze-cms/admin-ui-utils';
+import FileList from './FileList';
+import { formatInitialValue } from './mappers';
+const FilePreviewReadOnly = ({
+  label,
+  id,
+  type,
+  value
+}) => {
+  const initialValue = formatInitialValue({
+    value,
+    type
+  });
+  const [selectedFiles, setSelectedFiles] = useState([]);
+  const client = useApolloClient();
+  const getFiles = async (offset, ids) => {
+    if (!ids.length) return [];
+    const {
+      data: {
+        files = []
+      } = {}
+    } = await client.query({
+      query: getQuery('GET_FILES'),
+      variables: {
+        offset,
+        where: {
+          id: {
+            _in: ids
+          }
+        }
+      },
+      fetchPolicy: 'network-only'
+    });
+    return files;
+  };
+  const orderFiles = (files, ids) => ids.map(currentId => files.find(({
+    id: fileId
+  }) => fileId === currentId)).filter(Boolean);
+  useEffect(() => {
+    (async () => {
+      const files = await getFiles(0, initialValue);
+      const orderedFiles = orderFiles(files, initialValue);
+      setSelectedFiles(orderedFiles);
+    })();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "form-field form-field--button"
+  }, /*#__PURE__*/React.createElement("label", {
+    htmlFor: id
+  }, label), selectedFiles.length > 0 && /*#__PURE__*/React.createElement(FileList, {
+    selectedFiles: selectedFiles
+  }));
+};
+FilePreviewReadOnly.propTypes = {
+  label: PropTypes.string.isRequired,
+  id: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
+};
+FilePreviewReadOnly.defaultProps = {
+  value: ''
+};
+export default FilePreviewReadOnly;
+//# sourceMappingURL=FilePreviewReadOnly.js.map

package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewReadOnly.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","FileList","formatInitialValue","FilePreviewReadOnly","label","id","type","value","initialValue","selectedFiles","setSelectedFiles","client","getFiles","offset","ids","length","data","files","query","variables","where","_in","fetchPolicy","orderFiles","map","currentId","find","fileId","filter","Boolean","orderedFiles","createElement","className","htmlFor","propTypes","string","isRequired","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/FilePreviewReadOnly.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileList from './FileList';\nimport { formatInitialValue } from './mappers';\n\nconst FilePreviewReadOnly = ({ label, id, type, value }) => {\n  const initialValue = formatInitialValue({ value, type });\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const client = useApolloClient();\n\n  const getFiles = async (offset, ids) => {\n    if (!ids.length) return [];\n    const { data: { files = [] } = {} } = await client.query({\n      query: getQuery('GET_FILES'),\n      variables: {\n        offset,\n        where: {\n          id: { _in: ids }\n        }\n      },\n      fetchPolicy: 'network-only'\n    });\n    return files;\n  };\n\n  const orderFiles = (files, ids) =>\n    ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n  useEffect(() => {\n    (async () => {\n      const files = await getFiles(0, initialValue);\n      const orderedFiles = orderFiles(files, initialValue);\n      setSelectedFiles(orderedFiles);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className=\"form-field form-field--button\">\n      <label htmlFor={id}>{label}</label>\n      {selectedFiles.length > 0 && <FileList selectedFiles={selectedFiles} />}\n    </div>\n  );\n};\n\nFilePreviewReadOnly.propTypes = {\n  label: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n};\n\nFilePreviewReadOnly.defaultProps = {\n  value: ''\n};\n\nexport default FilePreviewReadOnly;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,EAAE;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAAK;EAC1D,MAAMC,YAAY,GAAGN,kBAAkB,CAAC;IAAEK,KAAK;IAAED;EAAK,CAAC,CAAC;EACxD,MAAM,CAACG,aAAa,EAAEC,gBAAgB,CAAC,GAAGd,QAAQ,CAAC,EAAE,CAAC;EACtD,MAAMe,MAAM,GAAGZ,eAAe,CAAC,CAAC;EAEhC,MAAMa,QAAQ,GAAG,MAAAA,CAAOC,MAAM,EAAEC,GAAG,KAAK;IACtC,IAAI,CAACA,GAAG,CAACC,MAAM,EAAE,OAAO,EAAE;IAC1B,MAAM;MAAEC,IAAI,EAAE;QAAEC,KAAK,GAAG;MAAG,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG,MAAMN,MAAM,CAACO,KAAK,CAAC;MACvDA,KAAK,EAAElB,QAAQ,CAAC,WAAW,CAAC;MAC5BmB,SAAS,EAAE;QACTN,MAAM;QACNO,KAAK,EAAE;UACLf,EAAE,EAAE;YAAEgB,GAAG,EAAEP;UAAI;QACjB;MACF,CAAC;MACDQ,WAAW,EAAE;IACf,CAAC,CAAC;IACF,OAAOL,KAAK;EACd,CAAC;EAED,MAAMM,UAAU,GAAGA,CAACN,KAAK,EAAEH,GAAG,KAC5BA,GAAG,CAACU,GAAG,CAACC,SAAS,IAAIR,KAAK,CAACS,IAAI,CAAC,CAAC;IAAErB,EAAE,EAAEsB;EAAO,CAAC,KAAKA,MAAM,KAAKF,SAAS,CAAC,CAAC,CAACG,MAAM,CAACC,OAAO,CAAC;EAE5FhC,SAAS,CAAC,MAAM;IACd,CAAC,YAAY;MACX,MAAMoB,KAAK,GAAG,MAAML,QAAQ,CAAC,CAAC,EAAEJ,YAAY,CAAC;MAC7C,MAAMsB,YAAY,GAAGP,UAAU,CAACN,KAAK,EAAET,YAAY,CAAC;MACpDE,gBAAgB,CAACoB,YAAY,CAAC;IAChC,CAAC,EAAE,CAAC;IACJ;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEnC,KAAA,CAAAoC,aAAA;IAAKC,SAAS,EAAC;EAA+B,gBAC5CrC,KAAA,CAAAoC,aAAA;IAAOE,OAAO,EAAE5B;EAAG,GAAED,KAAa,CAAC,EAClCK,aAAa,CAACM,MAAM,GAAG,CAAC,iBAAIpB,KAAA,CAAAoC,aAAA,CAAC9B,QAAQ;IAACQ,aAAa,EAAEA;EAAc,CAAE,CACnE,CAAC;AAEV,CAAC;AAEDN,mBAAmB,CAAC+B,SAAS,GAAG;EAC9B9B,KAAK,EAAEN,SAAS,CAACqC,MAAM,CAACC,UAAU;EAClC/B,EAAE,EAAEP,SAAS,CAACqC,MAAM,CAACC,UAAU;EAC/B9B,IAAI,EAAER,SAAS,CAACqC,MAAM,CAACC,UAAU;EACjC7B,KAAK,EAAET,SAAS,CAACuC,SAAS,CAAC,CAACvC,SAAS,CAACqC,MAAM,EAAErC,SAAS,CAACwC,KAAK,CAAC;AAChE,CAAC;AAEDnC,mBAAmB,CAACoC,YAAY,GAAG;EACjChC,KAAK,EAAE;AACT,CAAC;AAED,eAAeJ,mBAAmB","ignoreList":[]}

package/lib-es/components/FilePreviewReadOnly/index.js

@@ -0,0 +1,3 @@
+import FilePreviewReadOnly from './FilePreviewReadOnly';
+export default FilePreviewReadOnly;
+//# sourceMappingURL=index.js.map

package/lib-es/components/FilePreviewReadOnly/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FilePreviewReadOnly"],"sources":["../../../src/components/FilePreviewReadOnly/index.js"],"sourcesContent":["import FilePreviewReadOnly from './FilePreviewReadOnly';\n\nexport default FilePreviewReadOnly;\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,uBAAuB;AAEvD,eAAeA,mBAAmB","ignoreList":[]}

package/lib-es/components/FilePreviewReadOnly/mappers/format-initial-value.js

@@ -0,0 +1,11 @@
+const formatInitialValue = ({
+  value,
+  type
+}) => {
+  const parsedValue = value && type === 'array' ? value : [value];
+  const existValue = parsedValue.filter(Boolean).length;
+  if (!parsedValue || !existValue) return [];
+  return parsedValue;
+};
+export { formatInitialValue };
+//# sourceMappingURL=format-initial-value.js.map

package/lib-es/components/FilePreviewReadOnly/mappers/format-initial-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-initial-value.js","names":["formatInitialValue","value","type","parsedValue","existValue","filter","Boolean","length"],"sources":["../../../../src/components/FilePreviewReadOnly/mappers/format-initial-value.js"],"sourcesContent":["const formatInitialValue = ({ value, type }) => {\n  const parsedValue = value && type === 'array' ? value : [value];\n  const existValue = parsedValue.filter(Boolean).length;\n  if (!parsedValue || !existValue) return [];\n  return parsedValue;\n};\n\nexport { formatInitialValue };\n"],"mappings":"AAAA,MAAMA,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAK,CAAC,KAAK;EAC9C,MAAMC,WAAW,GAAGF,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAGD,KAAK,GAAG,CAACA,KAAK,CAAC;EAC/D,MAAMG,UAAU,GAAGD,WAAW,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EACrD,IAAI,CAACJ,WAAW,IAAI,CAACC,UAAU,EAAE,OAAO,EAAE;EAC1C,OAAOD,WAAW;AACpB,CAAC;AAED,SAASH,kBAAkB","ignoreList":[]}

package/lib-es/components/FilePreviewReadOnly/mappers/index.js

@@ -0,0 +1,3 @@
+import { formatInitialValue } from './format-initial-value';
+export { formatInitialValue };
+//# sourceMappingURL=index.js.map

package/lib-es/components/FilePreviewReadOnly/mappers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["formatInitialValue"],"sources":["../../../../src/components/FilePreviewReadOnly/mappers/index.js"],"sourcesContent":["import { formatInitialValue } from './format-initial-value';\n\nexport { formatInitialValue };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,wBAAwB;AAE3D,SAASA,kBAAkB","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/FileList.js

@@ -0,0 +1,52 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import Button from '@blaze-react/button';
+import FilePreviewList from './FilePreviewList';
+import FileReorderList from './FileReorderList';
+import { PREVIEW, REORDER, IMAGES } from '../../constants';
+const FileList = ({
+  selectedFiles,
+  allFiles,
+  handleReorderFiles,
+  canDragAndDrop,
+  fetchMore,
+  children
+}) => {
+  const [isReorderActive, setIsReorderActive] = useState(false);
+  const toggleMode = () => {
+    fetchMore(true);
+    setIsReorderActive(!isReorderActive);
+  };
+  useEffect(() => {
+    if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);
+  }, [selectedFiles] //eslint-disable-line
+  );
+  const totalImagesString = `${selectedFiles.length} ${IMAGES}`;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "FileUploadAdapter__header"
+  }, selectedFiles.length > 1 && /*#__PURE__*/React.createElement("p", {
+    className: "FileUploadAdapter FileUploadAdapter__preview-counter"
+  }, totalImagesString), canDragAndDrop && /*#__PURE__*/React.createElement(Button, {
+    onClick: toggleMode
+  }, isReorderActive ? PREVIEW : REORDER)), canDragAndDrop && isReorderActive ? /*#__PURE__*/React.createElement(FileReorderList, {
+    selectedFiles: selectedFiles,
+    handleReorderFiles: handleReorderFiles
+  }) : /*#__PURE__*/React.createElement(FilePreviewList, {
+    selectedFiles: selectedFiles
+  }, children));
+};
+FileList.propTypes = {
+  selectedFiles: PropTypes.array.isRequired,
+  fetchMore: PropTypes.func.isRequired,
+  handleReorderFiles: PropTypes.func.isRequired,
+  allFiles: PropTypes.array,
+  canDragAndDrop: PropTypes.bool,
+  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
+};
+FileList.defaultProps = {
+  children: [],
+  allFiles: [],
+  canDragAndDrop: false
+};
+export default FileList;
+//# sourceMappingURL=FileList.js.map

package/lib-es/components/FileUploadAdapter/FileList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.js","names":["React","useState","useEffect","PropTypes","Button","FilePreviewList","FileReorderList","PREVIEW","REORDER","IMAGES","FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","createElement","Fragment","className","onClick","propTypes","array","isRequired","func","bool","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport FilePreviewList from './FilePreviewList';\nimport FileReorderList from './FileReorderList';\nimport { PREVIEW, REORDER, IMAGES } from '../../constants';\n\nconst FileList = ({\n  selectedFiles,\n  allFiles,\n  handleReorderFiles,\n  canDragAndDrop,\n  fetchMore,\n  children\n}) => {\n  const [isReorderActive, setIsReorderActive] = useState(false);\n  const toggleMode = () => {\n    fetchMore(true);\n    setIsReorderActive(!isReorderActive);\n  };\n\n  useEffect(\n    () => {\n      if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);\n    },\n    [selectedFiles] //eslint-disable-line\n  );\n  const totalImagesString = `${selectedFiles.length} ${IMAGES}`;\n\n  return (\n    <>\n      <div className=\"FileUploadAdapter__header\">\n        {selectedFiles.length > 1 && (\n          <p className=\"FileUploadAdapter FileUploadAdapter__preview-counter\">\n            {totalImagesString}\n          </p>\n        )}\n        {canDragAndDrop && (\n          <Button onClick={toggleMode}>{isReorderActive ? PREVIEW : REORDER}</Button>\n        )}\n      </div>\n\n      {canDragAndDrop && isReorderActive ? (\n        <FileReorderList selectedFiles={selectedFiles} handleReorderFiles={handleReorderFiles} />\n      ) : (\n        <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n      )}\n    </>\n  );\n};\n\nFileList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  fetchMore: PropTypes.func.isRequired,\n  handleReorderFiles: PropTypes.func.isRequired,\n  allFiles: PropTypes.array,\n  canDragAndDrop: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n  children: [],\n  allFiles: [],\n  canDragAndDrop: false\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,iBAAiB;AAE1D,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,aAAa;EACbC,QAAQ;EACRC,kBAAkB;EAClBC,cAAc;EACdC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAAC,IAAI,CAAC;IACfG,kBAAkB,CAAC,CAACD,eAAe,CAAC;EACtC,CAAC;EAEDf,SAAS,CACP,MAAM;IACJ,IAAIe,eAAe,IAAIN,aAAa,CAACS,MAAM,GAAGR,QAAQ,CAACQ,MAAM,EAAEL,SAAS,CAAC,IAAI,CAAC;EAChF,CAAC,EACD,CAACJ,aAAa,CAAC,CAAC;EAClB,CAAC;EACD,MAAMU,iBAAiB,GAAG,GAAGV,aAAa,CAACS,MAAM,IAAIX,MAAM,EAAE;EAE7D,oBACET,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAA2B,GACvCb,aAAa,CAACS,MAAM,GAAG,CAAC,iBACvBpB,KAAA,CAAAsB,aAAA;IAAGE,SAAS,EAAC;EAAsD,GAChEH,iBACA,CACJ,EACAP,cAAc,iBACbd,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAACqB,OAAO,EAAEN;EAAW,GAAEF,eAAe,GAAGV,OAAO,GAAGC,OAAgB,CAEzE,CAAC,EAELM,cAAc,IAAIG,eAAe,gBAChCjB,KAAA,CAAAsB,aAAA,CAAChB,eAAe;IAACK,aAAa,EAAEA,aAAc;IAACE,kBAAkB,EAAEA;EAAmB,CAAE,CAAC,gBAEzFb,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IAACM,aAAa,EAAEA;EAAc,GAAEK,QAA0B,CAE5E,CAAC;AAEP,CAAC;AAEDN,QAAQ,CAACgB,SAAS,GAAG;EACnBf,aAAa,EAAER,SAAS,CAACwB,KAAK,CAACC,UAAU;EACzCb,SAAS,EAAEZ,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACpCf,kBAAkB,EAAEV,SAAS,CAAC0B,IAAI,CAACD,UAAU;EAC7ChB,QAAQ,EAAET,SAAS,CAACwB,KAAK;EACzBb,cAAc,EAAEX,SAAS,CAAC2B,IAAI;EAC9Bd,QAAQ,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,KAAK,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,MAAM,CAAC;AACrF,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZJ,QAAQ,EAAE,EAAE;EACZE,cAAc,EAAE;AAClB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/FilePreviewList.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import FilePreview from '../FilePreview';
+const FilePreviewList = ({
+  selectedFiles,
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "FileUploadAdapter__preview"
+}, selectedFiles.map(file => /*#__PURE__*/React.createElement(FilePreview, {
+  key: file.id,
+  file: file,
+  previewType: FilePreview.availablePreviewTypes.raw
+})), children);
+FilePreviewList.propTypes = {
+  selectedFiles: PropTypes.array.isRequired,
+  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
+};
+FilePreviewList.defaultProps = {
+  children: []
+};
+export default FilePreviewList;
+//# sourceMappingURL=FilePreviewList.js.map

package/lib-es/components/FileUploadAdapter/FilePreviewList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewList.js","names":["React","PropTypes","FilePreview","FilePreviewList","selectedFiles","children","createElement","className","map","file","key","id","previewType","availablePreviewTypes","raw","propTypes","array","isRequired","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FilePreviewList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreview from '../FilePreview';\n\nconst FilePreviewList = ({ selectedFiles, children }) => (\n  <div className=\"FileUploadAdapter__preview\">\n    {selectedFiles.map(file => (\n      <FilePreview key={file.id} file={file} previewType={FilePreview.availablePreviewTypes.raw} />\n    ))}\n    {children}\n  </div>\n);\n\nFilePreviewList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFilePreviewList.defaultProps = {\n  children: []\n};\n\nexport default FilePreviewList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,gBAAgB;AAExC,MAAMC,eAAe,GAAGA,CAAC;EAAEC,aAAa;EAAEC;AAAS,CAAC,kBAClDL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAA4B,GACxCH,aAAa,CAACI,GAAG,CAACC,IAAI,iBACrBT,KAAA,CAAAM,aAAA,CAACJ,WAAW;EAACQ,GAAG,EAAED,IAAI,CAACE,EAAG;EAACF,IAAI,EAAEA,IAAK;EAACG,WAAW,EAAEV,WAAW,CAACW,qBAAqB,CAACC;AAAI,CAAE,CAC7F,CAAC,EACDT,QACE,CACN;AAEDF,eAAe,CAACY,SAAS,GAAG;EAC1BX,aAAa,EAAEH,SAAS,CAACe,KAAK,CAACC,UAAU;EACzCZ,QAAQ,EAAEJ,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACe,KAAK,EAAEf,SAAS,CAACkB,MAAM,EAAElB,SAAS,CAACmB,MAAM,CAAC;AACrF,CAAC;AAEDjB,eAAe,CAACkB,YAAY,GAAG;EAC7BhB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/FileReorderList.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Nestable from '@blaze-react/dnd';
+import FileReorderListItem from './FileReorderListItem';
+const FileReorderList = ({
+  selectedFiles,
+  handleReorderFiles
+}) => {
+  const handleOnChange = newOrder => {
+    handleReorderFiles(newOrder);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "FileUploadAdapter__reorder"
+  }, /*#__PURE__*/React.createElement(Nestable, {
+    onChange: newOrder => handleOnChange(newOrder),
+    childrenWrapperClassName: "add",
+    items: selectedFiles,
+    childrenProp: "selectedFiles",
+    renderItem: ({
+      item,
+      DragHandler
+    }) => /*#__PURE__*/React.createElement("div", {
+      className: "file-reorder"
+    }, /*#__PURE__*/React.createElement(DragHandler, null), /*#__PURE__*/React.createElement(FileReorderListItem, item))
+  }));
+};
+FileReorderList.propTypes = {
+  selectedFiles: PropTypes.array.isRequired,
+  handleReorderFiles: PropTypes.func.isRequired
+};
+export default FileReorderList;
+//# sourceMappingURL=FileReorderList.js.map

package/lib-es/components/FileUploadAdapter/FileReorderList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileReorderList.js","names":["React","PropTypes","Nestable","FileReorderListItem","FileReorderList","selectedFiles","handleReorderFiles","handleOnChange","newOrder","createElement","className","onChange","childrenWrapperClassName","items","childrenProp","renderItem","item","DragHandler","propTypes","array","isRequired","func"],"sources":["../../../src/components/FileUploadAdapter/FileReorderList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Nestable from '@blaze-react/dnd';\nimport FileReorderListItem from './FileReorderListItem';\n\nconst FileReorderList = ({ selectedFiles, handleReorderFiles }) => {\n  const handleOnChange = newOrder => {\n    handleReorderFiles(newOrder);\n  };\n\n  return (\n    <div className=\"FileUploadAdapter__reorder\">\n      <Nestable\n        onChange={newOrder => handleOnChange(newOrder)}\n        childrenWrapperClassName=\"add\"\n        items={selectedFiles}\n        childrenProp=\"selectedFiles\"\n        renderItem={({ item, DragHandler }) => (\n          <div className=\"file-reorder\">\n            <DragHandler />\n            <FileReorderListItem {...item} />\n          </div>\n        )}\n      />\n    </div>\n  );\n};\n\nFileReorderList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  handleReorderFiles: PropTypes.func.isRequired\n};\n\nexport default FileReorderList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,kBAAkB;AACvC,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,MAAMC,eAAe,GAAGA,CAAC;EAAEC,aAAa;EAAEC;AAAmB,CAAC,KAAK;EACjE,MAAMC,cAAc,GAAGC,QAAQ,IAAI;IACjCF,kBAAkB,CAACE,QAAQ,CAAC;EAC9B,CAAC;EAED,oBACER,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAA4B,gBACzCV,KAAA,CAAAS,aAAA,CAACP,QAAQ;IACPS,QAAQ,EAAEH,QAAQ,IAAID,cAAc,CAACC,QAAQ,CAAE;IAC/CI,wBAAwB,EAAC,KAAK;IAC9BC,KAAK,EAAER,aAAc;IACrBS,YAAY,EAAC,eAAe;IAC5BC,UAAU,EAAEA,CAAC;MAAEC,IAAI;MAAEC;IAAY,CAAC,kBAChCjB,KAAA,CAAAS,aAAA;MAAKC,SAAS,EAAC;IAAc,gBAC3BV,KAAA,CAAAS,aAAA,CAACQ,WAAW,MAAE,CAAC,eACfjB,KAAA,CAAAS,aAAA,CAACN,mBAAmB,EAAKa,IAAO,CAC7B;EACL,CACH,CACE,CAAC;AAEV,CAAC;AAEDZ,eAAe,CAACc,SAAS,GAAG;EAC1Bb,aAAa,EAAEJ,SAAS,CAACkB,KAAK,CAACC,UAAU;EACzCd,kBAAkB,EAAEL,SAAS,CAACoB,IAAI,CAACD;AACrC,CAAC;AAED,eAAehB,eAAe","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/FileReorderListItem.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+const FileReorderListItem = ({
+  url,
+  name
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "file-reorder-item"
+}, /*#__PURE__*/React.createElement("div", {
+  className: "file-reorder-item__wrapper"
+}, /*#__PURE__*/React.createElement("img", {
+  className: "file-reorder-item__image",
+  src: url,
+  alt: name
+})), /*#__PURE__*/React.createElement("div", {
+  className: "file-reorder-item__info"
+}, /*#__PURE__*/React.createElement("p", {
+  className: "file-reorder-item__filename"
+}, name)));
+FileReorderListItem.propTypes = {
+  url: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired
+};
+export default FileReorderListItem;
+//# sourceMappingURL=FileReorderListItem.js.map

package/lib-es/components/FileUploadAdapter/FileReorderListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileReorderListItem.js","names":["React","PropTypes","FileReorderListItem","url","name","createElement","className","src","alt","propTypes","string","isRequired"],"sources":["../../../src/components/FileUploadAdapter/FileReorderListItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst FileReorderListItem = ({ url, name }) => (\n  <div className=\"file-reorder-item\">\n    <div className=\"file-reorder-item__wrapper\">\n      <img className=\"file-reorder-item__image\" src={url} alt={name} />\n    </div>\n    <div className=\"file-reorder-item__info\">\n      <p className=\"file-reorder-item__filename\">{name}</p>\n    </div>\n  </div>\n);\n\nFileReorderListItem.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired\n};\n\nexport default FileReorderListItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,GAAG;EAAEC;AAAK,CAAC,kBACxCJ,KAAA,CAAAK,aAAA;EAAKC,SAAS,EAAC;AAAmB,gBAChCN,KAAA,CAAAK,aAAA;EAAKC,SAAS,EAAC;AAA4B,gBACzCN,KAAA,CAAAK,aAAA;EAAKC,SAAS,EAAC,0BAA0B;EAACC,GAAG,EAAEJ,GAAI;EAACK,GAAG,EAAEJ;AAAK,CAAE,CAC7D,CAAC,eACNJ,KAAA,CAAAK,aAAA;EAAKC,SAAS,EAAC;AAAyB,gBACtCN,KAAA,CAAAK,aAAA;EAAGC,SAAS,EAAC;AAA6B,GAAEF,IAAQ,CACjD,CACF,CACN;AAEDF,mBAAmB,CAACO,SAAS,GAAG;EAC9BN,GAAG,EAAEF,SAAS,CAACS,MAAM,CAACC,UAAU;EAChCP,IAAI,EAAEH,SAAS,CAACS,MAAM,CAACC;AACzB,CAAC;AAED,eAAeT,mBAAmB","ignoreList":[]}