@infomaximum/ui-kit 0.15.8 → 0.16.0

package/dist/components/Table/components/Header/utils/parseHeaderRows/parseHeaderRows.js

@@ -0,0 +1,50 @@
+import { isNumber } from "lodash-es";
+function parseHeaderRows(rootColumns) {
+  const rows = [];
+  function fillRowCells(columns, colIndex, rowIndex = 0) {
+    rows[rowIndex] = rows[rowIndex] || [];
+    let currentColIndex = colIndex;
+    const colSpans = columns.map((column) => {
+      const cell = {
+        key: column.key,
+        column,
+        colStart: currentColIndex
+      };
+      if (column.title) {
+        cell.children = column.title;
+      }
+      let colSpan = 1;
+      const subColumns = "children" in column ? column.children : [];
+      if (subColumns.length > 0) {
+        colSpan = fillRowCells(subColumns, currentColIndex, rowIndex + 1).reduce((total, count) => total + count, 0);
+        cell.hasSubColumns = true;
+      }
+      if (isNumber(column.colSpan)) {
+        colSpan = column.colSpan;
+      }
+      if (isNumber(column.rowSpan)) {
+        cell.rowSpan = column.rowSpan;
+      }
+      cell.colSpan = colSpan;
+      cell.colEnd = cell.colStart + colSpan - 1;
+      rows[rowIndex].push(cell);
+      currentColIndex += colSpan;
+      return colSpan;
+    });
+    return colSpans;
+  }
+  fillRowCells(rootColumns, 0);
+  const rowCount = rows.length;
+  for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
+    rows[rowIndex].forEach((cell) => {
+      if (isNumber(cell.rowSpan) || cell.hasSubColumns) {
+        return;
+      }
+      cell.rowSpan = rowCount - rowIndex;
+    });
+  }
+  return rows;
+}
+export {
+  parseHeaderRows
+};

package/dist/components/Table/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export { useTableContext } from './tableContext/useTableContext/useTableContext';
+export { createTableContext } from './tableContext/TableContext';
+export type { TableContextValue } from './tableContext/TableContext.types';

package/dist/components/Table/contexts/tableContext/TableContext.d.ts

@@ -0,0 +1,3 @@
+import { TableContextValue } from './TableContext.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const createTableContext: <Record extends DefaultRecord>() => import('react').Context<TableContextValue<Record>>;

package/dist/components/Table/contexts/tableContext/TableContext.js

@@ -0,0 +1,21 @@
+import { createContext } from "react";
+import { once, identity } from "lodash-es";
+const createTableContext = once(() => {
+  return createContext({
+    getComponent: identity,
+    columns: [],
+    flattedColumns: [],
+    isAllColumnsFixedStart: false,
+    expandIconColumnIndex: 0,
+    ExpandIcon: identity,
+    indentSize: 0,
+    isSomeRecordHasChildren: false,
+    sortDirections: [],
+    tableLayout: "auto",
+    tableTokens: {},
+    showHeader: true
+  });
+});
+export {
+  createTableContext
+};

package/dist/components/Table/contexts/tableContext/TableContext.types.d.ts

@@ -0,0 +1,27 @@
+import { TableTokens } from 'components/Table/Table.tokens';
+import { useTableExpand } from '../../features/tableExpand';
+import { useTableColumns } from '../../hooks/useTableColumns';
+import { useTableComponents } from '../../hooks/useTableComponents';
+import { BorderedConfig, DefaultRecord, TableProps } from 'components/Table/Table.types';
+type UseTableComponentsReturnType = ReturnType<typeof useTableComponents>;
+type UseTableColumnsReturnType<Record extends DefaultRecord> = ReturnType<typeof useTableColumns<Record>>;
+type UseTableExpandReturnType<Record extends DefaultRecord> = ReturnType<typeof useTableExpand<Record>>;
+export interface TableContextValue<Record extends DefaultRecord> {
+    showHeader: TableProps<Record>["showHeader"];
+    tableTokens: TableTokens;
+    getComponent: UseTableComponentsReturnType["getComponent"];
+    columns: UseTableColumnsReturnType<Record>["columns"];
+    flattedColumns: UseTableColumnsReturnType<Record>["flattedColumns"];
+    isAllColumnsFixedStart: UseTableColumnsReturnType<Record>["isAllColumnsFixedStart"];
+    expandIconColumnIndex: UseTableExpandReturnType<Record>["expandIconColumnIndex"];
+    ExpandIcon: UseTableExpandReturnType<Record>["ExpandIcon"];
+    indentSize: UseTableExpandReturnType<Record>["indentSize"];
+    isSomeRecordHasChildren: UseTableExpandReturnType<Record>["isSomeRecordHasChildren"];
+    sortDirections: Exclude<TableProps["sortDirections"], undefined>;
+    tableLayout: Exclude<TableProps["tableLayout"], undefined>;
+    onHeaderRow?: TableProps<Record>["onHeaderRow"];
+    onRow?: TableProps<Record>["onRow"];
+    bordered?: false | Required<BorderedConfig>;
+    horizonScroll?: boolean;
+}
+export {};

package/dist/components/Table/contexts/tableContext/useTableContext/useTableContext.d.ts

@@ -0,0 +1,2 @@
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const useTableContext: <Record extends DefaultRecord>() => import('../TableContext.types').TableContextValue<Record>;

package/dist/components/Table/contexts/tableContext/useTableContext/useTableContext.js

@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { createTableContext } from "../TableContext.js";
+const useTableContext = () => {
+  return useContext(createTableContext());
+};
+export {
+  useTableContext
+};

