@scaleflex/widget-explorer 4.8.4 → 4.8.6

package/lib/components/BulkEditPanel/BulkEdit.js

@@ -1,330 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useMemo, useState, useContext } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { CrossOutline, Menu } from '@scaleflex/icons';
-import { BULK_EDIT_GENERAL_IDS, BULK_EDIT_METADATA_ID, BULK_EDIT_OPTIONS } from '@scaleflex/widget-utils/lib/constants';
-import getFileCustomMetadataGroup from '@scaleflex/widget-utils/lib/metadata/getFileCustomMetadataGroups';
-import getRequiredMetadataFields from '@scaleflex/widget-utils/lib/metadata/getRequiredMetadataFields';
-import { getMetadataEmptyAssets } from '@scaleflex/widget-utils/lib/metadata/getMetadataEmptyAssets';
-import { useCore } from '@scaleflex/widget-core/lib/hooks';
-import { VirtualListDataContext } from '@scaleflex/widget-core/lib/Providers';
-import { useExplorer } from '../../hooks';
-import Sidebar from './components/Sidebar';
-import MainContent from './components/MainContent/MainContent';
-import { generateModalTitleI18nKey, getDefaultSidebarTab } from './BulkEditPanel.utils';
-import { CONFIRMATION_MODAL_DEFAULT_STATE, TAGS_DEFAULT_STATE, TEXT_DEFAULT_STATE } from './components/Tabs/tabs.constants';
-import ConfirmationModal from './components/ConfirmationModal/ConfirmationModal';
-import { generateTabI18nKey } from './components/Tabs/tabs.utils';
-import BulkEditFooter from './components/BulkEditFooter';
-import { selectMetadataFieldByKey, selectMetadataForceFillingOnUpload, selectMetadataModel } from '../../slices/metadata.slice';
-import { bulkEditPanelOpened, selectIsUploadsPanelOpened } from '../../slices/panels.slice';
-import { selectCurrentFilesByIdsOrUuids } from '../../slices/files.slice';
-import Styled from './BulkEditPanel.styled';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var BulkEdit = function BulkEdit(_ref) {
-  var assetsIdsOrUuids = _ref.assetsIdsOrUuids;
-  var dispatch = useDispatch();
-  var _useCore = useCore(),
-    upload = _useCore.upload;
-  var _useExplorer = useExplorer(),
-    i18n = _useExplorer.i18n,
-    info = _useExplorer.info,
-    _useExplorer$opts = _useExplorer.opts,
-    _useExplorer$opts2 = _useExplorer$opts === void 0 ? {} : _useExplorer$opts,
-    defaultFieldKeyOfBulkEditPanel = _useExplorer$opts2.defaultFieldKeyOfBulkEditPanel;
-  var _useContext = useContext(VirtualListDataContext),
-    apiRef = _useContext.apiRef;
-  var metadataModel = useSelector(selectMetadataModel);
-  var forceFillingMetadataOnUpload = useSelector(selectMetadataForceFillingOnUpload);
-  // As bulk edit modal is used for both pre-uploads or new uploads and current files,
-  // we need to get assets from the right place depending on the ids/uuids
-  var assets = useSelector(function (state) {
-    return selectCurrentFilesByIdsOrUuids(state, assetsIdsOrUuids);
-  });
-  var isOnUpload = useSelector(selectIsUploadsPanelOpened);
-  var defaultConfiguredTab = useSelector(function (state) {
-    return BULK_EDIT_GENERAL_IDS[defaultFieldKeyOfBulkEditPanel === null || defaultFieldKeyOfBulkEditPanel === void 0 ? void 0 : defaultFieldKeyOfBulkEditPanel.toUpperCase()] || selectMetadataFieldByKey(state, defaultFieldKeyOfBulkEditPanel);
-  });
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSidebarOpen = _useState2[0],
-    setIsSideBarOpen = _useState2[1];
-  var _useState3 = useState(function () {
-      return getDefaultSidebarTab({
-        defaultConfiguredTab: defaultConfiguredTab,
-        isOnUpload: isOnUpload
-      });
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activeSidebarItem = _useState4[0],
-    setActiveSidebarItem = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    changedMetadataFields = _useState6[0],
-    setChangedMetadataFields = _useState6[1];
-  var _useState7 = useState(TAGS_DEFAULT_STATE),
-    _useState8 = _slicedToArray(_useState7, 2),
-    tagsDetails = _useState8[0],
-    setTagsDetails = _useState8[1];
-  var _useState9 = useState(TEXT_DEFAULT_STATE),
-    _useState10 = _slicedToArray(_useState9, 2),
-    textFieldsDetails = _useState10[0],
-    setTextFieldsDetails = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    showConfirmationModal = _useState12[0],
-    setShowConfirmationModal = _useState12[1];
-  var _useState13 = useState(CONFIRMATION_MODAL_DEFAULT_STATE),
-    _useState14 = _slicedToArray(_useState13, 2),
-    confirmationModalData = _useState14[0],
-    setConfirmationModalData = _useState14[1];
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isRequestedInvalidUpload = _useState16[0],
-    setIsRequestInValidUpload = _useState16[1];
-  var _useState17 = useState([]),
-    _useState18 = _slicedToArray(_useState17, 2),
-    fetchedFiles = _useState18[0],
-    setFetchedFiles = _useState18[1];
-  var _apiRef$current = apiRef.current,
-    _apiRef$current2 = _apiRef$current === void 0 ? {} : _apiRef$current,
-    scrollToItem = _apiRef$current2.scrollToItem;
-  var modalTitleI18nKey = useMemo(function () {
-    return generateModalTitleI18nKey(isOnUpload, activeSidebarItem);
-  }, [activeSidebarItem]);
-  var changedMetadata = useMemo(function () {
-    return changedMetadataFields.filter(function (_ref2) {
-      var value = _ref2.value;
-      return value;
-    });
-  }, [changedMetadataFields]);
-  var adaptedAssets = useMemo(function () {
-    return assets.map(function (asset) {
-      return _objectSpread(_objectSpread({}, asset), {}, {
-        uuid: asset.uuid || asset.id
-      });
-    });
-  }, [assets]);
-  var fileCustomMetadataGroups = useMemo(function () {
-    return getFileCustomMetadataGroup(metadataModel);
-  }, [metadataModel]);
-  var requiredMetadataFields = useMemo(function () {
-    return getRequiredMetadataFields(fileCustomMetadataGroups);
-  }, [fileCustomMetadataGroups]);
-  var metadataEmptyAssetsValues = useMemo(function () {
-    return getMetadataEmptyAssets(requiredMetadataFields, adaptedAssets);
-  }, [adaptedAssets, requiredMetadataFields]);
-  var requiredEmptyFields = useMemo(function () {
-    return Object.keys(metadataEmptyAssetsValues).map(function (metadataKey) {
-      return requiredMetadataFields.find(function (_ref3) {
-        var key = _ref3.key;
-        return key === metadataKey;
-      }) || {};
-    });
-  }, [metadataEmptyAssetsValues, requiredMetadataFields]);
-  var isTagsChanged = !![].concat(_toConsumableArray(tagsDetails.addedTags), _toConsumableArray(tagsDetails.removedTags)).length;
-  var checkTextChange = function checkTextChange(fieldKey) {
-    var _Object$values$filter;
-    return !!((_Object$values$filter = Object.values(textFieldsDetails[fieldKey].value || {}).filter(function (i) {
-      return i;
-    })) !== null && _Object$values$filter !== void 0 && _Object$values$filter.length);
-  };
-  var isTitleChanged = checkTextChange(BULK_EDIT_GENERAL_IDS.TITLE.toLowerCase());
-  var isDescriptionChanged = checkTextChange(BULK_EDIT_GENERAL_IDS.DESCRIPTION.toLowerCase());
-  var toggleSidebar = function toggleSidebar() {
-    return setIsSideBarOpen(function (prevState) {
-      return !prevState;
-    });
-  };
-  var getChangedFieldsLabels = function getChangedFieldsLabels() {
-    var changedMetadataLabels = changedMetadata.map(function (_ref4) {
-      var key = _ref4.key;
-      return "\"".concat(key, "\"");
-    });
-    var changedFields = _toConsumableArray(changedMetadataLabels);
-    if (isTagsChanged) {
-      changedFields.unshift("\"".concat(i18n(BULK_EDIT_OPTIONS[BULK_EDIT_GENERAL_IDS.TAGS].contentI18nStr), "\""));
-    }
-    if (isDescriptionChanged) {
-      changedFields.unshift("\"".concat(i18n(BULK_EDIT_OPTIONS[BULK_EDIT_GENERAL_IDS.DESCRIPTION].contentI18nStr), "\""));
-    }
-    if (isTitleChanged) {
-      changedFields.unshift("\"".concat(i18n(BULK_EDIT_OPTIONS[BULK_EDIT_GENERAL_IDS.TITLE].contentI18nStr), "\""));
-    }
-    return changedFields.join(', ');
-  };
-  var navigateToFirstRequiredEmptyField = function navigateToFirstRequiredEmptyField() {
-    var isOnRequiredEmptyField = activeSidebarItem.required && Object.keys(metadataEmptyAssetsValues).includes(activeSidebarItem.key);
-    var _requiredEmptyFields = _slicedToArray(requiredEmptyFields, 1),
-      firstRequiredMetadataField = _requiredEmptyFields[0];
-    var _ref5 = metadataEmptyAssetsValues[firstRequiredMetadataField.key] || [],
-      _ref6 = _slicedToArray(_ref5, 1),
-      firstRequiredEmptyField = _ref6[0];
-    if (firstRequiredMetadataField && !isOnRequiredEmptyField) {
-      var requiredFieldGroup = fileCustomMetadataGroups.find(function (_ref7) {
-        var _ref7$fields = _ref7.fields,
-          fields = _ref7$fields === void 0 ? [] : _ref7$fields;
-        return fields.some(function (_ref8) {
-          var uuid = _ref8.uuid;
-          return uuid === firstRequiredMetadataField.uuid;
-        });
-      }) || {};
-      setIsSideBarOpen(true);
-      setActiveSidebarItem(_objectSpread(_objectSpread({}, firstRequiredMetadataField), {}, {
-        groupUuid: requiredFieldGroup.uuid,
-        name: BULK_EDIT_METADATA_ID
-      }));
-    }
-    scrollToItem({
-      key: firstRequiredEmptyField.uuid
-    });
-  };
-  var checkAndShowConfirmModal = function checkAndShowConfirmModal(_ref9) {
-    var descI18n = _ref9.descI18n,
-      confirmCallback = _ref9.confirmCallback,
-      fallback = _ref9.fallback;
-    if (isTagsChanged || changedMetadata.length || isTitleChanged || isDescriptionChanged) {
-      setShowConfirmationModal(true);
-      setConfirmationModalData({
-        handleConfirm: confirmCallback,
-        title: i18n(generateTabI18nKey('closeConfirmationModalTitle')),
-        desc: i18n(generateTabI18nKey(descI18n), {
-          changes: getChangedFieldsLabels()
-        })
-      });
-    } else {
-      fallback();
-    }
-  };
-  var closeBulkEditPanel = function closeBulkEditPanel() {
-    dispatch(bulkEditPanelOpened(null));
-  };
-  var handleClickUpload = function handleClickUpload() {
-    setIsRequestInValidUpload(!!requiredEmptyFields.length && forceFillingMetadataOnUpload);
-    if (requiredEmptyFields.length && forceFillingMetadataOnUpload) {
-      navigateToFirstRequiredEmptyField();
-      info(i18n(generateTabI18nKey('uploadErrorMessage')), 'error', 4000);
-    } else {
-      checkAndShowConfirmModal({
-        descI18n: 'closeConfirmationModalToUploadDesc',
-        confirmCallback: function confirmCallback() {
-          closeBulkEditPanel();
-          upload();
-        },
-        fallback: closeBulkEditPanel
-      });
-    }
-  };
-  var onRequestClose = function onRequestClose() {
-    var handleConfirm = function handleConfirm() {
-      setShowConfirmationModal(false);
-      closeBulkEditPanel();
-    };
-    checkAndShowConfirmModal({
-      descI18n: 'closeConfirmationModalDescription',
-      confirmCallback: handleConfirm,
-      fallback: closeBulkEditPanel
-    });
-  };
-  var onRequestApply = function onRequestApply(assetsCount, callback) {
-    var _BULK_EDIT_OPTIONS$BU, _activeSidebarItem$ke;
-    setShowConfirmationModal(true);
-    var handleConfirm = function handleConfirm() {
-      setShowConfirmationModal(false);
-      callback();
-    };
-    var changesLabelI18n = (_BULK_EDIT_OPTIONS$BU = BULK_EDIT_OPTIONS[BULK_EDIT_GENERAL_IDS[(_activeSidebarItem$ke = activeSidebarItem.key) === null || _activeSidebarItem$ke === void 0 ? void 0 : _activeSidebarItem$ke.toUpperCase()]]) === null || _BULK_EDIT_OPTIONS$BU === void 0 ? void 0 : _BULK_EDIT_OPTIONS$BU.contentI18nStr;
-    setConfirmationModalData({
-      handleConfirm: handleConfirm,
-      title: i18n(generateTabI18nKey('applyConfirmationModalTitle')),
-      desc: i18n(generateTabI18nKey('applyConfirmationModalDescription'), {
-        changes: "\"".concat(changesLabelI18n ? i18n(changesLabelI18n) : activeSidebarItem.title || activeSidebarItem.name, "\""),
-        count: assetsCount
-      })
-    });
-  };
-  return /*#__PURE__*/_jsxs(Styled.PanelWrapper, {
-    children: [/*#__PURE__*/_jsxs(Styled.PanelHeader, {
-      children: [/*#__PURE__*/_jsx(Styled.BurgerButton, {
-        onClick: toggleSidebar,
-        color: "basic",
-        children: /*#__PURE__*/_jsx(Menu, {
-          size: 18,
-          color: "warning"
-        })
-      }), /*#__PURE__*/_jsx(Styled.PanelTitle, {
-        children: i18n(modalTitleI18nKey, {
-          smart_count: adaptedAssets.length
-        })
-      }), /*#__PURE__*/_jsx(Styled.CloseButton, {
-        onClick: onRequestClose,
-        color: "basic",
-        children: /*#__PURE__*/_jsx(CrossOutline, {
-          size: 16
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(Styled.PanelBody, {
-      isOpen: isSidebarOpen,
-      $isOnUpload: isOnUpload,
-      children: [/*#__PURE__*/_jsx(Sidebar, {
-        isSidebarOpen: isSidebarOpen,
-        activeSidebarItem: activeSidebarItem,
-        setActiveSidebarItem: setActiveSidebarItem,
-        setIsSideBarOpen: setIsSideBarOpen,
-        toggleSidebar: toggleSidebar,
-        tagsDetails: tagsDetails,
-        changedMetadataFields: changedMetadataFields,
-        fileCustomMetadataGroups: fileCustomMetadataGroups,
-        requiredEmptyFields: requiredEmptyFields,
-        isRequestedInvalidUpload: isRequestedInvalidUpload,
-        isOnUpload: isOnUpload,
-        textFieldsDetails: textFieldsDetails
-      }), /*#__PURE__*/_jsx(Styled.Overlay, {
-        isOpen: isSidebarOpen,
-        onClick: toggleSidebar
-      }), /*#__PURE__*/_jsx(MainContent, {
-        fileCustomMetadataGroups: fileCustomMetadataGroups,
-        activeSidebarItem: activeSidebarItem,
-        changedMetadataFields: changedMetadataFields,
-        isSidebarOpen: isSidebarOpen,
-        tagsDetails: tagsDetails,
-        assets: adaptedAssets,
-        isOnUpload: isOnUpload,
-        fetchedFiles: fetchedFiles,
-        textFieldsDetails: textFieldsDetails,
-        metadataEmptyAssetsValues: isRequestedInvalidUpload ? metadataEmptyAssetsValues : [],
-        setTagsDetails: setTagsDetails,
-        onRequestApply: onRequestApply,
-        setChangedMetadataFields: setChangedMetadataFields,
-        toggleSidebar: toggleSidebar,
-        setFetchedFiles: setFetchedFiles,
-        setTextFieldsDetails: setTextFieldsDetails,
-        noImgTransformations: true
-      })]
-    }), isOnUpload && /*#__PURE__*/_jsx(BulkEditFooter, {
-      isOnUpload: isOnUpload,
-      onRequestClose: onRequestClose,
-      handleClickUpload: handleClickUpload
-    }), showConfirmationModal && /*#__PURE__*/_jsx(ConfirmationModal, {
-      showConfirmationModal: showConfirmationModal,
-      confirmationModalData: confirmationModalData,
-      setShowConfirmationModal: setShowConfirmationModal
-    })]
-  });
-};
-export default BulkEdit;

package/lib/components/BulkEditPanel/BulkEditPanel.styled.js

@@ -1,62 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { PC, FV } from '@scaleflex/widget-common';
-import { Button, IconButton } from '@scaleflex/ui/core';
-import styled, { css } from 'styled-components';
-var PanelWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n  position: relative;\n"])));
-var PanelHeader = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid;\n  border-color: ", ";\n"])), function (_ref) {
-  var palette = _ref.theme.palette;
-  return palette[PC.BordersSecondary];
-});
-var PanelTitle = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0;\n  ", ";\n  color: ", ";\n"])), function (_ref2) {
-  var typography = _ref2.theme.typography;
-  return typography.font[FV.LabelLargeUp];
-}, function (_ref3) {
-  var palette = _ref3.theme.palette;
-  return palette[PC.TextPrimary];
-});
-var PanelBody = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  //65px for the modal header, 96px for modal footer\n  height: ", ";\n  display: flex;\n  width: 100%;\n\n  .SfxDrawer-persistent {\n    width: 302px;\n    transition: all 150ms ease-in-out;\n    position: static;\n    top: 0;\n    left: ", ";\n    z-index: 120;\n    height: 100%;\n\n    ", "\n  }\n"])), function (_ref4) {
-  var $isOnUpload = _ref4.$isOnUpload;
-  return $isOnUpload ? 'calc(100% - 64px - 96px)' : 'calc(100% - 64px)';
-}, function (_ref5) {
-  var isOpen = _ref5.isOpen;
-  return isOpen ? 0 : '-305px';
-}, function (_ref6) {
-  var breakpoints = _ref6.theme.breakpoints;
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      ", " & {\n        position: absolute;\n      }\n\n      ", " & {\n        position: absolute;\n      }\n\n      ", " & {\n        position: absolute;\n      }\n\n      ", " {\n        position: absolute;\n      }\n    "])), breakpoints.classes.lg, breakpoints.classes.md, breakpoints.classes.sm, breakpoints.down('xl'));
-});
-var ModalFooter = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 96px;\n  padding: 24px;\n  border-top: 1px solid;\n  border-color: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  column-gap: 12px;\n"])), function (_ref7) {
-  var palette = _ref7.theme.palette;
-  return palette[PC.BordersSecondary];
-});
-var BurgerButton = styled(IconButton)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  max-height: 40px;\n\n  svg path {\n    fill: ", ";\n  }\n\n  ", "\n\n"])), function (_ref8) {
-  var palette = _ref8.theme.palette;
-  return palette[PC.TextSecondary];
-}, function (_ref9) {
-  var breakpoints = _ref9.theme.breakpoints;
-  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      visibility: hidden;\n      opacity: 0;\n      pointer-events: none;\n\n    ", " {\n      visibility: visible;\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    ", " & {\n      visibility: visible;\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    ", " & {\n      visibility: visible;\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    ", " & {\n      visibility: visible;\n      opacity: 1;\n      pointer-events: all;\n    }\n  "])), breakpoints.down('xl'), breakpoints.classes.lg, breakpoints.classes.md, breakpoints.classes.sm);
-});
-var CloseButton = styled(IconButton)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\n"])));
-var Overlay = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: none;\n  background: ", ";\n  width: 100%;\n  height: 100%;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 110;\n  transition: opacity 100ms ease-out, visibility 100ms ease-out;\n\n  ", "\n\n  ", "\n"])), function (_ref10) {
-  var palette = _ref10.theme.palette;
-  return palette[PC.Extra_0_3_Overlay];
-}, function (_ref11) {
-  var isOpen = _ref11.isOpen;
-  return isOpen ? css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    opacity: 1;\n    visibility: visible;\n  "]))) : css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    opacity: 0;\n    visibility: hidden;\n  "])));
-}, function (_ref12) {
-  var breakpoints = _ref12.theme.breakpoints;
-  return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    ", " {\n        display: block;\n      }\n\n      ", " & {\n        display: block;\n      }\n\n      ", " & {\n        display: block;\n      }\n\n      ", " & {\n        display: block;\n      }\n  "])), breakpoints.down('xl'), breakpoints.classes.lg, breakpoints.classes.md, breakpoints.classes.sm);
-});
-var FooterButton = styled(Button)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  &:nth-of-type(2) {\n    margin-left: auto;\n  }\n"])));
-var Styled = {
-  BurgerButton: BurgerButton,
-  PanelWrapper: PanelWrapper,
-  PanelHeader: PanelHeader,
-  PanelTitle: PanelTitle,
-  PanelBody: PanelBody,
-  ModalFooter: ModalFooter,
-  CloseButton: CloseButton,
-  Overlay: Overlay,
-  FooterButton: FooterButton
-};
-export default Styled;

