intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,111 @@
+"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;
+
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Textarea/Textarea.js"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { formatToOnlyASCIICodeText } from \"../../../Functions/fieldValueFormatters\";\n\nimport \"./Textarea.scss\";\n\nconst RC = \"textarea\";\n\nconst Textarea = forwardRef(\n  (\n    {\n      id,\n      value,\n      onChange,\n      onFocus,\n      onBlur,\n      placeholder,\n      disabled,\n      className,\n      isNotValidateASCII = false,\n      testId = RC,\n      withAutoGrow,\n      onKeyDown = () => {},\n    },\n    ref,\n  ) => {\n    const internalRef = useRef();\n    const textareaRef = ref || internalRef;\n\n\n  const handle = {\n    change: (val) => {\n      let inputValue = val;\n      if (!isNotValidateASCII)\n        inputValue = formatToOnlyASCIICodeText(inputValue);\n\n      onChange(inputValue);\n    },\n    focus: (e) => {\n      onFocus?.(e);\n    },\n    blur: (e) => {\n      onBlur?.(e);\n    }\n  };\n\n  const autoGrow = (el) => {\n    el.style.height = \"5px\";\n    el.style.height = el.scrollHeight + \"px\";\n  };\n\n  useEffect(() => {\n    if (withAutoGrow) {\n      autoGrow(textareaRef?.current);\n    }\n  }, [value, withAutoGrow]);\n\n    return (\n      <div data-testid={testId} className={cn(`${RC}`, className)}>\n        <textarea\n          id={id ?? Math.random().toString(16).slice(2)}\n          data-testid={`${testId}-textarea`}\n          className={`${RC}__textarea`}\n          value={value}\n          onChange={(e) => handle.change(e.target.value)}\n          placeholder={placeholder}\n          disabled={disabled}\n          onKeyDown={onKeyDown}\n          ref={textareaRef}\n          onFocus={handle.focus}\n          onBlur={handle.blur}\n        />\n      </div>\n    );\n  },\n);\n\nexport default Textarea;\n"],"names":["RC","Textarea","forwardRef","id","value","onChange","onFocus","onBlur","placeholder","disabled","className","isNotValidateASCII","testId","withAutoGrow","onKeyDown","ref","internalRef","useRef","textareaRef","handle","change","val","inputValue","formatToOnlyASCIICodeText","focus","e","blur","autoGrow","el","style","height","scrollHeight","useEffect","current","div","data-testid","cn","textarea","Math","random","toString","slice","target"],"mappings":";;;;+BA+EA;;;eAAA;;;;+DA/EqD;mEAEtC;sCAE2B;QAEnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,yBAAWC,IAAAA,iBAAU,EACzB,CACE,EACEC,EAAE,EACFC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,qBAAqB,KAAK,EAC1BC,SAASZ,EAAE,EACXa,YAAY,EACZC,YAAY,KAAO,CAAC,EACrB,EACDC;IAEA,MAAMC,cAAcC,IAAAA,aAAM;IAC1B,MAAMC,cAAcH,OAAOC;IAG7B,MAAMG,SAAS;QACbC,QAAQ,CAACC;YACP,IAAIC,aAAaD;YACjB,IAAI,CAACV,oBACHW,aAAaC,IAAAA,+CAAyB,EAACD;YAEzCjB,SAASiB;QACX;QACAE,OAAO,CAACC;YACNnB,oBAAAA,8BAAAA,QAAUmB;QACZ;QACAC,MAAM,CAACD;YACLlB,mBAAAA,6BAAAA,OAASkB;QACX;IACF;IAEA,MAAME,WAAW,CAACC;QAChBA,GAAGC,KAAK,CAACC,MAAM,GAAG;QAClBF,GAAGC,KAAK,CAACC,MAAM,GAAGF,GAAGG,YAAY,GAAG;IACtC;IAEAC,IAAAA,gBAAS,EAAC;QACR,IAAInB,cAAc;YAChBc,SAAST,wBAAAA,kCAAAA,YAAae,OAAO;QAC/B;IACF,GAAG;QAAC7B;QAAOS;KAAa;IAEtB,qBACE,qBAACqB;QAAIC,eAAavB;QAAQF,WAAW0B,IAAAA,mBAAE,EAAC,GAAGpC,IAAI,EAAEU;kBAC/C,cAAA,qBAAC2B;YACClC,IAAIA,eAAAA,gBAAAA,KAAMmC,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,KAAK,CAAC;YAC3CN,eAAa,GAAGvB,OAAO,SAAS,CAAC;YACjCF,WAAW,GAAGV,GAAG,UAAU,CAAC;YAC5BI,OAAOA;YACPC,UAAU,CAACoB,IAAMN,OAAOC,MAAM,CAACK,EAAEiB,MAAM,CAACtC,KAAK;YAC7CI,aAAaA;YACbC,UAAUA;YACVK,WAAWA;YACXC,KAAKG;YACLZ,SAASa,OAAOK,KAAK;YACrBjB,QAAQY,OAAOO,IAAI;;;AAI3B;MAGF,WAAezB"}

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

