intelicoreact 1.5.32 → 1.5.34

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

@@ -0,0 +1,179 @@
+"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 _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
+const _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
+const _TagsDropdown = /*#__PURE__*/ _interop_require_default(require("../TagsDropdown/TagsDropdown"));
+const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("../TextSwitcher/TextSwitcher"));
+const _Textarea = /*#__PURE__*/ _interop_require_default(require("../Textarea/Textarea"));
+require("./SwitcherTagsDropdown.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 = "switcher-tags-dropdown";
+const SwitcherTagsDropdown = ({ className, label, isLabelBold, isValuesInTags, isActive, isIncluded, isAdvancedLabelSearch, disabled, options = [], chosenOptions = [], setIsActive = ()=>{}, setIsIncluded = ()=>{}, onChange = ()=>{} })=>{
+    const [listView, setListView] = (0, _react.useState)(false);
+    const [textValue, setTextValue] = (0, _react.useState)();
+    const singleLevelOptions = (0, _react.useMemo)(()=>options.reduce((acc, item)=>[
+                ...acc,
+                ...item.groupName ? item.list : [
+                    item
+                ]
+            ], []), [
+        options
+    ]);
+    const apply = ()=>{
+        var _textValue_split;
+        // вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr
+        // (по логике listValuesArr - массив полученный из строки textaria).
+        const getFilterFunction = (listValuesArr)=>(item)=>{
+                return listValuesArr.find((el)=>{
+                    const itemValue = item === null || item === void 0 ? void 0 : item.value.toString().toLowerCase();
+                    const itemLabel = (item.title || item.label || item.name || item.value).toString().toLowerCase();
+                    const chosenOption = el.toString().toLowerCase();
+                    const isChosenOptionIncludedInLabel = itemLabel.includes(chosenOption) && !chosenOptions.includes(item.value);
+                    if (isValuesInTags) return (chosenOption === itemValue || chosenOption === itemLabel) && !item.disabled;
+                    else if (isAdvancedLabelSearch) return (chosenOption === itemLabel || chosenOption === itemValue || isChosenOptionIncludedInLabel) && !item.disabled;
+                    else return (chosenOption === itemLabel || chosenOption === itemValue) && !item.disabled;
+                });
+            };
+        const textToArray = textValue === null || textValue === void 0 ? void 0 : (_textValue_split = textValue.split) === null || _textValue_split === void 0 ? void 0 : _textValue_split.call(textValue, ",").map((item)=>item.toString().trim()).filter((item)=>Boolean(item));
+        const newOptions = options.filter(getFilterFunction(textToArray)).map((option)=>option.value);
+        onChange(newOptions, "chosenOptions");
+        setListView(false);
+    };
+    const enterHandler = (e, value)=>{
+        if (e.keyCode === 13) {
+            const option = options === null || options === void 0 ? void 0 : options.find((item)=>{
+                var _item_title;
+                return (item === null || item === void 0 ? void 0 : (_item_title = item.title) === null || _item_title === void 0 ? void 0 : _item_title.toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toLowerCase()) && !item.disabled;
+            });
+            const isOptionChecked = chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.some((item)=>{
+                var _item_title, _option_title;
+                return (item === null || item === void 0 ? void 0 : (_item_title = item.title) === null || _item_title === void 0 ? void 0 : _item_title.toLowerCase()) === (option === null || option === void 0 ? void 0 : (_option_title = option.title) === null || _option_title === void 0 ? void 0 : _option_title.toLowerCase());
+            });
+            if (option && !isOptionChecked) onChange([
+                ...chosenOptions,
+                option
+            ], "chosenOptions");
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        const getLabel = (el)=>el.title || el.label || el.name || el.value;
+        const valuesArr = chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map((item)=>isValuesInTags ? item : getLabel(singleLevelOptions.find((option)=>option.value === item)));
+        setTextValue(valuesArr.join(", "));
+    }, [
+        chosenOptions,
+        listView
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_SwitcherHide.default, {
+        isActive: isActive,
+        onChange: setIsActive,
+        label: label,
+        className: (0, _classnames.default)(RC, className),
+        isLabelBold: isLabelBold,
+        disabled: disabled,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: `${RC}__wrap switcher-hide__content`,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+                        activeText: "is",
+                        inactiveText: "is not",
+                        isActive: isIncluded !== null && isIncluded !== void 0 ? isIncluded : true,
+                        onChange: setIsIncluded,
+                        className: `${RC}__text-switcher`
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "filter-select__wrap--buttons",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                                onClick: ()=>setListView(!listView),
+                                className: `${RC}__btn`,
+                                children: listView ? "Close" : "List view"
+                            }),
+                            listView && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                                label: "Apply",
+                                className: `${RC}__apply`,
+                                onClick: ()=>apply()
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                                onClick: ()=>onChange([], "chosenOptions"),
+                                className: `${RC}__btn`,
+                                children: "Clear"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            listView ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Textarea.default, {
+                value: textValue,
+                onChange: (value)=>setTextValue(value)
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
+                options: options,
+                chosenOptions: chosenOptions,
+                onChange: onChange,
+                className: `${RC}__tags-dropdown`,
+                onKeyPress: (e, value)=>enterHandler(e, value),
+                tagClassname: (0, _classnames.default)(`${RC}__tag`, {
+                    [`${RC}__tag_inactive`]: !isIncluded
+                }),
+                isValuesInTags: isValuesInTags
+            })
+        ]
+    });
+};
+const _default = SwitcherTagsDropdown;

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