package/lib/components/BulkEditPanel/BulkEditPanel.utils.js

@@ -1,55 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { BULK_EDIT_GENERAL_IDS, BULK_EDIT_METADATA_ID } from '@scaleflex/widget-utils/lib/constants';
-import { generateTabI18nKey } from './components/Tabs/tabs.utils';
-var generateModalTitleI18nKey = function generateModalTitleI18nKey(isOnUpload, activeSidebarItem) {
-  if (isOnUpload) {
-    return generateTabI18nKey('metadataFillTitle');
-  }
-  if (activeSidebarItem.name === BULK_EDIT_METADATA_ID) {
-    return generateTabI18nKey('metadataTitle');
-  }
-  return generateTabI18nKey('title');
-};
-var getMetadataFirstFieldAndGroup = function getMetadataFirstFieldAndGroup() {
-  var metadataGroups = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var _metadataGroups = _slicedToArray(metadataGroups, 1),
-    _metadataGroups$ = _metadataGroups[0],
-    firstGroup = _metadataGroups$ === void 0 ? {} : _metadataGroups$;
-  var _ref = firstGroup.fields || [],
-    _ref2 = _slicedToArray(_ref, 1),
-    firstField = _ref2[0];
-  return {
-    field: firstField,
-    group: firstGroup
-  };
-};
-var trimmedLowerCase = function trimmedLowerCase() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return value.toLowerCase().trim();
-};
-var getDefaultSidebarTab = function getDefaultSidebarTab(_ref3) {
-  var defaultConfiguredTab = _ref3.defaultConfiguredTab,
-    isOnUpload = _ref3.isOnUpload;
-  if (_typeof(defaultConfiguredTab) === 'object' && defaultConfiguredTab) {
-    return _objectSpread(_objectSpread({}, defaultConfiguredTab), {}, {
-      name: BULK_EDIT_METADATA_ID
-    });
-  }
-  var fallbackDefaultTab = typeof defaultConfiguredTab === 'string' && defaultConfiguredTab || (isOnUpload ? BULK_EDIT_GENERAL_IDS.TITLE : BULK_EDIT_GENERAL_IDS.TAGS);
-  return {
-    name: fallbackDefaultTab,
-    key: fallbackDefaultTab.toLowerCase()
-  };
-};
-export { generateModalTitleI18nKey, getMetadataFirstFieldAndGroup, trimmedLowerCase, getDefaultSidebarTab };

