intelicoreact 1.5.32 → 1.5.34

package/dist/src/Atomic/FormElements/SwitcherRadio/SwitcherRadio.stories.js

@@ -0,0 +1,140 @@
+"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, {
+    SwitcherRadioTemplate: function() {
+        return SwitcherRadioTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _SwitcherRadio = /*#__PURE__*/ _interop_require_default(require("./SwitcherRadio"));
+require("./partial/AnyOuterClass.scss");
+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/SwitcherRadio',
+    component: _SwitcherRadio.default,
+    argTypes: {
+        direction: {
+            control: {
+                type: 'select',
+                options: [
+                    'row',
+                    'col'
+                ]
+            }
+        },
+        isHideSwitcher: {
+            description: 'boolean, show/hide switcher',
+            control: {
+                type: 'boolean'
+            }
+        }
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, ...restArgs } = args;
+    const [values, setValues] = (0, _react.useState)({
+        isActive: true,
+        value: ''
+    });
+    const handleChange = (val, prop)=>setValues({
+            ...values,
+            [prop]: val
+        });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherRadio.default, {
+        ...restArgs,
+        isActive: values.isActive,
+        setIsActive: (val)=>handleChange(val, 'isActive'),
+        value: values.value,
+        onChange: (val)=>handleChange(val, 'value'),
+        className: isIncludeOuterStyles ? 'any-outer-class__switcher-radio' : null
+    });
+};
+const SwitcherRadioTemplate = Template.bind({});
+SwitcherRadioTemplate.args = {
+    isHideSwitcher: false,
+    isIncludeOuterStyles: false,
+    label: 'label test',
+    isLabelBold: true,
+    disabled: false,
+    direction: 'col',
+    hint: 'hint',
+    options: [
+        {
+            id: 1,
+            label: 'label1',
+            value: 'label1',
+            name: 'test'
+        },
+        {
+            id: 2,
+            label: 'label2',
+            value: 'label2',
+            name: 'test'
+        },
+        {
+            id: 3,
+            label: 'label3',
+            value: 'label3',
+            name: 'test'
+        }
+    ]
+};

package/dist/src/Atomic/FormElements/SwitcherRange/SwitcherRange.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _RangeInputs = /*#__PURE__*/ _interop_require_default(require("../RangeInputs/RangeInputs"));
+const _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
+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 RC = "switcher-range";
+const SwitcherRange = ({ label, isLabelBold, hint, isActive, setIsActive, value, onChange, isInputsColumn, validateErrors, withZero, isPrice, inputsType })=>{
+    const [error, setError] = (0, _react.useState)("");
+    const rangeValidation = ()=>{
+        if (inputFrom && inputTo && inputFrom > inputTo) {
+            setError("Invalid range");
+        } else {
+            setError("");
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
+        label: label,
+        hint: hint,
+        className: RC,
+        isActive: isActive,
+        onChange: setIsActive,
+        isLabelBold: isLabelBold,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeInputs.default, {
+            className: "switcher-range__range-inputs",
+            type: inputsType,
+            onChange: onChange,
+            value: value,
+            setError: ()=>{},
+            isColumnPosition: isInputsColumn,
+            validateErrors: validateErrors,
+            withZero: withZero,
+            isPrice: isPrice
+        })
+    });
+};
+const _default = SwitcherRange;

package/dist/src/Atomic/FormElements/SwitcherRange/SwitcherRange.scss

@@ -0,0 +1,25 @@
+.switcher-range {
+  height: 56px;
+
+  &__row {
+    display: flex;
+    align-items: center;
+
+    margin-top: 8px;
+  }
+
+  &__input {
+    width: 68px;
+
+    &_first {
+      margin-right: 16px;
+    }
+
+    &-label {
+      margin-right: 16px;
+
+      font-size: 12px;
+      line-height: 24px;
+    }
+  }
+}

package/dist/src/Atomic/FormElements/SwitcherRange/SwitcherRange.stories.js

@@ -0,0 +1,112 @@
+"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, {
+    SwitcherRangeTemplate: function() {
+        return SwitcherRangeTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _SwitcherRange = /*#__PURE__*/ _interop_require_default(require("./SwitcherRange"));
+require("./SwitcherRange.scss");
+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/SwitcherRange',
+    component: _SwitcherRange.default
+};
+const Template = (args)=>{
+    const [isActive, setIsActive] = (0, _react.useState)('');
+    const [state, setState] = (0, _react.useState)(null);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherRange.default, {
+        ...args,
+        isActive: isActive,
+        setIsActive: setIsActive,
+        value: state,
+        onChange: setState
+    });
+};
+const SwitcherRangeTemplate = Template.bind({});
+const getFieldValidator = (from, to)=>{
+    if (!from || !to) {
+        return 'Only numbers >=0 are allowed';
+    } else if (from > 999999 || to > 999999) {
+        return 'You need to set a smaller number';
+    } else if (from < 300) {
+        return {
+            from: 'wrong',
+            to: ''
+        };
+    } else if (to < 1000000) {
+        return {
+            from: '',
+            to: 'wrong'
+        };
+    } else return '';
+};
+SwitcherRangeTemplate.args = {
+    label: 'label blabla',
+    isLabelBold: true,
+    isInputsColumn: false,
+    inputsType: 'int',
+    withZero: false,
+    isPrice: true,
+    validateErrors: getFieldValidator
+};

