@scaleflex/widget-core 0.0.1

package/lib/createStore.js

@@ -0,0 +1,45 @@
+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 { combineReducers, configureStore } from '@reduxjs/toolkit';
+import { PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
+import coreReducer from './slices';
+var createRootReducer = function createRootReducer(dynamicReducers) {
+  return combineReducers(_objectSpread(_defineProperty({}, PLUGINS_IDS.CORE, coreReducer), dynamicReducers));
+};
+var createStore = function createStore(apiClient) {
+  var customMiddlewares = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var filerobot = arguments.length > 2 ? arguments[2] : undefined;
+  var store = configureStore({
+    middleware: function middleware(getDefaultMiddleware) {
+      return getDefaultMiddleware({
+        thunk: {
+          extraArgument: {
+            apiClient: apiClient,
+            filerobot: filerobot
+          }
+        }
+        // serializableCheck: false // TODO: remove this line after fixing the issue with serializableCheck
+      }).concat(customMiddlewares);
+    },
+    reducer: createRootReducer(),
+    devTools: {
+      trace: process.env.NODE_ENV === 'development' || process.env.REACT_APP_GITLAB_REVIEW_ENV === 'true',
+      traceLimit: 25
+    }
+  });
+  store.dynamicReducers = {};
+  store.injectReducer = function (key, asyncReducer) {
+    store.dynamicReducers[key] = asyncReducer;
+    store.replaceReducer(createRootReducer(store.dynamicReducers));
+  };
+  store.removeReducer = function (key) {
+    delete store.dynamicReducers[key];
+    store.replaceReducer(createRootReducer(store.dynamicReducers));
+  };
+  return store;
+};
+export default createStore;

package/lib/defaultLocale.js

@@ -0,0 +1,66 @@
+export default {
+  addBulkFilesFailedMessage: {
+    0: 'Failed to add %{smart_count} file due to an internal error',
+    1: 'Failed to add %{smart_count} files due to internal errors'
+  },
+  filerobotYouCanOnlyUploadXError: {
+    0: 'You can only upload %{smart_count} file',
+    1: 'You can only upload %{smart_count} files'
+  },
+  filerobotYouHaveToAtLeastSelectXError: {
+    0: 'You have to select at least %{smart_count} file',
+    1: 'You have to select at least %{smart_count} files'
+  },
+  filerobotExceedsSizeError: 'This file exceeds maximum allowed size of %{size}',
+  filerobotFilesExceedsSizeError: 'These files exceed maximum allowed size of %{size}MB',
+  filerobotYouCanOnlyUploadFileTypesError: 'You can only upload: %{types}',
+  filerobotNoNewAlreadyUploadingError: 'Cannot add new files: already uploading',
+  filerobotNoDuplicatesError: 'Cannot add the duplicate file \'%{fileName}\', it already exists',
+  filerobotAddedUploadedFilesError: 'Files are already added to the uploads panel, please close it first',
+  providerViewCompanionError: 'Connection with Companion failed',
+  providerViewCompanionUnauthorizeMessage: 'To unauthorize to your %{provider} account, please go to %{url}',
+  filerobotFailedToUploadError: 'Failed to upload %{file}',
+  filerobotNoInternetConnectionInfo: 'No Internet connection',
+  filerobotConnectedToInternetInfo: 'Connected to the Internet',
+  // Strings for remote providers
+  foldersViewDragAndDropFilesHereText: 'You can drag & drop files right here',
+  foldersViewNoFilesFoundText: 'No files here',
+  mutualizedSelectFileNamedLabel: 'Select file %{name}',
+  mutualizedUnselectFileNamedLabel: 'Unselect file %{name}',
+  mutualizedOpenFolderNamedLabel: 'Open folder %{name}',
+  headBarLogOutText: 'Log out',
+  explorerTopBarFilterText: 'Filter',
+  authViewAuthenticateText: 'Please authenticate with %{pluginName} to select files',
+  authViewConnectToButton: 'Connect to %{pluginName}',
+  filerobotEmptyFolderAddedMessage: 'No files were added from empty folder',
+  filerobotFolderAddedMessage: {
+    0: 'Added %{smart_count} file from %{folder}',
+    1: 'Added %{smart_count} files from %{folder}'
+  },
+  explorerServiceUnknownBackendError: 'Unknown error while communicating with server, try again later',
+  foldersViewNameLabel: 'Name',
+  listViewTableColHeaderSize: 'Assets',
+  mutualizedLastModifyLabel: 'Last modify',
+  filerobotNoPermissionsInfo: 'No user permissions, ask your admin to add permissions to your account.',
+  filerobotInvalidPermissionError: 'Sorry but you are not permitted to do this operation.',
+  filerobotFolderUploadingNotAllowedError: 'Your permissions doesn\'t include uploading to this folder (%{folder}).',
+  filerobotRestrictedFileError: 'Can not upload %{file_extension} file',
+  explorerValidatingCsvFailureError: 'Validating CSV file failed.',
+  explorerUpdateViaCsvModalUploadFailedError: 'Upload failed.',
+  explorerExceedsCompressionSizeError: 'Downloading of more than %{size} for simultaneous files is not allowed, retry selecting fewer files.',
+  explorerDropFilesHint: 'Drop your files here',
+  explorerTopBarAsOriginalText: 'As original',
+  explorerTopBarAsCsvText: 'List of assets (CSV)',
+  explorerCompressionAllowedOnceWarning: 'Please wait till the current compression is finished & try again.',
+  contextMenuDownloadOptionsLabel: 'Transformation',
+  commonOptionsNoMetadataAvailableTooltip: 'No metadata available',
+  informerSeeDetailsButtonLabel: 'See details',
+  informerErrorsModalTitle: 'Error details',
+  informerErrorsModalCopyButton: 'Copy',
+  informerErrorsModalSuccessCopyMsg: 'Errors copied successfully',
+  loaderLoadingLabel: 'Loading',
+  mutualizedUnknownErrorMessage: 'Unknown error, make sure you have internet connection or try again later',
+  explorerServiceEmptySassKeyHeaderError: 'Required request header is missing',
+  explorerServiceExpiredSassKeyHeaderError: 'Your permission credential (SASS key) has expired - please relogin to continue',
+  explorerResumableUploadFastestServerError: 'A connection could not be established with the upload servers - please contact support@scaleflex.com'
+};

package/lib/hooks/index.js

@@ -0,0 +1,7 @@
+export { default as usePlugin } from './usePlugin';
+export { default as usePluginsType } from './usePluginsType';
+export { default as useModal } from './useModal';
+export { default as useModalData } from './useModalData';
+export { default as useCore } from './useCore';
+export { default as useContextMenu } from './useContextMenu';
+export { default as useContextMenuData } from './useContextMenuData';

package/lib/hooks/useContextMenu.js

@@ -0,0 +1,42 @@
+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 { useCallback, useContext } from 'react';
+import { ContextMenuDispatcherContext } from '../Providers';
+
+// data === {
+//   isOpen = true/false, - no need to provide it, it gets handled automatically depending on ur provided props or not.
+//   event = {}, foldersUuids = [], filesUuids = [], type = CONTEXTMENU_TYPES.FILE,
+//   mode = CONTEXTMENU_MODES.AUTO, options = null // options has priority over mode, if there is options mode will be dismissed otherwise mode is used.
+//   items = null/[...] // used in case of other items not file/folder, ex. versioning.,
+//   itemsPropName = 'items' // used in case u need to provide the items with a different prop name for the context menu's options to work,
+//           --- ex. (itemsPropName: 'folders') then instead of `items: [folder1, folder2]`, it would be folders: `[folder1, folder2]`.
+//   fromSidebar = false
+// }
+var useContextMenu = function useContextMenu() {
+  var setContextMenuData = useContext(ContextMenuDispatcherContext);
+
+  // any update (object) provided to the context's data will open the context menu
+  // any falsy/undefined value will close the context menu
+  var updateContextMenuData = useCallback(function () {
+    var update = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (update !== null && update !== void 0 && update.event) {
+      update.event.preventDefault();
+      update.event.stopPropagation();
+      update.event.currentTarget.focus(); // requires tabIndex for non-focusable elements.
+    }
+    return setContextMenuData(function (prev) {
+      var updates = typeof update === 'function' ? update(prev) : update;
+      return updates && Object.keys(updates).length > 0 ? _objectSpread(_objectSpread({}, updates), {}, {
+        isOpen: true
+      }) : {
+        isOpen: false
+      };
+    });
+  }, [setContextMenuData]);
+  return updateContextMenuData;
+};
+export default useContextMenu;

package/lib/hooks/useContextMenuData.js

@@ -0,0 +1,17 @@
+import { useContext } from 'react';
+import { ContextMenuDataContext } from '../Providers';
+
+// data === {
+//   isOpen = true/false, - no need to provide it, it gets handled automatically depending on ur provided props or not.
+//   event = {}, foldersUuids = [], filesUuids = [], type = CONTEXTMENU_TYPES.FILE,
+//   mode = CONTEXTMENU_MODES.AUTO, options = null // options has priority over mode, if there is options mode will be dismissed otherwise mode is used.
+//   items = null/[...] // used in case of other items not file/folder, ex. versioning.,
+//   itemsPropName = 'items' // used in case u need to provide the items with a different prop name for the context menu's options to work,
+//           --- ex. (itemsPropName: 'folders') then instead of `items: [folder1, folder2]`, it would be folders: `[folder1, folder2]`.
+//   fromSidebar = false
+// }
+var useContextMenuData = function useContextMenuData() {
+  var contextMenuData = useContext(ContextMenuDataContext);
+  return contextMenuData;
+};
+export default useContextMenuData;

package/lib/hooks/useCore.js

@@ -0,0 +1,10 @@
+import { useContext, useMemo } from 'react';
+import { FilerobotPackagesContext } from '../Providers';
+var useCore = function useCore() {
+  var _useContext = useContext(FilerobotPackagesContext),
+    filerobot = _useContext.filerobot;
+  return useMemo(function () {
+    return filerobot;
+  }, [filerobot]);
+};
+export default useCore;

package/lib/hooks/useModal.js

@@ -0,0 +1,72 @@
+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 { useCallback, useContext } from 'react';
+import { ModalDispatcherContext } from '../Providers';
+
+// isHigherLvlModal: if `true`, it will return a function that will return another level of modal's data
+// to be passed to first level/root modal and open moreover higher/another level of modal on top of it.
+// isGlobalHigherLvlModal: if `true` will return a function updated the higher lvl modal data
+var useModal = function useModal() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$isHigherLvlModal = _ref.isHigherLvlModal,
+    isHigherLvlModal = _ref$isHigherLvlModal === void 0 ? false : _ref$isHigherLvlModal,
+    _ref$isGlobalHigherLv = _ref.isGlobalHigherLvlModal,
+    isGlobalHigherLvlModal = _ref$isGlobalHigherLv === void 0 ? false : _ref$isGlobalHigherLv;
+  var setModalData = useContext(ModalDispatcherContext);
+
+  // any update (object) provided to the context's data will open the context menu
+  // any falsy/undefined value will close the context menu
+  var updateModalData = useCallback(function () {
+    var update = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return setModalData(function (prev) {
+      var updates = typeof update === 'function' ? update(prev) : update;
+      return updates && Object.keys(updates).length > 0 ? _objectSpread(_objectSpread({}, updates), {}, {
+        isOpen: true
+      }) : {
+        isOpen: false
+      };
+    });
+  }, []);
+  var getHigherLvlModalData = useCallback(function (update) {
+    var updates = update;
+    if (typeof update === 'function') {
+      setModalData(function (firstLevelModalState) {
+        updates = update(firstLevelModalState);
+        return isGlobalHigherLvlModal ? {
+          higherLevelModalData: updates
+        } : firstLevelModalState;
+      });
+    }
+    var hasUpdates = updates && Object.keys(updates).length > 0;
+    if (isGlobalHigherLvlModal) {
+      setModalData(function (firstLevelModalState) {
+        var _updates;
+        if ((_updates = updates) !== null && _updates !== void 0 && _updates.higherLevelModalData) {
+          updates = _objectSpread(_objectSpread({}, updates), updates.higherLevelModalData);
+          delete updates.higherLevelModalData;
+        }
+        return _objectSpread(_objectSpread({}, firstLevelModalState), {}, {
+          higherLevelModalData: hasUpdates ? _objectSpread(_objectSpread({}, updates), {}, {
+            isOpen: true
+          }) : undefined
+        });
+      });
+      updates = {
+        higherLevelModalData: _objectSpread(_objectSpread({}, updates), {}, {
+          isOpen: true
+        })
+      };
+    }
+    return hasUpdates ? _objectSpread(_objectSpread({}, updates), {}, {
+      isOpen: true
+    }) : {
+      isOpen: false
+    };
+  }, []);
+  return isHigherLvlModal || isGlobalHigherLvlModal ? getHigherLvlModalData : updateModalData;
+};
+export default useModal;

