@zealicsolutions/web-ui 1.0.99-beta.54 → 1.0.99-beta.56

package/dist/cjs/organisms/DataGrid/ListView/ListView.d.ts

@@ -0,0 +1,21 @@
+import type { GridColDef } from '@mui/x-data-grid-pro';
+import type { FC } from 'react';
+type Props = {
+    rows: Array<Record<string, unknown>>;
+    total: number;
+    isLoading: boolean;
+    error?: Error | null;
+    page: number;
+    pageSize: number;
+    density: 'compact' | 'comfortable';
+    filterModel: any;
+    listViewColumn: any;
+    hiddenColumns: GridColDef[];
+    columnsKey: string;
+    apiRef: any;
+    setPage: (p: number) => void;
+    setPageSize: (s: number) => void;
+    gridStyles: Record<string, unknown>;
+};
+export declare const ListView: FC<Props>;
+export {};

package/dist/cjs/organisms/DataGrid/ListView/hooks/useListColumns.d.ts

@@ -0,0 +1,10 @@
+import type { GridColDef, GridListViewColDef } from '@mui/x-data-grid-pro';
+export type UseListColumnsParams = {
+    organism?: any;
+    density: 'compact' | 'comfortable';
+};
+export declare const useListColumns: ({ organism, density }: UseListColumnsParams) => {
+    hiddenColumns: GridColDef[];
+    listViewColumn: GridListViewColDef;
+    columnsKey: string;
+};

package/dist/cjs/organisms/DataGrid/ListView/hooks/useListItemTemplate.d.ts

@@ -0,0 +1,6 @@
+import type { GridColDef, GridListViewColDef } from '@mui/x-data-grid-pro';
+import type { Density } from '../templates/types';
+export declare const useListItemTemplate: (params: {
+    organism?: any;
+    density: Density;
+}, hiddenColumns: GridColDef[]) => GridListViewColDef;

package/dist/cjs/organisms/DataGrid/ListView/stories/ListView.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ListView } from '../ListView';
+declare const meta: Meta<typeof ListView>;
+export default meta;
+type Story = StoryObj<typeof ListView>;
+export declare const Basic: Story;
+export declare const VisitCheckRow: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/components/Custom.d.ts

