intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/UI/Table/Table.stories.js

@@ -0,0 +1,303 @@
+"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, {
+    TableTemplate: function() {
+        return TableTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Table = /*#__PURE__*/ _interop_require_default(require("./Table"));
+require("../../../../../scss/main.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 _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: 'UI/Table',
+    component: _Table.default
+};
+const Template = ({ data })=>{
+    var _state_rows;
+    const [state, setState] = (0, _react.useState)(data);
+    const rowsWithActions = state === null || state === void 0 ? void 0 : (_state_rows = state.rows) === null || _state_rows === void 0 ? void 0 : _state_rows.map((row)=>_object_spread_props(_object_spread({}, row), {
+            actions: row.isDeleted ? [
+                {
+                    type: 'undo'
+                }
+            ] : [
+                {
+                    type: 'download'
+                },
+                {
+                    type: 'edit'
+                },
+                {
+                    type: 'delete'
+                }
+            ]
+        }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Table.default, {
+        header: state.header,
+        rows: rowsWithActions,
+        onChange: setState
+    });
+};
+const TableTemplate = Template.bind({});
+TableTemplate.args = {
+    data: {
+        header: [
+            {
+                id: 1,
+                label: 'state'
+            },
+            {
+                id: 2,
+                label: 'Tags'
+            },
+            {
+                id: 3,
+                label: 'status'
+            },
+            {
+                id: 4,
+                label: 'loanAmountApproved'
+            },
+            {
+                id: 5,
+                label: 'loanAmountRejected'
+            },
+            {
+                id: 6,
+                label: 'approveRate'
+            },
+            {
+                id: 7,
+                label: 'actions',
+                type: 'actions'
+            }
+        ],
+        rows: [
+            {
+                id: 1,
+                link: {
+                    label: 'CA',
+                    link: '#s'
+                },
+                tags: [
+                    {
+                        label: 'Label 1'
+                    }
+                ],
+                status: {
+                    value: '90',
+                    status: 'active'
+                },
+                loanAmountApproved: {
+                    value: '$70,000'
+                },
+                loanAmountRejected: {
+                    value: '$30,000'
+                },
+                approveRate: {
+                    value: '70%'
+                }
+            },
+            {
+                id: 2,
+                link: {
+                    label: 'NY',
+                    link: '#s'
+                },
+                advancedTags: [
+                    {
+                        labelLeft: 'home',
+                        labelRight: 'hoods',
+                        active: 3,
+                        pause: 1,
+                        merchants: 5
+                    },
+                    {
+                        labelRight: 'jewelry',
+                        active: 3,
+                        pause: 1,
+                        merchants: 5
+                    },
+                    {
+                        labelLeft: 'home',
+                        labelRight: 'improvement',
+                        active: 0,
+                        pause: 0,
+                        warnLeft: true,
+                        warnLeftMsg: 'landerNotIncluded',
+                        warnRightMsg: 'noMerchants'
+                    },
+                    {
+                        labelLeft: 'home',
+                        labelRight: 'hoods',
+                        active: 3,
+                        pause: 1,
+                        merchants: 5
+                    },
+                    {
+                        labelRight: 'jewelry',
+                        active: 3,
+                        pause: 1,
+                        merchants: 5
+                    }
+                ],
+                status: {
+                    label: 'Active',
+                    className: 'color--green-haze'
+                },
+                loanAmountApproved: {
+                    value: '$3,000'
+                },
+                loanAmountRejected: {
+                    value: '$7,000'
+                },
+                approveRate: {
+                    value: '30%'
+                }
+            },
+            {
+                id: 3,
+                link: {
+                    label: 'NH',
+                    link: '#s'
+                },
+                tags: [
+                    {
+                        label: 'Label 1'
+                    },
+                    {
+                        label: 'Label 2'
+                    },
+                    {
+                        label: 'Label 3'
+                    }
+                ],
+                status: {
+                    status: 'error'
+                },
+                loanAmountApproved: {
+                    value: '$70,000'
+                },
+                loanAmountRejected: {
+                    value: '$30,000'
+                },
+                approveRate: {
+                    value: '70%'
+                }
+            }
+        ]
+    }
+};
+
+//# sourceMappingURL=Table.stories.js.map

package/dist/Atomic/UI/Table/Table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Table/Table.stories.js"],"sourcesContent":["import React, { useState } from 'react';\n\nimport Table from './Table';\n\nglobal.lng = 'en';\n\nimport '../../../../../scss/main.scss';\n\nexport default {\n  title: 'UI/Table',\n  component: Table,\n};\n\nconst Template = ({data}) => {\n  const [state, setState] = useState(data);\n\n  const rowsWithActions = state?.rows?.map(row => ({\n    ...row,\n    actions: row.isDeleted ? [{type: 'undo'}] : [{type: 'download'}, {type: 'edit'}, {type: 'delete'}],\n  }));\n\n  return <Table header={state.header} rows={rowsWithActions} onChange={setState} />;\n};\n\nexport const TableTemplate = Template.bind({});\n\nTableTemplate.args = {\n  data: {\n    header: [\n      {id: 1, label: 'state'},\n      {id: 2, label: 'Tags'},\n      {id: 3, label: 'status'},\n      {id: 4, label: 'loanAmountApproved'},\n      {id: 5, label: 'loanAmountRejected'},\n      {id: 6, label: 'approveRate'},\n      {id: 7, label: 'actions', type: 'actions'},\n    ],\n    rows: [\n      {\n        id: 1,\n        link: {label: 'CA', link: '#s'},\n        tags: [{label: 'Label 1'}],\n        status: {value: '90', status: 'active'},\n        loanAmountApproved: {value: '$70,000'},\n        loanAmountRejected: {value: '$30,000'},\n        approveRate: {value: '70%'},\n      },\n      {\n        id: 2,\n        link: {label: 'NY', link: '#s'},\n        advancedTags: [\n          {\n            labelLeft: 'home',\n            labelRight: 'hoods',\n            active: 3,\n            pause: 1,\n            merchants: 5,\n          },\n          {\n            labelRight: 'jewelry',\n            active: 3,\n            pause: 1,\n            merchants: 5,\n          },\n          {\n            labelLeft: 'home',\n            labelRight: 'improvement',\n            active: 0,\n            pause: 0,\n            warnLeft: true,\n            warnLeftMsg: 'landerNotIncluded',\n            warnRightMsg: 'noMerchants',\n          },\n          {\n            labelLeft: 'home',\n            labelRight: 'hoods',\n            active: 3,\n            pause: 1,\n            merchants: 5,\n          },\n          {\n            labelRight: 'jewelry',\n            active: 3,\n            pause: 1,\n            merchants: 5,\n          },\n        ],\n        status: {label: 'Active', className: 'color--green-haze'},\n        loanAmountApproved: {value: '$3,000'},\n        loanAmountRejected: {value: '$7,000'},\n        approveRate: {value: '30%'},\n      },\n      {\n        id: 3,\n        link: {label: 'NH', link: '#s'},\n        tags: [{label: 'Label 1'}, {label: 'Label 2'}, {label: 'Label 3'}],\n        status: {status: 'error'},\n        loanAmountApproved: {value: '$70,000'},\n        loanAmountRejected: {value: '$30,000'},\n        approveRate: {value: '70%'},\n      },\n    ],\n  },\n};"],"names":["TableTemplate","global","lng","title","component","Table","Template","data","state","setState","useState","rowsWithActions","rows","map","row","actions","isDeleted","type","header","onChange","bind","args","id","label","link","tags","status","value","loanAmountApproved","loanAmountRejected","approveRate","advancedTags","labelLeft","labelRight","active","pause","merchants","warnLeft","warnLeftMsg","warnRightMsg","className"],"mappings":"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"}

package/dist/Atomic/UI/Table/TdTypes/TdActions.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TdActions", {
+    enumerable: true,
+    get: function() {
+        return TdActions;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
+const _Switcher = /*#__PURE__*/ _interop_require_default(require("../../../FormElements/Switcher/Switcher"));
+require("./TdTypes.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const TdActions = ({ actions, onChange, onActionClick, rowItem })=>{
+    if (!actions) return false;
+    const [state, setState] = (0, _react.useState)(actions);
+    const handleArrayChange = (value, index, prop)=>{
+        state[index][prop] = value;
+        setState([
+            ...state
+        ]);
+        onChange(state);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: "j6",
+        children: actions === null || actions === void 0 ? void 0 : actions.map((action, index)=>{
+            switch(action.type){
+                case "download":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "td-actions--item td-actions--download",
+                        onClick: ()=>{},
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Download, {})
+                    }, index);
+                case "edit":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "td-actions--item td-actions--edit",
+                        onClick: ()=>{},
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Edit3, {})
+                    }, index);
+                case "delete":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "td-actions--item td-actions--delete",
+                        onClick: ()=>onActionClick("delete", rowItem),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
+                    }, index);
+                case "undo":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "td-actions--item td-actions--undo",
+                        onClick: ()=>onActionClick("undo", rowItem),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.RotateCcw, {})
+                    }, index);
+                case "switcher":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "df",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
+                            label: action.label || null,
+                            isActive: action === null || action === void 0 ? void 0 : action.value,
+                            onChange: (e)=>handleArrayChange(e, index, "value")
+                        })
+                    }, index);
+                default:
+                    return null;
+            }
+        })
+    });
+};
+
+//# sourceMappingURL=TdActions.js.map