package/lib/hooks/useModalData.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { ModalDataContext } from '../Providers';
+var useModalData = function useModalData() {
+  var modalData = useContext(ModalDataContext);
+  return modalData;
+};
+export default useModalData;

package/lib/hooks/usePlugin.js

@@ -0,0 +1,20 @@
+import { useContext, useMemo } from 'react';
+import { FilerobotPackagesContext } from '../Providers';
+var usePlugin = function usePlugin(pluginId) {
+  var _useContext = useContext(FilerobotPackagesContext),
+    plugins = _useContext.plugins;
+  return useMemo(function () {
+    var foundPlugin = null;
+    Object.keys(plugins).some(function (pluginType) {
+      return plugins[pluginType].some(function (plugin) {
+        if (plugin.id === pluginId) {
+          foundPlugin = plugin;
+          return true;
+        }
+        return false;
+      });
+    });
+    return foundPlugin;
+  }, [plugins, pluginId]);
+};
+export default usePlugin;

package/lib/hooks/usePluginsType.js

@@ -0,0 +1,18 @@
+import { useContext, useMemo } from 'react';
+import { FilerobotPackagesContext } from '../Providers';
+
+// pluginsType => [acquirer, editor, modifier, uploader, progressindicator, orchestrator]
+var usePluginsType = function usePluginsType(pluginsType) {
+  var _useContext = useContext(FilerobotPackagesContext),
+    plugins = _useContext.plugins;
+  return useMemo(function () {
+    if (pluginsType) {
+      var foundPlugins = plugins[pluginsType] || [];
+      return foundPlugins.filter(function (plugin) {
+        return !plugin.invisible;
+      });
+    }
+    return [];
+  }, [plugins, pluginsType]);
+};
+export default usePluginsType;