intelicoreact 1.5.32 → 1.5.34

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

@@ -0,0 +1,106 @@
+"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, {
+    TextSwitcherTemplate: function() {
+        return TextSwitcherTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("./TextSwitcher"));
+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/TextSwitcher',
+    component: _TextSwitcher.default,
+    argTypes: {
+        disabled: {
+            description: 'boolean'
+        },
+        activeText: {
+            description: 'left text. string'
+        },
+        inactiveText: {
+            description: 'right text. string'
+        },
+        className: {
+            description: 'string'
+        }
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, ...restArgs } = args;
+    const [isActive, setIsActive] = (0, _react.useState)(true);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+        ...restArgs,
+        className: isIncludeOuterStyles ? 'any-outer-class__text-switcher' : null,
+        isActive: isActive,
+        onChange: setIsActive
+    });
+};
+const TextSwitcherTemplate = Template.bind({});
+TextSwitcherTemplate.args = {
+    isIncludeOuterStyles: false,
+    disabled: false,
+    activeText: 'is',
+    inactiveText: 'some long text',
+    className: ''
+};

package/dist/src/Atomic/FormElements/TextSwitcher/TextSwitcher.test.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("./TextSwitcher"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+describe('textSwitcher Component', ()=>{
+    it('renders with active text when isActive is true', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+            isActive: true,
+            onChange: ()=>{},
+            activeText: "is",
+            inactiveText: "is not"
+        }));
+        expect(_react.screen.getByText('is')).toBeInTheDocument();
+    });
+    it('renders with inactive text when isActive is false', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+            isActive: false,
+            onChange: ()=>{},
+            activeText: "is",
+            inactiveText: "is not"
+        }));
+        expect(_react.screen.getByText('is not')).toBeInTheDocument();
+    });
+    it('does not render inactive text when isActive is true and inactiveText is not provided', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+            isActive: true,
+            onChange: ()=>{},
+            activeText: "is",
+            inactiveText: ""
+        }));
+        expect(_react.screen.queryByText('is not')).not.toBeInTheDocument();
+    });
+    it('calls onChange when clicked', ()=>{
+        const onChangeMock = jest.fn();
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+            isActive: true,
+            onChange: onChangeMock,
+            activeText: "is",
+            inactiveText: "is not"
+        }));
+        _react.fireEvent.click(_react.screen.getByTestId('text-switcher'));
+        expect(onChangeMock).toHaveBeenCalledWith(false);
+    });
+    it('applies disabled class when disabled is true', ()=>{
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+            isActive: true,
+            onChange: ()=>{},
+            disabled: true,
+            activeText: "is",
+            inactiveText: "is not"
+        }));
+        expect(container.firstChild).toHaveClass('text-switcher_disabled');
+    });
+    it('does not trigger onChange when disabled is true', ()=>{
+        const onChangeMock = jest.fn();
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+            isActive: true,
+            onChange: onChangeMock,
+            disabled: true,
+            activeText: "is",
+            inactiveText: "is not"
+        }));
+        _react.fireEvent.click(_react.screen.getByTestId('text-switcher'));
+        expect(onChangeMock).not.toHaveBeenCalled();
+    });
+    it('applies active class when isActive is true', ()=>{
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+            isActive: true,
+            onChange: ()=>{},
+            activeText: "is",
+            inactiveText: "is not"
+        }));
+        expect(container.firstChild).toHaveClass('text-switcher_active');
+    });
+    it('applies inactive class when isActive is false', ()=>{
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+            isActive: false,
+            onChange: ()=>{},
+            activeText: "is",
+            inactiveText: "is not"
+        }));
+        expect(container.firstChild).not.toHaveClass('text-switcher_active');
+    });
+});

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

