@scaleflex/widget-drag-drop 4.0.6 → 4.1.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2019 scaleflex
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2019 scaleflex
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,68 +1,68 @@
-# @scaleflex/widget-drag-drop
-
-[![Plugins][plugins-image]](#plugins)
-[![Website][filerobot-image]][sfx-url]
-[![Version][filerobot-version]][version-url]
-[![Scaleflex team][made-by-image]][sfx-url]
-[![License][license-image]][license-url]
-[![CodeSandbox][codeSandbox-image]][codeSandbox-url]
-
-
-<div align='center'>
-<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
-</div>
-
-Drag drop container. On Drop it opens [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) as a modal.
-
-## Usage
-
-### NPM
-
-```bash
-npm install --save @scaleflex/widget-drag-drop
-```
-### YARN
-
-```bash
-yarn add @scaleflex/widget-drag-drop
-```
-then
-
-```js
-import DragDrop from '@scaleflex/widget-drag-drop'
-...
-...
-...
-scaleflexWidget.use(DragDrop, propertiesObject)
-```
-
-### CDN
-
-The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.DragDrop`
-
-```js
-const DragDrop = window.ScaleflexWidget.DragDrop
-...
-...
-...
-scaleflexWidget.use(DragDrop, propertiesObject)
-```
-<!-- TODO(docs): add properties -->
-
-
-<!-- Variables -->
-
-[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-drag-drop
-[license-url]: https://opensource.org/licenses/MIT
-[sfx-url]: https://www.scaleflex.com/
-[version-url]: https://www.npmjs.com/package/@scaleflex/widget-drag-drop
-[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js
-
-
-[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
-[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
-[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
-[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
-[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
-[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-drag-drop?label=Version&style=for-the-badge&logo=npm
-[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
+# @scaleflex/widget-drag-drop
+
+[![Plugins][plugins-image]](#plugins)
+[![Website][filerobot-image]][sfx-url]
+[![Version][filerobot-version]][version-url]
+[![Scaleflex team][made-by-image]][sfx-url]
+[![License][license-image]][license-url]
+[![CodeSandbox][codeSandbox-image]][codeSandbox-url]
+
+
+<div align='center'>
+<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
+</div>
+
+Drag drop container. On Drop it opens [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) as a modal.
+
+## Usage
+
+### NPM
+
+```bash
+npm install --save @scaleflex/widget-drag-drop
+```
+### YARN
+
+```bash
+yarn add @scaleflex/widget-drag-drop
+```
+then
+
+```js
+import DragDrop from '@scaleflex/widget-drag-drop'
+...
+...
+...
+scaleflexWidget.use(DragDrop, propertiesObject)
+```
+
+### CDN
+
+The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.DragDrop`
+
+```js
+const DragDrop = window.ScaleflexWidget.DragDrop
+...
+...
+...
+scaleflexWidget.use(DragDrop, propertiesObject)
+```
+<!-- TODO(docs): add properties -->
+
+
+<!-- Variables -->
+
+[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-drag-drop
+[license-url]: https://opensource.org/licenses/MIT
+[sfx-url]: https://www.scaleflex.com/
+[version-url]: https://www.npmjs.com/package/@scaleflex/widget-drag-drop
+[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js
+
+
+[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
+[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
+[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
+[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
+[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
+[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-drag-drop?label=Version&style=for-the-badge&logo=npm
+[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox

package/dist/style.css

@@ -7,31 +7,39 @@
   background-color: #F9FBFC;
   cursor: pointer;
   font-family: "Roboto", sans-serif, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  max-width: 100%; }
-  .filerobot-DragDrop-container:hover, .filerobot-DragDrop-container:active {
-    background-color: #F3F7FA; }
-  .filerobot-DragDrop-container::-moz-focus-inner {
-    border: 0; }
+  max-width: 100%;
+}
+.filerobot-DragDrop-container:hover, .filerobot-DragDrop-container:active {
+  background-color: #F3F7FA;
+}
+.filerobot-DragDrop-container::-moz-focus-inner {
+  border: 0;
+}
 
 .filerobot-DragDrop-inner {
   margin: 0;
   text-align: center;
-  line-height: 1.4; }
+  line-height: 1.4;
+}
 
 .filerobot-DragDrop-arrow {
   width: 60px;
   height: 60px;
-  fill: #e0e0e0;
-  margin-bottom: 17px; }
+  fill: rgb(223.5, 223.5, 223.5);
+  margin-bottom: 17px;
+}
 
 .filerobot-DragDrop--isDragDropSupported {
-  border: 1px dashed #DFE7ED; }
+  border: 1px dashed #DFE7ED;
+}
 
 .filerobot-DragDrop--isDraggingOver {
   border: 1px dashed #5282DB;
-  background: #F3F7FA; }
-  .filerobot-DragDrop--isDraggingOver .filerobot-DragDrop-arrow {
-    fill: #939393; }
+  background: #F3F7FA;
+}
+.filerobot-DragDrop--isDraggingOver .filerobot-DragDrop-arrow {
+  fill: #939393;
+}
 
 .filerobot-DragDrop-label {
   display: block;
@@ -39,29 +47,38 @@
   line-height: 20px;
   margin-bottom: 5px;
   font-weight: 400;
-  color: #768A9F; }
-  @media only screen and (min-width: 1601px) {
-    .filerobot-DragDrop-label {
-      font-size: 16px;
-      line-height: 22px; } }
+  color: #768A9F;
+}
+@media only screen and (min-width: 1601px) {
+  .filerobot-DragDrop-label {
+    font-size: 16px;
+    line-height: 22px;
+  }
+}
 
 .filerobot-DragDrop-title {
   display: block;
   font-size: 24px;
   line-height: 28px;
-  margin-bottom: 16px; }
-  @media only screen and (min-width: 1601px) {
-    .filerobot-DragDrop-title {
-      font-size: 32px;
-      line-height: 36px;
-      margin-bottom: 28px; } }
-  .filerobot-DragDrop-title span {
-    color: #6879EB; }
+  margin-bottom: 16px;
+}
+@media only screen and (min-width: 1601px) {
+  .filerobot-DragDrop-title {
+    font-size: 32px;
+    line-height: 36px;
+    margin-bottom: 28px;
+  }
+}
+.filerobot-DragDrop-title span {
+  color: #6879EB;
+}
 
 .filerobot-DragDrop-browse {
   color: #5282DB;
-  cursor: pointer; }
+  cursor: pointer;
+}
 
 .filerobot-DragDrop-note {
   font-size: 0.8em;
-  color: #adadad; }
+  color: rgb(172.5, 172.5, 172.5);
+}

package/lib/index.js

@@ -36,9 +36,9 @@ import DragDropArea from './DragDropArea';
 // import { version } from '../package.json'
 // import packageInfo from '../package.json'
 
-/**
- * Drag & Drop plugin
- *
+/**
+ * Drag & Drop plugin
+ *
  */
 var DragDrop = /*#__PURE__*/function (_Plugin) {
   // static VERSION = packageInfo.version

package/lib/style.scss

@@ -1,90 +1,90 @@
-// packages/@scaleflex/widget-drag-drop/src/index.jsx
-@import '@scaleflex/widget-core/lib/_utils.scss';
-@import '@scaleflex/widget-core/lib/_variables.scss';
-
-.filerobot-DragDrop-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-  background-color: $background-light-hover;
-  cursor: pointer;
-  font-family: $font-family-base;
-  max-width: 100%;
-
-  &:hover, &:active {
-    background-color: $background-light-active;
-  }
-
-  // firefox fix: removes thin dotted outline
-  &::-moz-focus-inner {
-    border: 0;
-  }
-}
-
-.filerobot-DragDrop-inner {
-  margin: 0;
-  text-align: center;
-  line-height: 1.4;
-}
-
-.filerobot-DragDrop-arrow {
-  width: 60px;
-  height: 60px;
-  fill: lighten($gray-500, 30%);
-  margin-bottom: 17px;
-}
-
-  .filerobot-DragDrop--isDragDropSupported {
-    border: 1px dashed $border;
-  }
-
-.filerobot-DragDrop--isDraggingOver {
-  border: 1px dashed $blue;
-  background: $background-light-active;
-
-  .filerobot-DragDrop-arrow {
-    fill: $gray-500;
-  }
-}
-
-.filerobot-DragDrop-label {
-  display: block;
-  font-size: 14px;
-  line-height: 20px;
-  margin-bottom: 5px;
-  font-weight: 400;
-  color: #768A9F;
-
-  @media #{$screen-xxl} {
-    font-size: 16px;
-    line-height: 22px;
-  }
-}
-
-.filerobot-DragDrop-title {
-  display: block;
-  font-size: 24px;
-  line-height: 28px;
-  margin-bottom: 16px;
-
-  @media #{$screen-xxl} {
-    font-size: 32px;
-    line-height: 36px;
-    margin-bottom: 28px;
-  }
-
-  span {
-    color: #6879EB;
-  }
-}
-
-.filerobot-DragDrop-browse {
-  color: $blue;
-  cursor: pointer;
-}
-
-.filerobot-DragDrop-note {
-  font-size: 0.8em;
-  color: lighten($gray-500, 10%);
-}
+// packages/@scaleflex/widget-drag-drop/src/index.jsx
+@import '@scaleflex/widget-core/lib/_utils.scss';
+@import '@scaleflex/widget-core/lib/_variables.scss';
+
+.filerobot-DragDrop-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  background-color: $background-light-hover;
+  cursor: pointer;
+  font-family: $font-family-base;
+  max-width: 100%;
+
+  &:hover, &:active {
+    background-color: $background-light-active;
+  }
+
+  // firefox fix: removes thin dotted outline
+  &::-moz-focus-inner {
+    border: 0;
+  }
+}
+
+.filerobot-DragDrop-inner {
+  margin: 0;
+  text-align: center;
+  line-height: 1.4;
+}
+
+.filerobot-DragDrop-arrow {
+  width: 60px;
+  height: 60px;
+  fill: lighten($gray-500, 30%);
+  margin-bottom: 17px;
+}
+
+  .filerobot-DragDrop--isDragDropSupported {
+    border: 1px dashed $border;
+  }
+
+.filerobot-DragDrop--isDraggingOver {
+  border: 1px dashed $blue;
+  background: $background-light-active;
+
+  .filerobot-DragDrop-arrow {
+    fill: $gray-500;
+  }
+}
+
+.filerobot-DragDrop-label {
+  display: block;
+  font-size: 14px;
+  line-height: 20px;
+  margin-bottom: 5px;
+  font-weight: 400;
+  color: #768A9F;
+
+  @media #{$screen-xxl} {
+    font-size: 16px;
+    line-height: 22px;
+  }
+}
+
+.filerobot-DragDrop-title {
+  display: block;
+  font-size: 24px;
+  line-height: 28px;
+  margin-bottom: 16px;
+
+  @media #{$screen-xxl} {
+    font-size: 32px;
+    line-height: 36px;
+    margin-bottom: 28px;
+  }
+
+  span {
+    color: #6879EB;
+  }
+}
+
+.filerobot-DragDrop-browse {
+  color: $blue;
+  cursor: pointer;
+}
+
+.filerobot-DragDrop-note {
+  font-size: 0.8em;
+  color: lighten($gray-500, 10%);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scaleflex/widget-drag-drop",
   "description": "Droppable zone UI for Filrobot filerobot. Drag and drop files into it to upload.",
-  "version": "4.0.6",
+  "version": "4.1.0",
   "license": "MIT",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
@@ -17,7 +17,7 @@
   "dependencies": {
     "@scaleflex/icons": "^3.0.0-beta.11",
     "@scaleflex/ui": "^3.0.0-beta.11",
-    "@scaleflex/widget-utils": "^4.0.6"
+    "@scaleflex/widget-utils": "^4.1.0"
   },
   "devDependencies": {
     "react": "^19.0.0",
@@ -30,5 +30,5 @@
     "react-dom": ">=19.0.0",
     "react-redux": "^8.1.1"
   },
-  "gitHead": "17ad9b9abc2add9c8b52ab56e3a72108bee20a7a"
+  "gitHead": "471120d67066617a0d8824eae11b07d1f2259473"
 }

package/types/index.d.ts

@@ -1,22 +1,22 @@
-import Filerobot = require("@scaleflex/widget-core");
-import DragDropLocale = require("./generatedLocale");
-
-declare module DragDrop {
-  interface DragDropOptions extends Filerobot.PluginOptions {
-    replaceTargetContent?: boolean;
-    target?: Filerobot.PluginTarget;
-    inputName?: string;
-    width?: string | number;
-    height?: string | number;
-    note?: string;
-    hint?: string;
-    locale?: DragDropLocale;
-    labelSize?: number | string;
-    hideNote?: boolean;
-    iconSize?: number | string;
-  }
-}
-
-declare class DragDrop extends Filerobot.Plugin<DragDrop.DragDropOptions> {}
-
-export = DragDrop;
+import Filerobot = require("@scaleflex/widget-core");
+import DragDropLocale = require("./generatedLocale");
+
+declare module DragDrop {
+  interface DragDropOptions extends Filerobot.PluginOptions {
+    replaceTargetContent?: boolean;
+    target?: Filerobot.PluginTarget;
+    inputName?: string;
+    width?: string | number;
+    height?: string | number;
+    note?: string;
+    hint?: string;
+    locale?: DragDropLocale;
+    labelSize?: number | string;
+    hideNote?: boolean;
+    iconSize?: number | string;
+  }
+}
+
+declare class DragDrop extends Filerobot.Plugin<DragDrop.DragDropOptions> {}
+
+export = DragDrop;