intelicoreact 1.6.22 → 1.6.24

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

@@ -1 +1,188 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],c=!0,i=!1;try{for(o=o.call(e);!(c=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);c=!0);}catch(e){i=!0,r=e}finally{try{c||null==o.return||o.return()}finally{if(i)throw r}}return a}}(e,t)||o(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||o(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}function o(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return d}});var a,c=require("react/jsx-runtime"),i=(a=require("classnames"))&&a.__esModule?a:{default:a},u=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":r(e))!=="object"&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var o={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in e)if("default"!==c&&Object.prototype.hasOwnProperty.call(e,c)){var i=a?Object.getOwnPropertyDescriptor(e,c):null;i&&(i.get||i.set)?Object.defineProperty(o,c,i):o[c]=e[c]}return o.default=e,n&&n.set(e,o),o}(require("react")),l=require("../../../Molecular/CustomIcons");function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}require("./UserContacts.scss");var f="user-contacts",d=function(e){var o,a,s,d=e||{},p=d.testId,m=void 0===p?f:p,h=d.className,y=d.email,v=d.phone,b=d.EmailIcon,g=d.PhoneIcon,j=d.isFirstPhone,O=void 0!==j&&j,S=d.maxWidth,_=d.isUseCommaSeparator,w=void 0===_||_,x=d.generalizingWord,P=void 0===x?"contact":x,C=d.isNotRenderGeneralizingWord,A=d.Lng,I=void 0===A?function(e){return e}:A,W=d.otherContacts,M=void 0===W?[]:W,N=d.isOtherTogetherMainContacts,E=void 0!==N&&N,k=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(d,["testId","className","email","phone","EmailIcon","PhoneIcon","isFirstPhone","maxWidth","isUseCommaSeparator","generalizingWord","isNotRenderGeneralizingWord","Lng","otherContacts","isOtherTogetherMainContacts"]),R={isDisputeContact:"Dispute",isSalesContact:"Sales",isAccountingContact:"Accounting",isBusinessContact:"Business",isTechnicalContact:"Technical"},T=function(e){var t=k[e],n=(void 0===t?"undefined":r(t))==="object"?t:{},o=n.prefix,a=void 0===o?"":o,c=n.postfix,i=void 0===c?"":c;return"".concat(a?"".concat(I(a.toString())," "):"").concat(I(R[e])).concat(i?" ".concat(I(i.toString())):"")},q=Object.keys(k).reduce(function(e,t){return k[t]&&t in R?n(e).concat([T(t)]):e},[]),z=(q=E?n(q).concat(n(Array.isArray(M)?M.map(function(e){return I(e)}):[])):q).length,D=(null==M?void 0:M.length)||0,U=!!z||!!D,L=!!z,B=(0,u.useRef)(null),F=(0,u.useRef)(null),G=(0,u.useRef)(null),J=(0,u.useRef)(null),$=t((0,u.useState)(!1),2),H=$[0],K=$[1],Q=t((0,u.useState)(null),2),V=Q[0],X=Q[1],Y=function(e){var t=w?", ":" ";switch(e){case"main":return z-- >1?t:"";case"other":return D-- >1?t:"";default:return t}},Z=O?"phone":"email",ee=O?"email":"phone",et=function(e){switch(e){case"email":return b||(0,c.jsx)(l.Email,{});case"phone":return g||(0,c.jsx)(l.Phone,{});default:return null}},en=function(e){switch(e){case"email":return"mailto:";case"phone":return"tel:";default:return"https://"}},er=function(e){var t,n;return(0,i.default)("no-wrap","".concat(f,"__").concat(e?Z:ee),(t={},n="".concat(f,"__").concat(e?Z:ee,"_icon-mode"),n in t?Object.defineProperty(t,n,{value:H,enumerable:!0,configurable:!0,writable:!0}):t[n]=H,t))};return(0,u.useLayoutEffect)(function(){if(B.current&&F.current&&G.current&&J.current){var e=S||B.current.clientWidth;F.current.clientWidth+G.current.clientWidth+J.current.clientWidth>e?K(!0):K(!1)}},[V]),(0,u.useEffect)(function(){return X({}),function(){return K(!1)}},[y,v,JSON.stringify(q),Number(S)]),(0,c.jsxs)("div",{"data-testid":m,ref:B,className:(0,i.default)("j4",f,h),children:[!!e[Z]&&(0,c.jsx)("a",{ref:F,href:"".concat(en(Z)).concat(null==(o=e[Z])?void 0:o.trim()),target:"_blank",rel:"noreferrer",className:er(!0),children:H?et(Z):"".concat(e[Z]).concat(e[ee]||U?Y():"")}),!!e[ee]&&(0,c.jsx)("a",{ref:G,href:"".concat(en(ee)).concat(null==(a=e[ee])?void 0:a.trim()),target:"_blank",rel:"noreferrer",className:er(!1),children:H?et(ee):"".concat(e[ee]).concat(U?Y():"")}),U&&(0,c.jsxs)("span",{ref:J,className:(0,i.default)("no-wrap","".concat(f,"__contacts")),children:[L?q.map(function(e){return"".concat(e).concat(Y("main"))}):null,L&&P&&!(void 0!==C&&C)?" ".concat(I(P)):"",L&&M&&(null==M?void 0:M.length)&&!E?Y():"",M&&(null==M?void 0:M.length)&&!E?null==M||null==(s=M.map)?void 0:s.call(M,function(e){return"".concat(e).concat(Y("other"))}):null]})]})};
+"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;
+}
+const RC = 'user-contacts';
+const UserContacts = (props)=>{
+    var _props_firstKey, _props_secondKey, _otherContacts_map;
+    const { testId = RC, className, email, phone, EmailIcon, PhoneIcon, isFirstPhone = false, maxWidth, isUseCommaSeparator = true, generalizingWord = 'contact', isNotRenderGeneralizingWord = false, Lng = (value)=>value, otherContacts = [], isOtherTogetherMainContacts = false, ...mainContacts } = props || {};
+    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;

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

@@ -1 +1,83 @@
-function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function r(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function e(r,e){return function(t){if(Array.isArray(t))return t}(r)||function(t,r){var e,n,i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var o=[],a=!0,s=!1;try{for(i=i.call(t);!(a=(e=i.next()).done)&&(o.push(e.value),!r||o.length!==r);a=!0);}catch(t){s=!0,n=t}finally{try{a||null==i.return||i.return()}finally{if(s)throw n}}return o}}(r,e)||function(r,e){if(r){if("string"==typeof r)return t(r,e);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(r,e)}}(r,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as n}from"react/jsx-runtime";import{useEffect as i,useState as o}from"react";import a from"classnames";import{compare as s}from"../../../Functions/utils";import c from"./partials/VariantsListRadioItem";import"./VariantsListRadio.scss";var l="variants-list-radio";export default function(t){var u,f=t.items,d=t.value,p=t.onChange,b=void 0===p?function(){}:p,m=t.isWithBorders,y=t.itemsContentRenderMode,v=t.isRadioPositionReverse,O=t.isUseAsOptionsList,h=t.disabled,j=t.isDisabled,g=t.id,P=t.className,w=t.testId,A=t.attributesOfNativeInput,S=t.isMixWithPersonalAttributes,D=e(o(f),2),I=D[0],R=D[1],x=e(o(d),2),C=x[0],L=x[1],M=g||"variantsListRadio",N=h||j,E=function(t){L(t),b(t)};return i(function(){s(f,I)||R(f)},[f]),i(function(){C!==d&&L(d)},[d]),n("div",{id:M,"data-testid":void 0===w?"variants-list-radio":w,className:a(l,"".concat(l,"_items-content-").concat("col"===y?"col":"row"),P,(r(u={},"".concat(l,"_with-borders"),m&&!O),r(u,"".concat(l,"_radio-position-reverse"),v),u)),children:I.map(function(t){var e,i;return n(c,{RC:l,parentId:M,item:(e=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(e){r(t,e,n[e])})}return t}({},t),i=i={isDisabled:t.disabled||t.isDisabled||N||!1},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):(function(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e.push.apply(e,n)}return e})(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}),e),value:C,onChange:E,attributesOfNativeInput:A,isMixWithPersonalAttributes:S,parentDisabled:h,isUseAsOptionsList:O},"variants-list-radio-id-".concat(M,"-item-id-").concat(t.value))})})}
+import React, { useEffect, useState } from "react";
+
+import cn from "classnames";
+
+import { compare } from "../../../Functions/utils";
+
+import VariantsListRadioItem from "./partials/VariantsListRadioItem";
+
+import "./VariantsListRadio.scss";
+
+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] = useState(outerItems);
+  const [value, setValue] = useState(outerValue);
+
+  const componentnId = id || "variantsListRadio";
+  const mode = itemsContentRenderMode === "col" ? "col" : "row";
+  const isElementDisabled = disabled || isDisabled;
+
+  const handleChange = (newValue) => {
+    setValue(newValue);
+    onChange(newValue);
+  };
+
+  useEffect(() => {
+    if (!compare(outerItems, items)) setItems(outerItems);
+  }, [outerItems]);
+
+  useEffect(() => {
+    if (value !== outerValue) setValue(outerValue);
+  }, [outerValue]);
+
+  return (
+    <div
+      id={componentnId}
+      data-testid={testId}
+      className={cn(RC, `${RC}_items-content-${mode}`, className, {
+        [`${RC}_with-borders`]: isWithBorders && !isUseAsOptionsList,
+        [`${RC}_radio-position-reverse`]: isRadioPositionReverse,
+      })}
+    >
+      {items.map((item) => (
+        <VariantsListRadioItem
+          key={`variants-list-radio-id-${componentnId}-item-id-${item.value}`}
+          RC={RC}
+          parentId={componentnId}
+          item={{
+            ...item,
+            isDisabled:
+              item.disabled || item.isDisabled || isElementDisabled || false,
+          }}
+          value={value}
+          onChange={handleChange}
+          attributesOfNativeInput={attributesOfNativeInput}
+          isMixWithPersonalAttributes={isMixWithPersonalAttributes}
+          parentDisabled={disabled}
+          isUseAsOptionsList={isUseAsOptionsList}
+        />
+      ))}
+    </div>
+  );
+};
+
+export default VariantsListRadio;

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