@@ -0,0 +1,109 @@
+"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+require("./Textarea.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;
+}
+const RC = "textarea";
+const Textarea = /*#__PURE__*/ (0, _react.forwardRef)(({ id, value, onChange, onFocus, onBlur, placeholder, disabled, className, isNotValidateASCII = false, testId = RC, withAutoGrow, onKeyDown = ()=>{} }, ref)=>{
+    const internalRef = (0, _react.useRef)();
+    const textareaRef = ref || internalRef;
+    const handle = {
+        change: (val)=>{
+            let inputValue = val;
+            if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+            onChange(inputValue);
+        },
+        focus: (e)=>{
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+        },
+        blur: (e)=>{
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+        }
+    };
+    const autoGrow = (el)=>{
+        el.style.height = "5px";
+        el.style.height = el.scrollHeight + "px";
+    };
+    (0, _react.useEffect)(()=>{
+        if (withAutoGrow) {
+            autoGrow(textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current);
+        }
+    }, [
+        value,
+        withAutoGrow
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(`${RC}`, className),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("textarea", {
+            id: id !== null && id !== void 0 ? id : Math.random().toString(16).slice(2),
+            "data-testid": `${testId}-textarea`,
+            className: `${RC}__textarea`,
+            value: value,
+            onChange: (e)=>handle.change(e.target.value),
+            placeholder: placeholder,
+            disabled: disabled,
+            onKeyDown: onKeyDown,
+            ref: textareaRef,
+            onFocus: handle.focus,
+            onBlur: handle.blur
+        })
+    });
+});
+const _default = Textarea;

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

@@ -0,0 +1,36 @@
+@use '../../../scss/vars';
+@use '../../../scss/mixins';
+
+.textarea {
+  &__textarea {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 223px;
+    min-height: 99px;
+    padding: 5px 9px;
+
+    font-family: Roboto, sans-serif;
+    font-size: 12px;
+    font-weight: 400;
+    resize: none;
+
+    border: 1px solid #e2e5ec;
+    outline: none;
+    background-color: #fff;
+
+    @include mixins.custom-scroll2;
+
+    &:focus {
+      border-color: vars.$color--primary;
+      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
+    }
+
+    &:disabled {
+      pointer-events: none;
+
+      opacity: 0.5;
+      border-color: #a6acb1;
+      background: #f7f8fa;
+    }
+  }
+}

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

@@ -0,0 +1,103 @@
+"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, {
+    TextareaTemplate: function() {
+        return TextareaTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Textarea = /*#__PURE__*/ _interop_require_default(require("./Textarea"));
+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/Textarea',
+    component: _Textarea.default
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)('');
+    const handleFocus = (e)=>console.log('Focused', e.target.tagName.toLowerCase() === 'textarea');
+    const handleBlur = (e)=>console.log('Blured', e.target.tagName.toLowerCase() === 'textarea');
+    const areaRef = (0, _react.useRef)();
+    (0, _react.useEffect)(()=>{
+        if (areaRef.current) {
+            const isFocused = areaRef.current === document.activeElement;
+            console.log("Textarea is focused:", isFocused);
+        }
+    }, [
+        areaRef.current,
+        document.activeElement
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Textarea.default, {
+        ...args,
+        value: value,
+        ref: areaRef,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onChange: setValue
+    });
+};
+const TextareaTemplate = Template.bind({});
+TextareaTemplate.args = {
+    disabled: false,
+    placeholder: 'Placeholder',
+    className: 'any-class',
+    isNotValidateASCII: false
+};

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

