@xqmsg/ui-core 0.18.4 → 0.18.5

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.18.4",
+  "version": "0.18.5",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/navigation/NavigationMenu.stories.tsx

@@ -33,7 +33,7 @@ Default.args = {
   defaultSelectedMenuItem: 'Settings',
   groupedMenuItems: [
     {
-      sortValue: 0,
+      groupSortValue: 0,
       groupMenuItems: [
         {
           leftIcon: <Settings boxSize="18px" />,
@@ -47,7 +47,7 @@ Default.args = {
       ],
     },
     {
-      sortValue: 1,
+      groupSortValue: 1,
       groupHeader: 'Files',
       groupMenuItems: [
         {
@@ -69,7 +69,7 @@ Default.args = {
       ],
     },
     {
-      sortValue: 2,
+      groupSortValue: 2,
       groupMenuItems: [
         {
           leftIcon: <MicrosoftOneDrive boxSize="18px" />,

package/src/components/navigation/index.tsx

@@ -3,20 +3,22 @@ import { Box } from '@chakra-ui/react';
 import { NavigationMenuHeader } from './components/header';
 import { NavigationMenuItem } from './components/items';
 
-export interface GroupedMenuItems {
+export type GroupMenuItems = {
   leftIcon: JSX.Element;
   label: string;
   href?: string;
   rightIcon?: JSX.Element;
   isExternal?: boolean;
-}
+};
+
+export type GroupedMenuItem = {
+  groupSortValue: number;
+  groupHeader?: string;
+  groupMenuItems: GroupMenuItems[];
+};
 
 export interface NavigationMenuProps {
-  groupedMenuItems: {
-    groupSortValue: number;
-    groupHeader?: string;
-    groupMenuItems: GroupedMenuItems[];
-  }[];
+  groupedMenuItems: GroupedMenuItem[];
   defaultSelectedMenuItem?: string;
 }
 

package/src/components/table/Table.stories.tsx

@@ -7,10 +7,10 @@ import { useArgs } from '@storybook/addons';
 
 const tableColumns = ['AppliesToTypes', 'bar'];
 
-const tableHeaders: TableHeaders<typeof tableColumns> = {
-  AppliesToTypes: <Text variant="paragraph">AppliesToTypes</Text>,
-  bar: <Text variant="paragraph">BAR</Text>,
-};
+// const tableHeaders: TableHeaders<typeof tableColumns> = {
+//   AppliesToTypes: <Text variant="paragraph">AppliesToTypes</Text>,
+//   bar: <Text variant="paragraph">BAR</Text>,
+// };
 
 const tableBody: TableBody<typeof tableColumns> = [
   {
@@ -57,7 +57,7 @@ export const Default = Template.bind({});
 
 Default.args = {
   body: tableBody,
-  headers: tableHeaders,
+  // headers: tableHeaders,
   columns: tableColumns,
   loading: false,
 };

package/src/components/table/index.tsx

@@ -22,7 +22,7 @@ import { EmptyTable } from './empty';
 
 export interface TableProps<T extends ReadonlyTableColumns> {
   columns: TableColumns;
-  headers: TableHeaders<T>;
+  headers?: TableHeaders<T>;
   body: TableBody<T>;
   loading?: boolean;
   loadMore?: () => void;
@@ -52,14 +52,16 @@ export function Table<T extends ReadonlyTableColumns>({
             borderSpacing: '0px',
           }}
         >
-          <Thead>
-            <Tr _odd={{ bg: colors.label.primary.dark }}>
-              {columnsAsConst.map(column => (
-                // @ts-ignore
-                <Th>{headers[column]}</Th>
-              ))}
-            </Tr>
-          </Thead>
+          {headers && (
+            <Thead>
+              <Tr _odd={{ bg: colors.label.primary.dark }}>
+                {columnsAsConst.map(column => (
+                  // @ts-ignore
+                  <Th>{headers[column]}</Th>
+                ))}
+              </Tr>
+            </Thead>
+          )}
           <Tbody>
             {body.map(row => (
               <Tr>

package/src/components/toolbar/index.tsx

@@ -7,9 +7,6 @@ export type ToolbarLabelAndHandler = { label: string; handler: () => void };
 export interface ToolbarProps extends PropsWithChildren {
   pageList: ToolbarLabelAndHandler[];
   currentPage: string;
-  searchValue: string;
-
-  onChangeSearch: (value: string) => void;
 }
 
 /**