@scaleflex/widget-explorer 4.8.4 → 4.8.6

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

@@ -1,67 +0,0 @@
-import capitalizeFirstLetter from '@scaleflex/widget-utils/lib/capitalizeFirstLetter';
-import { TableHead, TableRow } from '@scaleflex/ui/core';
-import { useExplorer } from '../../../../hooks';
-import { SORT_ORDERS, STATIC_TABLE_HEADER } from './AssetsList.constants';
-import Styled from './AssetsList.styled';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var TableHeader = function TableHeader(_ref) {
-  var _ref$lastCellLabel = _ref.lastCellLabel,
-    lastCellLabel = _ref$lastCellLabel === void 0 ? {} : _ref$lastCellLabel,
-    isAllSelected = _ref.isAllSelected,
-    handleToggleSelectAll = _ref.handleToggleSelectAll,
-    sortBy = _ref.sortBy,
-    sortOrder = _ref.sortOrder,
-    handleSort = _ref.handleSort;
-  var _useExplorer = useExplorer(),
-    i18n = _useExplorer.i18n;
-  var translatable = lastCellLabel.translatable,
-    value = lastCellLabel.value;
-  var lastCellTitle = translatable ? i18n(value) : value;
-  var renderCellContent = function renderCellContent(cell) {
-    if (cell.withCheckbox) {
-      return /*#__PURE__*/_jsxs(Styled.ActionCellWrapper, {
-        children: [/*#__PURE__*/_jsx(Styled.Checkbox, {
-          checked: isAllSelected,
-          onChange: handleToggleSelectAll,
-          type: isAllSelected ? 'intermediate' : 'checkbox'
-        }), /*#__PURE__*/_jsxs(Styled.TitleWrapper, {
-          onClick: function onClick() {
-            return handleSort(cell.sortBy);
-          },
-          children: [/*#__PURE__*/_jsx(Styled.Title, {
-            $active: sortBy,
-            $sortable: !!cell.sortBy,
-            children: i18n(cell.labelI18nKey)
-          }), /*#__PURE__*/_jsx(Styled.SortArrow, {
-            size: 12,
-            $active: sortBy,
-            onClick: function onClick() {
-              return handleSort(cell.sortBy);
-            },
-            $fliped: sortOrder === SORT_ORDERS.ASC
-          })]
-        })]
-      });
-    }
-    return /*#__PURE__*/_jsx(Styled.Title, {
-      children: i18n(cell.labelI18nKey)
-    });
-  };
-  return /*#__PURE__*/_jsx(TableHead, {
-    children: /*#__PURE__*/_jsxs(TableRow, {
-      children: [STATIC_TABLE_HEADER.map(function (staticCell) {
-        return /*#__PURE__*/_jsx(Styled.TableCell, {
-          width: staticCell.width,
-          children: renderCellContent(staticCell)
-        }, staticCell.key);
-      }), /*#__PURE__*/_jsx(Styled.TableCell, {
-        width: "45%",
-        children: /*#__PURE__*/_jsx(Styled.CellLabel, {
-          title: lastCellTitle,
-          children: capitalizeFirstLetter(lastCellTitle || '')
-        })
-      })]
-    })
-  });
-};
-export default TableHeader;

package/lib/components/BulkEditPanel/components/BulkEditFooter.js

@@ -1,33 +0,0 @@
-import { ArrowLeftOutline, Upload } from '@scaleflex/icons';
-import { useExplorerI18n } from '../../../hooks';
-import { generateTabI18nKey } from './Tabs/tabs.utils';
-import Styled from '../BulkEditPanel.styled';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var BulkEditFooter = function BulkEditFooter(_ref) {
-  var onRequestClose = _ref.onRequestClose,
-    handleClickUpload = _ref.handleClickUpload;
-  var i18n = useExplorerI18n();
-  return /*#__PURE__*/_jsxs(Styled.ModalFooter, {
-    children: [/*#__PURE__*/_jsx(Styled.FooterButton, {
-      startIcon: /*#__PURE__*/_jsx(ArrowLeftOutline, {
-        size: 14
-      }),
-      color: "link-basic-secondary",
-      onClick: onRequestClose,
-      children: i18n(generateTabI18nKey('fillBackToSettings'))
-    }), /*#__PURE__*/_jsx(Styled.FooterButton, {
-      size: "lg",
-      onClick: onRequestClose,
-      children: i18n('mutualizedCancelButtonLabel')
-    }), /*#__PURE__*/_jsx(Styled.FooterButton, {
-      size: "lg",
-      color: "primary",
-      onClick: handleClickUpload,
-      startIcon: /*#__PURE__*/_jsx(Upload, {
-        size: 18
-      }),
-      children: i18n('mutualizedUploadLabel')
-    })]
-  });
-};
-export default BulkEditFooter;

