intelicoreact 1.5.41 → 1.6.0

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

@@ -0,0 +1,184 @@
+"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, {
+    NumericInputTemplate: function() {
+        return NumericInputTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _NumericInput = /*#__PURE__*/ _interop_require_default(require("./NumericInput"));
+require("../../../../../scss/main.scss");
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/NumericInput',
+    component: _NumericInput.default,
+    argTypes: {
+        disabled: {
+            description: 'boolean'
+        },
+        isFocusDefault: {
+            description: 'boolean - if true, input will be focused on mount'
+        },
+        isInitialFocus: {
+            description: 'boolean - if true, the input will be focused on mount'
+        },
+        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'
+        },
+        numStep: {
+            description: 'number/text - plus/minus buttons factor (default: 1)'
+        },
+        min: {
+            description: 'number/text - minimal number for numeric input'
+        },
+        max: {
+            description: 'number/text - maximal number for numeric input'
+        },
+        placeholder: {
+            description: 'text'
+        },
+        icon: {
+            description: 'JSX'
+        },
+        value: {
+            description: '(* - required prop)'
+        },
+        className: {
+            description: 'string'
+        },
+        onBlur: {
+            description: 'custom callback on blur'
+        },
+        onFocus: {
+            description: 'custom callback on focus'
+        },
+        onKeyUp: {
+            description: 'custom callback on keyup, returns event keyCode'
+        },
+        testId: {
+            description: 'string'
+        },
+        onlyNumbers: {
+            description: 'object - {type: "int" || "float", decimalPlaces: number}'
+        },
+        attributesOfNativeInput: {
+            description: 'Object. Optional. This is list of attributes to add in native input'
+        }
+    }
+};
+const buttonStyles = {
+    border: 'solid 1px #000',
+    padding: '5px',
+    margin: '20px 0'
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_NumericInput.default, {
+                ...args,
+                value: value,
+                onChange: setValue
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                style: buttonStyles,
+                onClick: ()=>{
+                    // setIsDisabled(true);
+                    setTimeout(()=>{
+                        setValue('500');
+                    // setIsDisabled(false);
+                    }, 1000);
+                },
+                children: "start timeout"
+            })
+        ]
+    });
+};
+const NumericInputTemplate = Template.bind({});
+NumericInputTemplate.args = {
+    className: 'test-class',
+    testId: 'test-id',
+    disabled: false,
+    isLoading: false,
+    isFocusDefault: false,
+    error: '',
+    isPriceInput: false,
+    mask: '',
+    withDelete: true,
+    isNumeric: false,
+    numStep: 100,
+    // min: '0',
+    max: '15000',
+    symbolsLimit: 6,
+    placeholder: 'Placeholder',
+    isNotRenderButtons: false,
+    // icon: <User />
+    onlyNumbers: {
+        type: 'float',
+        decimalPlaces: 2
+    }
+};

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js

@@ -1,59 +1,101 @@
 "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 _RadioInput = _interopRequireDefault(require("../RadioInput/RadioInput"));
+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 _RadioInput = /*#__PURE__*/ _interop_require_default(require("../RadioInput/RadioInput"));
 require("./RadioGroup.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 RadioGroup = _ref => {
-  let {
-    className,
-    disabled,
-    value,
-    onChange = () => {},
-    direction = "row",
-    options = []
-  } = _ref;
-  const [values, setValues] = (0, _react.useState)(options);
-  (0, _react.useLayoutEffect)(() => setValues(options.map(item => item.value === value ? {
-    ...item,
-    checked: value
-  } : item)), [options, value]);
-  const handle = {
-    change: value => {
-      const newValues = values.map(item => {
-        if (item.value === value) {
-          return {
-            ...item,
-            checked: 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 {
-          id: item.id,
-          label: item.label,
-          value: item.value
+            default: obj
         };
-      });
-      setValues(newValues);
-      onChange(value);
     }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("radio-group", className, `radio-group--${direction}`, {
-      "radio-group--disabled": disabled
-    })
-  }, values.map(item => /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({
-    key: item.id
-  }, item, {
-    onChange: handle.change,
-    checked: item.checked
-  }))));
+    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 RadioGroup = ({ className, disabled, value, onChange = ()=>{}, direction = "row", options = [] })=>{
+    const [values, setValues] = (0, _react.useState)(options);
+    (0, _react.useLayoutEffect)(()=>setValues(options.map((item)=>item.value === value ? {
+                ...item,
+                checked: value
+            } : item)), [
+        options,
+        value
+    ]);
+    const handle = {
+        change: (value)=>{
+            const newValues = values.map((item)=>{
+                if (item.value === value) {
+                    return {
+                        ...item,
+                        checked: value
+                    };
+                }
+                return {
+                    id: item.id,
+                    label: item.label,
+                    value: item.value
+                };
+            });
+            setValues(newValues);
+            onChange(value);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)("radio-group", className, `radio-group--${direction}`, {
+            "radio-group--disabled": disabled
+        }),
+        children: values.map((item)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioInput.default, {
+                ...item,
+                onChange: handle.change,
+                checked: item.checked
+            }, item.id))
+    });
 };
