@infomaximum/ui-kit 0.17.2 → 0.17.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/Button.js +3 -3
- package/dist/components/Button/Button.types.d.ts +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.js +11 -4
- package/dist/components/Switch/Switch.js +4 -4
- package/dist/components/Switch/Switch.styles.js +7 -3
- package/dist/components/Switch/Switch.types.d.ts +1 -1
- package/dist/components/Table/Table.js +15 -23
- package/dist/components/Table/Table.styles.d.ts +1 -1
- package/dist/components/Table/Table.styles.js +2 -2
- package/dist/components/Table/Table.types.d.ts +28 -8
- package/dist/components/Table/components/Body/Body.js +1 -1
- package/dist/components/Table/components/Body/components/BodyCell/BodyCell.js +8 -4
- package/dist/components/Table/components/Body/components/BodyCell/BodyCell.styles.d.ts +2 -2
- package/dist/components/Table/components/Body/components/BodyCell/BodyCell.styles.js +3 -3
- package/dist/components/Table/components/Body/components/BodyCell/BodyCell.types.d.ts +3 -1
- package/dist/components/Table/components/Body/components/BodyRow/BodyRow.js +7 -4
- package/dist/components/Table/components/Body/components/MeasureCell/MeasureCell.js +11 -3
- package/dist/components/Table/components/Body/components/MeasureCell/MeasureCell.types.d.ts +1 -0
- package/dist/components/Table/components/Body/components/MeasureRow/MeasureRow.js +2 -2
- package/dist/components/Table/components/Cell/Cell.styles.d.ts +2 -2
- package/dist/components/Table/components/Cell/Cell.styles.js +3 -3
- package/dist/components/Table/components/Cell/Cell.types.d.ts +2 -2
- package/dist/components/Table/components/EmptyDataRow/EmptyDataRow.js +5 -5
- package/dist/components/Table/components/EmptyDataRow/EmptyDataRow.styles.d.ts +2 -2
- package/dist/components/Table/components/EmptyDataRow/EmptyDataRow.styles.js +4 -9
- package/dist/components/Table/components/FixedHeader/FixedHeader.js +1 -1
- package/dist/components/Table/components/FixedHeader/components/FixedHeaderColGroup/FixedHeaderColGroup.js +18 -12
- package/dist/components/Table/components/Header/Header.js +1 -1
- package/dist/components/Table/components/Header/components/HeaderCell/HeaderCell.js +2 -2
- package/dist/components/Table/components/Header/components/HeaderCell/HeaderCell.styles.d.ts +2 -2
- package/dist/components/Table/components/Header/components/HeaderCell/HeaderCell.styles.js +3 -3
- package/dist/components/Table/contexts/tableContext/TableContext.js +9 -1
- package/dist/components/Table/contexts/tableContext/TableContext.types.d.ts +3 -2
- package/dist/components/Table/features/tableRowSelection/components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.js +1 -1
- package/dist/components/Table/features/tableRowSelection/components/HeaderCheckboxCellContentWrapper/HeaderCheckboxCellContentWrapper.js +1 -1
- package/dist/components/Table/features/tableRowSelection/components/RadioCellContentWrapper/RadioCellContentWrapper.js +1 -1
- package/dist/components/Table/features/tableRowSelection/hooks/useTransformColumns/useTransformColumns.js +4 -1
- package/dist/components/Table/features/tableRowSelection/types.d.ts +3 -1
- package/dist/components/Table/features/tableSort/components/HeaderCellWithSort/HeaderCellWithSort.js +2 -2
- package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.d.ts +1 -0
- package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.js +2 -1
- package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.types.d.ts +1 -0
- package/dist/components/Table/hooks/useCellFixedInfo/useCellFixedInfo.styles.d.ts +1 -1
- package/dist/components/Table/hooks/useCellFixedInfo/useCellFixedInfo.styles.js +1 -1
- package/dist/components/Table/hooks/useTableBordered/getBorderedInfo.d.ts +3 -0
- package/dist/components/Table/hooks/useTableBordered/getBorderedInfo.js +41 -0
- package/dist/components/Table/hooks/useTableBordered/index.d.ts +1 -0
- package/dist/components/Table/hooks/useTableBordered/useTableBordered.d.ts +4 -0
- package/dist/components/Table/hooks/useTableBordered/useTableBordered.js +14 -0
- package/dist/components/Table/hooks/useTableBordered/useTableBordered.types.d.ts +3 -0
- package/dist/components/Table/hooks/useTableVisualParamsChange/index.d.ts +1 -0
- package/dist/components/Table/hooks/useTableVisualParamsChange/types.d.ts +6 -0
- package/dist/components/Table/hooks/useTableVisualParamsChange/useTableVisualParamsChange.js +17 -4
- package/dist/components/Table/hooks/useTableVisualParamsChange/utils.d.ts +1 -0
- package/dist/components/Table/hooks/useTableVisualParamsChange/utils.js +3 -1
- package/dist/components/Table/interfaces/tableComponents.types.d.ts +2 -2
- package/dist/components/Tabs/Tabs.js +2 -2
- package/dist/components/Tabs/Tabs.types.d.ts +3 -1
- package/dist/components/Tabs/Tabs.utils.d.ts +3 -0
- package/dist/components/Tabs/Tabs.utils.js +29 -1
- package/dist/components/Tabs/components/TabBar/TabBar.js +12 -10
- package/dist/components/Tabs/components/TabBar/TabBar.styles.d.ts +1 -1
- package/dist/components/Tabs/components/TabBar/TabBar.styles.js +3 -9
- package/dist/components/Tabs/components/TabItem/TabItem.js +24 -8
- package/dist/components/Tabs/components/TabItem/TabItem.types.d.ts +2 -0
- package/dist/components/Tabs/hooks/useMoreTabsController.d.ts +4 -1
- package/dist/components/Tabs/hooks/useMoreTabsController.js +37 -6
- package/dist/components/Tabs/hooks/useTabsDndController.d.ts +1 -2
- package/dist/components/Tabs/hooks/useTabsDndController.js +7 -4
- package/package.json +1 -1
|
@@ -70,7 +70,7 @@ const CheckboxCellContentWrapperComponent = (props) => {
|
|
|
70
70
|
(_a = checkboxProps == null ? void 0 : checkboxProps.onChange) == null ? void 0 : _a.call(checkboxProps, event);
|
|
71
71
|
});
|
|
72
72
|
const Wrapper = RenderCell ?? Fragment;
|
|
73
|
-
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+
|
|
73
|
+
return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered.baseBorder ? 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+IHJlY29yZEtleXMuaW5jbHVkZXMoaXRlbSkpO1xuXG4gICAgaWYgKHNoaWZ0S2V5ICYmIGlzTXVsdGlwbGUpIHtcbiAgICAgIGNvbnN0IGtleVNldCA9IG5ldyBTZXQoZGVyaXZlZFNlbGVjdGVkS2V5U2V0KTtcbiAgICAgIG11bHRpcGxlU2VsZWN0KGN1cnJlbnRTZWxlY3RlZEluZGV4LCByZWNvcmRLZXlzLCBrZXlTZXQpO1xuXG4gICAgICBjb25zdCBrZXlzID0gQXJyYXkuZnJvbShrZXlTZXQpO1xuXG4gICAgICBzZXRTZWxlY3RlZEtleXMoa2V5cywgXCJtdWx0aXBsZVwiKTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3Qgb3JpZ2luQ2hlY2tlZEtleXMgPSBkZXJpdmVkU2VsZWN0ZWRLZXlzO1xuXG4gICAgICBjb25zdCBjaGVja2VkS2V5cyA9IGNoZWNrZWQgPyBhcnJEZWwob3JpZ2luQ2hlY2tlZEtleXMsIGtleSkgOiBhcnJBZGQob3JpZ2luQ2hlY2tlZEtleXMsIGtleSk7XG5cbiAgICAgIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24oa2V5LCAhY2hlY2tlZCwgY2hlY2tlZEtleXMsIG5hdGl2ZUV2ZW50KTtcbiAgICB9XG5cbiAgICBpZiAoY2hlY2tlZCkge1xuICAgICAgdXBkYXRlUHJldlNlbGVjdGVkSW5kZXgobnVsbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHVwZGF0ZVByZXZTZWxlY3RlZEluZGV4KGN1cnJlbnRTZWxlY3RlZEluZGV4KTtcbiAgICB9XG5cbiAgICBjaGVja2JveFByb3BzPy5vbkNoYW5nZT8uKGV2ZW50KTtcbiAgfSkgc2F0aXNmaWVzIENoZWNrYm94UHJvcHNbXCJvbkNoYW5nZVwiXSk7XG5cbiAgY29uc3QgV3JhcHBlciA9IFJlbmRlckNlbGwgPz8gRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgc2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJlZC5iYXNlQm9yZGVyID8gZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUoKSA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAgPFdyYXBwZXIgey4uLihSZW5kZXJDZWxsID8geyBzZWxlY3Rpb25UeXBlOiBcImNoZWNrYm94XCIsIHJlY29yZCB9IDoge30pfT5cbiAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgey4uLmNoZWNrYm94UHJvcHN9XG4gICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICBpbmRldGVybWluYXRlPXttZXJnZWRJbmRldGVybWluYXRlfVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIgPSBDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
|
|
74
74
|
selectionType: "checkbox",
|
|
75
75
|
record
|
|
76
76
|
} : {}, children: /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps, checked, indeterminate: mergedIndeterminate, onClick: handleClick, onChange: handleChange }) }) });
|
|
@@ -64,7 +64,7 @@ const HeaderCheckboxCellContentWrapperComponent = (props) => {
|
|
|
64
64
|
updatePrevSelectedIndex(null);
|
|
65
65
|
};
|
|
66
66
|
const Wrapper = ColumnTitle ?? Fragment;
|
|
67
|
-
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgS2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyBnZXRSb3dLZXkgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS91dGlsc1wiO1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tIFwiY29tcG9uZW50cy9DaGVja2JveFwiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCB9IGZyb20gXCIuLi8uLi9jb250ZXh0c1wiO1xuXG5jb25zdCBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudCA9IDxSZWNvcmQsPihcbiAgcHJvcHM6IEhlYWRlckNoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyUHJvcHM8UmVjb3JkPlxuKSA9PiB7XG4gIGNvbnN0IHsgY29sdW1uVGl0bGU6IENvbHVtblRpdGxlLCBnZXRUaXRsZUNoZWNrYm94UHJvcHMsIG9uU2VsZWN0QWxsIH0gPSBwcm9wcztcbiAgY29uc3QgeyBib3JkZXJlZCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IHtcbiAgICBjaGVja2JveFByb3BzTWFwLFxuICAgIGZsYXR0ZWREYXRhLFxuICAgIGNoZWNrZWRDdXJyZW50QWxsLFxuICAgIGNoZWNrZWRDdXJyZW50U29tZSxcbiAgICBrZXlTZXQsXG4gICAgcmVjb3JkS2V5cyxcbiAgICBzZXRTZWxlY3RlZEtleXMsXG4gICAgdXBkYXRlUHJldlNlbGVjdGVkSW5kZXgsXG4gIH0gPSB1c2VUYWJsZVJvd1NlbGVjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBhbGxEaXNhYmxlZERhdGEgPSBmbGF0dGVkRGF0YVxuICAgIC5tYXAoKHJlY29yZCkgPT4ge1xuICAgICAgY29uc3Qga2V5ID0gZ2V0Um93S2V5KHJlY29yZCk7XG4gICAgICBjb25zdCBjaGVja2JveFByb3BzID0gY2hlY2tib3hQcm9wc01hcC5nZXQoa2V5KSB8fCB7fTtcblxuICAgICAgcmV0dXJuIHsgY2hlY2tlZDoga2V5U2V0LmhhcyhrZXkpLCAuLi5jaGVja2JveFByb3BzIH07XG4gICAgfSlcbiAgICAuZmlsdGVyKCh7IGRpc2FibGVkIH0pID0+IGRpc2FibGVkKTtcblxuICBjb25zdCBhbGxEaXNhYmxlZCA9ICEhYWxsRGlzYWJsZWREYXRhLmxlbmd0aCAmJiBhbGxEaXNhYmxlZERhdGEubGVuZ3RoID09PSBmbGF0dGVkRGF0YS5sZW5ndGg7XG5cbiAgY29uc3QgYWxsRGlzYWJsZWRBbmRDaGVja2VkID0gYWxsRGlzYWJsZWQgJiYgYWxsRGlzYWJsZWREYXRhLmV2ZXJ5KCh7IGNoZWNrZWQgfSkgPT4gY2hlY2tlZCk7XG4gIGNvbnN0IGFsbERpc2FibGVkU29tZUNoZWNrZWQgPSBhbGxEaXNhYmxlZCAmJiBhbGxEaXNhYmxlZERhdGEuc29tZSgoeyBjaGVja2VkIH0pID0+IGNoZWNrZWQpO1xuICBjb25zdCBjdXN0b21DaGVja2JveFByb3BzID0gZ2V0VGl0bGVDaGVja2JveFByb3BzPy4oKSB8fCB7fTtcbiAgY29uc3QgeyBvbkNoYW5nZSwgZGlzYWJsZWQgfSA9IGN1c3RvbUNoZWNrYm94UHJvcHM7XG5cbiAgY29uc3Qgb25TZWxlY3RBbGxDaGFuZ2UgPSAoKSA9PiB7XG4gICAgY29uc3QgY2hhbmdlS2V5czogS2V5W10gPSBbXTtcblxuICAgIGlmIChjaGVja2VkQ3VycmVudEFsbCkge1xuICAgICAgcmVjb3JkS2V5cy5mb3JFYWNoKChrZXkpID0+
|
|
67
|
+
return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered.baseBorder ? getBorderedSelectionItemContainerStyle(true) : void 0, process.env.NODE_ENV === "production" ? "" : ";label:HeaderCheckboxCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgS2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyBnZXRSb3dLZXkgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS91dGlsc1wiO1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tIFwiY29tcG9uZW50cy9DaGVja2JveFwiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCB9IGZyb20gXCIuLi8uLi9jb250ZXh0c1wiO1xuXG5jb25zdCBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudCA9IDxSZWNvcmQsPihcbiAgcHJvcHM6IEhlYWRlckNoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyUHJvcHM8UmVjb3JkPlxuKSA9PiB7XG4gIGNvbnN0IHsgY29sdW1uVGl0bGU6IENvbHVtblRpdGxlLCBnZXRUaXRsZUNoZWNrYm94UHJvcHMsIG9uU2VsZWN0QWxsIH0gPSBwcm9wcztcbiAgY29uc3QgeyBib3JkZXJlZCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IHtcbiAgICBjaGVja2JveFByb3BzTWFwLFxuICAgIGZsYXR0ZWREYXRhLFxuICAgIGNoZWNrZWRDdXJyZW50QWxsLFxuICAgIGNoZWNrZWRDdXJyZW50U29tZSxcbiAgICBrZXlTZXQsXG4gICAgcmVjb3JkS2V5cyxcbiAgICBzZXRTZWxlY3RlZEtleXMsXG4gICAgdXBkYXRlUHJldlNlbGVjdGVkSW5kZXgsXG4gIH0gPSB1c2VUYWJsZVJvd1NlbGVjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBhbGxEaXNhYmxlZERhdGEgPSBmbGF0dGVkRGF0YVxuICAgIC5tYXAoKHJlY29yZCkgPT4ge1xuICAgICAgY29uc3Qga2V5ID0gZ2V0Um93S2V5KHJlY29yZCk7XG4gICAgICBjb25zdCBjaGVja2JveFByb3BzID0gY2hlY2tib3hQcm9wc01hcC5nZXQoa2V5KSB8fCB7fTtcblxuICAgICAgcmV0dXJuIHsgY2hlY2tlZDoga2V5U2V0LmhhcyhrZXkpLCAuLi5jaGVja2JveFByb3BzIH07XG4gICAgfSlcbiAgICAuZmlsdGVyKCh7IGRpc2FibGVkIH0pID0+IGRpc2FibGVkKTtcblxuICBjb25zdCBhbGxEaXNhYmxlZCA9ICEhYWxsRGlzYWJsZWREYXRhLmxlbmd0aCAmJiBhbGxEaXNhYmxlZERhdGEubGVuZ3RoID09PSBmbGF0dGVkRGF0YS5sZW5ndGg7XG5cbiAgY29uc3QgYWxsRGlzYWJsZWRBbmRDaGVja2VkID0gYWxsRGlzYWJsZWQgJiYgYWxsRGlzYWJsZWREYXRhLmV2ZXJ5KCh7IGNoZWNrZWQgfSkgPT4gY2hlY2tlZCk7XG4gIGNvbnN0IGFsbERpc2FibGVkU29tZUNoZWNrZWQgPSBhbGxEaXNhYmxlZCAmJiBhbGxEaXNhYmxlZERhdGEuc29tZSgoeyBjaGVja2VkIH0pID0+IGNoZWNrZWQpO1xuICBjb25zdCBjdXN0b21DaGVja2JveFByb3BzID0gZ2V0VGl0bGVDaGVja2JveFByb3BzPy4oKSB8fCB7fTtcbiAgY29uc3QgeyBvbkNoYW5nZSwgZGlzYWJsZWQgfSA9IGN1c3RvbUNoZWNrYm94UHJvcHM7XG5cbiAgY29uc3Qgb25TZWxlY3RBbGxDaGFuZ2UgPSAoKSA9PiB7XG4gICAgY29uc3QgY2hhbmdlS2V5czogS2V5W10gPSBbXTtcblxuICAgIGlmIChjaGVja2VkQ3VycmVudEFsbCkge1xuICAgICAgcmVjb3JkS2V5cy5mb3JFYWNoKChrZXkpID0+IHtcbiAgICAgICAga2V5U2V0LmRlbGV0ZShrZXkpO1xuICAgICAgICBjaGFuZ2VLZXlzLnB1c2goa2V5KTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICByZWNvcmRLZXlzLmZvckVhY2goKGtleSkgPT4ge1xuICAgICAgICBpZiAoIWtleVNldC5oYXMoa2V5KSkge1xuICAgICAgICAgIGtleVNldC5hZGQoa2V5KTtcbiAgICAgICAgICBjaGFuZ2VLZXlzLnB1c2goa2V5KTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgY29uc3Qga2V5cyA9IEFycmF5LmZyb20oa2V5U2V0KTtcblxuICAgIG9uU2VsZWN0QWxsPy4oIWNoZWNrZWRDdXJyZW50QWxsKTtcblxuICAgIHNldFNlbGVjdGVkS2V5cyhrZXlzLCBcImFsbFwiKTtcbiAgICB1cGRhdGVQcmV2U2VsZWN0ZWRJbmRleChudWxsKTtcbiAgfTtcblxuICBjb25zdCBXcmFwcGVyID0gQ29sdW1uVGl0bGUgPz8gRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgc2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJlZC5iYXNlQm9yZGVyID8gZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUodHJ1ZSkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyPlxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiU2VsZWN0IGFsbFwiXG4gICAgICAgICAgey4uLmN1c3RvbUNoZWNrYm94UHJvcHN9XG4gICAgICAgICAgY2hlY2tlZD17IWFsbERpc2FibGVkID8gISFmbGF0dGVkRGF0YS5sZW5ndGggJiYgY2hlY2tlZEN1cnJlbnRBbGwgOiBhbGxEaXNhYmxlZEFuZENoZWNrZWR9XG4gICAgICAgICAgaW5kZXRlcm1pbmF0ZT17XG4gICAgICAgICAgICAhYWxsRGlzYWJsZWRcbiAgICAgICAgICAgICAgPyAhY2hlY2tlZEN1cnJlbnRBbGwgJiYgY2hlY2tlZEN1cnJlbnRTb21lXG4gICAgICAgICAgICAgIDogIWFsbERpc2FibGVkQW5kQ2hlY2tlZCAmJiBhbGxEaXNhYmxlZFNvbWVDaGVja2VkXG4gICAgICAgICAgfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgb25TZWxlY3RBbGxDaGFuZ2UoKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlPy4oZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgPz8gKGZsYXR0ZWREYXRhLmxlbmd0aCA9PT0gMCB8fCBhbGxEaXNhYmxlZCl9XG4gICAgICAgIC8+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) => {
|
|
68
68
|
onSelectAllChange();
|
|
69
69
|
onChange == null ? void 0 : onChange(e);
|
|
70
70
|
}, disabled: disabled ?? (flattedData.length === 0 || allDisabled) }) }) });
|
|
@@ -35,7 +35,7 @@ const RadioCellContentWrapperComponent = (props) => {
|
|
|
35
35
|
(_a = radioProps == null ? void 0 : radioProps.onChange) == null ? void 0 : _a.call(radioProps, e);
|
|
36
36
|
});
|
|
37
37
|
const Wrapper = RenderCell ?? Fragment;
|
|
38
|
-
return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered ? getBorderedSelectionItemContainerStyle() : void 0, process.env.NODE_ENV === "production" ? "" : ";label:RadioCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSYWRpb0NlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vUmFkaW9DZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VFdmVudCB9IGZyb20gXCJob29rcy91c2VFdmVudFwiO1xuaW1wb3J0IHsgZ2V0Um93S2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvdXRpbHNcIjtcbmltcG9ydCB7IFJhZGlvLCB0eXBlIFJhZGlvUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9SYWRpb1wiO1xuaW1wb3J0IHsgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0IH0gZnJvbSBcIi4uLy4uL2NvbnRleHRzXCI7XG5pbXBvcnQgdHlwZSB7IFJvd1NlbGVjdGlvbkl0ZW1Qcm9wcyB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRGVmYXVsdFJlY29yZCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL1RhYmxlLnR5cGVzXCI7XG5cbmNvbnN0IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50ID0gPFJlY29yZCBleHRlbmRzIERlZmF1bHRSZWNvcmQ+KFxuICBwcm9wczogUmFkaW9DZWxsQ29udGVudFdyYXBwZXJQcm9wczxSZWNvcmQ+XG4pID0+IHtcbiAgY29uc3QgeyByZW5kZXJDZWxsOiBSZW5kZXJDZWxsLCByZWNvcmQgfSA9IHByb3BzO1xuICBjb25zdCB7IGJvcmRlcmVkIH0gPSB1c2VUYWJsZUNvbnRleHQoKTtcbiAgY29uc3QgeyBjaGVja2JveFByb3BzTWFwLCBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQsIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24gfSA9XG4gICAgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0KCk7XG4gIGNvbnN0IGtleSA9IGdldFJvd0tleShyZWNvcmQpO1xuXG4gIGNvbnN0IGNoZWNrZWQgPSBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQuaGFzKGtleSk7XG4gIGNvbnN0IHJhZGlvUHJvcHMgPSBjaGVja2JveFByb3BzTWFwLmdldChrZXkpIGFzIFJvd1NlbGVjdGlvbkl0ZW1Qcm9wczxSYWRpb1Byb3BzPjtcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgcmFkaW9Qcm9wcz8ub25DbGljaz8uKGUpO1xuICB9KSBzYXRpc2ZpZXMgUmFkaW9Qcm9wc1tcIm9uQ2xpY2tcIl0pO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGlmICghZGVyaXZlZFNlbGVjdGVkS2V5U2V0LmhhcyhrZXkpKSB7XG4gICAgICB0cmlnZ2VyU2luZ2xlU2VsZWN0aW9uKGtleSwgdHJ1ZSwgW2tleV0sIGUubmF0aXZlRXZlbnQpO1xuICAgIH1cblxuICAgIHJhZGlvUHJvcHM/Lm9uQ2hhbmdlPy4oZSk7XG4gIH0pIHNhdGlzZmllcyBSYWRpb1Byb3BzW1wib25DaGFuZ2VcIl0pO1xuXG4gIGNvbnN0IFdyYXBwZXIgPSBSZW5kZXJDZWxsID8/
|
|
38
|
+
return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered.baseBorder ? getBorderedSelectionItemContainerStyle() : void 0, process.env.NODE_ENV === "production" ? "" : ";label:RadioCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSYWRpb0NlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vUmFkaW9DZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VFdmVudCB9IGZyb20gXCJob29rcy91c2VFdmVudFwiO1xuaW1wb3J0IHsgZ2V0Um93S2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvdXRpbHNcIjtcbmltcG9ydCB7IFJhZGlvLCB0eXBlIFJhZGlvUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9SYWRpb1wiO1xuaW1wb3J0IHsgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0IH0gZnJvbSBcIi4uLy4uL2NvbnRleHRzXCI7XG5pbXBvcnQgdHlwZSB7IFJvd1NlbGVjdGlvbkl0ZW1Qcm9wcyB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRGVmYXVsdFJlY29yZCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL1RhYmxlLnR5cGVzXCI7XG5cbmNvbnN0IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50ID0gPFJlY29yZCBleHRlbmRzIERlZmF1bHRSZWNvcmQ+KFxuICBwcm9wczogUmFkaW9DZWxsQ29udGVudFdyYXBwZXJQcm9wczxSZWNvcmQ+XG4pID0+IHtcbiAgY29uc3QgeyByZW5kZXJDZWxsOiBSZW5kZXJDZWxsLCByZWNvcmQgfSA9IHByb3BzO1xuICBjb25zdCB7IGJvcmRlcmVkIH0gPSB1c2VUYWJsZUNvbnRleHQoKTtcbiAgY29uc3QgeyBjaGVja2JveFByb3BzTWFwLCBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQsIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24gfSA9XG4gICAgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0KCk7XG4gIGNvbnN0IGtleSA9IGdldFJvd0tleShyZWNvcmQpO1xuXG4gIGNvbnN0IGNoZWNrZWQgPSBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQuaGFzKGtleSk7XG4gIGNvbnN0IHJhZGlvUHJvcHMgPSBjaGVja2JveFByb3BzTWFwLmdldChrZXkpIGFzIFJvd1NlbGVjdGlvbkl0ZW1Qcm9wczxSYWRpb1Byb3BzPjtcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgcmFkaW9Qcm9wcz8ub25DbGljaz8uKGUpO1xuICB9KSBzYXRpc2ZpZXMgUmFkaW9Qcm9wc1tcIm9uQ2xpY2tcIl0pO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGlmICghZGVyaXZlZFNlbGVjdGVkS2V5U2V0LmhhcyhrZXkpKSB7XG4gICAgICB0cmlnZ2VyU2luZ2xlU2VsZWN0aW9uKGtleSwgdHJ1ZSwgW2tleV0sIGUubmF0aXZlRXZlbnQpO1xuICAgIH1cblxuICAgIHJhZGlvUHJvcHM/Lm9uQ2hhbmdlPy4oZSk7XG4gIH0pIHNhdGlzZmllcyBSYWRpb1Byb3BzW1wib25DaGFuZ2VcIl0pO1xuXG4gIGNvbnN0IFdyYXBwZXIgPSBSZW5kZXJDZWxsID8/IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSxcbiAgICAgICAgYm9yZGVyZWQuYmFzZUJvcmRlciA/IGdldEJvcmRlcmVkU2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlKCkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyIHsuLi4oUmVuZGVyQ2VsbCA/IHsgc2VsZWN0aW9uVHlwZTogXCJyYWRpb1wiLCByZWNvcmQgfSA6IHt9KX0+XG4gICAgICAgIDxSYWRpbyB7Li4ucmFkaW9Qcm9wc30gY2hlY2tlZD17Y2hlY2tlZH0gb25DbGljaz17aGFuZGxlQ2xpY2t9IG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9IC8+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgUmFkaW9DZWxsQ29udGVudFdyYXBwZXIgPSBSYWRpb0NlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
|
|
39
39
|
selectionType: "radio",
|
|
40
40
|
record
|
|
41
41
|
} : {}, children: /* @__PURE__ */ jsx(Radio, { ...radioProps, checked, onClick: handleClick, onChange: handleChange }) }) });
|
|
@@ -15,6 +15,7 @@ const useTransformColumns = (options) => {
|
|
|
15
15
|
columnTitle,
|
|
16
16
|
columnWidth,
|
|
17
17
|
hideSelectAll,
|
|
18
|
+
onHeaderCell,
|
|
18
19
|
onCell,
|
|
19
20
|
getTitleCheckboxProps,
|
|
20
21
|
onSelectAll,
|
|
@@ -24,7 +25,7 @@ const useTransformColumns = (options) => {
|
|
|
24
25
|
const stableRefRowSelection = useMemo(
|
|
25
26
|
() => rowSelection,
|
|
26
27
|
/* eslint-disable-next-line react-hooks/exhaustive-deps */
|
|
27
|
-
[columnTitle, columnWidth, hideSelectAll, onCell, getTitleCheckboxProps, onSelectAll, renderCell, type]
|
|
28
|
+
[columnTitle, columnWidth, hideSelectAll, onHeaderCell, onCell, getTitleCheckboxProps, onSelectAll, renderCell, type]
|
|
28
29
|
);
|
|
29
30
|
const transformColumns = useCallback((columns) => {
|
|
30
31
|
if (!stableRefRowSelection) {
|
|
@@ -34,6 +35,7 @@ const useTransformColumns = (options) => {
|
|
|
34
35
|
columnTitle: columnTitle2,
|
|
35
36
|
columnWidth: columnWidth2 = defaultRowSelectionColumnWidth,
|
|
36
37
|
hideSelectAll: hideSelectAll2,
|
|
38
|
+
onHeaderCell: onHeaderCell2,
|
|
37
39
|
onCell: onCell2,
|
|
38
40
|
getTitleCheckboxProps: getTitleCheckboxProps2,
|
|
39
41
|
onSelectAll: onSelectAll2,
|
|
@@ -56,6 +58,7 @@ const useTransformColumns = (options) => {
|
|
|
56
58
|
render: (_, record) => type2 === "checkbox" ? /* @__PURE__ */ jsx(CheckboxCellContentWrapper, { renderCell: renderCell2, record }) : /* @__PURE__ */ jsx(RadioCellContentWrapper, { renderCell: renderCell2, record })
|
|
57
59
|
};
|
|
58
60
|
addDefinedValueKeys(selectionColumn, {
|
|
61
|
+
onHeaderCell: onHeaderCell2,
|
|
59
62
|
onCell: onCell2,
|
|
60
63
|
width: columnWidth2
|
|
61
64
|
});
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CheckboxProps } from 'components/Checkbox';
|
|
2
|
-
import {
|
|
2
|
+
import { Columns } from 'components/Table/interfaces/tableColumns.types';
|
|
3
|
+
import { GetComponentProps, GetSingleComponentProps } from 'components/Table/interfaces/tableComponents.types';
|
|
3
4
|
import { DefaultRecord, Key } from 'components/Table/Table.types';
|
|
4
5
|
import { AriaAttributes, ComponentType, PropsWithChildren, ReactNode } from 'react';
|
|
5
6
|
type RowSelectionType = "checkbox" | "radio";
|
|
@@ -24,6 +25,7 @@ export interface TableRowSelection<T = DefaultRecord> {
|
|
|
24
25
|
columnWidth?: string | number;
|
|
25
26
|
columnTitle?: ReactNode | ComponentType;
|
|
26
27
|
renderCell?: ComponentType<RenderCellProps<T>>;
|
|
28
|
+
onHeaderCell?: GetSingleComponentProps<Columns<T>[number]>;
|
|
27
29
|
onCell?: GetComponentProps<T>;
|
|
28
30
|
}
|
|
29
31
|
export {};
|
package/dist/components/Table/features/tableSort/components/HeaderCellWithSort/HeaderCellWithSort.js
CHANGED
|
@@ -56,7 +56,7 @@ const HeaderCellWithSortComponent = (props) => {
|
|
|
56
56
|
colStart,
|
|
57
57
|
colEnd
|
|
58
58
|
});
|
|
59
|
-
return /* @__PURE__ */ jsx(Cell, { component: HeaderCellComponent, align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [headerCellStyle(tableTokens), headerCellWithSortStyle(tableTokens), bordered ? borderedHeaderCellStyle(tableTokens, bordered) : void 0, ...getFixedCellStyle({
|
|
59
|
+
return /* @__PURE__ */ jsx(Cell, { component: HeaderCellComponent, align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [headerCellStyle(tableTokens), headerCellWithSortStyle(tableTokens), bordered.baseBorder ? borderedHeaderCellStyle(tableTokens, bordered) : void 0, ...getFixedCellStyle({
|
|
60
60
|
columnKey: column.key,
|
|
61
61
|
isFixStart,
|
|
62
62
|
isFixEnd,
|
|
@@ -67,7 +67,7 @@ const HeaderCellWithSortComponent = (props) => {
|
|
|
67
67
|
fixedEndShadow,
|
|
68
68
|
showFixStartShadow,
|
|
69
69
|
showFixEndShadow
|
|
70
|
-
}), headerCellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhlYWRlckNlbGxXaXRoU29ydFByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbFdpdGhTb3J0LnR5cGVzXCI7XG5pbXBvcnQgdHlwZSB7IERlZmF1bHRSZWNvcmQgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9UYWJsZS50eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGFibGVDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29udGV4dHNcIjtcbmltcG9ydCB7IHVzZUNlbGxGaXhlZEluZm8gfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9ob29rcy91c2VDZWxsRml4ZWRJbmZvL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB7IGdldEZpeGVkQ2VsbFN0eWxlIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvaG9va3MvdXNlQ2VsbEZpeGVkSW5mby91c2VDZWxsRml4ZWRJbmZvLnN0eWxlc1wiO1xuaW1wb3J0IHsgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUgfSBmcm9tIFwiLi9IZWFkZXJDZWxsV2l0aFNvcnQuc3R5bGVzXCI7XG5pbXBvcnQgeyBDZWxsIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IGdldEhlYWRlckNlbGxTY29wZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvSGVhZGVyL2NvbXBvbmVudHMvSGVhZGVyQ2VsbC9IZWFkZXJDZWxsLnV0aWxzXCI7XG5pbXBvcnQge1xuICBib3JkZXJlZEhlYWRlckNlbGxTdHlsZSxcbiAgaGVhZGVyQ2VsbFN0eWxlLFxufSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9jb21wb25lbnRzL0hlYWRlci9jb21wb25lbnRzL0hlYWRlckNlbGwvSGVhZGVyQ2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZUhlYWRlckNlbGxTb3J0IH0gZnJvbSBcIi4uLy4uL2hvb2tzXCI7XG5cbmNvbnN0IEhlYWRlckNlbGxXaXRoU29ydENvbXBvbmVudCA9IDxSZWNvcmQgZXh0ZW5kcyBEZWZhdWx0UmVjb3JkPihcbiAgcHJvcHM6IEhlYWRlckNlbGxXaXRoU29ydFByb3BzPFJlY29yZD5cbikgPT4ge1xuICBjb25zdCB7IGNlbGwgfSA9IHByb3BzO1xuICBjb25zdCB7IGNoaWxkcmVuLCBjb2xTcGFuOiBjZWxsQ29sU3Bhbiwgcm93U3BhbjogY2VsbFJvd1NwYW4sIGNvbFN0YXJ0LCBjb2xFbmQsIGNvbHVtbiB9ID0gY2VsbDtcbiAgY29uc3QgeyBnZXRDb21wb25lbnQsIGJvcmRlcmVkLCB0YWJsZVRva2VucyB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IEhlYWRlckNlbGxDb21wb25lbnQgPSBnZXRDb21wb25lbnQoW1wiaGVhZGVyXCIsIFwiY2VsbFwiXSwgXCJ0aFwiKTtcblxuICBjb25zdCB7XG4gICAgY29sU3BhbixcbiAgICByb3dTcGFuLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgICBjc3M6IGhlYWRlckNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxIZWFkZXJDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkhlYWRlckNlbGw/
|
|
70
|
+
}), headerCellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhlYWRlckNlbGxXaXRoU29ydFByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbFdpdGhTb3J0LnR5cGVzXCI7XG5pbXBvcnQgdHlwZSB7IERlZmF1bHRSZWNvcmQgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9UYWJsZS50eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGFibGVDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29udGV4dHNcIjtcbmltcG9ydCB7IHVzZUNlbGxGaXhlZEluZm8gfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9ob29rcy91c2VDZWxsRml4ZWRJbmZvL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB7IGdldEZpeGVkQ2VsbFN0eWxlIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvaG9va3MvdXNlQ2VsbEZpeGVkSW5mby91c2VDZWxsRml4ZWRJbmZvLnN0eWxlc1wiO1xuaW1wb3J0IHsgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUgfSBmcm9tIFwiLi9IZWFkZXJDZWxsV2l0aFNvcnQuc3R5bGVzXCI7XG5pbXBvcnQgeyBDZWxsIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IGdldEhlYWRlckNlbGxTY29wZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvSGVhZGVyL2NvbXBvbmVudHMvSGVhZGVyQ2VsbC9IZWFkZXJDZWxsLnV0aWxzXCI7XG5pbXBvcnQge1xuICBib3JkZXJlZEhlYWRlckNlbGxTdHlsZSxcbiAgaGVhZGVyQ2VsbFN0eWxlLFxufSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9jb21wb25lbnRzL0hlYWRlci9jb21wb25lbnRzL0hlYWRlckNlbGwvSGVhZGVyQ2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZUhlYWRlckNlbGxTb3J0IH0gZnJvbSBcIi4uLy4uL2hvb2tzXCI7XG5cbmNvbnN0IEhlYWRlckNlbGxXaXRoU29ydENvbXBvbmVudCA9IDxSZWNvcmQgZXh0ZW5kcyBEZWZhdWx0UmVjb3JkPihcbiAgcHJvcHM6IEhlYWRlckNlbGxXaXRoU29ydFByb3BzPFJlY29yZD5cbikgPT4ge1xuICBjb25zdCB7IGNlbGwgfSA9IHByb3BzO1xuICBjb25zdCB7IGNoaWxkcmVuLCBjb2xTcGFuOiBjZWxsQ29sU3Bhbiwgcm93U3BhbjogY2VsbFJvd1NwYW4sIGNvbFN0YXJ0LCBjb2xFbmQsIGNvbHVtbiB9ID0gY2VsbDtcbiAgY29uc3QgeyBnZXRDb21wb25lbnQsIGJvcmRlcmVkLCB0YWJsZVRva2VucyB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IEhlYWRlckNlbGxDb21wb25lbnQgPSBnZXRDb21wb25lbnQoW1wiaGVhZGVyXCIsIFwiY2VsbFwiXSwgXCJ0aFwiKTtcblxuICBjb25zdCB7XG4gICAgY29sU3BhbixcbiAgICByb3dTcGFuLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgICBjc3M6IGhlYWRlckNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxIZWFkZXJDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkhlYWRlckNlbGw/Lihjb2x1bW4pIHx8IHt9O1xuXG4gIGNvbnN0IHsgb25DbGljaywgb25LZXlEb3duIH0gPSB1c2VIZWFkZXJDZWxsU29ydCh7XG4gICAgY29sdW1uLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgfSk7XG5cbiAgY29uc3Qge1xuICAgIGlzRml4U3RhcnQsXG4gICAgaXNGaXhFbmQsXG4gICAgZml4U3RhcnQsXG4gICAgZml4RW5kLFxuICAgIHpJbmRleFJldmVyc2UsXG4gICAgZml4ZWRTdGFydFNoYWRvdyxcbiAgICBmaXhlZEVuZFNoYWRvdyxcbiAgICBzaG93Rml4U3RhcnRTaGFkb3csXG4gICAgc2hvd0ZpeEVuZFNoYWRvdyxcbiAgfSA9IHVzZUNlbGxGaXhlZEluZm8oe1xuICAgIGNvbFN0YXJ0LFxuICAgIGNvbEVuZCxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2VsbFxuICAgICAgY29tcG9uZW50PXtIZWFkZXJDZWxsQ29tcG9uZW50fVxuICAgICAgYWxpZ249e2NvbHVtbi5hbGlnbn1cbiAgICAgIGVsbGlwc2lzPXtjb2x1bW4uZWxsaXBzaXN9XG4gICAgICBib3JkZXJlZD17Ym9yZGVyZWR9XG4gICAgICB0YWJsZVRva2Vucz17dGFibGVUb2tlbnN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgaGVhZGVyQ2VsbFN0eWxlKHRhYmxlVG9rZW5zKSxcbiAgICAgICAgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUodGFibGVUb2tlbnMpLFxuICAgICAgICBib3JkZXJlZC5iYXNlQm9yZGVyID8gYm9yZGVyZWRIZWFkZXJDZWxsU3R5bGUodGFibGVUb2tlbnMsIGJvcmRlcmVkKSA6IHVuZGVmaW5lZCxcbiAgICAgICAgLi4uZ2V0Rml4ZWRDZWxsU3R5bGUoe1xuICAgICAgICAgIGNvbHVtbktleTogY29sdW1uLmtleSxcbiAgICAgICAgICBpc0ZpeFN0YXJ0LFxuICAgICAgICAgIGlzRml4RW5kLFxuICAgICAgICAgIGZpeFN0YXJ0LFxuICAgICAgICAgIGZpeEVuZCxcbiAgICAgICAgICB6SW5kZXhSZXZlcnNlLFxuICAgICAgICAgIGZpeGVkU3RhcnRTaGFkb3csXG4gICAgICAgICAgZml4ZWRFbmRTaGFkb3csXG4gICAgICAgICAgc2hvd0ZpeFN0YXJ0U2hhZG93LFxuICAgICAgICAgIHNob3dGaXhFbmRTaGFkb3csXG4gICAgICAgIH0pLFxuICAgICAgICBoZWFkZXJDZWxsQ3NzLFxuICAgICAgXX1cbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgey4uLnJlc3RBZGRpdGlvbmFsSGVhZGVyQ2VsbFByb3BzfVxuICAgICAgY29sU3Bhbj17Y29sU3BhbiA/PyBjZWxsQ29sU3Bhbn1cbiAgICAgIHJvd1NwYW49e3Jvd1NwYW4gPz8gY2VsbFJvd1NwYW59XG4gICAgICBzY29wZT17Z2V0SGVhZGVyQ2VsbFNjb3BlKGNvbHVtbi50aXRsZSwgY2VsbENvbFNwYW4pfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0NlbGw+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbFdpdGhTb3J0ID0gSGVhZGVyQ2VsbFdpdGhTb3J0Q29tcG9uZW50O1xuIl19 */"], tabIndex: 0, onClick, onKeyDown, ...restAdditionalHeaderCellProps, colSpan: colSpan ?? cellColSpan, rowSpan: rowSpan ?? cellRowSpan, scope: getHeaderCellScope(column.title, cellColSpan), children });
|
|
71
71
|
};
|
|
72
72
|
const HeaderCellWithSort = HeaderCellWithSortComponent;
|
|
73
73
|
export {
|
|
@@ -18,5 +18,6 @@ export declare const initialTableStaticContextValue: {
|
|
|
18
18
|
};
|
|
19
19
|
readonly initialSortState: undefined;
|
|
20
20
|
readonly emitCellHover: (...args: any[]) => void;
|
|
21
|
+
readonly headerColgroupRef: null;
|
|
21
22
|
};
|
|
22
23
|
export declare const createTableStaticContext: <Record extends DefaultRecord>() => import('react').Context<TableStaticContextValue<Record>>;
|
|
@@ -17,7 +17,8 @@ const initialTableStaticContextValue = {
|
|
|
17
17
|
verticalScrollBarWidth: 0
|
|
18
18
|
},
|
|
19
19
|
initialSortState: void 0,
|
|
20
|
-
emitCellHover: noop
|
|
20
|
+
emitCellHover: noop,
|
|
21
|
+
headerColgroupRef: null
|
|
21
22
|
};
|
|
22
23
|
const createTableStaticContext = once(() => {
|
|
23
24
|
return createContext({
|
|
@@ -21,6 +21,7 @@ export type TableStaticValue<Record extends DefaultRecord> = {
|
|
|
21
21
|
sortState: SortState<Record> | undefined;
|
|
22
22
|
triggerSorter: (sortState: SortState<Record>) => void;
|
|
23
23
|
emitCellHover: ReturnType<typeof useEmitter<"cell:hover">>;
|
|
24
|
+
headerColgroupRef: HTMLTableColElement | null;
|
|
24
25
|
};
|
|
25
26
|
export interface TableStaticContextValue<Record extends DefaultRecord> extends MutableRefObject<TableStaticValue<Record>> {
|
|
26
27
|
}
|
|
@@ -18,7 +18,7 @@ export declare const getFixedCellStyle: ({ columnKey, isFixStart, isFixEnd, fixS
|
|
|
18
18
|
readonly insetInlineStart: "100%" | undefined;
|
|
19
19
|
readonly insetInlineEnd: "100%" | undefined;
|
|
20
20
|
readonly width: 10;
|
|
21
|
-
readonly boxShadow: "inset 10px 0 8px -8px rgba(5, 5, 5,
|
|
21
|
+
readonly boxShadow: "inset 10px 0 8px -8px rgba(5, 5, 5, 0.06)" | "inset -10px 0 8px -8px rgba(5, 5, 5, 0.06)" | undefined;
|
|
22
22
|
};
|
|
23
23
|
readonly position?: undefined;
|
|
24
24
|
readonly zIndex?: undefined;
|
|
@@ -26,7 +26,7 @@ const getFixedCellStyle = ({
|
|
|
26
26
|
insetInlineStart: fixedStartShadow ? "100%" : void 0,
|
|
27
27
|
insetInlineEnd: fixedEndShadow ? "100%" : void 0,
|
|
28
28
|
width: 10,
|
|
29
|
-
boxShadow: showFixStartShadow ? "inset 10px 0 8px -8px rgba(5, 5, 5,
|
|
29
|
+
boxShadow: showFixStartShadow ? "inset 10px 0 8px -8px rgba(5, 5, 5, 0.06)" : showFixEndShadow ? "inset -10px 0 8px -8px rgba(5, 5, 5, 0.06)" : void 0
|
|
30
30
|
}
|
|
31
31
|
} : void 0];
|
|
32
32
|
export {
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { isUndefined, isBoolean } from "lodash-es";
|
|
2
|
+
const toBoolean = (value, backupValue = false) => value || backupValue;
|
|
3
|
+
const getBorderedInfo = (borderedProp) => {
|
|
4
|
+
if (isUndefined(borderedProp) || isBoolean(borderedProp)) {
|
|
5
|
+
const value = toBoolean(borderedProp);
|
|
6
|
+
return {
|
|
7
|
+
baseBorder: value,
|
|
8
|
+
firstColumnCellInlineStart: value,
|
|
9
|
+
lastColumnCellInlineEnd: value,
|
|
10
|
+
emptyInline: value,
|
|
11
|
+
emptyBlockEnd: value
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
const {
|
|
15
|
+
table,
|
|
16
|
+
empty
|
|
17
|
+
} = borderedProp;
|
|
18
|
+
const tableBorders = isUndefined(table) || isBoolean(table) ? {
|
|
19
|
+
baseBorder: toBoolean(table),
|
|
20
|
+
firstColumnCellInlineStart: toBoolean(table),
|
|
21
|
+
lastColumnCellInlineEnd: toBoolean(table)
|
|
22
|
+
} : {
|
|
23
|
+
baseBorder: toBoolean(table.baseBorder),
|
|
24
|
+
firstColumnCellInlineStart: toBoolean(table.firstColumnCellInlineStart),
|
|
25
|
+
lastColumnCellInlineEnd: toBoolean(table.lastColumnCellInlineEnd)
|
|
26
|
+
};
|
|
27
|
+
const emptyBorders = isUndefined(empty) || isBoolean(empty) ? {
|
|
28
|
+
emptyInline: toBoolean(empty),
|
|
29
|
+
emptyBlockEnd: toBoolean(empty)
|
|
30
|
+
} : {
|
|
31
|
+
emptyInline: toBoolean(empty.inline),
|
|
32
|
+
emptyBlockEnd: toBoolean(empty.blockEnd)
|
|
33
|
+
};
|
|
34
|
+
return {
|
|
35
|
+
...tableBorders,
|
|
36
|
+
...emptyBorders
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export {
|
|
40
|
+
getBorderedInfo
|
|
41
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useTableBordered } from './useTableBordered';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useMemo } from "react";
|
|
2
|
+
import { getBorderedInfo } from "./getBorderedInfo.js";
|
|
3
|
+
const useTableBordered = (options) => {
|
|
4
|
+
const {
|
|
5
|
+
bordered: borderedProp
|
|
6
|
+
} = options;
|
|
7
|
+
const bordered = useMemo(() => getBorderedInfo(borderedProp), [borderedProp]);
|
|
8
|
+
return {
|
|
9
|
+
bordered
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export {
|
|
13
|
+
useTableBordered
|
|
14
|
+
};
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { DefaultRecord, TableProps } from 'components/Table/Table.types';
|
|
2
|
+
import { pickedScrollTargetProps } from './utils';
|
|
2
3
|
export interface UseTableVisualParamsChangeOptions<Record extends DefaultRecord> extends Pick<TableProps<Record>, "onScroll"> {
|
|
3
4
|
fixColumn?: boolean;
|
|
4
5
|
}
|
|
6
|
+
type Mutable<T> = {
|
|
7
|
+
-readonly [P in keyof T]: T[P];
|
|
8
|
+
};
|
|
9
|
+
export type ScrollParams = Mutable<Pick<HTMLElement, (typeof pickedScrollTargetProps)[number]>>;
|
|
10
|
+
export {};
|
package/dist/components/Table/hooks/useTableVisualParamsChange/useTableVisualParamsChange.js
CHANGED
|
@@ -2,7 +2,8 @@ import { useRef, useLayoutEffect, useCallback } from "react";
|
|
|
2
2
|
import { useEvent } from "../../../../hooks/useEvent/useEvent.js";
|
|
3
3
|
import { useEmitter } from "../../features/typedEventBus/hooks.js";
|
|
4
4
|
import "rc-resize-observer";
|
|
5
|
-
import { getVerticalScrollBarWidth, forceScroll, getHorizontalScrollPositionRange } from "./utils.js";
|
|
5
|
+
import { getVerticalScrollBarWidth, forceScroll, getHorizontalScrollPositionRange, pickedScrollTargetProps } from "./utils.js";
|
|
6
|
+
import { pick } from "lodash-es";
|
|
6
7
|
import { useTableStaticContext } from "../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
|
|
7
8
|
import { updateRefValue, getRefValue } from "../../utils/ref/ref.js";
|
|
8
9
|
const useTableVisualParamsChange = (options) => {
|
|
@@ -45,6 +46,7 @@ const useTableVisualParamsChange = (options) => {
|
|
|
45
46
|
} = e.currentTarget;
|
|
46
47
|
forceScroll(scrollLeft, scrollableTableSectionRef.current);
|
|
47
48
|
}, []);
|
|
49
|
+
const prevScrollLeftRef = useRef(0);
|
|
48
50
|
const prevScrollTopRef = useRef(0);
|
|
49
51
|
const handleTableContentScroll = (e) => {
|
|
50
52
|
const {
|
|
@@ -58,8 +60,10 @@ const useTableVisualParamsChange = (options) => {
|
|
|
58
60
|
scrollLeft,
|
|
59
61
|
scrollTop
|
|
60
62
|
} = currentTarget;
|
|
61
|
-
|
|
62
|
-
|
|
63
|
+
const isVerticalOnlyScroll = scrollTop !== prevScrollTopRef.current && scrollLeft === prevScrollLeftRef.current;
|
|
64
|
+
prevScrollTopRef.current = scrollTop;
|
|
65
|
+
prevScrollLeftRef.current = scrollLeft;
|
|
66
|
+
if (isVerticalOnlyScroll) {
|
|
63
67
|
return;
|
|
64
68
|
}
|
|
65
69
|
forceScroll(scrollLeft, tableHeaderRef.current);
|
|
@@ -104,7 +108,16 @@ const useTableVisualParamsChange = (options) => {
|
|
|
104
108
|
}, [emitTableVisualParamsChange, staticContextRef]);
|
|
105
109
|
const handleTableBodyScroll = (e) => {
|
|
106
110
|
handleTableContentScroll(e);
|
|
107
|
-
|
|
111
|
+
if (!onScroll) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
const {
|
|
115
|
+
target
|
|
116
|
+
} = e;
|
|
117
|
+
if (!(target instanceof HTMLElement)) {
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
onScroll(pick(target, pickedScrollTargetProps));
|
|
108
121
|
};
|
|
109
122
|
return {
|
|
110
123
|
onTableContentScroll: handleTableContentScroll,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export declare const forceScroll: (scrollLeft: number, target: HTMLElement | null) => void;
|
|
2
2
|
export declare const getHorizontalScrollPositionRange: (el: HTMLElement) => readonly [number, number];
|
|
3
3
|
export declare const getVerticalScrollBarWidth: (el: HTMLElement) => number;
|
|
4
|
+
export declare const pickedScrollTargetProps: ("clientWidth" | "clientHeight" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth")[];
|
|
@@ -28,8 +28,10 @@ const getVerticalScrollBarWidth = (el) => {
|
|
|
28
28
|
} = getComputedStyle(el);
|
|
29
29
|
return offsetWidth - clientWidth - parseInt(borderLeftWidth) - parseInt(borderRightWidth);
|
|
30
30
|
};
|
|
31
|
+
const pickedScrollTargetProps = ["clientHeight", "clientWidth", "scrollHeight", "scrollLeft", "scrollTop", "scrollWidth"];
|
|
31
32
|
export {
|
|
32
33
|
forceScroll,
|
|
33
34
|
getHorizontalScrollPositionRange,
|
|
34
|
-
getVerticalScrollBarWidth
|
|
35
|
+
getVerticalScrollBarWidth,
|
|
36
|
+
pickedScrollTargetProps
|
|
35
37
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentType, CSSProperties, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Interpolation } from '@emotion/serialize';
|
|
3
3
|
export type CustomizedComponent = keyof JSX.IntrinsicElements | ComponentType;
|
|
4
4
|
export interface TableComponents<C extends CustomizedComponent = CustomizedComponent> {
|
|
5
5
|
table?: C;
|
|
@@ -21,7 +21,7 @@ type OverrideAlign<T extends {
|
|
|
21
21
|
align?: CSSProperties["textAlign"];
|
|
22
22
|
};
|
|
23
23
|
type WithCss<T> = T & {
|
|
24
|
-
css?:
|
|
24
|
+
css?: Interpolation;
|
|
25
25
|
};
|
|
26
26
|
export type GetSingleComponentProps<Data, R extends HTMLAttributes<HTMLElement> = OverrideAlign<ThHTMLAttributes<HTMLTableCellElement>>> = (data: Data) => WithCss<R>;
|
|
27
27
|
export type GetComponentProps<Data, R extends HTMLAttributes<HTMLElement> = OverrideAlign<TdHTMLAttributes<HTMLTableCellElement>>> = (data: Data, index: number) => WithCss<R>;
|
|
@@ -17,7 +17,7 @@ const Tabs = memo(({
|
|
|
17
17
|
more = {
|
|
18
18
|
trigger: ["hover"]
|
|
19
19
|
},
|
|
20
|
-
testId,
|
|
20
|
+
"test-id": testId,
|
|
21
21
|
styles,
|
|
22
22
|
renderTabBar,
|
|
23
23
|
onChange,
|
|
@@ -51,7 +51,7 @@ const Tabs = memo(({
|
|
|
51
51
|
onTabClick,
|
|
52
52
|
onTabScroll
|
|
53
53
|
};
|
|
54
|
-
return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_b = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_b = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93bkl0ZW1LZXlUeXBlLCBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgXCJ0ZXN0LWlkXCI6IHRlc3RJZCxcbiAgICBzdHlsZXMsXG4gICAgcmVuZGVyVGFiQmFyLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uVGFiQ2xpY2ssXG4gICAgb25UYWJTY3JvbGwsXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBmaXJzdFRhYiA9IGl0ZW1zPy5bMF0/LmtleTtcblxuICAgIGNvbnN0IFtsb2NhbEFjdGl2ZUtleSwgc2V0TG9jYWxBY3RpdmVLZXldID0gdXNlU3RhdGU8RHJvcGRvd25JdGVtS2V5VHlwZSB8IHVuZGVmaW5lZD4oXG4gICAgICBkZWZhdWx0QWN0aXZlS2V5ID8/IGZpcnN0VGFiXG4gICAgKTtcbiAgICBjb25zdCBbY29udGVudFdyYXBwZXIsIHNldENvbnRlbnRXcmFwcGVyXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgICBjb25zdCBjdXJyZW50QWN0aXZlS2V5ID0gYWN0aXZlS2V5ID8/IGxvY2FsQWN0aXZlS2V5O1xuICAgIGNvbnN0IGNvbnRlbnRXcmFwcGVyUmVmID0gKGVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50KSA9PiBzZXRDb250ZW50V3JhcHBlcihlbGVtZW50KTtcblxuICAgIGNvbnN0IGNoYW5nZUFjdGl2ZUtleSA9IHVzZUNhbGxiYWNrKChpdGVtS2V5OiBEcm9wZG93bkl0ZW1LZXlUeXBlKSA9PiB7XG4gICAgICBzZXRMb2NhbEFjdGl2ZUtleShpdGVtS2V5KTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB0YWJCYXJQcm9wcyA9IHtcbiAgICAgIGl0ZW1zLFxuICAgICAgZXh0cmEsXG4gICAgICBpY29uT25seSxcbiAgICAgIGRyYWdnYWJsZSxcbiAgICAgIHNpemUsXG4gICAgICBib3JkZXIsXG4gICAgICBtb3JlLFxuICAgICAgcG9wdXBDbGFzc05hbWUsXG4gICAgICBjdXJyZW50QWN0aXZlS2V5LFxuICAgICAgY29udGVudFdyYXBwZXIsXG4gICAgICBzdHlsZXM6IHN0eWxlcz8udGFiQmFyLFxuICAgICAgY2hhbmdlQWN0aXZlS2V5LFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvblRhYkNsaWNrLFxuICAgICAgb25UYWJTY3JvbGwsXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17W3RhYnNTdHlsZS53cmFwcGVyLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfSB0ZXN0LWlkPXt0ZXN0SWR9PlxuICAgICAgICB7aXNGdW5jdGlvbihyZW5kZXJUYWJCYXIpID8gcmVuZGVyVGFiQmFyKHRhYkJhclByb3BzLCBUYWJCYXIpIDogPFRhYkJhciB7Li4udGFiQmFyUHJvcHN9IC8+fVxuXG4gICAgICAgIDxkaXYgY3NzPXtzdHlsZXM/LmNvbnRlbnQ/Lih0aGVtZSl9IHJlZj17Y29udGVudFdyYXBwZXJSZWZ9IC8+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], "test-id": testId, children: [
|
|
55
55
|
isFunction(renderTabBar) ? renderTabBar(tabBarProps, TabBar) : /* @__PURE__ */ jsx(TabBar, { ...tabBarProps }),
|
|
56
56
|
/* @__PURE__ */ jsx("div", { css: (_c = styles == null ? void 0 : styles.content) == null ? void 0 : _c.call(styles, theme), ref: contentWrapperRef })
|
|
57
57
|
] });
|
|
@@ -17,7 +17,7 @@ export interface TabsProps {
|
|
|
17
17
|
iconOnly?: boolean;
|
|
18
18
|
draggable?: boolean;
|
|
19
19
|
extra?: ReactNode;
|
|
20
|
-
|
|
20
|
+
["test-id"]?: string;
|
|
21
21
|
styles?: {
|
|
22
22
|
wrapper?: (theme: Theme) => Interpolation;
|
|
23
23
|
content?: (theme: Theme) => Interpolation;
|
|
@@ -28,3 +28,5 @@ export interface TabsProps {
|
|
|
28
28
|
onTabClick?: (activeKey: DropdownItemKeyType, event: MouseEvent) => void;
|
|
29
29
|
onTabScroll?: (direction: "left" | "right") => void;
|
|
30
30
|
}
|
|
31
|
+
export interface TabsRect extends Pick<DOMRect, "top" | "right" | "bottom" | "left"> {
|
|
32
|
+
}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
|
|
2
2
|
import { TabItem } from './components/TabItem/TabItem.types';
|
|
3
|
+
import { TabsRect } from './Tabs.types';
|
|
3
4
|
export declare const getTabKeysWithoutOrdering: (items: TabItem[]) => DropdownItemKeyType[];
|
|
4
5
|
export declare const getOrderedTabKeys: (currentOrderedTabKeys: DropdownItemKeyType[], newTabKeys: DropdownItemKeyType[]) => DropdownItemKeyType[];
|
|
6
|
+
export declare const getIntersectionRatio: (targetRect: TabsRect, rootRect: TabsRect, rootMargin?: TabsRect) => number;
|
|
7
|
+
export declare const intersectionThreshold = 0.95;
|
|
@@ -6,7 +6,35 @@ const getOrderedTabKeys = (currentOrderedTabKeys, newTabKeys) => {
|
|
|
6
6
|
const uniqueKeys = /* @__PURE__ */ new Set([...updatedPrev, ...newTabKeys]);
|
|
7
7
|
return Array.from(uniqueKeys);
|
|
8
8
|
};
|
|
9
|
+
const getIntersectionRatio = (targetRect, rootRect, rootMargin = {
|
|
10
|
+
top: 0,
|
|
11
|
+
bottom: 0,
|
|
12
|
+
left: 0,
|
|
13
|
+
right: 0
|
|
14
|
+
}) => {
|
|
15
|
+
const expandedRootRect = {
|
|
16
|
+
top: rootRect.top - rootMargin.top,
|
|
17
|
+
bottom: rootRect.bottom + rootMargin.bottom,
|
|
18
|
+
left: rootRect.left - rootMargin.left,
|
|
19
|
+
right: rootRect.right + rootMargin.right
|
|
20
|
+
};
|
|
21
|
+
const intersect = {
|
|
22
|
+
top: Math.max(targetRect.top, expandedRootRect.top),
|
|
23
|
+
bottom: Math.min(targetRect.bottom, expandedRootRect.bottom),
|
|
24
|
+
left: Math.max(targetRect.left, expandedRootRect.left),
|
|
25
|
+
right: Math.min(targetRect.right, expandedRootRect.right)
|
|
26
|
+
};
|
|
27
|
+
if (intersect.top >= intersect.bottom || intersect.left >= intersect.right) {
|
|
28
|
+
return 0;
|
|
29
|
+
}
|
|
30
|
+
const intersectArea = (intersect.bottom - intersect.top) * (intersect.right - intersect.left);
|
|
31
|
+
const targetArea = (targetRect.bottom - targetRect.top) * (targetRect.right - targetRect.left);
|
|
32
|
+
return intersectArea / targetArea;
|
|
33
|
+
};
|
|
34
|
+
const intersectionThreshold = 0.95;
|
|
9
35
|
export {
|
|
36
|
+
getIntersectionRatio,
|
|
10
37
|
getOrderedTabKeys,
|
|
11
|
-
getTabKeysWithoutOrdering
|
|
38
|
+
getTabKeysWithoutOrdering,
|
|
39
|
+
intersectionThreshold
|
|
12
40
|
};
|