@scaleflex/widget-explorer 0.0.1 → 0.0.3

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-
+## [0.0.3](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.2...v0.0.3) (2025-07-20)
 
 **Note:** Version bump only for package @scaleflex/widget-explorer
 
@@ -12,6 +12,23 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## [0.0.2](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.1...v0.0.2) (2025-07-20)
+
+**Note:** Version bump only for package @scaleflex/widget-explorer
+
+
+
+
+
+
+
+**Note:** Version bump only for package @scaleflex/widget-explorer
+
+
+
+
+
+
 
 
 **Note:** Version bump only for package @scaleflex/widget-explorer

package/README.md

@@ -308,15 +308,17 @@ Multiple triggers are supported as click events.
 
 ### `target`
 
-<u>Type:</u> `string` **_Required_**.
+<u>Type:</u> `string`.
 
-<u>Default:</u> `body`
+<u>Default:</u> ``
 
 The selector used for displaying the plugin, if passed to `querySelector` function. Options:
 
 - HTML tag, eg. `body`
 - CSS selector, eg. `#scaleflex-widget-container` or `.scaleflex-widget-container`
 
+> **_Required if_** [inline](#inline): false
+
 ### `width`
 
 <u>Type:</u> `number`| `string`.

package/lib/components/AddFilesPanel/AddFiles.js

@@ -9,6 +9,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { MyDevice, DamIcon } from '@scaleflex/widget-icons/lib';
 import { usePluginsType, useCore } from '@scaleflex/widget-core/lib/hooks';
 import toArray from '@scaleflex/widget-utils/lib/toArray';
+import { useTheme } from '@scaleflex/ui/theme/hooks';
 import { useAssetsPicker, useExplorer } from '../../hooks';
 import Styled from './AddFiles.styled';
 import { setNewPickerPanel } from '../../slices/panels.slice';
@@ -18,16 +19,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var AddFiles = function AddFiles() {
   var dispatch = useDispatch();
   var acquirers = usePluginsType('acquirer');
+  var theme = useTheme();
   var _useExplorer = useExplorer(),
     addUploads = _useExplorer.addFiles,
     i18n = _useExplorer.i18n,
     i18nArray = _useExplorer.i18nArray,
     explorerOpts = _useExplorer.opts;
   var _useCore = useCore(),
-    _useCore$opts$restric = _useCore.opts.restrictions,
-    restrictions = _useCore$opts$restric === void 0 ? {} : _useCore$opts$restric;
+    _useCore$opts = _useCore.opts,
+    _useCore$opts$restric = _useCore$opts.restrictions,
+    restrictions = _useCore$opts$restric === void 0 ? {} : _useCore$opts$restric,
+    securityTemplateId = _useCore$opts.securityTemplateId,
+    container = _useCore$opts.container,
+    sassKey = _useCore$opts.sassKey;
   var isDraggingOver = useSelector(selectIsDraggingOver);
-  var _useAssetsPicker = useAssetsPicker(),
+  var _useAssetsPicker = useAssetsPicker({
+      securityTemplateId: securityTemplateId,
+      container: container,
+      sassKey: sassKey,
+      theme: theme
+    }),
     openAssetPicker = _useAssetsPicker.openAssetPicker;
   var maxNumberOfFiles = restrictions.maxNumberOfFiles,
     allowedFileTypes = restrictions.allowedFileTypes;

package/lib/components/FileWindowPanel/FileTabs/MetadataTab/CustomMetadataSection.js

@@ -19,6 +19,7 @@ import { PC } from '@scaleflex/widget-common';
 import MetadataAttachmentsFieldType from '@scaleflex/widget-common/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType';
 // TODO: Check this MetaDataField component (and other old metadata components) to be refactored and maybe move its location.
 import MetaDataField from '@scaleflex/widget-common/lib/MetaData/MetaDataField';
+import { useCore } from '@scaleflex/widget-core/lib/hooks';
 import { selectMetadataRegionalFilters, selectMetadataRegionalGroups } from '../../../../slices/metadata.slice';
 import { useAssetsPicker, useExplorer, useFileMetadata, useLocateFile } from '../../../../hooks';
 import FileMetadataFieldValue from '../../../common/FileMetadataFieldValue';
@@ -67,7 +68,17 @@ var CustomMetadataSection = function CustomMetadataSection(_ref) {
   var metaRegionalFilters = useSelector(selectMetadataRegionalFilters);
   var metaRegionalGroups = useSelector(selectMetadataRegionalGroups);
   var theme = useTheme();
-  var _useAssetsPicker = useAssetsPicker(),
+  var _useCore = useCore(),
+    _useCore$opts = _useCore.opts,
+    securityTemplateId = _useCore$opts.securityTemplateId,
+    container = _useCore$opts.container,
+    sassKey = _useCore$opts.sassKey;
+  var _useAssetsPicker = useAssetsPicker({
+      securityTemplateId: securityTemplateId,
+      container: container,
+      sassKey: sassKey,
+      theme: theme
+    }),
     openAssetPicker = _useAssetsPicker.openAssetPicker;
   var _useExplorer = useExplorer(),
     info = _useExplorer.info,

package/lib/hooks/useAssetPicker.js

@@ -1,3 +1,12 @@
+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); }
+var _excluded = ["onImport", "multiSelect", "maxCountOfSelectedFiles", "mutedFilesUuids", "hideUploadButton", "forceFilters", "rootFolderPath", "views", "allowedUploadFileTypes", "onClickUploadButton", "ExploreViewComponent", "acquirers", "assetsPickerModelTitle"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return 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; } }
@@ -6,9 +15,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useRef } from 'react';
 import Filerobot from '@scaleflex/widget-core';
