intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/UserContacts/UserContacts.js

@@ -0,0 +1,232 @@
+"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _CustomIcons = require("../../../Molecular/CustomIcons");
+require("./UserContacts.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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const RC = 'user-contacts';
+const UserContacts = (props)=>{
+    var _props_firstKey, _props_secondKey, _otherContacts_map;
+    const _ref = props || {}, { testId = RC, className, email, phone, EmailIcon, PhoneIcon, isFirstPhone = false, maxWidth, isUseCommaSeparator = true, generalizingWord = 'contact', isNotRenderGeneralizingWord = false, Lng = (value)=>value, otherContacts = [], isOtherTogetherMainContacts = false } = _ref, mainContacts = _object_without_properties(_ref, [
+        "testId",
+        "className",
+        "email",
+        "phone",
+        "EmailIcon",
+        "PhoneIcon",
+        "isFirstPhone",
+        "maxWidth",
+        "isUseCommaSeparator",
+        "generalizingWord",
+        "isNotRenderGeneralizingWord",
+        "Lng",
+        "otherContacts",
+        "isOtherTogetherMainContacts"
+    ]);
+    const mainContactsDescriptions = {
+        isDisputeContact: 'Dispute',
+        isSalesContact: 'Sales',
+        isAccountingContact: 'Accounting',
+        isBusinessContact: 'Business',
+        isTechnicalContact: 'Technical'
+    };
+    const getContact = (key)=>{
+        const contact = mainContacts[key];
+        const { prefix = '', postfix = '' } = typeof contact === 'object' ? contact : {};
+        return `${prefix ? `${Lng(prefix.toString())} ` : ''}${Lng(mainContactsDescriptions[key])}${postfix ? ` ${Lng(postfix.toString())}` : ''}`;
+    };
+    let mainContactsStructure = Object.keys(mainContacts).reduce((acc, key)=>mainContacts[key] && key in mainContactsDescriptions ? [
+            ...acc,
+            getContact(key)
+        ] : acc, []);
+    mainContactsStructure = isOtherTogetherMainContacts ? [
+        ...mainContactsStructure,
+        ...Array.isArray(otherContacts) ? otherContacts.map((contact)=>Lng(contact)) : []
+    ] : mainContactsStructure;
+    let mainContactsCount = mainContactsStructure.length;
+    let otherContactsCount = (otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) || 0;
+    const isContacts = Boolean(mainContactsCount) || Boolean(otherContactsCount);
+    const isMainContacts = Boolean(mainContactsCount);
+    const mainRef = (0, _react.useRef)(null);
+    const firstRef = (0, _react.useRef)(null);
+    const secondRef = (0, _react.useRef)(null);
+    const contactsRef = (0, _react.useRef)(null);
+    const [isIconMode, setIconMode] = (0, _react.useState)(false);
+    const [isRunTask, setIsRunTask] = (0, _react.useState)(null);
+    const getSeparator = (type)=>{
+        const separator = isUseCommaSeparator ? ', ' : ' ';
+        switch(type){
+            case 'main':
+                return mainContactsCount-- > 1 ? separator : '';
+            case 'other':
+                return otherContactsCount-- > 1 ? separator : '';
+            default:
+                return separator;
+        }
+    };
+    const firstKey = isFirstPhone ? 'phone' : 'email';
+    const secondKey = isFirstPhone ? 'email' : 'phone';
+    const getIcon = (key)=>{
+        switch(key){
+            case 'email':
+                return EmailIcon || /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.Email, {});
+            case 'phone':
+                return PhoneIcon || /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.Phone, {});
+            default:
+                return null;
+        }
+    };
+    const getProtocol = (key)=>{
+        switch(key){
+            case 'email':
+                return 'mailto:';
+            case 'phone':
+                return 'tel:';
+            default:
+                return 'https://';
+        }
+    };
+    const getClasses = (isFirst)=>(0, _classnames.default)('no-wrap', `${RC}__${isFirst ? firstKey : secondKey}`, {
+            [`${RC}__${isFirst ? firstKey : secondKey}_icon-mode`]: isIconMode
+        });
+    const checkWidth = ()=>{
+        if (mainRef.current && firstRef.current && secondRef.current && contactsRef.current) {
+            const measure = maxWidth || mainRef.current.clientWidth;
+            if (firstRef.current.clientWidth + secondRef.current.clientWidth + contactsRef.current.clientWidth > measure) {
+                setIconMode(true);
+            } else {
+                setIconMode(false);
+            }
+        }
+    };
+    (0, _react.useLayoutEffect)(checkWidth, [
+        isRunTask
+    ]);
+    (0, _react.useEffect)(()=>{
+        setIsRunTask({});
+        return ()=>setIconMode(false);
+    }, [
+        email,
+        phone,
+        JSON.stringify(mainContactsStructure),
+        Number(maxWidth)
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        ref: mainRef,
+        className: (0, _classnames.default)('j4', RC, className),
+        children: [
+            Boolean(props[firstKey]) && /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+                ref: firstRef,
+                href: `${getProtocol(firstKey)}${(_props_firstKey = props[firstKey]) === null || _props_firstKey === void 0 ? void 0 : _props_firstKey.trim()}`,
+                target: "_blank",
+                rel: "noreferrer",
+                className: getClasses(true),
+                children: isIconMode ? getIcon(firstKey) : `${props[firstKey]}${props[secondKey] || isContacts ? getSeparator() : ''}`
+            }),
+            Boolean(props[secondKey]) && /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+                ref: secondRef,
+                href: `${getProtocol(secondKey)}${(_props_secondKey = props[secondKey]) === null || _props_secondKey === void 0 ? void 0 : _props_secondKey.trim()}`,
+                target: "_blank",
+                rel: "noreferrer",
+                className: getClasses(false),
+                children: isIconMode ? getIcon(secondKey) : `${props[secondKey]}${isContacts ? getSeparator() : ''}`
+            }),
+            isContacts && /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                ref: contactsRef,
+                className: (0, _classnames.default)('no-wrap', `${RC}__contacts`),
+                children: [
+                    isMainContacts ? mainContactsStructure.map((contact)=>`${contact}${getSeparator('main')}`) : null,
+                    isMainContacts && generalizingWord && !isNotRenderGeneralizingWord ? ` ${Lng(generalizingWord)}` : '',
+                    isMainContacts && Boolean(otherContacts) && Boolean(otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) && !isOtherTogetherMainContacts ? getSeparator() : '',
+                    Boolean(otherContacts) && Boolean(otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) && !isOtherTogetherMainContacts ? otherContacts === null || otherContacts === void 0 ? void 0 : (_otherContacts_map = otherContacts.map) === null || _otherContacts_map === void 0 ? void 0 : _otherContacts_map.call(otherContacts, (contact)=>`${contact}${getSeparator('other')}`) : null
+                ]
+            })
+        ]
+    });
+};
+const _default = UserContacts;
+
+//# sourceMappingURL=UserContacts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/UserContacts/UserContacts.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type {\n  IUserContactProps,\n  TContactPrefix,\n  TMainContactsDescriptions,\n} from './UserContacts.interface';\nimport cn from 'classnames';\n\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { Email, Phone } from '../../../Molecular/CustomIcons';\n\nimport './UserContacts.scss';\n\nconst RC = 'user-contacts';\n\nconst UserContacts: React.FC<IUserContactProps> = (props) => {\n  const {\n    testId = RC,\n    className,\n    email,\n    phone,\n    EmailIcon,\n    PhoneIcon,\n    isFirstPhone = false,\n    maxWidth,\n    isUseCommaSeparator = true,\n    generalizingWord = 'contact',\n    isNotRenderGeneralizingWord = false,\n    Lng = (value: string): string => value,\n    otherContacts = [],\n    isOtherTogetherMainContacts = false,\n    ...mainContacts\n  } = props || {};\n\n  const mainContactsDescriptions: TMainContactsDescriptions = {\n    isDisputeContact: 'Dispute',\n    isSalesContact: 'Sales',\n    isAccountingContact: 'Accounting',\n    isBusinessContact: 'Business',\n    isTechnicalContact: 'Technical',\n  };\n\n  const getContact = (key: keyof TMainContactsDescriptions): string => {\n    const contact = mainContacts[key] as TContactPrefix | boolean | undefined;\n    const { prefix = '', postfix = '' } = typeof contact === 'object' ? contact : {};\n\n    return `${prefix ? `${Lng(prefix.toString())} ` : ''}${Lng(mainContactsDescriptions[key])}${\n      postfix ? ` ${Lng(postfix.toString())}` : ''\n    }`;\n  };\n\n  let mainContactsStructure: string[] = (\n    Object.keys(mainContacts) as Array<keyof TMainContactsDescriptions>\n  ).reduce(\n    (acc: string[], key) =>\n      mainContacts[key] && key in mainContactsDescriptions ? [...acc, getContact(key)] : acc,\n    [],\n  );\n\n  mainContactsStructure = isOtherTogetherMainContacts\n    ? [\n        ...mainContactsStructure,\n        ...(Array.isArray(otherContacts) ? otherContacts.map((contact: string) => Lng(contact)) : []),\n      ]\n    : mainContactsStructure;\n\n  let mainContactsCount = mainContactsStructure.length;\n  let otherContactsCount = otherContacts?.length || 0;\n  const isContacts = Boolean(mainContactsCount) || Boolean(otherContactsCount);\n  const isMainContacts = Boolean(mainContactsCount);\n\n  const mainRef = useRef<HTMLDivElement>(null);\n  const firstRef = useRef<HTMLAnchorElement>(null);\n  const secondRef = useRef<HTMLAnchorElement>(null);\n  const contactsRef = useRef<HTMLSpanElement>(null);\n\n  const [isIconMode, setIconMode] = useState<boolean>(false);\n  const [isRunTask, setIsRunTask] = useState<Record<string, never> | null>(null);\n\n  const getSeparator = (type?: 'main' | 'other'): string => {\n    const separator = isUseCommaSeparator ? ', ' : ' ';\n    switch (type) {\n      case 'main':\n        return mainContactsCount-- > 1 ? separator : '';\n      case 'other':\n        return otherContactsCount-- > 1 ? separator : '';\n      default:\n        return separator;\n    }\n  };\n\n  type ContactKey = 'email' | 'phone';\n\n  const firstKey: ContactKey = isFirstPhone ? 'phone' : 'email';\n  const secondKey: ContactKey = isFirstPhone ? 'email' : 'phone';\n\n  const getIcon = (key: ContactKey): ReactNode => {\n    switch (key) {\n      case 'email':\n        return EmailIcon || <Email />;\n      case 'phone':\n        return PhoneIcon || <Phone />;\n      default:\n        return null;\n    }\n  };\n\n  const getProtocol = (key: ContactKey): string => {\n    switch (key) {\n      case 'email':\n        return 'mailto:';\n      case 'phone':\n        return 'tel:';\n      default:\n        return 'https://';\n    }\n  };\n\n  const getClasses = (isFirst: boolean): string =>\n    cn('no-wrap', `${RC}__${isFirst ? firstKey : secondKey}`, {\n      [`${RC}__${isFirst ? firstKey : secondKey}_icon-mode`]: isIconMode,\n    });\n\n  const checkWidth = (): void => {\n    if (mainRef.current && firstRef.current && secondRef.current && contactsRef.current) {\n      const measure: number = maxWidth || mainRef.current.clientWidth;\n\n      if (\n        firstRef.current.clientWidth + secondRef.current.clientWidth + contactsRef.current.clientWidth\n        > measure\n      ) {\n        setIconMode(true);\n      }\n      else {\n        setIconMode(false);\n      }\n    }\n  };\n\n  useLayoutEffect(checkWidth, [isRunTask]);\n\n  useEffect(() => {\n    setIsRunTask({});\n    return () => setIconMode(false);\n  }, [email, phone, JSON.stringify(mainContactsStructure), Number(maxWidth)]);\n\n  return (\n    <div data-testid={testId} ref={mainRef} className={cn('j4', RC, className)}>\n      {Boolean(props[firstKey]) && (\n        <a\n          ref={firstRef}\n          href={`${getProtocol(firstKey)}${props[firstKey]?.trim()}`}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          className={getClasses(true)}\n        >\n          {isIconMode\n            ? getIcon(firstKey)\n            : `${props[firstKey]}${props[secondKey] || isContacts ? getSeparator() : ''}`}\n        </a>\n      )}\n      {Boolean(props[secondKey]) && (\n        <a\n          ref={secondRef}\n          href={`${getProtocol(secondKey)}${props[secondKey]?.trim()}`}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          className={getClasses(false)}\n        >\n          {isIconMode ? getIcon(secondKey) : `${props[secondKey]}${isContacts ? getSeparator() : ''}`}\n        </a>\n      )}\n\n      {isContacts && (\n        <span ref={contactsRef} className={cn('no-wrap', `${RC}__contacts`)}>\n          {isMainContacts\n            ? mainContactsStructure.map((contact: string) => `${contact}${getSeparator('main')}`)\n            : null}\n          {isMainContacts && generalizingWord && !isNotRenderGeneralizingWord\n            ? ` ${Lng(generalizingWord)}`\n            : ''}\n          {isMainContacts\n            && Boolean(otherContacts)\n            && Boolean(otherContacts?.length)\n            && !isOtherTogetherMainContacts\n            ? getSeparator()\n            : ''}\n          {Boolean(otherContacts) && Boolean(otherContacts?.length) && !isOtherTogetherMainContacts\n            ? otherContacts?.map?.((contact: string) => `${contact}${getSeparator('other')}`)\n            : null}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default UserContacts;\n"],"names":["RC","UserContacts","props","otherContacts","testId","className","email","phone","EmailIcon","PhoneIcon","isFirstPhone","maxWidth","isUseCommaSeparator","generalizingWord","isNotRenderGeneralizingWord","Lng","value","isOtherTogetherMainContacts","mainContacts","mainContactsDescriptions","isDisputeContact","isSalesContact","isAccountingContact","isBusinessContact","isTechnicalContact","getContact","key","contact","prefix","postfix","toString","mainContactsStructure","Object","keys","reduce","acc","Array","isArray","map","mainContactsCount","length","otherContactsCount","isContacts","Boolean","isMainContacts","mainRef","useRef","firstRef","secondRef","contactsRef","isIconMode","setIconMode","useState","isRunTask","setIsRunTask","getSeparator","type","separator","firstKey","secondKey","getIcon","Email","Phone","getProtocol","getClasses","isFirst","cn","checkWidth","current","measure","clientWidth","useLayoutEffect","useEffect","JSON","stringify","Number","div","data-testid","ref","a","href","trim","target","rel","span"],"mappings":"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"}