package/lib/components/BulkEditPanel/components/ConfirmationModal/ConfirmationModal.js

@@ -1,47 +0,0 @@
-import { Warning } from '@scaleflex/icons';
-import { Button } from '@scaleflex/ui/core';
-import { useExplorerI18n } from '../../../../hooks';
-import Styled from './ConfirmationModal.styled';
-
-// TODO: We should use useConfirmationModal from Modals and drop this
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ConfirmationModal = function ConfirmationModal(_ref) {
-  var showConfirmationModal = _ref.showConfirmationModal,
-    confirmationModalData = _ref.confirmationModalData,
-    setShowConfirmationModal = _ref.setShowConfirmationModal;
-  var i18n = useExplorerI18n();
-  var _confirmationModalDat = confirmationModalData.title,
-    title = _confirmationModalDat === void 0 ? '' : _confirmationModalDat,
-    _confirmationModalDat2 = confirmationModalData.desc,
-    desc = _confirmationModalDat2 === void 0 ? '' : _confirmationModalDat2,
-    handleConfirm = confirmationModalData.handleConfirm;
-  var handleClose = function handleClose() {
-    setShowConfirmationModal(false);
-  };
-  return /*#__PURE__*/_jsxs(Styled.Modal, {
-    open: showConfirmationModal,
-    onClose: handleClose,
-    children: [/*#__PURE__*/_jsx(Styled.ModalTitle, {
-      icon: /*#__PURE__*/_jsx(Warning, {
-        size: 29
-      }),
-      variant: "with-icon",
-      iconShadow: true,
-      onClose: handleClose,
-      primary: title
-    }), /*#__PURE__*/_jsx(Styled.ModalContent, {
-      children: desc
-    }), /*#__PURE__*/_jsxs(Styled.ModalActions, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        onClick: handleClose,
-        color: "basic",
-        children: i18n('mutualizedCancelButtonLabel')
-      }), /*#__PURE__*/_jsx(Button, {
-        onClick: handleConfirm,
-        color: "warning-primary",
-        children: i18n('mutualizedConfirmButtonLabel')
-      })]
-    })]
-  });
-};
-export default ConfirmationModal;

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

@@ -1,25 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { FV, PC } from '@scaleflex/widget-common';
-import { Modal as SfxModal, ModalTitle as SfxModalTitle, ModalContent as SfxModalContent, ModalActions as SfxModalActions } from '@scaleflex/ui/core';
-import styled from 'styled-components';
-var Modal = styled(SfxModal)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 24px;\n  width: 400px;\n  max-width: none;\n  position: relative;\n"])));
-var ModalTitle = styled(SfxModalTitle)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 0;\n\n  .SfxModalTitle-Close {\n    top: -16px;\n    right: -16px;\n  }\n\n  .SfxModalTitle-LabelSecondary {\n    margin: 0;\n  }\n\n  .SfxModalTitle-Icon {\n    width: 58px;\n    height: 58px;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
-  var palette = _ref.theme.palette;
-  return palette[PC.Orange_0_1_Overlay];
-}, function (_ref2) {
-  var palette = _ref2.theme.palette;
-  return palette[PC.Warning];
-});
-var ModalContent = styled(SfxModalContent)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: 24px;\n  padding: 0;\n  ", ";\n"])), function (_ref3) {
-  var typography = _ref3.theme.typography;
-  return typography.font[FV.TextLarge];
-});
-var ModalActions = styled(SfxModalActions)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0;\n  margin-top: 24px;\n\n  button {\n    flex-grow: 1;\n  }\n"])));
-var Styled = {
-  Modal: Modal,
-  ModalTitle: ModalTitle,
-  ModalContent: ModalContent,
-  ModalActions: ModalActions
-};
-export default Styled;

