@scaleflex/widget-explorer 4.4.0 → 4.5.0

package/lib/slices/common.slice.js

@@ -0,0 +1,254 @@
+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 { createSelector, createSlice } from '@reduxjs/toolkit';
+import { PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
+import createThunk from '@scaleflex/widget-utils/lib/createThunk';
+import getActionErrorState from '@scaleflex/widget-utils/lib/getActionErrorState';
+import { fetchMetaAndSettings } from './metadata.slice';
+import { viewsChanged } from './views.slice';
+import { FILTERS_TYPES_KEYS_AND_I18N, FILTER_SECTION_KEYS } from '../components/Filters/Filters.constants';
+var slicePropName = 'common';
+var sliceName = "".concat(PLUGINS_IDS.EXPLORER, "/").concat(slicePropName);
+var initialState = {
+  loading: true,
+  isPluginModalHidden: true,
+  isPluginModalClosing: false,
+  darkMode: false,
+  containerWidth: 0,
+  containerHeight: 0,
+  areInsidesReadyToBeVisible: false,
+  isDraggingOver: false,
+  filtersActiveTypes: _defineProperty({}, FILTER_SECTION_KEYS.TAGS, FILTERS_TYPES_KEYS_AND_I18N.ANY_SELECTED),
+  publicConstants: {},
+  accessRoles: [],
+  accessRolesPermissions: [],
+  permissionModel: null,
+  labels: []
+};
+export var fetchLabels = createThunk(async function (_, thunkApi) {
+  var _await$thunkApi$extra = await thunkApi.extra.apiClient.get('labels', {
+      id: 'listLabels',
+      abortSignal: thunkApi.signal
+    }),
+    labels = _await$thunkApi$extra.labels;
+  return labels || [];
+}, {
+  actionType: "".concat(sliceName, "/fetchLabels")
+});
+export var fetchPublicConstants = createThunk(async function (_, thunkApi) {
+  var _await$thunkApi$extra2 = await thunkApi.extra.apiClient.getAdmin('public/constants', {
+      abortSignal: thunkApi.signal
+    }),
+    _await$thunkApi$extra3 = _await$thunkApi$extra2.constants,
+    constants = _await$thunkApi$extra3 === void 0 ? {} : _await$thunkApi$extra3;
+  return {
+    publicConstants: constants
+  };
+}, {
+  actionType: "".concat(sliceName, "/fetchPublicConstants/set")
+});
+export var fetchAccessConstants = createThunk(async function (_, thunkApi) {
+  var _getPlugin, _getPlugin2, _getPlugin2$opts;
+  var _ref = thunkApi.extra.filerobot || {},
+    getPlugin = _ref.getPlugin,
+    projectUuid = _ref.opts.projectUuid;
+  var permissions = (getPlugin === null || getPlugin === void 0 ? void 0 : (_getPlugin = getPlugin(PLUGINS_IDS.EXPLORER)) === null || _getPlugin === void 0 ? void 0 : _getPlugin.opts.permissions) || (await thunkApi.extra.apiClient.getAdmin('keys/permissions', {
+    abortSignal: thunkApi.signal
+  })).permissions;
+  var accessRolesPermissions = (permissions || []).map(function (perm) {
+    return _objectSpread(_objectSpread({}, perm), {}, {
+      name: ((perm === null || perm === void 0 ? void 0 : perm.name) || '').replace(/\s\([A-Z_]+\)$/, '')
+    });
+  });
+  var changes = {
+    accessRolesPermissions: accessRolesPermissions
+  };
+  if (projectUuid && !(getPlugin !== null && getPlugin !== void 0 && (_getPlugin2 = getPlugin(PLUGINS_IDS.EXPLORER)) !== null && _getPlugin2 !== void 0 && (_getPlugin2$opts = _getPlugin2.opts) !== null && _getPlugin2$opts !== void 0 && _getPlugin2$opts.galleryRoles)) {
+    var _await$thunkApi$extra4 = await thunkApi.extra.apiClient.getAdmin("project/".concat(projectUuid, "/accesses/constants"), {
+        abortSignal: thunkApi.signal
+      }),
+      roles = _await$thunkApi$extra4.roles;
+    var accessRoles = (roles || []).map(function (role) {
+      return _objectSpread(_objectSpread({}, role), {}, {
+        permissions: typeof (role === null || role === void 0 ? void 0 : role.permissions) === 'string' ? JSON.parse(role.permissions) : (role === null || role === void 0 ? void 0 : role.permissions) || []
+      });
+    });
+    if (roles) {
+      roles.sort(function (a, b) {
+        return +a.id - +b.id;
+      });
+    }
+    changes.accessRoles = accessRoles;
+  }
+  return changes;
+}, {
+  actionType: "".concat(sliceName, "/fetchAccessConstants/set")
+});
+var commonSlice = createSlice({
+  name: sliceName,
+  initialState: initialState,
+  reducers: {
+    explorerPluginLoadingSet: function explorerPluginLoadingSet(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        loading: action.payload
+      });
+    },
+    pluginModalHidden: function pluginModalHidden(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isPluginModalHidden: action.payload,
+        isPluginModalClosing: action.payload === true ? false : state.isPluginModalClosing
+      });
+    },
+    pluginModalClosing: function pluginModalClosing(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isPluginModalClosing: true
+      });
+    },
+    darkModeUpdated: function darkModeUpdated(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        darkMode: action.payload
+      });
+    },
+    forceFillingMetadataOnUploadUpdated: function forceFillingMetadataOnUploadUpdated(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        forceFillingMetadataOnUpload: action.payload
+      });
+    },
+    filtersActiveTypesSet: function filtersActiveTypesSet(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        filtersActiveTypes: action.payload
+      });
+    },
+    explorerCommonStateUpdated: function explorerCommonStateUpdated(state, action) {
+      return _objectSpread(_objectSpread({}, state), action.payload);
+    },
+    accessRolesUpdated: function accessRolesUpdated(state, action) {
+      var _action$payload$acces = action.payload.accessRoles,
+        accessRoles = _action$payload$acces === void 0 ? state.accessRoles : _action$payload$acces;
+      return _objectSpread(_objectSpread({}, state), {}, {
+        accessRoles: accessRoles
+      });
+    }
+  },
+  extraReducers: function extraReducers(builder) {
+    builder.addCase(fetchLabels.pending, function (state) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isLabelsLoading: true
+      });
+    }).addCase(fetchLabels.fulfilled, function (state, _ref2) {
+      var labels = _ref2.payload;
+      return _objectSpread(_objectSpread({}, state), {}, {
+        labels: labels,
+        isLabelsLoading: false
+      });
+    }).addCase(fetchLabels.rejected, function (state) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isLabelsLoading: false
+      });
+    }).addCase(viewsChanged, function (state) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        sortOrder: initialState.sortOrder,
+        sortedBy: initialState.sortedBy
+      });
+    }).addCase(fetchMetaAndSettings.fulfilled, function (state, _ref3) {
+      var permissionModel = _ref3.payload.permissionModel;
+      return _objectSpread(_objectSpread({}, state), {}, {
+        permissionModel: permissionModel
+      });
+    }).addMatcher(function (_ref4) {
+      var type = _ref4.type;
+      return type.startsWith(sliceName) && type.endsWith('/set/pending');
+    }, function (state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        error: null
+      });
+    }).addMatcher(function (_ref5) {
+      var type = _ref5.type;
+      return type.startsWith(sliceName) && type.endsWith('/set/fulfilled');
+    }, function (state, action) {
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.payload), {}, {
+        error: null
+      });
+    }).addMatcher(function (_ref6) {
+      var type = _ref6.type;
+      return type.startsWith(sliceName) && type.endsWith('/set/rejected');
+    }, function (state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        error: getActionErrorState(state, action, true)
+      });
+    });
+  }
+});
+var _commonSlice$actions = commonSlice.actions,
+  explorerPluginLoadingSet = _commonSlice$actions.explorerPluginLoadingSet,
+  pluginModalHidden = _commonSlice$actions.pluginModalHidden,
+  pluginModalClosing = _commonSlice$actions.pluginModalClosing,
+  darkModeUpdated = _commonSlice$actions.darkModeUpdated,
+  forceFillingMetadataOnUploadUpdated = _commonSlice$actions.forceFillingMetadataOnUploadUpdated,
+  filtersActiveTypesSet = _commonSlice$actions.filtersActiveTypesSet,
+  explorerCommonStateUpdated = _commonSlice$actions.explorerCommonStateUpdated,
+  accessRolesUpdated = _commonSlice$actions.accessRolesUpdated;
+export { explorerPluginLoadingSet, pluginModalHidden, pluginModalClosing, darkModeUpdated, forceFillingMetadataOnUploadUpdated, filtersActiveTypesSet, explorerCommonStateUpdated, accessRolesUpdated };
+export var selectCommon = function selectCommon(state) {
+  var _state$PLUGINS_IDS$EX;
+  return ((_state$PLUGINS_IDS$EX = state[PLUGINS_IDS.EXPLORER]) === null || _state$PLUGINS_IDS$EX === void 0 ? void 0 : _state$PLUGINS_IDS$EX[slicePropName]) || initialState;
+};
+export var selectIsPluginModalHidden = function selectIsPluginModalHidden(state) {
+  return selectCommon(state).isPluginModalHidden;
+};
+export var selectIsPluginModalClosing = function selectIsPluginModalClosing(state) {
+  return selectCommon(state).isPluginModalClosing;
+};
+export var selectDarkMode = function selectDarkMode(state) {
+  return selectCommon(state).darkMode;
+};
+export var selectAreInsidesReadyToBeVisible = function selectAreInsidesReadyToBeVisible(state) {
+  return selectCommon(state).areInsidesReadyToBeVisible;
+};
+export var selectContainerWidth = function selectContainerWidth(state) {
+  return selectCommon(state).containerWidth;
+};
+export var selectContainerHeight = function selectContainerHeight(state) {
+  return selectCommon(state).containerHeight;
+};
+export var selectFiltersActiveTypes = function selectFiltersActiveTypes(state) {
+  return selectCommon(state).filtersActiveTypes;
+};
+export var selectIsExplorerPluginLoading = function selectIsExplorerPluginLoading(state) {
+  return selectCommon(state).loading;
+};
+export var selectPublicConstants = function selectPublicConstants(state) {
+  return selectCommon(state).publicConstants;
+};
+export var selectVisibilities = function selectVisibilities(state) {
+  return selectPublicConstants(state).visibility;
+};
+export var selectPermissionModel = function selectPermissionModel(state) {
+  return selectCommon(state).permissionModel;
+};
+export var selectAccessRoles = function selectAccessRoles(state) {
+  return selectCommon(state).accessRoles;
+};
+export var selectAccessRolesPermissions = function selectAccessRolesPermissions(state) {
+  return selectCommon(state).accessRolesPermissions;
+};
+export var selectIsDraggingOver = function selectIsDraggingOver(state) {
+  return selectCommon(state).isDraggingOver;
+};
+export var selectLabelsArray = function selectLabelsArray(state) {
+  return selectCommon(state).labels;
+};
+export var selectFileLabels = createSelector([selectLabelsArray, function (_state, fileLabels) {
+  return Array.isArray(fileLabels) ? fileLabels : [];
+}], function (labels, fileLabels) {
+  return fileLabels.map(function (fileLabel) {
+    return labels.find(function (label) {
+      return fileLabel === label.sid;
+    });
+  });
+});
+export default commonSlice.reducer;