package/dist/Atomic/UI/Table/TdTypes/TdActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/TdTypes/TdActions.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport * as Icons from \"react-feather\";\n\nimport Switcher from \"../../../FormElements/Switcher/Switcher\";\n\nimport \"./TdTypes.scss\";\n\nexport const TdActions = ({ actions, onChange, onActionClick, rowItem }) => {\n  if (!actions) return false;\n\n  const [state, setState] = useState(actions);\n\n  const handleArrayChange = (value, index, prop) => {\n    state[index][prop] = value;\n    setState([...state]);\n    onChange(state);\n  };\n\n  return (\n    <div className=\"j6\">\n      {actions?.map((action, index) => {\n        switch (action.type) {\n          case \"download\":\n            return (\n              <div\n                key={index}\n                className=\"td-actions--item td-actions--download\"\n                onClick={() => {}}\n              >\n                <Icons.Download />\n              </div>\n            );\n          case \"edit\":\n            return (\n              <div\n                key={index}\n                className=\"td-actions--item td-actions--edit\"\n                onClick={() => {}}\n              >\n                <Icons.Edit3 />\n              </div>\n            );\n          case \"delete\":\n            return (\n              <div\n                key={index}\n                className=\"td-actions--item td-actions--delete\"\n                onClick={() => onActionClick(\"delete\", rowItem)}\n              >\n                <Icons.Trash2 />\n              </div>\n            );\n          case \"undo\":\n            return (\n              <div\n                key={index}\n                className=\"td-actions--item td-actions--undo\"\n                onClick={() => onActionClick(\"undo\", rowItem)}\n              >\n                <Icons.RotateCcw />\n              </div>\n            );\n          case \"switcher\":\n            return (\n              <div key={index} className=\"df\">\n                <Switcher\n                  label={action.label || null}\n                  isActive={action?.value}\n                  onChange={(e) => handleArrayChange(e, index, \"value\")}\n                />\n              </div>\n            );\n          default:\n            return null;\n        }\n      })}\n    </div>\n  );\n};\n"],"names":["TdActions","actions","onChange","onActionClick","rowItem","state","setState","useState","handleArrayChange","value","index","prop","div","className","map","action","type","onClick","Icons","Download","Edit3","Trash2","RotateCcw","Switcher","label","isActive","e"],"mappings":";;;;+BAQaA;;;eAAAA;;;;+DARmB;sEAET;iEAEF;QAEd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAMA,YAAY,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,OAAO,EAAE;IACrE,IAAI,CAACH,SAAS,OAAO;IAErB,MAAM,CAACI,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACN;IAEnC,MAAMO,oBAAoB,CAACC,OAAOC,OAAOC;QACvCN,KAAK,CAACK,MAAM,CAACC,KAAK,GAAGF;QACrBH,SAAS;eAAID;SAAM;QACnBH,SAASG;IACX;IAEA,qBACE,qBAACO;QAAIC,WAAU;kBACZZ,oBAAAA,8BAAAA,QAASa,GAAG,CAAC,CAACC,QAAQL;YACrB,OAAQK,OAAOC,IAAI;gBACjB,KAAK;oBACH,qBACE,qBAACJ;wBAECC,WAAU;wBACVI,SAAS,KAAO;kCAEhB,cAAA,qBAACC,cAAMC,QAAQ;uBAJVT;gBAOX,KAAK;oBACH,qBACE,qBAACE;wBAECC,WAAU;wBACVI,SAAS,KAAO;kCAEhB,cAAA,qBAACC,cAAME,KAAK;uBAJPV;gBAOX,KAAK;oBACH,qBACE,qBAACE;wBAECC,WAAU;wBACVI,SAAS,IAAMd,cAAc,UAAUC;kCAEvC,cAAA,qBAACc,cAAMG,MAAM;uBAJRX;gBAOX,KAAK;oBACH,qBACE,qBAACE;wBAECC,WAAU;wBACVI,SAAS,IAAMd,cAAc,QAAQC;kCAErC,cAAA,qBAACc,cAAMI,SAAS;uBAJXZ;gBAOX,KAAK;oBACH,qBACE,qBAACE;wBAAgBC,WAAU;kCACzB,cAAA,qBAACU,iBAAQ;4BACPC,OAAOT,OAAOS,KAAK,IAAI;4BACvBC,QAAQ,EAAEV,mBAAAA,6BAAAA,OAAQN,KAAK;4BACvBP,UAAU,CAACwB,IAAMlB,kBAAkBkB,GAAGhB,OAAO;;uBAJvCA;gBAQd;oBACE,OAAO;YACX;QACF;;AAGN"}

