@daisforge/ui 1.22.0 → 1.24.0

package/components/TableCanvas/styles/index.mjs

@@ -1,34 +1,36 @@
-import { o as T, p as _, q as L, r as S, D as E, s as O, v as A, F as o, H as I, w as C, x as e, L as R, y as l, M as r, R as D, z as t, A as N, B as H, E as B, G as U, I as m, J as y, K as F, N as K, O as n, P as u } from "../../../chunks/TableCanvas-BX5aciu7.mjs";
-import { COLLAPSE_DECOR_DELAY as b, COLLAPSE_DECOR_FADE as c, COLLAPSE_DURATION as P, DURATION as W } from "../../TableCanvasSharedConstants/index.mjs";
+import { y as _, z as T, A as E, B as L, D as O, E as S, F as A, G as o, H as R, I as C, J as e, L as I, K as l, M as r, O as D, R as t, N, P as B, Q as H, U, V as m, W as u, X as y, Y as F, Z as K, _ as n, $ as G, a0 as W } from "../../../chunks/TableCanvas-SPpKEgwz.mjs";
+import { COLLAPSE_DECOR_DELAY as c, COLLAPSE_DECOR_FADE as P, COLLAPSE_DURATION as d, DURATION as M } from "../../TableCanvasSharedConstants/index.mjs";
 export {
-  b as COLLAPSE_DECOR_DELAY,
-  c as COLLAPSE_DECOR_FADE,
-  P as COLLAPSE_DURATION,
-  T as COLORS,
-  _ as CUSTOM_TOKENS,
-  L as CUSTOM_TOKENS_KEYS,
-  S as ContainerStyled,
-  E as DEFAULT_TABLE_TRANSITION,
-  O as DEFAULT_TABLE_TRANSITION_DELAY,
+  c as COLLAPSE_DECOR_DELAY,
+  P as COLLAPSE_DECOR_FADE,
+  d as COLLAPSE_DURATION,
+  _ as COLORS,
+  T as CUSTOM_TOKENS,
+  E as CUSTOM_TOKENS_KEYS,
+  L as ContainerStyled,
+  O as DEFAULT_TABLE_TRANSITION,
+  S as DEFAULT_TABLE_TRANSITION_DELAY,
   A as DETAIL_PANEL_ROW_CLASS,
-  W as DURATION,
+  M as DURATION,
   o as FIRST_ROW,
-  I as HEIGHT_CONTROL_BLOCK,
+  R as HEIGHT_CONTROL_BLOCK,
   C as HEIGHT_FILTERLIST_BLOCK,
   e as HEIGHT_TABLE_DEFAULT,
-  R as LIST_WIDTH,
+  I as LIST_WIDTH,
   l as LVL_1_ROW_CLASS,
   r as MIN_CONTENT_HEIGHT,
-  D as ROW_IDX_START_CLASS,
-  t as SIZES,
-  N as TABLE_BORDER_RADIUS,
+  D as OUTER_BORDER_COLOR_VAR,
+  t as ROW_IDX_START_CLASS,
+  N as SIZES,
+  B as TABLE_BORDER_RADIUS,
   H as customColorGlobalVars,
-  B as customColorTokens,
-  U as customColorTokensKeys,
-  m as fullScreenStyles,
+  U as customColorTokens,
+  m as customColorTokensKeys,
+  u as fullScreenStyles,
   y as getTableHeightStyles,
-  F as rowIColumnStyles,
-  K as scrollbarStyles,
-  n as tableBorderRadius,
-  u as tableClassNames
+  F as outerBorderColor,
+  K as rowIColumnStyles,
+  n as scrollbarStyles,
+  G as tableBorderRadius,
+  W as tableClassNames
 };

package/components/TableCanvas/styles/styles.constants.d.ts

@@ -14,7 +14,7 @@ export declare const customColorTokensKeys: {
     editableCellHoverColor: "var(--editableCellHoverColor)";
     editedSuccessfullyCellColor: "var(--editedSuccessfullyCellColor)";
     editedSuccessfullyCellHoverColor: "var(--editedSuccessfullyCellHoverColor)";
-}, customColorGlobalVars: (theme: import('../TableGlideInstance').ActiveTheme) => string;
+}, customColorGlobalVars: (theme: "light" | "dark" | "highContrastLight" | "highContrastDark" | "betaCoreLight" | "betaCoreDark") => string;
 export declare const CUSTOM_TOKENS_KEYS: {
     readonly zIndexCell: "--zIndexCell";
     readonly headerColor: "--headerColor";
@@ -46,6 +46,8 @@ export declare const COLORS: {
     readonly red: "var(--outline-negative, #FF3D51)";
 };
 export declare const TABLE_BORDER_RADIUS = 8;
+export declare const OUTER_BORDER_COLOR_VAR = "--table-outer-border-color";
+export declare const outerBorderColor: string;
 export { COLLAPSE_DECOR_DELAY, COLLAPSE_DECOR_FADE, COLLAPSE_DURATION, DURATION, } from '../../TableCanvasSharedConstants';
 export declare const LVL_1_ROW_CLASS = "lvl-1-row";
 export declare const DETAIL_PANEL_ROW_CLASS = "detail-panel-row";

package/components/TableCanvas/styles/styles.d.ts

@@ -1,5 +1,5 @@
 import { ActiveViewModsType } from '../types';
-import { ActiveTheme, HighlightActiveType } from '../TableGlideInstance/type';
+import { ActiveTheme, AppearanceVariant, HighlightActiveType } from '../TableGlideInstance/type';
 import { PaginationSize } from '../feature-pagination/types';
 import { CSSObject } from 'styled-components';
 import { SIZE } from './styles.constants';
@@ -24,12 +24,10 @@ export declare const ContainerStyled: import('styled-components').StyledComponen
     $isEnabledCollapse?: boolean | undefined;
     $highlightActiveType: HighlightActiveType;
     $activeTheme: ActiveTheme;
+    $appearanceVariant: AppearanceVariant;
 }, never>;
-export declare const HEIGHT_CONTROL_BLOCK = 40;
-export declare const HEIGHT_FILTERLIST_BLOCK = 33;
-export declare const HEIGHT_TABLE_DEFAULT = 350;
-export declare const MIN_CONTENT_HEIGHT = 316;
-export declare const getTableHeightStyles: (tableContainerHeight: string | number | undefined, tableContainerMaxHeight: string | number | undefined, isHaveControlBlock: boolean | undefined, filtersAreVisible: boolean, fullScreened: boolean, paginationActiveInConfig: boolean, paginationHeight: number, paginationCustomSize: PaginationSize | undefined, isSearchingBellow: boolean, isCollapsed: boolean, collapseButtonPlacement?: 'inside' | 'above', controlBlockHeight?: number) => {
+export { HEIGHT_CONTROL_BLOCK, HEIGHT_FILTERLIST_BLOCK, HEIGHT_TABLE_DEFAULT, MIN_CONTENT_HEIGHT, } from './getReservedTableHeight';
+export declare const getTableHeightStyles: (tableContainerHeight: string | number | undefined, tableContainerMaxHeight: string | number | undefined, isHaveControlBlock: boolean | undefined, filtersAreVisible: boolean, fullScreened: boolean, paginationActiveInConfig: boolean, paginationHeight: number, paginationCustomSize: PaginationSize | undefined, isSearchingBellow: boolean, isCollapsed: boolean, collapseButtonPlacement?: 'inside' | 'above', controlBlockHeight?: number, minContentHeight?: number) => {
     height: string | undefined;
     maxHeight: string | undefined;
 };

package/components/TableCanvas/table-hooks/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableCanvas-qnwh4c5g.cjs");exports.useColumns=e.useColumns;exports.useContextMenuValues=e.useContextMenuValues;exports.useContextsValues=e.useContextsValues;exports.useFilteredRows=e.useFilteredRows;exports.useFlattenedRows=e.useFlattenedRows;exports.useInlineStyle=e.useInlineStyle;exports.useIsLoadingTable=e.useIsLoadingTable;exports.useOnCellClick=e.useOnCellClick;exports.useOnRowsChange=e.useOnRowsChange;exports.usePrepareTableConfig=e.usePrepareTableConfig;exports.useRecalculateColumnsWidth=e.useRecalculateColumnsWidth;exports.useRowClass=e.useRowClass;exports.useRowHeight=e.useRowHeight;exports.useRowInstruments=e.useRowInstruments;exports.useRowsWithSkeletonsOrNot=e.useRowsWithSkeletonsOrNot;exports.useSearchValues=e.useSearchValues;exports.useSidebarState=e.useSidebarState;exports.useTableCollapseValues=e.useTableCollapseValues;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableCanvas-IDEevoRM.cjs");exports.useColumns=e.useColumns;exports.useContextMenuValues=e.useContextMenuValues;exports.useContextsValues=e.useContextsValues;exports.useFilteredRows=e.useFilteredRows;exports.useFlattenedRows=e.useFlattenedRows;exports.useInlineStyle=e.useInlineStyle;exports.useIsLoadingTable=e.useIsLoadingTable;exports.useOnCellClick=e.useOnCellClick;exports.useOnRowsChange=e.useOnRowsChange;exports.usePrepareTableConfig=e.usePrepareTableConfig;exports.useRecalculateColumnsWidth=e.useRecalculateColumnsWidth;exports.useRowClass=e.useRowClass;exports.useRowHeight=e.useRowHeight;exports.useRowInstruments=e.useRowInstruments;exports.useRowsWithSkeletonsOrNot=e.useRowsWithSkeletonsOrNot;exports.useSearchValues=e.useSearchValues;exports.useSidebarState=e.useSidebarState;exports.useTableCollapseValues=e.useTableCollapseValues;

