@reltio/components 1.4.1446 → 1.4.1448

package/cjs/components/DateRangePicker/DateRangePicker.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var nanoid_1 = __importDefault(require("nanoid"));
+var nanoid_1 = require("nanoid");
 var ramda_1 = require("ramda");
 var ArrowBack_1 = __importDefault(require("@material-ui/icons/ArrowBack"));
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
@@ -45,8 +45,8 @@ var getDate = function (values, index) { return (0, ramda_1.pathOr)(null, [index
 var DateRangePicker = (0, react_1.forwardRef)(function (_a, ref) {
     var onCancel = _a.onCancel, onApply = _a.onApply, values = _a.values, type = _a.type, minDate = _a.minDate, maxDate = _a.maxDate;
     var styles = (0, styles_1.useStyles)();
-    var editorFromId = (0, react_1.useRef)((0, nanoid_1.default)());
-    var editorToId = (0, react_1.useRef)((0, nanoid_1.default)());
+    var editorFromId = (0, react_1.useRef)((0, nanoid_1.nanoid)());
+    var editorToId = (0, react_1.useRef)((0, nanoid_1.nanoid)());
     var _b = (0, react_1.useState)(null), startDate = _b[0], setStartDate = _b[1];
     var _c = (0, react_1.useState)(null), endDate = _c[0], setEndDate = _c[1];
     react_1.default.useEffect(function () {

package/cjs/components/charts/TreeChart/TreeChart.js

@@ -33,21 +33,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var recharts_1 = require("recharts");
 var CustomTooltip_1 = require("../CustomTooltip/CustomTooltip");
 var styles_1 = require("./styles");
 var useClickableStyle_1 = require("../hooks/useClickableStyle");
-var nanoid_1 = __importDefault(require("nanoid"));
+var nanoid_1 = require("nanoid");
 var CustomizedContent = function (_a) {
     var x = _a.x, y = _a.y, width = _a.width, height = _a.height, label = _a.label, onClick = _a.onClick, group = _a.group;
     var styles = (0, styles_1.useStyles)();
     var clickable = (0, useClickableStyle_1.useClickableStyle)(onClick);
-    var clipPathId = (0, react_1.useRef)((0, nanoid_1.default)()).current;
+    var clipPathId = (0, react_1.useRef)((0, nanoid_1.nanoid)()).current;
     var strokeWidth = 2;
     return (react_1.default.createElement("g", { className: clickable, onClick: onClick && (function () { return onClick(group); }) },
         react_1.default.createElement("clipPath", { id: clipPathId },

package/cjs/components/commonReactSelectComponents/MenuWithPopper.js

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var ramda_1 = require("ramda");
-var nanoid_1 = __importDefault(require("nanoid"));
+var nanoid_1 = require("nanoid");
 var Popper_1 = __importDefault(require("../Popper/Popper"));
 var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
 var menuStyles_1 = require("./menuStyles");
@@ -50,7 +50,7 @@ var MenuWithPopper = function (props) {
     var _a = props.selectProps, inputRef = _a.inputRef, menuIsOpen = _a.menuIsOpen, inputValue = _a.inputValue, innerRef = props.innerRef, children = props.children, innerProps = props.innerProps;
     var _b = (0, react_1.useState)('id'), key = _b[0], setKey = _b[1];
     (0, react_1.useEffect)(function () {
-        setKey((0, nanoid_1.default)());
+        setKey((0, nanoid_1.nanoid)());
     }, [inputValue]);
     var styles = (0, menuStyles_1.useMenuStyles)();
     var popupBoundariesContext = (0, react_1.useContext)(PopupBoundariesContext_1.PopupBoundariesContext);

package/cjs/components/editors/RangeDataTypeValueEditor/RangeDataTypeValueEditor.js

@@ -50,7 +50,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var nanoid_1 = __importDefault(require("nanoid"));
+var nanoid_1 = require("nanoid");
 var FormControl_1 = __importDefault(require("@material-ui/core/FormControl"));
 var InputLabel_1 = __importDefault(require("@material-ui/core/InputLabel"));
 var DataTypeValueEditor_1 = __importDefault(require("../DataTypeValueEditor/DataTypeValueEditor"));
@@ -60,8 +60,8 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var RangeDataTypeValueEditor = function (_a) {
     var _b = _a.value, value = _b === void 0 ? new Array(2) : _b, onChange = _a.onChange, _c = _a.orientation, orientation = _c === void 0 ? 'vertical' : _c, otherProps = __rest(_a, ["value", "onChange", "orientation"]);
     var styles = (0, styles_1.useStyles)();
-    var rangeEditorFromId = (0, react_1.useRef)((0, nanoid_1.default)());
-    var rangeEditorToId = (0, react_1.useRef)((0, nanoid_1.default)());
+    var rangeEditorFromId = (0, react_1.useRef)((0, nanoid_1.nanoid)());
+    var rangeEditorToId = (0, react_1.useRef)((0, nanoid_1.nanoid)());
     var fromEditor = (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ id: rangeEditorFromId.current, value: value[0], onChange: (0, ramda_1.pipe)((0, ramda_1.update)(0, ramda_1.__, value), onChange) }, otherProps)));
     var toEditor = (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ id: rangeEditorToId.current, value: value[1], onChange: (0, ramda_1.pipe)((0, ramda_1.update)(1, ramda_1.__, value), onChange) }, otherProps)));
     if (orientation === 'horizontal') {

package/cjs/hooks/useAPI/helpers.js

@@ -10,12 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setUpResponseInterceptor = exports.setUpRequestInterceptor = exports.setUpQooxdooResponseInterceptor = exports.setUpQooxdooRequestInterceptor = exports.resetHtml = exports.getFilesWithArrayBuffer = exports.getWorkerURL = exports.isNewUI = void 0;
-var nanoid_1 = __importDefault(require("nanoid"));
+var nanoid_1 = require("nanoid");
 var isNewUI = function (path) {
     return path === null || path === void 0 ? void 0 : path.includes('/nui');
 };
@@ -108,7 +105,7 @@ var setUpQooxdooRequestInterceptor = function (_a) {
     var workerRef = _a.workerRef, setRequestListeners = _a.setRequestListeners;
     return ({
         processApiRequest: function (url, method, headers, data, next) {
-            var requestId = (0, nanoid_1.default)();
+            var requestId = (0, nanoid_1.nanoid)();
             var options = { url: url, method: method, headers: headers, noRequestProcessor: true };
             setRequestListeners(options, next, requestId);
             workerRef.current.postMessage({
@@ -127,7 +124,7 @@ var setUpQooxdooResponseInterceptor = function (_a) {
     var workerRef = _a.workerRef, setResponseListeners = _a.setResponseListeners;
     return ({
         processApiResponse: function (url, method, data, next) {
-            var responseId = (0, nanoid_1.default)();
+            var responseId = (0, nanoid_1.nanoid)();
             setResponseListeners(next, responseId);
             workerRef.current.postMessage({
                 action: 'apiResponse',
@@ -149,7 +146,7 @@ var setUpRequestInterceptor = function (_a) {
             : "".concat(reltioPath).concat(url.replace(apiPath, ''));
         var isProcessableUrl = isURLtoProcess(processApiRequest, fakeURL);
         if (isProcessableUrl) {
-            var requestId = (0, nanoid_1.default)();
+            var requestId = (0, nanoid_1.nanoid)();
             setRequestListeners(options, next, requestId, resolve);
             workerRef.current.postMessage({
                 action: 'apiRequest',
@@ -192,7 +189,7 @@ var setUpResponseInterceptor = function (_a) {
             var fakeURL_1 = "".concat(reltioPath).concat(url.replace(apiPath, ''));
             var isProcessableUrl = isURLtoProcess(processApiResponse, fakeURL_1);
             if (isProcessableUrl) {
-                var responseId_1 = (0, nanoid_1.default)();
+                var responseId_1 = (0, nanoid_1.nanoid)();
                 response
                     .json()
                     .then(function (data) {

package/cjs/hooks/useCustomScripts.js

@@ -53,16 +53,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCustomScripts = void 0;
 var react_1 = require("react");
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var nanoid_1 = __importDefault(require("nanoid"));
+var nanoid_1 = require("nanoid");
 var ramda_1 = require("ramda");
 var workflow_1 = require("../components/workflow");
 var contexts_1 = require("../contexts");
@@ -82,7 +79,7 @@ var useCustomScripts = function (config) {
     var _a;
     var customScripts = config.reduce(function (acc, customScript) {
         if (customScript.platform !== mdm_sdk_1.CustomScriptPlatform.CLASSIC) {
-            return __spreadArray(__spreadArray([], acc, true), [__assign(__assign({}, customScript), { actionId: (0, nanoid_1.default)() })], false);
+            return __spreadArray(__spreadArray([], acc, true), [__assign(__assign({}, customScript), { actionId: (0, nanoid_1.nanoid)() })], false);
         }
         return acc;
     }, []);
@@ -178,7 +175,7 @@ var useCustomScripts = function (config) {
             return isURLtoProcess(processApiRequest, fakeURL);
         }), (0, ramda_1.prop)('actionId'))(customScripts);
         if (actionId) {
-            var requestId = (0, nanoid_1.default)();
+            var requestId = (0, nanoid_1.nanoid)();
             requestListeners.current = __assign(__assign({}, requestListeners.current), (_b = {}, _b[requestId] = { options: options, next: next, id: requestId, resolve: resolve }, _b));
             workers.current[actionId].postMessage({
                 action: 'apiRequest',
@@ -221,7 +218,7 @@ var useCustomScripts = function (config) {
                 return isURLtoProcess(processApiResponse, fakeURL_1);
             }), (0, ramda_1.prop)('actionId'))(customScripts);
             if (actionId_1) {
-                var responseId_1 = (0, nanoid_1.default)();
+                var responseId_1 = (0, nanoid_1.nanoid)();
                 response
                     .json()
                     .then(function (data) {

package/esm/components/DateRangePicker/DateRangePicker.js

@@ -1,6 +1,6 @@
 import React, { forwardRef, useRef, useState } from 'react';
 import i18n from 'ui-i18n';
-import nanoid from 'nanoid';
+import { nanoid } from 'nanoid';
 import { pathOr } from 'ramda';
 import ArrowBack from '@material-ui/icons/ArrowBack';
 import Button from '@material-ui/core/Button';

package/esm/components/charts/TreeChart/TreeChart.js

@@ -14,7 +14,7 @@ import { Text, Tooltip, Treemap } from 'recharts';
 import { CustomTooltip } from '../CustomTooltip/CustomTooltip';
 import { useStyles } from './styles';
 import { useClickableStyle } from '../hooks/useClickableStyle';
-import nanoid from 'nanoid';
+import { nanoid } from 'nanoid';
 var CustomizedContent = function (_a) {
     var x = _a.x, y = _a.y, width = _a.width, height = _a.height, label = _a.label, onClick = _a.onClick, group = _a.group;
     var styles = useStyles();

package/esm/components/commonReactSelectComponents/MenuWithPopper.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React, { useContext, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { prop } from 'ramda';
-import nanoid from 'nanoid';
+import { nanoid } from 'nanoid';
 import Popper from '../Popper/Popper';
 import Paper from '@material-ui/core/Paper';
 import { useMenuStyles } from './menuStyles';

package/esm/components/editors/RangeDataTypeValueEditor/RangeDataTypeValueEditor.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
-import nanoid from 'nanoid';
+import { nanoid } from 'nanoid';
 import FormControl from '@material-ui/core/FormControl';
 import InputLabel from '@material-ui/core/InputLabel';
 import DataTypeValueEditor from '../DataTypeValueEditor/DataTypeValueEditor';

package/esm/hooks/useAPI/helpers.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import nanoid from 'nanoid';
+import { nanoid } from 'nanoid';
 export var isNewUI = function (path) {
     return path === null || path === void 0 ? void 0 : path.includes('/nui');
 };

package/esm/hooks/useCustomScripts.js

@@ -33,7 +33,7 @@ import { useContext, useEffect, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
 import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue, RequestAction } from '@reltio/mdm-sdk';
-import nanoid from 'nanoid';
+import { nanoid } from 'nanoid';
 import { always, assocPath, both, concat, evolve, find, has, ifElse, map, omit, pathEq, pathOr, pick, pipe, prop, replace, startsWith, when } from 'ramda';
 import { useWorkflowCheckPermission } from '../components/workflow';
 import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext } from '../contexts';

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1446",
+  "version": "1.4.1448",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1446",
-    "@reltio/mdm-sdk": "^1.4.1446",
+    "@reltio/mdm-module": "^1.4.1448",
+    "@reltio/mdm-sdk": "^1.4.1448",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
     "d3-hierarchy": "^2.0.0",
     "d3-scale": "^3.3.0",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
-    "nanoid": "^2.0.0",
+    "nanoid": "^3.3.4",
     "prop-types": "^15.6.2",
     "ramda": "^0.28.0",
     "react-autosuggest": "^9.4.3",