package/dist/Atomic/UI/Table/TdTypes/TdPriority.js

@@ -0,0 +1,51 @@
+"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 _reactfeather = require("react-feather");
+require("../Table.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TdPriority = ({ onClick, rowIndex, cardLength })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "cards-table__priority",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "mr5",
+                children: rowIndex + 1
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "df",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowDown, {
+                        onClick: ()=>onClick(rowIndex),
+                        className: (0, _classnames.default)("table--icon", {
+                            disabled: rowIndex + 1 === cardLength
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowUp, {
+                        onClick: ()=>onClick(rowIndex, true),
+                        className: (0, _classnames.default)("table--icon", {
+                            disabled: rowIndex === 0
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = TdPriority;
+
+//# sourceMappingURL=TdPriority.js.map

package/dist/Atomic/UI/Table/TdTypes/TdPriority.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/TdTypes/TdPriority.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\nimport { ArrowDown, ArrowUp } from \"react-feather\";\n\nimport \"../Table.scss\";\n\nconst TdPriority = ({ onClick, rowIndex, cardLength }) => {\n  return (\n    <div className=\"cards-table__priority\">\n      <span className=\"mr5\">{rowIndex + 1}</span>\n      <div className=\"df\">\n        <ArrowDown\n          onClick={() => onClick(rowIndex)}\n          className={cn(\"table--icon\", {\n            disabled: rowIndex + 1 === cardLength,\n          })}\n        />\n        <ArrowUp\n          onClick={() => onClick(rowIndex, true)}\n          className={cn(\"table--icon\", { disabled: rowIndex === 0 })}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default TdPriority;\n"],"names":["TdPriority","onClick","rowIndex","cardLength","div","className","span","ArrowDown","cn","disabled","ArrowUp"],"mappings":";;;;+BA2BA;;;eAAA;;;;8DA3BkB;mEAEH;8BACoB;QAE5B;;;;;;AAEP,MAAMA,aAAa,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAU,EAAE;IACnD,qBACE,sBAACC;QAAIC,WAAU;;0BACb,qBAACC;gBAAKD,WAAU;0BAAOH,WAAW;;0BAClC,sBAACE;gBAAIC,WAAU;;kCACb,qBAACE,uBAAS;wBACRN,SAAS,IAAMA,QAAQC;wBACvBG,WAAWG,IAAAA,mBAAE,EAAC,eAAe;4BAC3BC,UAAUP,WAAW,MAAMC;wBAC7B;;kCAEF,qBAACO,qBAAO;wBACNT,SAAS,IAAMA,QAAQC,UAAU;wBACjCG,WAAWG,IAAAA,mBAAE,EAAC,eAAe;4BAAEC,UAAUP,aAAa;wBAAE;;;;;;AAKlE;MAEA,WAAeF"}

package/dist/Atomic/UI/Table/TdTypes/TdRange.js

@@ -0,0 +1,30 @@
+"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 TdRange = ({ item })=>{
+    if (!item) return false;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                children: item.from
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                children: " - "
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                children: item.to
+            })
+        ]
+    });
+};
+const _default = TdRange;
+
+//# sourceMappingURL=TdRange.js.map

