@infomaximum/ui-kit 0.17.0 → 0.17.2

package/dist/components/Table/components/Footer/FooterWrapper.types.d.ts

@@ -0,0 +1,5 @@
+import { DefaultRecord, TableProps } from 'components/Table/Table.types';
+export interface FooterWrapperProps<T extends DefaultRecord> {
+    footer: NonNullable<TableProps<T>["footer"]>;
+    sortedData: NonNullable<TableProps<T>["dataSource"]>;
+}

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

@@ -70,8 +70,9 @@ const CheckboxCellContentWrapperComponent = (props) => {
     (_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/IGdldEJvcmRlcmVkU2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlKCkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyIHsuLi4oUmVuZGVyQ2VsbCA/IHsgc2VsZWN0aW9uVHlwZTogXCJjaGVja2JveFwiIH0gOiB7fSl9PlxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICB7Li4uY2hlY2tib3hQcm9wc31cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGluZGV0ZXJtaW5hdGU9e21lcmdlZEluZGV0ZXJtaW5hdGV9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgLz5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveENlbGxDb250ZW50V3JhcHBlciA9IENoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
-    selectionType: "checkbox"
+  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/IGdldEJvcmRlcmVkU2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlKCkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyIHsuLi4oUmVuZGVyQ2VsbCA/IHsgc2VsZWN0aW9uVHlwZTogXCJjaGVja2JveFwiLCByZWNvcmQgfSA6IHt9KX0+XG4gICAgICAgIDxDaGVja2JveFxuICAgICAgICAgIHsuLi5jaGVja2JveFByb3BzfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgaW5kZXRlcm1pbmF0ZT17bWVyZ2VkSW5kZXRlcm1pbmF0ZX1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAvPlxuICAgICAgPC9XcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyID0gQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXJDb21wb25lbnQ7XG4iXX0= */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
+    selectionType: "checkbox",
+    record
   } : {}, children: /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps, checked, indeterminate: mergedIndeterminate, onClick: handleClick, onChange: handleChange }) }) });
 };
 const CheckboxCellContentWrapper = CheckboxCellContentWrapperComponent;

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

@@ -35,8 +35,9 @@ const RadioCellContentWrapperComponent = (props) => {
     (_a = radioProps == null ? void 0 : radioProps.onChange) == null ? void 0 : _a.call(radioProps, e);
   });
   const Wrapper = RenderCell ?? Fragment;
-  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/IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSxcbiAgICAgICAgYm9yZGVyZWQgPyBnZXRCb3JkZXJlZFNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSgpIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICA+XG4gICAgICA8V3JhcHBlciB7Li4uKFJlbmRlckNlbGwgPyB7IHNlbGVjdGlvblR5cGU6IFwicmFkaW9cIiB9IDoge30pfT5cbiAgICAgICAgPFJhZGlvIHsuLi5yYWRpb1Byb3BzfSBjaGVja2VkPXtjaGVja2VkfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gLz5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBSYWRpb0NlbGxDb250ZW50V3JhcHBlciA9IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
-    selectionType: "radio"
+  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/IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSxcbiAgICAgICAgYm9yZGVyZWQgPyBnZXRCb3JkZXJlZFNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSgpIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICA+XG4gICAgICA8V3JhcHBlciB7Li4uKFJlbmRlckNlbGwgPyB7IHNlbGVjdGlvblR5cGU6IFwicmFkaW9cIiwgcmVjb3JkIH0gOiB7fSl9PlxuICAgICAgICA8UmFkaW8gey4uLnJhZGlvUHJvcHN9IGNoZWNrZWQ9e2NoZWNrZWR9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSAvPlxuICAgICAgPC9XcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyID0gUmFkaW9DZWxsQ29udGVudFdyYXBwZXJDb21wb25lbnQ7XG4iXX0= */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
+    selectionType: "radio",
+    record
   } : {}, children: /* @__PURE__ */ jsx(Radio, { ...radioProps, checked, onClick: handleClick, onChange: handleChange }) }) });
 };
 const RadioCellContentWrapper = RadioCellContentWrapperComponent;

package/dist/components/Table/features/tableRowSelection/hooks/useTransformColumns/useTransformColumns.js

@@ -1,5 +1,5 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { useCallback, Fragment } from "react";
+import { useMemo, useCallback, Fragment } from "react";
 import { addDefinedValueKeys } from "./useTransformColumns.utils.js";
 import { RadioCellContentWrapper } from "../../components/RadioCellContentWrapper/RadioCellContentWrapper.js";
 import { CheckboxCellContentWrapper } from "../../components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.js";
