@reltio/components 1.4.1981 → 1.4.1983

package/cjs/AutosizeInput/AutosizeInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputBaseComponentProps } from '@mui/material/InputBase';
+export declare const AutosizeInput: React.ForwardRefExoticComponent<Omit<InputBaseComponentProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/cjs/AutosizeInput/AutosizeInput.js

@@ -0,0 +1,62 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutosizeInput = void 0;
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_1 = require("./styles");
+exports.AutosizeInput = (0, react_1.forwardRef)(function (_a, ref) {
+    var value = _a.value, className = _a.className, props = __rest(_a, ["value", "className"]);
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.autosizeInputContainer, className) },
+        react_1.default.createElement("span", { className: styles.autosizeInputRuler }, value.replace(/ /g, '\u00A0')),
+        react_1.default.createElement("input", __assign({ className: styles.autosizeInput, value: value, ref: ref, size: 1, type: "text" }, props))));
+});
+exports.AutosizeInput.displayName = 'AutosizeInput';

package/cjs/AutosizeInput/index.d.ts

@@ -0,0 +1 @@
+export { AutosizeInput } from './AutosizeInput';

package/cjs/AutosizeInput/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutosizeInput = void 0;
+var AutosizeInput_1 = require("./AutosizeInput");
+Object.defineProperty(exports, "AutosizeInput", { enumerable: true, get: function () { return AutosizeInput_1.AutosizeInput; } });

package/cjs/AutosizeInput/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"autosizeInputContainer" | "autosizeInputRuler" | "autosizeInput">;

package/cjs/AutosizeInput/styles.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+var sharedStyles = {
+    gridArea: '1/1',
+    fontFamily: 'inherit',
+    fontSize: 'inherit',
+    letterSpacing: 'inherit',
+    color: 'inherit',
+    margin: 0,
+    padding: 0,
+    border: 'none',
+    outline: 'none'
+};
+exports.useStyles = (0, styles_1.makeStyles)({
+    autosizeInputContainer: {
+        display: 'grid'
+    },
+    autosizeInputRuler: __assign(__assign({}, sharedStyles), { visibility: 'hidden' }),
+    autosizeInput: __assign({}, sharedStyles)
+});

package/cjs/MultipleInput/components/AutosizeInputWrapper/AutosizeInputWrapper.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { InputBaseComponentProps } from '@mui/material/InputBase';
-export declare const AutosizeInputWrapper: React.ForwardRefExoticComponent<Omit<InputBaseComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const AutosizeInputWrapper: React.ForwardRefExoticComponent<Omit<InputBaseComponentProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/cjs/MultipleInput/components/AutosizeInputWrapper/AutosizeInputWrapper.js

@@ -44,15 +44,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutosizeInputWrapper = void 0;
 var react_1 = __importStar(require("react"));
-var react_input_autosize_1 = __importDefault(require("react-input-autosize"));
+var AutosizeInput_1 = require("../../../AutosizeInput");
 exports.AutosizeInputWrapper = (0, react_1.forwardRef)(function (props, ref) {
     var CustomInputComponent = props.CustomInputComponent, other = __rest(props, ["CustomInputComponent"]);
-    return CustomInputComponent ? (react_1.default.createElement(CustomInputComponent, __assign({}, other, { ref: ref, customInput: react_input_autosize_1.default }))) : (react_1.default.createElement(react_input_autosize_1.default, __assign({}, other, { ref: ref })));
+    return CustomInputComponent ? (react_1.default.createElement(CustomInputComponent, __assign({}, other, { ref: ref, customInput: AutosizeInput_1.AutosizeInput }))) : (react_1.default.createElement(AutosizeInput_1.AutosizeInput, __assign({}, other, { ref: ref })));
 });
 exports.AutosizeInputWrapper.displayName = 'AutosizeInputWrapper';

package/cjs/TypeaheadEditor/TypeaheadEditor.js

@@ -99,7 +99,7 @@ var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var react_autosuggest_1 = __importDefault(require("react-autosuggest"));
-var react_input_autosize_1 = __importDefault(require("react-input-autosize"));
+var AutosizeInput_1 = require("../AutosizeInput");
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
 var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 var Paper_1 = __importDefault(require("@mui/material/Paper"));
@@ -247,7 +247,7 @@ var TypeaheadEditor = function (_a) {
                 underline: (0, classnames_1.default)((_b = {}, _b[styles.underline] = (0, mdm_sdk_1.isEmptyValue)(value), _b)),
                 input: (0, classnames_1.default)(styles['rawInput'], (0, ramda_1.path)(['classes', 'input'], InputProps))
             };