package/dist/components/Table/features/tableExpand/components/DefaultExpandIcon/DefaultExpandIcon.d.ts

@@ -0,0 +1,3 @@
+import { DefaultExpandIconProps } from './DefaultExpandIcon.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const DefaultExpandIcon: import('react').MemoExoticComponent<(<Record extends DefaultRecord>(props: DefaultExpandIconProps<Record>) => import("@emotion/react/jsx-runtime").JSX.Element)>;

package/dist/components/Table/features/tableExpand/components/DefaultExpandIcon/DefaultExpandIcon.js

@@ -0,0 +1,23 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { memo } from "react";
+import { CaretRightOutlined } from "@infomaximum/icons";
+import { expandIconWrapperStyle, nonExpandableExpandIconWrapperStyle } from "./DefaultExpandIcon.styles.js";
+import { useTheme } from "../../../../../../hooks/useTheme/useTheme.js";
+const DefaultExpandIconComponent = (props) => {
+  const {
+    record,
+    onExpand,
+    expanded,
+    expandable
+  } = props;
+  const theme = useTheme();
+  const handleClick = (event) => {
+    onExpand(record, event);
+    event.stopPropagation();
+  };
+  return /* @__PURE__ */ jsx("button", { onClick: handleClick, css: [expandIconWrapperStyle(theme), expandable ? void 0 : nonExpandableExpandIconWrapperStyle, process.env.NODE_ENV === "production" ? "" : ";label:DefaultExpandIconComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVFeHBhbmQvY29tcG9uZW50cy9EZWZhdWx0RXhwYW5kSWNvbi9EZWZhdWx0RXhwYW5kSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVFeHBhbmQvY29tcG9uZW50cy9EZWZhdWx0RXhwYW5kSWNvbi9EZWZhdWx0RXhwYW5kSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IERlZmF1bHRFeHBhbmRJY29uUHJvcHMgfSBmcm9tIFwiLi9EZWZhdWx0RXhwYW5kSWNvbi50eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBEZWZhdWx0UmVjb3JkIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcbmltcG9ydCB7IENhcmV0UmlnaHRPdXRsaW5lZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQge1xuICBleHBhbmRJY29uV3JhcHBlclN0eWxlLFxuICBub25FeHBhbmRhYmxlRXhwYW5kSWNvbldyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vRGVmYXVsdEV4cGFuZEljb24uc3R5bGVzXCI7XG5cbmNvbnN0IERlZmF1bHRFeHBhbmRJY29uQ29tcG9uZW50ID0gPFJlY29yZCBleHRlbmRzIERlZmF1bHRSZWNvcmQ+KFxuICBwcm9wczogRGVmYXVsdEV4cGFuZEljb25Qcm9wczxSZWNvcmQ+XG4pID0+IHtcbiAgY29uc3QgeyByZWNvcmQsIG9uRXhwYW5kLCBleHBhbmRlZCwgZXhwYW5kYWJsZSB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTEVsZW1lbnQ+ID0gKGV2ZW50KSA9PiB7XG4gICAgb25FeHBhbmQocmVjb3JkLCBldmVudCk7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIGNzcz17W1xuICAgICAgICBleHBhbmRJY29uV3JhcHBlclN0eWxlKHRoZW1lKSxcbiAgICAgICAgZXhwYW5kYWJsZSA/IHVuZGVmaW5lZCA6IG5vbkV4cGFuZGFibGVFeHBhbmRJY29uV3JhcHBlclN0eWxlLFxuICAgICAgXX1cbiAgICA+XG4gICAgICA8Q2FyZXRSaWdodE91dGxpbmVkIHJvdGF0ZT17ZXhwYW5kZWQgPyA5MCA6IHVuZGVmaW5lZH0gLz5cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0RXhwYW5kSWNvbiA9IG1lbW8oRGVmYXVsdEV4cGFuZEljb25Db21wb25lbnQpO1xuIl19 */"], children: /* @__PURE__ */ jsx(CaretRightOutlined, { rotate: expanded ? 90 : void 0 }) });
+};
+const DefaultExpandIcon = memo(DefaultExpandIconComponent);
+export {
+  DefaultExpandIcon
+};

package/dist/components/Table/features/tableExpand/components/DefaultExpandIcon/DefaultExpandIcon.styles.d.ts

@@ -0,0 +1,19 @@
+import { Theme } from 'themes';
+export declare const expandIconWrapperStyle: (theme: Theme) => {
+    readonly cursor: "pointer";
+    readonly appearance: "none";
+    readonly display: "inline-flex";
+    readonly fontSize: 12;
+    readonly border: 0;
+    readonly padding: 4;
+    readonly borderRadius: 4;
+    readonly backgroundColor: "transparent";
+    readonly color: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    readonly ":hover": {
+        readonly color: `rgba(${number}, ${number}, ${number}, 0.7)`;
+        readonly backgroundColor: `rgba(${number}, ${number}, ${number}, 0.08)`;
+    };
+};
+export declare const nonExpandableExpandIconWrapperStyle: {
+    readonly visibility: "hidden";
+};

package/dist/components/Table/features/tableExpand/components/DefaultExpandIcon/DefaultExpandIcon.styles.js

@@ -0,0 +1,22 @@
+const expandIconWrapperStyle = (theme) => ({
+  cursor: "pointer",
+  appearance: "none",
+  display: "inline-flex",
+  fontSize: theme.iconS,
+  border: 0,
+  padding: theme.paddingXS,
+  borderRadius: theme.borderRadiusM,
+  backgroundColor: "transparent",
+  color: theme.textIcon,
+  ":hover": {
+    color: theme.textIconHover,
+    backgroundColor: theme.bgIconHover
+  }
+});
+const nonExpandableExpandIconWrapperStyle = {
+  visibility: "hidden"
+};
+export {
+  expandIconWrapperStyle,
+  nonExpandableExpandIconWrapperStyle
+};

