intelicoreact 1.5.33 → 1.5.35

package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.scss

@@ -1,4 +1,4 @@
-@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";
+@import 'https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap';
 
 $triggerHeight: 20px;
 $triggerWidth: 20px;
@@ -108,7 +108,7 @@ $lineHeight: 4px;
             width: 2px;
             height: 100%;
 
-            content: "";
+            content: '';
 
             background: #ffffff66;
           }
@@ -121,7 +121,7 @@ $lineHeight: 4px;
           position: absolute;
           bottom: 0;
 
-          font-family: "Roboto";
+          font-family: 'Roboto';
           font-size: 13px;
           font-weight: 400;
           font-style: normal;
@@ -212,7 +212,7 @@ $lineHeight: 4px;
               position: absolute;
               top: calc(-100% - 13px);
 
-              font-family: "Roboto";
+              font-family: 'Roboto';
               font-size: 13px;
               font-weight: 400;
               font-style: normal;
@@ -273,7 +273,7 @@ $lineHeight: 4px;
                 border-radius: 3px;
                 background: #f4f6ff;
 
-                &[attr-is-active="true"] {
+                &[attr-is-active='true'] {
                   border: 1px solid #6b81dd;
                   border-radius: 3px;
                   background: #e2e6f8;
@@ -365,7 +365,7 @@ $lineHeight: 4px;
 
               width: fit-content;
 
-              font-family: "Roboto";
+              font-family: 'Roboto';
               font-size: 13px;
               font-weight: 400;
               font-style: normal;
@@ -386,7 +386,7 @@ $lineHeight: 4px;
               width: 50%;
               height: 50%;
 
-              content: "";
+              content: '';
 
               border-radius: 50%;
               background: #e2e6f8;
@@ -446,7 +446,7 @@ $lineHeight: 4px;
 
               transition: margin 0.5s;
 
-              &[is-hidden="true"] {
+              &[is-hidden='true'] {
                 margin-top: -20px !important;
               }
 
@@ -510,7 +510,7 @@ $lineHeight: 4px;
     }
   }
 
-  &:hover [class*="add-trigger"] {
+  &:hover [class*='add-trigger'] {
     opacity: 1;
   }
 }

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

@@ -0,0 +1,314 @@
+"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, {
+    RangeSliderTemplate: function() {
+        return RangeSliderTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _RangeSlider2 = /*#__PURE__*/ _interop_require_default(require("./RangeSlider2"));
+require("./RangeSlider.stories.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/RangeSlider2',
+    component: _RangeSlider2.default,
+    argTypes: {
+        min: {
+            name: 'min',
+            type: {
+                name: 'number',
+                required: true
+            },
+            description: 'Minimal value of Range',
+            table: {
+                type: {
+                    summary: 'number'
+                },
+                defaultValue: {
+                    summary: 0
+                }
+            },
+            control: {
+                type: 'number'
+            }
+        },
+        max: {
+            name: 'max',
+            type: {
+                name: 'number',
+                required: true
+            },
+            description: 'Maximal value of Range',
+            table: {
+                type: {
+                    summary: 'number'
+                },
+                defaultValue: {
+                    summary: 100
+                }
+            },
+            control: {
+                type: 'number'
+            }
+        },
+        minRange: {
+            name: 'minRange',
+            type: {
+                name: 'number',
+                required: false
+            },
+            description: 'Minimal Range',
+            table: {
+                type: {
+                    summary: 'number'
+                },
+                defaultValue: {
+                    summary: 0
+                }
+            },
+            control: {
+                type: 'number'
+            }
+        },
+        precision: {
+            name: 'precision',
+            type: {
+                name: 'number',
+                required: false
+            },
+            description: 'Number of Symbols After Comma',
+            table: {
+                type: {
+                    summary: 'number'
+                },
+                defaultValue: {
+                    summary: 0
+                }
+            },
+            control: {
+                type: 'number'
+            }
+        },
+        value: {
+            name: 'value',
+            type: {
+                name: 'object',
+                required: false
+            },
+            description: 'Incoming Value',
+            defaultValue: {
+                from: 0,
+                to: 100
+            },
+            table: {
+                type: {
+                    summary: 'object'
+                },
+                defaultValue: {
+                    summary: JSON.stringify({
+                        from: 0,
+                        to: 100
+                    }, null, 2)
+                }
+            },
+            control: {
+                type: 'object',
+                value: {
+                    from: 0,
+                    to: 100
+                }
+            }
+        },
+        unit: {
+            name: 'unit',
+            type: {
+                name: 'string',
+                required: false
+            },
+            description: 'Unit for RangeSlider Values',
+            table: {
+                type: {
+                    summary: 'string'
+                },
+                defaultValue: {
+                    summary: ''
+                }
+            },
+            control: {
+                type: 'text'
+            }
+        },
+        label: {
+            name: 'label',
+            type: {
+                name: 'string',
+                required: true
+            },
+            description: 'Label Text for RangeSlider',
+            table: {
+                type: {
+                    summary: 'string'
+                },
+                defaultValue: {
+                    summary: 'Label'
+                }
+            },
+            control: {
+                type: 'text'
+            }
+        },
+        onChange: {
+            name: 'onChange',
+            type: {
+                name: 'function',
+                required: false
+            },
+            description: 'Callback function for onChange Event',
+            table: {
+                type: {
+                    summary: 'function'
+                },
+                defaultValue: {
+                    summary: `({from, to}) => {}`
+                }
+            },
+            control: {
+                type: 'function'
+            }
+        }
+    }
+};
+const Template = (args)=>{
+    args = {
+        0: {
+            ...args
+        },
+        1: {
+            min: 5,
+            max: 18.9,
+            label: 'APR range',
+            unit: '%',
+            minRange: 1,
+            precision: 1
+        },
+        2: {
+            min: 0,
+            max: 10,
+            label: 'Merchant Fee range',
+            unit: '%',
+            minRange: 1,
+            precision: 2
+        }
+    };
+    const [ranges, setRanges] = (0, _react.useState)([]);
+    const [triggers, setTriggers] = (0, _react.useState)([]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        style: {
+            marginTop: '64px'
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeSlider2.default, {
+                minRange: 5,
+                onChange: (ranges, triggers)=>{
+                    setRanges(ranges);
+                    setTriggers(triggers);
+                }
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "desc",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("code", {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                                children: "Triggers:"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                children: JSON.stringify(triggers, null, 2)
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("code", {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                                children: "Ranges:"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                children: JSON.stringify(ranges, null, 2)
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+const RangeSliderTemplate = Template.bind({});
+RangeSliderTemplate.args = {
+    min: 0,
+    max: 15000,
+    rangeSymbol: '$',
+    label: 'Period range (months)',
+    minRange: 6,
+    precision: 0,
+    noLabel: false,
+    required: true,
+    noTrack: false
+};

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js

@@ -1,37 +1,42 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _Switcher = /*#__PURE__*/ _interop_require_default(require("../Switcher/Switcher"));
 require("./SwitchableRow.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const RC_default = "switchable-row";
-const SwitchableRow = props => {
-  const {
-    RC = RC_default,
-    className,
-    children,
-    isActive,
-    setIsActive,
-    switcherLabel,
-    isSwitcherLabelBold,
-    testId = RC_default
-  } = props || {};
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className),
-    "data-testid": testId
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__cell"))
-  }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
-    isActive: isActive,
-    onChange: setIsActive,
-    isLabelBold: isSwitcherLabelBold,
-    label: switcherLabel,
-    "data-testid": "".concat(testId, "-switcher")
-  })), children);
+const SwitchableRow = (props)=>{
+    const { RC = RC_default, className, children, isActive, setIsActive, switcherLabel, isSwitcherLabelBold, testId = RC_default } = props || {};
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(RC, className),
+        "data-testid": testId,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__cell`),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
+                    isActive: isActive,
+                    onChange: setIsActive,
+                    isLabelBold: isSwitcherLabelBold,
+                    label: switcherLabel,
+                    "data-testid": `${testId}-switcher`
+                })
+            }),
+            children
+        ]
+    });
 };
-var _default = exports.default = SwitchableRow;
+const _default = SwitchableRow;

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss

@@ -1,5 +1,3 @@
-@import "../../../scss/vars";
-
 .switchable-row {
   display: flex;
   flex-flow: row nowrap;

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

@@ -0,0 +1,137 @@
+"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, {
+    SwitchableRowTemplate: function() {
+        return SwitchableRowTemplate;
+    },
+    default: 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 _SwitchableRow = /*#__PURE__*/ _interop_require_default(require("./SwitchableRow"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+require("./partial/AnyOuterClass.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/SwitchableRow',
+    component: _SwitchableRow.default
+};
+const RC = 'switchable-row';
+const Template = (args)=>{
+    const { isIncludeOuterStyles, ...restArgs } = args;
+    const [values, setValues] = (0, _react.useState)({
+        key1: 0,
+        key2: 0,
+        key3: 0
+    });
+    const [isActive, setIsActive] = (0, _react.useState)({});
+    const handle = {
+        change: (newValue, propKey)=>{
+            setValues((state)=>({
+                    ...state,
+                    [propKey]: newValue
+                }));
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_SwitchableRow.default, {
+        ...restArgs,
+        RC: RC,
+        className: isIncludeOuterStyles ? 'any-outer-class__switchable-row' : null,
+        isActive: isActive,
+        setIsActive: setIsActive,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__cell`, {
+                    [`${RC}__cell_disabled`]: !isActive
+                }),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    value: values.key1,
+                    onChange: (value)=>handle.change(value, 'key1'),
+                    disabled: !isActive
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__cell`, {
+                    [`${RC}__cell_disabled`]: !isActive
+                }),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    value: values.key2,
+                    onChange: (value)=>handle.change(value, 'key2'),
+                    disabled: !isActive
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__cell`, {
+                    [`${RC}__cell_disabled`]: !isActive
+                }),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    value: values.key3,
+                    onChange: (value)=>handle.change(value, 'key3'),
+                    disabled: !isActive
+                })
+            })
+        ]
+    });
+};
+const SwitchableRowTemplate = Template.bind({});
+SwitchableRowTemplate.args = {
+    isIncludeOuterStyles: false,
+    switcherLabel: 'TestLabel'
+};

package/dist/Atomic/FormElements/SwitchableRow/partial/AnyOuterClass.scss

@@ -1,4 +1,4 @@
-@import "https://fonts.googleapis.com/css2?family=Sarabun&display=swap";
+@import 'https://fonts.googleapis.com/css2?family=Sarabun&display=swap';
 
 .any-outer-class__switchable-row {
   height: 40px;