@scaleflex/widget-explorer 4.0.7 → 4.1.0

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,11 @@ 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'
 };

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;