@scaleflex/widget-explorer 4.0.6 → 4.1.0

package/lib/style.scss

@@ -1,268 +1,268 @@
-@import '@scaleflex/widget-core/lib/_utils.scss';
-@import '@scaleflex/widget-core/lib/_variables.scss';
-@import '@scaleflex/widget-common/lib/style.scss';
-// TODO: Remove this import from provider-views and from the 2nd file (LabelsListSkeleton.jsx) then remove it from package.json
-@import '@scaleflex/widget-provider-views/lib/style.scss';
-
-// Component-specific css imports
-@import './components/CropPanel/index.scss';
-@import './components/TopBar/index.scss';
-
-#SfxPopper {
-  z-index: 11111111;
-}
-
-// ExplorerWrapper.jsx |>>
-
-@keyframes filerobot-Explorer-fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes filerobot-Explorer-fadeOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes filerobot-Explorer-slideDownAndFadeIn {
-  from {
-    transform: translate3d(-50%, -70%, 0);
-    opacity: 0;
-  }
-
-  to {
-    transform: translate3d(-50%, -50%, 0);
-    opacity: 1;
-  }
-}
-
-@keyframes filerobot-Explorer-slideDownAndFadeIn--small {
-  from {
-    transform: translate3d(0, -20%, 0);
-    opacity: 0;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-}
-
-@keyframes filerobot-Explorer-slideUpFadeOut {
-  from {
-    transform: translate3d(-50%, -50%, 0);
-    opacity: 1;
-  }
-
-  to {
-    transform: translate3d(-50%, -70%, 0);
-    opacity: 0;
-  }
-}
-
-@keyframes filerobot-Explorer-slideUpFadeOut--small {
-  from {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-
-  to {
-    transform: translate3d(0, -20%, 0);
-    opacity: 0;
-  }
-}
-
-// End Transitions //
-
-.filerobot-Explorer--modal {
-  z-index: $zIndex-highest;
-}
-
-.filerobot-Explorer-assets-picker-modal {
-  z-index: $zIndex-modal;
-}
-
-.filerobot-Explorer--modal[aria-hidden=true] {
-  display: none;
-}
-
-.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-inner {
-  animation: filerobot-Explorer-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, .2, 1);
-
-  @media #{$screen-medium} {
-    animation: filerobot-Explorer-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, .2, 1);
-  }
-}
-
-.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-overlay {
-  animation: filerobot-Explorer-fadeIn 0.3s cubic-bezier(0, 0, .2, 1);
-}
-
-.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-inner {
-  animation: filerobot-Explorer-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, .2, 1);
-
-  @media #{$screen-medium} {
-    animation: filerobot-Explorer-slideUpFadeOut 0.3s cubic-bezier(0, 0, .2, 1);
-  }
-}
-
-.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-overlay {
-  animation: filerobot-Explorer-fadeOut 0.3s cubic-bezier(0, 0, .2, 1);
-}
-
-.filerobot-Explorer--modal .filerobot-Explorer-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(79, 98, 118, 0.3);
-  z-index: $zIndex-2;
-  outline: none;
-}
-
-.filerobot-Explorer-inner {
-  position: relative;
-  max-width: 100%;
-  max-height: 100%;
-  outline: none;
-  border: 1px solid $gray-200;
-  border-radius: 5px;
-
-  .filerobot-size--md & {
-    min-height: auto;
-  }
-
-  .filerobot-Explorer--modal & {
-    z-index: $zIndex-3;
-  }
-
-  [data-filerobot-theme="dark"] & {
-    background-color: $gray-900;
-  }
-}
-
-.filerobot-Explorer-innerWrap {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  position: relative;
-  border-radius: 5px;
-  opacity: 0;
-  overflow: hidden;
-  background: $white;
-}
-
-.filerobot-Explorer-close {
-  @include clear-focus;
-  display: block;
-  position: absolute;
-  top: -33px;
-  right: -2px;
-  cursor: pointer;
-  color: rgba($white, 0.9);
-  font-size: 27px;
-  z-index: $zIndex-5;
-
-  @media #{$screen-medium} {
-    font-size: 35px;
-    top: -10px;
-    right: -35px;
-  }
-}
-
-.filerobot-Explorer--isInnerWrapVisible .filerobot-Explorer-innerWrap {
-  opacity: 1;
-}
-
-.filerobot-Explorer--modal .filerobot-Explorer-inner {
-  position: fixed;
-  top: 5px;
-  left: 0;
-  right: 0;
-  bottom: 15px;
-  border: none;
-
-  @media #{$screen-medium} {
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    box-shadow: 0 5px 15px 4px rgba($black, 0.15);
-  }
-}
-
-.filerobot-Explorer--move-informer {
-  .filerobot.filerobot-Informer {
-    bottom: 80px;
-  }
-}
-
-// ExplorerWrapper.jsx <<|
-
-// Added to body to prevent the page from scrolling when Modal is open
-// packages/@scaleflex/widget-explorer/src/index.js |>>
-.filerobot-Explorer-isFixed {
-  overflow: hidden;
-  height: 100vh;
-}
-
-// <<|
-
-// packages/@scaleflex/widget-explorer/src/components/AddFilesPanel/AddFiles.jsx
-.filerobot-Explorer-input {
-  width: 0.1px;
-  height: 0.1px;
-  opacity: 0;
-  overflow: hidden;
-  position: absolute;
-  z-index: -1;
-}
-
-// <<|
-
-
-.filerobot-Explorer-TopBar-leftSide {
-  height: 100%;
-  margin-right: 12px;
-}
-
-// <<|
-
-// Is used for overriding ui-kit Tag styles
-
-.filerobot-Explorer-Search-filtersInside-newFilterChip {
-  margin-top: 0;
-  margin-right: 8px;
-  outline: none;
-
-  * {
-    outline: none;
-  }
-}
-
-// <<|
-
-
-// Fix of TagField fullWidth
-// packages/@scaleflex/widget-common/src/FormControl.jsx
-.filerobot-common-FormControl .SfxTagField-listWrapper {
-  width: 100%;
-}
-
-.sort-menuitem.SfxMenuItem-root {
-  .SfxMenuItem-Icon.SfxMenuItem-Actions {
-    display: none;
-  }
-}
-
-// <<|
+@import '@scaleflex/widget-core/lib/_utils.scss';
+@import '@scaleflex/widget-core/lib/_variables.scss';
+@import '@scaleflex/widget-common/lib/style.scss';
+// TODO: Remove this import from provider-views and from the 2nd file (LabelsListSkeleton.jsx) then remove it from package.json
+@import '@scaleflex/widget-provider-views/lib/style.scss';
+
+// Component-specific css imports
+@import './components/CropPanel/index.scss';
+@import './components/TopBar/index.scss';
+
+#SfxPopper {
+  z-index: 11111111;
+}
+
+// ExplorerWrapper.jsx |>>
+
+@keyframes filerobot-Explorer-fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes filerobot-Explorer-fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes filerobot-Explorer-slideDownAndFadeIn {
+  from {
+    transform: translate3d(-50%, -70%, 0);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(-50%, -50%, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes filerobot-Explorer-slideDownAndFadeIn--small {
+  from {
+    transform: translate3d(0, -20%, 0);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes filerobot-Explorer-slideUpFadeOut {
+  from {
+    transform: translate3d(-50%, -50%, 0);
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(-50%, -70%, 0);
+    opacity: 0;
+  }
+}
+
+@keyframes filerobot-Explorer-slideUpFadeOut--small {
+  from {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(0, -20%, 0);
+    opacity: 0;
+  }
+}
+
+// End Transitions //
+
+.filerobot-Explorer--modal {
+  z-index: $zIndex-highest;
+}
+
+.filerobot-Explorer-assets-picker-modal {
+  z-index: $zIndex-modal;
+}
+
+.filerobot-Explorer--modal[aria-hidden=true] {
+  display: none;
+}
+
+.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-inner {
+  animation: filerobot-Explorer-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, .2, 1);
+
+  @media #{$screen-medium} {
+    animation: filerobot-Explorer-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, .2, 1);
+  }
+}
+
+.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-overlay {
+  animation: filerobot-Explorer-fadeIn 0.3s cubic-bezier(0, 0, .2, 1);
+}
+
+.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-inner {
+  animation: filerobot-Explorer-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, .2, 1);
+
+  @media #{$screen-medium} {
+    animation: filerobot-Explorer-slideUpFadeOut 0.3s cubic-bezier(0, 0, .2, 1);
+  }
+}
+
+.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-overlay {
+  animation: filerobot-Explorer-fadeOut 0.3s cubic-bezier(0, 0, .2, 1);
+}
+
+.filerobot-Explorer--modal .filerobot-Explorer-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(79, 98, 118, 0.3);
+  z-index: $zIndex-2;
+  outline: none;
+}
+
+.filerobot-Explorer-inner {
+  position: relative;
+  max-width: 100%;
+  max-height: 100%;
+  outline: none;
+  border: 1px solid $gray-200;
+  border-radius: 5px;
+
+  .filerobot-size--md & {
+    min-height: auto;
+  }
+
+  .filerobot-Explorer--modal & {
+    z-index: $zIndex-3;
+  }
+
+  [data-filerobot-theme="dark"] & {
+    background-color: $gray-900;
+  }
+}
+
+.filerobot-Explorer-innerWrap {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  position: relative;
+  border-radius: 5px;
+  opacity: 0;
+  overflow: hidden;
+  background: $white;
+}
+
+.filerobot-Explorer-close {
+  @include clear-focus;
+  display: block;
+  position: absolute;
+  top: -33px;
+  right: -2px;
+  cursor: pointer;
+  color: rgba($white, 0.9);
+  font-size: 27px;
+  z-index: $zIndex-5;
+
+  @media #{$screen-medium} {
+    font-size: 35px;
+    top: -10px;
+    right: -35px;
+  }
+}
+
+.filerobot-Explorer--isInnerWrapVisible .filerobot-Explorer-innerWrap {
+  opacity: 1;
+}
+
+.filerobot-Explorer--modal .filerobot-Explorer-inner {
+  position: fixed;
+  top: 5px;
+  left: 0;
+  right: 0;
+  bottom: 15px;
+  border: none;
+
+  @media #{$screen-medium} {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    box-shadow: 0 5px 15px 4px rgba($black, 0.15);
+  }
+}
+
+.filerobot-Explorer--move-informer {
+  .filerobot.filerobot-Informer {
+    bottom: 80px;
+  }
+}
+
+// ExplorerWrapper.jsx <<|
+
+// Added to body to prevent the page from scrolling when Modal is open
+// packages/@scaleflex/widget-explorer/src/index.js |>>
+.filerobot-Explorer-isFixed {
+  overflow: hidden;
+  height: 100vh;
+}
+
+// <<|
+
+// packages/@scaleflex/widget-explorer/src/components/AddFilesPanel/AddFiles.jsx
+.filerobot-Explorer-input {
+  width: 0.1px;
+  height: 0.1px;
+  opacity: 0;
+  overflow: hidden;
+  position: absolute;
+  z-index: -1;
+}
+
+// <<|
+
+
+.filerobot-Explorer-TopBar-leftSide {
+  height: 100%;
+  margin-right: 12px;
+}
+
+// <<|
+
+// Is used for overriding ui-kit Tag styles
+
+.filerobot-Explorer-Search-filtersInside-newFilterChip {
+  margin-top: 0;
+  margin-right: 8px;
+  outline: none;
+
+  * {
+    outline: none;
+  }
+}
+
+// <<|
+
+
+// Fix of TagField fullWidth
+// packages/@scaleflex/widget-common/src/FormControl.jsx
+.filerobot-common-FormControl .SfxTagField-listWrapper {
+  width: 100%;
+}
+
+.sort-menuitem.SfxMenuItem-root {
+  .SfxMenuItem-Icon.SfxMenuItem-Actions {
+    display: none;
+  }
+}
+
+// <<|