package/dist/Atomic/UI/Table/TdTypes/TdRange.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/TdTypes/TdRange.js"],"sourcesContent":["const TdRange = ({ item }) => {\n  if (!item) return false;\n\n  return (\n    <div>\n      <span>{item.from}</span>\n      <span> - </span>\n      <span>{item.to}</span>\n    </div>\n  );\n};\n\nexport default TdRange;\n"],"names":["TdRange","item","div","span","from","to"],"mappings":";;;;+BAYA;;;eAAA;;;;AAZA,MAAMA,UAAU,CAAC,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACA,MAAM,OAAO;IAElB,qBACE,sBAACC;;0BACC,qBAACC;0BAAMF,KAAKG,IAAI;;0BAChB,qBAACD;0BAAK;;0BACN,qBAACA;0BAAMF,KAAKI,EAAE;;;;AAGpB;MAEA,WAAeL"}

package/dist/Atomic/UI/Table/TdTypes/TdWeight.js

@@ -0,0 +1,66 @@
+"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 = require("react");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _utils = require("../../../../Functions/utils");
+const _Modal = require("../../Modal/Modal");
+require("../Table.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TdWeight = ({ value, percent, onChange, className })=>{
+    const [state, setState] = (0, _react.useState)(value);
+    const { isToggled: isEdited, toggleOff: unsetIsEdited, toggleOn: setIsEdited } = (0, _utils.useOutsideToggle)(false);
+    (0, _react.useEffect)(()=>{
+        setState(value);
+    }, [
+        value,
+        isEdited
+    ]);
+    const handleKeyUp = ({ keyCode, target })=>{
+        if (keyCode === _Modal.KEY_CODE.ENTER) {
+            const newValue = Number(target.value) || 1;
+            onChange(newValue);
+            unsetIsEdited();
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: isEdited ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Input, {
+            value: state,
+            onChange: (e)=>setState(e),
+            onBlur: unsetIsEdited,
+            onKeyUp: handleKeyUp,
+            autoFocus: true
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _classnames.default)("td-weight", className),
+            onClick: setIsEdited,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    children: value
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                    className: "ml2 color--grey-gull",
+                    children: [
+                        "(",
+                        percent,
+                        "%)"
+                    ]
+                })
+            ]
+        })
+    });
+};
+const _default = TdWeight;
+
+//# sourceMappingURL=TdWeight.js.map