package/lib/components/BulkEditPanel/components/AssetsList/AssetsList.constants.js

@@ -1,29 +0,0 @@
-import { generateTabI18nKey } from '../Tabs/tabs.utils';
-var TABLE_HEADER_IDS = {
-  NAME: 'name',
-  SIZE: 'size'
-};
-var SORT_BY_OPTIONS = {
-  NAME: 'name'
-};
-var STATIC_TABLE_HEADER = [{
-  key: TABLE_HEADER_IDS.NAME,
-  labelI18nKey: generateTabI18nKey('nameTableCell'),
-  width: '25%',
-  withCheckbox: true,
-  sortBy: SORT_BY_OPTIONS.NAME
-}, {
-  key: TABLE_HEADER_IDS.SIZE,
-  labelI18nKey: generateTabI18nKey('sizeTableCell'),
-  width: '20%'
-}];
-var SORT_ORDERS = {
-  ASC: 'asc',
-  DSC: 'dsc'
-};
-var PREIVEW_MODAL_STATUS = {
-  OPEN: 'open',
-  KEEP: 'keep',
-  CLOSE: 'close'
-};
-export { STATIC_TABLE_HEADER, SORT_ORDERS, SORT_BY_OPTIONS, PREIVEW_MODAL_STATUS };

package/lib/components/BulkEditPanel/components/AssetsList/AssetsList.js

