intelicoreact 1.5.41 → 1.6.0

package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js

@@ -1,94 +1,133 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
-var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
-var _Input = _interopRequireDefault(require("../Input/Input"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
 require("./InputWithAction.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RC = "input-with-action";
-const InputWithAction = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    className,
-    inputClassName,
-    isHideAction = false,
-    actionLabel = "Generate",
-    doAction,
-    actionContent,
-    actionProps,
-    isNoChangeAfterAction = false,
-    isWithCopy = true,
-    copyLabel = "Copy",
-    copy,
-    copyIcon,
-    isNoCopyIcon,
-    isCopyIconRight,
-    copyButtonVariant = "dark-outline",
-    disabled,
-    isInputZoneDisabled,
-    isInputDisabled,
-    isLodaing,
-    onChange,
-    value,
-    testId,
-    ...inputProps
-  } = props;
-  const [isLocalLoading, setIsLocalLoading] = (0, _react.useState)(false);
-  const handle = {
-    doAction: async () => {
-      setIsLocalLoading(true);
-      const result = await doAction?.(value, actionProps);
-      if (!isNoChangeAfterAction) onChange(result);
-      setIsLocalLoading(false);
-      return result;
-    },
-    copy: () => {
-      if (typeof copy === "function") copy(value);
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
     }
-  };
-  (0, _react.useEffect)(() => {
-    if (isLocalLoading !== isLodaing) setIsLocalLoading(isLodaing);
-  }, [isLodaing]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, {
-      [`${RC}_disabled`]: disabled
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__input-zone`, {
-      [`${RC}__input-zone_disabled`]: isInputZoneDisabled,
-      [`${RC}__input-zone_input-disabled`]: isInputDisabled
-    })
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, inputProps, {
-    testId: `${testId}-input`,
-    ref: ref,
-    value: value,
-    disabled: isInputDisabled,
-    onChange: onChange,
-    className: (0, _classnames.default)(`${RC}__input`, inputClassName)
-  })), !isHideAction && actionContent, !isHideAction && !actionContent && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__action-container`)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(`${RC}__action-label`),
-    onClick: () => handle.doAction(),
-    testId: `${testId}-action-label`
-  }, actionLabel)), isLocalLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-    size: "small"
-  })), isWithCopy && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: `${testId}-copy-button`,
-    className: `${RC}__coppy-button`,
-    onClick: () => handle.copy(),
-    icon: copyIcon,
-    noIcon: isNoCopyIcon,
-    isIconRight: isCopyIconRight,
-    variant: copyButtonVariant
-  }, copyLabel));
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const RC = "input-with-action";
+const InputWithAction = /*#__PURE__*/ _react.default.forwardRef((props, ref)=>{
+    const { className, inputClassName, isHideAction = false, actionLabel = "Generate", doAction, actionContent, actionProps, isNoChangeAfterAction = false, isWithCopy = true, copyLabel = "Copy", copy, copyIcon, isNoCopyIcon, isCopyIconRight, copyButtonVariant = "dark-outline", disabled, isInputZoneDisabled, isInputDisabled, isLodaing, onChange, value, testId, ...inputProps } = props;
+    const [isLocalLoading, setIsLocalLoading] = (0, _react.useState)(false);
+    const handle = {
+        doAction: async ()=>{
+            setIsLocalLoading(true);
+            const result = await (doAction === null || doAction === void 0 ? void 0 : doAction(value, actionProps));
+            if (!isNoChangeAfterAction) onChange(result);
+            setIsLocalLoading(false);
+            return result;
+        },
+        copy: ()=>{
+            if (typeof copy === "function") copy(value);
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        if (isLocalLoading !== isLodaing) setIsLocalLoading(isLodaing);
+    }, [
+        isLodaing
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(RC, className, {
+            [`${RC}_disabled`]: disabled
+        }),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(`${RC}__input-zone`, {
+                    [`${RC}__input-zone_disabled`]: isInputZoneDisabled,
+                    [`${RC}__input-zone_input-disabled`]: isInputDisabled
+                }),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                        ...inputProps,
+                        testId: `${testId}-input`,
+                        ref: ref,
+                        value: value,
+                        disabled: isInputDisabled,
+                        onChange: onChange,
+                        className: (0, _classnames.default)(`${RC}__input`, inputClassName)
+                    }),
+                    !isHideAction && actionContent,
+                    !isHideAction && !actionContent && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__action-container`),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: (0, _classnames.default)(`${RC}__action-label`),
+                            onClick: ()=>handle.doAction(),
+                            testId: `${testId}-action-label`,
+                            children: actionLabel
+                        })
+                    }),
+                    isLocalLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+                        size: "small"
+                    })
+                ]
+            }),
+            isWithCopy && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                testId: `${testId}-copy-button`,
+                className: `${RC}__coppy-button`,
+                onClick: ()=>handle.copy(),
+                icon: copyIcon,
+                noIcon: isNoCopyIcon,
+                isIconRight: isCopyIconRight,
+                variant: copyButtonVariant,
+                children: copyLabel
+            })
+        ]
+    });
 });
-var _default = exports.default = InputWithAction;
+const _default = InputWithAction;

package/dist/Atomic/FormElements/InputWithAction/InputWithAction.stories.js

@@ -0,0 +1,276 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputWithActionTemplate: function() {
+        return InputWithActionTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _InputWithAction = /*#__PURE__*/ _interop_require_default(require("./InputWithAction"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const _default = {
+    title: 'Form Elements/InputWithAction',
+    component: _InputWithAction.default,
+    argTypes: {
+        className: {
+            description: 'string - classes of component'
+        },
+        inputClassName: {
+            description: 'string - classes of inner component "Input"'
+        },
+        isHideAction: {
+            description: 'boolean - if false then render the action trigger'
+        },
+        actionContent: {
+            description: 'string or JSX or undefined - action trigger content (if isHideAction: false, but actionContent: undefinet then will be rendered actionLabel)'
+        },
+        actionLabel: {
+            description: 'string - action trigger text if actionContent: undefined'
+        },
+        doAction: {
+            description: 'function - action method if actionContent: undefined (await doAction?.(value, actionProps))'
+        },
+        actionProps: {
+            description: 'object - additional properties for doAction method'
+        },
+        isNoChangeAfterAction: {
+            description: 'boolean - if true then after the action, the onChange(actionResult) will not be called'
+        },
+        isWithCopy: {
+            description: 'boolean - if true then render the copy button'
+        },
+        copyLabel: {
+            description: 'text - copy button text, default "Coppy"'
+        },
+        copy: {
+            description: 'function - copy button method, copy(inputValue)'
+        },
+        copyIcon: {
+            description: 'JSX'
+        },
+        isNoCopyIcon: {
+            description: 'bolean - if true then copy icon is not render'
+        },
+        isCopyIconRight: {
+            description: 'bolean - enable position to right for copy icon'
+        },
+        copyButtonVariant: {
+            description: 'sting - see variants for "Button" component'
+        },
+        isLodaing: {
+            description: 'boolean - on|off inner spiner'
+        },
+        disabled: {
+            description: 'boolean'
+        },
+        isInputZoneDisabled: {
+            description: 'boolean'
+        },
+        isInputDisabled: {
+            description: 'boolean'
+        },
+        error: {
+            description: 'text - coloring input if is errored'
+        },
+        isPriceInput: {
+            description: 'boolean - if true, the input will be styled as PriceInput'
+        },
+        withDelete: {
+            description: 'boolean - add clear-cross by hover'
+        },
+        onlyNumbers: {
+            description: 'object - only numbers'
+        },
+        softStringMode: {
+            description: 'boolean - only strings'
+        },
+        hardStringMode: {
+            description: 'boolean - soft or hard validation'
+        },
+        isTwoDigitAfterDot: {
+            description: 'boolean - only two digits after dot'
+        },
+        isFocusDefault: {
+            description: 'boolean - if true, input will be focused on mount'
+        },
+        isCropFirstNool: {
+            description: 'boolean - if true and isPriceInput - true,  crop first 0'
+        },
+        placeholder: {
+            description: 'text'
+        },
+        type: {
+            description: "'text', 'number', 'password', 'color', 'date', 'datetime-local', 'month', 'time', 'email', 'range'",
+            control: {
+                type: 'select',
+                options: [
+                    'text',
+                    'number',
+                    'password',
+                    'color',
+                    'date',
+                    'datetime-local',
+                    'month',
+                    'time',
+                    'email',
+                    'range'
+                ]
+            }
+        },
+        icon: {
+            description: 'JSX'
+        },
+        value: {
+            description: '(* - required prop)'
+        },
+        mask: {
+            description: 'string: force input to masked https://www.npmjs.com/package/react-input-mask'
+        },
+        symbolsLimit: {
+            description: 'Set limit of symbols in input, overhead will be ignored'
+        },
+        onBlur: {
+            description: 'custom callback on blur'
+        },
+        onFocus: {
+            description: 'custom callback on focus'
+        },
+        onKeyUp: {
+            description: 'custom callback on keyup, returns event keyCode'
+        },
+        isNumericMobileKeyboard: {
+            description: 'Enable Mobile Numeric Keyboard',
+            type: 'boolean',
+            default: false
+        }
+    }
+};
+const styles = {
+    with: '200px'
+};
+const doAction = async (value, props)=>{
+    return new Promise((resolve)=>{
+        const { newValue, onChange } = props;
+        setTimeout(()=>{
+            resolve(newValue) //? if isNoChangeAfterAction: false
+            ;
+        //? or
+        // onChange(newValue) //? if actionProps has onChange
+        }, 1000);
+    });
+};
+const copy = (value)=>alert(value);
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputWithAction.default, {
+        ...args,
+        value: value,
+        doAction: doAction,
+        copy: copy,
+        actionProps: {
+            newValue: 'test-test-test',
+            setValue
+        },
+        style: styles,
+        onChange: setValue
+    });
+};
+const InputWithActionTemplate = Template.bind({});
+InputWithActionTemplate.args = {
+    testId: 'test',
+    className: 'test-class-name',
+    inputClassName: 'test-class-name__input',
+    isHideAction: false,
+    // actionContent,
+    // actionLabel: 'Generate',
+    isNoChangeAfterAction: false,
+    isWithCopy: true,
+    // copyLabel: 'Coppy this value',
+    // copy,
+    copyIcon: null,
+    isNoCopyIcon: true,
+    isCopyIconRight: false,
+    // copyButtonVariant: 'primary',
+    disabled: false,
+    isInputZoneDisabled: false,
+    isInputDisabled: false,
+    isLodaing: false,
+    type: 'text',
+    isFocusDefault: false,
+    // onlyNumbers: {type: 'float', decimalPlaces: 2, min: 0, max: 1000, isNoEmptyValues: true},
+    isOnlyString: false,
+    isPriceInput: false,
+    isTwoDigitAfterDot: false,
+    isReadOnly: false,
+    error: '',
+    mask: '',
+    softStringMode: false,
+    withDelete: false,
+    symbolsLimit: 255,
+    placeholder: 'Placeholder',
+    // icon: <User className="mr5" />,
+    isNumericMobileKeyboard: false,
+    isNotValidateASCII: false,
+    isCropFirstNool: false,
+    name: 'test-name',
+    fieldKey: 'test-fieldKey',
+    key: 'test-key',
+    id: 'test-id'
+};