intelicoreact 1.5.33 → 1.5.35

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
+};

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

@@ -1,4 +1,4 @@
-@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
+@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap';
 
 .any-outer-class__widget-pseudo-table {
   &.widget-pseudo-table {

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

@@ -1,37 +1,45 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-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
-  }
-}];
-var _default = exports.default = constructor;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+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
+        }
+    }
+];
+const _default = constructor;

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

@@ -1,89 +1,108 @@
 "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("./WidgetWithSwitchableRows.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 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 /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className)
-  }, !isNoHeader && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__header"))
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__title-block"))
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__right-header-content-block"))
-  }, rightHeaderContent)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__body"), {
-      ["".concat(RC, "__body_no-content")]: !(rows !== null && rows !== void 0 && rows.length)
-    })
-  }, Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__thead"))
-  }, preperedColumns.map(field => /*#__PURE__*/_react.default.createElement("div", {
-    key: "thead-".concat(field.key),
-    className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, {
-      ["".concat(RC, "__thead-cell_reqiured")]: field.isRequired
-    }),
-    "data-key": field.key
-  }, field.label))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__table"))
-  }, rows !== null && rows !== void 0 && rows.length ? rows.map(row => /*#__PURE__*/_react.default.createElement("div", {
-    key: "row-".concat(row.id),
-    className: (0, _classnames.default)("".concat(RC, "__row")),
-    "data-id": row.id
-  }, preperedColumns.map(cell => /*#__PURE__*/_react.default.createElement("div", {
-    key: "row-".concat(row.id, "-cell-").concat(cell.key),
-    className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
-  }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, 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
-    })
-  })))))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__row")),
-    "data-id": "empty-row"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(RC, "__no-data-content"))
-  }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data")))));
+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 /*#__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) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__thead`),
+                        children: preperedColumns.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: preperedColumns.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,
+                                                ...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
+                                                })
+                                        })
+                                    }, `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 = WidgetWithSwitchableRows;
+const _default = WidgetWithSwitchableRows;

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss

@@ -1,5 +1,3 @@
-@import "../../../scss/vars";
-
 .widget-with-switchable-rows {
   --row-height: 44px;
   --thead-height: 20px;
@@ -59,7 +57,7 @@
         &::after {
           margin-left: 3px;
 
-          content: "*";
+          content: '*';
 
           color: red;
         }

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

@@ -0,0 +1,151 @@
+"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, {
+    WidgetWithSwitchableRowsTemplate: function() {
+        return WidgetWithSwitchableRowsTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _WidgetWithSwitchableRows = /*#__PURE__*/ _interop_require_default(require("./WidgetWithSwitchableRows"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+const _Switcher = /*#__PURE__*/ _interop_require_default(require("../Switcher/Switcher"));
+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/WidgetWithSwitchableRows',
+    component: _WidgetWithSwitchableRows.default
+};
+const rows = [
+    {
+        id: 1,
+        isActive: true,
+        label: 'Test Llender 1',
+        key1: 0,
+        key2: 0
+    },
+    {
+        id: 2,
+        isActive: true,
+        label: 'Test Llender 2',
+        key1: 0,
+        key2: 0
+    },
+    {
+        id: 3,
+        isActive: true,
+        label: 'Test Llender 3',
+        key1: 0,
+        key2: 0
+    }
+];
+const RenderField = ({ field, onChange })=>{
+    const { key, value, label, rowData, disabled, itemClassName: className, testId } = field || {};
+    switch(field.type){
+        case 'switcher':
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
+                ...field,
+                className: className,
+                isActive: value,
+                onChange: onChange,
+                label: label,
+                testid: `switchable-row-${testId}-switcher`,
+                disabled: disabled
+            });
+        default:
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                ...field,
+                className: className,
+                value: value,
+                onChange: onChange,
+                disabled: disabled,
+                testId: testId
+            });
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, ...restArgs } = args;
+    const [data, setData] = (0, _react.useState)(rows);
+    const handle = {
+        change: (props, newValue, propKey, rowId)=>console.log(props)
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_WidgetWithSwitchableRows.default, {
+        ...restArgs,
+        className: isIncludeOuterStyles ? 'any-outer-class__widget-with-switchable-rows' : 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 WidgetWithSwitchableRowsTemplate = Template.bind({});
+WidgetWithSwitchableRowsTemplate.args = {
+    isIncludeOuterStyles: false,
+    title: 'Test',
+    columns: _constructor.default,
+    isNoHeader: false
+};

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/AnyOuterClass.scss

@@ -1,4 +1,4 @@
-@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
+@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap';
 
 .any-outer-class__widget-with-switchable-rows {
   &.widget-with-switchable-rows {