package/dist/components/Table/features/tableExpand/components/DefaultExpandIcon/DefaultExpandIcon.types.d.ts

@@ -0,0 +1,3 @@
+import { ExpandIconProps } from '../../types';
+export interface DefaultExpandIconProps<Record> extends ExpandIconProps<Record> {
+}

package/dist/components/Table/features/tableExpand/components/ExpandIconWrapper/ExpandIconWrapper.d.ts

@@ -0,0 +1,3 @@
+import { ExpandIconWrapperProps } from './ExpandIconWrapper.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const ExpandIconWrapper: <Record extends DefaultRecord>(props: ExpandIconWrapperProps<Record>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/features/tableExpand/components/ExpandIconWrapper/ExpandIconWrapper.js

@@ -0,0 +1,24 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useEvent } from "../../../../../../hooks/useEvent/useEvent.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+import { useTableExpandedContext } from "../../contexts/tableExpandedContext/useTableExpandedContext/useTableExpandedContext.js";
+const ExpandIconWrapperComponent = (props) => {
+  const {
+    expandable,
+    record,
+    rowKey
+  } = props;
+  const {
+    ExpandIcon
+  } = useTableContext();
+  const {
+    expandedKeys,
+    onTriggerExpand: onTriggerExpandProp
+  } = useTableExpandedContext();
+  const onTriggerExpand = useEvent(onTriggerExpandProp);
+  return /* @__PURE__ */ jsx(ExpandIcon, { expanded: expandedKeys.has(rowKey), record, expandable, onExpand: onTriggerExpand });
+};
+const ExpandIconWrapper = ExpandIconWrapperComponent;
+export {
+  ExpandIconWrapper
+};

package/dist/components/Table/features/tableExpand/components/ExpandIconWrapper/ExpandIconWrapper.types.d.ts

@@ -0,0 +1,5 @@
+import { DefaultRecord, Key } from 'components/Table/Table.types';
+import { ExpandIconProps } from '../../types';
+export interface ExpandIconWrapperProps<Record extends DefaultRecord> extends Omit<ExpandIconProps<Record>, "expanded" | "onExpand"> {
+    rowKey: Key;
+}

package/dist/components/Table/features/tableExpand/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export { TableExpandedContext } from './tableExpandedContext/TableExpandedContext';
+export { useTableExpandedContext } from './tableExpandedContext/useTableExpandedContext/useTableExpandedContext';
+export type { TableExpandedContextValue } from './tableExpandedContext/TableExpandedContext.types';

package/dist/components/Table/features/tableExpand/contexts/tableExpandedContext/TableExpandedContext.d.ts

@@ -0,0 +1,2 @@
+import { TableExpandedContextValue } from './TableExpandedContext.types';
+export declare const TableExpandedContext: import('react').Context<TableExpandedContextValue>;

package/dist/components/Table/features/tableExpand/contexts/tableExpandedContext/TableExpandedContext.js

@@ -0,0 +1,9 @@
+import { createContext } from "react";
+import { identity } from "lodash-es";
+const TableExpandedContext = createContext({
+  expandedKeys: /* @__PURE__ */ new Set(),
+  onTriggerExpand: identity
+});
+export {
+  TableExpandedContext
+};

package/dist/components/Table/features/tableExpand/contexts/tableExpandedContext/TableExpandedContext.types.d.ts

@@ -0,0 +1,7 @@
+import { useBodyExpand } from '../../hooks';
+type UseBodyExpandReturnType = ReturnType<typeof useBodyExpand>;
+export interface TableExpandedContextValue {
+    expandedKeys: UseBodyExpandReturnType["expandedKeys"];
+    onTriggerExpand: UseBodyExpandReturnType["onTriggerExpand"];
+}
+export {};

package/dist/components/Table/features/tableExpand/contexts/tableExpandedContext/useTableExpandedContext/useTableExpandedContext.d.ts

@@ -0,0 +1 @@
+export declare const useTableExpandedContext: () => import('../TableExpandedContext.types').TableExpandedContextValue;

package/dist/components/Table/features/tableExpand/contexts/tableExpandedContext/useTableExpandedContext/useTableExpandedContext.js

@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { TableExpandedContext } from "../TableExpandedContext.js";
+const useTableExpandedContext = () => {
+  return useContext(TableExpandedContext);
+};
+export {
+  useTableExpandedContext
+};

package/dist/components/Table/features/tableExpand/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useTableExpand } from './useTableExpand/useTableExpand';
+export { useBodyExpand } from './useBodyExpand/useBodyExpand';

package/dist/components/Table/features/tableExpand/hooks/useBodyExpand/useBodyExpand.d.ts

@@ -0,0 +1,6 @@
+import { DefaultRecord } from 'components/Table/Table.types';
+import { UseBodyExpandOptions } from './useBodyExpand.types';
+export declare const useBodyExpand: <Record extends DefaultRecord>(options: UseBodyExpandOptions<Record>) => {
+    expandedKeys: Set<import('react').Key>;
+    onTriggerExpand: <Record_1 extends DefaultRecord>(record: Record_1) => void;
+};

package/dist/components/Table/features/tableExpand/hooks/useBodyExpand/useBodyExpand.js