@@ -1 +1,82 @@
-function t(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function e(e){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),a.forEach(function(i){t(e,i,n[i])})}return e}import{jsx as i,jsxs as n}from"react/jsx-runtime";import"react";import a from"classnames";import{getIsOnlyAnObject as c}from"../../../../Functions/utils";export default function(r){var o,s=r.RC,l=r.parentId,d=r.item,m=r.value,u=r.onChange,_=void 0===u?function(){}:u,p=r.attributesOfNativeInput,v=void 0===p?{}:p,f=r.isMixWithPersonalAttributes,b=r.isUseAsOptionsList,h=r.testId,N=void 0===h?"variants-list-radio-item":h;if(!l||!c(d))return null;var O=d.value,g=d.label,y=d.description,j=d.isDisabled,w=d.attributesOfNativeInput,x="".concat(l.toString(),"--item-").concat(O),P=l.toString(),I=m===O,S=f?e({},v,w):w||v||{};return n("label",{"data-testid":N,className:a("".concat(s,"__item"),(t(o={},"".concat(s,"__item_disabled"),j),t(o,"".concat(s,"__item_active"),I),t(o,"".concat(s,"__item_as-option"),b),o)),htmlFor:x,children:[i("div",{className:a("".concat(s,"__item-radio-container")),children:n("div",{className:a("".concat(s,"__item-radio")),children:[i("input",e({id:x,"data-testid":"".concat(N,"-input"),type:"radio",checked:I,className:"".concat(s,"__item-radio-input"),onChange:function(){return _(O)},name:P,disabled:j},S)),i("div",{className:"".concat(s,"__item-radio-mark")})]})}),n("div",{className:a("".concat(s,"__item-content")),children:[g&&i("div",{className:a("".concat(s,"__item-content-wrapper")),children:i("div",{className:a("".concat(s,"__item-content-label")),children:g})}),y&&!b&&i("div",{className:a("".concat(s,"__item-content-wrapper")),children:i("div",{className:a("".concat(s,"__item-content-description")),children:y})})]})]})}
+import React from "react";
+
+import cn from "classnames";
+
+import { getIsOnlyAnObject } from "../../../../Functions/utils";
+
+const VariantsListRadioItem = ({
+  RC,
+  parentId,
+  item,
+  value: actualValue,
+  onChange = () => {},
+
+  attributesOfNativeInput = {},
+  isMixWithPersonalAttributes,
+
+  isUseAsOptionsList,
+  testId = "variants-list-radio-item",
+}) => {
+  // ? Для корректной работы нужны parentId и item(объект)
+  if (!parentId || !getIsOnlyAnObject(item)) return null;
+
+  const {
+    value,
+    label,
+    description,
+    isDisabled,
+    attributesOfNativeInput: personalAttributesOfNativeInput,
+  } = item;
+  const id = `${parentId.toString()}--item-${value}`;
+  const name = parentId.toString();
+  const isActive = actualValue === value;
+  const addAtributesObj = isMixWithPersonalAttributes
+    ? { ...attributesOfNativeInput, ...personalAttributesOfNativeInput }
+    : personalAttributesOfNativeInput || attributesOfNativeInput || {};
+
+  return (
+    <label
+      data-testid={testId}
+      className={cn(`${RC}__item`, {
+        [`${RC}__item_disabled`]: isDisabled,
+        [`${RC}__item_active`]: isActive,
+        [`${RC}__item_as-option`]: isUseAsOptionsList,
+      })}
+      htmlFor={id}
+    >
+      <div className={cn(`${RC}__item-radio-container`)}>
+        <div className={cn(`${RC}__item-radio`)}>
+          <input
+            id={id}
+            data-testid={`${testId}-input`}
+            type="radio"
+            checked={isActive}
+            className={`${RC}__item-radio-input`}
+            onChange={() => onChange(value)}
+            name={name}
+            disabled={isDisabled}
+            {...addAtributesObj}
+          />
+          <div className={`${RC}__item-radio-mark`}></div>
+        </div>
+      </div>
+
+      <div className={cn(`${RC}__item-content`)}>
+        {label && (
+          <div className={cn(`${RC}__item-content-wrapper`)}>
+            <div className={cn(`${RC}__item-content-label`)}>{label}</div>
+          </div>
+        )}
+        {description && !isUseAsOptionsList && (
+          <div className={cn(`${RC}__item-content-wrapper`)}>
+            <div className={cn(`${RC}__item-content-description`)}>
+              {description}
+            </div>
+          </div>
+        )}
+      </div>
+    </label>
+  );
+};
+
+export default VariantsListRadioItem;

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js