package/dist/Atomic/FormElements/UserContacts/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _UserContacts = /*#__PURE__*/ _interop_require_default(require("./UserContacts"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _UserContacts.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/FormElements/UserContacts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/UserContacts/index.ts"],"sourcesContent":["import UserContacts from './UserContacts';\n\nexport default UserContacts;\nexport type { IUserContactProps, TContactPrefix } from './UserContacts.interface';\n"],"names":["UserContacts"],"mappings":";;;;+BAEA;;;eAAA;;;qEAFyB;;;;;;MAEzB,WAAeA,qBAAY"}

package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js

@@ -0,0 +1,160 @@
+"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 _VariantsListRadioItem = /*#__PURE__*/ _interop_require_default(require("./partials/VariantsListRadioItem"));
+require("./VariantsListRadio.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 = "variants-list-radio";
+const VariantsListRadio = ({ items: outerItems, value: outerValue, onChange = ()=>{}, isWithBorders, itemsContentRenderMode, isRadioPositionReverse, isUseAsOptionsList, disabled, isDisabled, id, className, testId = "variants-list-radio", attributesOfNativeInput, isMixWithPersonalAttributes })=>{
+    const [items, setItems] = (0, _react.useState)(outerItems);
+    const [value, setValue] = (0, _react.useState)(outerValue);
+    const componentnId = id || "variantsListRadio";
+    const mode = itemsContentRenderMode === "col" ? "col" : "row";
+    const isElementDisabled = disabled || isDisabled;
+    const handleChange = (newValue)=>{
+        setValue(newValue);
+        onChange(newValue);
+    };
+    (0, _react.useEffect)(()=>{
+        if (!(0, _utils.compare)(outerItems, items)) setItems(outerItems);
+    }, [
+        outerItems
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (value !== outerValue) setValue(outerValue);
+    }, [
+        outerValue
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        id: componentnId,
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, `${RC}_items-content-${mode}`, className, {
+            [`${RC}_with-borders`]: isWithBorders && !isUseAsOptionsList,
+            [`${RC}_radio-position-reverse`]: isRadioPositionReverse
+        }),
+        children: items.map((item)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_VariantsListRadioItem.default, {
+                RC: RC,
+                parentId: componentnId,
+                item: _object_spread_props(_object_spread({}, item), {
+                    isDisabled: item.disabled || item.isDisabled || isElementDisabled || false
+                }),
+                value: value,
+                onChange: handleChange,
+                attributesOfNativeInput: attributesOfNativeInput,
+                isMixWithPersonalAttributes: isMixWithPersonalAttributes,
+                parentDisabled: disabled,
+                isUseAsOptionsList: isUseAsOptionsList
+            }, `variants-list-radio-id-${componentnId}-item-id-${item.value}`))
+    });
+};
+const _default = VariantsListRadio;
+
+//# sourceMappingURL=VariantsListRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { compare } from \"../../../Functions/utils\";\n\nimport VariantsListRadioItem from \"./partials/VariantsListRadioItem\";\n\nimport \"./VariantsListRadio.scss\";\n\nconst RC = \"variants-list-radio\";\n\nconst VariantsListRadio = ({\n  items: outerItems,\n  value: outerValue,\n  onChange = () => {},\n\n  isWithBorders,\n  itemsContentRenderMode,\n  isRadioPositionReverse,\n  isUseAsOptionsList,\n  disabled,\n  isDisabled,\n\n  id,\n  className,\n  testId = \"variants-list-radio\",\n\n  attributesOfNativeInput,\n  isMixWithPersonalAttributes,\n}) => {\n  const [items, setItems] = useState(outerItems);\n  const [value, setValue] = useState(outerValue);\n\n  const componentnId = id || \"variantsListRadio\";\n  const mode = itemsContentRenderMode === \"col\" ? \"col\" : \"row\";\n  const isElementDisabled = disabled || isDisabled;\n\n  const handleChange = (newValue) => {\n    setValue(newValue);\n    onChange(newValue);\n  };\n\n  useEffect(() => {\n    if (!compare(outerItems, items)) setItems(outerItems);\n  }, [outerItems]);\n\n  useEffect(() => {\n    if (value !== outerValue) setValue(outerValue);\n  }, [outerValue]);\n\n  return (\n    <div\n      id={componentnId}\n      data-testid={testId}\n      className={cn(RC, `${RC}_items-content-${mode}`, className, {\n        [`${RC}_with-borders`]: isWithBorders && !isUseAsOptionsList,\n        [`${RC}_radio-position-reverse`]: isRadioPositionReverse,\n      })}\n    >\n      {items.map((item) => (\n        <VariantsListRadioItem\n          key={`variants-list-radio-id-${componentnId}-item-id-${item.value}`}\n          RC={RC}\n          parentId={componentnId}\n          item={{\n            ...item,\n            isDisabled:\n              item.disabled || item.isDisabled || isElementDisabled || false,\n          }}\n          value={value}\n          onChange={handleChange}\n          attributesOfNativeInput={attributesOfNativeInput}\n          isMixWithPersonalAttributes={isMixWithPersonalAttributes}\n          parentDisabled={disabled}\n          isUseAsOptionsList={isUseAsOptionsList}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default VariantsListRadio;\n"],"names":["RC","VariantsListRadio","items","outerItems","value","outerValue","onChange","isWithBorders","itemsContentRenderMode","isRadioPositionReverse","isUseAsOptionsList","disabled","isDisabled","id","className","testId","attributesOfNativeInput","isMixWithPersonalAttributes","setItems","useState","setValue","componentnId","mode","isElementDisabled","handleChange","newValue","useEffect","compare","div","data-testid","cn","map","item","VariantsListRadioItem","parentId","parentDisabled"],"mappings":";;;;+BAkFA;;;eAAA;;;;+DAlF2C;mEAE5B;uBAES;8EAEU;QAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,oBAAoB,CAAC,EACzBC,OAAOC,UAAU,EACjBC,OAAOC,UAAU,EACjBC,WAAW,KAAO,CAAC,EAEnBC,aAAa,EACbC,sBAAsB,EACtBC,sBAAsB,EACtBC,kBAAkB,EAClBC,QAAQ,EACRC,UAAU,EAEVC,EAAE,EACFC,SAAS,EACTC,SAAS,qBAAqB,EAE9BC,uBAAuB,EACvBC,2BAA2B,EAC5B;IACC,MAAM,CAACf,OAAOgB,SAAS,GAAGC,IAAAA,eAAQ,EAAChB;IACnC,MAAM,CAACC,OAAOgB,SAAS,GAAGD,IAAAA,eAAQ,EAACd;IAEnC,MAAMgB,eAAeR,MAAM;IAC3B,MAAMS,OAAOd,2BAA2B,QAAQ,QAAQ;IACxD,MAAMe,oBAAoBZ,YAAYC;IAEtC,MAAMY,eAAe,CAACC;QACpBL,SAASK;QACTnB,SAASmB;IACX;IAEAC,IAAAA,gBAAS,EAAC;QACR,IAAI,CAACC,IAAAA,cAAO,EAACxB,YAAYD,QAAQgB,SAASf;IAC5C,GAAG;QAACA;KAAW;IAEfuB,IAAAA,gBAAS,EAAC;QACR,IAAItB,UAAUC,YAAYe,SAASf;IACrC,GAAG;QAACA;KAAW;IAEf,qBACE,qBAACuB;QACCf,IAAIQ;QACJQ,eAAad;QACbD,WAAWgB,IAAAA,mBAAE,EAAC9B,IAAI,GAAGA,GAAG,eAAe,EAAEsB,MAAM,EAAER,WAAW;YAC1D,CAAC,GAAGd,GAAG,aAAa,CAAC,CAAC,EAAEO,iBAAiB,CAACG;YAC1C,CAAC,GAAGV,GAAG,uBAAuB,CAAC,CAAC,EAAES;QACpC;kBAECP,MAAM6B,GAAG,CAAC,CAACC,qBACV,qBAACC,8BAAqB;gBAEpBjC,IAAIA;gBACJkC,UAAUb;gBACVW,MAAM,wCACDA;oBACHpB,YACEoB,KAAKrB,QAAQ,IAAIqB,KAAKpB,UAAU,IAAIW,qBAAqB;;gBAE7DnB,OAAOA;gBACPE,UAAUkB;gBACVR,yBAAyBA;gBACzBC,6BAA6BA;gBAC7BkB,gBAAgBxB;gBAChBD,oBAAoBA;eAbf,CAAC,uBAAuB,EAAEW,aAAa,SAAS,EAAEW,KAAK5B,KAAK,EAAE;;AAkB7E;MAEA,WAAeH"}