@ssa-ui-kit/core 2.2.1 → 2.2.2

package/dist/components/NestedTable/NestedTableRowContext.d.ts

@@ -1,3 +1,3 @@
 import { NestedTableRowContextType } from './types';
 export declare const NestedTableRowContext: import("react").Context<NestedTableRowContextType>;
-export declare const NestedTableRowProvider: ({ children, isCollapsed: isCollapsedInput, isSubHeader: isSubHeaderInput, childRowsCount: childRowsCountInput, }: React.PropsWithChildren<NestedTableRowContextType>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NestedTableRowProvider: ({ children, isCollapsed, isSubHeader: isSubHeaderInput, childRowsCount: childRowsCountInput, setIsCollapsed, }: React.PropsWithChildren<NestedTableRowContextType>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
 export type NestedTableRowContextType = {
     isCollapsed: boolean;
     isSubHeader: boolean;
     childRowsCount: number;
+    setIsCollapsed: Dispatch<SetStateAction<boolean>>;
 };

package/dist/index.js

@@ -12277,20 +12277,20 @@ const LinksTabBar = ({
 const NestedTableRowContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({
   childRowsCount: 0,
   isCollapsed: false,
-  isSubHeader: false
+  isSubHeader: false,
+  setIsCollapsed: () => {
+    // no-op
+  }
 });
 const NestedTableRowProvider = ({
   children,
-  isCollapsed: isCollapsedInput,
+  isCollapsed,
   isSubHeader: isSubHeaderInput,
-  childRowsCount: childRowsCountInput
+  childRowsCount: childRowsCountInput,
+  setIsCollapsed
 }) => {
-  const [isCollapsed, setIsCollapsed] = (0,external_react_namespaceObject.useState)(isCollapsedInput);
   const [isSubHeader, setIsSubHeader] = (0,external_react_namespaceObject.useState)(isSubHeaderInput);
   const [childRowsCount, setChildRowsCount] = (0,external_react_namespaceObject.useState)(childRowsCountInput);
-  (0,external_react_namespaceObject.useEffect)(() => {
-    setIsCollapsed(isCollapsedInput);
-  }, [isCollapsedInput]);
   (0,external_react_namespaceObject.useEffect)(() => {
     setIsSubHeader(isSubHeaderInput);
   }, [isSubHeaderInput]);
@@ -12300,6 +12300,7 @@ const NestedTableRowProvider = ({
   return (0,jsx_runtime_namespaceObject.jsx)(NestedTableRowContext.Provider, {
     value: {
       isCollapsed,
+      setIsCollapsed,
       isSubHeader,
       childRowsCount
     },
@@ -12405,11 +12406,20 @@ const NestedTableRow = ({
   const theme = (0,react_namespaceObject.useTheme)();
   const {
     isCollapsed,
-    isSubHeader
+    isSubHeader,
+    childRowsCount,
+    setIsCollapsed
   } = useNestedTableRowContext();
   const headerCSS = isSubHeader ? {
     background: theme.colors.greyLighter60
   } : {};
+  const classNames = [];
+  if (isSubHeader) {
+    classNames.push('first-row');
+  }
+  if (isCollapsed) {
+    classNames.push('collapsed');
+  }
   const notSubHeaderCSS = !isSubHeader && isCollapsed ? {
     maxHeight: 0,
     padding: 0,
@@ -12418,11 +12428,18 @@ const NestedTableRow = ({
       padding: 0
     }
   } : {};
+  const handleClick = () => {
+    if (childRowsCount > 1 && isSubHeader) {
+      setIsCollapsed(currentState => !currentState);
+    }
+  };
   return (0,jsx_runtime_namespaceObject.jsxs)(TableRow_TableRow, {
     css: /*#__PURE__*/(0,react_namespaceObject.css)({
       ...headerCSS,
       ...notSubHeaderCSS
     },  true ? "" : 0,  true ? "" : 0),
+    onClick: handleClick,
+    className: classNames.join(' '),
     ...props,
     children: [(0,jsx_runtime_namespaceObject.jsx)(NestedTableCellSubHeader, {
       isHeader: isHeader,
@@ -12448,25 +12465,12 @@ const WithNestedTableRow = ({
   return external_react_namespaceObject.Children.map(children, (child, index) => {
     if (/*#__PURE__*/(0,external_react_namespaceObject.isValidElement)(child)) {
       const isSubHeader = index === 0;
-      const classNames = [];
-      if (isSubHeader) {
-        classNames.push('first-row');
-      }
-      if (isCollapsed) {
-        classNames.push('collapsed');
-      }
       return (0,jsx_runtime_namespaceObject.jsx)(NestedTableRowProvider, {
         isCollapsed: isCollapsed,
+        setIsCollapsed: setIsCollapsed,
         isSubHeader: isSubHeader,
         childRowsCount: childRowsCount,
-        children: /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child, {
-          className: classNames.length > 0 ? classNames.join(' ') : undefined,
-          isCollapsed,
-          childRowsCount,
-          onClick: childRowsCount > 1 ? () => {
-            setIsCollapsed(currentState => !currentState);
-          } : undefined
-        })
+        children: /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child)
       });
     }
   });