@@ -0,0 +1,38 @@
+import { useState, useMemo, useCallback } from "react";
+import { getRowKey } from "../../../../utils/getRowKey/getRowKey.js";
+const useBodyExpand = (options) => {
+  const {
+    expandable
+  } = options;
+  const {
+    defaultExpandedRowKeys,
+    expandedRowKeys,
+    onExpandedRowsChange
+  } = expandable || {};
+  const [innerExpandedKeys, setInnerExpandedKeys] = useState(() => defaultExpandedRowKeys || []);
+  const expandedKeys = useMemo(() => {
+    return new Set(expandedRowKeys || innerExpandedKeys || []);
+  }, [expandedRowKeys, innerExpandedKeys]);
+  const handleTriggerExpand = useCallback((record) => {
+    const key = getRowKey(record);
+    let newExpandedKeys;
+    const hasKey = expandedKeys.has(key);
+    if (hasKey) {
+      expandedKeys.delete(key);
+      newExpandedKeys = [...expandedKeys];
+    } else {
+      newExpandedKeys = [...expandedKeys, key];
+    }
+    setInnerExpandedKeys(newExpandedKeys);
+    if (onExpandedRowsChange) {
+      onExpandedRowsChange(newExpandedKeys);
+    }
+  }, [expandedKeys, onExpandedRowsChange]);
+  return {
+    expandedKeys,
+    onTriggerExpand: handleTriggerExpand
+  };
+};
+export {
+  useBodyExpand
+};

package/dist/components/Table/features/tableExpand/hooks/useBodyExpand/useBodyExpand.types.d.ts

@@ -0,0 +1,3 @@
+import { DefaultRecord, TableProps } from 'components/Table/Table.types';
+export interface UseBodyExpandOptions<Record extends DefaultRecord> extends Pick<TableProps<Record>, "expandable"> {
+}

package/dist/components/Table/features/tableExpand/hooks/useTableExpand/useTableExpand.d.ts

@@ -0,0 +1,8 @@
+import { UseTableExpandOptions } from './useTableExpand.types';
+import { DefaultRecord } from '../../../../Table.types';
+export declare const useTableExpand: <Record extends DefaultRecord>(options: UseTableExpandOptions<Record>) => {
+    expandIconColumnIndex: number;
+    isSomeRecordHasChildren: boolean;
+    indentSize: number;
+    ExpandIcon: import('react').MemoExoticComponent<(<Record_1 extends DefaultRecord>(props: import('../../components/DefaultExpandIcon/DefaultExpandIcon.types').DefaultExpandIconProps<Record_1>) => import("@emotion/react/jsx-runtime").JSX.Element)> | import('react').ComponentType<import('../..').ExpandIconProps<Record>>;
+};

package/dist/components/Table/features/tableExpand/hooks/useTableExpand/useTableExpand.js

@@ -0,0 +1,26 @@
+import { useMemo } from "react";
+import { DefaultExpandIcon } from "../../components/DefaultExpandIcon/DefaultExpandIcon.js";
+import { defaultIndentSize } from "../../../tableSort/utils/const.js";
+const useTableExpand = (options) => {
+  const {
+    expandable,
+    dataSource,
+    rowSelection
+  } = options;
+  const {
+    indentSize = defaultIndentSize,
+    expandIcon: ExpandIconProp
+  } = expandable || {};
+  const expandIconColumnIndex = rowSelection ? 1 : 0;
+  const ExpandIcon = ExpandIconProp || DefaultExpandIcon;
+  const isSomeRecordHasChildren = useMemo(() => dataSource.some((record) => "children" in record && Array.isArray(record.children)), [dataSource]);
+  return {
+    expandIconColumnIndex,
+    isSomeRecordHasChildren,
+    indentSize,
+    ExpandIcon
+  };
+};
+export {
+  useTableExpand
+};

package/dist/components/Table/features/tableExpand/hooks/useTableExpand/useTableExpand.types.d.ts

@@ -0,0 +1,3 @@
+import { DefaultRecord, TableProps } from '../../../../Table.types';
+export interface UseTableExpandOptions<Record extends DefaultRecord> extends Pick<TableProps<Record>, "expandable" | "dataSource" | "rowSelection"> {
+}

package/dist/components/Table/features/tableExpand/index.d.ts

@@ -0,0 +1,4 @@
+export { useBodyExpand, useTableExpand } from './hooks';
+export { TableExpandedContext, useTableExpandedContext, type TableExpandedContextValue, } from './contexts';
+export type { ExpandIconProps, ExpandableConfig } from './types';
+export { ExpandIconWrapper } from './components/ExpandIconWrapper/ExpandIconWrapper';

package/dist/components/Table/features/tableExpand/types.d.ts

@@ -0,0 +1,16 @@
+import { Key } from 'components/Table/Table.types';
+import { MouseEvent, ComponentType } from 'react';
+export type TriggerEventHandler<Record> = (record: Record, event: MouseEvent<HTMLElement>) => void;
+export interface ExpandIconProps<Record> {
+    expanded: boolean;
+    record: Record;
+    expandable: boolean;
+    onExpand: TriggerEventHandler<Record>;
+}
+export interface ExpandableConfig<Record> {
+    defaultExpandedRowKeys?: readonly Key[];
+    expandedRowKeys?: readonly Key[];
+    expandIcon?: ComponentType<ExpandIconProps<Record>>;
+    onExpandedRowsChange?: (expandedKeys: readonly Key[]) => void;
+    indentSize?: number;
+}

package/dist/components/Table/features/tableRowSelection/components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxCellContentWrapperProps } from './CheckboxCellContentWrapper.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const CheckboxCellContentWrapper: <Record extends DefaultRecord>(props: CheckboxCellContentWrapperProps<Record>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/features/tableRowSelection/components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.js

