intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,246 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Radio: function() {
+        return Radio;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _VariantsListRadio = /*#__PURE__*/ _interop_require_default(require("./VariantsListRadio"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/VariantsListRadio',
+    component: _VariantsListRadio.default,
+    argTypes: {
+        items: {
+            description: 'List items array (of objects). '
+        },
+        isWithBorders: {
+            description: 'boolean, how render items?'
+        },
+        itemsContentRenderMode: {
+            description: 'string "row" or "col" ("row" is default), how render item labels and description?'
+        },
+        isRadioPositionReverse: {
+            description: 'boolean, if true, the radio element in items is positioned on the left'
+        },
+        isUseAsOptionsList: {
+            description: 'boolean, it looks like a list of options, descriptions are not displayed, dominates the isWithBorders property'
+        },
+        disabled: {
+            description: 'boolean, disable all radio items'
+        },
+        isDisabled: {
+            description: 'like disabled'
+        },
+        id: {
+            description: 'string. optional'
+        },
+        testId: {
+            description: 'string. optional'
+        },
+        className: {
+            description: 'string. optional'
+        },
+        onChange: {
+            description: 'function'
+        },
+        attributesOfNativeInput: {
+            description: 'Object. Optional. This is list of attributes to add in native input, format { ..., [atribut_key]: atribut_value, ... }'
+        },
+        isMixWithPersonalAttributes: {
+            description: 'boolean, if true then personal attributesOfNativeInput of item must be mixed by an common attributesOfNativeInput'
+        }
+    }
+};
+const containerStyles = {
+    boxSizing: 'border-box',
+    width: '180px'
+};
+const buttonStyles = {
+    border: '1px solid black',
+    padding: '5px'
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)(args.value);
+    (0, _react.useEffect)(()=>{
+        if (value !== args.value) setValue(args.value);
+    }, [
+        args.value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        style: containerStyles,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VariantsListRadio.default, _object_spread_props(_object_spread({}, args), {
+                id: 'test-VariantsListRadio',
+                value: value,
+                onChange: (value)=>setValue(value),
+                className: ''
+            })),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
+                style: buttonStyles,
+                onClick: ()=>{
+                    setValue(args.items[0].value);
+                },
+                children: [
+                    "Change value to ",
+                    args.items[0].label
+                ]
+            })
+        ]
+    });
+};
+const Radio = Template.bind({});
+Radio.args = {
+    items: [
+        {
+            value: '1',
+            label: 'First',
+            description: 'bla',
+            disabled: true
+        },
+        {
+            value: '2',
+            label: 'Second',
+            description: 'bla-bla',
+            isDisabled: true
+        },
+        {
+            value: '3',
+            label: 'Third',
+            description: 'bla-bla-bla',
+            attributesOfNativeInput: {
+                'data-test1': 'Дратути!'
+            }
+        }
+    ],
+    value: '',
+    isWithBorders: false,
+    itemsContentRenderMode: 'row',
+    isRadioPositionReverse: false,
+    isUseAsOptionsList: false,
+    disabled: false,
+    isDisabled: false,
+    id: 'storybook-VariantsListRadio',
+    className: '',
+    testId: 'storybook-VariantsListRadio',
+    attributesOfNativeInput: {
+        'data-test2': 'И снова Дратути!'
+    },
+    isMixWithPersonalAttributes: false
+};
+
+//# sourceMappingURL=VariantsListRadio.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/VariantsListRadio/VariantsListRadio.stories.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport VariantsListRadio from './VariantsListRadio';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/VariantsListRadio',\n  component: VariantsListRadio,\n  argTypes: {\n    items: {\n      description: 'List items array (of objects). ',\n    },\n    isWithBorders: {\n      description: 'boolean, how render items?',\n    },\n    itemsContentRenderMode: {\n      description: 'string \"row\" or \"col\" (\"row\" is default), how render item labels and description?',\n    },\n\n    isRadioPositionReverse: {\n      description: 'boolean, if true, the radio element in items is positioned on the left',\n    },\n\n    isUseAsOptionsList: {\n      description: 'boolean, it looks like a list of options, descriptions are not displayed, dominates the isWithBorders property',\n    },\n\n    disabled: {\n      description: 'boolean, disable all radio items',\n    },\n\n    isDisabled: {\n      description: 'like disabled',\n    },\n\n    id: {\n      description: 'string. optional',\n    },\n\n    testId: {\n      description: 'string. optional',\n    },\n\n    className: {\n      description: 'string. optional',\n    },\n\n    onChange: {\n      description: 'function',\n    },\n\n    attributesOfNativeInput: {\n      description: 'Object. Optional. This is list of attributes to add in native input, format { ..., [atribut_key]: atribut_value, ... }',\n    },\n\n    isMixWithPersonalAttributes: {\n      description: 'boolean, if true then personal attributesOfNativeInput of item must be mixed by an common attributesOfNativeInput',\n    },\n  },\n};\n\nconst containerStyles = {\n  boxSizing: 'border-box',\n  width: '180px',\n  // border: '1px solid black',\n};\n\nconst buttonStyles = {\n  border: '1px solid black',\n  padding: '5px',\n}\n\nconst Template = args => {\n  const [value, setValue] = useState(args.value);\n\n  useEffect(() => {\n    if (value !== args.value) setValue(args.value);\n  }, [args.value])\n\n  return (\n    <div style={containerStyles}>\n      <VariantsListRadio {...args} id={'test-VariantsListRadio'} value={value} onChange={value => setValue(value)} className={''} />\n      <br/>\n      <br/>\n      <br/>\n      <button style={buttonStyles} onClick={() => {setValue(args.items[0].value)}}>\n        Change value to {args.items[0].label}\n      </button>\n    </div>\n  );\n};\n\nexport const Radio = Template.bind({});\n\nRadio.args = {\n  items: [\n    {\n      value: '1',\n      label: 'First',\n      description: 'bla',\n      disabled: true,\n    },\n    {\n      value: '2',\n      label: 'Second',\n      description: 'bla-bla',\n      isDisabled: true,\n    },\n    {\n      value: '3',\n      label: 'Third',\n      description: 'bla-bla-bla',\n      attributesOfNativeInput: { 'data-test1': 'Дратути!'}\n    }\n  ],\n  value: '',\n\n  isWithBorders: false,\n  itemsContentRenderMode: 'row',\n  isRadioPositionReverse: false,\n  isUseAsOptionsList: false,\n  disabled: false,\n  isDisabled: false,\n  \n  id: 'storybook-VariantsListRadio',\n  className: '',\n  testId: 'storybook-VariantsListRadio',\n\n  attributesOfNativeInput: { 'data-test2': 'И снова Дратути!'},\n  isMixWithPersonalAttributes: false,\n};\n"],"names":["Radio","global","lng","title","component","VariantsListRadio","argTypes","items","description","isWithBorders","itemsContentRenderMode","isRadioPositionReverse","isUseAsOptionsList","disabled","isDisabled","id","testId","className","onChange","attributesOfNativeInput","isMixWithPersonalAttributes","containerStyles","boxSizing","width","buttonStyles","border","padding","Template","args","value","setValue","useState","useEffect","div","style","br","button","onClick","label","bind"],"mappings":";;;;;;;;;;;IA4FaA,KAAK;eAALA;;IAvFb,OAsDE;eAtDF;;;;+DAL2C;0EACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9BC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,0BAAiB;IAC5BC,UAAU;QACRC,OAAO;YACLC,aAAa;QACf;QACAC,eAAe;YACbD,aAAa;QACf;QACAE,wBAAwB;YACtBF,aAAa;QACf;QAEAG,wBAAwB;YACtBH,aAAa;QACf;QAEAI,oBAAoB;YAClBJ,aAAa;QACf;QAEAK,UAAU;YACRL,aAAa;QACf;QAEAM,YAAY;YACVN,aAAa;QACf;QAEAO,IAAI;YACFP,aAAa;QACf;QAEAQ,QAAQ;YACNR,aAAa;QACf;QAEAS,WAAW;YACTT,aAAa;QACf;QAEAU,UAAU;YACRV,aAAa;QACf;QAEAW,yBAAyB;YACvBX,aAAa;QACf;QAEAY,6BAA6B;YAC3BZ,aAAa;QACf;IACF;AACF;AAEA,MAAMa,kBAAkB;IACtBC,WAAW;IACXC,OAAO;AAET;AAEA,MAAMC,eAAe;IACnBC,QAAQ;IACRC,SAAS;AACX;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACH,KAAKC,KAAK;IAE7CG,IAAAA,gBAAS,EAAC;QACR,IAAIH,UAAUD,KAAKC,KAAK,EAAEC,SAASF,KAAKC,KAAK;IAC/C,GAAG;QAACD,KAAKC,KAAK;KAAC;IAEf,qBACE,sBAACI;QAAIC,OAAOb;;0BACV,qBAAChB,0BAAiB,0CAAKuB;gBAAMb,IAAI;gBAA0Bc,OAAOA;gBAAOX,UAAUW,CAAAA,QAASC,SAASD;gBAAQZ,WAAW;;0BACxH,qBAACkB;0BACD,qBAACA;0BACD,qBAACA;0BACD,sBAACC;gBAAOF,OAAOV;gBAAca,SAAS;oBAAOP,SAASF,KAAKrB,KAAK,CAAC,EAAE,CAACsB,KAAK;gBAAC;;oBAAG;oBAC1DD,KAAKrB,KAAK,CAAC,EAAE,CAAC+B,KAAK;;;;;AAI5C;AAEO,MAAMtC,QAAQ2B,SAASY,IAAI,CAAC,CAAC;AAEpCvC,MAAM4B,IAAI,GAAG;IACXrB,OAAO;QACL;YACEsB,OAAO;YACPS,OAAO;YACP9B,aAAa;YACbK,UAAU;QACZ;QACA;YACEgB,OAAO;YACPS,OAAO;YACP9B,aAAa;YACbM,YAAY;QACd;QACA;YACEe,OAAO;YACPS,OAAO;YACP9B,aAAa;YACbW,yBAAyB;gBAAE,cAAc;YAAU;QACrD;KACD;IACDU,OAAO;IAEPpB,eAAe;IACfC,wBAAwB;IACxBC,wBAAwB;IACxBC,oBAAoB;IACpBC,UAAU;IACVC,YAAY;IAEZC,IAAI;IACJE,WAAW;IACXD,QAAQ;IAERG,yBAAyB;QAAE,cAAc;IAAkB;IAC3DC,6BAA6B;AAC/B"}

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

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _utils = require("../../../../Functions/utils");
+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 _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;
+}
+const VariantsListRadioItem = ({ RC, parentId, item, value: actualValue, onChange = ()=>{}, attributesOfNativeInput = {}, isMixWithPersonalAttributes, isUseAsOptionsList, testId = "variants-list-radio-item" })=>{
+    // ? Для корректной работы нужны parentId и item(объект)
+    if (!parentId || !(0, _utils.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 ? _object_spread({}, attributesOfNativeInput, personalAttributesOfNativeInput) : personalAttributesOfNativeInput || attributesOfNativeInput || {};
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(`${RC}__item`, {
+            [`${RC}__item_disabled`]: isDisabled,
+            [`${RC}__item_active`]: isActive,
+            [`${RC}__item_as-option`]: isUseAsOptionsList
+        }),
+        htmlFor: id,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__item-radio-container`),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: (0, _classnames.default)(`${RC}__item-radio`),
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
+                            id: id,
+                            "data-testid": `${testId}-input`,
+                            type: "radio",
+                            checked: isActive,
+                            className: `${RC}__item-radio-input`,
+                            onChange: ()=>onChange(value),
+                            name: name,
+                            disabled: isDisabled
+                        }, addAtributesObj)),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: `${RC}__item-radio-mark`
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(`${RC}__item-content`),
+                children: [
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__item-content-wrapper`),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: (0, _classnames.default)(`${RC}__item-content-label`),
+                            children: label
+                        })
+                    }),
+                    description && !isUseAsOptionsList && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__item-content-wrapper`),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: (0, _classnames.default)(`${RC}__item-content-description`),
+                            children: description
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = VariantsListRadioItem;
+
+//# sourceMappingURL=VariantsListRadioItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport { getIsOnlyAnObject } from \"../../../../Functions/utils\";\n\nconst VariantsListRadioItem = ({\n  RC,\n  parentId,\n  item,\n  value: actualValue,\n  onChange = () => {},\n\n  attributesOfNativeInput = {},\n  isMixWithPersonalAttributes,\n\n  isUseAsOptionsList,\n  testId = \"variants-list-radio-item\",\n}) => {\n  // ? Для корректной работы нужны parentId и item(объект)\n  if (!parentId || !getIsOnlyAnObject(item)) return null;\n\n  const {\n    value,\n    label,\n    description,\n    isDisabled,\n    attributesOfNativeInput: personalAttributesOfNativeInput,\n  } = item;\n  const id = `${parentId.toString()}--item-${value}`;\n  const name = parentId.toString();\n  const isActive = actualValue === value;\n  const addAtributesObj = isMixWithPersonalAttributes\n    ? { ...attributesOfNativeInput, ...personalAttributesOfNativeInput }\n    : personalAttributesOfNativeInput || attributesOfNativeInput || {};\n\n  return (\n    <label\n      data-testid={testId}\n      className={cn(`${RC}__item`, {\n        [`${RC}__item_disabled`]: isDisabled,\n        [`${RC}__item_active`]: isActive,\n        [`${RC}__item_as-option`]: isUseAsOptionsList,\n      })}\n      htmlFor={id}\n    >\n      <div className={cn(`${RC}__item-radio-container`)}>\n        <div className={cn(`${RC}__item-radio`)}>\n          <input\n            id={id}\n            data-testid={`${testId}-input`}\n            type=\"radio\"\n            checked={isActive}\n            className={`${RC}__item-radio-input`}\n            onChange={() => onChange(value)}\n            name={name}\n            disabled={isDisabled}\n            {...addAtributesObj}\n          />\n          <div className={`${RC}__item-radio-mark`}></div>\n        </div>\n      </div>\n\n      <div className={cn(`${RC}__item-content`)}>\n        {label && (\n          <div className={cn(`${RC}__item-content-wrapper`)}>\n            <div className={cn(`${RC}__item-content-label`)}>{label}</div>\n          </div>\n        )}\n        {description && !isUseAsOptionsList && (\n          <div className={cn(`${RC}__item-content-wrapper`)}>\n            <div className={cn(`${RC}__item-content-description`)}>\n              {description}\n            </div>\n          </div>\n        )}\n      </div>\n    </label>\n  );\n};\n\nexport default VariantsListRadioItem;\n"],"names":["VariantsListRadioItem","RC","parentId","item","value","actualValue","onChange","attributesOfNativeInput","isMixWithPersonalAttributes","isUseAsOptionsList","testId","getIsOnlyAnObject","label","description","isDisabled","personalAttributesOfNativeInput","id","toString","name","isActive","addAtributesObj","data-testid","className","cn","htmlFor","div","input","type","checked","disabled"],"mappings":";;;;+BAiFA;;;eAAA;;;;8DAjFkB;mEAEH;uBAEmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElC,MAAMA,wBAAwB,CAAC,EAC7BC,EAAE,EACFC,QAAQ,EACRC,IAAI,EACJC,OAAOC,WAAW,EAClBC,WAAW,KAAO,CAAC,EAEnBC,0BAA0B,CAAC,CAAC,EAC5BC,2BAA2B,EAE3BC,kBAAkB,EAClBC,SAAS,0BAA0B,EACpC;IACC,wDAAwD;IACxD,IAAI,CAACR,YAAY,CAACS,IAAAA,wBAAiB,EAACR,OAAO,OAAO;IAElD,MAAM,EACJC,KAAK,EACLQ,KAAK,EACLC,WAAW,EACXC,UAAU,EACVP,yBAAyBQ,+BAA+B,EACzD,GAAGZ;IACJ,MAAMa,KAAK,GAAGd,SAASe,QAAQ,GAAG,OAAO,EAAEb,OAAO;IAClD,MAAMc,OAAOhB,SAASe,QAAQ;IAC9B,MAAME,WAAWd,gBAAgBD;IACjC,MAAMgB,kBAAkBZ,8BACpB,mBAAKD,yBAA4BQ,mCACjCA,mCAAmCR,2BAA2B,CAAC;IAEnE,qBACE,sBAACK;QACCS,eAAaX;QACbY,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,MAAM,CAAC,EAAE;YAC3B,CAAC,GAAGA,GAAG,eAAe,CAAC,CAAC,EAAEa;YAC1B,CAAC,GAAGb,GAAG,aAAa,CAAC,CAAC,EAAEkB;YACxB,CAAC,GAAGlB,GAAG,gBAAgB,CAAC,CAAC,EAAEQ;QAC7B;QACAe,SAASR;;0BAET,qBAACS;gBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,sBAAsB,CAAC;0BAC9C,cAAA,sBAACwB;oBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,YAAY,CAAC;;sCACpC,qBAACyB;4BACCV,IAAIA;4BACJK,eAAa,GAAGX,OAAO,MAAM,CAAC;4BAC9BiB,MAAK;4BACLC,SAAST;4BACTG,WAAW,GAAGrB,GAAG,kBAAkB,CAAC;4BACpCK,UAAU,IAAMA,SAASF;4BACzBc,MAAMA;4BACNW,UAAUf;2BACNM;sCAEN,qBAACK;4BAAIH,WAAW,GAAGrB,GAAG,iBAAiB,CAAC;;;;;0BAI5C,sBAACwB;gBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,cAAc,CAAC;;oBACrCW,uBACC,qBAACa;wBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,sBAAsB,CAAC;kCAC9C,cAAA,qBAACwB;4BAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,oBAAoB,CAAC;sCAAIW;;;oBAGrDC,eAAe,CAACJ,oCACf,qBAACgB;wBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,sBAAsB,CAAC;kCAC9C,cAAA,qBAACwB;4BAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,0BAA0B,CAAC;sCACjDY;;;;;;;AAOf;MAEA,WAAeb"}

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

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+require("./WidgetPseudoTable.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 _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 = "widget-pseudo-table";
+const WidgetPseudoTable = (props)=>{
+    const { className, title, rightHeaderContent, nullContentData, isNotRenderThead = false, isNoHeader = false, columns = [], rows, CellComponent, CellComponentProps, onChange } = props || {};
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(RC, className),
+        children: [
+            !isNoHeader && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(`${RC}__header`),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__title-block`),
+                        children: title
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__right-header-content-block`),
+                        children: rightHeaderContent
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(`${RC}__body`, {
+                    [`${RC}__body_no-content`]: !(rows === null || rows === void 0 ? void 0 : rows.length)
+                }),
+                children: [
+                    Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && !isNotRenderThead && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__thead`),
+                        children: columns.map((field)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: (0, _classnames.default)(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, {
+                                    [`${RC}__thead-cell_reqiured`]: field.isRequired
+                                }),
+                                "data-key": field.key,
+                                children: field.label
+                            }, `thead-${field.key}`))
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__table`),
+                        children: (rows === null || rows === void 0 ? void 0 : rows.length) ? rows.map((row)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: (0, _classnames.default)(`${RC}__row`),
+                                "data-id": row.id,
+                                children: columns.map((cell)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                        className: (0, _classnames.default)(`${RC}__cell`, cell.cellClassName, cell.columnClassName),
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellComponent, _object_spread_props(_object_spread({}, CellComponentProps), {
+                                            field: _object_spread_props(_object_spread({}, cell), {
+                                                value: row[cell.key],
+                                                rowData: row
+                                            }),
+                                            onChange: (key, val)=>onChange(val, cell.key, row.id)
+                                        }))
+                                    }, `row-${row.id}-cell-${cell.key}`))
+                            }, `row-${row.id}`)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: (0, _classnames.default)(`${RC}__row`),
+                            "data-id": "empty-row",
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: (0, _classnames.default)(`${RC}__no-data-content`),
+                                children: nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data"
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = WidgetPseudoTable;
+
+//# sourceMappingURL=WidgetPseudoTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./WidgetPseudoTable.scss\";\n\nconst RC = \"widget-pseudo-table\";\n\nconst WidgetPseudoTable = (props) => {\n  const {\n    className,\n    title,\n    rightHeaderContent,\n    nullContentData,\n    isNotRenderThead = false,\n    isNoHeader = false,\n    columns = [],\n    rows,\n    CellComponent,\n    CellComponentProps,\n    onChange,\n  } = props || {};\n\n  return (\n    <div className={cn(RC, className)}>\n      {!isNoHeader && <div className={cn(`${RC}__header`)}>\n        <div className={cn(`${RC}__title-block`)}>{title}</div>\n        <div className={cn(`${RC}__right-header-content-block`)}>\n          {rightHeaderContent}\n        </div>\n      </div>}\n      <div\n        className={cn(`${RC}__body`, {\n          [`${RC}__body_no-content`]: !rows?.length,\n        })}\n      >\n        {Boolean(rows?.length) && !isNotRenderThead && (\n          <div className={cn(`${RC}__thead`)}>\n            {columns.map((field) => (\n              <div\n                key={`thead-${field.key}`}\n                className={cn(\n                  `${RC}__thead-cell`,\n                  field.theadCellClassName,\n                  field.columnClassName,\n                  {\n                    [`${RC}__thead-cell_reqiured`]: field.isRequired,\n                  },\n                )}\n                data-key={field.key}\n              >\n                {field.label}\n              </div>\n            ))}\n          </div>\n        )}\n\n        <div className={cn(`${RC}__table`)}>\n          {rows?.length ? (\n            rows.map((row) => (\n              <div\n                key={`row-${row.id}`}\n                className={cn(`${RC}__row`)}\n                data-id={row.id}\n              >\n                {columns.map((cell) => (\n                  <div\n                    key={`row-${row.id}-cell-${cell.key}`}\n                    className={cn(\n                      `${RC}__cell`,\n                      cell.cellClassName,\n                      cell.columnClassName,\n                    )}\n                  >\n                    <CellComponent\n                      {...CellComponentProps}\n                      field={{\n                        ...cell,\n                        value: row[cell.key],\n                        rowData: row,\n                      }}\n                      onChange={(key, val) => onChange(val, cell.key, row.id)}\n                    />\n                  </div>\n                ))}\n              </div>\n            ))\n          ) : (\n            <div className={cn(`${RC}__row`)} data-id=\"empty-row\">\n              <span className={cn(`${RC}__no-data-content`)}>\n                {nullContentData ?? \"No data\"}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetPseudoTable;\n"],"names":["RC","WidgetPseudoTable","props","className","title","rightHeaderContent","nullContentData","isNotRenderThead","isNoHeader","columns","rows","CellComponent","CellComponentProps","onChange","div","cn","length","Boolean","map","field","theadCellClassName","columnClassName","isRequired","data-key","key","label","row","data-id","id","cell","cellClassName","value","rowData","val","span"],"mappings":";;;;+BAoGA;;;eAAA;;;;8DApGkB;mEAEH;QAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,oBAAoB,CAACC;IACzB,MAAM,EACJC,SAAS,EACTC,KAAK,EACLC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,KAAK,EACxBC,aAAa,KAAK,EAClBC,UAAU,EAAE,EACZC,IAAI,EACJC,aAAa,EACbC,kBAAkB,EAClBC,QAAQ,EACT,GAAGX,SAAS,CAAC;IAEd,qBACE,sBAACY;QAAIX,WAAWY,IAAAA,mBAAE,EAACf,IAAIG;;YACpB,CAACK,4BAAc,sBAACM;gBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,QAAQ,CAAC;;kCAChD,qBAACc;wBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,aAAa,CAAC;kCAAII;;kCAC3C,qBAACU;wBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,4BAA4B,CAAC;kCACnDK;;;;0BAGL,sBAACS;gBACCX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,MAAM,CAAC,EAAE;oBAC3B,CAAC,GAAGA,GAAG,iBAAiB,CAAC,CAAC,EAAE,EAACU,iBAAAA,2BAAAA,KAAMM,MAAM;gBAC3C;;oBAECC,QAAQP,iBAAAA,2BAAAA,KAAMM,MAAM,KAAK,CAACT,kCACzB,qBAACO;wBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,OAAO,CAAC;kCAC9BS,QAAQS,GAAG,CAAC,CAACC,sBACZ,qBAACL;gCAECX,WAAWY,IAAAA,mBAAE,EACX,GAAGf,GAAG,YAAY,CAAC,EACnBmB,MAAMC,kBAAkB,EACxBD,MAAME,eAAe,EACrB;oCACE,CAAC,GAAGrB,GAAG,qBAAqB,CAAC,CAAC,EAAEmB,MAAMG,UAAU;gCAClD;gCAEFC,YAAUJ,MAAMK,GAAG;0CAElBL,MAAMM,KAAK;+BAXP,CAAC,MAAM,EAAEN,MAAMK,GAAG,EAAE;;kCAiBjC,qBAACV;wBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,OAAO,CAAC;kCAC9BU,CAAAA,iBAAAA,2BAAAA,KAAMM,MAAM,IACXN,KAAKQ,GAAG,CAAC,CAACQ,oBACR,qBAACZ;gCAECX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,KAAK,CAAC;gCAC1B2B,WAASD,IAAIE,EAAE;0CAEdnB,QAAQS,GAAG,CAAC,CAACW,qBACZ,qBAACf;wCAECX,WAAWY,IAAAA,mBAAE,EACX,GAAGf,GAAG,MAAM,CAAC,EACb6B,KAAKC,aAAa,EAClBD,KAAKR,eAAe;kDAGtB,cAAA,qBAACV,uDACKC;4CACJO,OAAO,wCACFU;gDACHE,OAAOL,GAAG,CAACG,KAAKL,GAAG,CAAC;gDACpBQ,SAASN;;4CAEXb,UAAU,CAACW,KAAKS,MAAQpB,SAASoB,KAAKJ,KAAKL,GAAG,EAAEE,IAAIE,EAAE;;uCAdnD,CAAC,IAAI,EAAEF,IAAIE,EAAE,CAAC,MAAM,EAAEC,KAAKL,GAAG,EAAE;+BANpC,CAAC,IAAI,EAAEE,IAAIE,EAAE,EAAE,mBA2BxB,qBAACd;4BAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,KAAK,CAAC;4BAAG2B,WAAQ;sCACxC,cAAA,qBAACO;gCAAK/B,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,iBAAiB,CAAC;0CACzCM,4BAAAA,6BAAAA,kBAAmB;;;;;;;;AAQpC;MAEA,WAAeL"}