package/lib/slices/drag.slice.js

@@ -0,0 +1,75 @@
+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 { createSlice } from '@reduxjs/toolkit';
+import { PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
+var slicePropName = 'drag';
+var sliceName = "".concat(PLUGINS_IDS.EXPLORER, "/").concat(slicePropName);
+var initialState = {
+  active: false,
+  isMultipleItems: false,
+  items: [],
+  internal: false,
+  outer: false
+};
+var dragSlice = createSlice({
+  name: sliceName,
+  initialState: initialState,
+  reducers: {
+    dragToggle: function dragToggle(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        active: action.payload
+      });
+    },
+    dragMultipleItems: function dragMultipleItems(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isMultipleItems: action.payload
+      });
+    },
+    dragItemsUpdate: function dragItemsUpdate(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        items: action.payload
+      });
+    },
+    dragInternal: function dragInternal(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        internal: action.payload
+      });
+    },
+    dragOuter: function dragOuter(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        outer: action.payload
+      });
+    }
+  }
+});
+var _dragSlice$actions = dragSlice.actions,
+  dragToggle = _dragSlice$actions.dragToggle,
+  dragMultipleItems = _dragSlice$actions.dragMultipleItems,
+  dragItemsUpdate = _dragSlice$actions.dragItemsUpdate,
+  dragInternal = _dragSlice$actions.dragInternal,
+  dragOuter = _dragSlice$actions.dragOuter;
+export { dragToggle, dragMultipleItems, dragItemsUpdate, dragInternal, dragOuter };
+export var selectDrag = function selectDrag(state) {
+  var _state$PLUGINS_IDS$EX;
+  return ((_state$PLUGINS_IDS$EX = state[PLUGINS_IDS.EXPLORER]) === null || _state$PLUGINS_IDS$EX === void 0 ? void 0 : _state$PLUGINS_IDS$EX[slicePropName]) || initialState;
+};
+export var selectIsDragging = function selectIsDragging(state) {
+  return selectDrag(state).active;
+};
+export var selectIsDraggingMultipleItems = function selectIsDraggingMultipleItems(state) {
+  return selectDrag(state).isMultipleItems;
+};
+export var selectDraggableItems = function selectDraggableItems(state) {
+  return selectDrag(state).items;
+};
+export var selectInternalDrag = function selectInternalDrag(state) {
+  return selectDrag(state).internal;
+};
+export var selectOuterDrag = function selectOuterDrag(state) {
+  return selectDrag(state).outer;
+};
+export default dragSlice.reducer;