@@ -0,0 +1,78 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Fragment } from "react";
+import { useEvent } from "../../../../../../hooks/useEvent/useEvent.js";
+import { arrDel, arrAdd } from "./CheckboxCellContentWrapper.utils.js";
+import { Checkbox } from "../../../../../Checkbox/index.js";
+import { selectionItemContainerStyle, getBorderedSelectionItemContainerStyle } from "../../styles.js";
+import { useTableRowSelectionContext } from "../../contexts/tableRowSelectionContext/useTableRowSelectionContext/useTableRowSelectionContext.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+import { getRowKey } from "../../../../utils/getRowKey/getRowKey.js";
+const CheckboxCellContentWrapperComponent = (props) => {
+  const {
+    renderCell: RenderCell,
+    record
+  } = props;
+  const {
+    checkboxPropsMap,
+    derivedSelectedKeySet,
+    derivedSelectedKeys,
+    derivedHalfSelectedKeySet,
+    recordKeys,
+    setSelectedKeys,
+    triggerSingleSelection,
+    multipleSelect,
+    updatePrevSelectedIndex
+  } = useTableRowSelectionContext();
+  const {
+    isSomeRecordHasChildren,
+    bordered
+  } = useTableContext();
+  const key = getRowKey(record);
+  const checked = derivedSelectedKeySet.has(key);
+  const indeterminate = derivedHalfSelectedKeySet.has(key);
+  const checkboxProps = checkboxPropsMap.get(key);
+  let mergedIndeterminate;
+  if (isSomeRecordHasChildren) {
+    mergedIndeterminate = indeterminate;
+  } else {
+    mergedIndeterminate = (checkboxProps == null ? void 0 : checkboxProps.indeterminate) ?? indeterminate;
+  }
+  const handleClick = useEvent((e) => {
+    var _a;
+    e.stopPropagation();
+    (_a = checkboxProps == null ? void 0 : checkboxProps.onClick) == null ? void 0 : _a.call(checkboxProps, e);
+  });
+  const handleChange = useEvent((event) => {
+    var _a;
+    const {
+      nativeEvent
+    } = event;
+    const {
+      shiftKey
+    } = nativeEvent;
+    const currentSelectedIndex = recordKeys.indexOf(key);
+    const isMultiple = derivedSelectedKeys.some((item) => recordKeys.includes(item));
+    if (shiftKey && isMultiple) {
+      const keySet = new Set(derivedSelectedKeySet);
+      multipleSelect(currentSelectedIndex, recordKeys, keySet);
+      const keys = Array.from(keySet);
+      setSelectedKeys(keys, "multiple");
+    } else {
+      const originCheckedKeys = derivedSelectedKeys;
+      const checkedKeys = checked ? arrDel(originCheckedKeys, key) : arrAdd(originCheckedKeys, key);
+      triggerSingleSelection(key, !checked, checkedKeys, nativeEvent);
+    }
+    if (checked) {
+      updatePrevSelectedIndex(null);
+    } else {
+      updatePrevSelectedIndex(currentSelectedIndex);
+    }
+    (_a = checkboxProps == null ? void 0 : checkboxProps.onChange) == null ? void 0 : _a.call(checkboxProps, event);
+  });
+  const Wrapper = RenderCell ?? Fragment;
+  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered ? getBorderedSelectionItemContainerStyle() : void 0, process.env.NODE_ENV === "production" ? "" : ";label:CheckboxCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VFdmVudCB9IGZyb20gXCJob29rcy91c2VFdmVudFwiO1xuaW1wb3J0IHsgZ2V0Um93S2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvdXRpbHNcIjtcbmltcG9ydCB7IGFyckFkZCwgYXJyRGVsIH0gZnJvbSBcIi4vQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudXRpbHNcIjtcbmltcG9ydCB7IENoZWNrYm94LCB0eXBlIENoZWNrYm94UHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9DaGVja2JveFwiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCB9IGZyb20gXCIuLi8uLi9jb250ZXh0c1wiO1xuaW1wb3J0IHR5cGUgeyBEZWZhdWx0UmVjb3JkIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcblxuY29uc3QgQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXJDb21wb25lbnQgPSA8UmVjb3JkIGV4dGVuZHMgRGVmYXVsdFJlY29yZD4oXG4gIHByb3BzOiBDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzPFJlY29yZD5cbikgPT4ge1xuICBjb25zdCB7IHJlbmRlckNlbGw6IFJlbmRlckNlbGwsIHJlY29yZCB9ID0gcHJvcHM7XG4gIGNvbnN0IHtcbiAgICBjaGVja2JveFByb3BzTWFwLFxuICAgIGRlcml2ZWRTZWxlY3RlZEtleVNldCxcbiAgICBkZXJpdmVkU2VsZWN0ZWRLZXlzLFxuICAgIGRlcml2ZWRIYWxmU2VsZWN0ZWRLZXlTZXQsXG4gICAgcmVjb3JkS2V5cyxcbiAgICBzZXRTZWxlY3RlZEtleXMsXG4gICAgdHJpZ2dlclNpbmdsZVNlbGVjdGlvbixcbiAgICBtdWx0aXBsZVNlbGVjdCxcbiAgICB1cGRhdGVQcmV2U2VsZWN0ZWRJbmRleCxcbiAgfSA9IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCgpO1xuICBjb25zdCB7IGlzU29tZVJlY29yZEhhc0NoaWxkcmVuLCBib3JkZXJlZCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IGtleSA9IGdldFJvd0tleShyZWNvcmQpO1xuXG4gIGNvbnN0IGNoZWNrZWQgPSBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQuaGFzKGtleSk7XG4gIGNvbnN0IGluZGV0ZXJtaW5hdGUgPSBkZXJpdmVkSGFsZlNlbGVjdGVkS2V5U2V0LmhhcyhrZXkpO1xuICBjb25zdCBjaGVja2JveFByb3BzID0gY2hlY2tib3hQcm9wc01hcC5nZXQoa2V5KTtcblxuICBsZXQgbWVyZ2VkSW5kZXRlcm1pbmF0ZTogYm9vbGVhbjtcblxuICBpZiAoaXNTb21lUmVjb3JkSGFzQ2hpbGRyZW4pIHtcbiAgICBtZXJnZWRJbmRldGVybWluYXRlID0gaW5kZXRlcm1pbmF0ZTtcbiAgfSBlbHNlIHtcbiAgICBtZXJnZWRJbmRldGVybWluYXRlID0gY2hlY2tib3hQcm9wcz8uaW5kZXRlcm1pbmF0ZSA/PyBpbmRldGVybWluYXRlO1xuICB9XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VFdmVudCgoKGUpID0+IHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGNoZWNrYm94UHJvcHM/Lm9uQ2xpY2s/LihlKTtcbiAgfSkgc2F0aXNmaWVzIENoZWNrYm94UHJvcHNbXCJvbkNsaWNrXCJdKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VFdmVudCgoKGV2ZW50KSA9PiB7XG4gICAgY29uc3QgeyBuYXRpdmVFdmVudCB9ID0gZXZlbnQ7XG4gICAgY29uc3QgeyBzaGlmdEtleSB9ID0gbmF0aXZlRXZlbnQ7XG5cbiAgICBjb25zdCBjdXJyZW50U2VsZWN0ZWRJbmRleCA9IHJlY29yZEtleXMuaW5kZXhPZihrZXkpO1xuICAgIGNvbnN0IGlzTXVsdGlwbGUgPSBkZXJpdmVkU2VsZWN0ZWRLZXlzLnNvbWUoKGl0ZW0pID0+IHJlY29yZEtleXMuaW5jbHVkZXMoaXRlbSkpO1xuXG4gICAgaWYgKHNoaWZ0S2V5ICYmIGlzTXVsdGlwbGUpIHtcbiAgICAgIGNvbnN0IGtleVNldCA9IG5ldyBTZXQoZGVyaXZlZFNlbGVjdGVkS2V5U2V0KTtcbiAgICAgIG11bHRpcGxlU2VsZWN0KGN1cnJlbnRTZWxlY3RlZEluZGV4LCByZWNvcmRLZXlzLCBrZXlTZXQpO1xuXG4gICAgICBjb25zdCBrZXlzID0gQXJyYXkuZnJvbShrZXlTZXQpO1xuXG4gICAgICBzZXRTZWxlY3RlZEtleXMoa2V5cywgXCJtdWx0aXBsZVwiKTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3Qgb3JpZ2luQ2hlY2tlZEtleXMgPSBkZXJpdmVkU2VsZWN0ZWRLZXlzO1xuXG4gICAgICBjb25zdCBjaGVja2VkS2V5cyA9IGNoZWNrZWQgPyBhcnJEZWwob3JpZ2luQ2hlY2tlZEtleXMsIGtleSkgOiBhcnJBZGQob3JpZ2luQ2hlY2tlZEtleXMsIGtleSk7XG5cbiAgICAgIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24oa2V5LCAhY2hlY2tlZCwgY2hlY2tlZEtleXMsIG5hdGl2ZUV2ZW50KTtcbiAgICB9XG5cbiAgICBpZiAoY2hlY2tlZCkge1xuICAgICAgdXBkYXRlUHJldlNlbGVjdGVkSW5kZXgobnVsbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHVwZGF0ZVByZXZTZWxlY3RlZEluZGV4KGN1cnJlbnRTZWxlY3RlZEluZGV4KTtcbiAgICB9XG5cbiAgICBjaGVja2JveFByb3BzPy5vbkNoYW5nZT8uKGV2ZW50KTtcbiAgfSkgc2F0aXNmaWVzIENoZWNrYm94UHJvcHNbXCJvbkNoYW5nZVwiXSk7XG5cbiAgY29uc3QgV3JhcHBlciA9IFJlbmRlckNlbGwgPz8gRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgc2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJlZCA/IGdldEJvcmRlcmVkU2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlKCkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyPlxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICB7Li4uY2hlY2tib3hQcm9wc31cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGluZGV0ZXJtaW5hdGU9e21lcmdlZEluZGV0ZXJtaW5hdGV9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgLz5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveENlbGxDb250ZW50V3JhcHBlciA9IENoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"], children: /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps, checked, indeterminate: mergedIndeterminate, onClick: handleClick, onChange: handleChange }) }) });
+};
+const CheckboxCellContentWrapper = CheckboxCellContentWrapperComponent;
+export {
+  CheckboxCellContentWrapper
+};

