@strato-admin/cloudscape 0.1.1 → 0.3.0

package/src/list/Table.tsx

@@ -4,8 +4,10 @@ import Pagination from '@cloudscape-design/components/pagination';
 import Box from '@cloudscape-design/components/box';
 import TextFilter from '@cloudscape-design/components/text-filter';
 import CollectionPreferences from '@cloudscape-design/components/collection-preferences';
-import { RecordContextProvider, RaRecord, useResourceContext, useFieldSchema, useResourceDefinition, useGetResourceLabel, useTranslateLabel, useTranslate } from '@strato-admin/core';
+import { RecordContextProvider, RaRecord, useTranslateLabel, useTranslate } from '@strato-admin/ra-core';
+import { useResourceSchema, useSettings } from '@strato-admin/core';
 import { useCollection } from '../collection-hooks';
+import { useSchemaFields } from '../hooks/useSchemaFields';
 import TextField from '../field/TextField';
 import NumberField from '../field/NumberField';
 import DateField from '../field/DateField';
@@ -33,7 +35,7 @@ export const Column = ({ children, source, link, field: FieldComponent }: Column
     return (
       <>
         {React.Children.map(children, (child) =>
-          React.isValidElement(child) ? React.cloneElement(child, { source } as any) : child
+          React.isValidElement(child) ? React.cloneElement(child, { source } as any) : child,
         )}
       </>
     );
@@ -53,7 +55,7 @@ export const NumberColumn = ({ children, source, link, field: FieldComponent }:
     return (
       <>
         {React.Children.map(children, (child) =>
-          React.isValidElement(child) ? React.cloneElement(child, { source } as any) : child
+          React.isValidElement(child) ? React.cloneElement(child, { source } as any) : child,
         )}
       </>
     );
@@ -74,7 +76,7 @@ export const DateColumn = ({ children, source, link, field: FieldComponent }: Da
     return (
       <>
         {React.Children.map(children, (child) =>
-          React.isValidElement(child) ? React.cloneElement(child, { source } as any) : child
+          React.isValidElement(child) ? React.cloneElement(child, { source } as any) : child,
         )}
       </>
     );
@@ -94,7 +96,7 @@ export const BooleanColumn = ({ children, source, field: FieldComponent }: Boole
     return (
       <>
         {React.Children.map(children, (child) =>
-          React.isValidElement(child) ? React.cloneElement(child, { source } as any) : child
+          React.isValidElement(child) ? React.cloneElement(child, { source } as any) : child,
         )}
       </>
     );
@@ -136,6 +138,10 @@ export interface TableProps<RecordType extends RaRecord = any> extends Partial<
    * The title content of the table. Can be a string or a React node.
    */
   title?: React.ReactNode;
+  /**
+   * The description content of the table.
+   */
+  description?: React.ReactNode;
   /**
    * Actions to display in the table header, typically a button group.
    */
@@ -181,16 +187,9 @@ export interface TableProps<RecordType extends RaRecord = any> extends Partial<
    * Can be an array of field sources/IDs.
    * If not specified, the first 5 fields will be shown.
    */
-  defaultVisibleFields?: string[];
+  display?: string[];
 }
 
-const defaultPageSizeOptions = [
-  { value: 10, label: '10 items' },
-  { value: 25, label: '25 items' },
-  { value: 50, label: '50 items' },
-  { value: 100, label: '100 items' },
-];
-
 /**
  * The Table component provides a declarative way to build data tables with Cloudscape components
  * while integrating with React Admin's data fetching and state management.
@@ -205,43 +204,44 @@ const defaultPageSizeOptions = [
  */
 export const Table = <RecordType extends RaRecord = any>({
   title,
+  description,
   actions,
   children,
   include,
   exclude,
   filtering = true,
   filteringPlaceholder,
-  pageSizeOptions = defaultPageSizeOptions,
+  pageSizeOptions,
   preferences = true,
   reorderable = true,
-  defaultVisibleFields,
+  display,
   selectionType,
+  pagination = true,
   ...props
 }: TableProps<RecordType>) => {
-  const resource = useResourceContext();
   const translate = useTranslate();
+  const { listPageSizes, listPageSizeLabel } = useSettings();
+
+  const resolvedPageSizeOptions =
+    pageSizeOptions ??
+    (listPageSizes && listPageSizeLabel
+      ? listPageSizes.map((value) => ({
+          value,
+          label: listPageSizeLabel(value),
+        }))
+      : undefined);
   const translateLabel = useTranslateLabel();
-  const schemaChildren = useFieldSchema();
-  const resourceDefinition = useResourceDefinition({ resource });
-
-  const finalSelectionType = selectionType ?? (resourceDefinition?.options?.canDelete ? 'multi' : undefined);
+  const { resource, definition, label: schemaLabel, listDisplay } = useResourceSchema();
 
-  const finalChildren = React.useMemo(() => {
-    const baseChildren = children || schemaChildren;
-    let result = React.Children.toArray(baseChildren);
+  const { getListFields } = useSchemaFields();
 
-    if (include) {
-      result = result.filter(
-        (child) => React.isValidElement(child) && include.includes((child.props as any).source)
-      );
-    } else if (exclude) {
-      result = result.filter(
-        (child) => React.isValidElement(child) && !exclude.includes((child.props as any).source)
-      );
-    }
+  const finalSelectionType = selectionType ?? (definition?.options?.canDelete ? 'multi' : undefined);
+  const finalDisplay = display || listDisplay;
 
-    return result;
-  }, [children, schemaChildren, include, exclude]);
+  const finalChildren = React.useMemo(
+    () => getListFields(children, { include, exclude }),
+    [getListFields, children, include, exclude],
+  );
 
   // 1. Extract columns and options before calling useCollection
   const extractedColumns = React.useMemo(() => {
@@ -298,22 +298,19 @@ export const Table = <RecordType extends RaRecord = any>({
   const defaultVisibleContent = React.useMemo(() => {
     if (extractedColumns.options.length === 0) return undefined;
 
-    if (defaultVisibleFields) {
+    if (finalDisplay) {
       // Map user-provided fields to their actual IDs
       return extractedColumns.options
         .filter((opt) => {
           const column = extractedColumns.columns.find((c) => c.id === opt.id);
-          return (
-            defaultVisibleFields.includes(opt.id) ||
-            (column?.sortingField && defaultVisibleFields.includes(column.sortingField))
-          );
+          return finalDisplay.includes(opt.id) || (column?.sortingField && finalDisplay.includes(column.sortingField));
         })
         .map((opt) => opt.id);
     }
 
     // Default to first 5 toggleable columns
     return extractedColumns.options.slice(0, 5).map((opt) => opt.id);
-  }, [extractedColumns, defaultVisibleFields]);
+  }, [extractedColumns, finalDisplay]);
 
   const defaultContentDisplay = React.useMemo(() => {
     if (extractedColumns.options.length === 0) return undefined;
@@ -327,15 +324,10 @@ export const Table = <RecordType extends RaRecord = any>({
   }, [extractedColumns.options, defaultVisibleContent]);
 
   const { items, paginationProps, collectionProps, filterProps, preferencesProps } = useCollection<RecordType>({
-    filtering: {},
-    pagination: {},
-    sorting: {},
     preferences: {
-      pageSizeOptions,
-      visibleContentOptions:
-        !reorderable && extractedColumns.options.length > 0 ? extractedColumns.options : undefined,
-      contentDisplayOptions:
-        reorderable && extractedColumns.options.length > 0 ? extractedColumns.options : undefined,
+      pageSizeOptions: resolvedPageSizeOptions as any,
+      visibleContentOptions: !reorderable && extractedColumns.options.length > 0 ? extractedColumns.options : undefined,
+      contentDisplayOptions: reorderable && extractedColumns.options.length > 0 ? extractedColumns.options : undefined,
       visibleContent: defaultVisibleContent,
       contentDisplay: defaultContentDisplay,
     },
@@ -355,8 +347,6 @@ export const Table = <RecordType extends RaRecord = any>({
     });
   }, [extractedColumns.columns, extractedColumns.options, preferencesProps.preferences.visibleContent, reorderable]);
 
-  const getResourceLabel = useGetResourceLabel();
-
   const tableHeader = React.useMemo(() => {
     if (title === null || title === false) {
       return undefined;
@@ -364,9 +354,52 @@ export const Table = <RecordType extends RaRecord = any>({
     if (React.isValidElement(title)) {
       return title;
     }
-    const finalTitle = title !== undefined ? title : getResourceLabel(resource as string, 2);
-    return <TableHeader title={finalTitle} actions={actions} />;
-  }, [title, actions, resource, getResourceLabel]);
+    const finalTitle = title !== undefined ? title : schemaLabel;
+    return <TableHeader title={finalTitle} description={description} actions={actions} />;
+  }, [title, description, actions, schemaLabel]);
+
+  const finalPreferences = React.useMemo(() => {
+    if (preferences === false) return undefined;
+    if (React.isValidElement(preferences)) return preferences;
+
+    // preferences is true or an object, or we have pageSizeOptions
+    if (preferences === true || resolvedPageSizeOptions) {
+      return (
+        <CollectionPreferences
+          {...preferencesProps}
+          pageSizePreference={
+            resolvedPageSizeOptions
+              ? {
+                  options: resolvedPageSizeOptions as any,
+                }
+              : undefined
+          }
+          visibleContentPreference={
+            !reorderable && extractedColumns.options.length > 0
+              ? {
+                  title: translate('strato.action.select_columns', { _: 'Select visible columns' }),
+                  options: [
+                    {
+                      label: translate('strato.action.select_columns', { _: 'Select visible columns' }),
+                      options: extractedColumns.options,
+                    },
+                  ],
+                }
+              : undefined
+          }
+          contentDisplayPreference={
+            reorderable && extractedColumns.options.length > 0
+              ? {
+                  title: translate('strato.action.select_columns', { _: 'Select visible columns' }),
+                  options: extractedColumns.options,
+                }
+              : undefined
+          }
+        />
+      );
+    }
+    return undefined;
+  }, [preferences, resolvedPageSizeOptions, preferencesProps, reorderable, extractedColumns.options, translate]);
 
   return (
     <CloudscapeTable
@@ -379,51 +412,9 @@ export const Table = <RecordType extends RaRecord = any>({
       columnDisplay={reorderable ? preferencesProps.preferences.contentDisplay : undefined}
       items={items || []}
       header={tableHeader}
-      filter={
-        filtering && (
-          <TextFilter
-            {...filterProps}
-          />
-        )
-      }
-      pagination={<Pagination {...paginationProps} />}
-      preferences={
-        preferences === true || pageSizeOptions ? (
-          <CollectionPreferences
-            {...preferencesProps}
-            pageSizePreference={
-              pageSizeOptions
-                ? {
-                  options: pageSizeOptions,
-                }
-                : undefined
-            }
-            visibleContentPreference={
-              !reorderable && extractedColumns.options.length > 0
-                ? {
-                  title: translate('ra.action.select_columns', { _: 'Select visible columns' }),
-                  options: [
-                    {
-                      label: translate('ra.action.select_columns', { _: 'Select visible columns' }),
-                      options: extractedColumns.options,
-                    },
-                  ],
-                }
-                : undefined
-            }
-            contentDisplayPreference={
-              reorderable && extractedColumns.options.length > 0
-                ? {
-                  title: translate('ra.action.select_columns', { _: 'Select visible columns' }),
-                  options: extractedColumns.options,
-                }
-                : undefined
-            }
-          />
-        ) : React.isValidElement(preferences) ? (
-          preferences
-        ) : undefined
-      }
+      filter={filtering && <TextFilter {...filterProps} />}
+      pagination={pagination === true ? <Pagination {...paginationProps} /> : pagination || undefined}
+      preferences={finalPreferences}
     />
   );
 };

package/src/list/TableHeader.test.tsx

@@ -1,17 +1,16 @@
 import React from 'react';
 import { render, cleanup } from '@testing-library/react';
 import { vi, describe, it, expect, beforeEach, afterEach } from 'vitest';
-import { useResourceContext, useListContext, useResourceDefinitions, useTranslate } from '@strato-admin/core';
+import { useResourceContext, useListContext, useResourceDefinitions, useTranslate } from '@strato-admin/ra-core';
 import { TableHeader } from './TableHeader';
 
 // Mock ra-core
-vi.mock('@strato-admin/core', () => ({
+vi.mock('@strato-admin/ra-core', () => ({
   useResourceContext: vi.fn(),
   useListContext: vi.fn(),
   useTranslate: vi.fn(() => (key: string, options: any) => options?._ || key),
   useResourceDefinitions: vi.fn(() => ({})),
   useLocale: vi.fn(() => 'en'),
-  useCreatePath: vi.fn(() => (params: any) => `/${params.resource}/${params.type}`),
   useBulkDeleteController: vi.fn(() => ({
     handleDelete: vi.fn(),
     isPending: false,
@@ -19,6 +18,11 @@ vi.mock('@strato-admin/core', () => ({
   })),
 }));
 
+// Mock strato-core
+vi.mock('@strato-admin/core', () => ({
+  useCreatePath: vi.fn(() => (params: any) => `/${params.resource}/${params.type}`),
+}));
+
 // Mock react-router-dom
 vi.mock('react-router-dom', () => ({
   useNavigate: vi.fn(),
@@ -64,20 +68,20 @@ describe('TableHeader', () => {
     cleanup();
   });
 
-  it('should render title and counter', () => {
+  it('should render title', () => {
     (useResourceContext as any).mockReturnValue('products');
-    (useListContext as any).mockReturnValue({ 
-      total: 10, 
-      isPending: false, 
-      selectedIds: [], 
-      defaultTitle: 'Products' 
+    (useListContext as any).mockReturnValue({
+      total: 10,
+      isPending: false,
+      selectedIds: [],
+      defaultTitle: 'Products',
     });
     (useResourceDefinitions as any).mockReturnValue({ products: { hasCreate: false } });
 
-    const { getByTestId } = render(<TableHeader />);
+    const { getByTestId, queryByTestId } = render(<TableHeader />);
 
     expect(getByTestId('header-title').textContent).toBe('Products');
-    expect(getByTestId('header-counter').textContent).toBe('(10)');
+    expect(queryByTestId('header-counter')).toBeNull();
   });
 
   it('should render actions by default', () => {

package/src/list/TableHeader.tsx

@@ -1,18 +1,19 @@
 import React from 'react';
 import Header, { HeaderProps } from '@cloudscape-design/components/header';
 import SpaceBetween from '@cloudscape-design/components/space-between';
-import { useListContext, useTranslate, useLocale } from '@strato-admin/core';
+import { useListContext, useTranslate, useLocale } from '@strato-admin/ra-core';
 import { BulkDeleteButton } from '../button/BulkDeleteButton';
 import { CreateButton } from '../button/CreateButton';
 
-export interface TableHeaderProps extends Omit<HeaderProps, 'children'> {
+export interface TableHeaderProps
+  extends Pick<HeaderProps, 'variant' | 'counter' | 'actions' | 'description' | 'info' | 'headingTagOverride'> {
   title?: React.ReactNode;
 }
 
-export const TableHeader = ({ title, actions, ...props }: TableHeaderProps) => {
+export const TableHeader = ({ title, actions, description, counter, info, variant = 'h2', headingTagOverride }: TableHeaderProps) => {
   const translate = useTranslate();
   const locale = useLocale();
-  const { total, isPending, defaultTitle } = useListContext();
+  const { defaultTitle } = useListContext();
 
   const headerTitle = React.useMemo(() => {
     if (title !== undefined) {
@@ -21,9 +22,6 @@ export const TableHeader = ({ title, actions, ...props }: TableHeaderProps) => {
     return defaultTitle;
   }, [title, defaultTitle, translate, locale]);
 
-  const counter =
-    props.counter !== undefined ? props.counter : !isPending && total !== undefined ? `(${total})` : undefined;
-
   const headerActions =
     actions !== undefined ? (
       actions
@@ -35,7 +33,7 @@ export const TableHeader = ({ title, actions, ...props }: TableHeaderProps) => {
     );
 
   return (
-    <Header variant="h2" {...props} actions={headerActions} counter={counter}>
+    <Header variant={variant} actions={headerActions} counter={counter} description={description} info={info} headingTagOverride={headingTagOverride}>
       {headerTitle}
     </Header>
   );

package/src/theme/ThemeManager.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useStore } from '@strato-admin/core';
+import { useStore } from '@strato-admin/ra-core';
 import { Mode, applyMode } from '@cloudscape-design/global-styles';
 
 export const ThemeManager = () => {

package/dist/__mocks__/strato-core.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { vi } from 'vitest';
-export const useTranslate = vi.fn(() => (key, options) => options?._ || key);
-export const useTranslateLabel = vi.fn(() => (label) => typeof label === 'string' ? label : label?.source || '');
-export const useGetResourceLabel = vi.fn(() => (resource) => {
-    if (resource === 'products')
-        return 'Products';
-    if (resource === 'categories')
-        return 'Categories';
-    return resource;
-});
-export const useResourceDefinitions = vi.fn(() => ({}));
-export const useResourceDefinition = vi.fn(() => ({
-    name: 'products',
-    options: { label: 'Products' },
-}));
-export const useResourceContext = vi.fn();
-export const useRecordContext = vi.fn((record) => record || {});
-export const useDefaultTitle = vi.fn(() => '');
-export const useInput = vi.fn();
-export const useChoicesContext = vi.fn(() => ({ allChoices: [], isPending: false }));
-export const useGetRecordRepresentation = vi.fn(() => (record) => record?.name || record?.id || record);
-export const useFieldSchema = vi.fn(() => []);
-export const useInputSchema = vi.fn(() => []);
-export const ResourceSchemaProvider = vi.fn(({ children }) => children);
-export const ValidationError = vi.fn(({ error }) => _jsx("span", { children: error }));
-export const useStore = vi.fn(() => ['light', vi.fn()]);
-export const useSaveContext = vi.fn(() => ({ save: vi.fn(), saving: false }));
-export const useNotify = vi.fn(() => vi.fn());
-export const useRedirect = vi.fn(() => vi.fn());
-export const useRefresh = vi.fn(() => vi.fn());
-export const useFieldValue = vi.fn(({ source, record }) => record?.[source]);
-export const useCreatePath = vi.fn(() => (params) => `/${params.resource}/${params.id}/${params.type}`);
-export const useLocale = vi.fn(() => 'en');
-export const useBulkDeleteController = vi.fn(() => ({
-    handleDelete: vi.fn(),
-    isPending: false,
-    isLoading: false,
-}));
-export const CreateBase = vi.fn(({ children }) => _jsx("div", { "data-testid": "create-base", children: children }));
-export const EditBase = vi.fn(({ children }) => _jsx("div", { "data-testid": "edit-base", children: children }));
-export const ShowBase = vi.fn(({ children }) => _jsx("div", { "data-testid": "show-base", children: children }));
-export const ListBase = vi.fn(({ children }) => _jsx("div", { "data-testid": "list-base", children: children }));
-export const useShowContext = vi.fn(() => ({ isLoading: false, record: {}, defaultTitle: 'Products' }));
-export const useEditContext = vi.fn(() => ({ isLoading: false, record: {}, defaultTitle: 'Products' }));
-export const useCreateContext = vi.fn(() => ({ isLoading: false, record: {}, defaultTitle: 'Products' }));
-export const useListContext = vi.fn(() => ({ total: 0, isPending: false, selectedIds: [], defaultTitle: 'Products' }));
-export const Form = vi.fn(({ children }) => _jsx("div", { "data-testid": "ra-form", children: children }));
-export const FieldTitle = vi.fn(({ label, source }) => _jsx("span", { "data-testid": "field-title", children: label || source }));
-export const RecordContextProvider = vi.fn(({ children }) => _jsx(_Fragment, { children: children }));

package/dist/__mocks__to__delete/strato-core.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { vi } from 'vitest';
-export const useTranslate = vi.fn(() => (key, options) => options?._ || key);
-export const useTranslateLabel = vi.fn(() => (label) => typeof label === 'string' ? label : label?.source || '');
-export const useGetResourceLabel = vi.fn(() => (resource) => {
-    if (resource === 'products')
-        return 'Products';
-    if (resource === 'categories')
-        return 'Categories';
-    return resource;
-});
-export const useResourceDefinitions = vi.fn(() => ({}));
-export const useResourceDefinition = vi.fn(() => ({
-    name: 'products',
-    options: { label: 'Products' },
-}));
-export const useResourceContext = vi.fn();
-export const useRecordContext = vi.fn((record) => record || {});
-export const useDefaultTitle = vi.fn(() => '');
-export const useInput = vi.fn();
-export const useChoicesContext = vi.fn(() => ({ allChoices: [], isPending: false }));
-export const useGetRecordRepresentation = vi.fn(() => (record) => record?.name || record?.id || record);
-export const useFieldSchema = vi.fn(() => []);
-export const useInputSchema = vi.fn(() => []);
-export const ResourceSchemaProvider = vi.fn(({ children }) => children);
-export const ValidationError = vi.fn(({ error }) => _jsx("span", { children: error }));
-export const useStore = vi.fn(() => ['light', vi.fn()]);
-export const useSaveContext = vi.fn(() => ({ save: vi.fn(), saving: false }));
-export const useNotify = vi.fn(() => vi.fn());
-export const useRedirect = vi.fn(() => vi.fn());
-export const useRefresh = vi.fn(() => vi.fn());
-export const useFieldValue = vi.fn(({ source, record }) => record?.[source]);
-export const useCreatePath = vi.fn(() => (params) => `/${params.resource}/${params.id}/${params.type}`);
-export const useLocale = vi.fn(() => 'en');
-export const useBulkDeleteController = vi.fn(() => ({
-    handleDelete: vi.fn(),
-    isPending: false,
-    isLoading: false,
-}));
-export const CreateBase = vi.fn(({ children }) => _jsx("div", { "data-testid": "create-base", children: children }));
-export const EditBase = vi.fn(({ children }) => _jsx("div", { "data-testid": "edit-base", children: children }));
-export const ShowBase = vi.fn(({ children }) => _jsx("div", { "data-testid": "show-base", children: children }));
-export const ListBase = vi.fn(({ children }) => _jsx("div", { "data-testid": "list-base", children: children }));
-export const useShowContext = vi.fn(() => ({ isLoading: false, record: {}, defaultTitle: 'Products' }));
-export const useEditContext = vi.fn(() => ({ isLoading: false, record: {}, defaultTitle: 'Products' }));
-export const useCreateContext = vi.fn(() => ({ isLoading: false, record: {}, defaultTitle: 'Products' }));
-export const useListContext = vi.fn(() => ({ total: 0, isPending: false, selectedIds: [], defaultTitle: 'Products' }));
-export const Form = vi.fn(({ children }) => _jsx("div", { "data-testid": "ra-form", children: children }));
-export const FieldTitle = vi.fn(({ label, source }) => _jsx("span", { "data-testid": "field-title", children: label || source }));
-export const RecordContextProvider = vi.fn(({ children }) => _jsx(_Fragment, { children: children }));

package/dist/detail/Show.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import { type RaRecord } from '@strato-admin/core';
-export interface ShowProps<_RecordType extends RaRecord = RaRecord> {
-    children?: React.ReactNode;
-    fieldSchema?: React.ReactNode;
-    title?: React.ReactNode;
-    actions?: React.ReactNode;
-    resource?: string;
-    id?: any;
-    queryOptions?: any;
-    include?: string[];
-    exclude?: string[];
-}
-/**
- * A Show component that provides record context and a Cloudscape Container.
- *
- * @example
- * <Show>
- *   <KeyValuePairs>
- *     <TextField source="name" />
- *     <NumberField source="price" />
- *   </KeyValuePairs>
- * </Show>
- *
- * @example
- * // Using FieldSchema from context
- * <Show include={['name', 'price']} />
- *
- * @example
- * // Passing a custom field schema
- * <Show fieldSchema={<FieldSchema>...</FieldSchema>}>
- *   <KeyValuePairs />
- * </Show>
- */
-export declare const Show: {
-    <RecordType extends RaRecord = RaRecord<import("@strato-admin/ra-core").Identifier>>({ children, fieldSchema, title, actions, include, exclude, ...props }: ShowProps<RecordType>): import("react/jsx-runtime").JSX.Element;
-    Header: ({ title, actions, ...props }: import("./ShowHeader").ShowHeaderProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default Show;

package/dist/detail/Show.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ShowBase, useShowContext, ResourceSchemaProvider } from '@strato-admin/core';
-import Container from '@cloudscape-design/components/container';
-import SpaceBetween from '@cloudscape-design/components/space-between';
-import { ShowHeader } from './ShowHeader';
-import KeyValuePairs from './KeyValuePairs';
-const ShowUI = ({ children, resource, fieldSchema, title, actions, include, exclude, }) => {
-    const { record, isLoading } = useShowContext();
-    if (isLoading || !record) {
-        return null;
-    }
-    const finalChildren = children || _jsx(KeyValuePairs, { include: include, exclude: exclude });
-    return (_jsx(ResourceSchemaProvider, { resource: resource, fieldSchema: fieldSchema, children: _jsx(Container, { header: _jsx(ShowHeader, { title: title, actions: actions }), children: _jsx(SpaceBetween, { direction: "vertical", size: "l", children: finalChildren }) }) }));
-};
-/**
- * A Show component that provides record context and a Cloudscape Container.
- *
- * @example
- * <Show>
- *   <KeyValuePairs>
- *     <TextField source="name" />
- *     <NumberField source="price" />
- *   </KeyValuePairs>
- * </Show>
- *
- * @example
- * // Using FieldSchema from context
- * <Show include={['name', 'price']} />
- *
- * @example
- * // Passing a custom field schema
- * <Show fieldSchema={<FieldSchema>...</FieldSchema>}>
- *   <KeyValuePairs />
- * </Show>
- */
-export const Show = ({ children, fieldSchema, title, actions, include, exclude, ...props }) => {
-    return (_jsx(ShowBase, { ...props, children: _jsx(ShowUI, { resource: props.resource, title: title, actions: actions, include: include, exclude: exclude, fieldSchema: fieldSchema, children: children }) }));
-};
-Show.Header = ShowHeader;
-export default Show;

package/dist/detail/ShowHeader.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { HeaderProps } from '@cloudscape-design/components/header';
-export interface ShowHeaderProps extends Omit<HeaderProps, 'children'> {
-    title?: React.ReactNode;
-}
-export declare const ShowHeader: ({ title, actions, ...props }: ShowHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default ShowHeader;

package/dist/input/AttributeEditor.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { InputProps } from './types';
-export interface AttributeEditorItemProps {
-    source: string;
-    label?: string | false;
-    field?: React.ComponentType<any>;
-    validate?: any;
-    defaultValue?: any;
-    children?: React.ReactNode;
-}
-export declare const Item: (_props: AttributeEditorItemProps) => null;
-export interface AttributeEditorProps extends Omit<InputProps, 'source'> {
-    source?: string;
-    children: React.ReactNode;
-    addButtonText?: string;
-    removeButtonText?: string;
-    empty?: React.ReactNode;
-    disableAddButton?: boolean;
-    hideAddButton?: boolean;
-}
-export declare const AttributeEditor: {
-    (props: AttributeEditorProps): import("react/jsx-runtime").JSX.Element;
-    Item: (_props: AttributeEditorItemProps) => null;
-};
-export default AttributeEditor;