package/lib/components/BulkEditPanel/components/MainContent/MainContent.js

@@ -1,110 +0,0 @@
-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 { useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { RegionalVariantFilters } from '@scaleflex/widget-common';
-import { BULK_EDIT_GENERAL_IDS } from '@scaleflex/widget-utils/lib/constants';
-import { metadataRegionalFiltersSet, selectMetadataRegionalFilters, selectMetadataRegionalGroups } from '../../../../slices/metadata.slice';
-import AssetsList from '../AssetsList/AssetsList';
-import generateActiveTab, { generateLastCellLabel } from '../Tabs/tabs';
-import Styled from './MainContent.styled';
-import { REGIONAL_VARIANT_TYPE } from '../../../metadata.adapter';
-import { useExplorerI18n } from '../../../../hooks';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var MainContent = function MainContent(_ref) {
-  var activeSidebarItem = _ref.activeSidebarItem,
-    fileCustomMetadataGroups = _ref.fileCustomMetadataGroups,
-    onRequestApply = _ref.onRequestApply,
-    assets = _ref.assets,
-    isOnUpload = _ref.isOnUpload,
-    changedMetadataFields = _ref.changedMetadataFields,
-    setChangedMetadataFields = _ref.setChangedMetadataFields,
-    tagsDetails = _ref.tagsDetails,
-    setTagsDetails = _ref.setTagsDetails,
-    metadataEmptyAssetsValues = _ref.metadataEmptyAssetsValues,
-    fetchedFiles = _ref.fetchedFiles,
-    setFetchedFiles = _ref.setFetchedFiles,
-    textFieldsDetails = _ref.textFieldsDetails,
-    setTextFieldsDetails = _ref.setTextFieldsDetails,
-    noImgTransformations = _ref.noImgTransformations;
-  var i18n = useExplorerI18n();
-  var dispatch = useDispatch();
-  var metaRegionalGroups = useSelector(selectMetadataRegionalGroups);
-  var metaRegionalFilters = useSelector(selectMetadataRegionalFilters);
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedAssets = _useState2[0],
-    setSelectedAssets = _useState2[1];
-  var generatedTab = generateActiveTab(activeSidebarItem);
-  var ActiveTab = generatedTab === null || generatedTab === void 0 ? void 0 : generatedTab.Component;
-  if (!ActiveTab) return null;
-  var _activeSidebarItem$na = activeSidebarItem.name,
-    name = _activeSidebarItem$na === void 0 ? '' : _activeSidebarItem$na,
-    _activeSidebarItem$uu = activeSidebarItem.uuid,
-    uuid = _activeSidebarItem$uu === void 0 ? '' : _activeSidebarItem$uu,
-    regionalVariantsGroupId = activeSidebarItem.regional_variants_group_uuid;
-  var tabId = "".concat(name).concat(uuid);
-  var tabSelectedAssets = selectedAssets[tabId] || [];
-  var lastCellLabel = generateLastCellLabel(generatedTab, activeSidebarItem);
-  var activeMetadataValue = metaRegionalFilters[regionalVariantsGroupId];
-  var activeMetadataGroup = metaRegionalGroups.filter(function () {
-    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      uuid = _ref2.uuid,
-      type = _ref2.type,
-      isRoot = _ref2.isRoot;
-    return uuid === regionalVariantsGroupId || isRoot && type === REGIONAL_VARIANT_TYPE.LANGUAGES && Object.values(BULK_EDIT_GENERAL_IDS).includes(tabId);
-  });
-  var setMetaRegionalFilters = function setMetaRegionalFilters(newRegionalFilters) {
-    dispatch(metadataRegionalFiltersSet(newRegionalFilters));
-  };
-  return /*#__PURE__*/_jsx(Styled.ContentWrapper, {
-    children: /*#__PURE__*/_jsxs(Styled.MainContentWrapper, {
-      children: [!!activeMetadataGroup.length && /*#__PURE__*/_jsx(Styled.FiltersWrapper, {
-        children: /*#__PURE__*/_jsx(RegionalVariantFilters, {
-          i18n: i18n,
-          groups: activeMetadataGroup,
-          filters: metaRegionalFilters,
-          onChangeFilters: setMetaRegionalFilters
-        })
-      }), /*#__PURE__*/_jsx(ActiveTab, {
-        activeSidebarItem: activeSidebarItem,
-        activeMetadataValue: activeMetadataValue,
-        fileCustomMetadataGroups: fileCustomMetadataGroups,
-        changedMetadataFields: changedMetadataFields,
-        setChangedMetadataFields: setChangedMetadataFields,
-        tabSelectedAssets: tabSelectedAssets,
-        tagsDetails: tagsDetails,
-        assets: assets,
-        setTagsDetails: setTagsDetails,
-        isOnUpload: isOnUpload,
-        onRequestApply: onRequestApply,
-        textFieldsDetails: textFieldsDetails,
-        setTextFieldsDetails: setTextFieldsDetails
-      }), /*#__PURE__*/_jsx(AssetsList, {
-        tabId: tabId,
-        tabSelectedAssets: tabSelectedAssets,
-        activeMetadataValue: activeMetadataValue,
-        selectedAssets: selectedAssets,
-        activeSidebarItem: activeSidebarItem,
-        lastCellLabel: lastCellLabel,
-        changedMetadataFields: changedMetadataFields,
-        tagsDetails: tagsDetails,
-        assets: assets,
-        fileCustomMetadataGroups: fileCustomMetadataGroups,
-        isOnUpload: isOnUpload,
-        noImgTransformations: noImgTransformations,
-        metadataEmptyAssetsValues: metadataEmptyAssetsValues,
-        fetchedFiles: fetchedFiles,
-        setFetchedFiles: setFetchedFiles,
-        textFieldsDetails: textFieldsDetails,
-        setTextFieldsDetails: setTextFieldsDetails,
-        setSelectedAssets: setSelectedAssets
-      })]
-    })
-  });
-};
-export default MainContent;

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

@@ -1,12 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import styled from 'styled-components';
-var ContentWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex: 1;\n  z-index: 100;\n  max-width: 100%;\n  overflow-x: auto;\n"])));
-var MainContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  row-gap: 24px;\n"])));
-var FiltersWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: flex-end;\n"])));
-var Styled = {
-  ContentWrapper: ContentWrapper,
-  MainContentWrapper: MainContentWrapper,
-  FiltersWrapper: FiltersWrapper
-};
-export default Styled;

package/lib/components/BulkEditPanel/components/MainContent/index.js

@@ -1,2 +0,0 @@
-import MainContent from './MainContent';
-export default MainContent;

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

@@ -1,53 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { PC } from '@scaleflex/widget-common';
-import { Drawer as SfxDrawer, IconButton, EllipsedText } from '@scaleflex/ui/core';
-import styled, { css } from 'styled-components';
-import { DrawerItemButton as SfxDrawerItemButton } from '@scaleflex/ui/core/drawer';
-var Drawer = styled(SfxDrawer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  transition: none;\n  transform: none;\n  box-shadow: 6px 0 12px rgba(146, 166, 188, 0.14);\n\n  .SfxDrawer-body {\n    .SfxDrawer-list {\n      padding: 24px;\n    }\n\n    .SfxDrawer-item-button {\n      padding: 11px 16px;\n      margin-bottom: 0;\n    }\n\n    &~.SfxDrawer-item-button {\n      display: none;\n    }\n  }\n\n  ", "\n"])), function (_ref) {
-  var breakpoints = _ref.theme.breakpoints;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " {\n      visibility: visible;\n    }\n\n    ", " & {\n      visibility: visible;\n    }\n  "])), breakpoints.up('xl'), breakpoints.classes.xl);
-});
-var DrawerHeader = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 24px;\n  padding-bottom: 8px;\n\n  ", "\n"])), function (_ref2) {
-  var breakpoints = _ref2.theme.breakpoints;
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", " {\n      display: none;\n    }\n\n    ", " & {\n      display: none;\n    }\n  "])), breakpoints.up('xl'), breakpoints.classes.xl);
-});
-var BurgerButton = styled(IconButton)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  max-height: 40px;\n"])));
-var Title = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  line-height: 18px;\n  font-weight: 400;\n  color: ", ";\n  display: ", ";\n  margin-bottom: 4px;\n\n  &:not(:first-child) {\n    margin-top: 30px;\n  }\n"])), function (_ref3) {
-  var palette = _ref3.theme.palette;
-  return palette[PC.TextSecondary];
-}, function (_ref4) {
-  var $hidden = _ref4.$hidden;
-  return $hidden ? 'none' : 'block';
-});
-var Subtitle = styled(Title)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  line-height: 16px;\n\n  &:not(:first-child) {\n    margin-top: 20px;\n  }\n"])));
-var DrawerItemButton = styled(SfxDrawerItemButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: relative;\n\n  .SfxDrawer-text {\n    display: flex;\n    position: relative;\n  }\n\n  ", "\n\n  ", ";\n\n  svg {\n    flex-shrink: 0;\n    color: ", ";\n    margin-left: 10px;\n  }\n\n  &:hover {\n    svg {\n      color: ", ";\n    }\n  }\n\n  ", "\n"])), function (_ref5) {
-  var isRequired = _ref5.isRequired,
-    theme = _ref5.theme;
-  return isRequired && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    .SfxDrawer-text::after {\n      color: ", ";\n      content: '*';\n      display: inline;\n      margin-left: 4px;\n    }\n  "])), theme.palette[PC.Error]);
-}, function (_ref6) {
-  var theme = _ref6.theme,
-    changed = _ref6.changed,
-    isInvalidRequiredField = _ref6.isInvalidRequiredField;
-  return changed && !isInvalidRequiredField && css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    &::after {\n      content: \"\";\n      position: absolute;\n      right: 16px;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: ", ";\n    }\n  "])), theme.palette[PC.Orange]);
-}, function (_ref7) {
-  var palette = _ref7.theme.palette;
-  return palette[PC.Error];
-}, function (_ref8) {
-  var palette = _ref8.theme.palette;
-  return palette[PC.Error];
-}, function (_ref9) {
-  var $hidden = _ref9.$hidden;
-  return $hidden && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    display: none;\n  "])));
-});
-var EllipsedFieldTitle = styled(EllipsedText)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: auto;\n"])));
-var Styled = {
-  Drawer: Drawer,
-  Title: Title,
-  Subtitle: Subtitle,
-  DrawerItemButton: DrawerItemButton,
-  DrawerHeader: DrawerHeader,
-  BurgerButton: BurgerButton,
-  EllipsedFieldTitle: EllipsedFieldTitle
-};
-export default Styled;

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