package/dist/components/Table/features/tableRowSelection/components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.types.d.ts

@@ -0,0 +1,4 @@
+import { TableRowSelection } from '../../types';
+export interface CheckboxCellContentWrapperProps<Record> extends Pick<TableRowSelection<Record>, "renderCell"> {
+    record: Record;
+}

package/dist/components/Table/features/tableRowSelection/components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.utils.d.ts

@@ -0,0 +1,3 @@
+import { Key } from 'components/Table/Table.types';
+export declare function arrDel(list: Key[], value: Key): import('react').Key[];
+export declare function arrAdd(list: Key[], value: Key): import('react').Key[];

package/dist/components/Table/features/tableRowSelection/components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.utils.js

@@ -0,0 +1,20 @@
+function arrDel(list, value) {
+  if (!list) return [];
+  const clone = list.slice();
+  const index = clone.indexOf(value);
+  if (index >= 0) {
+    clone.splice(index, 1);
+  }
+  return clone;
+}
+function arrAdd(list, value) {
+  const clone = (list || []).slice();
+  if (clone.indexOf(value) === -1) {
+    clone.push(value);
+  }
+  return clone;
+}
+export {
+  arrAdd,
+  arrDel
+};

package/dist/components/Table/features/tableRowSelection/components/HeaderCheckboxCellContentWrapper/HeaderCheckboxCellContentWrapper.d.ts

