profinansy-ui-lib 3.6.49 → 3.6.51

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

@@ -0,0 +1,143 @@
+"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.THItem = exports.TH = exports.Sort = exports.THead = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const SortArrow_svg_1 = __importDefault(require("../../../../../icons/SortArrow.svg"));
+const utils_1 = require("../../utils");
+exports.THead = styled_components_1.default.thead `
+  position: ${(props) => (props.stickyHeader ? 'sticky' : 'relative')};
+  top: 0;
+  z-index: 2;
+`;
+exports.Sort = (0, styled_components_1.default)(SortArrow_svg_1.default) `
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+
+  transform: ${(props) => props.activeSort === 'DESC' ? 'rotate(0deg)' : 'rotate(180deg)'};
+`;
+const getBorderForFirstColumn = (mode, theme) => {
+    if (mode === 'light') {
+        return {
+            right: '-6px',
+            width: '6px',
+            backgroundImage: 'linear-gradient(90deg, #e0dede, #fff0)'
+        };
+    }
+    return {
+        right: 0,
+        borderRight: `1px solid ${theme.stroke.primary}`
+    };
+};
+const getBorderForLastColumn = (mode, theme) => {
+    if (mode === 'light') {
+        return {
+            left: '-3px',
+            width: '3px',
+            backgroundImage: 'linear-gradient(90deg, #fff0, #e0dede)'
+        };
+    }
+    return {
+        left: 0,
+        borderRight: `1px solid ${theme.stroke.primary}`
+    };
+};
+exports.TH = styled_components_1.default.th `
+  background: ${(props) => props.theme.background.secondaryAlpha};
+  padding: 0 12px;
+  height: 44px;
+  min-height: 44px;
+  max-height: 44px;
+  position: relative;
+  ${(props) => props.isSort &&
+    (0, styled_components_1.css) `
+      position: relative;
+      cursor: pointer;
+      &:hover {
+        background: ${(props) => props.theme.background.accentSecondaryTint};
+      }
+    `};
+  ${(props) => props.stickyFirstColumn &&
+    (0, styled_components_1.css) `
+      &:first-of-type {
+        position: sticky;
+        top: 0;
+        left: 0;
+        z-index: 1;
+        ${(props) => props.isScrolled &&
+        (0, styled_components_1.css) `
+            &:after {
+              content: '';
+              display: block;
+              height: 100%;
+              pointer-events: none;
+              position: absolute;
+              top: 0;
+              z-index: -1;
+              ${getBorderForFirstColumn(props.mode, props.theme)}
+            }
+          `}
+      }
+    `};
+  ${(props) => props.stickyLastColumn &&
+    (0, styled_components_1.css) `
+      &:last-of-type {
+        position: sticky;
+        top: 0;
+        right: 0;
+        z-index: 1;
+        ${(props) => !props.isScrolledEnd &&
+        (0, styled_components_1.css) `
+            &:after {
+              content: '';
+              display: block;
+              height: 100%;
+              pointer-events: none;
+              position: absolute;
+              top: 0;
+              z-index: -1;
+              ${getBorderForLastColumn(props.mode, props.theme)}
+            }
+          `}
+      }
+    `};
+  &:first-of-type {
+    border-radius: 8px 0 0 8px;
+  }
+  &:last-of-type {
+    border-radius: 0 8px 8px 0;
+  }
+`;
+exports.THItem = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  ${({ alignment }) => (0, utils_1.getAlignment)(alignment)}
+`;
+//# sourceMappingURL=THead.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"THead.styled.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Table/components/THead/THead.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,uFAAyD;AAEzD,uCAA0C;AAG7B,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAA2B;cAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;;;CAGpE,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,uBAAQ,CAAC,CAGlC;;YAEU,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;eAGjC,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB;CAClE,CAAA;AAED,MAAM,uBAAuB,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE;IAC9D,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,OAAO;YACL,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,KAAK;YACZ,eAAe,EAAE,wCAAwC;SAC1D,CAAA;KACF;IACD,OAAO;QACL,KAAK,EAAE,CAAC;QACR,WAAW,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;KACjD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE;IAC7D,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,KAAK;YACZ,eAAe,EAAE,wCAAwC;SAC1D,CAAA;KACF;IACD,OAAO;QACL,IAAI,EAAE,CAAC;QACP,WAAW,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;KACjD,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,EAAE,GAAG,2BAAM,CAAC,EAAE,CAOzB;gBACc,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;;;;;;IAM5D,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,MAAM;IACZ,IAAA,uBAAG,EAAA;;;;sBAIe,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,mBAAmB;;KAEtE;IACD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,iBAAiB;IACvB,IAAA,uBAAG,EAAA;;;;;;UAMG,CAAC,KAA2D,EAAE,EAAE,CAChE,KAAK,CAAC,UAAU;QAChB,IAAA,uBAAG,EAAA;;;;;;;;;gBASG,uBAAuB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;;WAErD;;KAEN;IACD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,gBAAgB;IACtB,IAAA,uBAAG,EAAA;;;;;;UAMG,CAAC,KAA8D,EAAE,EAAE,CACnE,CAAC,KAAK,CAAC,aAAa;QACpB,IAAA,uBAAG,EAAA;;;;;;;;;gBASG,sBAAsB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;;WAEpD;;KAEN;;;;;;;CAOJ,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAA0C;;;;IAItE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,IAAA,oBAAY,EAAC,SAAS,CAAC;CAC7C,CAAA"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHorizontalScroll = void 0;
+const react_1 = require("react");
+const useHorizontalScroll = (tableContainerRef, stickyFirstColumn, stickyLastColumn) => {
+    const [isScrolled, setIsScrolled] = (0, react_1.useState)(false);
+    const [isScrolledEnd, setIsScrolledEnd] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const handleScroll = () => {
+            if (tableContainerRef.current) {
+                const { scrollLeft, scrollWidth, clientWidth } = tableContainerRef.current;
+                setIsScrolled(scrollLeft > 0);
+                setIsScrolledEnd(scrollLeft + clientWidth >= scrollWidth);
+            }
+        };
+        const container = tableContainerRef.current;
+        if (stickyFirstColumn || stickyLastColumn) {
+            handleScroll();
+            container === null || container === void 0 ? void 0 : container.addEventListener('scroll', handleScroll);
+        }
+        return () => {
+            container === null || container === void 0 ? void 0 : container.removeEventListener('scroll', handleScroll);
+        };
+    }, [stickyFirstColumn, stickyLastColumn]);
+    return { tableContainerRef, isScrolled, isScrolledEnd };
+};
+exports.useHorizontalScroll = useHorizontalScroll;
+//# sourceMappingURL=useHorizontalScroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHorizontalScroll.js","sourceRoot":"","sources":["../../../../../src/components/uikit/Table/hooks/useHorizontalScroll.ts"],"names":[],"mappings":";;;AAAA,iCAA6D;AAEtD,MAAM,mBAAmB,GAAG,CACjC,iBAAgD,EAChD,iBAA0B,EAC1B,gBAAyB,EACzB,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,iBAAiB,CAAC,OAAO,EAAE;gBAC7B,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAC5C,iBAAiB,CAAC,OAAO,CAAA;gBAC3B,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;gBAC7B,gBAAgB,CAAC,UAAU,GAAG,WAAW,IAAI,WAAW,CAAC,CAAA;aAC1D;QACH,CAAC,CAAA;QAED,MAAM,SAAS,GAAG,iBAAiB,CAAC,OAAO,CAAA;QAE3C,IAAI,iBAAiB,IAAI,gBAAgB,EAAE;YACzC,YAAY,EAAE,CAAA;YACd,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;SACpD;QAED,OAAO,GAAG,EAAE;YACV,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACxD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEzC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,CAAA;AACzD,CAAC,CAAA;AA/BY,QAAA,mBAAmB,uBA+B/B"}

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

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSort = void 0;
+const react_1 = require("react");
+// маппинг смены сортировки
+const CHANGE_SORTED = {
+    null: 'ASC',
+    ASC: 'DESC',
+    DESC: null
+};
+function useSort(data, customSort) {
+    const [sortedData, setSortedData] = (0, react_1.useState)(data);
+    const [activeSort, setActiveSort] = (0, react_1.useState)({
+        field: null,
+        order: null
+    });
+    const isCustomSort = !!customSort;
+    (0, react_1.useEffect)(() => {
+        if (customSort &&
+            customSort.activeSortDirection !== activeSort.order &&
+            customSort.activeSortField !== activeSort.field) {
+            setActiveSort({
+                field: customSort.activeSortField,
+                order: customSort.activeSortDirection
+            });
+        }
+    }, [customSort]);
+    (0, react_1.useEffect)(() => {
+        const compare = (a, b) => {
+            const aField = a[activeSort.field];
+            const bField = b[activeSort.field];
+            const compareNumbers = (a, b) => {
+                const valueA = a !== null && a !== void 0 ? a : -Infinity;
+                const valueB = b !== null && b !== void 0 ? b : -Infinity;
+                return activeSort.order === 'ASC' ? valueA - valueB : valueB - valueA;
+            };
+            const compareStrings = (a, b) => {
+                return activeSort.order === 'ASC'
+                    ? a.localeCompare(b)
+                    : b.localeCompare(a);
+            };
+            const compareDate = (a, b) => {
+                const valueA = a ? new Date(a).getTime() : -Infinity;
+                const valueB = b ? new Date(b).getTime() : -Infinity;
+                return activeSort.order === 'ASC' ? valueA - valueB : valueB - valueA;
+            };
+            if (typeof aField === 'number' && typeof bField === 'number') {
+                return compareNumbers(aField, bField);
+            }
+            else if (typeof aField === 'string' && typeof bField === 'string') {
+                const isDate = !isNaN(Date.parse(aField));
+                return isDate
+                    ? compareDate(aField, bField)
+                    : compareStrings(aField, bField);
+            }
+            else if (typeof aField === 'number') {
+                return activeSort.order === 'DESC' ? -1 : 1;
+            }
+            else {
+                return activeSort.order === 'DESC' ? 1 : -1;
+            }
+        };
+        if (!isCustomSort) {
+            if (activeSort === null || activeSort === void 0 ? void 0 : activeSort.order) {
+                const copyData = [...data];
+                copyData.sort(compare);
+                setSortedData(copyData);
+            }
+            else {
+                setSortedData([...data]);
+            }
+        }
+    }, [data, activeSort]);
+    const handleSort = (field) => {
+        const order = CHANGE_SORTED[activeSort.field !== field ? null : activeSort.order];
+        setActiveSort({ field, order });
+        if (isCustomSort)
+            customSort === null || customSort === void 0 ? void 0 : customSort.onSort(field, order);
+    };
+    return {
+        sortedData,
+        activeSortField: activeSort.field,
+        activeSortOrder: activeSort.order,
+        handleSort
+    };
+}
+exports.useSort = useSort;
+//# sourceMappingURL=useSort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSort.js","sourceRoot":"","sources":["../../../../../src/components/uikit/Table/hooks/useSort.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAG3C,2BAA2B;AAC3B,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,KAAK;IACX,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,IAAI;CACX,CAAA;AAED,SAAgB,OAAO,CACrB,IAA2B,EAC3B,UAAuC;IAEvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAA;IACzE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAa;QACvD,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;KACZ,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,CAAC,CAAC,UAAU,CAAA;IAEjC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,UAAU;YACV,UAAU,CAAC,mBAAmB,KAAK,UAAU,CAAC,KAAK;YACnD,UAAU,CAAC,eAAe,KAAK,UAAU,CAAC,KAAK,EAC/C;YACA,aAAa,CAAC;gBACZ,KAAK,EAAE,UAAU,CAAC,eAAe;gBACjC,KAAK,EAAE,UAAU,CAAC,mBAAmB;aACtC,CAAC,CAAA;SACH;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,CAAQ,EAAE,CAAQ,EAAE,EAAE;YACrC,MAAM,MAAM,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;YAClC,MAAM,MAAM,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;YAElC,MAAM,cAAc,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;gBAC9C,MAAM,MAAM,GAAG,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC,QAAQ,CAAA;gBAC7B,MAAM,MAAM,GAAG,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC,QAAQ,CAAA;gBAC7B,OAAO,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAA;YACvE,CAAC,CAAA;YAED,MAAM,cAAc,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;gBAC9C,OAAO,UAAU,CAAC,KAAK,KAAK,KAAK;oBAC/B,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;oBACpB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACxB,CAAC,CAAA;YAED,MAAM,WAAW,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;gBAC3C,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;gBACpD,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;gBAEpD,OAAO,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAA;YACvE,CAAC,CAAA;YAED,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC5D,OAAO,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;aACtC;iBAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBACnE,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;gBACzC,OAAO,MAAM;oBACX,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;oBAC7B,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;aACnC;iBAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBACrC,OAAO,UAAU,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;aAC5C;iBAAM;gBACL,OAAO,UAAU,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;aAC5C;QACH,CAAC,CAAA;QACD,IAAI,CAAC,YAAY,EAAE;YACjB,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAAE;gBACrB,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;gBAC1B,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBACtB,aAAa,CAAC,QAAQ,CAAC,CAAA;aACxB;iBAAM;gBACL,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;aACzB;SACF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAA;IAEtB,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,MAAM,KAAK,GACT,aAAa,CAAC,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QACrE,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;QAC/B,IAAI,YAAY;YAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IACpD,CAAC,CAAA;IAED,OAAO;QACL,UAAU;QACV,eAAe,EAAE,UAAU,CAAC,KAAK;QACjC,eAAe,EAAE,UAAU,CAAC,KAAK;QACjC,UAAU;KACX,CAAA;AACH,CAAC;AAtFD,0BAsFC"}

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStickHeader = void 0;
+const react_1 = require("react");
+const common_1 = require("../../../../constants/common");
+const useStickHeader = (stickyHeader, fixedHeaderOffset, data, columns, wrapperRef, tableHeadWrapperRef, lastRowRef) => {
+    const [tableWidth, setTableWidth] = (0, react_1.useState)(0);
+    const [tableLeftPosition, setTableLeftPosition] = (0, react_1.useState)(0);
+    const [reachedTop, setReachedTop] = (0, react_1.useState)(false);
+    const syncHeaderScroll = (0, react_1.useCallback)(() => {
+        var _a;
+        if (!stickyHeader)
+            return;
+        (_a = tableHeadWrapperRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(wrapperRef.current.scrollLeft, 0);
+    }, [stickyHeader, tableHeadWrapperRef, wrapperRef]);
+    const onWindowResize = (0, react_1.useCallback)(() => {
+        var _a, _b;
+        if (!stickyHeader)
+            return;
+        setTableLeftPosition((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().x);
+        setTableWidth((_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth);
+        getWidthColumns();
+    }, [stickyHeader, wrapperRef, reachedTop, data, columns]);
+    // выставляем ширину колонок такую же, как и у таблица
+    const getWidthColumns = (0, react_1.useCallback)(() => {
+        if (wrapperRef.current && stickyHeader && reachedTop) {
+            const thead = wrapperRef.current.querySelectorAll('thead');
+            if (thead.length > 1) {
+                const columns = thead[0].querySelectorAll('th');
+                const fixColumns = thead[1].querySelectorAll('th');
+                const widths = Array.from(columns).map((column) => column.offsetWidth);
+                widths.filter((width, index) => {
+                    if (fixColumns[index])
+                        fixColumns[index].style.minWidth = `${width}px`;
+                    if (fixColumns[index])
+                        fixColumns[index].style.width = `${width}px`;
+                    if (fixColumns[index])
+                        fixColumns[index].style.maxWidth = `${width}px`;
+                });
+            }
+        }
+    }, [wrapperRef, data, columns, stickyHeader, reachedTop]);
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if (stickyHeader) {
+            setTableLeftPosition((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().x);
+            setTableWidth((_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth);
+        }
+    }, [stickyHeader, wrapperRef]);
+    (0, react_1.useEffect)(() => {
+        if (!wrapperRef.current)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            onWindowResize();
+        });
+        resizeObserver.observe(wrapperRef.current);
+        return () => resizeObserver.disconnect();
+    }, [wrapperRef, onWindowResize]);
+    (0, react_1.useEffect)(() => {
+        const wrapperElem = wrapperRef.current;
+        wrapperElem === null || wrapperElem === void 0 ? void 0 : wrapperElem.addEventListener('scroll', syncHeaderScroll);
+        window === null || window === void 0 ? void 0 : window.addEventListener('resize', onWindowResize);
+        return () => {
+            wrapperElem === null || wrapperElem === void 0 ? void 0 : wrapperElem.removeEventListener('scroll', syncHeaderScroll);
+            window === null || window === void 0 ? void 0 : window.removeEventListener('resize', onWindowResize);
+        };
+    }, [syncHeaderScroll, onWindowResize, tableHeadWrapperRef, wrapperRef]);
+    (0, react_1.useEffect)(() => {
+        const onPageScroll = () => {
+            var _a, _b, _c;
+            if (!stickyHeader)
+                return;
+            const { y: lastRowY } = lastRowRef.current
+                ? lastRowRef.current.getBoundingClientRect()
+                : { y: 0 };
+            const { y: theadY } = wrapperRef.current
+                ? wrapperRef.current.getBoundingClientRect()
+                : { y: 0 };
+            const offset = fixedHeaderOffset || 0;
+            const theadOffset = theadY - common_1.HEIGHT_HEADER + 20 - offset;
+            const lastRowOffset = lastRowY - common_1.HEIGHT_HEADER - offset - 44;
+            const didReachTop = theadOffset <= 0 && lastRowOffset >= 50;
+            const headerScrollNotSynced = didReachTop &&
+                ((_a = tableHeadWrapperRef.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) !==
+                    ((_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.scrollLeft) &&
+                ((_c = wrapperRef.current) === null || _c === void 0 ? void 0 : _c.scrollLeft) > 0;
+            if (headerScrollNotSynced) {
+                syncHeaderScroll();
+            }
+            setReachedTop(didReachTop);
+        };
+        document.addEventListener('scroll', onPageScroll);
+        return () => document.removeEventListener('scroll', onPageScroll);
+    }, [stickyHeader, lastRowRef, wrapperRef, fixedHeaderOffset]);
+    return { reachedTop, tableWidth, tableLeftPosition };
+};
+exports.useStickHeader = useStickHeader;
+//# sourceMappingURL=useStickHeader.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Table/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AAEd,8DAA4D;AAAnD,sGAAA,SAAS,OAAA"}

package/dist/components/uikit/Table/utils.d.ts

@@ -1,5 +1,5 @@
 import { IColumnTable } from './Table.typed';
 export declare const getAlignment: (alignment: IColumnTable['alignment']) => {
     justifyContent: string;
-    textAlign: "center" | "right" | "left";
+    textAlign: "center" | "left" | "right";
 };

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAlignment = void 0;
+const getAlignment = (alignment) => {
+    const styles = {
+        justifyContent: 'flex-start',
+        textAlign: alignment
+    };
+    if (alignment === 'right')
+        styles.justifyContent = 'flex-end';
+    if (alignment === 'center')
+        styles.justifyContent = 'center';
+    return styles;
+};
+exports.getAlignment = getAlignment;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/uikit/Table/utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,YAAY,GAAG,CAAC,SAAoC,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG;QACb,cAAc,EAAE,YAAY;QAC5B,SAAS,EAAE,SAAS;KACrB,CAAA;IACD,IAAI,SAAS,KAAK,OAAO;QAAE,MAAM,CAAC,cAAc,GAAG,UAAU,CAAA;IAC7D,IAAI,SAAS,KAAK,QAAQ;QAAE,MAAM,CAAC,cAAc,GAAG,QAAQ,CAAA;IAC5D,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AARY,QAAA,YAAY,gBAQxB"}

package/dist/components/uikit/Tabs/Tabs.js

@@ -0,0 +1,165 @@
+"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.Tabs = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Tabs.styled"));
+const DragScroll_1 = require("../DragScroll");
+const Typography_1 = require("../Typography");
+const Counter_1 = require("../Counter");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const eventBus_1 = __importDefault(require("../../../utils/eventBus"));
+const events_1 = require("../../../utils/eventBus/events");
+const debounce_1 = require("../../../utils/debounce");
+const useMediaQuery_1 = require("../../../hooks/useMediaQuery");
+const common_1 = require("../../../constants/common");
+const Tabs = ({ style, onChange, options, selectedValue, indent = 16, counterType, classWrapper, scroll = 'base' }) => {
+    const [line, setLine] = (0, react_1.useState)({ left: 0, width: 0 });
+    const [showScrollButtonLeft, setShowScrollButtonLeft] = (0, react_1.useState)(false);
+    const [showScrollButtonRight, setShowScrollButtonRight] = (0, react_1.useState)(false);
+    const ref = (0, react_1.useRef)(null);
+    const isTablet = (0, useMediaQuery_1.useMediaQuery)(useMediaQuery_1.breakpoint.down(common_1.TABLET_WIDTH));
+    const optionsFiltered = (0, react_1.useMemo)(() => options.filter((option) => !option.hidden), [options]);
+    const mouseEnterTimeouts = (0, react_1.useRef)({});
+    (0, react_1.useEffect)(() => {
+        let timerId;
+        const handleScroll = () => {
+            if (ref.current) {
+                const { scrollLeft, scrollWidth, clientWidth } = ref.current;
+                setShowScrollButtonLeft(scrollLeft > 0);
+                setShowScrollButtonRight(scrollLeft + 2 + clientWidth < scrollWidth);
+            }
+        };
+        // На всякий случаем даем отработать какой-нибудь анимации, чтобы зафиксировалась внешняя ширина контейнера
+        const getHandleScrollFromTimer = () => {
+            timerId = setTimeout(() => {
+                handleScroll();
+            }, 400);
+        };
+        getHandleScrollFromTimer();
+        const removeListener = eventBus_1.default.subscribe(events_1.BusEvent.SideMenuOpen, getHandleScrollFromTimer);
+        if (ref.current) {
+            ref.current.addEventListener('scroll', handleScroll);
+            window.addEventListener('resize', (0, debounce_1.debounce)(handleScroll, 200));
+        }
+        return () => {
+            clearTimeout(timerId);
+            removeListener();
+            if (ref.current) {
+                ref.current.removeEventListener('scroll', handleScroll);
+                window.removeEventListener('resize', handleScroll);
+            }
+        };
+    }, [optionsFiltered]);
+    (0, react_1.useEffect)(() => {
+        if (selectedValue && (optionsFiltered === null || optionsFiltered === void 0 ? void 0 : optionsFiltered.length)) {
+            const index = optionsFiltered.findIndex((val) => val.value === selectedValue);
+            getLinePosition(index);
+        }
+    }, [selectedValue, optionsFiltered, isTablet]);
+    const handleClick = (value, evt, index) => {
+        if (onChange) {
+            onChange(value, evt);
+        }
+        scrollToTab(index);
+    };
+    const getLinePosition = (index) => {
+        if (ref.current && ref.current.children[index]) {
+            const tabElement = ref.current.children[index];
+            const tabsRect = ref.current.getBoundingClientRect();
+            const tabRect = tabElement.getBoundingClientRect();
+            const containerScrollLeft = ref.current.scrollLeft; // Смещение скролла контейнера
+            const tabOffset = tabRect.left - tabsRect.left + containerScrollLeft; // Учитываем смещение скролла
+            const tabWidth = tabRect.width;
+            setLine({ left: tabOffset, width: tabWidth });
+        }
+    };
+    const scrollToTab = (index) => {
+        if (ref.current && ref.current.children[index]) {
+            const selectedTab = ref.current.children[index];
+            const containerRect = ref.current.getBoundingClientRect();
+            const tabRect = selectedTab.getBoundingClientRect();
+            const offsetRight = tabRect.right - containerRect.right;
+            const offsetLeft = tabRect.left - containerRect.left;
+            if (offsetRight > 0) {
+                ref.current.scrollTo({
+                    left: ref.current.scrollLeft + offsetRight + 10,
+                    behavior: 'smooth'
+                });
+            }
+            else if (offsetLeft < 0) {
+                ref.current.scrollTo({
+                    left: ref.current.scrollLeft + offsetLeft - 10,
+                    behavior: 'smooth'
+                });
+            }
+        }
+    };
+    const handleScroll = (isLeft) => {
+        if (ref.current) {
+            ref.current.scrollTo({
+                left: ref.current.scrollLeft + (isLeft ? -400 : 400),
+                behavior: 'smooth'
+            });
+        }
+    };
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Wrapper, { className: classWrapper },
+            showScrollButtonLeft && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Styled.Mute, { isLeft: true, scroll: scroll }),
+                react_1.default.createElement(Styled.LeftButton, { onClick: () => handleScroll(true), size: "M", direction: "left" }))),
+            react_1.default.createElement(DragScroll_1.DragScroll, null,
+                react_1.default.createElement(Styled.Container, { indent: indent, style: style, ref: ref },
+                    optionsFiltered.map((item, index) => (react_1.default.createElement(Styled.Button, { key: index, onClick: (evt) => handleClick(item.value, evt, index), isActive: selectedValue === item.value, onMouseLeave: () => {
+                            if (mouseEnterTimeouts.current[index]) {
+                                clearTimeout(mouseEnterTimeouts.current[index]);
+                                mouseEnterTimeouts.current[index] = null;
+                            }
+                        }, onMouseEnter: () => {
+                            if (item.onMouseEnter) {
+                                mouseEnterTimeouts.current[index] = setTimeout(item.onMouseEnter, 140);
+                            }
+                        } },
+                        react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: "controls-Medium" }, item.label),
+                        item.isNewSection && react_1.default.createElement(Styled.NewTabCircle, null),
+                        item.dataCount !== undefined && (react_1.default.createElement(Counter_1.Counter, { number: item.dataCount, type: counterType, style: {
+                                marginLeft: '4px',
+                                background: selectedValue === item.value
+                                    ? theme_const_1.palette[mode].other.violet
+                                    : theme_const_1.palette[mode].other.gray
+                            } }))))),
+                    react_1.default.createElement(Styled.LineIndicator, { position: line.left, width: line.width }))),
+            showScrollButtonRight && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Styled.Mute, { scroll: scroll }),
+                react_1.default.createElement(Styled.RightButton, { onClick: () => handleScroll(false), size: "M", direction: "right" }))))));
+};
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs.js.map

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

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