@@ -1,28 +0,0 @@
-import { BULK_EDIT_GENERAL_IDS, BULK_EDIT_OPTIONS } from '@scaleflex/widget-utils/lib/constants';
-var generateSidebarTabs = function generateSidebarTabs(_ref) {
-  var activeSidebarItem = _ref.activeSidebarItem,
-    isOnUpload = _ref.isOnUpload;
-  return [{
-    key: BULK_EDIT_GENERAL_IDS.NAME,
-    contentI18nStr: BULK_EDIT_OPTIONS[BULK_EDIT_GENERAL_IDS.NAME].contentI18nStr,
-    active: (activeSidebarItem === null || activeSidebarItem === void 0 ? void 0 : activeSidebarItem.name) === BULK_EDIT_GENERAL_IDS.NAME,
-    hidden: true
-  }, {
-    key: BULK_EDIT_GENERAL_IDS.TITLE,
-    contentI18nStr: BULK_EDIT_OPTIONS[BULK_EDIT_GENERAL_IDS.TITLE].contentI18nStr,
-    active: (activeSidebarItem === null || activeSidebarItem === void 0 ? void 0 : activeSidebarItem.name) === BULK_EDIT_GENERAL_IDS.TITLE
-  }, {
-    key: BULK_EDIT_GENERAL_IDS.DESCRIPTION,
-    contentI18nStr: BULK_EDIT_OPTIONS[BULK_EDIT_GENERAL_IDS.DESCRIPTION].contentI18nStr,
-    active: (activeSidebarItem === null || activeSidebarItem === void 0 ? void 0 : activeSidebarItem.name) === BULK_EDIT_GENERAL_IDS.DESCRIPTION
-  }, {
-    key: BULK_EDIT_GENERAL_IDS.TAGS,
-    contentI18nStr: BULK_EDIT_OPTIONS[BULK_EDIT_GENERAL_IDS.TAGS].contentI18nStr,
-    active: (activeSidebarItem === null || activeSidebarItem === void 0 ? void 0 : activeSidebarItem.name) === BULK_EDIT_GENERAL_IDS.TAGS,
-    hidden: isOnUpload
-  }].filter(function (_ref2) {
-    var hidden = _ref2.hidden;
-    return !hidden;
-  });
-};
-export { generateSidebarTabs };

