intelicoreact 1.5.41 → 1.6.0

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

@@ -0,0 +1,193 @@
+"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 _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;
+}
+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, {
+                ...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
+};

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

@@ -1,75 +1,84 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../../Functions/utils");
-const VariantsListRadioItem = _ref => {
-  let {
-    RC,
-    parentId,
-    item,
-    value: actualValue,
-    onChange = () => {},
-    attributesOfNativeInput = {},
-    isMixWithPersonalAttributes,
-    isUseAsOptionsList,
-    testId = "variants-list-radio-item"
-  } = _ref;
-  // ? Для корректной работы нужны 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 ? {
-    ...attributesOfNativeInput,
-    ...personalAttributesOfNativeInput
-  } : personalAttributesOfNativeInput || attributesOfNativeInput || {};
-  return /*#__PURE__*/_react.default.createElement("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
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__item-radio-container`)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__item-radio`)
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    id: id,
-    "data-testid": `${testId}-input`,
-    type: "radio",
-    checked: isActive,
-    className: `${RC}__item-radio-input`,
-    onChange: () => onChange(value),
-    name: name,
-    disabled: isDisabled
-  }, addAtributesObj)), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__item-radio-mark`
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__item-content`)
-  }, label && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__item-content-wrapper`)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__item-content-label`)
-  }, label)), description && !isUseAsOptionsList && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__item-content-wrapper`)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__item-content-description`)
-  }, description))));
+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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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 ? {
+        ...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", {
+                            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
+                        })
+                    })
+                ]
+            })
+        ]
+    });
 };
-var _default = exports.default = VariantsListRadioItem;
+const _default = VariantsListRadioItem;

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

@@ -1,70 +1,85 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 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__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className)
-  }, !isNoHeader && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__header`)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__title-block`)
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__right-header-content-block`)
-  }, rightHeaderContent)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__body`, {
-      [`${RC}__body_no-content`]: !rows?.length
-    })
-  }, Boolean(rows?.length) && !isNotRenderThead && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__thead`)
-  }, columns.map(field => /*#__PURE__*/_react.default.createElement("div", {
-    key: `thead-${field.key}`,
-    className: (0, _classnames.default)(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, {
-      [`${RC}__thead-cell_reqiured`]: field.isRequired
-    }),
-    "data-key": field.key
-  }, field.label))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__table`)
-  }, rows?.length ? rows.map(row => /*#__PURE__*/_react.default.createElement("div", {
-    key: `row-${row.id}`,
-    className: (0, _classnames.default)(`${RC}__row`),
-    "data-id": row.id
-  }, columns.map(cell => /*#__PURE__*/_react.default.createElement("div", {
-    key: `row-${row.id}-cell-${cell.key}`,
-    className: (0, _classnames.default)(`${RC}__cell`, cell.cellClassName, cell.columnClassName)
-  }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
-    field: {
-      ...cell,
-      value: row[cell.key],
-      rowData: row
-    },
-    onChange: (key, val) => onChange(val, cell.key, row.id)
-  })))))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__row`),
-    "data-id": "empty-row"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(`${RC}__no-data-content`)
-  }, nullContentData ?? "No data")))));
+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, {
+                                            ...CellComponentProps,
+                                            field: {
+                                                ...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"
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
 };
-var _default = exports.default = WidgetPseudoTable;
+const _default = WidgetPseudoTable;

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss

@@ -1,5 +1,3 @@
-@import "../../../scss/vars";
-
 .widget-pseudo-table {
   --row-height: 44px;
   --thead-height: 20px;

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

@@ -0,0 +1,147 @@
+"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, {
+    WidgetPseudoTableTemplate: function() {
+        return WidgetPseudoTableTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _WidgetPseudoTable = /*#__PURE__*/ _interop_require_default(require("./WidgetPseudoTable"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+const _constructor = /*#__PURE__*/ _interop_require_default(require("./partial/constructor"));
+require("./partial/AnyOuterClass.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;
+}
+// import '../../../../../scss//main.scss';
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/WidgetPseudoTable',
+    component: _WidgetPseudoTable.default
+};
+const rows = [
+    {
+        id: 1,
+        label: 'Test Llender 1',
+        key2: 0,
+        key3: 0
+    },
+    {
+        id: 2,
+        label: 'Test Llender 2',
+        key2: 0,
+        key3: 0
+    },
+    {
+        id: 3,
+        label: 'Test Llender 3',
+        key2: 0,
+        key3: 0
+    }
+];
+const RenderField = ({ field, onChange })=>{
+    const { key, value, label, rowData, disabled, itemClassName: className, testId } = field || {};
+    switch(field.type){
+        case 'input':
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                ...field,
+                className: className,
+                value: value,
+                onChange: (val)=>onChange(key, val),
+                disabled: disabled,
+                testId: testId
+            });
+        default:
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: field.itemClassName,
+                testId: testId,
+                children: rowData.label
+            });
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, ...restArgs } = args;
+    const [data, setData] = (0, _react.useState)(rows);
+    const handle = {
+        change: (newValue, propKey, rowId)=>setData((state)=>state.map((row)=>row.id === rowId ? {
+                        ...row,
+                        [propKey]: newValue
+                    } : row))
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_WidgetPseudoTable.default, {
+        ...restArgs,
+        className: isIncludeOuterStyles ? 'any-outer-class__widget-pseudo-table' : null,
+        rightHeaderContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "delete-icon",
+            size: 16,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
+        }),
+        CellComponent: RenderField,
+        onChange: handle.change,
+        rows: data
+    });
+};
+const WidgetPseudoTableTemplate = Template.bind({});
+WidgetPseudoTableTemplate.args = {
+    isIncludeOuterStyles: false,
+    isNotRenderThead: false,
+    isNoHeader: false,
+    title: 'Test',
+    columns: _constructor.default
+};