-var _default = exports.default = RadioGroup;
+const _default = RadioGroup;

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

@@ -0,0 +1,79 @@
+"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, {
+    RadioGroupTemplate: function() {
+        return RadioGroupTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _RadioGroup = /*#__PURE__*/ _interop_require_default(require("./RadioGroup"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+global.lng = "en";
+const _default = {
+    title: "Form Elements/RadioGroup",
+    component: _RadioGroup.default,
+    argTypes: {
+        direction: {
+            control: {
+                type: "select",
+                options: [
+                    "row",
+                    "col"
+                ]
+            }
+        }
+    }
+};
+const Template = (args)=>{
+    const { direction, options, className, disabled, value } = args;
+    const onChange = (val)=>console.log(val);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioGroup.default, {
+        disabled: disabled,
+        className: className,
+        direction: direction,
+        options: options,
+        onChange: (val)=>onChange(val),
+        value: value
+    });
+};
+const RadioGroupTemplate = Template.bind({});
+RadioGroupTemplate.args = {
+    direction: "col",
+    className: "",
+    disabled: false,
+    value: "label2",
+    options: [
+        {
+            id: 1,
+            label: "Label1",
+            value: "label1"
+        },
+        {
+            id: 2,
+            label: "Label2",
+            value: "label2"
+        },
+        {
+            id: 3,
+            label: "Label3",
+            value: "label3"
+        }
+    ]
+};

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js

@@ -1,60 +1,74 @@
 "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 = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _FormElement = _interopRequireDefault(require("../../../Molecular/FormElement/FormElement"));
-var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
-var _Input = _interopRequireDefault(require("./../Input/Input"));
-var _RadioInput = _interopRequireDefault(require("./../RadioInput/RadioInput"));
-require("./RadioGroupWithInput.scss");
-const RadioGroupWithInput = _ref => {
-  let {
-    alert,
-    className,
-    disabled,
-    onChange = () => {},
-    direction = "row",
-    options = []
-  } = _ref;
-  const handle = {
-    changeRadio: (value, el) => {
-      const newOptions = options.map(item => {
-        return {
-          ...item,
-          checked: el.value === item.value ? item.value : false
-        };
-      });
-      onChange(newOptions);
-    },
-    changeInput: (value, el) => {
-      el.input.value = value;
-      onChange(options);
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "radio-group-input-box"
-  }, alert && /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-    className: "mb10"
-  }, alert)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("radio-group-input", className, `radio-group-input--${direction}`, {
-      "radio-group-input--disabled": disabled
-    })
-  }, options?.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: item.id,
-      className: (0, _classnames.default)("radio-group-input-item", `radio-group-input-item-${item.id}`)
-    }, /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, item, {
-      onChange: value => handle.changeRadio(value, item),
-      checked: item.checked
-    })), item.input && item.checked && /*#__PURE__*/_react.default.createElement(_FormElement.default, item.input, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
-      onChange: value => handle.changeInput(value, item)
-    }, item.input))));
-  })));
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _FormElement = /*#__PURE__*/ _interop_require_default(require("../../../Molecular/FormElement/FormElement"));
+const _Alert = /*#__PURE__*/ _interop_require_default(require("../../UI/Alert/Alert"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("./../Input/Input"));
+const _RadioInput = /*#__PURE__*/ _interop_require_default(require("./../RadioInput/RadioInput"));
+require("./RadioGroupWithInput.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RadioGroupWithInput = ({ alert, className, disabled, onChange = ()=>{}, direction = "row", options = [] })=>{
+    const handle = {
+        changeRadio: (value, el)=>{
+            const newOptions = options.map((item)=>{
+                return {
+                    ...item,
+                    checked: el.value === item.value ? item.value : false
+                };
+            });
+            onChange(newOptions);
+        },
+        changeInput: (value, el)=>{
+            el.input.value = value;
+            onChange(options);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "radio-group-input-box",
+        children: [
+            alert && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                className: "mb10",
+                ...alert
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)("radio-group-input", className, `radio-group-input--${direction}`, {
+                    "radio-group-input--disabled": disabled
+                }),
+                children: options === null || options === void 0 ? void 0 : options.map((item)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _classnames.default)("radio-group-input-item", `radio-group-input-item-${item.id}`),
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioInput.default, {
+                                ...item,
+                                onChange: (value)=>handle.changeRadio(value, item),
+                                checked: item.checked
+                            }),
+                            item.input && item.checked && /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormElement.default, {
+                                ...item.input,
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                                    onChange: (value)=>handle.changeInput(value, item),
+                                    ...item.input
+                                })
+                            })
+                        ]
+                    }, item.id);
+                })
+            })
+        ]
+    });
 };
-var _default = exports.default = RadioGroupWithInput;
+const _default = RadioGroupWithInput;