@ssa-ui-kit/core 3.21.1 → 3.21.2

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

@@ -1,3 +1,3 @@
 import { NestedTableContextType } from './types';
 export declare const NestedTableContext: import("react").Context<NestedTableContextType>;
-export declare const NestedTableProvider: ({ children, collapsedIconName, expandedIconName, }: React.PropsWithChildren<NestedTableContextType>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NestedTableProvider: ({ children, collapsedIconName, expandedIconName, defaultCollapsed, }: React.PropsWithChildren<NestedTableContextType>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,2 @@
-export declare const WithNestedTableRow: ({ children, }: {
-    children: React.ReactNode | React.ReactNode[];
-}) => import("@emotion/react/jsx-runtime").JSX.Element[] | null | undefined;
+import { WithNestedTableRowProps } from './types';
+export declare const WithNestedTableRow: ({ children, defaultCollapsed, }: WithNestedTableRowProps) => import("@emotion/react/jsx-runtime").JSX.Element[] | null | undefined;

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

@@ -1,4 +1,4 @@
 import { PropsWithChildren, TableHTMLAttributes } from 'react';
 import { CommonProps } from '../../../types/emotion';
 import { NestedTableContextType } from '../types';
-export declare const NestedTable: ({ children, collapsedIconName, expandedIconName, ...rest }: PropsWithChildren & NestedTableContextType & CommonProps & TableHTMLAttributes<HTMLTableElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NestedTable: ({ children, collapsedIconName, expandedIconName, defaultCollapsed, ...rest }: PropsWithChildren & NestedTableContextType & CommonProps & TableHTMLAttributes<HTMLTableElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NestedTable/hooks/useNestedTableContext.d.ts

@@ -1 +1 @@
-export declare const useNestedTableContext: () => import("../types").NestedTableContextType;
+export declare const useNestedTableContext: () => import("..").NestedTableContextType;

package/dist/components/NestedTable/hooks/useNestedTableRowContext.d.ts

@@ -1 +1 @@
-export declare const useNestedTableRowContext: () => import("../types").NestedTableRowContextType;
+export declare const useNestedTableRowContext: () => import("..").NestedTableRowContextType;

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

@@ -2,3 +2,4 @@ export * from './components';
 export * from './WithNestedTableRow';
 export * from './NestedTableRowContext';
 export * from './hooks/useNestedTableRowContext';
+export * from './types';

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

@@ -3,6 +3,7 @@ import { IconProps } from '../Icon/types';
 export type NestedTableContextType = {
     collapsedIconName?: IconProps['name'];
     expandedIconName?: IconProps['name'];
+    defaultCollapsed?: boolean;
 };
 export type NestedTableRowContextType = {
     isCollapsed: boolean;
@@ -10,3 +11,7 @@ export type NestedTableRowContextType = {
     childRowsCount: number;
     setIsCollapsed: Dispatch<SetStateAction<boolean>>;
 };
+export type WithNestedTableRowProps = {
+    children: React.ReactNode | React.ReactNode[];
+    defaultCollapsed?: boolean;
+};

package/dist/index.js

@@ -40005,16 +40005,19 @@ TableRow.displayName = 'TableRow';
 
 const NestedTableContext = /*#__PURE__*/(0,external_react_.createContext)({
   collapsedIconName: 'carrot-up',
-  expandedIconName: 'carrot-down'
+  expandedIconName: 'carrot-down',
+  defaultCollapsed: false
 });
 const NestedTableProvider = ({
   children,
   collapsedIconName = 'carrot-up',
-  expandedIconName = 'carrot-down'
+  expandedIconName = 'carrot-down',
+  defaultCollapsed = false
 }) => (0,jsx_runtime_namespaceObject.jsx)(NestedTableContext.Provider, {
   value: {
     collapsedIconName,
-    expandedIconName
+    expandedIconName,
+    defaultCollapsed
   },
   children: children
 });
@@ -40026,11 +40029,13 @@ const NestedTable = ({
   children,
   collapsedIconName,
   expandedIconName,
+  defaultCollapsed,
   ...rest
 }) => {
   return (0,jsx_runtime_namespaceObject.jsx)(NestedTableProvider, {
     collapsedIconName: collapsedIconName,
     expandedIconName: expandedIconName,
+    defaultCollapsed: defaultCollapsed,
     children: (0,jsx_runtime_namespaceObject.jsx)(Table_Table, {
       ...rest,
       children: children
@@ -40251,13 +40256,20 @@ const NestedTableRow = ({
 
 
 
+
 const WithNestedTableRow = ({
-  children
+  children,
+  defaultCollapsed
 }) => {
-  const [isCollapsed, setIsCollapsed] = (0,external_react_.useState)(false);
+  const {
+    defaultCollapsed: tableDefaultCollapsed = false
+  } = useNestedTableContext();
   const childRowsCount = external_react_.Children.map(children, child => {
     return /*#__PURE__*/(0,external_react_.isValidElement)(child) ? true : null;
   })?.filter(Boolean).length || 0;
+  // A group with a single row has no toggle and cannot be expanded again,
+  // so it must never start collapsed.
+  const [isCollapsed, setIsCollapsed] = (0,external_react_.useState)(childRowsCount > 1 ? defaultCollapsed ?? tableDefaultCollapsed : false);
   return external_react_.Children.map(children, (child, index) => {
     if (/*#__PURE__*/(0,external_react_.isValidElement)(child)) {
       const isSubHeader = index === 0;
@@ -40276,6 +40288,7 @@ const WithNestedTableRow = ({
 
 
 
+
 ;// ./src/components/Card/Card.tsx
 
 

package/dist/index.mjs

@@ -39686,16 +39686,19 @@ TableRow.displayName = 'TableRow';
 
 const NestedTableContext = /*#__PURE__*/(0,external_react_.createContext)({
   collapsedIconName: 'carrot-up',
-  expandedIconName: 'carrot-down'
+  expandedIconName: 'carrot-down',
+  defaultCollapsed: false
 });
 const NestedTableProvider = ({
   children,
   collapsedIconName = 'carrot-up',
-  expandedIconName = 'carrot-down'
+  expandedIconName = 'carrot-down',
+  defaultCollapsed = false
 }) => __WEBPACK_EXTERNAL_MODULE__emotion_react_jsx_runtime_ea06233c_jsx__(NestedTableContext.Provider, {
   value: {
     collapsedIconName,
-    expandedIconName
+    expandedIconName,
+    defaultCollapsed
   },
   children: children
 });
@@ -39707,11 +39710,13 @@ const NestedTable = ({
   children,
   collapsedIconName,
   expandedIconName,
+  defaultCollapsed,
   ...rest
 }) => {
   return __WEBPACK_EXTERNAL_MODULE__emotion_react_jsx_runtime_ea06233c_jsx__(NestedTableProvider, {
     collapsedIconName: collapsedIconName,
     expandedIconName: expandedIconName,
+    defaultCollapsed: defaultCollapsed,
     children: __WEBPACK_EXTERNAL_MODULE__emotion_react_jsx_runtime_ea06233c_jsx__(Table_Table, {
       ...rest,
       children: children
@@ -39932,13 +39937,20 @@ const NestedTableRow = ({
 
 
 
+
 const WithNestedTableRow = ({
-  children
+  children,
+  defaultCollapsed
 }) => {
-  const [isCollapsed, setIsCollapsed] = (0,external_react_.useState)(false);
+  const {
+    defaultCollapsed: tableDefaultCollapsed = false
+  } = useNestedTableContext();
   const childRowsCount = external_react_.Children.map(children, child => {
     return /*#__PURE__*/(0,external_react_.isValidElement)(child) ? true : null;
   })?.filter(Boolean).length || 0;
+  // A group with a single row has no toggle and cannot be expanded again,
+  // so it must never start collapsed.
+  const [isCollapsed, setIsCollapsed] = (0,external_react_.useState)(childRowsCount > 1 ? defaultCollapsed ?? tableDefaultCollapsed : false);
   return external_react_.Children.map(children, (child, index) => {
     if (/*#__PURE__*/(0,external_react_.isValidElement)(child)) {
       const isSubHeader = index === 0;
@@ -39957,6 +39969,7 @@ const WithNestedTableRow = ({
 
 
 
+
 ;// ./src/components/Card/Card.tsx