@@ -0,0 +1,182 @@
+"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _utils = require("../../../Functions/utils");
+const _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../CheckboxInput/CheckboxInput"));
+const _AccordionWithCheckbox = /*#__PURE__*/ _interop_require_default(require("./partial/AccordionWithCheckbox"));
+require("./TieredCheckboxes.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;
+}
+const RC = "tiered-checkboxes";
+const TieredCheckboxes = ({ items = {}, className, onChange, isUseParentsClassesAsDataset, isUseAccordionForGroup, accordionIcons, isOnlyOne = false, sortGroups = false, sortGroupItems = false })=>{
+    const handle = {
+        changeParent: (value, key, prop)=>{
+            const parent = items.find((item)=>item.key === key);
+            if (prop) parent[prop] = value;
+            else parent.value = value;
+            if (!prop) {
+                if (value) parent.children.filter(({ disabled })=>!disabled).forEach((item)=>item.value = true);
+                else parent.children.filter(({ disabled })=>!disabled).forEach((item)=>item.value = false);
+            }
+            onChange([
+                ...items
+            ]);
+        },
+        changeChild: (value, key, parentKey)=>{
+            if (isOnlyOne) {
+                const parent = items.find((item)=>item.key === parentKey);
+                parent.children.find((item)=>item.key === key).value = value;
+                parent.children.map((item)=>{
+                    if (item.key !== key && value === true) {
+                        item.disabled = true;
+                        parent.disabled = true;
+                    } else if (item.key !== key && value === false) {
+                        item.disabled = false;
+                        parent.disabled = false;
+                    } else item.disabled = false;
+                    return item;
+                });
+                parent.disabled = true;
+            } else {
+                const parent = items.find((item)=>item.key === parentKey);
+                parent.children.find((item)=>item.key === key).value = value;
+                if (parent.children.every((item)=>item.value)) parent.value = true;
+                else parent.value = false;
+            }
+            onChange([
+                ...items
+            ]);
+        },
+        isAllChecked: (item)=>{
+            return (item === null || item === void 0 ? void 0 : item.children.some((item)=>item.value)) && !(item === null || item === void 0 ? void 0 : item.children.every((item)=>item.value));
+        }
+    };
+    const preparedItems = (0, _react.useMemo)(()=>{
+        let newItems = [
+            ...items
+        ];
+        if (sortGroups) {
+            newItems = newItems === null || newItems === void 0 ? void 0 : newItems.sort(_utils.compareAlphabetical);
+        }
+        if (sortGroupItems) {
+            newItems = newItems === null || newItems === void 0 ? void 0 : newItems.map((parent)=>{
+                if (parent === null || parent === void 0 ? void 0 : parent.children) {
+                    var _parent_children;
+                    parent.children = parent === null || parent === void 0 ? void 0 : (_parent_children = parent.children) === null || _parent_children === void 0 ? void 0 : _parent_children.sort(_utils.compareAlphabetical);
+                }
+                return parent;
+            });
+        }
+        return newItems;
+    }, [
+        items
+    ]);
+    const renderInner = (parent)=>{
+        return parent.children && parent.children.map((child)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `${RC}__children`,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                    testId: child.key,
+                    label: child.label,
+                    value: child.value,
+                    disabled: child === null || child === void 0 ? void 0 : child.disabled,
+                    onChange: (value)=>handle.changeChild(value, child.key, parent.key)
+                })
+            }, child.key));
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(RC, className),
+        children: preparedItems.map((parent)=>{
+            const datasetProp = isUseParentsClassesAsDataset && (parent === null || parent === void 0 ? void 0 : parent.className) ? {
+                "data-key": parent === null || parent === void 0 ? void 0 : parent.className
+            } : {};
+            if (isUseAccordionForGroup) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionWithCheckbox.default, {
+                    RC: RC,
+                    parent: parent,
+                    datasetProp: datasetProp,
+                    isUseParentsClassesAsDataset: isUseParentsClassesAsDataset,
+                    className: `${RC}__mono-accordion`,
+                    setIsOpen: ()=>handle.changeParent(!parent.isOpen, parent.key, "isOpen"),
+                    onChange: (value)=>handle.changeParent(value, parent.key),
+                    icon: !parent.isOpen ? (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[0]) || null : (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[1]) || null,
+                    children: renderInner(parent)
+                }, parent.key);
+            }
+            return /*#__PURE__*/ (0, _react.createElement)("div", {
+                ...datasetProp,
+                key: parent.key,
+                className: (0, _classnames.default)(`${RC}__parents`, {
+                    [`${parent.className}`]: !isUseParentsClassesAsDataset
+                }),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                        isStark: handle.isAllChecked(parent),
+                        label: parent.label,
+                        value: parent.value,
+                        onChange: (value)=>handle.changeParent(value, parent.key),
+                        disabled: parent.children.every(({ disabled })=>disabled === true) || parent.disabled
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__parent__children`),
+                        children: renderInner(parent)
+                    })
+                ]
+            });
+        })
+    });
+};
+const _default = TieredCheckboxes;