profinansy-ui-lib 3.3.60 → 3.3.62

package/dist/components/uikit/Switch/Switched.stories.js

@@ -0,0 +1,104 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Switch_1 = require("./Switch");
+exports.default = {
+    title: 'Components/Switch',
+    component: Switch_1.Switch,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=1517-25997&mode=dev'
+        }
+    }
+};
+const Wrapper = styled_components_1.default.div `
+  & .switch-container:not(:last-child) {
+    margin-bottom: 8px;
+  }
+`;
+const Switch = () => {
+    const [value, setValue] = (0, react_1.useState)({
+        test1: false,
+        test2: true
+    });
+    const [value1, setValue1] = (0, react_1.useState)({
+        test1: false,
+        test2: true,
+        test3: false,
+        test4: true
+    });
+    const [value2, setValue2] = (0, react_1.useState)({
+        test1: false,
+        test2: true,
+        test3: false
+    });
+    const handleChange = (val, e) => {
+        setValue(Object.assign(Object.assign({}, value), { [e.target.name]: val }));
+    };
+    const handleChange1 = (val, e) => {
+        setValue1(Object.assign(Object.assign({}, value1), { [e.target.name]: val }));
+    };
+    const handleChange2 = (val, e) => {
+        setValue2(Object.assign(Object.assign({}, value2), { [e.target.name]: val }));
+    };
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Switch"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 switch \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u043C \u043A\u0430\u043A\u043E\u0439-\u043B\u0438\u0431\u043E \u0444\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438." }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043C\u0435\u0435\u0442 \u0434\u0432\u0430 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F: \u0434\u0435\u0444\u043E\u043B\u0442\u043D\u043E\u0435 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Switch_1.Switch, { name: "test1", text: "Default option", checked: value.test1, onChange: handleChange, value: '2123' }),
+            react_1.default.createElement(Switch_1.Switch, { name: "test2", value: 'asdasd', checked: value.test2, text: "Checked option", onChange: handleChange })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440\u044B"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043C\u0435\u0435\u0442 \u0434\u0432\u0430 \u0440\u0430\u043C\u0435\u0440\u0430: <b>M</b> \u0438 <b>S</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Switch_1.Switch, { name: "test1", checked: value1.test1, text: "Default option", onChange: handleChange1 }),
+            react_1.default.createElement(Switch_1.Switch, { name: "test2", checked: value1.test2, text: "Default option", onChange: handleChange1 }),
+            react_1.default.createElement(Switch_1.Switch, { size: "S", name: "test3", checked: value1.test3, text: "Checked option", onChange: handleChange1 }),
+            react_1.default.createElement(Switch_1.Switch, { size: "S", checked: value1.test4, name: "test4", text: "Checked option", onChange: handleChange1 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430 \u043A\u0430\u043A \u0441\u043F\u0440\u0430\u0432\u0430, \u0442\u0430\u043A \u0438 \u0441\u043B\u0435\u0432\u0430. \u041C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E switch,\n      \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Switch_1.Switch, { name: "test1", text: "Default option", checked: value2.test1, onChange: handleChange2, value: '2123' }),
+            react_1.default.createElement(Switch_1.Switch, { isTextLeft: true, name: "test2", value: 'asdasd', checked: value2.test2, text: "Checked option", onChange: handleChange2 }),
+            react_1.default.createElement(Switch_1.Switch, { isTextLeft: true, name: "test3", value: 'asdasd', checked: value2.test3, onChange: handleChange2 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u043E\u043F\u0430\u043F \u0441 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u043E\u0439" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Switch_1.Switch, { hint: { content: ['Title', 'Short description'] }, name: "test1", text: "Default option", checked: value2.test1, onChange: handleChange2, value: '2123' }))));
+};
+exports.Switch = Switch;
+//# sourceMappingURL=Switched.stories.js.map

package/dist/components/uikit/Switch/Switched.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switched.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Switch/Switched.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,0EAAsC;AAEtC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,qCAA8C;AAE9C,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,sGAAsG;SAC5G;KACF;CACF,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAA;AAEM,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACjC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI;KACZ,CAAC,CAAA;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACnC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI;KACZ,CAAC,CAAA;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACnC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,KAAK;KACb,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QAC9B,QAAQ,iCAAM,KAAK,KAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,IAAG,CAAA;IAC9C,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QAC/B,SAAS,iCAAM,MAAM,KAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,IAAG,CAAA;IAChD,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QAC/B,SAAS,iCAAM,MAAM,KAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,IAAG,CAAA;IAChD,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,OAAO;QACN,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,aAAqB;QAC5C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,2bAAwF,GAAG;QAClH,8BAAC,uBAAU,iEAAuB;QAClC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,mSAAwD,GAAG;QAClF,8BAAC,2BAAY;YACX,8BAAC,eAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,MAAM,GACb;YACF,8BAAC,eAAS,IACR,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,YAAY,GACtB,CACW;QACf,8BAAC,uBAAU,qDAAqB;QAChC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,kHAAuC,GAAG;QACjE,8BAAC,2BAAY;YACX,8BAAC,eAAS,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,aAAa,GACvB;YACF,8BAAC,eAAS,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,aAAa,GACvB;YACF,8BAAC,eAAS,IACR,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,aAAa,GACvB;YACF,8BAAC,eAAS,IACR,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,aAAa,GACvB,CACW;QACf,8BAAC,uBAAU,wHAAiC;QAC5C,8BAAC,mCAAgB,IACf,IAAI,EAAC,ggBACI,GACT;QACF,8BAAC,2BAAY;YACX,8BAAC,eAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,GACb;YACF,8BAAC,eAAS,IACR,UAAU,EAAE,IAAI,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,aAAa,GACvB;YACF,8BAAC,eAAS,IACR,UAAU,EAAE,IAAI,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,QAAQ,EAAE,aAAa,GACvB,CACW;QACf,8BAAC,uBAAU,8HAAkC;QAC7C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,uMAAuC,GAAG;QACjE,8BAAC,2BAAY;YACX,8BAAC,eAAS,IACR,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,EAAE,EACjD,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,GACb,CACW,CACP,CACX,CAAA;AACH,CAAC,CAAA;AA9HY,QAAA,MAAM,UA8HlB"}

package/dist/components/uikit/Switch/Switched.typed.js

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

package/dist/components/uikit/Switch/Switched.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switched.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Switch/Switched.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/Switch/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Switch/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}

package/dist/components/uikit/Table/Table.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Table.styled"));
+const TBody_1 = require("./components/TBody/TBody");
+const THead_1 = require("./components/THead/THead");
+const theme_const_1 = require("../../../theme/theme.const");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const useHorizontalScroll_1 = require("./hooks/useHorizontalScroll");
+const useSort_1 = require("./hooks/useSort");
+const useDragging_1 = require("./hooks/useDragging");
+const useStickHeader_1 = require("./hooks/useStickHeader");
+const useLastElement_1 = require("../../../hooks/useLastElement");
+function Table({ columns, tCellRenderer, RowWrapper, RowWrapperExpand, data, tableHeight, hints, rowHeight, stickyFirstColumn, stickyLastColumn, stickyHeader, stickyPageHeader, isDraggable, customSort, onScrollEndReach, onClickRow }) {
+    const tableContainerRef = (0, react_1.useRef)(null);
+    const tableHeadWrapperRef = (0, react_1.useRef)(null);
+    const { lastRowRef } = (0, useLastElement_1.useLastElement)(onScrollEndReach);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const { sortedData, handleSort, activeSortField, sortRotated } = (0, useSort_1.useSort)(data, customSort);
+    const { isScrolled, isScrolledEnd } = (0, useHorizontalScroll_1.useHorizontalScroll)(tableContainerRef, stickyFirstColumn, stickyLastColumn);
+    const { reachedTop, tableWidth, tableLeftPosition } = (0, useStickHeader_1.useStickHeader)(stickyPageHeader, data, columns, tableContainerRef, tableHeadWrapperRef, lastRowRef);
+    (0, useDragging_1.useDragging)(tableContainerRef, isDraggable);
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { tableHeight: tableHeight, ref: tableContainerRef, isDraggable: isDraggable },
+            react_1.default.createElement(Styled.Table, null,
+                react_1.default.createElement(THead_1.THead, { activeSortField: activeSortField, sortRotated: sortRotated, handleSort: handleSort, columns: columns, hints: hints, isScrolled: isScrolled, isScrolledEnd: isScrolledEnd, stickyFirstColumn: stickyFirstColumn, stickyLastColumn: stickyLastColumn, stickyHeader: stickyHeader }),
+                react_1.default.createElement(TBody_1.TBody, { lastRowRef: lastRowRef, stickyFirstColumn: stickyFirstColumn, stickyLastColumn: stickyLastColumn, isScrolled: isScrolled, isScrolledEnd: isScrolledEnd, columns: columns, data: sortedData, tCellRenderer: tCellRenderer, RowWrapper: RowWrapper, RowWrapperExpand: RowWrapperExpand, rowHeight: rowHeight, onClickRow: onClickRow }),
+                stickyPageHeader && reachedTop && (react_1.default.createElement(Styled.FixedHeader, { ref: tableHeadWrapperRef, tableWidth: tableWidth, left: tableLeftPosition },
+                    react_1.default.createElement(THead_1.THead, { activeSortField: activeSortField, sortRotated: sortRotated, handleSort: handleSort, columns: columns, hints: hints, isScrolled: isScrolled, isScrolledEnd: isScrolledEnd, stickyFirstColumn: stickyFirstColumn, stickyLastColumn: stickyLastColumn, stickyHeader: stickyHeader })))))));
+}
+exports.Table = Table;
+//# sourceMappingURL=Table.js.map

