@nodeblocks/frontend-list-organization-block 0.2.3 → 0.3.0

package/dist/list-organizations.d.ts

@@ -1,16 +1,20 @@
-import { Stack, TabsProps, TypographyProps } from '@mui/material';
-import { ComponentProps, ReactNode } from 'react';
-import { ListOrganizationsContextValue } from './context';
-import { BlocksOverride } from './lib';
-export interface ListOrganizationsRowData {
+import { StackProps } from '@mui/material';
+import { ComponentProps, type ReactNode, type SyntheticEvent } from 'react';
+import { BaseTable, type BaseTableSearchChip, type BlocksOverride } from '@nodeblocks/frontend-base-block';
+export interface ListOrganizationsRowData extends Record<string, unknown> {
     id: string;
     createdAt: string;
     name: string;
     joinDate: string;
-    auditStatus: string;
+    status: string;
 }
+type ListOrganizationsRowActionType = 'activate' | 'deactivate';
+type ListOrganizationsStatusMatch = {
+    active: string;
+    inactive: string;
+};
 export type TabData = {
-    key?: string;
+    key: string;
     label: string;
     isDisabled?: boolean;
     subtitle?: string;
@@ -25,27 +29,90 @@ export interface PaginationProps {
     /** Total number of pages in the pagination. */
     totalPages: number;
 }
-declare const ListOrganizations: {
-    <CustomBlocks extends Record<string, ReactNode> = {}>({ sx, spacing, className, children, ...props }: Omit<ComponentProps<typeof Stack>, "children"> & Required<Pick<ListOrganizationsContextValue, "labels" | "onSearchFieldChange" | "onActionClick" | "onNavigate" | "onRowActionClick" | "data" | "rowHref" | "tabs" | "listOrganizationsTitle">> & Partial<Pick<ListOrganizationsContextValue, "isLoading" | "pagination" | "currentTab" | "onTabChange">> & {
-        children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
-    }): import("react/jsx-runtime").JSX.Element;
-    Title(props: Partial<TypographyProps & Pick<ListOrganizationsContextValue, "listOrganizationsTitle">>): import("react/jsx-runtime").JSX.Element;
-    Action(props: Partial<ComponentProps<typeof Stack> & Pick<ListOrganizationsContextValue, "onActionClick" | "onSearchFieldChange" | "labels">>): import("react/jsx-runtime").JSX.Element;
-    Header(props: Partial<ComponentProps<typeof Stack>>): import("react/jsx-runtime").JSX.Element;
-    Loader(props: Partial<ComponentProps<typeof Stack>>): import("react/jsx-runtime").JSX.Element;
-    Content(props: Partial<ComponentProps<typeof Stack> & Pick<ListOrganizationsContextValue, "isLoading">>): import("react/jsx-runtime").JSX.Element;
-    Tabs<Tabs extends TabData[]>({ className, ...props }: Partial<Omit<TabsProps, "value" | "onChange" | "variant"> & Pick<ListOrganizationsContextValue<Tabs>, "tabs" | "currentTab" | "onTabChange">>): import("react/jsx-runtime").JSX.Element | null;
-    Table<Tabs extends TabData[]>(props: Partial<ComponentProps<typeof Stack> & Pick<ListOrganizationsContextValue<Tabs>, "labels" | "data" | "rowHref" | "onNavigate" | "onRowActionClick" | "pagination">>): import("react/jsx-runtime").JSX.Element | null;
-};
-declare const defaultBlocks: {
-    title: import("react").ReactElement<Partial<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "style" | "color" | "left" | "right" | "children" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
-        component?: React.ElementType;
-    } & Pick<ListOrganizationsContextValue, "listOrganizationsTitle">>, (props: Partial<TypographyProps & Pick<ListOrganizationsContextValue, "listOrganizationsTitle">>) => import("react/jsx-runtime").JSX.Element>;
-    action: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & Pick<ListOrganizationsContextValue, "labels" | "onSearchFieldChange" | "onActionClick">>, (props: Partial<ComponentProps<typeof Stack> & Pick<ListOrganizationsContextValue, "onActionClick" | "onSearchFieldChange" | "labels">>) => import("react/jsx-runtime").JSX.Element>;
-    header: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps>>, (props: Partial<ComponentProps<typeof Stack>>) => import("react/jsx-runtime").JSX.Element>;
-    content: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & Pick<ListOrganizationsContextValue, "isLoading">>, (props: Partial<ComponentProps<typeof Stack> & Pick<ListOrganizationsContextValue, "isLoading">>) => import("react/jsx-runtime").JSX.Element>;
-    tabs: import("react").ReactElement<Partial<Omit<TabsProps, "onChange" | "variant" | "value"> & Pick<ListOrganizationsContextValue<TabData[]>, "tabs" | "currentTab" | "onTabChange">>, <Tabs extends TabData[]>({ className, ...props }: Partial<Omit<TabsProps, "value" | "onChange" | "variant"> & Pick<ListOrganizationsContextValue<Tabs>, "tabs" | "currentTab" | "onTabChange">>) => import("react/jsx-runtime").JSX.Element | null>;
-    table: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & Pick<ListOrganizationsContextValue<TabData[]>, "data" | "labels" | "onNavigate" | "onRowActionClick" | "rowHref" | "pagination">>, <Tabs extends TabData[]>(props: Partial<ComponentProps<typeof Stack> & Pick<ListOrganizationsContextValue<Tabs>, "labels" | "data" | "rowHref" | "onNavigate" | "onRowActionClick" | "pagination">>) => import("react/jsx-runtime").JSX.Element | null>;
+type ListOrganizationsLabels = {
+    emptyStateMessage: string;
+    searchFieldPlaceholder: string;
+    rowActions?: {
+        activate: string;
+        deactivate: string;
+    };
+    headerRow: {
+        createdAt: string;
+        name: string;
+        joinDate: string;
+        status: string;
+    };
+    cellData: {
+        statusActive: string;
+        statusInactive: string;
+    };
+};
+type ListOrganizationsValue<TTabs extends TabData[] = TabData[]> = {
+    isLoading?: boolean;
+    labels: ListOrganizationsLabels;
+    searchValue?: string;
+    onSearchFieldChange?: (value: string) => void;
+    onSearchSubmit?: () => void;
+    onNavigate?: (to: string) => void;
+    onItemActivate?: (rowId: ListOrganizationsRowData['id']) => void;
+    onItemDeactivate?: (rowId: ListOrganizationsRowData['id']) => void;
+    shouldShowDropdownMenu?: (row: ListOrganizationsRowData) => boolean;
+    resolveRowAction?: (row: ListOrganizationsRowData) => ListOrganizationsRowActionType[] | undefined;
+    statusMatch?: ListOrganizationsStatusMatch;
+    pagination?: PaginationProps;
+    data: ListOrganizationsRowData[];
+    rowHref?: (row: ListOrganizationsRowData) => string;
+    tabs?: TTabs;
+    currentTab?: TTabs[number]['key'];
+    onTabChange?: (tab: TTabs[number]['key']) => void;
+    searchChipsTitle?: ReactNode;
+    searchChips?: BaseTableSearchChip[];
+    onSearchChipDelete?: (chip: BaseTableSearchChip, index: number, event: SyntheticEvent) => void;
+    listOrganizationsTitle: ReactNode;
+};
+type ListOrganizationsDefaultBlocks = {
+    title: ReactNode;
+    action: ReactNode;
+    header: ReactNode;
+    loader: ReactNode;
+    content: ReactNode;
+    tabs: ReactNode;
+    searchChips: ReactNode;
+    table: ReactNode;
+    pagination: ReactNode;
+};
+type ListOrganizationsRootPassthroughProps = Omit<StackProps, 'children'>;
+type ListOrganizationsProps<TTabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = {}> = ListOrganizationsRootPassthroughProps & Required<Pick<ListOrganizationsValue<TTabs>, 'labels' | 'data' | 'listOrganizationsTitle'>> & Partial<Pick<ListOrganizationsValue<TTabs>, 'isLoading' | 'searchValue' | 'onSearchFieldChange' | 'onSearchSubmit' | 'onNavigate' | 'onItemActivate' | 'onItemDeactivate' | 'shouldShowDropdownMenu' | 'resolveRowAction' | 'statusMatch' | 'pagination' | 'rowHref' | 'tabs' | 'currentTab' | 'onTabChange' | 'searchChipsTitle' | 'searchChips' | 'onSearchChipDelete'>> & {
+    children?: BlocksOverride<ListOrganizationsDefaultBlocks, CustomBlocks>;
+};
+type ListOrganizationsTitleProps = ComponentProps<typeof BaseTable.Header.Title> & {
+    listOrganizationsTitle?: ReactNode;
+};
+type ListOrganizationsHeaderProps = ComponentProps<typeof BaseTable.Header>;
+type ListOrganizationsActionProps = ComponentProps<typeof BaseTable.Header.Actions> & Partial<Pick<ListOrganizationsValue, 'labels' | 'searchValue' | 'onSearchFieldChange' | 'onSearchSubmit'>>;
+type ListOrganizationsLoaderProps = ComponentProps<typeof BaseTable.Content.Loader>;
+type ListOrganizationsContentProps = ComponentProps<typeof BaseTable.Content>;
+type ListOrganizationsTabsProps = ComponentProps<typeof BaseTable.Tabs<ListOrganizationsRowData>>;
+type ListOrganizationsBaseTableGridProps = ComponentProps<typeof BaseTable.Content.Grid<ListOrganizationsRowData>>;
+/**
+ * Props for `ListOrganizations.Table`. Managed grid props (`columns`, `rows`, `noRowsOverlay`, …) are
+ * omitted from the public surface; the empty-state overlay is built from `labels` via `createNoRowsOverlay`.
+ */
+type ListOrganizationsTableProps = Omit<ListOrganizationsBaseTableGridProps, 'columns' | 'rows' | 'rowActions' | 'actionColumn' | 'onRowClick' | 'noRowsOverlay'> & Partial<Pick<ListOrganizationsValue, 'labels' | 'data' | 'onItemActivate' | 'onItemDeactivate' | 'shouldShowDropdownMenu' | 'resolveRowAction' | 'statusMatch' | 'rowHref' | 'onNavigate'>>;
+type ListOrganizationsPaginationProps = Partial<Omit<ComponentProps<typeof BaseTable.Pagination>, 'pagination' | 'rows' | 'isLoading'>> & Partial<Pick<ListOrganizationsValue, 'pagination' | 'data' | 'isLoading'>>;
+type ListOrganizationsSearchChipsProps = Partial<ComponentProps<typeof BaseTable.SearchChips>>;
+type ListOrganizationsComponent = {
+    <TTabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = {}>(props: ListOrganizationsProps<TTabs, CustomBlocks>): ReactNode;
+    Title: (props: ListOrganizationsTitleProps) => ReactNode;
+    Action: (props: ListOrganizationsActionProps) => ReactNode;
+    Header: (props: ListOrganizationsHeaderProps) => ReactNode;
+    Loader: (props: ListOrganizationsLoaderProps) => ReactNode;
+    Content: (props: ListOrganizationsContentProps) => ReactNode;
+    Tabs: (props: ListOrganizationsTabsProps) => ReactNode;
+    SearchChips: (props: ListOrganizationsSearchChipsProps) => ReactNode;
+    Table: (props: ListOrganizationsTableProps) => ReactNode;
+    Pagination: (props: ListOrganizationsPaginationProps) => ReactNode;
 };
+declare const ListOrganizations: ListOrganizationsComponent;
 export default ListOrganizations;
 //# sourceMappingURL=list-organizations.d.ts.map

package/dist/list-organizations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-organizations.d.ts","sourceRoot":"","sources":["../src/list-organizations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,EAIL,SAAS,EAUT,eAAe,EAEhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EACL,6BAA6B,EAI9B,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAA+E,MAAM,OAAO,CAAC;AAIpH,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,uDAMtE,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,GAC/C,QAAQ,CACN,IAAI,CACF,6BAA6B,EAC3B,QAAQ,GACR,qBAAqB,GACrB,eAAe,GACf,YAAY,GACZ,kBAAkB,GAClB,MAAM,GACN,SAAS,GACT,MAAM,GACN,wBAAwB,CAC3B,CACF,GACD,OAAO,CAAC,IAAI,CAAC,6BAA6B,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,CAAC,CAAC,GAAG;QACxG,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC;KAC/D;iBA0BM,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,6BAA6B,EAAE,wBAAwB,CAAC,CAAC;kBAoBxF,OAAO,CACZ,cAAc,CAAC,OAAO,KAAK,CAAC,GAC1B,IAAI,CAAC,6BAA6B,EAAE,eAAe,GAAG,qBAAqB,GAAG,QAAQ,CAAC,CAC1F;kBA4DgC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;kBAsBrC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;mBAiB/D,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,CAAC;SAyBvE,IAAI,SAAS,OAAO,EAAE,2BAG7C,OAAO,CACR,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,GAC/C,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC,CACnF;UAiD0B,IAAI,SAAS,OAAO,EAAE,SACxC,OAAO,CACZ,cAAc,CAAC,OAAO,KAAK,CAAC,GAC1B,IAAI,CACF,6BAA6B,CAAC,IAAI,CAAC,EACnC,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,kBAAkB,GAAG,YAAY,CACjF,CACJ;CApNF,CAAC;AAoYF,QAAA,MAAM,aAAa;;;gFAjYV,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,6BAA6B,EAAE,wBAAwB,CAAC,CAAC;8cAoBxF,OAAO,CACZ,cAAc,CAAC,OAAO,KAAK,CAAC,GAC1B,IAAI,CAAC,6BAA6B,EAAE,eAAe,GAAG,qBAAqB,GAAG,QAAQ,CAAC,CAC1F;oXA4DgC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;waAuC/D,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,CAAC;4LAyBvE,IAAI,SAAS,OAAO,EAAE,2BAG7C,OAAO,CACR,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,GAC/C,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC,CACnF;+eAiD0B,IAAI,SAAS,OAAO,EAAE,SACxC,OAAO,CACZ,cAAc,CAAC,OAAO,KAAK,CAAC,GAC1B,IAAI,CACF,6BAA6B,CAAC,IAAI,CAAC,EACnC,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,kBAAkB,GAAG,YAAY,CACjF,CACJ;CAuLD,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"list-organizations.d.ts","sourceRoot":"","sources":["../src/list-organizations.tsx"],"names":[],"mappings":"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"}

package/dist/list-organizations.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-organizations.test.d.ts.map

package/dist/list-organizations.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-organizations.test.d.ts","sourceRoot":"","sources":["../src/list-organizations.test.tsx"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nodeblocks/frontend-list-organization-block",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
@@ -16,13 +16,16 @@
     "dist/"
   ],
   "scripts": {
-    "build": "npm run typecheck && rollup -c",
+    "build": "rm -rf dist && npm run typecheck && rollup -c",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.5",
     "@mui/material": "^7.3.5",
     "react": ">=18 <20",
     "react-dom": ">=18 <20"
@@ -33,15 +36,19 @@
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/luxon": "^3.7.1",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
+    "jsdom": "^27.4.0",
     "rollup": "^4.55.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-serve": "^1.1.1",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "vitest": "^3.2.4"
   },
   "dependencies": {
     "luxon": "^3.7.2"

package/dist/context.d.ts

@@ -1,51 +0,0 @@
-import { PaginationProps } from './list-organizations';
-import { ReactNode } from 'react';
-import { ListOrganizationsRowData, TabData } from './list-organizations';
-export type ListOrganizationsContextValue<Tabs extends TabData[] = TabData[]> = {
-    /** Loading state for table */
-    isLoading?: boolean;
-    /** Table Labels */
-    labels: {
-        emptyStateMessage: string;
-        searchFieldPlaceholder: string;
-        actions: {
-            headerAction: ReactNode;
-            rowAction: ReactNode;
-        };
-        headerRow: {
-            createdAt: string;
-            name: string;
-            joinDate: string;
-            auditStatus: string;
-        };
-        cellData: {
-            statusApproved: ReactNode;
-            statusRejected: ReactNode;
-            statusWaitingForReview: ReactNode;
-        };
-    };
-    onSearchFieldChange: (value: string) => void;
-    /** Callback for navigating to job page */
-    onNavigate: (to: string) => void;
-    onActionClick: () => void;
-    onRowActionClick: (rowData: ListOrganizationsRowData) => void;
-    /** Callback for pagination display */
-    pagination?: PaginationProps;
-    /** Job order list table data */
-    data: ListOrganizationsRowData[];
-    /** Callback for linking to show page */
-    rowHref: (row: ListOrganizationsRowData) => string;
-    /** Tabs configuration */
-    tabs: Tabs;
-    /** Current tab to show as selected */
-    currentTab?: Tabs[number]['label'];
-    /** Callback when tab is clicked */
-    onTabChange?: (tab: Tabs[number]['label']) => void;
-    listOrganizationsTitle: ReactNode;
-};
-export declare const keys: readonly ["isLoading", "labels", "onSearchFieldChange", "onNavigate", "onActionClick", "onRowActionClick", "pagination", "data", "rowHref", "tabs", "currentTab", "onTabChange", "listOrganizationsTitle"];
-export declare const ListOrganizationsProvider: <Tabs extends TabData[]>({ children, ...value }: ListOrganizationsContextValue<Tabs> & {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useListOrganizationsContext: <Tabs extends TabData[]>() => ListOrganizationsContextValue<Tabs>;
-//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEzE,MAAM,MAAM,6BAA6B,CAAC,IAAI,SAAS,OAAO,EAAE,GAAG,OAAO,EAAE,IAAI;IAC9E,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,MAAM,EAAE;QACN,iBAAiB,EAAE,MAAM,CAAC;QAC1B,sBAAsB,EAAE,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,YAAY,EAAE,SAAS,CAAC;YACxB,SAAS,EAAE,SAAS,CAAC;SACtB,CAAC;QACF,SAAS,EAAE;YACT,SAAS,EAAE,MAAM,CAAC;YAClB,IAAI,EAAE,MAAM,CAAC;YACb,QAAQ,EAAE,MAAM,CAAC;YACjB,WAAW,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,QAAQ,EAAE;YACR,cAAc,EAAE,SAAS,CAAC;YAC1B,cAAc,EAAE,SAAS,CAAC;YAC1B,sBAAsB,EAAE,SAAS,CAAC;SACnC,CAAC;KACH,CAAC;IACF,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,0CAA0C;IAC1C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC9D,sCAAsC;IACtC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,gCAAgC;IAChC,IAAI,EAAE,wBAAwB,EAAE,CAAC;IACjC,wCAAwC;IACxC,OAAO,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,MAAM,CAAC;IACnD,yBAAyB;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,sCAAsC;IACtC,UAAU,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC;IACnC,mCAAmC;IACnC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACnD,sBAAsB,EAAE,SAAS,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,IAAI,4MAcyB,CAAC;AAW3C,eAAO,MAAM,yBAAyB,GAAI,IAAI,SAAS,OAAO,EAAE,EAAE,wBAG/D,6BAA6B,CAAC,IAAI,CAAC,GAAG;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,IAAI,SAAS,OAAO,EAAE,0CAOjE,CAAC"}

package/dist/types.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-export type Blocks<T extends Record<string, ReactNode> = {}> = {
-    [k: string]: ReactNode;
-} & T;
-export type BlocksOverride<T extends Record<string, any> = {}> = (inputs: {
-    defaultBlocks: {
-        [k: string]: ReactNode;
-    };
-    blockOrder?: string[];
-} & T) => {
-    blocks?: {
-        [k: string]: ReactNode;
-    };
-    blockOrder?: string[];
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,EAAE,IAAI;IAC7D,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxB,GAAG,CAAC,CAAC;AAEN,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,IAAI,CAC/D,MAAM,EAAE;IACN,aAAa,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,GAAG,CAAC,KACF;IAAE,MAAM,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC"}