@@ -0,0 +1,156 @@
+"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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+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, _object_spread_props(_object_spread({}, 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
+};
+
+//# sourceMappingURL=Textarea.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Textarea/Textarea.stories.js"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport Textarea from './Textarea';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/Textarea',\n  component: Textarea,\n};\n\nconst Template = args => {\n  const [value, setValue] = useState('');\n  const handleFocus = (e) => console.log('Focused', e.target.tagName.toLowerCase() === 'textarea');\n  const handleBlur = (e) => console.log('Blured', e.target.tagName.toLowerCase() === 'textarea');\n\n  const areaRef = useRef();\n\n  useEffect(() => {\n    if (areaRef.current) {\n      const isFocused = areaRef.current === document.activeElement;\n      console.log(\"Textarea is focused:\", isFocused);\n    }\n  }, [areaRef.current, document.activeElement]);\n\n  return <Textarea {...args} value={value} ref={areaRef} onFocus={handleFocus} onBlur={handleBlur} onChange={setValue} />;\n};\n\nexport const TextareaTemplate = Template.bind({});\n\nTextareaTemplate.args = {\n  disabled: false,\n  placeholder: 'Placeholder',\n  className: 'any-class',\n  isNotValidateASCII: false,\n};\n"],"names":["TextareaTemplate","global","lng","title","component","Textarea","Template","args","value","setValue","useState","handleFocus","e","console","log","target","tagName","toLowerCase","handleBlur","areaRef","useRef","useEffect","current","isFocused","document","activeElement","ref","onFocus","onBlur","onChange","bind","disabled","placeholder","className","isNotValidateASCII"],"mappings":";;;;;;;;;;;IA6BaA,gBAAgB;eAAhBA;;IAtBb,OAGE;eAHF;;;;+DAPiD;iEAC5B;QAEd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,iBAAQ;AACrB;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAAC;IACnC,MAAMC,cAAc,CAACC,IAAMC,QAAQC,GAAG,CAAC,WAAWF,EAAEG,MAAM,CAACC,OAAO,CAACC,WAAW,OAAO;IACrF,MAAMC,aAAa,CAACN,IAAMC,QAAQC,GAAG,CAAC,UAAUF,EAAEG,MAAM,CAACC,OAAO,CAACC,WAAW,OAAO;IAEnF,MAAME,UAAUC,IAAAA,aAAM;IAEtBC,IAAAA,gBAAS,EAAC;QACR,IAAIF,QAAQG,OAAO,EAAE;YACnB,MAAMC,YAAYJ,QAAQG,OAAO,KAAKE,SAASC,aAAa;YAC5DZ,QAAQC,GAAG,CAAC,wBAAwBS;QACtC;IACF,GAAG;QAACJ,QAAQG,OAAO;QAAEE,SAASC,aAAa;KAAC;IAE5C,qBAAO,qBAACpB,iBAAQ,0CAAKE;QAAMC,OAAOA;QAAOkB,KAAKP;QAASQ,SAAShB;QAAaiB,QAAQV;QAAYW,UAAUpB;;AAC7G;AAEO,MAAMT,mBAAmBM,SAASwB,IAAI,CAAC,CAAC;AAE/C9B,iBAAiBO,IAAI,GAAG;IACtBwB,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,oBAAoB;AACtB"}

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