-import { useCore } from '@scaleflex/widget-core/lib/hooks';
 import { VIEW_IDS, PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
-import { useTheme } from '@scaleflex/ui/theme/hooks';
 
 // We are importing Explorer dynamically to avoid issue with redux slice initialization
 var Explorer;
@@ -76,17 +83,15 @@ var getConfigs = function getConfigs(_ref) {
     }
   };
 };
-var useAssetsPicker = function useAssetsPicker() {
-  var theme = useTheme();
+var useAssetsPicker = function useAssetsPicker(_ref2) {
+  var securityTemplateId = _ref2.securityTemplateId,
+    container = _ref2.container,
+    sassKey = _ref2.sassKey,
+    theme = _ref2.theme;
   var filerobotInstance = useRef(null);
-  var _useCore = useCore(),
-    _useCore$opts = _useCore.opts,
-    securityTemplateId = _useCore$opts.securityTemplateId,
-    container = _useCore$opts.container,
-    sassKey = _useCore$opts.sassKey;
   var getExplorerPlugin = function getExplorerPlugin(filerobot) {
-    var _ref2;
-    return (_ref2 = filerobot !== null && filerobot !== void 0 ? filerobot : filerobotInstance.current) === null || _ref2 === void 0 ? void 0 : _ref2.getPlugin(PLUGINS_IDS.EXPLORER);
+    var _ref3;
+    return (_ref3 = filerobot !== null && filerobot !== void 0 ? filerobot : filerobotInstance.current) === null || _ref3 === void 0 ? void 0 : _ref3.getPlugin(PLUGINS_IDS.EXPLORER);
   };
   var closeAssetsPicker = function closeAssetsPicker() {
     var _getExplorerPlugin;
@@ -96,17 +101,17 @@ var useAssetsPicker = function useAssetsPicker() {
     }
     filerobotInstance.current = null;
   };
-  var onFileAdd = function onFileAdd(_ref3) {
-    var nextFiles = _ref3.nextFiles,
-      onImport = _ref3.onImport;
+  var onFileAdd = function onFileAdd(_ref4) {
+    var nextFiles = _ref4.nextFiles,
+      onImport = _ref4.onImport;
     if (!onImport) return;
     onImport(nextFiles);
     closeAssetsPicker();
   };
-  var handleExport = function handleExport(_ref4) {
-    var files = _ref4.files,
-      onImport = _ref4.onImport,
-      multiSelect = _ref4.multiSelect;
+  var handleExport = function handleExport(_ref5) {
+    var files = _ref5.files,
+      onImport = _ref5.onImport,
+      multiSelect = _ref5.multiSelect;
     var _files = _slicedToArray(files, 1),
       file = _files[0].file;
     var nextFiles = multiSelect ? files : file;
@@ -116,30 +121,31 @@ var useAssetsPicker = function useAssetsPicker() {
     });
   };
   var openAssetPicker = function openAssetPicker() {
-    var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      onImport = _ref5.onImport,
-      multiSelect = _ref5.multiSelect,
-      maxCountOfSelectedFiles = _ref5.maxCountOfSelectedFiles,
-      _ref5$mutedFilesUuids = _ref5.mutedFilesUuids,
-      mutedFilesUuids = _ref5$mutedFilesUuids === void 0 ? [] : _ref5$mutedFilesUuids,
-      _ref5$hideUploadButto = _ref5.hideUploadButton,
-      hideUploadButton = _ref5$hideUploadButto === void 0 ? false : _ref5$hideUploadButto,
-      _ref5$forceFilters = _ref5.forceFilters,
-      forceFilters = _ref5$forceFilters === void 0 ? false : _ref5$forceFilters,
-      _ref5$rootFolderPath = _ref5.rootFolderPath,
-      rootFolderPath = _ref5$rootFolderPath === void 0 ? '/' : _ref5$rootFolderPath,
-      _ref5$views = _ref5.views,
-      views = _ref5$views === void 0 ? DEFAULT_VIEWS : _ref5$views,
-      _ref5$allowedUploadFi = _ref5.allowedUploadFileTypes,
-      allowedUploadFileTypes = _ref5$allowedUploadFi === void 0 ? null : _ref5$allowedUploadFi,
-      onClickUploadButton = _ref5.onClickUploadButton,
-      _ref5$ExploreViewComp = _ref5.ExploreViewComponent,
-      ExploreViewComponent = _ref5$ExploreViewComp === void 0 ? null : _ref5$ExploreViewComp,
-      _ref5$acquirers = _ref5.acquirers,
-      acquirers = _ref5$acquirers === void 0 ? [] : _ref5$acquirers,
-      assetsPickerModelTitle = _ref5.assetsPickerModelTitle;
+    var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      onImport = _ref6.onImport,
+      multiSelect = _ref6.multiSelect,
+      maxCountOfSelectedFiles = _ref6.maxCountOfSelectedFiles,
+      _ref6$mutedFilesUuids = _ref6.mutedFilesUuids,
+      mutedFilesUuids = _ref6$mutedFilesUuids === void 0 ? [] : _ref6$mutedFilesUuids,
+      _ref6$hideUploadButto = _ref6.hideUploadButton,
+      hideUploadButton = _ref6$hideUploadButto === void 0 ? false : _ref6$hideUploadButto,
+      _ref6$forceFilters = _ref6.forceFilters,
+      forceFilters = _ref6$forceFilters === void 0 ? false : _ref6$forceFilters,
+      _ref6$rootFolderPath = _ref6.rootFolderPath,
+      rootFolderPath = _ref6$rootFolderPath === void 0 ? '/' : _ref6$rootFolderPath,
+      _ref6$views = _ref6.views,
+      views = _ref6$views === void 0 ? DEFAULT_VIEWS : _ref6$views,
+      _ref6$allowedUploadFi = _ref6.allowedUploadFileTypes,
+      allowedUploadFileTypes = _ref6$allowedUploadFi === void 0 ? null : _ref6$allowedUploadFi,
+      onClickUploadButton = _ref6.onClickUploadButton,
+      _ref6$ExploreViewComp = _ref6.ExploreViewComponent,
+      ExploreViewComponent = _ref6$ExploreViewComp === void 0 ? null : _ref6$ExploreViewComp,
+      _ref6$acquirers = _ref6.acquirers,
+      acquirers = _ref6$acquirers === void 0 ? [] : _ref6$acquirers,
+      assetsPickerModelTitle = _ref6.assetsPickerModelTitle,
+      rest = _objectWithoutProperties(_ref6, _excluded);
     if (!window || filerobotInstance.current) return;
-    var _getConfigs = getConfigs({
+    var _getConfigs = getConfigs(_objectSpread({
         container: container,
         securityTemplateId: securityTemplateId,
         sassKey: sassKey,
@@ -155,7 +161,7 @@ var useAssetsPicker = function useAssetsPicker() {
         onClickUploadButton: onClickUploadButton,
         ExploreViewComponent: ExploreViewComponent,
         assetsPickerModelTitle: assetsPickerModelTitle
-      }),
+      }, rest)),
       core = _getConfigs.core,
       explorer = _getConfigs.explorer;
     var filerobot = Filerobot(core);

package/lib/index.js

@@ -1193,7 +1193,7 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       strings: defaultLocale
     };
     var defaultOptions = {
-      target: 'body',
+      target: '',
       trigger: '#filerobot-trigger-button',
       useAssetsPicker: false,
       assetsPickerModelTitle: 'explorerTopSectionImportFileTitle',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Scaleflex explorer for the files uploaded on filerobot, handling them & upload new files.",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
@@ -18,12 +18,12 @@
     "@scaleflex/icons": "^3.0.0-beta.11",
     "@scaleflex/react-url-builder": "^0.0.72",
     "@scaleflex/ui": "^3.0.0-beta.11",
-    "@scaleflex/widget-common": "^0.0.1",
-    "@scaleflex/widget-icons": "^0.0.1",
-    "@scaleflex/widget-informer": "^0.0.1",
-    "@scaleflex/widget-provider-views": "^0.0.1",
-    "@scaleflex/widget-thumbnail-generator": "^0.0.1",
-    "@scaleflex/widget-utils": "^0.0.1",
+    "@scaleflex/widget-common": "^0.0.3",
+    "@scaleflex/widget-icons": "^0.0.0",
+    "@scaleflex/widget-informer": "^0.0.3",
+    "@scaleflex/widget-provider-views": "^0.0.3",
+    "@scaleflex/widget-thumbnail-generator": "^0.0.3",
+    "@scaleflex/widget-utils": "^0.0.0",
     "@transloadit/prettier-bytes": "0.1.0",
     "akamai-filerobot-converter": "^0.1.6",
     "classnames": "^2.2.6",
@@ -51,5 +51,5 @@
     "react-konva": ">=19.0.3"
   },
   "license": "MIT",
-  "gitHead": "64ea82e745b7deda36d6794863350e6671e9010d"
+  "gitHead": "81d1b053c6deb611f65a4bbc0018f57df39c378f"
 }