package/dist/src/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _RangeList = /*#__PURE__*/ _interop_require_default(require("../RangeList/RangeList"));
+const _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
+require("./SwitcherRangeList.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = "switcher-range-list";
+const SwitcherRangeList = (props)=>{
+    const { className, label, isLabelBold, hint, hintSide, disabled, isActive, value, validateErrors, isFloatValues, decimalPlaces, error, defaultErrorText, nullValueText, isOnlyOneRow, setIsActive = ()=>{}, onChange = ()=>{}, testId } = props;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
+        isActive: isActive,
+        onChange: setIsActive,
+        label: label,
+        isLabelBold: isLabelBold,
+        hint: hint,
+        hintSide: hintSide,
+        className: (0, _classnames.default)(RC, className),
+        disabled: disabled,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "switcher-range-list__row",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeList.default, {
+                testId: testId,
+                className: `${RC}__range-list`,
+                value: value,
+                isOnlyOneRow: isOnlyOneRow,
+                onChange: onChange,
+                validateErrors: validateErrors,
+                isFloatValues: isFloatValues,
+                decimalPlaces: decimalPlaces,
+                error: error,
+                defaultErrorText: defaultErrorText,
+                nullValueText: nullValueText
+            })
+        })
+    });
+};
+const _default = SwitcherRangeList;

package/dist/src/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.stories.js

@@ -0,0 +1,145 @@
+"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, {
+    SwitcherRangeListTemplate: function() {
+        return SwitcherRangeListTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _SwitcherRangeList = /*#__PURE__*/ _interop_require_default(require("./SwitcherRangeList"));
+require("./partial/AnyOuterClass.scss");
+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/SwitcherRangeList',
+    component: _SwitcherRangeList.default
+};
+const DEFAULT_STATE = {
+    isActive: true,
+    value: []
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, isAddValidateErrorsForExample, isUseInitialValues, initialValues, ...restArgs } = args;
+    const [state, setState] = (0, _react.useState)(DEFAULT_STATE);
+    const [error, setError] = (0, _react.useState)('');
+    const handleChange = (value, prop)=>{
+        setState({
+            ...state,
+            [prop]: value
+        });
+        setError('');
+    };
+    const validateForExample = (from, to)=>{
+        if (+from < 18) {
+            setError('18 is the minimum allowed value');
+            return false;
+        } else {
+            setError('');
+            return true;
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        if (isUseInitialValues) handleChange(initialValues, 'value');
+        else handleChange([], 'value');
+    }, [
+        isUseInitialValues,
+        restArgs.isFloatValues
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherRangeList.default, {
+        ...restArgs,
+        isActive: state.isActive,
+        setIsActive: (val)=>handleChange(val, 'isActive'),
+        value: state.value,
+        onChange: (val)=>handleChange(val, 'value'),
+        className: isIncludeOuterStyles ? 'any-outer-class__switcher-range-list' : null,
+        validateErrors: isAddValidateErrorsForExample ? validateForExample : null,
+        error: error
+    });
+};
+const SwitcherRangeListTemplate = Template.bind({});
+SwitcherRangeListTemplate.args = {
+    isIncludeOuterStyles: false,
+    isAddValidateErrorsForExample: false,
+    disabled: false,
+    label: 'Test label',
+    isLabelBold: true,
+    hint: null,
+    hintSide: null,
+    isFloatValues: false,
+    decimalPlaces: 2,
+    defaultErrorText: 'Set a valid range',
+    nullValueText: 'Not set',
+    isUseInitialValues: true,
+    initialValues: [
+        {
+            from: 15,
+            to: 17
+        },
+        {
+            from: 19,
+            to: 23
+        },
+        {
+            from: 25,
+            to: 30
+        }
+    ]
+};

package/dist/src/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss

@@ -0,0 +1,37 @@
+@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap';
+
+.any-outer-class__switcher-range-list {
+  .switcher {
+    font-size: 12px;
+    font-style: normal;
+    line-height: 20px;
+
+    color: #1e1e2d;
+  }
+
+  .switcher-range-list__range-list {
+    --border-color: #f4f7f9;
+    --labels-font-size: 12px;
+    --inputs-font-size: 13px;
+    --values-font-size: 13px;
+    --button-text-font-size: 13px;
+    --labels-color: #1e1e2d;
+    --inputs-color: #1e1e2d;
+    --values-color: #1e1e2d;
+    // font-family: 'Palette Mosaic', 'cursive';
+
+    font-family: Roboto, sans-serif;
+
+    .range-list__labels {
+      line-height: 20px;
+    }
+
+    .range-list__inputs {
+      font-weight: 300;
+    }
+
+    .range-list__values {
+      font-weight: 300;
+    }
+  }
+}