@scaleflex/widget-url 4.8.4 → 4.8.6

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,102 +1,102 @@
-# @scaleflex/widget-url
-
-[![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>
-
-The Url plugin for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core)
- lets users import files from the Internet. Paste any URL and it’ll be added!
-
-## Usage
-
-### NPM
-
-```bash
-npm install --save @scaleflex/widget-url
-```
-
-### YARN
-
-```bash
-yarn add @scaleflex/widget-url
-```
-
-then
-
-```js
-import Url from '@scaleflex/widget-url'
-...
-...
-...
-scaleflexWidget.use(Url, propertiesObject)
-```
-
-### CDN
-
-The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.Url`
-
-```js
-const url = window.ScaleflexWidget.Url
-...
-...
-...
-scaleflexWidget.use(url, propertiesObject)
-```
-
-## Plugin's styles
-
-```js
-import '@scaleflex/widget-core/dist/style.css'
-import '@scaleflex/widget-url/dist/style.css'
-```
-
-or if you prefer the minified version
-
-```js
-import '@scaleflex/widget-core/dist/style.min.css'
-import '@scaleflex/widget-url/dist/style.min.css'
-```
-
-> The plugin's css file should be imported after the [Core's css file](../@scaleflex/widget-core/#modules-styles) for having the styles shown correctly.
-
-## Properties
-
-### `title`
-
-<u>Type:</u> `string`
-
-<u>Default:</u> `'Link'`
-
-The title/label that would be shown & used for the plugin.
-
-### `companionHeaders`
-
-<u>Type:</u> `null` | `object`
-
-<u>Default:</u> `null`
-
-If you need to pass additional headers for in companion requests then pass them in this property.
-
-<!-- Variables -->
-
-[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-url
-[license-url]: https://opensource.org/licenses/MIT
-[sfx-url]: https://www.scaleflex.com/
-[version-url]: https://www.npmjs.com/package/@scaleflex/widget-url
-[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-url?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-url
+
+[![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>
+
+The Url plugin for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core)
+ lets users import files from the Internet. Paste any URL and it’ll be added!
+
+## Usage
+
+### NPM
+
+```bash
+npm install --save @scaleflex/widget-url
+```
+
+### YARN
+
+```bash
+yarn add @scaleflex/widget-url
+```
+
+then
+
+```js
+import Url from '@scaleflex/widget-url'
+...
+...
+...
+scaleflexWidget.use(Url, propertiesObject)
+```
+
+### CDN
+
+The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.Url`
+
+```js
+const url = window.ScaleflexWidget.Url
+...
+...
+...
+scaleflexWidget.use(url, propertiesObject)
+```
+
+## Plugin's styles
+
+```js
+import '@scaleflex/widget-core/dist/style.css'
+import '@scaleflex/widget-url/dist/style.css'
+```
+
+or if you prefer the minified version
+
+```js
+import '@scaleflex/widget-core/dist/style.min.css'
+import '@scaleflex/widget-url/dist/style.min.css'
+```
+
+> The plugin's css file should be imported after the [Core's css file](../@scaleflex/widget-core/#modules-styles) for having the styles shown correctly.
+
+## Properties
+
+### `title`
+
+<u>Type:</u> `string`
+
+<u>Default:</u> `'Link'`
+
+The title/label that would be shown & used for the plugin.
+
+### `companionHeaders`
+
+<u>Type:</u> `null` | `object`
+
+<u>Default:</u> `null`
+
+If you need to pass additional headers for in companion requests then pass them in this property.
+
+<!-- Variables -->
+
+[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-url
+[license-url]: https://opensource.org/licenses/MIT
+[sfx-url]: https://www.scaleflex.com/
+[version-url]: https://www.npmjs.com/package/@scaleflex/widget-url
+[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-url?label=Version&style=for-the-badge&logo=npm
+[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@scaleflex/widget-url",
   "description": "The Url plugin lets users import files from the Internet. Paste any URL and it’ll be added!",
-  "version": "4.8.4",
+  "version": "4.8.6",
   "license": "MIT",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
   "types": "types/index.d.ts",
   "dependencies": {
-    "@scaleflex/widget-common": "^4.8.4",
-    "@scaleflex/widget-companion-client": "^4.8.4",
-    "@scaleflex/widget-icons": "^4.8.4",
-    "@scaleflex/widget-utils": "^4.8.4"
+    "@scaleflex/widget-common": "^4.8.6",
+    "@scaleflex/widget-companion-client": "^4.8.6",
+    "@scaleflex/widget-icons": "^4.8.6",
+    "@scaleflex/widget-utils": "^4.8.6"
   },
   "devDependencies": {
     "react": "^19.0.0",
@@ -30,5 +30,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1b8c9f44e43bb143b8c1f2abae60da740c660729"
+  "gitHead": "cbb232cc92583c3888556df91ff90b4654e64790"
 }

package/types/index.d.ts

@@ -1,17 +1,17 @@
-import Filerobot = require("@scaleflex/widget-core");
-import CompanionClient = require("@scaleflex/widget-companion-client");
-import UrlLocale = require("./generatedLocale");
-
-declare module Url {
-  export interface UrlOptions
-    extends Filerobot.PluginOptions,
-      CompanionClient.RequestClientOptions {
-    replaceTargetContent?: boolean;
-    target?: Filerobot.PluginTarget;
-    locale?: UrlLocale;
-  }
-}
-
-declare class Url extends Filerobot.Plugin<Url.UrlOptions> {}
-
-export = Url;
+import Filerobot = require("@scaleflex/widget-core");
+import CompanionClient = require("@scaleflex/widget-companion-client");
+import UrlLocale = require("./generatedLocale");
+
+declare module Url {
+  export interface UrlOptions
+    extends Filerobot.PluginOptions,
+      CompanionClient.RequestClientOptions {
+    replaceTargetContent?: boolean;
+    target?: Filerobot.PluginTarget;
+    locale?: UrlLocale;
+  }
+}
+
+declare class Url extends Filerobot.Plugin<Url.UrlOptions> {}
+
+export = Url;

package/lib/UrlUI.js

@@ -1,123 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useState } from 'react';
-import { useSelector } from 'react-redux';
-import { Link } from '@scaleflex/icons';
-import { selectInfo } from '@scaleflex/widget-core/lib/slices/info.slice';
-import Styled from './UrlUI.styled';
-import { selectCurrentFolderPath } from '@scaleflex/widget-explorer/lib/slices/folders.slice';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var HTTP_REGEX = /(http):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-/]))?/;
-var DUPLICATE_MESSAGE = 'duplicate';
-var UrlUI = function UrlUI(_ref) {
-  var addFile = _ref.addFile,
-    i18n = _ref.i18n,
-    fileName = _ref.fileName;
-  var currentFolderPath = useSelector(selectCurrentFolderPath);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isLoading = _useState2[0],
-    setIsLoading = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputValue = _useState4[0],
-    setInputValue = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isError = _useState6[0],
-    setIsError = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isNotHttps = _useState8[0],
-    setIsNotHttps = _useState8[1];
-
-  // TODO: we should improve the logic as it depends on the language?, better to trigger an event maybe? or some better solution.
-  var isFileExists = useSelector(function (state) {
-    return selectInfo(state).message.includes(DUPLICATE_MESSAGE);
-  });
-  var handleChangeInput = function handleChangeInput(event) {
-    setIsError(false);
-    setInputValue(event.target.value);
-  };
-  var handleError = function handleError() {
-    setIsError(true);
-    setIsLoading(false);
-  };
-  var handleSubmit = function handleSubmit() {
-    if (inputValue.match(HTTP_REGEX)) {
-      setIsNotHttps(true);
-      setIsError(true);
-    } else {
-      setIsLoading(true);
-      setIsError(false);
-      addFile({
-        url: inputValue,
-        toFolder: currentFolderPath,
-        callback: function callback() {
-          return setIsLoading(false);
-        },
-        onError: handleError
-      });
-    }
-  };
-  var handleKeyPress = function handleKeyPress(event) {
-    if (event.keyCode === 13 && inputValue.length) {
-      handleSubmit();
-    }
-  };
-  var errorMessage = function errorMessage() {
-    if (isNotHttps && isError) {
-      return i18n('urlUiInputErrorHttpsRequired');
-    }
-    if (isFileExists && isError) {
-      return i18n('urlUiInputExistsError', {
-        fileName: fileName(inputValue)
-      });
-    }
-    if (isError) {
-      return i18n('urlUiInputError');
-    }
-    return '';
-  };
-  return /*#__PURE__*/_jsx(Styled.Wrapper, {
-    className: "filerobot-Url",
-    children: /*#__PURE__*/_jsxs(Styled.Content, {
-      className: "filerobot-Url-content",
-      children: [/*#__PURE__*/_jsx(Styled.IconWrapper, {
-        children: /*#__PURE__*/_jsx(Link, {
-          size: 34
-        })
-      }), /*#__PURE__*/_jsxs(Styled.Info, {
-        children: [i18n('urlUiEnterPublicUrlText'), ' ', /*#__PURE__*/_jsxs(Styled.Hint, {
-          className: "filerobot-Url-required",
-          children: ["(", i18n('urlUiHttpsRequiredText'), ")"]
-        })]
-      }), /*#__PURE__*/_jsxs(Styled.InputWrapper, {
-        children: [/*#__PURE__*/_jsx(Styled.InputGroup, {
-          className: "filerobot-Url-input",
-          placeholder: i18n('urlUiInputPlaceholder'),
-          focusOnMount: true,
-          onKeyUp: handleKeyPress,
-          onChange: handleChangeInput,
-          fullWidth: true,
-          value: inputValue,
-          error: isError,
-          hint: errorMessage()
-        }), /*#__PURE__*/_jsx(Styled.Button, {
-          className: "filerobot-Url-actionsBtn",
-          disabled: isLoading || !inputValue.length,
-          onClick: handleSubmit,
-          loading: isLoading,
-          size: "lg",
-          color: "primary",
-          children: i18n('mutualizedImportLabel')
-        })]
-      })]
-    })
-  });
-};
-export default UrlUI;

