@scaleflex/widget-explorer 4.0.7 → 4.3.0

package/lib/components/GalleryRoleSelect/index.js

@@ -26,17 +26,17 @@ import StandardRolesTab from './StandardRolesTab';
 import { GALLERY_ROLE_TABS, GALLERY_ROLE_TABS_IDS } from './GalleryRoleSelect.constants';
 import CustomRolesTab from './CustomRolesTab';
 
-/**
- * @param {object} props
- * @param {string} props.value - Role ID
- * @param {function} props.onChange
- * @param {boolean} [props.showPermissionsInfo=true]
- * @param {number} [props.selectorPaddingX=17]
- * @param {boolean} [props.disabled=false]
- * @param {boolean} [props.readOnly=false]
- * @param {boolean} [props.defaultValueFirstItem=false]
- * @param {number} [props.minPermissions] - Use to specify which roles could be selectable
- * @returns
+/**
+ * @param {object} props
+ * @param {string} props.value - Role ID
+ * @param {function} props.onChange
+ * @param {boolean} [props.showPermissionsInfo=true]
+ * @param {number} [props.selectorPaddingX=17]
+ * @param {boolean} [props.disabled=false]
+ * @param {boolean} [props.readOnly=false]
+ * @param {boolean} [props.defaultValueFirstItem=false]
+ * @param {number} [props.minPermissions] - Use to specify which roles could be selectable
+ * @returns
  */
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var GalleryRoleSelect = function GalleryRoleSelect(_ref) {

package/lib/components/Modals/AddNewFolder/AddNewFolder.hooks.js

@@ -0,0 +1,99 @@
+import { useDispatch } from 'react-redux';
+import { useCallback } from 'react';
+import { AddFolder } from '@scaleflex/icons';
+import { useTheme } from '@scaleflex/ui/theme/hooks';
+import { useModal } from '@scaleflex/widget-core/lib/hooks';
+import { PC } from '@scaleflex/widget-common';
+import handlePromise from '@scaleflex/widget-utils/lib/handlePromise';
+import { checkFileOrFolderNameValidation } from '@scaleflex/widget-utils/lib/checkFileOrFolderNameValidation';
+import { InputGroup } from '@scaleflex/ui/core';
+import { useExplorerI18n, useExplorerInformer } from '../../../hooks';
+import { addNewFolder } from '../../../slices/folders.slice';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var useAddNewFolderModal = function useAddNewFolderModal() {
+  var dispatch = useDispatch();
+  var toggleModal = useModal();
+  var theme = useTheme();
+  var i18n = useExplorerI18n();
+  var info = useExplorerInformer();
+
+  // If no path is provided, then the folder will be created in the current folder.
+  var triggerAddNewFolderModal = useCallback(function () {
+    var toFolderPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    var addFolderHandler = function addFolderHandler(_ref) {
+      var data = _ref.data,
+        closeModal = _ref.closeModal,
+        setIsModalLoading = _ref.setIsModalLoading;
+      var folderName = data.folderName;
+      if (folderName) {
+        setIsModalLoading(true);
+        handlePromise(dispatch(addNewFolder({
+          path: toFolderPath,
+          name: folderName
+        })), function () {
+          closeModal();
+          info(i18n('explorerFolderCreatedInfo'), 'success', 5000);
+        }, undefined, function () {
+          setIsModalLoading(false);
+        });
+      } else {
+        info(i18n('explorerFolderNameRequiredInfo'), 'warning', 5000);
+      }
+    };
+    toggleModal({
+      icon: /*#__PURE__*/_jsx(AddFolder, {
+        color: theme.palette[PC.AccentPrimary],
+        width: 29,
+        height: 29
+      }),
+      showTitleLabel: true,
+      disableAutoClose: true,
+      title: i18n('explorerModelAddFolderTitle'),
+      content: function content(_ref2) {
+        var updateData = _ref2.updateData,
+          data = _ref2.data,
+          setPrimaryButtonDisabled = _ref2.setPrimaryButtonDisabled;
+        return /*#__PURE__*/_jsx(InputGroup, {
+          onChange: function onChange(_ref3) {
+            var target = _ref3.target;
+            var error = '';
+            if (checkFileOrFolderNameValidation(target.value)) {
+              error = i18n('mutualizedFolderInvalidNameError');
+            }
+            updateData({
+              folderName: target.value,
+              error: error
+            });
+            setPrimaryButtonDisabled(Boolean(error) || !target.value);
+          },
+          error: Boolean(data.error),
+          hint: data.error,
+          label: i18n('explorerModelNewFolderName'),
+          placeholder: i18n('explorerModelNewFolderPlaceholder'),
+          value: data.folderName || '',
+          fullWidth: true,
+          focusOnMount: true
+        });
+      },
+      buttonPrimaryLabel: i18n('explorerModelAddLabel'),
+      buttonSecondaryBg: 'basic',
+      onButtonPrimaryClick: addFolderHandler,
+      enterKeySubmits: true,
+      modalStyle: {
+        maxWidth: 400
+      },
+      modalFooterStyle: {
+        flexDirection: 'row'
+      },
+      modalSecondaryButton: {
+        width: 170
+      },
+      modalSecondaryButtonColor: 'basic',
+      modalPrimaryButton: {
+        width: 170
+      },
+      disablePrimaryButton: true
+    });
+  }, [i18n, theme]);
+  return triggerAddNewFolderModal;
+};

package/lib/components/Modals/AddNewFolder/index.js

@@ -0,0 +1 @@
+export { useAddNewFolderModal } from './AddNewFolder.hooks';

package/lib/components/Modals/TransformedDownload/TransformedDownload.hooks.js

@@ -27,11 +27,11 @@ export var useTransformedDownload = function useTransformedDownload() {
     forceDownload = _useExplorer$opts.forceDownload,
     isDownloadUsageRightsEnabled = _useExplorer$opts.isDownloadUsageRightsEnabled;
   var triggerTransformedDownload = useCallback(function (filesToBeDownloaded, options) {
-    /*
-    * TODO: Check the following in-case BE supports it,
-    * Disabled download as zip due to this task: https://scaleflexhq.atlassian.net/browse/FRA-7213
-    * as BE doesn't support it for now,
-    * to re-enable just un-comment the following line and remove isVariant in the options in the following line.
+    /*
+    * TODO: Check the following in-case BE supports it,
+    * Disabled download as zip due to this task: https://scaleflexhq.atlassian.net/browse/FRA-7213
+    * as BE doesn't support it for now,
+    * to re-enable just un-comment the following line and remove isVariant in the options in the following line.
     */
     // const { transformations, isDownloadAsZip = isDownloadUsageRightsEnabled } = options || {}
     var isDownloadAsZip = false;
@@ -43,12 +43,12 @@ export var useTransformedDownload = function useTransformedDownload() {
     });
     if (!preventDownloadDefaultBehavior) {
       info(i18n('mutualizedDownloadStartedInfo'));
-      /*
-      * TODO: Check the following in-case BE supports it,
-      * Disabled download as zip due to this task: https://scaleflexhq.atlassian.net/browse/FRA-7213
-      * as BE doesn't support it for now,
-      * to re-enable remove dismissUsageRights: isVariant from downloadFilesOneByOne of the current file
-      * and also isVariant from the following condition, and isVariant from onButtonPrimaryClick in the other function of the file.
+      /*
+      * TODO: Check the following in-case BE supports it,
+      * Disabled download as zip due to this task: https://scaleflexhq.atlassian.net/browse/FRA-7213
+      * as BE doesn't support it for now,
+      * to re-enable remove dismissUsageRights: isVariant from downloadFilesOneByOne of the current file
+      * and also isVariant from the following condition, and isVariant from onButtonPrimaryClick in the other function of the file.
       */
       if (transformedFiles.length > 1 && isDownloadAsZip || isDownloadUsageRightsEnabled && !isVariant) {
         var fileUrls = transformedFiles.map(function (file) {

package/lib/components/Modals/TransformedDownload/TransformedDownload.utils.js

@@ -21,10 +21,10 @@ export var getFileWithNewParams = function getFileWithNewParams(file) {
     });
   }
   var newExtension = newParams.force_format === 'jpeg' ? 'jpg' : newParams.force_format || file.extension;
-  /**
-   * For supporting animated GIF/WEBP files, we should force the format in the proper format cloudimage needs
-   * and send it only to cloudimage but keep the extension .(gif/webp) as it's in the downloaded file.
-   * Fix for the following card ID: [T6929]
+  /**
+   * For supporting animated GIF/WEBP files, we should force the format in the proper format cloudimage needs
+   * and send it only to cloudimage but keep the extension .(gif/webp) as it's in the downloaded file.
+   * Fix for the following card ID: [T6929]
    */
   var updatedParams = _objectSpread({}, newParams);
   if (updatedParams.force_format) {

package/lib/components/Modals/index.js

@@ -1,4 +1,5 @@
 export { default } from './Modals';
+export * from './AddNewFolder';
 export * from './DeleteItems';
 export * from './DeleteModal';
 export * from './DownloadConsent';

package/lib/components/TopBar/index.scss

@@ -1,20 +1,20 @@
-// packages/@scaleflex/widget-provider-views/src/components/TopBar/Search/PrependedOptions/index.jsx
-// packages/@scaleflex/widget-provider-views/src/components/TopBar/Search/ContextDropdown/index.jsx
-// packages/@scaleflex/widget-provider-views/src/components/TopBar/Search/PrependedOptions/PinsOverlay/index.jsx
-.filerobot-Explorer-TopBar-PrependedOptions {
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-
-.filerobot-Explorer-TopBar-AppendedOptions {
-  display: flex;
-  align-items: center;
-  float: right;
-}
-
-.filerobot-Explorer-TopBar-Search-ContextDropdown-SubList-container {
-  padding: 0 !important;
-  cursor: default !important;
-  background: #ffffff !important;
-}
+// packages/@scaleflex/widget-provider-views/src/components/TopBar/Search/PrependedOptions/index.jsx
+// packages/@scaleflex/widget-provider-views/src/components/TopBar/Search/ContextDropdown/index.jsx
+// packages/@scaleflex/widget-provider-views/src/components/TopBar/Search/PrependedOptions/PinsOverlay/index.jsx
+.filerobot-Explorer-TopBar-PrependedOptions {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+.filerobot-Explorer-TopBar-AppendedOptions {
+  display: flex;
+  align-items: center;
+  float: right;
+}
+
+.filerobot-Explorer-TopBar-Search-ContextDropdown-SubList-container {
+  padding: 0 !important;
+  cursor: default !important;
+  background: #ffffff !important;
+}

package/lib/components/UrlBuilderModal/index.js

@@ -12,6 +12,9 @@ import { useConfirmationModal } from '../Modals';
 import { removeExtraUrlParams } from '../../utils/removeExtraUrlParams';
 import Styled from './UrlBuilderModal.styled';
 import { jsx as _jsx } from "react/jsx-runtime";
+var modalStyles = {
+  zIndex: 1300
+};
 var UrlBuilderModal = function UrlBuilderModal(_ref) {
   var showUrlBuilderModal = _ref.showUrlBuilderModal,
     setShowUrlBuilderModal = _ref.setShowUrlBuilderModal,
@@ -19,7 +22,7 @@ var UrlBuilderModal = function UrlBuilderModal(_ref) {
     urlTitle = _ref.urlTitle,
     headerTitle = _ref.headerTitle,
     actionButtonLabel = _ref.actionButtonLabel,
-    triggerAddVariantModal = _ref.triggerAddVariantModal,
+    onNewSave = _ref.onNewSave,
     i18n = _ref.i18n,
     selectedVariant = _ref.selectedVariant,
     submitVariantEdit = _ref.submitVariantEdit,
@@ -65,13 +68,14 @@ var UrlBuilderModal = function UrlBuilderModal(_ref) {
       triggerVariantEdit(nextUrl);
       setShowUrlBuilderModal(false);
     } else {
-      triggerAddVariantModal(nextUrl);
+      onNewSave(nextUrl);
     }
   };
   return /*#__PURE__*/_jsx(Styled.Modal, {
     fullWidth: true,
     open: showUrlBuilderModal,
     onClose: handleClose,
+    modalStyles: modalStyles,
     children: /*#__PURE__*/_jsx(ModalContent, {
       children: /*#__PURE__*/_jsx(UrlBuilder, {
         url: urlWithParams,

package/lib/components/common/FileMetadataFieldValue/FileMetadataFieldValue.utils.js

@@ -126,7 +126,8 @@ var getRemoteFields = function getRemoteFields(_ref3) {
     scrollToMetaField = _ref3.scrollToMetaField,
     isApprovalsEnabled = _ref3.isApprovalsEnabled,
     rootFieldsRegionalUuidsByKeys = _ref3.rootFieldsRegionalUuidsByKeys,
-    smallerFont = _ref3.smallerFont;
+    smallerFont = _ref3.smallerFont,
+    hideFileSpecsMetadataFields = _ref3.hideFileSpecsMetadataFields;
   var _file$meta = file.meta,
     meta = _file$meta === void 0 ? {} : _file$meta,
     _file$tags = file.tags,
@@ -173,7 +174,7 @@ var getRemoteFields = function getRemoteFields(_ref3) {
     type: 'labels',
     uuid: 'GENERAL-LABELS',
     value: Array.isArray(labels) ? labels : [],
-    hide: isFastToken
+    hide: hideFileSpecsMetadataFields || isFastToken
   }, {
     key: 'orientation',
     placeholder: "".concat(i18n('generalSectionOrientationLabel'), "..."),
@@ -205,14 +206,16 @@ var getRemoteFields = function getRemoteFields(_ref3) {
       return "#".concat(color);
     })) || currentMainColors.map(function (color) {
       return getCorrectColor(color);
-    })
+    }),
+    hide: hideFileSpecsMetadataFields
   }, {
     key: 'dominantColor',
     placeholder: "".concat(i18n('mutualizedDominantColorLabel'), "..."),
     title: i18n('mutualizedDominantColorLabel'),
     type: 'dominantColor',
     uuid: 'GENERAL-DOMINANT_COLOR',
-    value: info !== null && info !== void 0 && info.dominant_color_hex ? "#".concat(info === null || info === void 0 ? void 0 : info.dominant_color_hex) : getCorrectColor(info === null || info === void 0 ? void 0 : info.dominant_color)
+    value: info !== null && info !== void 0 && info.dominant_color_hex ? "#".concat(info === null || info === void 0 ? void 0 : info.dominant_color_hex) : getCorrectColor(info === null || info === void 0 ? void 0 : info.dominant_color),
+    hide: hideFileSpecsMetadataFields
   }, {
     key: 'logoAndBrand',
     placeholder: "".concat(i18n('generalSectionLogoAndBrandLabel'), "..."),
@@ -220,7 +223,7 @@ var getRemoteFields = function getRemoteFields(_ref3) {
     type: 'linked-text',
     uuid: 'GENERAL-LOGO_AND_BRAND',
     value: fileDetails.brandAndLogosLabels,
-    hide: !fileDetails.brandAndLogosLabels.length
+    hide: hideFileSpecsMetadataFields || !fileDetails.brandAndLogosLabels.length
   }, {
     key: 'createdAt',
     placeholder: "".concat(i18n('mutualizedCreatedAtText'), "..."),
@@ -235,7 +238,8 @@ var getRemoteFields = function getRemoteFields(_ref3) {
     title: i18n('mutualizedCreatedByText'),
     type: 'text',
     uuid: 'GENERAL-CREATED_BY',
-    value: fileDetails.createdBy
+    value: fileDetails.createdBy,
+    hide: hideFileSpecsMetadataFields
   }, {
     key: 'modifiedAt',
     placeholder: "".concat(i18n('mutualizedModifiedAtText'), "..."),
@@ -251,7 +255,7 @@ var getRemoteFields = function getRemoteFields(_ref3) {
     type: 'expiryDate',
     uuid: 'GENERAL-EXPIRY_DATE',
     value: expireDateMappedField && meta[expireDateMappedField.key],
-    hide: !expireDateMappedField,
+    hide: hideFileSpecsMetadataFields || !expireDateMappedField,
     labelIconTooltip: ExpiryDateTooltipContent({
       expireDateMappedField: expireDateMappedField,
       i18nArray: i18nArray,
@@ -263,7 +267,7 @@ var getRemoteFields = function getRemoteFields(_ref3) {
     title: i18n('explorerGeneralFileDetailsStatusLabel'),
     type: 'custom',
     uuid: 'GENERAL-STATUS',
-    hide: !isApprovalsEnabled,
+    hide: hideFileSpecsMetadataFields || !isApprovalsEnabled,
     Component: FileApprovalsInfoPopup
   }, {
     key: 'uuid',

package/lib/components/metadata.adapter.js

@@ -19,9 +19,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 cuid from 'cuid';
 
-/**
- * Connected with ticket -- http://sk.fl3x.cc/?i=8KJIbM0d51zOLt
- * We need to adapt metadata to new format which support Regional variants groups
+/**
+ * Connected with ticket -- http://sk.fl3x.cc/?i=8KJIbM0d51zOLt
+ * We need to adapt metadata to new format which support Regional variants groups
  */
 
 var generateFieldPossibleValue = function generateFieldPossibleValue(posValue) {
@@ -114,8 +114,8 @@ var adaptMetadata = function adaptMetadata(metadata) {
   });
   var oldMetaModel = metadata === null || metadata === void 0 ? void 0 : metadata.model;
 
-  /**
-   * Generate regionalVariantsGroups and update model fields regional_variants params, to use group uuid instead of string[]
+  /**
+   * Generate regionalVariantsGroups and update model fields regional_variants params, to use group uuid instead of string[]
    */
 
   // Regional variants group hash buffer
@@ -131,12 +131,12 @@ var adaptMetadata = function adaptMetadata(metadata) {
               possibleValues = field.possible_values,
               permissions = field.permissions,
               fieldRest = _objectWithoutProperties(field, _excluded);
-            /**
-             * For select types we can't use regional variants. (Disscussed with Julian)
-             * Bad file metadata:
-             *   which_colors: { default:  [@item1, @item2] }
-             * Good file metadata:
-             *   which_colors: [@item1, @item2]
+            /**
+             * For select types we can't use regional variants. (Disscussed with Julian)
+             * Bad file metadata:
+             *   which_colors: { default:  [@item1, @item2] }
+             * Good file metadata:
+             *   which_colors: [@item1, @item2]
              */
             var needRemoveRegionalVariants = ['select-one', 'multi-select'].indexOf(fieldRest === null || fieldRest === void 0 ? void 0 : fieldRest.type) > -1;
             var adaptedField = _objectSpread(_objectSpread({}, fieldRest), {}, {
@@ -206,9 +206,9 @@ var adaptMetadata = function adaptMetadata(metadata) {
   }
   adaptedMetadata.store.regional_variants_groups = rvGroupsArray;
 
-  /**
-   * Add default "Root fields" group.
-   * We wait what regional_variants_groups list is generated, to find language regional group
+  /**
+   * Add default "Root fields" group.
+   * We wait what regional_variants_groups list is generated, to find language regional group
    */
   adaptedMetadata.model = adaptedMetadata.model.map(function (item) {
     var _ref3;
@@ -242,10 +242,10 @@ var adaptMetadata = function adaptMetadata(metadata) {
   return adaptedMetadata;
 };
 
-/**
- * @param {object} groupsObj
- * @param {string[]} variants
- * @param {boolean} [isRoot=false] - Flag to mark group as root. TRUE is mean that this group is not deletable. Added for meta "Root fields" group
+/**
+ * @param {object} groupsObj
+ * @param {string[]} variants
+ * @param {boolean} [isRoot=false] - Flag to mark group as root. TRUE is mean that this group is not deletable. Added for meta "Root fields" group
  */
 var generateNewRegionalVariantGroup = function generateNewRegionalVariantGroup(groupsObj, variants) {
   var _adaptedVariants;

package/lib/defaultLocale.js

@@ -1350,5 +1350,12 @@ export default {
   galleryRoleSelectorCustomTabLabel: 'Custom',
   galleryRoleSelectorLessRolePermsTooltip: 'This role has less permissions than the default access',
   explorerGridFileOptionsOverlaySelectBtn: 'Select',
-  explorer3rdPartyUploadIncludeSubFolders: 'Include subfolders'
+  explorer3rdPartyUploadIncludeSubFolders: 'Include subfolders',
+  explorerFileWindowAddPresetTitle: 'Add preset',
+  explorerFileWindowAddPresetNamePlaceholder: 'Enter name (URL placeholder)',
+  explorerFileWindowAddPresetDescPlaceholder: 'Enter description here',
+  explorerFileWindowAddPresetDescLabel: 'Description',
+  explorerFileWindowPresetAddedInfo: 'Preset is added!',
+  explorerFileWindowAddPresetNameRegexError: '{ , } , | , \\ , ^ , ~ , @ , spaces , ` and , characters are not allowed',
+  explorerFoldersViewTopBarNewFolderButton: 'Add folder'
 };

package/lib/hooks/useEditFileDetails.js

@@ -470,11 +470,11 @@ var useEditFileDetails = function useEditFileDetails(_ref) {
     var metaFieldElem = document.querySelector("#meta-field-".concat(metaFieldKey));
     if (metaFieldElem) {
       var _metaFieldElem$queryS;
-      /**
-       * block: 'center' replaced with block: 'nearest' as 'center' causes the whole panel's block to be scrolled outside of the view (hidden)
-       * in-case of small screen which is not good as it blocks further operations.
-       * And it's a common issue for people on StackOverFlow so nearest fixed the issue, seems like some strange behavior of scrollIntoView.
-       * https://stackoverflow.com/q/11039885
+      /**
+       * block: 'center' replaced with block: 'nearest' as 'center' causes the whole panel's block to be scrolled outside of the view (hidden)
+       * in-case of small screen which is not good as it blocks further operations.
+       * And it's a common issue for people on StackOverFlow so nearest fixed the issue, seems like some strange behavior of scrollIntoView.
+       * https://stackoverflow.com/q/11039885
       */
       metaFieldElem.scrollIntoView({
         block: 'nearest',

package/lib/hooks/useFileMetadata.js

@@ -28,7 +28,8 @@ var useFileMetadata = function useFileMetadata(_ref) {
   var metaRegionalGroups = useSelector(selectMetadataRegionalGroups);
   var expireDateMappedField = useSelector(selectMetaMappedLicenseExpireDateField);
   var isFastToken = opts.isFastToken,
-    findAssetLocationEnabled = opts.findAssetLocationEnabled;
+    findAssetLocationEnabled = opts.findAssetLocationEnabled,
+    hideFileSpecsMetadataFields = opts.hideFileSpecsMetadataFields;
   var isPreUpload = isUploadableFile(file);
   var isApprovalsEnabled = (_filerobot$getPlugin = filerobot.getPlugin(PLUGINS_IDS.APPROVALS)) === null || _filerobot$getPlugin === void 0 ? void 0 : (_filerobot$getPlugin$ = _filerobot$getPlugin.isEnabled) === null || _filerobot$getPlugin$ === void 0 ? void 0 : _filerobot$getPlugin$.call(_filerobot$getPlugin);
   var languageRegionalFilterUuid = useMemo(function () {
@@ -51,9 +52,10 @@ var useFileMetadata = function useFileMetadata(_ref) {
         isFastToken: isFastToken,
         findAssetLocationEnabled: findAssetLocationEnabled,
         isApprovalsEnabled: isApprovalsEnabled,
-        smallerFont: smallerFont
+        smallerFont: smallerFont,
+        hideFileSpecsMetadataFields: hideFileSpecsMetadataFields
       });
-    }, [file, rootFieldsRegionalUuidsByKeys, languageRegionalFilterUuid, i18n, isPreUpload, expireDateMappedField, i18nArray, scrollToMetaField, isFastToken, findAssetLocationEnabled, isApprovalsEnabled]),
+    }, [file, rootFieldsRegionalUuidsByKeys, languageRegionalFilterUuid, i18n, isPreUpload, expireDateMappedField, i18nArray, scrollToMetaField, isFastToken, findAssetLocationEnabled, isApprovalsEnabled, hideFileSpecsMetadataFields]),
     readOnlyGeneralMetadataFields = _useMemo.readOnlyFields,
     editableGeneralMetadataGFields = _useMemo.editableFields;
   var customMetadataGroups = useMemo(function () {

package/lib/hooks/useIsSmallScreen.js

@@ -2,12 +2,12 @@ import { useSelector } from 'react-redux';
 import { useTheme } from '@scaleflex/ui/theme/hooks';
 import { selectContainerWidth } from '../slices/common.slice';
 
-/**
- * check if the widget container <= 1085px
- *
- * @param {containerWidth} Number container width
- * @param {theme} Object Scaleflex theme
- * @returns {Boolean}
+/**
+ * check if the widget container <= 1085px
+ *
+ * @param {containerWidth} Number container width
+ * @param {theme} Object Scaleflex theme
+ * @returns {Boolean}
  */
 
 var useIsSmallScreen = function useIsSmallScreen() {

package/lib/hooks/useValidateFileName.js

@@ -45,16 +45,16 @@ var handleError = function handleError(_ref) {
   };
 };
 
-/**
- * Validate file name changes, to be able to control extension remove/update.
- * Details: T7195 https://sfx.li/IFr4y01tgqL1wg
- *
- * @param {string} oldName - Old file name that should be changed
- * @param {strign} newName - New file name
- * @param {object} [opts] - Options object
- * @param {boolean} [opts.ignoreChangedNameExtension=false] - If TRUE, fn will ignore extension updates
- *
- * @returns {object} - Object with validation details
+/**
+ * Validate file name changes, to be able to control extension remove/update.
+ * Details: T7195 https://sfx.li/IFr4y01tgqL1wg
+ *
+ * @param {string} oldName - Old file name that should be changed
+ * @param {strign} newName - New file name
+ * @param {object} [opts] - Options object
+ * @param {boolean} [opts.ignoreChangedNameExtension=false] - If TRUE, fn will ignore extension updates
+ *
+ * @returns {object} - Object with validation details
  */
 var checkFileRenameValidation = function checkFileRenameValidation(oldName, newName) {
   var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
@@ -100,10 +100,10 @@ var checkFileRenameValidation = function checkFileRenameValidation(oldName, newN
   };
 };
 
-/**
- * @param {string} name - file name
- *
- * @returns {object} - Object with validation details
+/**
+ * @param {string} name - file name
+ *
+ * @returns {object} - Object with validation details
  */
 var checkFileNameValidation = function checkFileNameValidation(name) {
   if (checkFileOrFolderNameValidation(name)) {
@@ -118,14 +118,14 @@ var checkFileNameValidation = function checkFileNameValidation(name) {
   };
 };
 
-/**
- * Change file name extension.
- *
- * @param {string} fileName - File name with extension that should be changed
- * @param {string} nextExtension - Extension without dot. For example: 'jpg'
- * @param {string} [prevExtension] - Extension without dot. For example: 'jpg'
- *
- * @returns {string} - File name with updated extension. For example: changeFileNameExtension('file-name.jpg', 'jpg', 'gif') will return file-name.gif
+/**
+ * Change file name extension.
+ *
+ * @param {string} fileName - File name with extension that should be changed
+ * @param {string} nextExtension - Extension without dot. For example: 'jpg'
+ * @param {string} [prevExtension] - Extension without dot. For example: 'jpg'
+ *
+ * @returns {string} - File name with updated extension. For example: changeFileNameExtension('file-name.jpg', 'jpg', 'gif') will return file-name.gif
  */
 var changeFileNameExtension = function changeFileNameExtension(fileName, nextExtension) {
   var prevExtension = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;