@scaleflex/widget-provider-views 4.0.6 → 4.1.0

package/lib/style.scss

@@ -1,309 +1,309 @@
-@import '@scaleflex/widget-core/lib/_utils';
-@import '@scaleflex/widget-core/lib/_variables';
-
-@import './style/filerobot-ProviderBrowser-layoutType--grid';
-@import './style/filerobot-ProviderBrowser-layoutType--list';
-@import './style/filerobot-ProviderBrowserItem-details';
-
-
-.filerobot-ProviderBrowser {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  font-size: 14px;
-  font-weight: 400;
-  height: 100%;
-  position: relative;
-  background-color: $white;
-}
-
-.filerobot-ProviderBrowser-user {
-  margin: 0 8px 0 0;
-  font-weight: 500;
-  color: $gray-800;
-
-  [data-filerobot-theme="dark"] & {
-    color: $gray-200;
-  }
-}
-
-.filerobot-ProviderBrowser-select {
-  cursor: pointer;
-  line-height: 1.5;
-  color: #000;
-
-  &.--filter {
-    max-width: 120px;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    padding-right: 2px;
-  }
-
-  &:focus {
-    outline: none;
-    border-color: transparent;
-  }
-}
-
-.filerobot-ProviderBrowser-user:after {
-  content: '\00B7';
-  position: relative;
-  left: 4px;
-  color: $gray-500;
-  font-weight: normal;
-}
-
-.filerobot-ProviderBrowser-headerBar--simple {
-  text-align: center;
-  display: block;
-  justify-content: center;
-}
-
-.filerobot-ProviderBrowser-headerBar {
-  display: flex;
-  align-items: center;
-  padding: 12px;
-  color: $gray-600;
-  line-height: 1.4;
-  font-size: 12px;
-  position: relative;
-  width: 100%;
-  // height: 40px;
-
-  .filerobot-size--md & {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .filerobot-size--height-md & {
-    display: flex;
-    align-items: center;
-  }
-
-  [data-filerobot-theme="dark"] & {
-    border-bottom: 1px solid $gray-800;
-    background-color: $gray-900;
-  }
-}
-
-.filerobot-ProviderBrowser-headerBar--simple {
-  text-align: center;
-  display: block;
-  justify-content: center;
-}
-
-.filerobot-ProviderBrowser-body {
-  flex: 1;
-  z-index: 1000;
-  position: relative;
-  display: flex;
-  height: 100%;
-}
-
-.filerobot-ProviderBrowser-body-list {
-  width: 100%;
-  overflow-x: auto;
-}
-
-.item-folder.filerobot-ProviderBrowserItem {
-  padding: 4px;
-  border-radius: 7px;
-  outline: none;
-
-  &::before {
-    content: unset !important;
-    display: none !important;
-    padding-top: 0 !important;
-  }
-
-  .filerobot-ProviderBrowserItem-inner-folder {
-    display: flex;
-    align-items: center;
-    padding: 10px 12px;
-    border: 1px solid $border;
-    border-radius: 2px;
-    box-sizing: border-box;
-    width: 100%;
-    height: 36px;
-    outline: none;
-
-    .filerobot-ProviderBrowserItem-folderLiIcon > * {
-      width: 20px;
-      height: 20px;
-    }
-
-    input {
-      width: 96%;
-    }
-
-    .filerobot-Explorer-dots-menu-icon {
-      display: none;
-    }
-  }
-
-  .filerobot-ProviderBrowserItem-inner-folder-title {
-    flex-grow: 1;
-    font-weight: 500;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    font-size: 14px;
-    line-height: 16px;
-    color: $primary;
-    margin-left: 8px;
-  }
-
-
-  button.filerobot-ProviderBrowserItem-inner-folder {
-    &:hover {
-      background-color: $hover
-    }
-  }
-
-  &--selected {
-    button.filerobot-ProviderBrowserItem-inner-folder {
-      background-color: $active !important;
-      outline: none;
-
-      input {
-        color: #000;
-        width: 96%;
-      }
-
-      * {
-        fill: $border;
-        color: $white;
-      }
-    }
-  }
-}
-
-.filerobot-ProviderBrowserItem-inner {
-  cursor: pointer;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-}
-
-.filerobot-Provider-list-cell-header-title {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.filerobot-Provider-list-cell-header-hidableIcon {
-  visibility: hidden;
-}
-
-.filerobot-Provider-list-cell-wrapper {
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-
-  &:hover .filerobot-Provider-list-cell-header-hidableIcon {
-    visibility: visible;
-  }
-}
-
-// ==================================================================
-// ========================= side Navigation ========================
-// ==================================================================
-.filerobot-ProviderBrowser-mainContent {
-  flex-grow: 1;
-  overflow: hidden;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  position: relative;
-}
-
-.filerobot-ProviderBrowserItem--draggable-block {
-  position: sticky;
-  top: 0;
-  width: 1px;
-  height: 100%;
-  cursor: col-resize;
-  z-index: 100;
-  background: $border;
-}
-
-.filerobot-ProviderBrowserItem-SideNav-addNew {
-  color: $active;
-  font-weight: 500;
-  cursor: pointer;
-}
-
-.filerobot-ProviderBrowser-body-sideButtons {
-  min-width: 40px;
-  max-width: 40px;
-}
-
-.filerobot-ProviderBrowser-body-leftSideButtons {
-  margin-right: 20px;
-}
-
-.filerobot-ProviderBrowser-body-leftNavigationButton {
-  background: $background-primary;
-  box-shadow: 0px 1px 4px rgba(77, 78, 78, 0.15);
-  border-radius: 0px 50px 50px 0px;
-  padding: 10px 14px 10px 10px;
-  margin-top: 10px;
-  width: 100%;
-  position: sticky;
-  top: 91px;
-}
-
-.filerobot-ProviderBrowser-body-rightSideButtons {
-  margin-left: 20px;
-}
-
-.filerobot-ProviderBrowser-body-rightNavigationButton {
-  background: $background-primary;
-  box-shadow: 0px 1px 4px rgba(77, 78, 78, 0.15);
-  border-radius: 50px 0px 0px 50px;
-  padding: 10px 10px 10px 14px;
-  margin-top: 10px;
-  width: 100%;
-  position: sticky;
-  top: 91px;
-}
-
-.filerobot-Provider-LabelsListLi-selectMode,
-.filerobot-Provider-LabelsListLi-selectMode * {
-  cursor: pointer;
-}
-
-// ==================================================================
-// ========================= gridLiBottom options ========================
-// ==================================================================
-.filerobot-ProviderBrowserItem-ItemHoverBottomOptions {
-  bottom: 4%;
-  right: 3%;
-  top: auto;
-
-  &-selected {
-    display: flex;
-    visibility: visible;
-
-    button {
-      background: $white;
-
-      &:not(:active) {
-        svg * {
-          color: $accent;
-          fill: $accent;
-        }
-
-        &:hover {
-          background: $hover;
-
-          svg * {
-            fill: $accent-hover;
-            color: $accent-hover;
-          }
-        }
-      }
-    }
-  }
-}
+@import '@scaleflex/widget-core/lib/_utils';
+@import '@scaleflex/widget-core/lib/_variables';
+
+@import './style/filerobot-ProviderBrowser-layoutType--grid';
+@import './style/filerobot-ProviderBrowser-layoutType--list';
+@import './style/filerobot-ProviderBrowserItem-details';
+
+
+.filerobot-ProviderBrowser {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  font-size: 14px;
+  font-weight: 400;
+  height: 100%;
+  position: relative;
+  background-color: $white;
+}
+
+.filerobot-ProviderBrowser-user {
+  margin: 0 8px 0 0;
+  font-weight: 500;
+  color: $gray-800;
+
+  [data-filerobot-theme="dark"] & {
+    color: $gray-200;
+  }
+}
+
+.filerobot-ProviderBrowser-select {
+  cursor: pointer;
+  line-height: 1.5;
+  color: #000;
+
+  &.--filter {
+    max-width: 120px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding-right: 2px;
+  }
+
+  &:focus {
+    outline: none;
+    border-color: transparent;
+  }
+}
+
+.filerobot-ProviderBrowser-user:after {
+  content: '\00B7';
+  position: relative;
+  left: 4px;
+  color: $gray-500;
+  font-weight: normal;
+}
+
+.filerobot-ProviderBrowser-headerBar--simple {
+  text-align: center;
+  display: block;
+  justify-content: center;
+}
+
+.filerobot-ProviderBrowser-headerBar {
+  display: flex;
+  align-items: center;
+  padding: 12px;
+  color: $gray-600;
+  line-height: 1.4;
+  font-size: 12px;
+  position: relative;
+  width: 100%;
+  // height: 40px;
+
+  .filerobot-size--md & {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .filerobot-size--height-md & {
+    display: flex;
+    align-items: center;
+  }
+
+  [data-filerobot-theme="dark"] & {
+    border-bottom: 1px solid $gray-800;
+    background-color: $gray-900;
+  }
+}
+
+.filerobot-ProviderBrowser-headerBar--simple {
+  text-align: center;
+  display: block;
+  justify-content: center;
+}
+
+.filerobot-ProviderBrowser-body {
+  flex: 1;
+  z-index: 1000;
+  position: relative;
+  display: flex;
+  height: 100%;
+}
+
+.filerobot-ProviderBrowser-body-list {
+  width: 100%;
+  overflow-x: auto;
+}
+
+.item-folder.filerobot-ProviderBrowserItem {
+  padding: 4px;
+  border-radius: 7px;
+  outline: none;
+
+  &::before {
+    content: unset !important;
+    display: none !important;
+    padding-top: 0 !important;
+  }
+
+  .filerobot-ProviderBrowserItem-inner-folder {
+    display: flex;
+    align-items: center;
+    padding: 10px 12px;
+    border: 1px solid $border;
+    border-radius: 2px;
+    box-sizing: border-box;
+    width: 100%;
+    height: 36px;
+    outline: none;
+
+    .filerobot-ProviderBrowserItem-folderLiIcon > * {
+      width: 20px;
+      height: 20px;
+    }
+
+    input {
+      width: 96%;
+    }
+
+    .filerobot-Explorer-dots-menu-icon {
+      display: none;
+    }
+  }
+
+  .filerobot-ProviderBrowserItem-inner-folder-title {
+    flex-grow: 1;
+    font-weight: 500;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    font-size: 14px;
+    line-height: 16px;
+    color: $primary;
+    margin-left: 8px;
+  }
+
+
+  button.filerobot-ProviderBrowserItem-inner-folder {
+    &:hover {
+      background-color: $hover
+    }
+  }
+
+  &--selected {
+    button.filerobot-ProviderBrowserItem-inner-folder {
+      background-color: $active !important;
+      outline: none;
+
+      input {
+        color: #000;
+        width: 96%;
+      }
+
+      * {
+        fill: $border;
+        color: $white;
+      }
+    }
+  }
+}
+
+.filerobot-ProviderBrowserItem-inner {
+  cursor: pointer;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.filerobot-Provider-list-cell-header-title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.filerobot-Provider-list-cell-header-hidableIcon {
+  visibility: hidden;
+}
+
+.filerobot-Provider-list-cell-wrapper {
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+
+  &:hover .filerobot-Provider-list-cell-header-hidableIcon {
+    visibility: visible;
+  }
+}
+
+// ==================================================================
+// ========================= side Navigation ========================
+// ==================================================================
+.filerobot-ProviderBrowser-mainContent {
+  flex-grow: 1;
+  overflow: hidden;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  position: relative;
+}
+
+.filerobot-ProviderBrowserItem--draggable-block {
+  position: sticky;
+  top: 0;
+  width: 1px;
+  height: 100%;
+  cursor: col-resize;
+  z-index: 100;
+  background: $border;
+}
+
+.filerobot-ProviderBrowserItem-SideNav-addNew {
+  color: $active;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.filerobot-ProviderBrowser-body-sideButtons {
+  min-width: 40px;
+  max-width: 40px;
+}
+
+.filerobot-ProviderBrowser-body-leftSideButtons {
+  margin-right: 20px;
+}
+
+.filerobot-ProviderBrowser-body-leftNavigationButton {
+  background: $background-primary;
+  box-shadow: 0px 1px 4px rgba(77, 78, 78, 0.15);
+  border-radius: 0px 50px 50px 0px;
+  padding: 10px 14px 10px 10px;
+  margin-top: 10px;
+  width: 100%;
+  position: sticky;
+  top: 91px;
+}
+
+.filerobot-ProviderBrowser-body-rightSideButtons {
+  margin-left: 20px;
+}
+
+.filerobot-ProviderBrowser-body-rightNavigationButton {
+  background: $background-primary;
+  box-shadow: 0px 1px 4px rgba(77, 78, 78, 0.15);
+  border-radius: 50px 0px 0px 50px;
+  padding: 10px 10px 10px 14px;
+  margin-top: 10px;
+  width: 100%;
+  position: sticky;
+  top: 91px;
+}
+
+.filerobot-Provider-LabelsListLi-selectMode,
+.filerobot-Provider-LabelsListLi-selectMode * {
+  cursor: pointer;
+}
+
+// ==================================================================
+// ========================= gridLiBottom options ========================
+// ==================================================================
+.filerobot-ProviderBrowserItem-ItemHoverBottomOptions {
+  bottom: 4%;
+  right: 3%;
+  top: auto;
+
+  &-selected {
+    display: flex;
+    visibility: visible;
+
+    button {
+      background: $white;
+
+      &:not(:active) {
+        svg * {
+          color: $accent;
+          fill: $accent;
+        }
+
+        &:hover {
+          background: $hover;
+
+          svg * {
+            fill: $accent-hover;
+            color: $accent-hover;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/utils/View.js

@@ -31,12 +31,12 @@ var View = /*#__PURE__*/function () {
     _defineProperty(this, "recordShiftKeyPress", function (e) {
       _this.isShiftKeyPressed = e.shiftKey;
     });
-    /**
-     * Toggles file/folder checkbox to on/off state while updating files list.
-     *
-     * Note that some extra complexity comes from supporting shift+click to
-     * toggle multiple checkboxes at once, which is done by getting all files
-     * in between last checked file and current one.
+    /**
+     * Toggles file/folder checkbox to on/off state while updating files list.
+     *
+     * Note that some extra complexity comes from supporting shift+click to
+     * toggle multiple checkboxes at once, which is done by getting all files
+     * in between last checked file and current one.
      */
     _defineProperty(this, "toggleCheckbox", function (e, file) {
       e.stopPropagation();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scaleflex/widget-provider-views",
   "description": "View library for Scaleflex remote provider plugins.",
-  "version": "4.0.6",
+  "version": "4.1.0",
   "license": "MIT",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
@@ -17,9 +17,9 @@
   "dependencies": {
     "@scaleflex/icons": "^3.0.0-beta.11",
     "@scaleflex/ui": "^3.0.0-beta.11",
-    "@scaleflex/widget-common": "^4.0.6",
-    "@scaleflex/widget-icons": "^4.0.6",
-    "@scaleflex/widget-utils": "^4.0.6",
+    "@scaleflex/widget-common": "^4.1.0",
+    "@scaleflex/widget-icons": "^4.1.0",
+    "@scaleflex/widget-utils": "^4.1.0",
     "classnames": "^2.2.6",
     "use-context-selector": "^1.3.9"
   },
@@ -32,5 +32,5 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
-  "gitHead": "17ad9b9abc2add9c8b52ab56e3a72108bee20a7a"
+  "gitHead": "471120d67066617a0d8824eae11b07d1f2259473"
 }