package/dist/components/uikit/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/uikit/Table/Table.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Table/Table.stories.js

@@ -0,0 +1,123 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = exports.TCellText = void 0;
+const react_1 = __importStar(require("react"));
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Table_1 = require("./Table");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const MockData_1 = require("./components/MockData");
+const Card_1 = require("../Card");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const Typography_1 = require("../Typography");
+const TextButton_1 = require("../TextButton");
+const Input_1 = require("../Input");
+const CompanyInfo_1 = require("../../blocks/CompanyInfo");
+const TCellText_1 = require("./components/TCellText/TCellText");
+exports.default = {
+    title: 'Components/Table',
+    component: Table_1.Table,
+    tags: ['autodocs']
+};
+const TCellText = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "TCellText"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0445 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439 \u0432\u043D\u0443\u0442\u0440\u0438 \u0442\u0430\u0431\u043B\u0438\u0446\u044B." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(TCellText_1.TCellText, null, "\u0421\u0431\u0435\u0440\u0431\u0430\u043D\u043A \u2014 \u043A\u0440\u0443\u043F\u043D\u0435\u0439\u0448\u0438\u0439 \u0431\u0430\u043D\u043A \u0420\u043E\u0441\u0441\u0438\u0438, \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0449\u0438\u0439 \u0448\u0438\u0440\u043E\u043A\u0438\u0439 \u0441\u043F\u0435\u043A\u0442\u0440 \u0444\u0438\u043D\u0430\u043D\u0441\u043E\u0432\u044B\u0445 \u0443\u0441\u043B\u0443\u0433, \u0432\u043A\u043B\u044E\u0447\u0430\u044F \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435, \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u044B\u0435 \u0438 \u0438\u043D\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u044B.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043A\u0440\u044B\u0442\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0442\u0435\u043A\u0441\u0442 \u043D\u0435 \u0432\u043B\u0435\u0437\u0430\u0435\u0442 \u0432 \u044F\u0447\u0435\u0439\u043A\u0443 \u0438 \u0434\u043E\u043B\u0436\u0435\u043D \u0441\u043A\u0440\u044B\u0442\u044C\u0441\u044F \u0437\u0430 \u043C\u043D\u043E\u0433\u043E\u0442\u043E\u0447\u0438\u0435\u043C, \u0442\u043E \u043C\u043E\u0436\u043D\u043E \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u043F\u0441 <b>hiddenText</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { maxWidth: '200px' } },
+                react_1.default.createElement(TCellText_1.TCellText, { hiddenText: { mode: 'ellipsis' } }, "\u0421\u0431\u0435\u0440\u0431\u0430\u043D\u043A \u2014 \u043A\u0440\u0443\u043F\u043D\u0435\u0439\u0448\u0438\u0439 \u0431\u0430\u043D\u043A \u0420\u043E\u0441\u0441\u0438\u0438, \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0449\u0438\u0439 \u0448\u0438\u0440\u043E\u043A\u0438\u0439 \u0441\u043F\u0435\u043A\u0442\u0440 \u0444\u0438\u043D\u0430\u043D\u0441\u043E\u0432\u044B\u0445 \u0443\u0441\u043B\u0443\u0433, \u0432\u043A\u043B\u044E\u0447\u0430\u044F \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435, \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u044B\u0435 \u0438 \u0438\u043D\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u044B.")))));
+};
+exports.TCellText = TCellText;
+const Table = () => {
+    const [openRows, setOpenRows] = (0, react_1.useState)([]);
+    const handleOpenRows = (id) => {
+        if (openRows.includes(id)) {
+            setOpenRows(openRows.filter((val) => val !== id));
+        }
+        else {
+            setOpenRows((prev) => [...prev, id]);
+        }
+    };
+    const data = (0, react_1.useMemo)(() => {
+        return MockData_1.MOCK_DATA_1.map((item) => {
+            if (openRows.includes(item.id)) {
+                return Object.assign(Object.assign({}, item), { expandContent: react_1.default.createElement(Expand, { description: item.description }) });
+            }
+            return item;
+        });
+    }, [openRows, MockData_1.MOCK_DATA_1]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Table"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u043F\u043E\u0441\u0442\u0440\u043E\u0435\u043D\u0438\u044F \u0442\u0430\u0431\u043B\u0438\u0446." }),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0442\u043E-\u0431\u044B \u0437\u0430\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u043F\u0435\u0440\u0432\u0443\u044E \u043A\u043E\u043B\u043E\u043D\u043A\u0443 \u043F\u0440\u0438 \u0433\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u043E\u043C \u0441\u043A\u0440\u043E\u043B\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>stickyFirstColumn</b>" }),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0442\u043E-\u0431\u044B \u0437\u0430\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0445\u044D\u0434\u0435\u0440 \u043F\u0440\u0438 \u0432\u0435\u0440\u0442\u0438\u043A\u0430\u043B\u044C\u043D\u043E\u043C \u0441\u043A\u0440\u043E\u043B\u0435, \u0435\u0441\u043B\u0438 \u0442\u0430\u0431\u043B\u0438\u0446\u0430 \u0438\u043C\u0435\u0435\u0442 \u0444\u0438\u043A\u0441\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u0443\u044E \u0432\u044B\u0441\u043E\u0442\u0443, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>stickyHeader</b>" }),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044E\u0442\u0441\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438, \u0442\u043E \u043D\u0430\u0434\u043E \u0435\u0439 \u043F\u0440\u043E\u043A\u0438\u0434\u044B\u0432\u0430\u0442\u044C \u043E\u0431\u044A\u0435\u043A\u0442 \u0441 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430\u043C\u0438 \u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0435 <b>key:value</b>.\n      \u0421\u0430\u043C\u0438 \u043A\u043B\u044E\u0447\u0438 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043E\u043A \u043F\u0440\u043E\u043F\u0438\u0441\u044B\u0432\u0430\u044E\u0442\u0441\u044F \u0432 \u043E\u0431\u044A\u0435\u043A\u0442\u0435 \u043A\u043E\u043B\u043E\u043D\u043A\u0438." }),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>columns</b> \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442 \u043C\u0430\u0441\u0441\u0438\u0432 \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432 \u0441\u043E \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u043C\u0438 \u043A\u043B\u044E\u0447\u0430\u043C\u0438:\n      <ul style='padding-left: 20px;'>\n        <li><b>title</b> - \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u043A\u043E\u043B\u043E\u043D\u043A\u0438</li>\n        <li><b>key</b> - \u043A\u043B\u044E\u0447 \u043A\u043E\u043B\u043E\u043D\u043A\u0438</li>\n        <li><b>hint</b> - \u043A\u043E\u0434 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438</li>\n        <li><b>sort</b> - \u043D\u0443\u0436\u043D\u0430 \u043B\u0438 \u0441\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430 \u043F\u043E \u0434\u0430\u043D\u043D\u043E\u0439 \u043A\u043E\u043B\u043E\u043D\u043A\u0435</li>\n        <li><b>maxWidth</b> - \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430 \u043A\u043E\u043B\u043E\u043D\u043A\u0438</li>\n        <li><b>alignment</b> - \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u043B\u043E\u043D\u043A\u0438. \u041C\u043E\u0436\u0435\u0442 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F: <b>'left' | 'right' | 'center'</b></li>\n      </ul>" }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0430\u0432\u0438\u043B\u043E \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u0441\u0435 \u043A\u043E\u043B\u043E\u043D\u043A\u0438 \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u044E\u0442\u0441\u044F \u043F\u043E \u0442\u0440\u0435\u043C \u043F\u0440\u0430\u0432\u0438\u043B\u0430\u043C:\n        <ul style='padding-left: 20px;'>\n        <li><b>left</b> - \u041A\u043E\u043B\u043E\u043D\u043A\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0441\u043E\u0434\u0435\u0440\u0436\u0430\u0442 \u043A\u0430\u043A\u043E\u0435-\u0442\u043E \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u043E\u0435 \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435.</li>\n        <li><b>right</b> - \u0427\u0438\u0441\u043B\u043E\u0432\u044B\u0435 \u043A\u043E\u043B\u043E\u043D\u043A\u0438.</li>\n        <li><b>center</b> - \u0418\u043D\u044B\u0435 \u0441\u043B\u0443\u0447\u0430\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0441\u043A\u0430\u0437\u0430\u043D\u044B \u0432 \u0442\u0437.</li>\n      </ul>" }),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041D\u0443\u0436\u043D\u043E \u0432\u0441\u0435\u0433\u0434\u0430 \u043F\u0440\u0438\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044C\u0441\u044F \u0434\u0430\u043D\u043D\u043E\u0433\u043E \u0441\u0442\u0438\u043B\u044F \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u044F, \u0435\u0441\u043B\u0438 \u0438\u043D\u0430\u0447\u0435 \u043D\u0435 \u0441\u043A\u0430\u0437\u0430\u043D\u043E \u0432 \u0442\u0437." }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u042F\u0447\u0435\u0439\u043A\u0430 \u0432\u043D\u0443\u0442\u0440\u0438 \u0442\u0430\u0431\u043B\u0438\u0446\u044B"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u0441\u0435 \u0442\u0435\u043A\u0441\u0442\u044B \u0432\u043D\u0443\u0442\u0440\u0438 \u044F\u0447\u0435\u0435\u043A \u0438\u043C\u0435\u044E\u0442, \u043A\u0430\u043A \u043F\u0440\u0430\u0432\u0438\u043B\u043E, \u043E\u0434\u0438\u043D \u0441\u0442\u0438\u043B\u044C.\n      \u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0431\u044B\u043B \u0441\u043E\u0437\u0434\u0430\u043D \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u0442 <b>TCellText</b>. \u041D\u0443\u0436\u043D\u043E \u0434\u043B\u044F \u043F\u043E\u0441\u0442\u0440\u043E\u0435\u043D\u0438\u044F \u0442\u0435\u043A\u0441\u0442\u043E\u0432 \u0432 \u044F\u0447\u0435\u0439\u043A\u0430\u0445 \u0442\u0430\u0431\u043B\u0438\u0446\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0435\u0433\u043E." }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0435\u0440\u0435\u043D\u043E\u0441 \u0441\u043B\u043E\u0432 \u0432 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0435"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u043E, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A \u0431\u044B\u043B \u0432 \u0434\u0432\u0435 \u0438 \u0431\u043E\u043B\u0435\u0435 \u0441\u0442\u0440\u043E\u043A\u0438, \u0442\u043E \u0432 <b>title</b> \u0432 \u043C\u0435\u0441\u0442\u043E \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u0430 \u043F\u0440\u043E\u043F\u0438\u0441\u044B\u0432\u0430\u0439\u0442\u0435: <b>\\n</b>" }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0445\u044D\u0434\u0435\u0440\u0430 \u0442\u0430\u0431\u043B\u0438\u0446\u044B \u043A \u0432\u0435\u0440\u0445\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u043F\u0440\u0438 \u0441\u043A\u0440\u043E\u043B\u043B\u0435"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u043E, \u0447\u0442\u043E\u0431\u044B \u0445\u044D\u0434\u0435\u0440 \u043A\u0440\u0435\u043F\u0438\u043B\u0441\u044F \u043A \u0432\u0435\u0440\u0445\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u043F\u0440\u0438 \u0441\u043A\u0440\u043E\u043B\u043B\u0435, \u0442\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u043F\u0440\u043E\u043F\u0441: <b>stickyPageHeader</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Card_1.Card, null,
+                react_1.default.createElement(Table_1.Table, { onClickRow: (item) => console.log(item), stickyFirstColumn: true, stickyLastColumn: true, columns: MockData_1.COLUMNS, hints: MockData_1.Hints, data: data, rowHeight: 56, tCellRenderer: ({ rowData, columnKey }) => (react_1.default.createElement(TCell, { key: columnKey, data: rowData, columnKey: columnKey, handleOpenRows: handleOpenRows })) })))));
+};
+exports.Table = Table;
+const TCell = ({ data, columnKey, handleOpenRows }) => {
+    const values = data;
+    if (columnKey === 'name') {
+        return (react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: values.link, firstLine: values.ticker, secondLine: values.name, logo: values.logo }));
+    }
+    if (columnKey === 'action') {
+        return (react_1.default.createElement(TextButton_1.TextButton, { text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C", onClick: () => handleOpenRows(data.id) }));
+    }
+    if (columnKey === 'note') {
+        return (react_1.default.createElement("div", { style: { width: '200px' } },
+            react_1.default.createElement(Input_1.Input, { value: "", name: "name" })));
+    }
+    if (columnKey === 'p/e') {
+        return (react_1.default.createElement(TCellText_1.TCellText, { valueNumber: data[columnKey] }, data[columnKey]));
+    }
+    return (react_1.default.createElement(TCellText_1.TCellText, { hiddenText: { mode: 'multiline', lines: 2 } }, data[columnKey]));
+};
+const Expand = ({ description }) => {
+    return (react_1.default.createElement("div", { style: {
+            padding: '12px',
+            maxWidth: '100%',
+            position: 'sticky',
+            top: '0px',
+            left: '0px'
+        } },
+        react_1.default.createElement(Typography_1.Typography, { variant: "caption-Medium", tag: "span", colorName: "primary" }, description)));
+};
+//# sourceMappingURL=Table.stories.js.map

package/dist/components/uikit/Table/Table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Table/Table.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Table/Table.styled.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FixedHeader = exports.Table = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Scroll_1 = require("../../../styles/Scroll");
+const common_1 = require("../../../constants/common");
+exports.Container = styled_components_1.default.div `
+  width: 100%;
+  height: ${(props) => (props.tableHeight ? `${props.tableHeight}px` : 'auto')};
+  overflow: auto;
+  position: relative;
+  ${(props) => props.isDraggable &&
+    (0, styled_components_1.css) `
+      cursor: grab;
+      user-select: none;
+    `}
+  ${Scroll_1.Scroll}
+`;
+exports.Table = styled_components_1.default.table `
+  font-family: 'Manrope', sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+`;
+exports.FixedHeader = styled_components_1.default.div `
+  position: fixed;
+  top: ${common_1.HEIGHT_HEADER}px;
+  z-index: 10;
+  left: ${(props) => `${props.left}px`};
+  width: ${(props) => `${props.tableWidth || 1857}px`};
+  overflow: hidden;
+`;
+//# sourceMappingURL=Table.styled.js.map

package/dist/components/uikit/Table/Table.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Table/Table.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,mDAA+C;AAC/C,sDAAyD;AAC5C,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAGjC;;YAEU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;;;IAG1E,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,WAAW;IACjB,IAAA,uBAAG,EAAA;;;KAGF;IACD,eAAM;CACT,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;CAIhC,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAsC;;SAElE,sBAAa;;UAEZ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI;WAC3B,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,UAAU,IAAI,IAAI,IAAI;;CAEpD,CAAA"}

package/dist/components/uikit/Table/Table.typed.js

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

package/dist/components/uikit/Table/Table.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Table/Table.typed.ts"],"names":[],"mappings":""}