intelicoreact 1.6.18 → 1.6.20

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

@@ -1 +1,220 @@
-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]})]})};
+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
+                ]
+            })
+        ]
+    });
+};

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;