@@ -1 +1,101 @@
-function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function t(t){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{},a=Object.keys(c);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(c).filter(function(e){return Object.getOwnPropertyDescriptor(c,e).enumerable}))),a.forEach(function(n){e(t,n,c[n])})}return t}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);n.push.apply(n,c)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}import{jsx as c,jsxs as a}from"react/jsx-runtime";import"react";import r from"classnames";import"./WidgetPseudoTable.scss";var o="widget-pseudo-table";export default function(l){var i=l||{},s=i.className,d=i.title,u=i.rightHeaderContent,m=i.nullContentData,p=i.isNotRenderThead,h=i.isNoHeader,b=i.columns,_=void 0===b?[]:b,f=i.rows,y=i.CellComponent,v=i.CellComponentProps,O=i.onChange;return a("div",{className:r(o,s),children:[!(void 0!==h&&h)&&a("div",{className:r("".concat(o,"__header")),children:[c("div",{className:r("".concat(o,"__title-block")),children:d}),c("div",{className:r("".concat(o,"__right-header-content-block")),children:u})]}),a("div",{className:r("".concat(o,"__body"),e({},"".concat(o,"__body_no-content"),!(null==f?void 0:f.length))),children:[!!(null==f?void 0:f.length)&&!(void 0!==p&&p)&&c("div",{className:r("".concat(o,"__thead")),children:_.map(function(t){return c("div",{className:r("".concat(o,"__thead-cell"),t.theadCellClassName,t.columnClassName,e({},"".concat(o,"__thead-cell_reqiured"),t.isRequired)),"data-key":t.key,children:t.label},"thead-".concat(t.key))})}),c("div",{className:r("".concat(o,"__table")),children:(null==f?void 0:f.length)?f.map(function(e){return c("div",{className:r("".concat(o,"__row")),"data-id":e.id,children:_.map(function(a){return c("div",{className:r("".concat(o,"__cell"),a.cellClassName,a.columnClassName),children:c(y,n(t({},v),{field:n(t({},a),{value:e[a.key],rowData:e}),onChange:function(t,n){return O(n,a.key,e.id)}}))},"row-".concat(e.id,"-cell-").concat(a.key))})},"row-".concat(e.id))}):c("div",{className:r("".concat(o,"__row")),"data-id":"empty-row",children:c("span",{className:r("".concat(o,"__no-data-content")),children:null!=m?m:"No data"})})})]})]})}
+import React from "react";
+
+import cn from "classnames";
+
+import "./WidgetPseudoTable.scss";
+
+const RC = "widget-pseudo-table";
+
+const WidgetPseudoTable = (props) => {
+  const {
+    className,
+    title,
+    rightHeaderContent,
+    nullContentData,
+    isNotRenderThead = false,
+    isNoHeader = false,
+    columns = [],
+    rows,
+    CellComponent,
+    CellComponentProps,
+    onChange,
+  } = props || {};
+
+  return (
+    <div className={cn(RC, className)}>
+      {!isNoHeader && <div className={cn(`${RC}__header`)}>
+        <div className={cn(`${RC}__title-block`)}>{title}</div>
+        <div className={cn(`${RC}__right-header-content-block`)}>
+          {rightHeaderContent}
+        </div>
+      </div>}
+      <div
+        className={cn(`${RC}__body`, {
+          [`${RC}__body_no-content`]: !rows?.length,
+        })}
+      >
+        {Boolean(rows?.length) && !isNotRenderThead && (
+          <div className={cn(`${RC}__thead`)}>
+            {columns.map((field) => (
+              <div
+                key={`thead-${field.key}`}
+                className={cn(
+                  `${RC}__thead-cell`,
+                  field.theadCellClassName,
+                  field.columnClassName,
+                  {
+                    [`${RC}__thead-cell_reqiured`]: field.isRequired,
+                  },
+                )}
+                data-key={field.key}
+              >
+                {field.label}
+              </div>
+            ))}
+          </div>
+        )}
+
+        <div className={cn(`${RC}__table`)}>
+          {rows?.length ? (
+            rows.map((row) => (
+              <div
+                key={`row-${row.id}`}
+                className={cn(`${RC}__row`)}
+                data-id={row.id}
+              >
+                {columns.map((cell) => (
+                  <div
+                    key={`row-${row.id}-cell-${cell.key}`}
+                    className={cn(
+                      `${RC}__cell`,
+                      cell.cellClassName,
+                      cell.columnClassName,
+                    )}
+                  >
+                    <CellComponent
+                      {...CellComponentProps}
+                      field={{
+                        ...cell,
+                        value: row[cell.key],
+                        rowData: row,
+                      }}
+                      onChange={(key, val) => onChange(val, cell.key, row.id)}
+                    />
+                  </div>
+                ))}
+              </div>
+            ))
+          ) : (
+            <div className={cn(`${RC}__row`)} data-id="empty-row">
+              <span className={cn(`${RC}__no-data-content`)}>
+                {nullContentData ?? "No data"}
+              </span>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default WidgetPseudoTable;

package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js

@@ -1 +1,29 @@
-export default[{key:"key1",type:"label",label:"lender",cellClassName:""},{key:"key2",type:"input",label:"Transaction Fee split, %",isRequired:!0,theadCellClassName:"",cellClassName:"",columnClassName:"",onlyNumbers:{type:"float",decimalPlaces:2}},{key:"key3",type:"input",label:"Revenue Share split, %",isRequired:!0,theadCellClassName:"",cellClassName:"",columnClassName:"",onlyNumbers:{type:"float",decimalPlaces:2}}];
+const constructor = [
+  {
+    key: "key1",
+    type: "label",
+    label: "lender",
+    cellClassName: "",
+  },
+  {
+    key: "key2",
+    type: "input",
+    label: "Transaction Fee split, %",
+    isRequired: true,
+    theadCellClassName: "",
+    cellClassName: "",
+    columnClassName: "",
+    onlyNumbers: { type: "float", decimalPlaces: 2 },
+  },
+  {
+    key: "key3",
+    type: "input",
+    label: "Revenue Share split, %",
+    isRequired: true,
+    theadCellClassName: "",
+    cellClassName: "",
+    columnClassName: "",
+    onlyNumbers: { type: "float", decimalPlaces: 2 },
+  },
+];
+export default constructor;

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js

@@ -1 +1,113 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),a.forEach(function(r){t(e,r,n[r])})}return e}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}),e}import{jsx as a,jsxs as c}from"react/jsx-runtime";import"react";import o from"classnames";import"./WidgetWithSwitchableRows.scss";var i="widget-with-switchable-rows";export default function(l){var s,d=l||{},u=d.className,m=d.title,b=d.rightHeaderContent,y=d.nullContentData,f=d.columns,p=void 0===f?[]:f,h=d.rows,v=d.CellComponent,_=d.CellComponentProps,w=d.onChange,g=d.isNoHeader,O=[n(r({},p[0]),{key:"isActive",type:"switcher"})].concat(function(t){if(Array.isArray(t))return e(t)}(s=p.slice(1))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(s)||function(t,r){if(t){if("string"==typeof t)return e(t,void 0);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(s)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());return c("div",{className:o(i,u),children:[!(void 0!==g&&g)&&c("div",{className:o("".concat(i,"__header")),children:[a("div",{className:o("".concat(i,"__title-block")),children:m}),a("div",{className:o("".concat(i,"__right-header-content-block")),children:b})]}),c("div",{className:o("".concat(i,"__body"),t({},"".concat(i,"__body_no-content"),!(null==h?void 0:h.length))),children:[!!(null==h?void 0:h.length)&&a("div",{className:o("".concat(i,"__thead")),children:O.map(function(e){return a("div",{className:o("".concat(i,"__thead-cell"),e.theadCellClassName,e.columnClassName,t({},"".concat(i,"__thead-cell_reqiured"),e.isRequired)),"data-key":e.key,children:e.label},"thead-".concat(e.key))})}),a("div",{className:o("".concat(i,"__table")),children:(null==h?void 0:h.length)?h.map(function(e){return a("div",{className:o("".concat(i,"__row")),"data-id":e.id,children:O.map(function(t){return a("div",{className:o("".concat(i,"__cell"),t.cellClassName,t.columnClassName),children:a(v,n(r({},_),{field:r(n(r({},t),{value:e[t.key],rowData:e}),"isActive"===t.key?{disabled:t.disabled,label:e.label,isActive:e.isActive}:{disabled:!e.isActive,label:t.label}),onChange:function(r,n,a,c,o){return w({value:n,additional:o,propName:a,innerFieldKey:c,key:t.key||r,rowId:e.id})}}))},"row-".concat(e.id,"-cell-").concat(t.key))})},"row-".concat(e.id))}):a("div",{className:o("".concat(i,"__row")),"data-id":"empty-row",children:a("span",{className:o("".concat(i,"__no-data-content")),children:null!=y?y:"No data"})})})]})]})}
+import React from "react";
+
+import cn from "classnames";
+
+import "./WidgetWithSwitchableRows.scss";
+
+const RC = "widget-with-switchable-rows";
+
+const WidgetWithSwitchableRows = (props) => {
+  const {
+    className,
+    title,
+    rightHeaderContent,
+    nullContentData,
+
+    columns = [],
+    rows,
+    CellComponent,
+    CellComponentProps,
+    onChange,
+    isNoHeader = false,
+  } = props || {};
+
+  const preperedColumns = [
+    { ...columns[0], key: "isActive", type: "switcher" },
+    ...columns.slice(1),
+  ];
+
+  return (
+    <div className={cn(RC, className)}>
+      {!isNoHeader && <div className={cn(`${RC}__header`)}>
+        <div className={cn(`${RC}__title-block`)}>{title}</div>
+        <div className={cn(`${RC}__right-header-content-block`)}>
+          {rightHeaderContent}
+        </div>
+      </div>}
+      <div
+        className={cn(`${RC}__body`, {
+          [`${RC}__body_no-content`]: !rows?.length,
+        })}
+      >
+        {Boolean(rows?.length) && (
+          <div className={cn(`${RC}__thead`)}>
+            {preperedColumns.map((field) => (
+              <div
+                key={`thead-${field.key}`}
+                className={cn(
+                  `${RC}__thead-cell`,
+                  field.theadCellClassName,
+                  field.columnClassName,
+                  {
+                    [`${RC}__thead-cell_reqiured`]: field.isRequired,
+                  },
+                )}
+                data-key={field.key}
+              >
+                {field.label}
+              </div>
+            ))}
+          </div>
+        )}
+
+        <div className={cn(`${RC}__table`)}>
+          {rows?.length ? (
+            rows.map((row) => (
+              <div
+                key={`row-${row.id}`}
+                className={cn(`${RC}__row`)}
+                data-id={row.id}
+              >
+                {preperedColumns.map((cell) => (
+                  <div
+                    key={`row-${row.id}-cell-${cell.key}`}
+                    className={cn(
+                      `${RC}__cell`,
+                      cell.cellClassName,
+                      cell.columnClassName,
+                    )}
+                  >
+                    <CellComponent
+                      {...CellComponentProps}
+                      field={{
+                        ...cell,
+                        value: row[cell.key],
+                        rowData: row,
+                        ...(cell.key === "isActive"
+                          ? {
+                              disabled: cell.disabled,
+                              label: row.label,
+                              isActive: row.isActive,
+                            }
+                          : { disabled: !row.isActive, label: cell.label }),
+                      }}
+                      onChange={(key, value, propName, innerFieldKey, additional) => onChange({value, additional, propName, innerFieldKey, key: cell.key || key, rowId: row.id })}
+                    />
+                  </div>
+                ))}
+              </div>
+            ))
+          ) : (
+            <div className={cn(`${RC}__row`)} data-id="empty-row">
+              <span className={cn(`${RC}__no-data-content`)}>
+                {nullContentData ?? "No data"}
+              </span>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default WidgetWithSwitchableRows;

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js

@@ -1 +1,30 @@
-export default[{label:"lender",cellClassName:""},{key:"key1",label:"Transaction Fee split, %",isRequired:!0,theadCellClassName:"",cellClassName:"",columnClassName:"",onlyNumbers:{type:"float",decimalPlaces:2}},{key:"key2",label:"Revenue Share split, %",isRequired:!0,theadCellClassName:"",cellClassName:"",columnClassName:"",onlyNumbers:{type:"float",decimalPlaces:2},min:0,max:50}];
+const constructor = [
+  // первый элемент относится к свитчеру, можно пробросить доп. пропы
+  // невозможно сменить ключ и тип (ключ - isActive, тип - switcher)
+  // label применится к шапке таблички, но в самих строках label свитчера - это label строки
+  {
+    label: "lender",
+    cellClassName: "",
+  },
+  {
+    key: "key1",
+    label: "Transaction Fee split, %",
+    isRequired: true,
+    theadCellClassName: "",
+    cellClassName: "",
+    columnClassName: "",
+    onlyNumbers: { type: "float", decimalPlaces: 2 },
+  },
+  {
+    key: "key2",
+    label: "Revenue Share split, %",
+    isRequired: true,
+    theadCellClassName: "",
+    cellClassName: "",
+    columnClassName: "",
+    onlyNumbers: { type: "float", decimalPlaces: 2 },
+    min: 0,
+    max: 50,
+  },
+];
+export default constructor;