package/lib/components/BulkEditPanel/components/Sidebar/index.js

@@ -1,158 +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 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); }
-import { Fragment, useCallback } from 'react';
-import { BULK_EDIT_GENERAL_IDS, BULK_EDIT_METADATA_ID, BULK_EDIT_HIDDEN_FIELDS } from '@scaleflex/widget-utils/lib/constants';
-import { DrawerBody, DrawerItemText, DrawerList } from '@scaleflex/ui/core/drawer';
-import { Menu, WarningRound } from '@scaleflex/icons';
-import { useSelector } from 'react-redux';
-import { useExplorerI18n } from '../../../../hooks';
-import { selectIsUploadsPanelOpened } from '../../../../slices/panels.slice';
-import { selectIsM0LegacyMeta } from '../../../../slices/metadata.slice';
-import { generateSidebarTabs } from './Sidebar.utils';
-import Styled from './Sidebar.styled';
-
-// TODO: (Dima) pass container to Sidebar as before it was done via useExplorerContext
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var Sidebar = function Sidebar(_ref) {
-  var isSidebarOpen = _ref.isSidebarOpen,
-    activeSidebarItem = _ref.activeSidebarItem,
-    setActiveSidebarItem = _ref.setActiveSidebarItem,
-    changedMetadataFields = _ref.changedMetadataFields,
-    setIsSideBarOpen = _ref.setIsSideBarOpen,
-    toggleSidebar = _ref.toggleSidebar,
-    tagsDetails = _ref.tagsDetails,
-    fileCustomMetadataGroups = _ref.fileCustomMetadataGroups,
-    requiredEmptyFields = _ref.requiredEmptyFields,
-    isRequestedInvalidUpload = _ref.isRequestedInvalidUpload,
-    textFieldsDetails = _ref.textFieldsDetails;
-  var i18n = useExplorerI18n();
-  var isOnUpload = useSelector(selectIsUploadsPanelOpened);
-  var isM0LegacyMeta = useSelector(selectIsM0LegacyMeta);
-  var sidebarTabs = generateSidebarTabs({
-    activeSidebarItem: activeSidebarItem,
-    isOnUpload: isOnUpload
-  });
-  var isGeneralFieldsChanged = function isGeneralFieldsChanged(fieldKey) {
-    if (fieldKey === BULK_EDIT_GENERAL_IDS.TAGS) {
-      var _tagsDetails$addedTag, _tagsDetails$removedT;
-      return (tagsDetails === null || tagsDetails === void 0 ? void 0 : (_tagsDetails$addedTag = tagsDetails.addedTags) === null || _tagsDetails$addedTag === void 0 ? void 0 : _tagsDetails$addedTag.length) || (tagsDetails === null || tagsDetails === void 0 ? void 0 : (_tagsDetails$removedT = tagsDetails.removedTags) === null || _tagsDetails$removedT === void 0 ? void 0 : _tagsDetails$removedT.length);
-    }
-    if ([BULK_EDIT_GENERAL_IDS.TITLE, BULK_EDIT_GENERAL_IDS.DESCRIPTION].includes(fieldKey)) {
-      return !!Object.values(textFieldsDetails[fieldKey.toLowerCase()].value || {}).filter(function (i) {
-        return i;
-      }).length;
-    }
-  };
-  var isMetadataFieldChanged = useCallback(function (metadataUuid) {
-    var _changedMetadataField;
-    return !!((_changedMetadataField = changedMetadataFields.find(function (_ref2) {
-      var uuid = _ref2.uuid;
-      return uuid === metadataUuid;
-    })) !== null && _changedMetadataField !== void 0 && _changedMetadataField.value);
-  }, [changedMetadataFields]);
-  var handleClickItem = function handleClickItem(item) {
-    setActiveSidebarItem({
-      name: item.key,
-      key: item.key.toLowerCase()
-    });
-    toggleSidebar();
-  };
-  var onClickMetadataItem = function onClickMetadataItem() {
-    var field = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var groupUuid = arguments.length > 1 ? arguments[1] : undefined;
-    toggleSidebar();
-    setActiveSidebarItem(_objectSpread({
-      name: BULK_EDIT_METADATA_ID,
-      groupUuid: groupUuid
-    }, field));
-  };
-
-  // TODO: remove when attachments-assets fields type ready for bulk
-  var getFilteredFields = function getFilteredFields(fields) {
-    return fields.filter(function (_ref3) {
-      var type = _ref3.type;
-      return type !== 'attachments-assets';
-    });
-  };
-  var isRequiredEmptyField = function isRequiredEmptyField(fieldKey) {
-    return isOnUpload && isRequestedInvalidUpload && requiredEmptyFields.some(function (_ref4) {
-      var key = _ref4.key;
-      return key === fieldKey;
-    });
-  };
-  var isFieldHidden = function isFieldHidden(fieldType) {
-    if (!fieldType) return false;
-    return BULK_EDIT_HIDDEN_FIELDS.includes(fieldType);
-  };
-  return /*#__PURE__*/_jsx(Styled.Drawer, {
-    open: isSidebarOpen,
-    onClose: function onClose() {
-      return setIsSideBarOpen(false);
-    },
-    variant: "persistent",
-    children: /*#__PURE__*/_jsxs(DrawerBody, {
-      children: [/*#__PURE__*/_jsx(Styled.DrawerHeader, {
-        children: /*#__PURE__*/_jsx(Styled.BurgerButton, {
-          onClick: toggleSidebar,
-          color: "basic",
-          children: /*#__PURE__*/_jsx(Menu, {
-            size: 18
-          })
-        })
-      }), /*#__PURE__*/_jsxs(DrawerList, {
-        children: [!!sidebarTabs.length && /*#__PURE__*/_jsx(Styled.Title, {
-          children: i18n('bulkEditModalSidebarGeneralLabel')
-        }), sidebarTabs.map(function (item) {
-          return /*#__PURE__*/_jsx(Styled.DrawerItemButton, {
-            selected: item.active,
-            changed: isGeneralFieldsChanged(item.key),
-            onClick: function onClick() {
-              return handleClickItem(item);
-            },
-            children: /*#__PURE__*/_jsx(DrawerItemText, {
-              children: i18n(item.contentI18nStr)
-            })
-          }, item.key);
-        }), !isM0LegacyMeta && (fileCustomMetadataGroups === null || fileCustomMetadataGroups === void 0 ? void 0 : fileCustomMetadataGroups.length) > 0 && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Styled.Title, {
-            $hidden: !(fileCustomMetadataGroups !== null && fileCustomMetadataGroups !== void 0 && fileCustomMetadataGroups.length),
-            children: i18n('bulkEditModalSidebarCustomMetadataLabel')
-          }), (fileCustomMetadataGroups || []).map(function (_ref5) {
-            var name = _ref5.name,
-              uuid = _ref5.uuid,
-              fields = _ref5.fields;
-            return /*#__PURE__*/_jsxs(Fragment, {
-              children: [/*#__PURE__*/_jsx(Styled.Subtitle, {
-                children: name
-              }), getFilteredFields(fields).map(function (field) {
-                return /*#__PURE__*/_jsxs(Styled.DrawerItemButton, {
-                  selected: (activeSidebarItem === null || activeSidebarItem === void 0 ? void 0 : activeSidebarItem.uuid) === field.uuid,
-                  changed: isMetadataFieldChanged(field.uuid),
-                  isRequired: !!field.required,
-                  isInvalidRequiredField: isRequiredEmptyField(field.key),
-                  onClick: function onClick() {
-                    return onClickMetadataItem(field, uuid);
-                  },
-                  $hidden: isFieldHidden(field === null || field === void 0 ? void 0 : field.type),
-                  children: [/*#__PURE__*/_jsx(DrawerItemText, {
-                    children: /*#__PURE__*/_jsx(Styled.EllipsedFieldTitle, {
-                      maxLinesCount: 1,
-                      children: field.title
-                    })
-                  }), isRequiredEmptyField(field.key) && /*#__PURE__*/_jsx(WarningRound, {
-                    size: 16
-                  })]
-                }, field.uuid);
-              })]
-            }, uuid);
-          })]
-        })]
-      })]
-    })
-  });
-};
-export default Sidebar;