package/components/TableCanvas/table-hooks/index.mjs

@@ -1,4 +1,4 @@
-import { cB as a, cC as u, cD as c, cE as l, cF as t, cG as o, cH as n, cI as C, cJ as i, cK as r, cL as R, cM as w, cN as S, cO as d, cP as h, cQ as b, cR as g, cS as m } from "../../../chunks/TableCanvas-BX5aciu7.mjs";
+import { cI as a, cJ as u, cK as c, cL as l, cM as t, cN as o, cO as n, cP as C, cQ as i, cR as r, cS as R, cT as w, cU as S, cV as d, cW as h, cX as V, cY as b, cZ as g } from "../../../chunks/TableCanvas-SPpKEgwz.mjs";
 export {
   a as useColumns,
   u as useContextMenuValues,
@@ -15,7 +15,7 @@ export {
   S as useRowHeight,
   d as useRowInstruments,
   h as useRowsWithSkeletonsOrNot,
-  b as useSearchValues,
-  g as useSidebarState,
-  m as useTableCollapseValues
+  V as useSearchValues,
+  b as useSidebarState,
+  g as useTableCollapseValues
 };

package/components/TableCanvas/table-hooks/useInlineStyle.d.ts

@@ -3,7 +3,7 @@ import { ObjectForExtending, TableConfig } from '../types';
 import { TableCollapseContextValue } from '../contexts';
 import { default as React, CSSProperties } from 'react';
 
-export declare const useInlineStyle: <FilterStateType extends ObjectForExtending, RowIdType extends string | number, RowType extends ObjectForExtending, SummaryRowType = unknown>({ tableConfig, reorderedColumns, filtersAreVisible, style, controlBlockIsHave, fullScreened, paginationActiveInConfig, paginationCustomSize, paginationHeight, isSearchingBellow, tableCollapsingValue, refTableContainer, collapseButtonPlacement, }: {
+export declare const useInlineStyle: <FilterStateType extends ObjectForExtending, RowIdType extends string | number, RowType extends ObjectForExtending, SummaryRowType = unknown>({ tableConfig, reorderedColumns, filtersAreVisible, style, controlBlockIsHave, fullScreened, paginationActiveInConfig, paginationCustomSize, paginationHeight, isSearchingBellow, tableCollapsingValue, refTableContainer, collapseButtonPlacement, hasBottomSheet, }: {
     tableConfig: TableConfig<RowType, SummaryRowType, RowIdType, FilterStateType>;
     reorderedColumns: readonly ColumnConfigInternal<RowType, SummaryRowType>[];
     filtersAreVisible: boolean;
@@ -17,6 +17,7 @@ export declare const useInlineStyle: <FilterStateType extends ObjectForExtending
     tableCollapsingValue: TableCollapseContextValue;
     refTableContainer?: React.RefObject<HTMLElement>;
     collapseButtonPlacement?: 'inside' | 'above';
+    hasBottomSheet?: boolean;
 }) => {
     styleMemo: {
         width?: string | number | undefined;

package/components/TableCanvas/table-hooks/useLeftSidebarValues.d.ts

@@ -0,0 +1,7 @@
+import { LeftSidebarConfig } from '../types';
+
+export declare const useLeftSidebarState: (config?: LeftSidebarConfig, refTableContainer?: React.RefObject<HTMLElement>) => {
+    isOpen: boolean;
+    toggle: () => void;
+    width: string | number;
+};

package/components/TableCanvas/table-hooks/useSidebarOpenState.d.ts

@@ -0,0 +1,11 @@
+import { TableCanvasSidebarConfig } from '../types';
+
+export declare const useSidebarOpenState: (config?: Pick<TableCanvasSidebarConfig, 'defaultOpen' | 'openState'>) => {
+    isOpen: boolean;
+    toggle: () => void;
+};
+export declare const useSidebarResize: ({ isOpen, width, refTableContainer, }: {
+    isOpen: boolean;
+    width: string | number;
+    refTableContainer?: React.RefObject<HTMLElement>;
+}) => void;

package/components/TableCanvas/table-hooks/useSidebarValues.d.ts

@@ -8,4 +8,5 @@ export declare const useSidebarState: <FilterStateType extends ObjectForExtendin
     width: number;
     toggle: () => void;
     setWidth: import('react').Dispatch<import('react').SetStateAction<number>>;
+    effectiveWidth: string | number;
 };

package/components/TableCanvas/types/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableCanvas-qnwh4c5g.cjs");exports.DOM_METADATA_ACTIONS=e.DOM_METADATA_ACTIONS;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableCanvas-IDEevoRM.cjs");exports.DOM_METADATA_ACTIONS=e.DOM_METADATA_ACTIONS;

package/components/TableCanvas/types/index.mjs

@@ -1,4 +1,4 @@
-import { dd as d } from "../../../chunks/TableCanvas-BX5aciu7.mjs";
+import { dk as o } from "../../../chunks/TableCanvas-SPpKEgwz.mjs";
 export {
-  d as DOM_METADATA_ACTIONS
+  o as DOM_METADATA_ACTIONS
 };

package/components/TableCanvas/types/table-config.type.d.ts

@@ -6,8 +6,9 @@ import { DomMetadata } from './additional.type';
 import { MassActionButtonProps } from '../widgets/mass-actions/types';
 import { FeatureItem, PinningMenuConfig, SidebarTab } from '../widgets/control-block/types';
 import { ControlBlockButtonProps } from '../widgets/control-block/control-block-button.types';
-import { CellReadOnlyEditorGlideInstanceStaticProps, CellsSelectionMode, HighlightActiveType, HoverEffectsConfig, TableGlideCustomProps, TableGlideInstanceProps, TableInfoWithRow } from '../TableGlideInstance/type';
+import { AppearanceConfig, CellReadOnlyEditorGlideInstanceStaticProps, CellsSelectionMode, HighlightActiveType, HoverEffectsConfig, TableGlideCustomProps, TableGlideInstanceProps, TableInfoWithRow } from '../TableGlideInstance/type';
 import { SubRows } from '../feature-tree/types';
+import { StickyColumnsConfig, StickyRowsConfig } from '../feature-sticky/types';
 import { FlattenedRowsArrAndMap, SelectingRowConfig } from '../feature-select-row/types';
 import { SearchingProps } from '../feature-searching/types';
 import { RowsGrouping } from '../feature-rows-grouping/types';
@@ -103,7 +104,7 @@ export type FilteringConfig<T> = {
     renderChipLabel?: (group: Group | null, item: Item) => string;
 };
 export type DefaultSidebarTabIds = 'columns' | 'tableSettings' | 'filtering';
-export type SidebarConfig = {
+export type TableCanvasSidebarConfig = {
     enabled?: boolean;
     defaultOpen?: boolean;
     openState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
@@ -117,6 +118,9 @@ export type SidebarConfig = {
         id: Exclude<string, DefaultSidebarTabIds>;
     }>;
     customTabsOrder?: Array<Exclude<string, DefaultSidebarTabIds>>;
+    width?: string | number;
+};
+export type SidebarConfig = TableCanvasSidebarConfig & {
     defaultTabs?: Array<{
         id: 'filtering' | 'columns';
         label?: string;
@@ -136,6 +140,15 @@ export type SidebarConfig = {
         iconTooltipText?: string;
     }>;
 };
+export type RightSidebarConfig = SidebarConfig;
+export type LeftSidebarConfig = TableCanvasSidebarConfig;
+export type BottomSheetConfig = {
+    enabled?: boolean;
+    height?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    content: React.ReactNode;
+};
 export declare function activeViewIs<T extends 'cards' | 'rows'>(checkType: T, viewState: 'cards' | 'rows', view: View): view is ViewMods[T];
 export type ControlBlockSize = 'm' | 's' | 'xs';
 export type ControlBlockConfig = {
@@ -257,6 +270,7 @@ export type TableConfig<RowType extends ObjectForExtending, SummaryRowType, RowI
     hoverEffects?: HoverEffectsConfig;
     enableLowDprHairline?: boolean;
     borders?: BordersConfig<RowType>;
+    appearance?: AppearanceConfig;
     rowSize?: Prettify<RowSize>;
     rowHeight?: Maybe<number | RowHeightFunc<RowType>>;
     headerRowHeight?: Maybe<number>;
@@ -308,6 +322,8 @@ export type TableConfig<RowType extends ObjectForExtending, SummaryRowType, RowI
     containerCss?: string | CSSObject | undefined;
     containerId?: string | undefined;
     unstickyHeader?: boolean;
+    stickyColumns?: StickyColumnsConfig<ColumnConfig<RowType, SummaryRowType>>;
+    stickyRows?: StickyRowsConfig<RowType>;
     tooltip?: TableConfigTooltip;
     infinityScroll?: InfinityScrollConfig<RowType>;
     isLoading?: boolean | {
@@ -329,6 +345,9 @@ export type TableConfig<RowType extends ObjectForExtending, SummaryRowType, RowI
     keyText?: boolean | KeyTextConfig;
     pagination?: PaginationProps;
     sidebarConfig?: SidebarConfig;
+    rightSidebarConfig?: RightSidebarConfig;
+    leftSidebarConfig?: LeftSidebarConfig;
+    bottomSheetConfig?: BottomSheetConfig;
     searching?: SearchingProps;
     onHeaderContextMenu?: TableGlideInstanceProps<RowType, SummaryRowType>['onHeaderContextMenu'];
     onHeaderContextMenuDropdown?: TableGlideInstanceProps<RowType, SummaryRowType>['onHeaderContextMenuDropdown'];

package/components/TableCanvas/utils/calculateMinColumnWidth.d.ts

@@ -1,8 +1,13 @@
+import { RowSize } from '../renders/rowIconConfig';
+
+export declare const HEADER_TEXT_TO_ICONS_GAP = 6;
+export declare const HEADER_ICONS_GAP = 4;
+export declare function getHeaderButtonsBlockWidth(buttonsCount: number): number;
 export declare function calculateMinColumnWidth(options: {
+    rowSize: RowSize;
     isHaveFiltering: boolean;
     isHaveSorting: boolean;
     columnIsPinned: boolean;
     subRowIsActiveAndColumnWithArrow: boolean;
     reorderForColIsActive?: boolean;
-    customMinWidth?: number;
 }): number;

package/components/TableCanvas/utils/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableCanvas-qnwh4c5g.cjs"),t=require("../../../chunks/utils-ChDQGRjv.cjs");exports.calculateMinColumnWidth=e.calculateMinColumnWidth;exports.getDataAttributes=e.getDataAttributes;exports.overflowDotsStyle=e.overflowDotsStyle;exports.pasteOnlyKeysWithNotUndefinedValue=e.pasteOnlyKeysWithNotUndefinedValue;exports.setValueInObj=e.setValueInObj;exports.viewportToContainerPosition=e.viewportToContainerPosition;exports.tableDebug=t.tableDebug;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableCanvas-IDEevoRM.cjs"),t=require("../../../chunks/utils-OQNruMpn.cjs");exports.calculateMinColumnWidth=e.calculateMinColumnWidth;exports.getDataAttributes=e.getDataAttributes;exports.overflowDotsStyle=e.overflowDotsStyle;exports.pasteOnlyKeysWithNotUndefinedValue=e.pasteOnlyKeysWithNotUndefinedValue;exports.setValueInObj=e.setValueInObj;exports.viewportToContainerPosition=e.viewportToContainerPosition;exports.tableDebug=t.tableDebug;

package/components/TableCanvas/utils/index.mjs

@@ -1,11 +1,11 @@
-import { b9 as a, ba as o, bb as s, bc as b, bd as i, be as l } from "../../../chunks/TableCanvas-BX5aciu7.mjs";
-import { z as r } from "../../../chunks/utils-u1KJ37g3.mjs";
+import { bj as a, bk as o, bl as s, bm as b, bn as l, bo as n } from "../../../chunks/TableCanvas-SPpKEgwz.mjs";
+import { s as r } from "../../../chunks/utils-Hu77fGGe.mjs";
 export {
   a as calculateMinColumnWidth,
   o as getDataAttributes,
   s as overflowDotsStyle,
   b as pasteOnlyKeysWithNotUndefinedValue,
-  i as setValueInObj,
+  l as setValueInObj,
   r as tableDebug,
-  l as viewportToContainerPosition
+  n as viewportToContainerPosition
 };

package/components/TableCanvas/widgets/control-block/compression/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("../../../../../chunks/TableCanvas-qnwh4c5g.cjs");exports.useCompressionFeatures=e.useCompressionFeatures;exports.useControlBlockMeasurements=e.useControlBlockMeasurements;exports.useMeasurementEffects=e.useMeasurementEffects;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("../../../../../chunks/TableCanvas-IDEevoRM.cjs");exports.useCompressionFeatures=e.useCompressionFeatures;exports.useControlBlockMeasurements=e.useControlBlockMeasurements;exports.useMeasurementEffects=e.useMeasurementEffects;

package/components/TableCanvas/widgets/control-block/compression/index.mjs

@@ -1,5 +1,5 @@
 import "react";
-import { cT as r, cU as t, cV as a } from "../../../../../chunks/TableCanvas-BX5aciu7.mjs";
+import { c_ as r, c$ as t, d0 as a } from "../../../../../chunks/TableCanvas-SPpKEgwz.mjs";
 export {
   r as useCompressionFeatures,
   t as useControlBlockMeasurements,

package/components/TableCanvas/widgets/control-block/control-block.constants.d.ts

@@ -82,6 +82,7 @@ declare const SPACING_MAP: {
         containerPadding: number;
         leftPartGap: number;
         leftPartPaddingRight: number;
+        collapseGap: number;
         rightButtonsGap: number;
         rightButtonsPaddingInline: number;
         rightFeaturesGap: number;
@@ -91,6 +92,7 @@ declare const SPACING_MAP: {
         containerPadding: number;
         leftPartGap: number;
         leftPartPaddingRight: number;
+        collapseGap: number;
         rightButtonsGap: number;
         rightButtonsPaddingInline: number;
         rightFeaturesGap: number;
@@ -100,6 +102,7 @@ declare const SPACING_MAP: {
         containerPadding: number;
         leftPartGap: number;
         leftPartPaddingRight: number;
+        collapseGap: number;
         rightButtonsGap: number;
         rightButtonsPaddingInline: number;
         rightFeaturesGap: number;
@@ -111,6 +114,7 @@ export declare const getControlBlockSpacingMap: (size?: ControlBlockSize) => {
     containerPadding: number;
     leftPartGap: number;
     leftPartPaddingRight: number;
+    collapseGap: number;
     rightButtonsGap: number;
     rightButtonsPaddingInline: number;
     rightFeaturesGap: number;
@@ -119,6 +123,7 @@ export declare const getControlBlockSpacingMap: (size?: ControlBlockSize) => {
     containerPadding: number;
     leftPartGap: number;
     leftPartPaddingRight: number;
+    collapseGap: number;
     rightButtonsGap: number;
     rightButtonsPaddingInline: number;
     rightFeaturesGap: number;
@@ -127,6 +132,7 @@ export declare const getControlBlockSpacingMap: (size?: ControlBlockSize) => {
     containerPadding: number;
     leftPartGap: number;
     leftPartPaddingRight: number;
+    collapseGap: number;
     rightButtonsGap: number;
     rightButtonsPaddingInline: number;
     rightFeaturesGap: number;

package/components/TableCanvas/widgets/control-block/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../chunks/TableCanvas-qnwh4c5g.cjs");exports.CONTROL_BLOCK=o.CONTROL_BLOCK;exports.ControlBlock=o.ControlBlock;exports.ControlBlockLazy=o.ControlBlockLazy;exports.ControlBlockSwitch=o.ControlBlockSwitch;exports.ControlBlockWithoutResize=o.ControlBlockWithoutResize;exports.controlBlockClassNames=o.controlBlockClassNames;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../chunks/TableCanvas-IDEevoRM.cjs");exports.CONTROL_BLOCK=o.CONTROL_BLOCK;exports.ControlBlock=o.ControlBlock;exports.ControlBlockLazy=o.ControlBlockLazy;exports.ControlBlockSwitch=o.ControlBlockSwitch;exports.ControlBlockWithoutResize=o.ControlBlockWithoutResize;exports.controlBlockClassNames=o.controlBlockClassNames;

package/components/TableCanvas/widgets/control-block/index.mjs

@@ -1,9 +1,9 @@
-import { cX as l, cY as s, cZ as a, c_ as t, c$ as r, d0 as C } from "../../../../chunks/TableCanvas-BX5aciu7.mjs";
+import { d2 as s, d3 as a, d4 as t, d5 as c, d6 as r, d7 as C } from "../../../../chunks/TableCanvas-SPpKEgwz.mjs";
 export {
-  l as CONTROL_BLOCK,
-  s as ControlBlock,
-  a as ControlBlockLazy,
-  t as ControlBlockSwitch,
+  s as CONTROL_BLOCK,
+  a as ControlBlock,
+  t as ControlBlockLazy,
+  c as ControlBlockSwitch,
   r as ControlBlockWithoutResize,
   C as controlBlockClassNames
 };

package/components/TableCanvas/widgets/control-block/right-side/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../chunks/TableCanvas-qnwh4c5g.cjs");exports.RightSide=e.RightSide;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../chunks/TableCanvas-IDEevoRM.cjs");exports.RightSide=e.RightSide;

package/components/TableCanvas/widgets/control-block/right-side/index.mjs

@@ -1,4 +1,4 @@
-import { cW as o } from "../../../../../chunks/TableCanvas-BX5aciu7.mjs";
+import { d1 as i } from "../../../../../chunks/TableCanvas-SPpKEgwz.mjs";
 export {
-  o as RightSide
+  i as RightSide
 };

package/components/TableCanvas/widgets/control-block/types.d.ts

@@ -126,6 +126,7 @@ export type CompressionSpacing = {
     containerPadding: number;
     leftPartGap: number;
     leftPartPaddingRight: number;
+    collapseGap: number;
     rightButtonsGap: number;
     rightButtonsPaddingInline: number;
 };

package/components/TableCanvas/widgets/header-buttons-state.d.ts

@@ -0,0 +1,16 @@
+export interface HeaderButtonsStateInput {
+    filterAvailable: boolean;
+    sortAvailable: boolean;
+    filterActive: boolean;
+    sortActive: boolean;
+    columnIsSelected: boolean;
+    hoverAmount: number;
+}
+export interface HeaderButtonsState {
+    showFilterButton: boolean;
+    showSortButton: boolean;
+    isSliding: boolean;
+    blockWidth: number;
+    visibleWidth: number;
+}
+export declare function getHeaderButtonsState({ filterAvailable, sortAvailable, filterActive, sortActive, columnIsSelected, hoverAmount, }: HeaderButtonsStateInput): HeaderButtonsState;

package/components/TableCanvas/widgets/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../chunks/TableCanvas-qnwh4c5g.cjs");exports.ControlBlock=o.ControlBlock;exports.ControlBlockLazy=o.ControlBlockLazy;exports.MassActions=o.MassActions;exports.NoRowsFallback=o.NoRowsFallback;exports.TableOrCardsUI=o.TableOrCardsUI;exports.renderFilterSortHeader=o.renderFilterSortHeader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../chunks/TableCanvas-IDEevoRM.cjs");exports.ControlBlock=o.ControlBlock;exports.ControlBlockLazy=o.ControlBlockLazy;exports.MassActions=o.MassActions;exports.NoRowsFallback=o.NoRowsFallback;exports.TableOrCardsUI=o.TableOrCardsUI;exports.renderFilterSortHeader=o.renderFilterSortHeader;

package/components/TableCanvas/widgets/index.mjs

@@ -1,9 +1,9 @@
-import { cY as r, cZ as s, d9 as l, da as c, db as d, dc as e } from "../../../chunks/TableCanvas-BX5aciu7.mjs";
+import { d3 as r, d4 as s, dg as d, dh as l, di as e, dj as t } from "../../../chunks/TableCanvas-SPpKEgwz.mjs";
 export {
   r as ControlBlock,
   s as ControlBlockLazy,
-  l as MassActions,
-  c as NoRowsFallback,
-  d as TableOrCardsUI,
-  e as renderFilterSortHeader
+  d as MassActions,
+  l as NoRowsFallback,
+  e as TableOrCardsUI,
+  t as renderFilterSortHeader
 };

package/components/TableCanvas/widgets/mass-actions/MassActions.d.ts

@@ -2,10 +2,11 @@ import { MassActionButtonProps } from './types';
 import { TableDropdownConfigProps } from '../../components/TableDropdown/types';
 import { MassActionsSize } from '../../../MassActions';
 
-export declare const MassActions: ({ buttons, isHaveSomeFeatureInSidebar, collapsedDropdownProps, bottom, forceShow, size, }: {
+export declare const MassActions: ({ buttons, isHaveSomeFeatureInSidebar, rightSidebarWidth, collapsedDropdownProps, bottom, forceShow, size, }: {
     buttons?: MassActionButtonProps[];
     collapsedDropdownProps?: TableDropdownConfigProps;
     isHaveSomeFeatureInSidebar?: boolean;
+    rightSidebarWidth?: string | number;
     bottom?: number;
     forceShow?: boolean;
     size?: MassActionsSize;

package/components/TableCanvas/widgets/mass-actions/hooks/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../chunks/TableCanvas-qnwh4c5g.cjs");exports.useMassActionsButtons=s.useMassActionsButtons;exports.useMassActionsCollapse=s.useMassActionsCollapse;exports.useMassActionsCompression=s.useMassActionsCompression;exports.useMassActionsEffects=s.useMassActionsEffects;exports.useMassActionsPosition=s.useMassActionsPosition;exports.useMassActionsSidebar=s.useMassActionsSidebar;exports.useMassActionsVisibility=s.useMassActionsVisibility;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../chunks/TableCanvas-IDEevoRM.cjs");exports.useMassActionsButtons=s.useMassActionsButtons;exports.useMassActionsCollapse=s.useMassActionsCollapse;exports.useMassActionsCompression=s.useMassActionsCompression;exports.useMassActionsEffects=s.useMassActionsEffects;exports.useMassActionsPosition=s.useMassActionsPosition;exports.useMassActionsSidebar=s.useMassActionsSidebar;exports.useMassActionsVisibility=s.useMassActionsVisibility;

package/components/TableCanvas/widgets/mass-actions/hooks/index.mjs

@@ -1,9 +1,9 @@
-import { d1 as i, d2 as o, d3 as t, d4 as e, d5 as n, d6 as c, d7 as d } from "../../../../../chunks/TableCanvas-BX5aciu7.mjs";
+import { d8 as i, d9 as o, da as e, db as t, dc as n, dd as c, de as d } from "../../../../../chunks/TableCanvas-SPpKEgwz.mjs";
 export {
   i as useMassActionsButtons,
   o as useMassActionsCollapse,
-  t as useMassActionsCompression,
-  e as useMassActionsEffects,
+  e as useMassActionsCompression,
+  t as useMassActionsEffects,
   n as useMassActionsPosition,
   c as useMassActionsSidebar,
   d as useMassActionsVisibility

package/components/TableCanvas/widgets/mass-actions/hooks/useMassActionsCanvasWidth.d.ts

@@ -0,0 +1 @@
+export declare const useMassActionsCanvasWidth: () => () => number | null;

package/components/TableCanvas/widgets/mass-actions/hooks/useMassActionsCompression.d.ts

@@ -1,7 +1,7 @@
 import { MassActionButtonProps } from '../types';
 import { default as React } from 'react';
 
-export declare const useMassActionsCompression: ({ isCollapsed, containerRef, contentRef, resetButtonRef, buttonRefs, moreButtonRef, collapseButtonRef, summaryCheckboxElRef, buttons, isHaveSomeFeatureInSidebar, setVisibleButtonsCount, }: {
+export declare const useMassActionsCompression: ({ isCollapsed, containerRef, contentRef, resetButtonRef, buttonRefs, moreButtonRef, collapseButtonRef, summaryCheckboxElRef, buttons, setVisibleButtonsCount, }: {
     isCollapsed: boolean;
     containerRef: React.RefObject<HTMLDivElement>;
     contentRef: React.RefObject<HTMLDivElement>;

package/components/TableCanvas/widgets/mass-actions/hooks/useMassActionsSidebar.d.ts

@@ -1,10 +1,13 @@
 import { default as React } from 'react';
 
-export declare const useMassActionsSidebar: ({ isCollapsed, setIsCollapsed, calculatePositionForState, calculatePosition, setTranslateX, shouldApplySidebarOffsetRef, }: {
+export declare const useMassActionsSidebar: (values: {
     isCollapsed: boolean;
+    isHaveSomeFeatureInSidebar?: boolean;
+    rightSidebarWidth?: string | number;
     setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
     calculatePositionForState: (targetCollapsed: boolean) => number | undefined;
     calculatePosition: () => void;
+    calculateCompression: () => void;
     setTranslateX: React.Dispatch<React.SetStateAction<number | undefined>>;
     shouldApplySidebarOffsetRef: React.MutableRefObject<boolean>;
 }) => {

package/components/TableCanvas/widgets/mass-actions/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../chunks/TableCanvas-qnwh4c5g.cjs");exports.MassActionButton=t.MassActionButton;exports.MassActions=t.MassActions;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../chunks/TableCanvas-IDEevoRM.cjs");exports.MassActionButton=t.MassActionButton;exports.MassActions=t.MassActions;

package/components/TableCanvas/widgets/mass-actions/index.mjs

@@ -1,4 +1,4 @@
-import { d8 as t, d9 as a } from "../../../../chunks/TableCanvas-BX5aciu7.mjs";
+import { df as t, dg as a } from "../../../../chunks/TableCanvas-SPpKEgwz.mjs";
 export {
   t as MassActionButton,
   a as MassActions

package/components/TableCanvas/widgets/table-or-card-UI.d.ts

@@ -1,6 +1,6 @@
 import { MassActionButtonProps } from './mass-actions';
-import { ActiveViewModsType, ControlBlockSize, Key, ObjectForExtending, TableConfigTooltip, View } from '../types';
-import { ColumnOrColumnGroupGlideInstance, DataEditorRef, HighlightActiveType, TableGlideInstanceProps } from '../TableGlideInstance';
+import { ActiveViewModsType, BottomSheetConfig, ControlBlockSize, Key, ObjectForExtending, TableConfigTooltip, View } from '../types';
+import { AppearanceVariant, ColumnOrColumnGroupGlideInstance, DataEditorRef, HighlightActiveType, TableGlideInstanceProps } from '../TableGlideInstance';
 import { SIZES } from '../styles';
 import { PaginationProps } from '../feature-pagination/types';
 import { TableDropdownConfigProps } from '../components/TableDropdown/types';
@@ -8,14 +8,17 @@ import { CSSObject, CSSProperties } from 'styled-components';
 import { default as React, ReactNode, Ref } from 'react';
 import { MassActionsSize } from '../../MassActions';
 
-export declare const TableOrCardsUI: <RowType extends ObjectForExtending, SummRowType, _K extends Key = Key>({ containerProps: { viewProp: { activeView, view }, controlBlock, containerId, sidebarBlock, refTableGlobalContainer, refTableContainer, $borderLeftTopRadiusRounded, $borderRightTopRadiusRounded, $borderLeftBottomRadiusRounded, $borderRightBottomRadiusRounded, $containerStyle, $columnsGroupingIsActive, $containerCss, $css, $fullScreened, fullScreenPortal, $tableAndSidebarContainerHeightStyle, $highlightActiveType, collapseButtonPlacement, collapseButtonAboveRightSlot, $borderTopRounded, isHaveSomeFeatureInSidebar, controlBlockSize, }, dataGridProps: { className, rowSize, refTable, onCellContextMenu, CellReadOnlyEditor, ...restDataGridProps }, pagination, setPaginationHeight, loadingOverlayConfig, containerStyle, massActionPanel, tooltip, fullScreened, }: {
+export declare const TableOrCardsUI: <RowType extends ObjectForExtending, SummRowType, _K extends Key = Key>({ containerProps: { viewProp: { activeView, view }, controlBlock, containerId, rightSidebarBlock, rightSidebarWidth, leftSidebarBlock, bottomSheetConfig, refTableGlobalContainer, refTableContainer, $borderLeftTopRadiusRounded, $borderRightTopRadiusRounded, $borderLeftBottomRadiusRounded, $borderRightBottomRadiusRounded, $containerStyle, $columnsGroupingIsActive, $containerCss, $css, $fullScreened, fullScreenPortal, $tableAndSidebarContainerHeightStyle, $highlightActiveType, $appearanceVariant, collapseButtonPlacement, collapseButtonAboveRightSlot, $borderTopRounded, isHaveSomeFeatureInSidebar, controlBlockSize, }, dataGridProps: { className, rowSize, refTable, onCellContextMenu, CellReadOnlyEditor, ...restDataGridProps }, pagination, setPaginationHeight, loadingOverlayConfig, containerStyle, massActionPanel, tooltip, fullScreened, }: {
     containerProps: {
         viewProp: {
             activeView: ActiveViewModsType;
             view: View;
         };
         controlBlock: ReactNode;
-        sidebarBlock: ReactNode;
+        rightSidebarBlock: ReactNode;
+        rightSidebarWidth?: string | number;
+        leftSidebarBlock?: ReactNode;
+        bottomSheetConfig?: BottomSheetConfig;
         containerId: string | undefined;
         refTableGlobalContainer: React.MutableRefObject<HTMLDivElement | null>;
         refTableContainer: React.Ref<HTMLDivElement>;
@@ -31,6 +34,7 @@ export declare const TableOrCardsUI: <RowType extends ObjectForExtending, SummRo
         fullScreenPortal: Element | DocumentFragment | false;
         $tableAndSidebarContainerHeightStyle: CSSProperties;
         $highlightActiveType: HighlightActiveType;
+        $appearanceVariant: AppearanceVariant;
         collapseButtonPlacement?: 'inside' | 'above';
         collapseButtonAboveRightSlot?: ReactNode;
         controlBlockSize?: ControlBlockSize;

package/components/TableContract/index.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("@salutejs/sdds-finai"),d=require("react/jsx-runtime"),xe=require("../ModalDFConfirmation/index.cjs"),k=require("../../chunks/Table-vv1HTrxe.cjs"),f=require("react"),je=require("swr"),Oe=require("@salutejs/plasma-icons"),Be=require("swr/mutation"),W=require("../../constants/index.cjs"),ue=require("@salutejs/sdds-themes/tokens/sdds_finai"),ve=require("styled-components"),Ee=require("../../chunks/utils-ChDQGRjv.cjs"),Ae=require("../../layouts/ErrorPage/index.cjs"),H=async(o,t)=>{const r=await o(t);if(!r.ok){const i=new Error,n=await r.json();throw i.status=r.status,i.info=n,i.message=`An error occurred while fetching the data.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("@salutejs/sdds-finai"),d=require("react/jsx-runtime"),xe=require("../ModalDFConfirmation/index.cjs"),k=require("../../chunks/Table-C1u87WP_.cjs"),f=require("react"),je=require("swr"),Oe=require("@salutejs/plasma-icons"),Be=require("swr/mutation"),W=require("../../constants/index.cjs"),ue=require("@salutejs/sdds-themes/tokens/sdds_finai"),ve=require("styled-components"),Ee=require("../../chunks/utils-OQNruMpn.cjs"),Ae=require("../../layouts/ErrorPage/index.cjs"),H=async(o,t)=>{const r=await o(t);if(!r.ok){const i=new Error,n=await r.json();throw i.status=r.status,i.info=n,i.message=`An error occurred while fetching the data.
 
     ${JSON.stringify(n,void 0,2)}`,i}return r.json()},ge=class ge{};ge.get=async(t,r)=>H(r,t);let te=ge;const J=class J{};J.createOne=(t,r)=>H(r,{method:"POST",body:JSON.stringify(t)}),J.deleteOne=(t,r)=>H(r,{method:"POST",body:JSON.stringify(t),pathParams:"delete"}),J.updateOne=(t,r)=>H(r,{method:"PUT",body:JSON.stringify(t)});let z=J;const G={sort:"sort",page:"page",pageSize:"pageSize",q:"q"},Ie={height:"500px"},Pe=[{ansiSqlType:"Real",semanticType:"FLOAT",jsType:"number"},{ansiSqlType:"Integer/Int/Int4",semanticType:"INTEGER",jsType:"number"},{ansiSqlType:"Numeric/decimal",semanticType:"DECIMAL",jsType:"number"},{ansiSqlType:"Text",semanticType:"STRING",jsType:"string"},{ansiSqlType:"Date",semanticType:"DATE",jsType:"Date"},{ansiSqlType:"Time",semanticType:"TIME",jsType:"Date"},{ansiSqlType:"Timestamp without timezone",semanticType:"DATETIME",jsType:"Date"},{ansiSqlType:"Timestamp with timezone",semanticType:"TIMESTAMP",jsType:"Date"},{ansiSqlType:"Boolean",semanticType:"BOOLEAN",jsType:"boolean"}],fe=(o,t)=>{const r=o==null?void 0:o[t.shift()];return!r||!t.length?r:fe(r,t)},$=o=>t=>o.split(",").reduce((n,s)=>{const a=fe(t,s.split("."))??"";return n+a},""),M="AddRowsIconButtonWithPopover",E={container:`${M}_container`,bottomBlock:`${M}_bottomBlock`,title:`${M}_title`,description:`${M}_description`,arrowSelector:`${M}_popover-arrow:before`},U={spaceX6:()=>W.s.x6,spaceX8:()=>W.s.x8,spaceX4:()=>W.s.x4,spaceX2:()=>W.s.x2},Ne=ve(N.Popover).withConfig({displayName:"AddRowsIconButtonWithPopover__PopoverStyled"})(["& .",",& .","{background-color:",";}.","{padding:"," 14px;border-radius:",";.","{margin-bottom:",";}.","{color:",";}.","{margin-top:",";display:flex;gap:",";}}"],E.arrowSelector,E.container,()=>ue.surfaceSolidCard,E.container,U.spaceX6,U.spaceX8,E.title,U.spaceX2,E.description,()=>ue.textSecondary,E.bottomBlock,U.spaceX6,U.spaceX4),_e=({onSubmit:o})=>{const[t,r]=f.useState(!1),[i,n]=f.useState(1);return d.jsx(Ne,{opened:t,usePortal:!0,onToggle:s=>r(s),role:"presentation",target:d.jsx(N.IconButton,{size:"xs",view:"clear",children:d.jsx(Oe.IconTableRowAdd,{color:"inherit"})}),placement:"bottom",offset:[0,8],trigger:"click",hasArrow:!0,closeOnOverlayClick:!0,closeOnEsc:!0,isFocusTrapped:!0,children:d.jsxs("div",{className:E.container,children:[d.jsx(N.BodyM,{bold:!0,className:E.title,children:"Добавить строки"}),d.jsx(N.BodyS,{className:E.description,children:"Введите необходимое количество"}),d.jsxs("div",{className:E.bottomBlock,children:[d.jsx(N.NumberInput,{view:"secondary",size:"s",value:i,min:0,onChange:(s,a)=>{a!==void 0&&n(+a)},width:140}),d.jsx(N.Button,{size:"s",view:"accent",onClick:()=>{o(i),r(!1)},children:"Добавить"})]})]})})},se={header:"Удалить строку?",body:"Если удалить строку, восстановить ее и продолжить с ней работу будет невозможно.",mainButton:{view:"negative",text:"Удалить"},secondaryButton:{view:"secondary",text:"Отменить"}},ie={opened:!1,mainButtonOnClick:()=>{},secondaryButtonOnClick:()=>{}},F="NEW_ROW_KEY_XXXXXXXXX",Ce=o=>!!(o!=null&&o[F]),ee=o=>{const t=k.deleteSkeletonFromRow(o);return delete t[F],t};function Re({tableConfigBackendSubRows:o,tableConfigBackendEditing:t,tableConfigColumnsConfig:r,setRowsState:i,fetcher:n,onRowMutationError:s}){const{rowUniqIdKey:a,rowEditable:e,defaultEnabled:l,showToggleEnabledButton:u,saving:c}=t??{},g=(c==null?void 0:c.type)??"onRowChange",C=!!t,p=!!(t!=null&&t.defaultEnabled),[T,A]=f.useState([]),[P,q]=f.useState(!!(t!=null&&t.defaultEnabled)),[O,_]=f.useState(ie),I=f.useCallback((S,w)=>{const b=h=>typeof w=="function"?w(h):w;i(h=>{const m=h.findIndex(S);if(m===-1)return h;const y=[...h],x=y[m],V=b(x);return y[m]=V,y})},[i]);f.useEffect(()=>{q(p)},[p]);const X=o==null?void 0:o.subRowsKey,K=JSON.stringify(e),D=f.useMemo(()=>{if(!C||!a)return null;const S=$(a);return{editing:{rowKeyGetter:S,...K&&{rowEditable(w){const b=JSON.parse(K);return $(b.keyInRow)(w)===b.editableValue}},async onRowsChange(w,b){if(g==="onRowChange"){const h=b.rows[0],m=b.indexes[0];if(!h||m===void 0||m===-1)return;const y=h.after,x=h.before;if(Ce(y)){const j=r==null?void 0:r.every(v=>(y==null?void 0:y[v.key])!==void 0),B=v=>(v==null?void 0:v[F])===(y==null?void 0:y[F]);if(!j){I(B,y);return}try{I(B,L=>k.addSkeletonToRow(L));const v=await z.createOne(ee(y),n);I(B,ee(v))}catch(v){I(B,L=>k.deleteSkeletonFromRow(L)),s==null||s(v)}return}const V=j=>S(j)===S(x);try{I(V,v=>k.addSkeletonToRow(v));const j={before:ee(x),after:ee(y)},B=await z.updateOne(j,n);I(V,k.deleteSkeletonFromRow(B.after))}catch(j){I(V,B=>k.deleteSkeletonFromRow(B)),s==null||s(j)}}},...X&&{subRowsKey:X},defaultEnabled:l,showToggleEnabledButton:u,async onToggleEnableEditing(w){w||i(b=>b.filter(h=>!h[F])),q(w)}}}},[l,C,n,s,K,a,g,i,u,X,r,I]),{isMutating:Y,trigger:Q}=Be("saving",async()=>n({method:"PUT",body:JSON.stringify(T)}),{onError(S,w,b){},onSuccess(S,w,b){}}),Z=P&&g==="onSubmit"?{text:"Сохранить",isLoading:Y,disabled:T.length===0,onClick:()=>{Q()}}:null;return{editing:D,saveButton:Z,...P&&{createOneRowButton:{value:"createOneRow",CustomIconRender:()=>d.jsx(_e,{onSubmit:S=>{if(S>0){const w=Array.from({length:S},(b,h)=>({[F]:crypto.randomUUID()}));i(b=>[...w,...b])}}})},getDeleteOneRowRowInstrument:({row:S})=>({value:"delete",label:"Удалить строку",contentLeft:d.jsx(Oe.IconTrashOutline,{size:"xs",color:"inherit"}),async onItemSelect(){var h;const w=(h=D==null?void 0:D.editing)==null?void 0:h.rowKeyGetter;if(!w)return;const b=async()=>{if(Ce(S)){i(y=>y.filter(x=>x[F]!==S[F]));return}const m=y=>w(y)===w(S);try{I(m,k.addSkeletonToRow(S)),await z.deleteOne(S,n),i(y=>y.filter(x=>!m(x)))}catch(y){I(m,k.deleteSkeletonFromRow(S)),s==null||s(y)}};_({opened:!0,mainButtonOnClick:()=>{b(),_(ie)},secondaryButtonOnClick:()=>{_(ie)}})}})},modalDeletePropsState:O}}const ce=o=>Object.fromEntries(o.map(t=>[t.key,""])),Fe=({tableConfigBackendFiltering:o,dispatchParams:t,columnsConfig:r})=>{const i=!!o,n=r??[],[s,a]=f.useState(ce(n));f.useEffect(()=>{a(ce(n))},[n.length]);const e=f.useMemo(()=>ce(n),[n.length]),l=Ee.useDebouncedValue(s,1e3);return f.useEffect(()=>{t(["filters",l])},[l,t]),f.useMemo(()=>!i||!(Object.keys(e).length===Object.keys(s).length)?null:{filtering:{state:[s,a],manualFiltering:!0,clearedValue:e}},[e,s,i])};function Te(o){const t=Number(o);return typeof o!="number"&&t===0||Number.isNaN(t)?null:t}function qe({tableConfigBackendPagination:o,params:t,dispatchParams:r}){const{defaultPage:i,defaultPageSize:n,total:s,pageSizeList:a}=o??{};return f.useMemo(()=>{if(!i||!n||!s)return null;const e=Te(t.get(G.page))??i,l=Te(t.get(G.pageSize))??n;return{pagination:{count:s,value:e,perPage:l,...a&&{perPageList:a},onChange:(u,c,g)=>{if(typeof u!="number")return;const C=e!==u,p=!!l&&!!c&&+l!==c,T={};if(C&&(T.page=u,T.pageSize=c),p){T.pageSize=c;const A=s?Math.ceil(s/c):0;if(+e>A){const P=A;T.page=P}}Object.keys(T).length&&(r(["pagination",T]),g())}}}},[i,n,r,s,t])}const Ve={debounceDelay:1e3};function De({tableConfigBackendSearching:o,dispatchParams:t}){const{enabled:r,type:i,defaultSearchQuery:n,showSearchBlock:s,debounceDelay:a,isDebounceActive:e,searchClasses:l,placeholder:u}=o??{};return f.useMemo(()=>{if(!r)return null;const c={defaultSearchQuery:n,showSearchBlock:s,debounceDelay:a,isDebounceActive:e,searchClasses:l,placeholder:u};return i==="frontend"?{searching:{enabled:!0,manualSearching:!1,...c}}:{searching:{enabled:!0,manualSearching:!0,onDebouncedChange(g){t(["q",g])},...c,debounceDelay:c.debounceDelay??Ve.debounceDelay}}},[r,n,s,a,e,l,u,i,t])}const ne="sortKey",de="sortOrder";function Le(o,t){return o?{columnKey:o,direction:t?t.toUpperCase():"ASC"}:null}function ze({params:o,dispatchParams:t,tableConfigBackendSorting:r}){const i=!!r,n=(r==null?void 0:r.type)==="backend",s=o.get(ne),a=o.get(de),e=f.useState([]),l=f.useMemo(()=>{const c=Le(s,a),g=c?[c]:[];return[g,C=>{let p=g;typeof C=="function"?p=C(g):p=C,t([ne,p])}]},[t,s,a]),u=i&&(n?l:e);return u?{sorting:{state:u,manualSorting:n}}:null}function Ge(o){const{subRowsKey:t,rowUniqIdKey:r}=o??{},i=!!o;return f.useMemo(()=>!i||t===void 0||r===void 0?null:{subRows:{getSubRows(n){let s=[t];t.includes(".")&&(s=t.split("."));const a=fe(n,s);return Array.isArray(a)?a:void 0},rowKeyGetter:$(r)}},[i,r,t])}function Xe(o,t){const[r,i]=t;switch(r){case"sortKey":{const n=new URLSearchParams(o),[s]=i;return s?(n.set(ne,s.columnKey),n.set(de,s.direction.toLowerCase())):(n.delete(ne),n.delete(de)),n}case"pagination":{const n=new URLSearchParams(o);return Object.entries(i).forEach(([s,a])=>{a&&n.set(s,a.toString())}),n}case"q":{const n=new URLSearchParams(o);return n.set(G.q,i),n}case"filters":{const n=new URLSearchParams(o);return Object.entries(i).forEach(([a,e])=>{if(!((e==null?void 0:e.trim())??"")){n.delete(a);return}n.set(a,e)}),o.get(G.page)&&n.set(G.page,"1"),n}default:return o}}const Ke={true:!0,false:!1},Me=[{value:"true",label:"true"},{value:"false",label:"false"}];function Ue({row:o,column:t,onRowChange:r}){const i=k.useRowContext(),n=o[t.key],s=n===void 0?n:n.toString(),a=f.useRef(null),e=k.useRefTableGlobalContainerContext();return f.useEffect(()=>{setTimeout(()=>{var l,u;(u=(l=a.current)==null?void 0:l.click)==null||u.call(l)},0)},[]),d.jsx(N.Select,{ref:a,portal:e,listWidth:"200px",value:s,size:k.SIZES[i.rowSize].input,onChange:l=>{typeof l=="string"&&r({...o,[t.key]:Ke[l]},!0)},items:Me})}const We={Boolean:{component:o=>d.jsx(Ue,{...o})},Text:{component:"inputString"},"Integer/Int/Int4":{component:"inputNumber"},"Numeric/decimal":{component:"inputNumber"},Real:{component:"inputNumber"},Date:{component:"inputString"},Time:{component:"inputString"},"Timestamp with timezone":{component:"inputString"},"Timestamp without timezone":{component:"inputString"}},ae=(o,t)=>{if(!o)return t?{...We[t],error:{value:()=>!1},editable:!0}:void 0;const{error:r,editable:i,...n}=o,s=r?{value:l=>$(r.value.keyInRow)(l)===r.value.errorValue}:void 0,a=i?l=>i?$(i.keyInRow)(l)===i.editableValue:!1:void 0;return{...s&&{error:s},...a&&{editable:a},...n}},He=(o,t)=>o.map(r=>{const{columnType:i}=r,n=[];t!=null&&t.filtering&&n.push(["filtering",{component:"input",filter:"includes",keyInFilterState:r.key}]);const s=Object.entries(r).map(e=>{const l=e[0];switch(l){case"subRow":{let u=null;const c=e[1];if(!c)return[l,c];const{contentFormat:g,keyOfColumnInSubRow:C,editingCell:p,...T}=c,A=p?ae(p,i):void 0;return u={...T,...g&&{contentFormat:g},...A&&{editingCell:A},...C&&{keyOfColumnInSubRow:P=>{var O,_;return typeof c.keyOfColumnInSubRow=="string"||typeof c.keyOfColumnInSubRow=="number"?c.keyOfColumnInSubRow:((O=c.keyOfColumnInSubRow)==null?void 0:O[P])??((_=c.keyOfColumnInSubRow)==null?void 0:_.default)??""}}},[l,u]}case"searching":{const u=e[1];return u?[l,{valueInRow(g){return g==null?void 0:g[u.keyInRow]}}]:[l,u]}case"summaryCell":{const u="renderSummaryCell",c=e[1];return!c||!c.key&&!c.text?[u,void 0]:[u,({row:C})=>c.text!==void 0?c.text:c.key?C[c.key]:null]}case"columnType":{const u=e[1],c=[l,u];if(!u)return c;const g=r.editingCell;if(!!g)return c;const p="editingCell",T=ae(g,i);return n.push([p,T]),c}case"editingCell":{const u=e[1],c=ae(u,i);return[l,c]}default:return e}});return Object.fromEntries([...n,...s])}),Je=o=>{const{data:{main:t,topSummary:r,bottomSummary:i},meta:{tableConfig:n,columns:s}}=o,a=He(s,n);return{rows:t,columnsConfig:a,tableConfigBackend:n,topSummaryRows:r,bottomSummaryRows:i}},ke=ve.div.withConfig({displayName:"TableOtherView__StyledDiv"})(["&{border:1px solid ",";border-radius:","px;background-color:",";height:",";display:flex;justify-content:center;align-items:center;flex-direction:column;& .spinner{margin-bottom:",";}}"],()=>k.COLORS.border,()=>k.TABLE_BORDER_RADIUS,()=>k.COLORS.white,()=>Ie.height,()=>W.s.x6),le=({view:o,...t})=>o==="loading"?d.jsxs(ke,{...t,children:[d.jsx(N.Spinner,{view:"default",className:"spinner",size:"xl"}),d.jsx(N.H3,{color:ue.textPrimary,children:"Загрузка таблицы"})]}):d.jsx(ke,{...t,children:d.jsx(Ae.ErrorPage,{unknownStatus:{title:"Похоже, таблица не загружается",description:"Попробуйте обновить страницу или зайдите позже"}})}),$e=({fetcher:o,stylesBeforeLoad:t,onRowMutationError:r})=>{var v,L,ye,me,Se,we,be,he,pe;const i=f.useId(),[n,s]=f.useReducer(Xe,void 0,()=>new URLSearchParams),a=n.toString(),{data:e,isValidating:l,isLoading:u,error:c}=je(()=>i+a,async()=>{const R=await te.get({params:a},o);return Je(R)},{keepPreviousData:!0,staleTime:3e3,revalidateOnFocus:!1}),[g,C]=f.useState(()=>{var R;return(R=e==null?void 0:e.tableConfigBackend)!=null&&R.editing?e!=null&&e.rows?e.rows:[]:[]}),p=!!((v=e==null?void 0:e.tableConfigBackend)!=null&&v.editing);f.useEffect(()=>{p&&e!=null&&e.rows&&e!=null&&e.rows&&C(e.rows)},[e==null?void 0:e.rows,p]);const{editing:T,saveButton:A,createOneRowButton:P,getDeleteOneRowRowInstrument:q,modalDeletePropsState:O}=Re({tableConfigBackendSubRows:(L=e==null?void 0:e.tableConfigBackend)==null?void 0:L.subRows,tableConfigBackendEditing:(ye=e==null?void 0:e.tableConfigBackend)==null?void 0:ye.editing,tableConfigColumnsConfig:e==null?void 0:e.columnsConfig,setRowsState:C,rowsFromBackend:(e==null?void 0:e.rows)??[],fetcher:o,onRowMutationError:r}),_=De({tableConfigBackendSearching:(me=e==null?void 0:e.tableConfigBackend)==null?void 0:me.searching,dispatchParams:s}),I=Fe({tableConfigBackendFiltering:(Se=e==null?void 0:e.tableConfigBackend)==null?void 0:Se.filtering,dispatchParams:s,columnsConfig:e==null?void 0:e.columnsConfig}),X=qe({tableConfigBackendPagination:(we=e==null?void 0:e.tableConfigBackend)==null?void 0:we.pagination,params:n,dispatchParams:s}),K=ze({tableConfigBackendSorting:(be=e==null?void 0:e.tableConfigBackend)==null?void 0:be.sorting,params:n,dispatchParams:s}),D=Ge((he=e==null?void 0:e.tableConfigBackend)==null?void 0:he.subRows),Y=f.useMemo(()=>q?{getRowDropdownConfig:R=>({items:[q(R)],dropdownProps:{useItemContentAsButtonContent:!0}}),showInControl:!1,openedState:[!0,()=>{}]}:null,[q]);if(!(e!=null&&e.rows)&&u)return d.jsx(le,{view:"loading",style:t});const Q=(pe=e==null?void 0:e.tableConfigBackend)==null?void 0:pe.containerStyle;if(!(e!=null&&e.rows)||c)return d.jsx(le,{view:"error",style:{...t,...Q}});if(!(e!=null&&e.rows))return d.jsx(le,{view:"error",style:{...t,...Q}});const Z=[...A?[A]:[]],oe=[...P?[P]:[]],re=oe.length>0,S=Z.length>0,w=S||re,{rows:b,columnsConfig:h,tableConfigBackend:m,topSummaryRows:y,bottomSummaryRows:x}=e,V={containerStyle:{...m==null?void 0:m.containerStyle,height:(m==null?void 0:m.height)??Ie.height}},j={...D,...K,...X,..._,...T,...I,...V},B=m?Object.fromEntries(Object.entries(m).filter(([R])=>!j[R])):{};return d.jsxs(d.Fragment,{children:[d.jsx(k.Table,{tableConfig:{isLoading:{boolean:l,skeletonRowsCount:b.length??10},...w&&{controlBlock:{enableAdaptiveCompress:!1,...S&&{rightSideInner:Z},...re&&{customFeatures:oe}}},...Y&&{rowInstruments:Y},...B,...j},columnConfig:h,rows:T?g:b,topSummaryRows:y,bottomSummaryRows:x}),d.jsx(xe.ModalDFConfirmation,{opened:O==null?void 0:O.opened,content:{...se,mainButton:{...se.mainButton,onClick:O==null?void 0:O.mainButtonOnClick},secondaryButton:{...se.secondaryButton,onClick:O==null?void 0:O.secondaryButtonOnClick}}})]})};exports.DATA_TYPES=Pe;exports.DataViewApi=te;exports.EditingApi=z;exports.Q_PARAMS=G;exports.TableContract=$e;exports.fetcherWrapper=H;