@@ -0,0 +1,25 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+import type { ColumnCfg } from '../types';
+type Layout = {
+    gap: number;
+    verticalGap: number;
+    trailingDirection: 'horizontal' | 'vertical';
+    templateColumns?: string;
+    item?: {
+        padding?: number;
+        backgroundColor?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        boxShadow?: string;
+    };
+};
+type Props = {
+    params: GridRenderCellParams;
+    cfgCols: ColumnCfg[];
+    columns: Array<{
+        field: string;
+    }>;
+    layout: Layout;
+};
+export declare const Custom: ({ params, cfgCols, layout }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListView/templates/components/FourItems.d.ts

@@ -0,0 +1,24 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+import type { ColumnCfg } from '../types';
+type Layout = {
+    gap: number;
+    verticalGap: number;
+    trailingDirection: 'horizontal' | 'vertical';
+    item?: {
+        padding?: number;
+        backgroundColor?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        boxShadow?: string;
+    };
+};
+type Props = {
+    params: GridRenderCellParams;
+    cfgCols: ColumnCfg[];
+    columns: Array<{
+        field: string;
+    }>;
+    layout: Layout;
+};
+export declare const FourItems: ({ params, cfgCols, layout }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListView/templates/components/VisitCard.d.ts

@@ -0,0 +1,9 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+type Props = {
+    params: GridRenderCellParams;
+    columns: Array<{
+        field: string;
+    }>;
+};
+export declare const VisitCard: ({ params, columns }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListView/templates/components/VisitCardCheck.d.ts

@@ -0,0 +1,9 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+type Props = {
+    params: GridRenderCellParams;
+    columns: Array<{
+        field: string;
+    }>;
+};
+export declare const VisitCardCheck: ({ params, columns }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListView/templates/registry.d.ts

@@ -0,0 +1,15 @@
+import type { GridColDef, GridListViewColDef } from '@mui/x-data-grid-pro';
+import type { ColumnCfg, ListTemplateId, TemplateAreas } from './types';
+export declare const buildTemplateRenderer: (templateType: ListTemplateId, _areas: TemplateAreas, _layout: {
+    gap: number;
+    verticalGap: number;
+    trailingDirection: 'horizontal' | 'vertical';
+    templateColumns?: string;
+    item?: {
+        padding?: number;
+        backgroundColor?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        boxShadow?: string;
+    };
+}, cfgCols: ColumnCfg[], hiddenColumns: GridColDef[]) => GridListViewColDef | undefined;

package/dist/cjs/organisms/DataGrid/ListView/templates/stories/Custom.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ListView } from '../../ListView';
+declare const meta: Meta<typeof ListView>;
+export default meta;
+type Story = StoryObj<typeof ListView>;
+export declare const Basic: Story;
+export declare const FancyCard: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/stories/VisitCard.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ListView } from '../../ListView';
+declare const meta: Meta<typeof ListView>;
+export default meta;
+type Story = StoryObj<typeof ListView>;
+export declare const Basic: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/stories/VisitCardCheck.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ListView } from '../../ListView';
+declare const meta: Meta<typeof ListView>;
+export default meta;
+type Story = StoryObj<typeof ListView>;
+export declare const Basic: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/types.d.ts

@@ -0,0 +1,46 @@
+export type Density = 'compact' | 'comfortable';
+export type ColumnCfg = {
+    id: string;
+    kind: 'data' | 'component';
+    headerName: string;
+    field?: string;
+    width?: number;
+    renderer?: string;
+    rendererProps?: Record<string, unknown>;
+    componentRenderer?: string;
+    componentProps?: Record<string, unknown>;
+    sortable?: boolean;
+    filterable?: boolean;
+};
+export type ListTemplateId = 'compact' | 'mediaLeft' | 'titleSubtitleMeta' | 'twoColumn' | 'custom' | 'visitCard' | 'visitCardCheck' | 'fourItems';
+export type TemplateAreas = {
+    primary?: ColumnCfg | undefined;
+    secondary?: ColumnCfg | undefined;
+    meta?: ColumnCfg[];
+    trailing?: ColumnCfg[];
+    topLeft?: ColumnCfg | undefined;
+    topRight?: ColumnCfg | undefined;
+    bottomLeft?: ColumnCfg | undefined;
+    bottomRight?: ColumnCfg | undefined;
+};
+export type Mapping = {
+    primaryFieldId?: string;
+    secondaryFieldId?: string;
+    metaFieldIds?: string[];
+    trailingComponentIds?: string[];
+    topLeftFieldId?: string;
+    topRightFieldId?: string;
+    bottomLeftFieldId?: string;
+    bottomRightFieldId?: string;
+};
+export type LayoutCfg = {
+    templateColumns?: string;
+    gap?: number;
+    verticalGap?: number;
+    trailingDirection?: 'horizontal' | 'vertical';
+    itemPadding?: number;
+    itemBackgroundColor?: string;
+    itemBorderColor?: string;
+    itemBorderRadius?: number;
+    itemBoxShadow?: string;
+};

package/dist/cjs/organisms/DataGrid/ListView/templates/utils.d.ts

@@ -0,0 +1,20 @@
+import type { GridColDef } from '@mui/x-data-grid-pro';
+import type { ColumnCfg, LayoutCfg, ListTemplateId, Mapping, TemplateAreas } from './types';
+export declare const pickById: (cols: ColumnCfg[], id?: string) => ColumnCfg | undefined;
+export declare const getTemplateAreas: (templateType: ListTemplateId, cfgCols: ColumnCfg[], mapping: Mapping) => TemplateAreas;
+export declare const getTemplateLayout: (templateType: ListTemplateId, layoutCfg: LayoutCfg) => {
+    gap: number;
+    verticalGap: number;
+    trailingDirection: 'horizontal' | 'vertical';
+    templateColumns?: string | undefined;
+    item?: {
+        padding?: number | undefined;
+        backgroundColor?: string | undefined;
+        borderColor?: string | undefined;
+        borderRadius?: number | undefined;
+        boxShadow?: string | undefined;
+    } | undefined;
+};
+export declare const hiddenToSimpleColumns: (hiddenColumns: GridColDef[]) => Array<{
+    field: string;
+}>;

package/dist/cjs/organisms/DataGrid/TableView/TableView.d.ts

@@ -0,0 +1,20 @@
+import type { GridColDef } from '@mui/x-data-grid-pro';
+import type { FC } from 'react';
+type Props = {
+    rows: Array<Record<string, unknown>>;
+    total: number;
+    isLoading: boolean;
+    error?: Error | null;
+    page: number;
+    pageSize: number;
+    density: 'compact' | 'comfortable';
+    filterModel: any;
+    columns: GridColDef[];
+    columnsKey: string;
+    apiRef: any;
+    setPage: (p: number) => void;
+    setPageSize: (s: number) => void;
+    gridStyles: Record<string, unknown>;
+};
+export declare const TableView: FC<Props>;
+export {};

package/dist/{esm/organisms/DataGrid/hooks/useDataGridColumns.d.ts → cjs/organisms/DataGrid/TableView/hooks/useTableColumns.d.ts}

@@ -1,5 +1,5 @@
 import type { GridColDef } from '@mui/x-data-grid-pro';
-type Params = {
+export type UseTableColumnsParams = {
     organism?: any;
     density: 'compact' | 'comfortable';
     onAction?: (payload: {
@@ -10,5 +10,7 @@ type Params = {
         current?: any;
     };
 };
-export declare const useDataGridColumns: ({ organism, density, onAction, apiRef, }: Params) => GridColDef[];
-export {};
+export declare const useTableColumns: ({ organism, density, onAction, apiRef, }: UseTableColumnsParams) => {
+    columns: GridColDef[];
+    columnsKey: string;
+};

package/dist/cjs/organisms/DataGrid/TableView/stories/TableView.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableView } from '../TableView';
+declare const meta: Meta<typeof TableView>;
+export default meta;
+type Story = StoryObj<typeof TableView>;
+export declare const Basic: Story;

package/dist/cjs/organisms/DataGrid/Toolbar/Toolbar.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from 'react';
+import type { QuickFilterConfig } from './components/QuickFilters';
+type Density = 'compact' | 'comfortable';
+type Props = {
+    cfgRoot: any;
+    densityToggle: boolean;
+    quickFiltersCfg: Array<QuickFilterConfig>;
+    showSearchControl: boolean;
+    showExport: boolean;
+    search: string;
+    showSearch: boolean;
+    density: Density;
+    apiRef: {
+        current?: {
+            exportDataAsCsv?: () => void;
+        };
+    };
+    quickFilters: Record<string, string | string[]>;
+    setQuickFilter: (field: string, value: string) => void;
+    setDensity: (d: Density) => void;
+    setSearch: (s: string) => void;
+    setShowSearch: (v: boolean) => void;
+};
+export declare const Toolbar: FC<Props>;
+export {};

package/dist/cjs/organisms/DataGrid/Toolbar/components/DensityToggle.d.ts

@@ -0,0 +1,16 @@
+import type { FC } from 'react';
+export type Density = 'compact' | 'comfortable';
+export type DensityStyles = {
+    backgroundColor?: string;
+    borderRadius?: number;
+    selectedTextColor?: string;
+    selectedBackgroundColor?: string;
+};
+type Props = {
+    controlHeight: number;
+    density: Density;
+    styles?: DensityStyles;
+    setDensity: (d: Density) => void;
+};
+export declare const DensityToggle: FC<Props>;
+export {};

package/dist/cjs/organisms/DataGrid/Toolbar/components/ExportCsvButton.d.ts

@@ -0,0 +1,18 @@
+import type { FC } from 'react';
+export type ExportButtonStyles = {
+    borderRadius?: number;
+    backgroundColor?: string;
+    borderColor?: string;
+    iconColor?: string;
+};
+type Props = {
+    controlHeight: number;
+    styles?: ExportButtonStyles;
+    apiRef: {
+        current?: {
+            exportDataAsCsv?: () => void;
+        };
+    };
+};
+export declare const ExportCsvButton: FC<Props>;
+export {};

package/dist/cjs/organisms/DataGrid/Toolbar/components/QuickFilters.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from 'react';
+export type Density = 'compact' | 'comfortable';
+export type QuickFilterConfig = {
+    label: string;
+    columnField: string;
+    value: string;
+    color?: string;
+};
+export type QuickFiltersStyles = {
+    chipGap?: number;
+    chipBackgroundColor?: string;
+    selectedChipColor?: string;
+    chipTextColor?: string;
+    chipBorderColor?: string;
+    chipBorderRadius?: number;
+};
+type Props = {
+    controlHeight: number;
+    quickFiltersCfg: QuickFilterConfig[];
+    quickFilters: Record<string, string | string[]>;
+    styles?: QuickFiltersStyles;
+    setQuickFilter: (field: string, value: string) => void;
+};
+export declare const QuickFilters: FC<Props>;
+export {};

package/dist/cjs/organisms/DataGrid/Toolbar/components/SearchControl.d.ts

@@ -0,0 +1,19 @@
+import type { FC } from 'react';
+export type SearchControlConfig = {
+    placeholder?: string;
+    autoFocus?: boolean;
+    borderRadius?: number;
+    backgroundColor?: string;
+    borderColor?: string;
+};
+type Props = {
+    controlHeight: number;
+    searchWidth: number;
+    search: string;
+    showSearch: boolean;
+    config?: SearchControlConfig;
+    setSearch: (s: string) => void;
+    setShowSearch: (v: boolean) => void;
+};
+export declare const SearchControl: FC<Props>;
+export {};

package/dist/cjs/organisms/DataGrid/config/descriptors.d.ts

@@ -1,7 +1,42 @@
 export declare const dataGridConfiguratorDescriptor: {
     readonly component: "DataGridOrganism";
-    readonly version: "1.1.0";
+    readonly version: "1.2.0";
     readonly toolGroups: readonly [{
+        readonly id: "view";
+        readonly tool: "dataGridListConfigurator";
+        readonly titleKey: "config.datagrid.group.view";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "view";
+        readonly defaultView: "listView";
+        readonly toolConfig: {
+            readonly templates: readonly [{
+                readonly id: "custom";
+                readonly labelKey: "config.datagrid.list.template.custom";
+            }, {
+                readonly id: "visitCard";
+                readonly labelKey: "config.datagrid.list.template.visitCard";
+            }, {
+                readonly id: "visitCardCheck";
+                readonly labelKey: "config.datagrid.list.template.visitCardCheck";
+            }, {
+                readonly id: "fourItems";
+                readonly labelKey: "config.datagrid.list.template.fourItems";
+            }, {
+                readonly id: "compact";
+                readonly labelKey: "config.datagrid.list.template.compact";
+            }, {
+                readonly id: "mediaLeft";
+                readonly labelKey: "config.datagrid.list.template.mediaLeft";
+            }, {
+                readonly id: "titleSubtitleMeta";
+                readonly labelKey: "config.datagrid.list.template.titleSubtitleMeta";
+            }, {
+                readonly id: "twoColumn";
+                readonly labelKey: "config.datagrid.list.template.twoColumn";
+            }];
+        };
+    }, {
         readonly id: "columns";
         readonly tool: "dataGridColumns";
         readonly titleKey: "config.datagrid.group.columns";

package/dist/cjs/organisms/DataGrid/config/toolDescriptor/view.d.ts

@@ -0,0 +1,36 @@
+export declare const viewGroup: {
+    readonly id: "view";
+    readonly tool: "dataGridListConfigurator";
+    readonly titleKey: "config.datagrid.group.view";
+    readonly collapsible: true;
+    readonly initiallyExpanded: true;
+    readonly pathBase: "view";
+    readonly defaultView: "listView";
+    readonly toolConfig: {
+        readonly templates: readonly [{
+            readonly id: "custom";
+            readonly labelKey: "config.datagrid.list.template.custom";
+        }, {
+            readonly id: "visitCard";
+            readonly labelKey: "config.datagrid.list.template.visitCard";
+        }, {
+            readonly id: "visitCardCheck";
+            readonly labelKey: "config.datagrid.list.template.visitCardCheck";
+        }, {
+            readonly id: "fourItems";
+            readonly labelKey: "config.datagrid.list.template.fourItems";
+        }, {
+            readonly id: "compact";
+            readonly labelKey: "config.datagrid.list.template.compact";
+        }, {
+            readonly id: "mediaLeft";
+            readonly labelKey: "config.datagrid.list.template.mediaLeft";
+        }, {
+            readonly id: "titleSubtitleMeta";
+            readonly labelKey: "config.datagrid.list.template.titleSubtitleMeta";
+        }, {
+            readonly id: "twoColumn";
+            readonly labelKey: "config.datagrid.list.template.twoColumn";
+        }];
+    };
+};

package/dist/cjs/organisms/DataGrid/config/types.d.ts

@@ -1,4 +1,4 @@
-import type { DataGridOrganismConfig } from '../types';
+import type { DataGridOrganismConfig } from '../types/types';
 export type FieldType = 'text' | 'number' | 'color' | 'select' | 'switch' | 'checkbox' | 'array';
 export type GridSpan = {
     xs?: number;

package/dist/cjs/organisms/DataGrid/hooks/useDataGridOrganism.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { GridColDef, GridFilterModel } from '@mui/x-data-grid-pro';
-import type { DataGridOrganismConfig } from '../types';
+import type { DataGridOrganismConfig } from '../types/types';
 type Params = {
     organism?: {
         id?: string;
@@ -16,6 +16,7 @@ type Params = {
 export declare const useDataGridOrganism: (params: Params) => {
     organismId: string;
     configuration: DataGridOrganismConfig;
+    usingLegacyListConfig: boolean;
     rows: Record<string, unknown>[];
     total: number;
     isLoading: boolean;
@@ -34,12 +35,14 @@ export declare const useDataGridOrganism: (params: Params) => {
     columnsKey: string;
     apiRef: import("react").MutableRefObject<import("@mui/x-data-grid-pro").GridApiPro | null>;
     columns: GridColDef<any, any, any>[];
+    listViewColumn: import("@mui/x-data-grid-pro").GridListViewColDef<any, any, any>;
+    resolvedView: "table" | "list";
     setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
     setPageSize: import("react").Dispatch<import("react").SetStateAction<number>>;
     setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
     setQuickFilter: (columnField: string, value: string) => void;
     setDensity: import("react").Dispatch<import("react").SetStateAction<"compact" | "comfortable">>;
     setShowSearch: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").al | undefined) => Promise<import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").aC<import("../types").DataGridPage, Error>>;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").al | undefined) => Promise<import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").aC<import("../types/types").DataGridPage, Error>>;
 };
 export {};

package/dist/cjs/organisms/DataGrid/index.d.ts

@@ -2,4 +2,4 @@ export * from './config/descriptors';
 export * from './config/types';
 export { DataGridOrganism } from './DataGridOrganism';
 export * from './renderers';
-export * from './types';
+export * from './types/types';

package/dist/cjs/organisms/DataGrid/queries/useDataGridRows.d.ts

@@ -1,4 +1,4 @@
-import type { DataGridPage, DataGridQuery } from '../types';
+import type { DataGridPage, DataGridQuery } from '../types/types';
 type Params = {
     organismId: string;
     query: DataGridQuery;

package/dist/cjs/organisms/DataGrid/stories/DataGridOrganism.list.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryFn } from '@storybook/react';
+import { DataGridOrganism } from '../DataGridOrganism';
+declare const meta: Meta<typeof DataGridOrganism>;
+export default meta;
+export declare const ListView: StoryFn<typeof DataGridOrganism>;
+export declare const ListViewBasic: StoryFn<typeof DataGridOrganism>;
+export declare const ListViewCustomItem: StoryFn<typeof DataGridOrganism>;

package/dist/cjs/organisms/DataGrid/stories/DataGridOrganism.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryFn } from '@storybook/react';
+import { DataGridOrganism } from '../DataGridOrganism';
+declare const meta: Meta<typeof DataGridOrganism>;
+export default meta;
+export declare const Basic: StoryFn<typeof DataGridOrganism>;
+export declare const Loading: StoryFn<typeof DataGridOrganism>;

package/dist/{esm/organisms/DataGrid → cjs/organisms/DataGrid/types}/hostTypes.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { OrganismDTO } from '../types';
+import type { OrganismDTO } from '../../types';
 import type { ColumnActionConfig, DataGridOrganismConfig } from './types';
 export interface DataGridOrganismHostProps {
     organism: OrganismDTO & {

package/dist/cjs/organisms/DataGrid/{types.d.ts → types/types.d.ts}

@@ -80,8 +80,32 @@ export interface ComponentColumnConfig extends ColumnBaseConfig {
     componentProps?: Record<string, unknown>;
 }
 export type ColumnConfig = DataColumnConfig | ComponentColumnConfig;
+export type DataGridViewMode = 'table' | 'list' | 'auto';
+export interface DataGridListMappingConfig {
+    primaryFieldId?: string;
+    secondaryFieldId?: string;
+    metaFieldIds?: string[];
+    trailingComponentIds?: string[];
+}
+export interface DataGridListLayoutConfig {
+    templateColumns?: string;
+    gap?: number;
+    verticalGap?: number;
+}
+export interface DataGridListA11yConfig {
+    primarySlot?: string;
+}
+export interface DataGridListConfig {
+    mapping?: DataGridListMappingConfig;
+    layout?: DataGridListLayoutConfig;
+    a11y?: DataGridListA11yConfig;
+}
 export interface DataGridOrganismConfig {
     columns: ColumnConfig[];
+    /** Optional view mode for the grid: table (default), list, or auto (responsive) */
+    view?: DataGridViewMode;
+    /** Optional list configuration used when view is set to 'list' */
+    list?: DataGridListConfig;
     toolbar?: {
         search?: boolean;
         exportCsv?: boolean;

package/dist/cjs/organisms/index.d.ts

@@ -1,5 +1,7 @@
 export * from './DataGrid';
+export * from './CalendarDataGridOrganism';
 export { CalendarOrganism, CalendarOrganismProps } from './CalendarOrganism';
+export * from './DataGrid/DataGridOrganism';
 export { useDataGridOrganism } from './DataGrid/hooks/useDataGridOrganism';
-export { DataGridOrganismHostProps } from './DataGrid/hostTypes';
+export { DataGridOrganismHostProps } from './DataGrid/types/hostTypes';
 export { Organism } from './Organism/Organism';

package/dist/cjs/organisms/organismConfigurators.d.ts

@@ -1,5 +1,6 @@
+import { calendarDataGridConfiguratorDescriptor } from './CalendarDataGridOrganism/config/descriptors';
 import { calendarConfiguratorDescriptor } from './CalendarOrganism/config/descriptors';
 import { dataGridConfiguratorDescriptor } from './DataGrid/config/descriptors';
-export type OrganismConfiguratorDescriptor = typeof calendarConfiguratorDescriptor | typeof dataGridConfiguratorDescriptor;
+export type OrganismConfiguratorDescriptor = typeof calendarConfiguratorDescriptor | typeof dataGridConfiguratorDescriptor | typeof calendarDataGridConfiguratorDescriptor;
 export declare const organismConfiguratorsMap: Record<string, OrganismConfiguratorDescriptor>;
-export { calendarConfiguratorDescriptor, dataGridConfiguratorDescriptor };
+export { calendarConfiguratorDescriptor, calendarDataGridConfiguratorDescriptor, dataGridConfiguratorDescriptor };

package/dist/esm/components/Buttons/TextButton.d.ts

@@ -1,6 +1,6 @@
+import { BaseButtonProps } from 'molecules';
 import React from 'react';
 import type { StylesType } from 'typescript';
-import { BaseButtonProps } from 'molecules';
 export type LinkVariant = 'link' | 'custom';
 export type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
     buttonLink: string;

package/dist/esm/components/Buttons/TextButton.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n,__rest as o,__assign as r}from"../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import t from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{css as i}from"../../node_modules/@emotion/react/dist/emotion-react.esm.js";import{getShadeColor as l,getTintColor as c}from"../../helpers/styles.js";import{alpha as s}from"../../node_modules/@mui/system/esm/colorManipulator/colorManipulator.js";var a,m,d,u,v,g=function(n){var t=n.href,i=o(n,["href"]),l={target:"_blank"};return t&&""!==t&&(l.href=t),e("a",r({},l,i))},y=t(g)(v||(v=n(["\n  ","\n"],["\n  ","\n"])),function(o){var r=o.theme,e=r.colors,t=r.fonts,v=o.disabled,g=o.size,y=void 0===g?"medium":g,h=o.colorTheme,k=void 0===h?"light":h,p=o.$styles,f=o.$variant,b=void 0===f?"link":f,j=o.textColor,x=e["light"===k?"gray4":"indigoTint2"],_=i(a||(a=n(["\n      ","\n\n      &:visited {\n        ","\n      }\n    "],["\n      ","\n\n      &:visited {\n        ","\n      }\n    "])),p,p),M=j||e.blue,T=l(M,-.3),$=c(M,.3),z=s(M,.4);return i(u||(u=n(["\n      ",";\n      cursor: pointer;\n      text-decoration: none;\n      color: ",";\n\n      &:link {\n        color: ",";\n      }\n\n      &:visited {\n        color: ",";\n      }\n\n      &:hover {\n        color: ",";\n      }\n\n      &:active {\n        color: ",";\n        background-color: ",";\n      }\n\n      ","\n\n      ","\n\n            ","\n    "],["\n      ",";\n      cursor: pointer;\n      text-decoration: none;\n      color: ",";\n\n      &:link {\n        color: ",";\n      }\n\n      &:visited {\n        color: ",";\n      }\n\n      &:hover {\n        color: ",";\n      }\n\n      &:active {\n        color: ",";\n        background-color: ",";\n      }\n\n      ","\n\n      ","\n\n            ","\n    "])),t["medium"===y?"M":"S"],j,j,z,T,$,x,"small"===y&&i(m||(m=n(["\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:visited {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: ",";\n          color: ",";\n        }\n      "],["\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:visited {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: ",";\n          color: ",";\n        }\n      "])),e.gray2,e.gray2,e.gray3,e.gray1,e.gray4,e.gray1),v&&i(d||(d=n(["\n        cursor: auto;\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: transparent;\n        }\n      "],["\n        cursor: auto;\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: transparent;\n        }\n      "])),e.gray3,e.gray3,e.gray3),"custom"===b&&p&&_)});export{g as BaseTextButton,y as TextButton};
+import{__makeTemplateObject as n,__rest as o,__assign as r}from"../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{css as t}from"../../node_modules/@emotion/react/dist/emotion-react.esm.js";import i from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{getShadeColor as l,getTintColor as c}from"../../helpers/styles.js";import{alpha as s}from"../../node_modules/@mui/system/esm/colorManipulator/colorManipulator.js";var a,m,d,u,v,g=function(n){var t=n.href,i=o(n,["href"]),l={target:"_blank"};return t&&""!==t&&(l.href=t),e("a",r({},l,i))},y=i(g)(v||(v=n(["\n  ","\n"],["\n  ","\n"])),function(o){var r=o.theme,e=r.colors,i=r.fonts,v=o.disabled,g=o.size,y=void 0===g?"medium":g,h=o.colorTheme,k=void 0===h?"light":h,p=o.$styles,f=o.$variant,b=void 0===f?"link":f,j=o.textColor,x=e["light"===k?"gray4":"indigoTint2"],_=t(a||(a=n(["\n      ","\n\n      &:visited {\n        ","\n      }\n    "],["\n      ","\n\n      &:visited {\n        ","\n      }\n    "])),p,p),M=j||e.blue,T=l(M,-.3),$=c(M,.3),z=s(M,.4);return t(u||(u=n(["\n      ",";\n      cursor: pointer;\n      text-decoration: none;\n      color: ",";\n\n      &:link {\n        color: ",";\n      }\n\n      &:visited {\n        color: ",";\n      }\n\n      &:hover {\n        color: ",";\n      }\n\n      &:active {\n        color: ",";\n        background-color: ",";\n      }\n\n      ","\n\n      ","\n\n            ","\n    "],["\n      ",";\n      cursor: pointer;\n      text-decoration: none;\n      color: ",";\n\n      &:link {\n        color: ",";\n      }\n\n      &:visited {\n        color: ",";\n      }\n\n      &:hover {\n        color: ",";\n      }\n\n      &:active {\n        color: ",";\n        background-color: ",";\n      }\n\n      ","\n\n      ","\n\n            ","\n    "])),i["medium"===y?"M":"S"],j,j,z,T,$,x,"small"===y&&t(m||(m=n(["\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:visited {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: ",";\n          color: ",";\n        }\n      "],["\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:visited {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: ",";\n          color: ",";\n        }\n      "])),e.gray2,e.gray2,e.gray3,e.gray1,e.gray4,e.gray1),v&&t(d||(d=n(["\n        cursor: auto;\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: transparent;\n        }\n      "],["\n        cursor: auto;\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: transparent;\n        }\n      "])),e.gray3,e.gray3,e.gray3),"custom"===b&&p&&_)});export{g as BaseTextButton,y as TextButton};
 //# sourceMappingURL=TextButton.js.map