-            return multiple === true ? (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value === null || value === void 0 ? void 0 : value.map(function (item, index) { return (react_1.default.createElement(ValueChip_1.ValueChip, { key: item, label: item, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, value)); } })); }), inputComponent: react_input_autosize_1.default, classes: __assign(__assign({ root: (0, classnames_1.default)(styles.multipleTextFieldInput, (0, ramda_1.path)(['classes', 'root'], InputProps)) }, commonClasses), { input: (0, classnames_1.default)(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: (0, classnames_1.default)(styles.inputRoot, (0, ramda_1.path)(['classes', 'root'], InputProps), (_c = {},
+            return multiple === true ? (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value === null || value === void 0 ? void 0 : value.map(function (item, index) { return (react_1.default.createElement(ValueChip_1.ValueChip, { key: item, label: item, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, value)); } })); }), inputComponent: AutosizeInput_1.AutosizeInput, classes: __assign(__assign({ root: (0, classnames_1.default)(styles.multipleTextFieldInput, (0, ramda_1.path)(['classes', 'root'], InputProps)) }, commonClasses), { input: (0, classnames_1.default)(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: (0, classnames_1.default)(styles.inputRoot, (0, ramda_1.path)(['classes', 'root'], InputProps), (_c = {},
                             _c[styles.isCrossedOut] = isCrossedOut,
                             _c)) }, commonClasses) }) })));
         }, renderSuggestionsContainer: function (_a) {

package/esm/AutosizeInput/AutosizeInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputBaseComponentProps } from '@mui/material/InputBase';
+export declare const AutosizeInput: React.ForwardRefExoticComponent<Omit<InputBaseComponentProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/esm/AutosizeInput/AutosizeInput.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import classnames from 'classnames';
+import { useStyles } from './styles';
+export var AutosizeInput = forwardRef(function (_a, ref) {
+    var value = _a.value, className = _a.className, props = __rest(_a, ["value", "className"]);
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.autosizeInputContainer, className) },
+        React.createElement("span", { className: styles.autosizeInputRuler }, value.replace(/ /g, '\u00A0')),
+        React.createElement("input", __assign({ className: styles.autosizeInput, value: value, ref: ref, size: 1, type: "text" }, props))));
+});
+AutosizeInput.displayName = 'AutosizeInput';

package/esm/AutosizeInput/index.d.ts

@@ -0,0 +1 @@
+export { AutosizeInput } from './AutosizeInput';

package/esm/AutosizeInput/index.js

@@ -0,0 +1 @@
+export { AutosizeInput } from './AutosizeInput';

package/esm/AutosizeInput/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"autosizeInputContainer" | "autosizeInputRuler" | "autosizeInput">;

package/esm/AutosizeInput/styles.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { makeStyles } from '@mui/styles';
+var sharedStyles = {
+    gridArea: '1/1',
+    fontFamily: 'inherit',
+    fontSize: 'inherit',
+    letterSpacing: 'inherit',
+    color: 'inherit',
+    margin: 0,
+    padding: 0,
+    border: 'none',
+    outline: 'none'
+};
+export var useStyles = makeStyles({
+    autosizeInputContainer: {
+        display: 'grid'
+    },
+    autosizeInputRuler: __assign(__assign({}, sharedStyles), { visibility: 'hidden' }),
+    autosizeInput: __assign({}, sharedStyles)
+});

package/esm/MultipleInput/components/AutosizeInputWrapper/AutosizeInputWrapper.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { InputBaseComponentProps } from '@mui/material/InputBase';
-export declare const AutosizeInputWrapper: React.ForwardRefExoticComponent<Omit<InputBaseComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const AutosizeInputWrapper: React.ForwardRefExoticComponent<Omit<InputBaseComponentProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/esm/MultipleInput/components/AutosizeInputWrapper/AutosizeInputWrapper.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import AutosizeInput from 'react-input-autosize';
+import { AutosizeInput } from '../../../AutosizeInput';
 export var AutosizeInputWrapper = forwardRef(function (props, ref) {
     var CustomInputComponent = props.CustomInputComponent, other = __rest(props, ["CustomInputComponent"]);
     return CustomInputComponent ? (React.createElement(CustomInputComponent, __assign({}, other, { ref: ref, customInput: AutosizeInput }))) : (React.createElement(AutosizeInput, __assign({}, other, { ref: ref })));

package/esm/TypeaheadEditor/TypeaheadEditor.js

@@ -70,7 +70,7 @@ import { identity, isEmpty, nthArg, path, pipe, prop, remove, T, uniq, isNil } f
 import classnames from 'classnames';
 import { debounce, isEmptyValue, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
 import Autosuggest from 'react-autosuggest';
-import AutosizeInput from 'react-input-autosize';
+import { AutosizeInput } from '../AutosizeInput';
 import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
 import Paper from '@mui/material/Paper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1981",
+  "version": "1.4.1983",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1881",
+    "@reltio/mdm-sdk": "^1.4.1882",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
     "d3-hierarchy": "^2.0.0",
@@ -23,7 +23,6 @@
     "react-dnd": "^9.4.0",
     "react-dnd-html5-backend": "^10.0.2",
     "react-grid-layout": "1.4.2",
-    "react-input-autosize": "^2.2.2",
     "react-lifecycles-compat": "^3.0.4",
     "react-mentions": "4.3.0",
     "react-number-format": "^4.9.2",