package/lib/utils/SearchSuggestions/SearchSuggestionsMenu.js

@@ -22,10 +22,10 @@ var SearchSuggestionsMenu = function SearchSuggestionsMenu(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     mouseOverMenu = _useState2[0],
     setMouseOverMenu = _useState2[1];
-  /**
-   * The only reason why we update anchorElPosition is to update menu width.
-   * On @scaleflex/ui Menu component we run updateRect when anchorElPosition is updated.
-   * When on @scaleflex/ui we will have some clear way how to update rect we can refactror implementation here.
+  /**
+   * The only reason why we update anchorElPosition is to update menu width.
+   * On @scaleflex/ui Menu component we run updateRect when anchorElPosition is updated.
+   * When on @scaleflex/ui we will have some clear way how to update rect we can refactror implementation here.
    */
   var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),

package/lib/utils/createSuperFocus.js

@@ -2,11 +2,11 @@ import debounce from 'lodash.debounce';
 import FOCUSABLE_ELEMENTS from '@scaleflex/widget-utils/lib/FOCUSABLE_ELEMENTS';
 import getActiveOverlayEl from './getActiveOverlayEl';
 
-/*
-  Focuses on some element in the currently topmost overlay.
-
-  1. If there are some [data-filerobot-super-focusable] elements rendered already - focuses on the first superfocusable element, and leaves focus up to the control of a user (until currently focused element disappears from the screen [which can happen when overlay changes, or, e.g., when we click on a folder in googledrive]).
-  2. If there are no [data-filerobot-super-focusable] elements yet (or ever) - focuses on the first focusable element, but switches focus if superfocusable elements appear on next render.
+/*
+  Focuses on some element in the currently topmost overlay.
+
+  1. If there are some [data-filerobot-super-focusable] elements rendered already - focuses on the first superfocusable element, and leaves focus up to the control of a user (until currently focused element disappears from the screen [which can happen when overlay changes, or, e.g., when we click on a folder in googledrive]).
+  2. If there are no [data-filerobot-super-focusable] elements yet (or ever) - focuses on the first focusable element, but switches focus if superfocusable elements appear on next render.
 */
 export default function createSuperFocus() {
   var lastFocusWasOnSuperFocusableEl = false;

package/lib/utils/filters.js

@@ -198,9 +198,9 @@ export var adaptMetadataFilter = function adaptMetadataFilter(appliedMetadata) {
     } else if (isDateField(sanitizedMetadataFilter)) {
       querySet.push(getDateFieldQuery(sanitizedMetadataFilter));
     } else if (isTagsField(sanitizedMetadataFilter)) {
-      /**
-       * We are adding double quotes around the tags' values, to make sure if the tag's text contains space to be considered,
-       * as requested in this task: https://scaleflexhq.atlassian.net/browse/FRA-5997
+      /**
+       * We are adding double quotes around the tags' values, to make sure if the tag's text contains space to be considered,
+       * as requested in this task: https://scaleflexhq.atlassian.net/browse/FRA-5997
        */
       querySet.push(getFieldValueQuery(sanitizedMetadataFilter, "\"".concat(value.join('","'), "\"")));
     } else if (isTextField(sanitizedMetadataFilter)) {

package/lib/utils/formatPinSubTitle.js

@@ -1,9 +1,9 @@
-/**
- * Format sub title from formatted query string (filters + search) for save/edit pin modals
- *
- * @param {Array} query container width
- * @param {Function} i18n -- The translation function for translating the shown confirmation message - eg. plugin.i18n
- * @returns {String}
+/**
+ * Format sub title from formatted query string (filters + search) for save/edit pin modals
+ *
+ * @param {Array} query container width
+ * @param {Function} i18n -- The translation function for translating the shown confirmation message - eg. plugin.i18n
+ * @returns {String}
  */
 
 var formatPinSubtitle = function formatPinSubtitle(query, i18n) {

package/lib/utils/getActiveOverlayEl.js

@@ -1,5 +1,5 @@
-/**
- * @returns {HTMLElement} - either explorer element, or the overlay that's most on top
+/**
+ * @returns {HTMLElement} - either explorer element, or the overlay that's most on top
  */
 export default function getActiveOverlayEl(explorerEl, activeOverlayType) {
   if (activeOverlayType) {

package/lib/utils/truncateString.js

@@ -1,10 +1,10 @@
-/**
- * Truncates a string to the given number of chars (maxLength) by inserting '...' in the middle of that string.
- * Partially taken from https://stackoverflow.com/a/5723274/3192470.
- *
- * @param {string} string - string to be truncated
- * @param {number} maxLength - maximum size of the resulting string
- * @returns {string}
+/**
+ * Truncates a string to the given number of chars (maxLength) by inserting '...' in the middle of that string.
+ * Partially taken from https://stackoverflow.com/a/5723274/3192470.
+ *
+ * @param {string} string - string to be truncated
+ * @param {number} maxLength - maximum size of the resulting string
+ * @returns {string}
  */
 export default function truncateString(string, maxLength) {
   if (typeof string !== 'string') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "4.0.6",
+  "version": "4.1.0",
   "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": "^4.0.6",
-    "@scaleflex/widget-icons": "^4.0.6",
-    "@scaleflex/widget-informer": "^4.0.6",
-    "@scaleflex/widget-provider-views": "^4.0.6",
-    "@scaleflex/widget-thumbnail-generator": "^4.0.6",
-    "@scaleflex/widget-utils": "^4.0.6",
+    "@scaleflex/widget-common": "^4.1.0",
+    "@scaleflex/widget-icons": "^4.1.0",
+    "@scaleflex/widget-informer": "^4.1.0",
+    "@scaleflex/widget-provider-views": "^4.1.0",
+    "@scaleflex/widget-thumbnail-generator": "^4.1.0",
+    "@scaleflex/widget-utils": "^4.1.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": "17ad9b9abc2add9c8b52ab56e3a72108bee20a7a"
+  "gitHead": "471120d67066617a0d8824eae11b07d1f2259473"
 }