@kwantis-id3/frontend-library 1.0.0-rc.18 → 1.0.0-rc.19

package/dist/esm/types/components/DataGrid/DataGrid.d.ts

@@ -0,0 +1,3 @@
+import { TCellValues } from "../Table";
+import { TDataGridProps, TDataGridRow } from "./DataGridInterfaces";
+export declare const DataGrid: <Cell extends TCellValues, Row extends TDataGridRow<Cell>>(props: TDataGridProps<Cell, Row>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/DataGrid/DataGridInterfaces.d.ts

@@ -0,0 +1,9 @@
+import { ColumnDef } from "@tanstack/react-table";
+import { TCellValues } from "../Table";
+export type TDataGridProps<Cell extends TCellValues, Row extends TDataGridRow<Cell>> = {
+    columns: ColumnDef<TDataGridRow<Cell>, Cell>[];
+    data: Row[] | undefined;
+};
+export type TDataGridRow<Cell extends TCellValues> = {
+    [key: string]: Cell;
+};

package/dist/esm/types/components/DataGrid/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DataGrid";
+export * from "./DataGridInterfaces";

package/dist/esm/types/components/MultiViewList/MultiViewGrid.d.ts

@@ -0,0 +1,4 @@
+import { TMultiViewGridProps } from "./MultiViewListInterfaces";
+import { TCellValues } from "../Table";
+import { TDataGridRow } from "../DataGrid";
+export declare const MultiViewGrid: <Cell extends TCellValues, Row extends TDataGridRow<Cell>>(props: TMultiViewGridProps<Cell, Row>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/MultiViewList/MultiViewListInterfaces.d.ts

@@ -1,5 +1,10 @@
 import { TCellValues, TTableProps, TTableRow } from "../Table";
+import { TDataGridProps, TDataGridRow } from "../DataGrid/DataGridInterfaces";
 export type TMultiViewListProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = TTableProps<Cell, Row> & {
     mode: "table" | "cards";
     cardComponent: (item: Row) => React.ReactNode;
 };
+export type TMultiViewGridProps<Cell extends TCellValues, Row extends TDataGridRow<Cell>> = TDataGridProps<Cell, Row> & {
+    mode: "table" | "cards";
+    cardComponent: (item: Row) => React.ReactNode;
+};

package/dist/esm/types/components/Table/DebouncedFilter.d.ts

@@ -1,7 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { Column, Table } from "@tanstack/react-table";
-import { TCellValues, TTableRow } from "./TableInterfaces";
-export declare function DebouncedFilter<T extends TTableRow<TCellValues>>({ column, table, }: {
+export declare function DebouncedFilter<T>({ column, table, }: {
     column: Column<T, unknown>;
     table: Table<T>;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/index.d.ts

@@ -10,6 +10,7 @@ export * from "./Indicator";
 export * from "./Tag";
 export * from "./Card";
 export * from "./Table";
+export * from "./DataGrid";
 export * from "./MultiViewList";
 export * from "./TreeView";
 export * from "./Drawer";

package/dist/esm/types/utils/testing.d.ts

@@ -2,6 +2,7 @@ import { TCellValues, TTableRow } from "../components/index";
 import { IThemeContextProps } from "../components/ThemeContext/ThemeInterfaces";
 import { RenderHookResult, RenderResult } from "@testing-library/react";
 import { ColumnDef } from "@tanstack/react-table";
+import { TDataGridRow } from "../components/DataGrid/DataGridInterfaces";
 export declare const renderWithTheme: (ui: React.ReactElement, themeProps?: IThemeContextProps) => RenderResult;
 export declare function renderHookWithTheme<T, R>(hook: (props: T) => R, themeProps?: IThemeContextProps): RenderHookResult<R, T>;
 export declare const headingStyle: {
@@ -10,6 +11,25 @@ export declare const headingStyle: {
     fontWeight: string;
 };
 export declare const templateColumns: ColumnDef<TTableRow<TCellValues>, TCellValues>[];
+export declare const templateDataGridColumns: ColumnDef<TDataGridRow<TCellValues>, TCellValues>[];
+export type TWellData = {
+    [key: string]: string | number | boolean | null;
+    well_id: string;
+    id_t_well: number;
+    well_name: string;
+    data_quality: number;
+    is_live: boolean;
+    country: string;
+    business_unit: string;
+    spud_date: string;
+    rig_contractor: string;
+    rig_name: string;
+    rig_type: string;
+    last_sensordate: string | null;
+    last_ddr_date: string | null;
+    mudlog_data_quality: number;
+};
+export declare const templateDataGridData: TWellData[];
 export declare const templateTableData: {
     cells: {
         well_name: {
@@ -51,3 +71,4 @@ export declare const templateTableData: {
     };
 }[];
 export declare const TemplateCard: (item: TTableRow<TCellValues>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TemplateCardGrid: (item: TDataGridRow<TCellValues>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -458,10 +458,24 @@ type TTableRow<T extends TCellValues> = {
 declare const Table: <Cell extends TCellValues, Row extends TTableRow<Cell>>(props: TTableProps<Cell, Row>) => _emotion_react_jsx_runtime.JSX.Element;
 declare const renderCell: (value: string | number | boolean | null) => _emotion_react_jsx_runtime.JSX.Element;
 
+type TDataGridProps<Cell extends TCellValues, Row extends TDataGridRow<Cell>> = {
+    columns: ColumnDef<TDataGridRow<Cell>, Cell>[];
+    data: Row[] | undefined;
+};
+type TDataGridRow<Cell extends TCellValues> = {
+    [key: string]: Cell;
+};
+
+declare const DataGrid: <Cell extends TCellValues, Row extends TDataGridRow<Cell>>(props: TDataGridProps<Cell, Row>) => _emotion_react_jsx_runtime.JSX.Element;
+
 type TMultiViewListProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = TTableProps<Cell, Row> & {
     mode: "table" | "cards";
     cardComponent: (item: Row) => React.ReactNode;
 };
+type TMultiViewGridProps<Cell extends TCellValues, Row extends TDataGridRow<Cell>> = TDataGridProps<Cell, Row> & {
+    mode: "table" | "cards";
+    cardComponent: (item: Row) => React.ReactNode;
+};
 
 declare const MultiViewList: <Cell extends TCellValues, Row extends TTableRow<Cell>>(props: TMultiViewListProps<Cell, Row>) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -627,4 +641,4 @@ declare const getActiveColor: (color: string) => string;
 
 declare function usePrefersColorScheme(): "light" | "dark";
 
-export { Accordion, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewListProps, TRenderTriggerProps, TSliderProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };
+export { Accordion, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, TMultiViewListProps, TRenderTriggerProps, TSliderProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "1.0.0-rc.18",
+  "version": "1.0.0-rc.19",
   "description": "Kwantis frontend components collection",
   "scriptsComments": {
     "storybook": "Starts storybook in development mode",