@@ -1,148 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useMemo, useState, useCallback, useEffect } from 'react';
-import { Table, TableContainer } from '@scaleflex/ui/core';
-import Styled from './AssetsList.styled';
-import getActiveColumn from './Columns/getActiveColumn';
-import TableBody from './TableBody';
-import TableHeader from './TableHeader';
-import { SORT_ORDERS } from './AssetsList.constants';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var AssetsList = function AssetsList(_ref) {
-  var _selectedAssets$tabId;
-  var lastCellLabel = _ref.lastCellLabel,
-    tabId = _ref.tabId,
-    activeSidebarItem = _ref.activeSidebarItem,
-    tagsDetails = _ref.tagsDetails,
-    assets = _ref.assets,
-    isOnUpload = _ref.isOnUpload,
-    activeMetadataValue = _ref.activeMetadataValue,
-    metadataEmptyAssetsValues = _ref.metadataEmptyAssetsValues,
-    fetchedFiles = _ref.fetchedFiles,
-    setFetchedFiles = _ref.setFetchedFiles,
-    textFieldsDetails = _ref.textFieldsDetails,
-    noImgTransformations = _ref.noImgTransformations,
-    setTextFieldsDetails = _ref.setTextFieldsDetails,
-    tabSelectedAssets = _ref.tabSelectedAssets,
-    changedMetadataFields = _ref.changedMetadataFields,
-    selectedAssets = _ref.selectedAssets,
-    setSelectedAssets = _ref.setSelectedAssets,
-    fileCustomMetadataGroups = _ref.fileCustomMetadataGroups;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    sortOrder = _useState2[0],
-    setSortOrder = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    sortBy = _useState4[0],
-    setSortBy = _useState4[1];
-  var currentSelectionByUuid = useMemo(function () {
-    return assets.map(function (_ref2) {
-      var uuid = _ref2.uuid;
-      return uuid;
-    });
-  }, [assets, tabId, selectedAssets]);
-  var isAllSelected = currentSelectionByUuid.length === ((_selectedAssets$tabId = selectedAssets[tabId]) === null || _selectedAssets$tabId === void 0 ? void 0 : _selectedAssets$tabId.length);
-  var activeColumn = getActiveColumn(activeSidebarItem);
-  var ActiveColumnElement = activeColumn === null || activeColumn === void 0 ? void 0 : activeColumn.Component;
-  var handleSelectAsset = function handleSelectAsset(event, file) {
-    var _nextSelectedAssets$t;
-    var checked = event.target.checked;
-    var nextSelectedAssets = _objectSpread({}, selectedAssets);
-    nextSelectedAssets[tabId] = (_nextSelectedAssets$t = nextSelectedAssets[tabId]) !== null && _nextSelectedAssets$t !== void 0 ? _nextSelectedAssets$t : [];
-    if (checked) {
-      nextSelectedAssets[tabId].push(file.uuid);
-    } else {
-      var indexOfAsset = nextSelectedAssets[tabId].indexOf(file.uuid);
-      nextSelectedAssets[tabId].splice(indexOfAsset, 1);
-    }
-    setSelectedAssets(nextSelectedAssets);
-  };
-  var handleToggleSelectAll = useCallback(function (event) {
-    var _nextSelectedAssets$t2;
-    var checked = event.target.checked;
-    var nextSelectedAssets = _objectSpread({}, selectedAssets);
-    nextSelectedAssets[tabId] = (_nextSelectedAssets$t2 = nextSelectedAssets[tabId]) !== null && _nextSelectedAssets$t2 !== void 0 ? _nextSelectedAssets$t2 : [];
-    if (checked) {
-      nextSelectedAssets[tabId] = currentSelectionByUuid;
-    } else {
-      nextSelectedAssets[tabId] = [];
-    }
-    setSelectedAssets(nextSelectedAssets);
-  }, [selectedAssets, currentSelectionByUuid, tabId]);
-  var handleSort = useCallback(function (nextSortBy) {
-    var nextSortOrder = sortOrder === SORT_ORDERS.DSC || sortBy !== nextSortBy ? SORT_ORDERS.ASC : SORT_ORDERS.DSC;
-    setSortOrder(nextSortOrder);
-    setSortBy(nextSortBy);
-  }, [assets, sortOrder, sortBy]);
-  var sortedFiles = useMemo(function () {
-    var nextFiles = _toConsumableArray(assets);
-    if (!sortBy || !sortOrder) return nextFiles;
-    nextFiles.sort(function (a, b) {
-      if (sortOrder === SORT_ORDERS.DSC) {
-        return a[sortBy] < b[sortBy] ? -1 : 1;
-      }
-      if (sortOrder === SORT_ORDERS.ASC) {
-        return a[sortBy] < b[sortBy] ? 1 : -1;
-      }
-      return 0;
-    });
-    return nextFiles;
-  }, [assets, sortOrder, sortBy]);
-  useEffect(function () {
-    if (tabSelectedAssets.length === 0) {
-      handleToggleSelectAll({
-        target: {
-          checked: true
-        }
-      });
-    }
-  }, [tabId]);
-  return /*#__PURE__*/_jsx(Styled.AssetsListWrapper, {
-    children: /*#__PURE__*/_jsx(TableContainer, {
-      children: /*#__PURE__*/_jsxs(Table, {
-        children: [/*#__PURE__*/_jsx(TableHeader, {
-          isAllSelected: isAllSelected,
-          tabSelectedAssets: tabSelectedAssets,
-          lastCellLabel: lastCellLabel,
-          sortBy: sortBy,
-          sortOrder: sortOrder,
-          handleToggleSelectAll: handleToggleSelectAll,
-          handleSort: handleSort
-        }), /*#__PURE__*/_jsx(TableBody, {
-          activeMetadataValue: activeMetadataValue,
-          tabSelectedAssets: tabSelectedAssets,
-          activeSidebarItem: activeSidebarItem,
-          changedMetadataFields: changedMetadataFields,
-          sortedFiles: sortedFiles,
-          tagsDetails: tagsDetails,
-          isOnUpload: isOnUpload,
-          fileCustomMetadataGroups: fileCustomMetadataGroups,
-          metadataEmptyAssetsValues: metadataEmptyAssetsValues,
-          fetchedFiles: fetchedFiles,
-          setFetchedFiles: setFetchedFiles,
-          textFieldsDetails: textFieldsDetails,
-          handleSelectAsset: handleSelectAsset,
-          ActiveColumnElement: ActiveColumnElement,
-          setTextFieldsDetails: setTextFieldsDetails,
-          noImgTransformations: noImgTransformations
-        })]
-      })
-    })
-  });
-};
-export default AssetsList;