@onesy/ui-react 1.0.130 → 1.0.132

package/AdvancedTextField/AdvancedTextField.js

@@ -1,164 +1,172 @@
 "use strict";
-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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const TextField_1 = __importDefault(require("../TextField"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {}
-}), { name: 'onesy-AdvancedTextField' });
-const AdvancedTextField = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyAdvancedTextField) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const TextField = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.TextField) || TextField_1.default; }, [theme]);
-    const { valueDefault, value: value_, validate, prefix, mask, maskProactive = true, thousand, thousandSeparator = '.', onChange: onChange_, TextFieldProps, className } = props, other = __rest(props, ["valueDefault", "value", "validate", "prefix", "mask", "maskProactive", "thousand", "thousandSeparator", "onChange", "TextFieldProps", "className"]);
-    const [init, setInit] = react_1.default.useState(false);
-    const [value, setValue] = react_1.default.useState(valueDefault !== undefined ? valueDefault : value_);
-    const { classes } = useStyle();
-    const refs = {
-        root: react_1.default.useRef(undefined)
-    };
-    react_1.default.useEffect(() => {
-        setInit(true);
-    }, []);
-    react_1.default.useEffect(() => {
-        if (init) {
-            if (value_ !== value)
-                setValue(value_);
-        }
-    }, [value_]);
-    const maskConstsFromIndex = (index) => {
-        const values = [];
-        for (const item of mask.slice(index)) {
-            if (!(0, utils_1.is)('simple', item))
-                break;
-            values.push(item);
-        }
-        return values;
-    };
-    const onChange = (value__) => {
-        var _a, _b;
-        let valueNew = value__;
-        // validate
-        if (!(mask || thousand) && (0, utils_1.is)('function', validate)) {
-            try {
-                if (!validate(valueNew))
-                    return;
-            }
-            catch (error) {
-                return;
-            }
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _styleReact = require("@onesy/style-react");
+var _TextField = _interopRequireDefault(require("../TextField"));
+var _utils2 = require("../utils");
+const _excluded = ["valueDefault", "value", "validate", "prefix", "mask", "maskProactive", "thousand", "thousandSeparator", "onChange", "TextFieldProps", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const useStyle = (0, _styleReact.style)(theme => ({
+  root: {}
+}), {
+  name: 'onesy-AdvancedTextField'
+});
+const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const props = _react.default.useMemo(() => {
+    var _theme$ui, _theme$ui2;
+    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyAdvancedTextField) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const TextField = _react.default.useMemo(() => {
+    var _theme$elements;
+    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.TextField) || _TextField.default;
+  }, [theme]);
+  const {
+      valueDefault,
+      value: value_,
+      validate,
+      prefix,
+      mask,
+      maskProactive = true,
+      thousand,
+      thousandSeparator = '.',
+      onChange: onChange_,
+      TextFieldProps,
+      className
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const [init, setInit] = _react.default.useState(false);
+  const [value, setValue] = _react.default.useState(valueDefault !== undefined ? valueDefault : value_);
+  const {
+    classes
+  } = useStyle();
+  const refs = {
+    root: _react.default.useRef(undefined)
+  };
+  _react.default.useEffect(() => {
+    setInit(true);
+  }, []);
+  _react.default.useEffect(() => {
+    if (init) {
+      if (value_ !== value) setValue(value_);
+    }
+  }, [value_]);
+  const maskConstsFromIndex = index => {
+    const values = [];
+    for (const item of mask.slice(index)) {
+      if (!(0, _utils.is)('simple', item)) break;
+      values.push(item);
+    }
+    return values;
+  };
+  const onChange = value__ => {
+    let valueNew = value__;
+
+    // validate
+    if (!(mask || thousand) && (0, _utils.is)('function', validate)) {
+      try {
+        if (!validate(valueNew)) return;
+      } catch (error) {
+        return;
+      }
+    }
+
+    // thousand
+    // clean value from prefix and thousand separator
+    // make value into value with thousand separators
+    // make valueNew with prefix + valueNew
+    if (!['', ' ', '+', '-', prefix, `${prefix} `, `${prefix} `, `${prefix}+`, `${prefix}-`, undefined].includes(valueNew)) {
+      if (thousand) {
+        let previousValue = valueNew.replace(prefix, '').replace(new RegExp(`\\${thousandSeparator}`, 'g'), '');
+        let addition = '';
+        if (!(0, _utils.is)('number', +previousValue) || +previousValue >= Number.MAX_SAFE_INTEGER) return;
+        if ((0, _utils.is)('function', validate)) {
+          try {
+            if (!validate(valueNew)) return;
+          } catch (error) {
+            return;
+          }
         }
-        // thousand
-        // clean value from prefix and thousand separator
-        // make value into value with thousand separators
-        // make valueNew with prefix + valueNew
-        if (!['', ' ', '+', '-', prefix, `${prefix} `, `${prefix} `, `${prefix}+`, `${prefix}-`, undefined].includes(valueNew)) {
-            if (thousand) {
-                let previousValue = valueNew.replace(prefix, '').replace(new RegExp(`\\${thousandSeparator}`, 'g'), '');
-                let addition = '';
-                if (!(0, utils_1.is)('number', +previousValue) || +previousValue >= Number.MAX_SAFE_INTEGER)
-                    return;
-                if ((0, utils_1.is)('function', validate)) {
-                    try {
-                        if (!validate(valueNew))
-                            return;
-                    }
-                    catch (error) {
-                        return;
-                    }
-                }
-                const decimal = previousValue.includes('.');
-                [previousValue, addition] = previousValue.split('.');
-                valueNew = (0, utils_1.numberWithCommas)(previousValue, thousandSeparator);
-                valueNew = `${prefix !== undefined ? prefix : ''}${valueNew}${decimal ? '.' : ''}${addition !== undefined ? addition : ''}`;
+        const decimal = previousValue.includes('.');
+        [previousValue, addition] = previousValue.split('.');
+        valueNew = (0, _utils.numberWithCommas)(previousValue, thousandSeparator);
+        valueNew = `${prefix !== undefined ? prefix : ''}${valueNew}${decimal ? '.' : ''}${addition !== undefined ? addition : ''}`;
+      }
+      // mask
+      else if ((0, _utils.is)('array', mask)) {
+        let previousValue = valueNew.replace(prefix, '');
+        previousValue = (valueNew || '').split('').filter(Boolean);
+        valueNew = '';
+
+        // Update value based on mask value
+        for (let i = 0; i < mask.length; i++) {
+          if (!previousValue.length) break;
+
+          // Constant
+          if ((0, _utils.is)('string', mask[i])) {
+            if (valueNew[i] !== mask[i]) valueNew += mask[i];
+            if (previousValue[0] === mask[i]) previousValue.shift();
+          } else {
+            var _String, _String2;
+            let added = false;
+            if ((0, _utils.is)('function', mask[i])) {
+              if ((0, _utils.Try)(() => mask[i](previousValue[0], valueNew, value__))) {
+                valueNew += previousValue[0];
+                added = true;
+              }
+            } else if ((0, _utils.is)('object', mask[i])) {
+              const {
+                pattern
+              } = mask[i];
+              if (new RegExp(pattern).test(previousValue[0])) {
+                valueNew += previousValue[0];
+                added = true;
+              }
             }
-            // mask
-            else if ((0, utils_1.is)('array', mask)) {
-                let previousValue = valueNew.replace(prefix, '');
-                previousValue = (valueNew || '').split('').filter(Boolean);
-                valueNew = '';
-                // Update value based on mask value
-                for (let i = 0; i < mask.length; i++) {
-                    if (!previousValue.length)
-                        break;
-                    // Constant
-                    if ((0, utils_1.is)('string', mask[i])) {
-                        if (valueNew[i] !== mask[i])
-                            valueNew += mask[i];
-                        if (previousValue[0] === mask[i])
-                            previousValue.shift();
-                    }
-                    else {
-                        let added = false;
-                        if ((0, utils_1.is)('function', mask[i])) {
-                            if ((0, utils_1.Try)(() => mask[i](previousValue[0], valueNew, value__))) {
-                                valueNew += previousValue[0];
-                                added = true;
-                            }
-                        }
-                        else if ((0, utils_1.is)('object', mask[i])) {
-                            const { pattern } = mask[i];
-                            if (new RegExp(pattern).test(previousValue[0])) {
-                                valueNew += previousValue[0];
-                                added = true;
-                            }
-                        }
-                        // Only if new values are added
-                        // do not use on removing values
-                        if (added && ((_a = String(value__)) === null || _a === void 0 ? void 0 : _a.length) >= ((_b = String(value)) === null || _b === void 0 ? void 0 : _b.length) && maskProactive) {
-                            const items = maskConstsFromIndex(i + 1);
-                            items.forEach((item) => valueNew += item);
-                        }
-                        previousValue.shift();
-                    }
-                }
+
+            // Only if new values are added
+            // do not use on removing values
+            if (added && ((_String = String(value__)) === null || _String === void 0 ? void 0 : _String.length) >= ((_String2 = String(value)) === null || _String2 === void 0 ? void 0 : _String2.length) && maskProactive) {
+              const items = maskConstsFromIndex(i + 1);
+              items.forEach(item => valueNew += item);
             }
+            previousValue.shift();
+          }
         }
-        // prefix
-        if (prefix !== undefined) {
-            if (['', ' ', prefix, `${prefix} `, undefined].includes(valueNew))
-                valueNew = '';
-            else if (!valueNew.startsWith(prefix))
-                valueNew = `${prefix}${valueNew}`;
-        }
-        // Update inner or controlled
-        if (!props.hasOwnProperty('value'))
-            setValue(valueNew);
-        if ((0, utils_1.is)('function', onChange_))
-            onChange_(valueNew);
-    };
-    return ((0, jsx_runtime_1.jsx)(TextField, Object.assign({ ref: item => {
-            if (ref) {
-                if ((0, utils_1.is)('function', ref))
-                    ref(item);
-                else
-                    ref.current = item;
-            }
-            refs.root.current = item;
-        }, value: value, onChange: onChange, controlled: true, className: (0, style_react_1.classNames)([
-            (0, utils_2.staticClassName)('AdvancedTextField', theme) && [
-                'onesy-AdvancedTextField-root'
-            ],
-            className,
-            classes.root
-        ]) }, other, TextFieldProps)));
+      }
+    }
+
+    // prefix
+    if (prefix !== undefined) {
+      if (['', ' ', prefix, `${prefix} `, undefined].includes(valueNew)) valueNew = '';else if (!valueNew.startsWith(prefix)) valueNew = `${prefix}${valueNew}`;
+    }
+
+    // Update inner or controlled
+    if (!props.hasOwnProperty('value')) setValue(valueNew);
+    if ((0, _utils.is)('function', onChange_)) onChange_(valueNew);
+  };
+  return /*#__PURE__*/_react.default.createElement(TextField, (0, _extends2.default)({
+    ref: item => {
+      if (ref) {
+        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+      }
+      refs.root.current = item;
+    },
+    value: value,
+    onChange: onChange,
+    controlled: true,
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AdvancedTextField', theme) && ['onesy-AdvancedTextField-root'], className, classes.root])
+  }, other, TextFieldProps));
 });
 AdvancedTextField.displayName = 'onesy-AdvancedTextField';
-exports.default = AdvancedTextField;
+var _default = exports.default = AdvancedTextField;

package/AdvancedTextField/index.js

@@ -1,8 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AdvancedTextField_1 = require("./AdvancedTextField");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdvancedTextField_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _AdvancedTextField.default;
+  }
+});
+var _AdvancedTextField = _interopRequireDefault(require("./AdvancedTextField"));

package/Append/Append.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { IChildren, IHTMLElement, IStyle } from '../types';
-export declare type TAppendPadding = Array<number>;
-export declare type IAppendValue = {
+export type TAppendPadding = Array<number>;
+export type IAppendValue = {
     x?: number;
     y?: number;
     switch?: boolean;
     init?: boolean;
 };
-export declare type IAppend = {
+export type IAppend = {
     open?: boolean;
     portal?: boolean;
     accelerated?: boolean;