@@ -11,46 +11,57 @@ const useTransformColumns = (options) => {
   const {
     rowSelection
   } = options;
-  const transformColumns = useCallback(
-    (columns) => {
-      if (!rowSelection) {
-        return columns;
-      }
-      const {
-        columnTitle,
-        columnWidth = defaultRowSelectionColumnWidth,
-        hideSelectAll,
-        onCell,
-        getTitleCheckboxProps,
-        onSelectAll,
-        renderCell,
-        type = "checkbox"
-      } = rowSelection;
-      const Title = type === "checkbox" && !hideSelectAll ? HeaderCheckboxCellContentWrapper : Fragment;
-      const title = (() => {
-        if (isUndefined(columnTitle) || typeof columnTitle === "function") {
-          if (Title === Fragment) {
-            return;
-          }
-          return /* @__PURE__ */ jsx(Title, { columnTitle, getTitleCheckboxProps, onSelectAll });
-        }
-        return columnTitle;
-      })();
-      const selectionColumn = {
-        key: selectionColumnKey,
-        title,
-        render: (_, record) => type === "checkbox" ? /* @__PURE__ */ jsx(CheckboxCellContentWrapper, { renderCell, record }) : /* @__PURE__ */ jsx(RadioCellContentWrapper, { renderCell, record })
-      };
-      addDefinedValueKeys(selectionColumn, {
-        onCell,
-        width: columnWidth
-      });
-      columns.unshift(selectionColumn);
-      return columns;
-    },
-    // TODO: проверить стабильность ссылки во время внедрения (часто зависит от selectedKeys) PT-16172
-    [rowSelection]
+  const {
+    columnTitle,
+    columnWidth,
+    hideSelectAll,
+    onCell,
+    getTitleCheckboxProps,
+    onSelectAll,
+    renderCell,
+    type
+  } = rowSelection || {};
+  const stableRefRowSelection = useMemo(
+    () => rowSelection,
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
+    [columnTitle, columnWidth, hideSelectAll, onCell, getTitleCheckboxProps, onSelectAll, renderCell, type]
   );
+  const transformColumns = useCallback((columns) => {
+    if (!stableRefRowSelection) {
+      return columns;
+    }
+    const {
+      columnTitle: columnTitle2,
+      columnWidth: columnWidth2 = defaultRowSelectionColumnWidth,
+      hideSelectAll: hideSelectAll2,
+      onCell: onCell2,
+      getTitleCheckboxProps: getTitleCheckboxProps2,
+      onSelectAll: onSelectAll2,
+      renderCell: renderCell2,
+      type: type2 = "checkbox"
+    } = stableRefRowSelection;
+    const Title = type2 === "checkbox" && !hideSelectAll2 ? HeaderCheckboxCellContentWrapper : Fragment;
+    const title = (() => {
+      if (isUndefined(columnTitle2) || typeof columnTitle2 === "function") {
+        if (Title === Fragment) {
+          return;
+        }
+        return /* @__PURE__ */ jsx(Title, { columnTitle: columnTitle2, getTitleCheckboxProps: getTitleCheckboxProps2, onSelectAll: onSelectAll2 });
+      }
+      return columnTitle2;
+    })();
+    const selectionColumn = {
+      key: selectionColumnKey,
+      title,
+      render: (_, record) => type2 === "checkbox" ? /* @__PURE__ */ jsx(CheckboxCellContentWrapper, { renderCell: renderCell2, record }) : /* @__PURE__ */ jsx(RadioCellContentWrapper, { renderCell: renderCell2, record })
+    };
+    addDefinedValueKeys(selectionColumn, {
+      onCell: onCell2,
+      width: columnWidth2
+    });
+    columns.unshift(selectionColumn);
+    return columns;
+  }, [stableRefRowSelection]);
   return {
     transformColumns
   };

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

@@ -5,8 +5,9 @@ import { AriaAttributes, ComponentType, PropsWithChildren, ReactNode } from 'rea
 type RowSelectionType = "checkbox" | "radio";
 export type RowSelectMethod = "all" | "none" | "invert" | "single" | "multiple";
 type SelectionSelectFn<T = DefaultRecord> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
-interface RenderCellProps extends PropsWithChildren {
+interface RenderCellProps<T> extends PropsWithChildren {
     selectionType?: RowSelectionType;
+    record?: T;
 }
 export interface TableRowSelection<T = DefaultRecord> {
     type?: RowSelectionType;
@@ -22,7 +23,7 @@ export interface TableRowSelection<T = DefaultRecord> {
     hideSelectAll?: boolean;
     columnWidth?: string | number;
     columnTitle?: ReactNode | ComponentType;
-    renderCell?: ComponentType<RenderCellProps>;
+    renderCell?: ComponentType<RenderCellProps<T>>;
     onCell?: GetComponentProps<T>;
 }
 export {};

package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.d.ts

@@ -17,5 +17,6 @@ export declare const initialTableStaticContextValue: {
         readonly verticalScrollBarWidth: 0;
     };
     readonly initialSortState: undefined;
+    readonly emitCellHover: (...args: any[]) => void;
 };
 export declare const createTableStaticContext: <Record extends DefaultRecord>() => import('react').Context<TableStaticContextValue<Record>>;

package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.js

@@ -16,7 +16,8 @@ const initialTableStaticContextValue = {
     horizontalScrollPositionRange: [0, 0],
     verticalScrollBarWidth: 0
   },
-  initialSortState: void 0
+  initialSortState: void 0,
+  emitCellHover: noop
 };
 const createTableStaticContext = once(() => {
   return createContext({

package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.types.d.ts

@@ -2,6 +2,7 @@ import { MutableRefObject } from 'react';
 import { DefaultRecord, Key } from 'components/Table/Table.types';
 import { ColumnKey, OffsetWidth } from 'components/Table/components/Body/components/MeasureRow/MeasureRow';
 import { SortState } from 'components/Table/features/tableSort';
+import { useEmitter } from 'components/Table/features/typedEventBus';
 export type TableStaticValue<Record extends DefaultRecord> = {
     staticSelectedKeySet: Set<Key>;
     scrollableTableSectionInfo: {
@@ -19,6 +20,7 @@ export type TableStaticValue<Record extends DefaultRecord> = {
     initialSortState: SortState<Record> | undefined;
     sortState: SortState<Record> | undefined;
     triggerSorter: (sortState: SortState<Record>) => void;
+    emitCellHover: ReturnType<typeof useEmitter<"cell:hover">>;
 };
 export interface TableStaticContextValue<Record extends DefaultRecord> extends MutableRefObject<TableStaticValue<Record>> {
 }

package/dist/components/Table/features/tableStaticContext/hocs/withTableStaticContext.js

@@ -3,11 +3,16 @@ import { forwardRef } from "react";
 import { useStatic } from "../../../../../hooks/useStatic/useStatic.js";
 import { createTableStaticContext, initialTableStaticContextValue } from "../contexts/tableStaticContext/TableStaticContext.js";
 import { cloneDeep } from "lodash-es";
+import { useEmitter } from "../../typedEventBus/hooks.js";
 const withTableStaticContext = (Component) => {
   const WithTableStaticContext = forwardRef((props, ref) => {
+    const emitCellHover = useEmitter("cell:hover");
     const TableStaticContext = useStatic(() => createTableStaticContext());
     const tableStaticContextValueRef = useStatic(() => ({
-      current: cloneDeep(initialTableStaticContextValue)
+      current: {
+        ...cloneDeep(initialTableStaticContextValue),
+        emitCellHover
+      }
     }));
     return /* @__PURE__ */ jsx(TableStaticContext.Provider, { value: tableStaticContextValueRef, children: /* @__PURE__ */ jsx(Component, { ref, ...props }) });
   });

package/dist/components/Table/hooks/useBodyCellRender/useBodyCellRender.js

@@ -1,5 +1,5 @@
-import { get } from "lodash-es";
-import { useMemo } from "react";
+import { useMemo, isValidElement } from "react";
+import { get, isObjectLike } from "lodash-es";
 const useBodyCellRender = (options) => {
   const {
     record,
@@ -18,6 +18,9 @@ const useBodyCellRender = (options) => {
     if (render) {
       result = render(value, record, renderIndex);
     }
+    if (isObjectLike(result) && !Array.isArray(result) && !isValidElement(result)) {
+      result = null;
+    }
     return result;
   }, [record, dataIndex, renderIndex, render]);
   return {

package/dist/components/Table/hooks/useCellFixedInfo/useCellFixedInfo.js

@@ -1,9 +1,11 @@
-import { useState, useRef } from "react";
+import { useState } from "react";
 import { isNumber } from "lodash-es";
 import { useSubscribe } from "../../features/typedEventBus/hooks.js";
-import { getCellFixedMinimalInfo, getCellFixedInfo } from "./useCellFixedInfo.utils.js";
+import { initInfoRef, getCellFixedMinimalInfo, getCellFixedInfo } from "./useCellFixedInfo.utils.js";
+import { useStatic } from "../../../../hooks/useStatic/useStatic.js";
 import { useTableContext } from "../../contexts/tableContext/useTableContext/useTableContext.js";
-import { updateRefValue, getRefValue } from "../../utils/ref/ref.js";
+import { useTableStaticContext } from "../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
+import { getRefValue, updateRefValue } from "../../utils/ref/ref.js";
 const useCellFixedInfo = (options) => {
   const {
     colStart,
@@ -13,27 +15,23 @@ const useCellFixedInfo = (options) => {
     flattedColumns,
     isAllColumnsFixedStart
   } = useTableContext();
-  const [fixStart, setFixStart] = useState(null);
-  const [fixEnd, setFixEnd] = useState(null);
+  const staticContextRef = useTableStaticContext();
+  const infoRef = useStatic(() => initInfoRef({
+    staticContextRef,
+    colStart,
+    colEnd,
+    flattedColumns,
+    isAllColumnsFixedStart
+  }));
+  const [fixStart, setFixStart] = useState(() => getRefValue(infoRef, "fixStart"));
+  const [fixEnd, setFixEnd] = useState(() => getRefValue(infoRef, "fixEnd"));
   const isFixStart = isNumber(fixStart) && !isAllColumnsFixedStart;
   const isFixEnd = isNumber(fixEnd) && !isAllColumnsFixedStart;
-  const [fixedStartShadow, setFixedStartShadow] = useState(false);
-  const [fixedEndShadow, setFixedEndShadow] = useState(false);
-  const [zIndexReverse, setZIndexReverse] = useState(0);
-  const [showFixStartShadow, setShowFixStartShadow] = useState(false);
-  const [showFixEndShadow, setShowFixEndShadow] = useState(false);
-  const infoRef = useRef({
-    fixStart: null,
-    fixEnd: null,
-    fixedStartShadow: false,
-    fixedEndShadow: false,
-    offsetFixedStartShadow: 0,
-    offsetFixedEndShadow: 0,
-    zIndex: 0,
-    zIndexReverse: 0,
-    showStartShadow: false,
-    showEndShadow: false
-  });
+  const [fixedStartShadow, setFixedStartShadow] = useState(() => getRefValue(infoRef, "fixedStartShadow"));
+  const [fixedEndShadow, setFixedEndShadow] = useState(() => getRefValue(infoRef, "fixedEndShadow"));
+  const [zIndexReverse, setZIndexReverse] = useState(() => getRefValue(infoRef, "zIndexReverse"));
+  const [showFixStartShadow, setShowFixStartShadow] = useState(() => getRefValue(infoRef, "showStartShadow"));
+  const [showFixEndShadow, setShowFixEndShadow] = useState(() => getRefValue(infoRef, "showEndShadow"));
   const {
     skipSubscribe
   } = getCellFixedMinimalInfo(colStart, colEnd, flattedColumns);

package/dist/components/Table/hooks/useCellFixedInfo/useCellFixedInfo.styles.d.ts

@@ -3,10 +3,11 @@ import { Key } from 'components/Table/Table.types';
 export declare const getFixedCellStyle: ({ columnKey, isFixStart, isFixEnd, fixStart, fixEnd, zIndexReverse, fixedStartShadow, fixedEndShadow, showFixStartShadow, showFixEndShadow, }: ReturnType<typeof useCellFixedInfo> & {
     columnKey: Key;
 }) => ({
-    readonly position: "relative" | "sticky" | undefined;
+    readonly position: import("csstype").Property.Position | undefined;
     readonly zIndex: number | undefined;
     readonly insetInlineStart: number | undefined;
     readonly insetInlineEnd: number | undefined;
+    readonly overflow: "visible" | undefined;
     readonly "::after"?: undefined;
 } | {
     readonly "::after": {
@@ -17,10 +18,11 @@ export declare const getFixedCellStyle: ({ columnKey, isFixStart, isFixEnd, fixS
         readonly insetInlineStart: "100%" | undefined;
         readonly insetInlineEnd: "100%" | undefined;
         readonly width: 10;
-        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;
+        readonly boxShadow: "inset 10px 0 8px -8px rgba(5, 5, 5, 1)" | "inset -10px 0 8px -8px rgba(5, 5, 5, 1)" | undefined;
     };
     readonly position?: undefined;
     readonly zIndex?: undefined;
     readonly insetInlineStart?: undefined;
     readonly insetInlineEnd?: undefined;
+    readonly overflow?: undefined;
 } | undefined)[];

package/dist/components/Table/hooks/useCellFixedInfo/useCellFixedInfo.styles.js

@@ -12,10 +12,11 @@ const getFixedCellStyle = ({
   showFixStartShadow,
   showFixEndShadow
 }) => [{
-  position: isFixStart || isFixEnd ? "sticky" : columnKey === selectionColumnKey ? "relative" : void 0,
+  position: isFixStart || isFixEnd ? "sticky !important" : columnKey === selectionColumnKey || fixedStartShadow || fixedEndShadow ? "relative" : void 0,
   zIndex: (isFixStart || isFixEnd) && zIndexReverse !== 0 ? zIndexReverse + 2 : void 0,
   insetInlineStart: isFixStart && isNumber(fixStart) ? fixStart : void 0,
-  insetInlineEnd: isFixEnd && isNumber(fixEnd) ? fixEnd : void 0
+  insetInlineEnd: isFixEnd && isNumber(fixEnd) ? fixEnd : void 0,
+  overflow: fixedStartShadow || fixedEndShadow ? "visible" : void 0
 }, fixedStartShadow || fixedEndShadow ? {
   "::after": {
     content: "''",
@@ -25,7 +26,7 @@ const getFixedCellStyle = ({
     insetInlineStart: fixedStartShadow ? "100%" : void 0,
     insetInlineEnd: fixedEndShadow ? "100%" : void 0,
     width: 10,
-    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
+    boxShadow: showFixStartShadow ? "inset 10px 0 8px -8px rgba(5, 5, 5, 1)" : showFixEndShadow ? "inset -10px 0 8px -8px rgba(5, 5, 5, 1)" : void 0
   }
 } : void 0];
 export {

package/dist/components/Table/hooks/useCellFixedInfo/useCellFixedInfo.utils.d.ts

@@ -1,4 +1,7 @@
-import { FixedInfo, StickyOffsets } from './useCellFixedInfo.types';
+import { useTableStaticContext } from 'components/Table/features/tableStaticContext';
+import { FixedInfo, StickyOffsets, UseCellFixedInfoOptions } from './useCellFixedInfo.types';
+import { useTableContext } from 'components/Table/contexts';
+import { MutableRefObject } from 'react';
 export declare function getCellFixedMinimalInfo(colStart: number, colEnd: number, columns: readonly {
     fixed?: "start" | "end";
 }[]): {
@@ -7,3 +10,11 @@ export declare function getCellFixedMinimalInfo(colStart: number, colEnd: number
 export declare function getCellFixedInfo(colStart: number, colEnd: number, columns: readonly {
     fixed?: "start" | "end";
 }[], stickyOffsets: StickyOffsets): FixedInfo;
+export declare const initInfoRef: ({ staticContextRef, colStart, colEnd, flattedColumns, isAllColumnsFixedStart, }: {
+    staticContextRef: ReturnType<typeof useTableStaticContext>;
+    flattedColumns: ReturnType<typeof useTableContext>["flattedColumns"];
+    isAllColumnsFixedStart: ReturnType<typeof useTableContext>["isAllColumnsFixedStart"];
+} & UseCellFixedInfoOptions) => MutableRefObject<FixedInfo & {
+    showStartShadow: boolean;
+    showEndShadow: boolean;
+}>;

package/dist/components/Table/hooks/useCellFixedInfo/useCellFixedInfo.utils.js

@@ -1,3 +1,5 @@
+import { isNumber } from "lodash-es";
+import { getRefValue } from "../../utils/ref/ref.js";
 function isFixedStart(column) {
   return column.fixed === "start";
 }
@@ -69,7 +71,47 @@ function getCellFixedInfo(colStart, colEnd, columns, stickyOffsets) {
     zIndexReverse
   };
 }
+const initInfoRef = ({
+  staticContextRef,
+  colStart,
+  colEnd,
+  flattedColumns,
+  isAllColumnsFixedStart
+}) => {
+  const measureCellsInfo = getRefValue(staticContextRef, "measureCellsInfo");
+  const horizontalScrollPositionRange = getRefValue(staticContextRef, "scrollableTableSectionInfo.horizontalScrollPositionRange");
+  const {
+    fixStart,
+    fixEnd,
+    fixedStartShadow,
+    fixedEndShadow,
+    offsetFixedStartShadow,
+    offsetFixedEndShadow,
+    zIndex,
+    zIndexReverse
+  } = getCellFixedInfo(colStart, colEnd, flattedColumns, measureCellsInfo);
+  const [absScroll, scrollWidth] = horizontalScrollPositionRange;
+  const isFixStart = isNumber(fixStart) && !isAllColumnsFixedStart;
+  const isFixEnd = isNumber(fixEnd) && !isAllColumnsFixedStart;
+  const showStartShadow = Number(isFixStart && fixedStartShadow && absScroll) - offsetFixedStartShadow >= 1;
+  const showEndShadow = Number(isFixEnd && fixedEndShadow && scrollWidth - absScroll) - offsetFixedEndShadow > 1;
+  return {
+    current: {
+      fixStart,
+      fixEnd,
+      fixedStartShadow,
+      fixedEndShadow,
+      offsetFixedStartShadow,
+      offsetFixedEndShadow,
+      zIndex,
+      zIndexReverse,
+      showStartShadow,
+      showEndShadow
+    }
+  };
+};
 export {
   getCellFixedInfo,
-  getCellFixedMinimalInfo
+  getCellFixedMinimalInfo,
+  initInfoRef
 };

package/dist/components/Table/hooks/useCellHover/useCellHover.d.ts

@@ -1,8 +1,4 @@
 import { UseCellHoverOptions } from './useCellHover.types';
 export declare const useCellHover: (options: UseCellHoverOptions) => {
     isHovered: boolean;
-    emitCellHover: (payload: {
-        start: number;
-        end: number;
-    }) => void;
 };

package/dist/components/Table/hooks/useCellHover/useCellHover.js

@@ -1,5 +1,5 @@
 import { useRef, useState } from "react";
-import { useSubscribe, useEmitter } from "../../features/typedEventBus/hooks.js";
+import { useSubscribe } from "../../features/typedEventBus/hooks.js";
 import { isInHoverRange } from "./useCellHover.utils.js";
 const useCellHover = (options) => {
   const {
@@ -23,10 +23,8 @@ const useCellHover = (options) => {
       }
     });
   }, skipSubscribe, [index, rowSpan]);
-  const emitCellHover = useEmitter("cell:hover");
   return {
-    isHovered,
-    emitCellHover
+    isHovered
   };
 };
 export {

package/dist/components/Table/hooks/useTableVisualParamsChange/useTableVisualParamsChange.js

@@ -72,10 +72,6 @@ const useTableVisualParamsChange = (options) => {
   };
   const firstCallRef = useRef(true);
   const handleResize = useCallback(() => {
-    if (firstCallRef.current) {
-      firstCallRef.current = false;
-      return;
-    }
     const scrollableTableSection = scrollableTableSectionRef.current;
     if (!scrollableTableSection) {
       return;
@@ -92,6 +88,14 @@ const useTableVisualParamsChange = (options) => {
         verticalScrollBarWidth
       }
     });
+    const isTableFirstMount = getRefValue(staticContextRef, "isTableFirstMount");
+    if (!isTableFirstMount) {
+      firstCallRef.current = false;
+    }
+    if (firstCallRef.current) {
+      firstCallRef.current = false;
+      return;
+    }
     emitTableVisualParamsChange({
       horizontalScrollPositionRange,
       verticalScrollBarWidth,

package/dist/components/Tabs/Tabs.js

@@ -51,7 +51,7 @@ const Tabs = memo(({
     onTabClick,
     onTabScroll
   };
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgdGVzdElkLFxuICAgIHN0eWxlcyxcbiAgICByZW5kZXJUYWJCYXIsXG4gICAgb25DaGFuZ2UsXG4gICAgb25UYWJDbGljayxcbiAgICBvblRhYlNjcm9sbCxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGZpcnN0VGFiID0gaXRlbXM/LlswXT8ua2V5O1xuXG4gICAgY29uc3QgW2xvY2FsQWN0aXZlS2V5LCBzZXRMb2NhbEFjdGl2ZUtleV0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICAgICAgZGVmYXVsdEFjdGl2ZUtleSA/PyBmaXJzdFRhYlxuICAgICk7XG4gICAgY29uc3QgW2NvbnRlbnRXcmFwcGVyLCBzZXRDb250ZW50V3JhcHBlcl0gPSB1c2VTdGF0ZTxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3QgY3VycmVudEFjdGl2ZUtleSA9IGFjdGl2ZUtleSA/PyBsb2NhbEFjdGl2ZUtleTtcbiAgICBjb25zdCBjb250ZW50V3JhcHBlclJlZiA9IChlbGVtZW50OiBIVE1MRGl2RWxlbWVudCkgPT4gc2V0Q29udGVudFdyYXBwZXIoZWxlbWVudCk7XG5cbiAgICBjb25zdCBjaGFuZ2VBY3RpdmVLZXkgPSB1c2VDYWxsYmFjaygoaXRlbUtleTogc3RyaW5nKSA9PiB7XG4gICAgICBzZXRMb2NhbEFjdGl2ZUtleShpdGVtS2V5KTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB0YWJCYXJQcm9wcyA9IHtcbiAgICAgIGl0ZW1zLFxuICAgICAgZXh0cmEsXG4gICAgICBpY29uT25seSxcbiAgICAgIGRyYWdnYWJsZSxcbiAgICAgIHNpemUsXG4gICAgICBib3JkZXIsXG4gICAgICBtb3JlLFxuICAgICAgcG9wdXBDbGFzc05hbWUsXG4gICAgICBjdXJyZW50QWN0aXZlS2V5LFxuICAgICAgY29udGVudFdyYXBwZXIsXG4gICAgICBzdHlsZXM6IHN0eWxlcz8udGFiQmFyLFxuICAgICAgY2hhbmdlQWN0aXZlS2V5LFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvblRhYkNsaWNrLFxuICAgICAgb25UYWJTY3JvbGwsXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17W3RhYnNTdHlsZS53cmFwcGVyLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfSB0ZXN0LWlkPXt0ZXN0SWR9PlxuICAgICAgICB7aXNGdW5jdGlvbihyZW5kZXJUYWJCYXIpID8gcmVuZGVyVGFiQmFyKHRhYkJhclByb3BzLCBUYWJCYXIpIDogPFRhYkJhciB7Li4udGFiQmFyUHJvcHN9IC8+fVxuXG4gICAgICAgIDxkaXYgY3NzPXtzdHlsZXM/LmNvbnRlbnQ/Lih0aGVtZSl9IHJlZj17Y29udGVudFdyYXBwZXJSZWZ9IC8+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], "test-id": testId, children: [
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93bkl0ZW1LZXlUeXBlLCBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgdGVzdElkLFxuICAgIHN0eWxlcyxcbiAgICByZW5kZXJUYWJCYXIsXG4gICAgb25DaGFuZ2UsXG4gICAgb25UYWJDbGljayxcbiAgICBvblRhYlNjcm9sbCxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGZpcnN0VGFiID0gaXRlbXM/LlswXT8ua2V5O1xuXG4gICAgY29uc3QgW2xvY2FsQWN0aXZlS2V5LCBzZXRMb2NhbEFjdGl2ZUtleV0gPSB1c2VTdGF0ZTxEcm9wZG93bkl0ZW1LZXlUeXBlIHwgdW5kZWZpbmVkPihcbiAgICAgIGRlZmF1bHRBY3RpdmVLZXkgPz8gZmlyc3RUYWJcbiAgICApO1xuICAgIGNvbnN0IFtjb250ZW50V3JhcHBlciwgc2V0Q29udGVudFdyYXBwZXJdID0gdXNlU3RhdGU8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAgIGNvbnN0IGN1cnJlbnRBY3RpdmVLZXkgPSBhY3RpdmVLZXkgPz8gbG9jYWxBY3RpdmVLZXk7XG4gICAgY29uc3QgY29udGVudFdyYXBwZXJSZWYgPSAoZWxlbWVudDogSFRNTERpdkVsZW1lbnQpID0+IHNldENvbnRlbnRXcmFwcGVyKGVsZW1lbnQpO1xuXG4gICAgY29uc3QgY2hhbmdlQWN0aXZlS2V5ID0gdXNlQ2FsbGJhY2soKGl0ZW1LZXk6IERyb3Bkb3duSXRlbUtleVR5cGUpID0+IHtcbiAgICAgIHNldExvY2FsQWN0aXZlS2V5KGl0ZW1LZXkpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHRhYkJhclByb3BzID0ge1xuICAgICAgaXRlbXMsXG4gICAgICBleHRyYSxcbiAgICAgIGljb25Pbmx5LFxuICAgICAgZHJhZ2dhYmxlLFxuICAgICAgc2l6ZSxcbiAgICAgIGJvcmRlcixcbiAgICAgIG1vcmUsXG4gICAgICBwb3B1cENsYXNzTmFtZSxcbiAgICAgIGN1cnJlbnRBY3RpdmVLZXksXG4gICAgICBjb250ZW50V3JhcHBlcixcbiAgICAgIHN0eWxlczogc3R5bGVzPy50YWJCYXIsXG4gICAgICBjaGFuZ2VBY3RpdmVLZXksXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIG9uVGFiQ2xpY2ssXG4gICAgICBvblRhYlNjcm9sbCxcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbdGFic1N0eWxlLndyYXBwZXIsIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19IHRlc3QtaWQ9e3Rlc3RJZH0+XG4gICAgICAgIHtpc0Z1bmN0aW9uKHJlbmRlclRhYkJhcikgPyByZW5kZXJUYWJCYXIodGFiQmFyUHJvcHMsIFRhYkJhcikgOiA8VGFiQmFyIHsuLi50YWJCYXJQcm9wc30gLz59XG5cbiAgICAgICAgPGRpdiBjc3M9e3N0eWxlcz8uY29udGVudD8uKHRoZW1lKX0gcmVmPXtjb250ZW50V3JhcHBlclJlZn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], "test-id": testId, children: [
     isFunction(renderTabBar) ? renderTabBar(tabBarProps, TabBar) : /* @__PURE__ */ jsx(TabBar, { ...tabBarProps }),
     /* @__PURE__ */ jsx("div", { css: (_c = styles == null ? void 0 : styles.content) == null ? void 0 : _c.call(styles, theme), ref: contentWrapperRef })
   ] });

package/dist/components/Tabs/Tabs.types.d.ts

@@ -4,10 +4,11 @@ import { Theme } from 'themes';
 import { TabItem } from './components/TabItem/TabItem.types';
 import { TabBarProps } from './components/TabBar/TabBar.types';
 import { Interpolation } from '@emotion/react';
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 export type TabsSizeType = "middle" | "small";
 export interface TabsProps {
-    activeKey?: string;
-    defaultActiveKey?: string;
+    activeKey?: DropdownItemKeyType;
+    defaultActiveKey?: DropdownItemKeyType;
     items?: TabItem[];
     more?: DropdownProps;
     popupClassName?: string;
@@ -23,7 +24,7 @@ export interface TabsProps {
         tabBar?: TabBarProps["styles"];
     };
     renderTabBar?: (props: TabBarProps, DefaultTabBar: FC<TabBarProps>) => React.ReactElement;
-    onChange?: (activeKey: string) => void;
-    onTabClick?: (activeKey: string, event: MouseEvent) => void;
+    onChange?: (activeKey: DropdownItemKeyType) => void;
+    onTabClick?: (activeKey: DropdownItemKeyType, event: MouseEvent) => void;
     onTabScroll?: (direction: "left" | "right") => void;
 }

package/dist/components/Tabs/Tabs.utils.d.ts

@@ -1,3 +1,4 @@
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 import { TabItem } from './components/TabItem/TabItem.types';
-export declare const getTabKeysWithoutOrdering: (items: TabItem[]) => string[];
-export declare const getOrderedTabKeys: (currentOrderedTabKeys: string[], newTabKeys: string[]) => string[];
+export declare const getTabKeysWithoutOrdering: (items: TabItem[]) => DropdownItemKeyType[];
+export declare const getOrderedTabKeys: (currentOrderedTabKeys: DropdownItemKeyType[], newTabKeys: DropdownItemKeyType[]) => DropdownItemKeyType[];

package/dist/components/Tabs/components/TabBar/TabBar.types.d.ts

@@ -2,8 +2,9 @@ import { Interpolation } from '@emotion/react';
 import { TabsProps } from 'components/Tabs/Tabs.types';
 import { Theme } from 'themes';
 import { TabItemProps } from '../TabItem/TabItem.types';
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 export interface TabBarProps extends Omit<TabsProps, "activeKey" | "defaultActiveKey" | "styles" | "renderTabBar"> {
-    currentActiveKey: string | undefined;
+    currentActiveKey: DropdownItemKeyType | undefined;
     contentWrapper: HTMLDivElement | null;
     styles?: {
         wrapper?: (theme: Theme) => Interpolation;
@@ -12,5 +13,5 @@ export interface TabBarProps extends Omit<TabsProps, "activeKey" | "defaultActiv
         more?: (theme: Theme) => Interpolation;
         tabItem?: TabItemProps["styles"];
     };
-    changeActiveKey: (key: string) => void;
+    changeActiveKey: (key: DropdownItemKeyType) => void;
 }

package/dist/components/Tabs/components/TabItem/TabItem.types.d.ts

@@ -1,9 +1,10 @@
 import { Interpolation } from '@emotion/react';
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 import { TabsSizeType } from 'components/Tabs/Tabs.types';
 import { MouseEvent, ReactNode } from 'react';
 import { Theme } from 'themes';
 export interface TabItem {
-    key: string;
+    key: DropdownItemKeyType;
     disabled?: boolean;
     forceRender?: boolean;
     label?: ReactNode;
@@ -11,12 +12,12 @@ export interface TabItem {
     children?: ReactNode;
 }
 export interface TabItemProps extends Omit<TabItem, "key"> {
-    itemKey: string;
+    itemKey: DropdownItemKeyType;
     selected: boolean;
     contentWrapper: HTMLDivElement | null;
-    changeActiveKey: (key: string) => void;
-    addHiddenTab: (itemKey: string) => void;
-    deleteHiddenTab: (itemKey: string) => void;
+    changeActiveKey: (key: DropdownItemKeyType) => void;
+    addHiddenTab: (itemKey: DropdownItemKeyType) => void;
+    deleteHiddenTab: (itemKey: DropdownItemKeyType) => void;
     setCurrentTabElement: (tab: HTMLElement | null) => void;
     scrollToTab: (element: HTMLElement | null) => void;
     size?: TabsSizeType;
@@ -27,6 +28,6 @@ export interface TabItemProps extends Omit<TabItem, "key"> {
         labelWrapper?: (theme: Theme, selected: boolean) => Interpolation;
         childrenWrapper?: (theme: Theme, selected: boolean) => Interpolation;
     };
-    onChange?: (activeKey: string) => void;
-    onTabClick?: (activeKey: string, event: MouseEvent) => void;
+    onChange?: (activeKey: DropdownItemKeyType) => void;
+    onTabClick?: (activeKey: DropdownItemKeyType, event: MouseEvent) => void;
 }