@@ -0,0 +1,235 @@
+"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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+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", _object_spread_props(_object_spread({}, 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;
+
+//# sourceMappingURL=TieredCheckboxes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { compareAlphabetical } from \"../../../Functions/utils\";\nimport CheckboxInput from \"../CheckboxInput/CheckboxInput\";\n\nimport AccordionWithCheckbox from \"./partial/AccordionWithCheckbox\";\n\nimport \"./TieredCheckboxes.scss\";\n\nconst RC = \"tiered-checkboxes\";\n\nconst TieredCheckboxes = ({\n  items = {},\n  className,\n  onChange,\n  isUseParentsClassesAsDataset,\n  isUseAccordionForGroup,\n  accordionIcons,\n  isOnlyOne = false,\n  sortGroups = false,\n  sortGroupItems = false,\n}) => {\n  const handle = {\n    changeParent: (value, key, prop) => {\n      const parent = items.find((item) => item.key === key);\n      if (prop) parent[prop] = value;\n      else parent.value = value;\n\n      if (!prop) {\n        if (value)\n          parent.children\n            .filter(({ disabled }) => !disabled)\n            .forEach((item) => (item.value = true));\n        else\n          parent.children\n            .filter(({ disabled }) => !disabled)\n            .forEach((item) => (item.value = false));\n      }\n      onChange([...items]);\n    },\n    changeChild: (value, key, parentKey) => {\n      if (isOnlyOne) {\n        const parent = items.find((item) => item.key === parentKey);\n        parent.children.find((item) => item.key === key).value = value;\n\n        parent.children.map((item) => {\n          if (item.key !== key && value === true) {\n            item.disabled = true;\n            parent.disabled = true;\n          } else if (item.key !== key && value === false) {\n            item.disabled = false;\n            parent.disabled = false;\n          } else item.disabled = false;\n          return item;\n        });\n\n        parent.disabled = true;\n      } else {\n        const parent = items.find((item) => item.key === parentKey);\n        parent.children.find((item) => item.key === key).value = value;\n\n        if (parent.children.every((item) => item.value)) parent.value = true;\n        else parent.value = false;\n      }\n\n      onChange([...items]);\n    },\n    isAllChecked: (item) => {\n      return (\n        item?.children.some((item) => item.value) &&\n        !item?.children.every((item) => item.value)\n      );\n    },\n  };\n\n  const preparedItems = useMemo(() => {\n    let newItems = [...items];\n\n    if (sortGroups) {\n      newItems = newItems?.sort(compareAlphabetical);\n    }\n\n    if (sortGroupItems) {\n      newItems = newItems?.map((parent) => {\n        if (parent?.children) {\n          parent.children = parent?.children?.sort(compareAlphabetical);\n        }\n\n        return parent;\n      });\n    }\n\n    return newItems;\n  }, [items]);\n\n  const renderInner = (parent) => {\n    return (\n      parent.children &&\n      parent.children.map((child) => (\n        <div key={child.key} className={`${RC}__children`}>\n          <CheckboxInput\n            testId={child.key}\n            label={child.label}\n            value={child.value}\n            disabled={child?.disabled}\n            onChange={(value) =>\n              handle.changeChild(value, child.key, parent.key)\n            }\n          />\n        </div>\n      ))\n    );\n  };\n\n  return (\n    <div className={cn(RC, className)}>\n      {preparedItems.map((parent) => {\n        const datasetProp =\n          isUseParentsClassesAsDataset && parent?.className\n            ? { \"data-key\": parent?.className }\n            : {};\n        if (isUseAccordionForGroup) {\n          return (\n            <AccordionWithCheckbox\n              key={parent.key}\n              RC={RC}\n              parent={parent}\n              datasetProp={datasetProp}\n              isUseParentsClassesAsDataset={isUseParentsClassesAsDataset}\n              className={`${RC}__mono-accordion`}\n              setIsOpen={() =>\n                handle.changeParent(!parent.isOpen, parent.key, \"isOpen\")\n              }\n              onChange={(value) => handle.changeParent(value, parent.key)}\n              icon={\n                !parent.isOpen\n                  ? accordionIcons?.[0] || null\n                  : accordionIcons?.[1] || null\n              }\n              // disabled={parent.children?.every?.((child) => child.disabled)}\n            >\n              {renderInner(parent)}\n            </AccordionWithCheckbox>\n          );\n        }\n        return (\n          <div\n            {...datasetProp}\n            key={parent.key}\n            className={cn(`${RC}__parents`, {\n              [`${parent.className}`]: !isUseParentsClassesAsDataset,\n            })}\n          >\n            <CheckboxInput\n              isStark={handle.isAllChecked(parent)}\n              label={parent.label}\n              value={parent.value}\n              onChange={(value) => handle.changeParent(value, parent.key)}\n              disabled={\n                parent.children.every(({ disabled }) => disabled === true) ||\n                parent.disabled\n              }\n            />\n            <div className={cn(`${RC}__parent__children`)}>\n              {renderInner(parent)}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default TieredCheckboxes;\n"],"names":["RC","TieredCheckboxes","items","className","onChange","isUseParentsClassesAsDataset","isUseAccordionForGroup","accordionIcons","isOnlyOne","sortGroups","sortGroupItems","handle","changeParent","value","key","prop","parent","find","item","children","filter","disabled","forEach","changeChild","parentKey","map","every","isAllChecked","some","preparedItems","useMemo","newItems","sort","compareAlphabetical","renderInner","child","div","CheckboxInput","testId","label","cn","datasetProp","AccordionWithCheckbox","setIsOpen","isOpen","icon","isStark"],"mappings":"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"}