@@ -0,0 +1,47 @@
+@use '../../../scss/_vars';
+
+.switcher-tags-dropdown {
+  &__wrap {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__btn {
+    font-size: 12px;
+    cursor: pointer;
+
+    color: vars.$color--primary;
+
+    &:not(:last-child) {
+      margin-right: 8px;
+    }
+  }
+
+  &__tags-dropdown {
+    width: 100%;
+
+    .tags-dropdown__trigger {
+      position: static;
+    }
+
+    .switcher-tags-dropdown__tag {
+      background-color: vars.$color--green-light;
+
+      &_inactive {
+        background-color: vars.$color--error-bg;
+      }
+    }
+
+    .tags-dropdown__arrow {
+      top: 6px;
+      right: 5px;
+    }
+  }
+
+  &__apply {
+    height: 20px;
+    margin-right: 8px;
+  }
+}

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

@@ -0,0 +1,158 @@
+"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, {
+    SwitcherTagsDropdownTemplate: function() {
+        return SwitcherTagsDropdownTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _SwitcherTagsDropdown = /*#__PURE__*/ _interop_require_default(require("./SwitcherTagsDropdown"));
+const _States = /*#__PURE__*/ _interop_require_default(require("./partial/States"));
+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/SwitcherTagsDropdown',
+    component: _SwitcherTagsDropdown.default
+};
+const DEFAULT_OTIONS = [
+    {
+        id: 1,
+        title: 'Tags Dropdown1',
+        value: 'drop1',
+        disabled: false
+    },
+    {
+        id: 2,
+        title: 'Tags Dropdown2',
+        value: 'drop2',
+        disabled: false
+    },
+    {
+        id: 3,
+        title: 'Tags Dropdown3',
+        value: 'drop3',
+        disabled: true
+    },
+    {
+        id: 4,
+        title: 'Tags Dropdown4',
+        value: 'drop4',
+        disabled: false
+    },
+    {
+        id: 5,
+        title: 'Tags Dropdown5',
+        value: 'drop5',
+        disabled: false
+    },
+    {
+        id: 6,
+        title: 'Tags Dropdown6',
+        value: 'drop6',
+        disabled: false
+    }
+];
+const Template = (args)=>{
+    const { isIncludeOuterStyles, isStatesAsOptions, ...restArgs } = args;
+    const [values, setValues] = (0, _react.useState)({
+        isActive: true,
+        isIncluded: true,
+        value: []
+    });
+    const [options, setOptions] = (0, _react.useState)(isStatesAsOptions ? _States.default : DEFAULT_OTIONS);
+    const handleChange = (val, prop)=>{
+        setValues({
+            ...values,
+            [prop]: val
+        });
+    };
+    (0, _react.useEffect)(()=>{
+        setValues({
+            ...values,
+            value: []
+        });
+        setOptions(isStatesAsOptions ? _States.default : DEFAULT_OTIONS);
+    }, [
+        isStatesAsOptions
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherTagsDropdown.default, {
+        ...restArgs,
+        options: options,
+        isActive: values.isActive,
+        setIsActive: (val)=>handleChange(val, 'isActive'),
+        isIncluded: values.isIncluded,
+        setIsIncluded: (val)=>handleChange(val, 'isIncluded'),
+        chosenOptions: values.value,
+        onChange: (val)=>handleChange(val, 'value'),
+        className: isIncludeOuterStyles ? 'any-outer-class__switcher-tags-dropdown' : null
+    });
+};
+const SwitcherTagsDropdownTemplate = Template.bind({});
+SwitcherTagsDropdownTemplate.args = {
+    isIncludeOuterStyles: false,
+    isStatesAsOptions: false,
+    disabled: false,
+    label: 'State',
+    isLabelBold: true,
+    isValuesInTags: true,
+    isAdvancedLabelSearch: false
+};

package/dist/src/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js

@@ -0,0 +1,212 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _default = [
+    {
+        value: "AL",
+        label: "Alabama (AL)"
+    },
+    {
+        value: "AK",
+        label: "Alaska (AK)"
+    },
+    {
+        value: "AZ",
+        label: "Arizona (AZ)"
+    },
+    {
+        value: "AR",
+        label: "Arkansas (AR)"
+    },
+    {
+        value: "CA",
+        label: "California (CA)"
+    },
+    {
+        value: "CO",
+        label: "Colorado (CO)"
+    },
+    {
+        value: "CT",
+        label: "Connecticut (CT)"
+    },
+    {
+        value: "DE",
+        label: "Delaware (DE)"
+    },
+    {
+        value: "FL",
+        label: "Florida (FL)"
+    },
+    {
+        value: "GA",
+        label: "Georgia (GA)"
+    },
+    {
+        value: "HI",
+        label: "Hawaii (HI)"
+    },
+    {
+        value: "ID",
+        label: "Idaho (ID)"
+    },
+    {
+        value: "IL",
+        label: "Illinois (IL)"
+    },
+    {
+        value: "IN",
+        label: "Indiana (IN)"
+    },
+    {
+        value: "IA",
+        label: "Iowa (IA)"
+    },
+    {
+        value: "KS",
+        label: "Kansas (KS)"
+    },
+    {
+        value: "KY",
+        label: "Kentucky (KY)"
+    },
+    {
+        value: "LA",
+        label: "Louisiana (LA)"
+    },
+    {
+        value: "ME",
+        label: "Maine (ME)"
+    },
+    {
+        value: "MD",
+        label: "Maryland (MD)"
+    },
+    {
+        value: "MA",
+        label: "Massachusetts (MA)"
+    },
+    {
+        value: "MI",
+        label: "Michigan (MI)"
+    },
+    {
+        value: "MN",
+        label: "Minnesota (MN)"
+    },
+    {
+        value: "MS",
+        label: "Mississippi (MS)"
+    },
+    {
+        value: "MO",
+        label: "Missouri (MO)"
+    },
+    {
+        value: "MT",
+        label: "Montana (MT)"
+    },
+    {
+        value: "NE",
+        label: "Nebraska (NE)"
+    },
+    {
+        value: "NV",
+        label: "Nevada (NV)"
+    },
+    {
+        value: "NH",
+        label: "New Hampshire (NH)"
+    },
+    {
+        value: "NJ",
+        label: "New Jersey (NJ)"
+    },
+    {
+        value: "NM",
+        label: "New Mexico (NM)"
+    },
+    {
+        value: "NY",
+        label: "New York (NY)"
+    },
+    {
+        value: "NC",
+        label: "North Carolina (NC)"
+    },
+    {
+        value: "ND",
+        label: "North Dakota (ND)"
+    },
+    {
+        value: "OH",
+        label: "Ohio (OH)"
+    },
+    {
+        value: "OK",
+        label: "Oklahoma (OK)"
+    },
+    {
+        value: "OR",
+        label: "Oregon (OR)"
+    },
+    {
+        value: "PA",
+        label: "Pennsylvania (PA)"
+    },
+    {
+        value: "RI",
+        label: "RhodeIsland (RI)"
+    },
+    {
+        value: "SC",
+        label: "South Carolina (SC)"
+    },
+    {
+        value: "SD",
+        label: "South Dakota (SD)"
+    },
+    {
+        value: "TN",
+        label: "Tennessee (TN)"
+    },
+    {
+        value: "TX",
+        label: "Texas (TX)"
+    },
+    {
+        value: "UT",
+        label: "Utah (UT)"
+    },
+    {
+        value: "VT",
+        label: "Vermont (VT)"
+    },
+    {
+        value: "VA",
+        label: "Virginia (VA)"
+    },
+    {
+        value: "WA",
+        label: "Washington (WA)"
+    },
+    {
+        value: "WV",
+        label: "West Virginia (WV)"
+    },
+    {
+        value: "WI",
+        label: "Wisconsin (WI)"
+    },
+    {
+        value: "WY",
+        label: "Wyoming (WY)"
+    }
+];

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

@@ -0,0 +1,65 @@
+"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 _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
+const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("../TextSwitcher/TextSwitcher"));
+const _Textarea = /*#__PURE__*/ _interop_require_default(require("../Textarea/Textarea"));
+require("./SwitcherTextarea.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = "switcher-textarea";
+const SwitcherTextarea = ({ label, isLabelBold, hint, className, isActive = true, setIsActive = ()=>{}, isIncluded = true, setIsIncluded = ()=>{}, text = "", setText = ()=>{}, activeText = "is", inactiveText = "is not", placeholder, disabled, testId })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
+        testId: testId,
+        isActive: isActive,
+        onChange: setIsActive,
+        label: label,
+        isLabelBold: isLabelBold,
+        className: (0, _classnames.default)(RC, className),
+        hint: hint,
+        disabled: disabled,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: `${RC}__wrap switcher-hide__content`,
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+                            testId: testId,
+                            activeText: activeText,
+                            inactiveText: inactiveText,
+                            isActive: isIncluded !== null && isIncluded !== void 0 ? isIncluded : true,
+                            onChange: (value)=>setIsIncluded(value),
+                            className: `${RC}__text-switcher`
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                            onClick: ()=>setText(""),
+                            className: `${RC}__btn`,
+                            children: "Clear"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Textarea.default, {
+                    testId: testId,
+                    value: text,
+                    placeholder: placeholder,
+                    onChange: (value)=>setText(value),
+                    className: `${RC}__textarea`
+                })
+            ]
+        })
+    });
+};
+const _default = SwitcherTextarea;

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

@@ -0,0 +1,25 @@
+@use './../../../scss/vars';
+
+.switcher-textarea {
+  &__wrap {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__text-switcher {
+    height: 20px;
+  }
+
+  &__btn {
+    font-size: 12px;
+    cursor: pointer;
+
+    color: vars.$color--primary;
+
+    &:not(:last-child) {
+      margin-right: 8px;
+    }
+  }
+}