package/dist/Atomic/UI/Table/TdTypes/TdWeight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/TdTypes/TdWeight.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { useOutsideToggle } from \"../../../../Functions/utils\";\nimport { KEY_CODE } from \"../../Modal/Modal\";\n\nimport \"../Table.scss\";\n\nconst TdWeight = ({ value, percent, onChange, className }) => {\n  const [state, setState] = useState(value);\n  const {\n    isToggled: isEdited,\n    toggleOff: unsetIsEdited,\n    toggleOn: setIsEdited,\n  } = useOutsideToggle(false);\n\n  useEffect(() => {\n    setState(value);\n  }, [value, isEdited]);\n\n  const handleKeyUp = ({ keyCode, target }) => {\n    if (keyCode === KEY_CODE.ENTER) {\n      const newValue = Number(target.value) || 1;\n      onChange(newValue);\n      unsetIsEdited();\n    }\n  };\n\n  return (\n    <>\n      {isEdited ? (\n        <Input\n          value={state}\n          onChange={(e) => setState(e)}\n          onBlur={unsetIsEdited}\n          onKeyUp={handleKeyUp}\n          autoFocus\n        />\n      ) : (\n        <div className={cn(\"td-weight\", className)} onClick={setIsEdited}>\n          <span>{value}</span>\n          <span className=\"ml2 color--grey-gull\">\n            ({percent}\n            %)\n          </span>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default TdWeight;\n"],"names":["TdWeight","value","percent","onChange","className","state","setState","useState","isToggled","isEdited","toggleOff","unsetIsEdited","toggleOn","setIsEdited","useOutsideToggle","useEffect","handleKeyUp","keyCode","target","KEY_CODE","ENTER","newValue","Number","Input","e","onBlur","onKeyUp","autoFocus","div","cn","onClick","span"],"mappings":";;;;+BAoDA;;;eAAA;;;;uBApDoC;mEAErB;uBAEkB;uBACR;QAElB;;;;;;AAEP,MAAMA,WAAW,CAAC,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACvD,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACN;IACnC,MAAM,EACJO,WAAWC,QAAQ,EACnBC,WAAWC,aAAa,EACxBC,UAAUC,WAAW,EACtB,GAAGC,IAAAA,uBAAgB,EAAC;IAErBC,IAAAA,gBAAS,EAAC;QACRT,SAASL;IACX,GAAG;QAACA;QAAOQ;KAAS;IAEpB,MAAMO,cAAc,CAAC,EAAEC,OAAO,EAAEC,MAAM,EAAE;QACtC,IAAID,YAAYE,eAAQ,CAACC,KAAK,EAAE;YAC9B,MAAMC,WAAWC,OAAOJ,OAAOjB,KAAK,KAAK;YACzCE,SAASkB;YACTV;QACF;IACF;IAEA,qBACE;kBACGF,yBACC,qBAACc;YACCtB,OAAOI;YACPF,UAAU,CAACqB,IAAMlB,SAASkB;YAC1BC,QAAQd;YACRe,SAASV;YACTW,SAAS;2BAGX,sBAACC;YAAIxB,WAAWyB,IAAAA,mBAAE,EAAC,aAAazB;YAAY0B,SAASjB;;8BACnD,qBAACkB;8BAAM9B;;8BACP,sBAAC8B;oBAAK3B,WAAU;;wBAAuB;wBACnCF;wBAAQ;;;;;;AAOtB;MAEA,WAAeF"}

package/dist/Atomic/UI/Tag/Tag.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=Tag.interface.js.map

package/dist/Atomic/UI/Tag/Tag.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Tag/Tag.interface.ts"],"names":[],"mappings":""}