@@ -0,0 +1,2 @@
+import { HeaderCheckboxCellContentWrapperProps } from './HeaderCheckboxCellContentWrapper.types';
+export declare const HeaderCheckboxCellContentWrapper: <Record>(props: HeaderCheckboxCellContentWrapperProps<Record>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/features/tableRowSelection/components/HeaderCheckboxCellContentWrapper/HeaderCheckboxCellContentWrapper.js

@@ -0,0 +1,73 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Fragment } from "react";
+import { Checkbox } from "../../../../../Checkbox/index.js";
+import { selectionItemContainerStyle, getBorderedSelectionItemContainerStyle } from "../../styles.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+import { useTableRowSelectionContext } from "../../contexts/tableRowSelectionContext/useTableRowSelectionContext/useTableRowSelectionContext.js";
+import { getRowKey } from "../../../../utils/getRowKey/getRowKey.js";
+const HeaderCheckboxCellContentWrapperComponent = (props) => {
+  const {
+    columnTitle: ColumnTitle,
+    getTitleCheckboxProps
+  } = props;
+  const {
+    bordered
+  } = useTableContext();
+  const {
+    checkboxPropsMap,
+    flattedData,
+    checkedCurrentAll,
+    checkedCurrentSome,
+    keySet,
+    recordKeys,
+    setSelectedKeys,
+    updatePrevSelectedIndex
+  } = useTableRowSelectionContext();
+  const allDisabledData = flattedData.map((record) => {
+    const key = getRowKey(record);
+    const checkboxProps = checkboxPropsMap.get(key) || {};
+    return {
+      checked: keySet.has(key),
+      ...checkboxProps
+    };
+  }).filter(({
+    disabled: disabled2
+  }) => disabled2);
+  const allDisabled = !!allDisabledData.length && allDisabledData.length === flattedData.length;
+  const allDisabledAndChecked = allDisabled && allDisabledData.every(({
+    checked
+  }) => checked);
+  const allDisabledSomeChecked = allDisabled && allDisabledData.some(({
+    checked
+  }) => checked);
+  const customCheckboxProps = (getTitleCheckboxProps == null ? void 0 : getTitleCheckboxProps()) || {};
+  const {
+    onChange,
+    disabled
+  } = customCheckboxProps;
+  const onSelectAllChange = () => {
+    if (checkedCurrentAll) {
+      recordKeys.forEach((key) => {
+        keySet.delete(key);
+      });
+    } else {
+      recordKeys.forEach((key) => {
+        if (!keySet.has(key)) {
+          keySet.add(key);
+        }
+      });
+    }
+    const keys = Array.from(keySet);
+    setSelectedKeys(keys, "all");
+    updatePrevSelectedIndex(null);
+  };
+  const Wrapper = ColumnTitle ?? Fragment;
+  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered ? getBorderedSelectionItemContainerStyle(true) : void 0, process.env.NODE_ENV === "production" ? "" : ";label:HeaderCheckboxCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgS2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyBnZXRSb3dLZXkgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS91dGlsc1wiO1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tIFwiY29tcG9uZW50cy9DaGVja2JveFwiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCB9IGZyb20gXCIuLi8uLi9jb250ZXh0c1wiO1xuXG5jb25zdCBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudCA9IDxSZWNvcmQsPihcbiAgcHJvcHM6IEhlYWRlckNoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyUHJvcHM8UmVjb3JkPlxuKSA9PiB7XG4gIGNvbnN0IHsgY29sdW1uVGl0bGU6IENvbHVtblRpdGxlLCBnZXRUaXRsZUNoZWNrYm94UHJvcHMgfSA9IHByb3BzO1xuICBjb25zdCB7IGJvcmRlcmVkIH0gPSB1c2VUYWJsZUNvbnRleHQoKTtcbiAgY29uc3Qge1xuICAgIGNoZWNrYm94UHJvcHNNYXAsXG4gICAgZmxhdHRlZERhdGEsXG4gICAgY2hlY2tlZEN1cnJlbnRBbGwsXG4gICAgY2hlY2tlZEN1cnJlbnRTb21lLFxuICAgIGtleVNldCxcbiAgICByZWNvcmRLZXlzLFxuICAgIHNldFNlbGVjdGVkS2V5cyxcbiAgICB1cGRhdGVQcmV2U2VsZWN0ZWRJbmRleCxcbiAgfSA9IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCgpO1xuXG4gIGNvbnN0IGFsbERpc2FibGVkRGF0YSA9IGZsYXR0ZWREYXRhXG4gICAgLm1hcCgocmVjb3JkKSA9PiB7XG4gICAgICBjb25zdCBrZXkgPSBnZXRSb3dLZXkocmVjb3JkKTtcbiAgICAgIGNvbnN0IGNoZWNrYm94UHJvcHMgPSBjaGVja2JveFByb3BzTWFwLmdldChrZXkpIHx8IHt9O1xuXG4gICAgICByZXR1cm4geyBjaGVja2VkOiBrZXlTZXQuaGFzKGtleSksIC4uLmNoZWNrYm94UHJvcHMgfTtcbiAgICB9KVxuICAgIC5maWx0ZXIoKHsgZGlzYWJsZWQgfSkgPT4gZGlzYWJsZWQpO1xuXG4gIGNvbnN0IGFsbERpc2FibGVkID0gISFhbGxEaXNhYmxlZERhdGEubGVuZ3RoICYmIGFsbERpc2FibGVkRGF0YS5sZW5ndGggPT09IGZsYXR0ZWREYXRhLmxlbmd0aDtcblxuICBjb25zdCBhbGxEaXNhYmxlZEFuZENoZWNrZWQgPSBhbGxEaXNhYmxlZCAmJiBhbGxEaXNhYmxlZERhdGEuZXZlcnkoKHsgY2hlY2tlZCB9KSA9PiBjaGVja2VkKTtcbiAgY29uc3QgYWxsRGlzYWJsZWRTb21lQ2hlY2tlZCA9IGFsbERpc2FibGVkICYmIGFsbERpc2FibGVkRGF0YS5zb21lKCh7IGNoZWNrZWQgfSkgPT4gY2hlY2tlZCk7XG4gIGNvbnN0IGN1c3RvbUNoZWNrYm94UHJvcHMgPSBnZXRUaXRsZUNoZWNrYm94UHJvcHM/LigpIHx8IHt9O1xuICBjb25zdCB7IG9uQ2hhbmdlLCBkaXNhYmxlZCB9ID0gY3VzdG9tQ2hlY2tib3hQcm9wcztcblxuICBjb25zdCBvblNlbGVjdEFsbENoYW5nZSA9ICgpID0+IHtcbiAgICBjb25zdCBjaGFuZ2VLZXlzOiBLZXlbXSA9IFtdO1xuXG4gICAgaWYgKGNoZWNrZWRDdXJyZW50QWxsKSB7XG4gICAgICByZWNvcmRLZXlzLmZvckVhY2goKGtleSkgPT4ge1xuICAgICAgICBrZXlTZXQuZGVsZXRlKGtleSk7XG4gICAgICAgIGNoYW5nZUtleXMucHVzaChrZXkpO1xuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJlY29yZEtleXMuZm9yRWFjaCgoa2V5KSA9PiB7XG4gICAgICAgIGlmICgha2V5U2V0LmhhcyhrZXkpKSB7XG4gICAgICAgICAga2V5U2V0LmFkZChrZXkpO1xuICAgICAgICAgIGNoYW5nZUtleXMucHVzaChrZXkpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICBjb25zdCBrZXlzID0gQXJyYXkuZnJvbShrZXlTZXQpO1xuXG4gICAgc2V0U2VsZWN0ZWRLZXlzKGtleXMsIFwiYWxsXCIpO1xuICAgIHVwZGF0ZVByZXZTZWxlY3RlZEluZGV4KG51bGwpO1xuICB9O1xuXG4gIGNvbnN0IFdyYXBwZXIgPSBDb2x1bW5UaXRsZSA/PyBGcmFnbWVudDtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBzZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsXG4gICAgICAgIGJvcmRlcmVkID8gZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUodHJ1ZSkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyPlxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiU2VsZWN0IGFsbFwiXG4gICAgICAgICAgey4uLmN1c3RvbUNoZWNrYm94UHJvcHN9XG4gICAgICAgICAgY2hlY2tlZD17IWFsbERpc2FibGVkID8gISFmbGF0dGVkRGF0YS5sZW5ndGggJiYgY2hlY2tlZEN1cnJlbnRBbGwgOiBhbGxEaXNhYmxlZEFuZENoZWNrZWR9XG4gICAgICAgICAgaW5kZXRlcm1pbmF0ZT17XG4gICAgICAgICAgICAhYWxsRGlzYWJsZWRcbiAgICAgICAgICAgICAgPyAhY2hlY2tlZEN1cnJlbnRBbGwgJiYgY2hlY2tlZEN1cnJlbnRTb21lXG4gICAgICAgICAgICAgIDogIWFsbERpc2FibGVkQW5kQ2hlY2tlZCAmJiBhbGxEaXNhYmxlZFNvbWVDaGVja2VkXG4gICAgICAgICAgfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgb25TZWxlY3RBbGxDaGFuZ2UoKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlPy4oZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgPz8gKGZsYXR0ZWREYXRhLmxlbmd0aCA9PT0gMCB8fCBhbGxEaXNhYmxlZCl9XG4gICAgICAgIC8+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIgPSBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"], children: /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Checkbox, { "aria-label": "Select all", ...customCheckboxProps, checked: !allDisabled ? !!flattedData.length && checkedCurrentAll : allDisabledAndChecked, indeterminate: !allDisabled ? !checkedCurrentAll && checkedCurrentSome : !allDisabledAndChecked && allDisabledSomeChecked, onChange: (e) => {
+    onSelectAllChange();
+    onChange == null ? void 0 : onChange(e);
+  }, disabled: disabled ?? (flattedData.length === 0 || allDisabled) }) }) });
+};
+const HeaderCheckboxCellContentWrapper = HeaderCheckboxCellContentWrapperComponent;
+export {
+  HeaderCheckboxCellContentWrapper
+};

package/dist/components/Table/features/tableRowSelection/components/HeaderCheckboxCellContentWrapper/HeaderCheckboxCellContentWrapper.types.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType } from 'react';
+import { TableRowSelection } from '../../types';
+export interface HeaderCheckboxCellContentWrapperProps<Record> extends Pick<TableRowSelection<Record>, "getTitleCheckboxProps"> {
+    columnTitle?: Extract<TableRowSelection<Record>["columnTitle"], ComponentType>;
+}