package/lib/UrlUI.styled.js

@@ -1,30 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { PC } from '@scaleflex/widget-common';
-import styled from 'styled-components';
-import { InputGroup as SfxInputGroup, Button as SfxButton } from '@scaleflex/ui/core';
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  padding: 0 24px;\n"])));
-var Content = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  row-gap: 16px;\n"])));
-var IconWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background-color: ", ";\n\n  svg {\n    color: ", ";\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette[PC.Link];
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette[PC.ButtonPrimaryText];
-});
-var Info = styled.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 18px;\n  line-height: 20px;\n  text-align: center;\n  font-weight: 400;\n  margin: 0;\n"])));
-var Hint = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\n"])));
-var InputWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  column-gap: 12px;\n  height: 48px;\n  width: 100%;\n  max-width: 714px;\n\n  .SfxInputGroup-root {\n    width: 100%;\n    height: 100%;\n  }\n"])));
-var InputGroup = styled(SfxInputGroup)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  padding: 11px 20px;\n"])));
-var Button = styled(SfxButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 102px;\n  display: flex;\n  justify-content: center;\n  transition: all 100ms ease-out;\n"])));
-var Styled = {
-  Wrapper: Wrapper,
-  Content: Content,
-  IconWrapper: IconWrapper,
-  Info: Info,
-  Hint: Hint,
-  InputWrapper: InputWrapper,
-  InputGroup: InputGroup,
-  Button: Button
-};
-export default Styled;

package/lib/defaultLocale.js

@@ -1,16 +0,0 @@
-export default {
-  mutualizedImportLabel: 'Import',
-  urlUiImportingLabel: 'Importing...',
-  mutualizedCancelButtonLabel: 'Cancel',
-  urlUiEnterUrlToImportLabel: 'Enter URL to import a file',
-  urlUiInputPlaceholder: 'eg. https://sample-site.com/path-to-file',
-  urlUiInputError: 'Incorrect URL!',
-  urlUiInputExistsError: 'the %{fileName} already exists',
-  urlUiInputErrorHttpsRequired: 'Incorrect URL, https required',
-  addFileFailedToFetchMessage: 'Companion failed to fetch this URL, please make sure it’s correct',
-  addFileEnterCorrectUrlInfo: 'Incorrect URL: Please make sure you are entering a direct link to a file',
-  urlUiEnterPublicUrlText: 'Enter public URL of file to upload',
-  urlUiHttpsRequiredText: 'https required',
-  addFileImportingCancelledInfo: 'Importing request has just cancelled.',
-  addFileNoPendingImportsToCancelInfo: 'No import requests were found to cancel.'
-};