oziko-ui-kit 0.0.136 → 0.0.139

package/dist/components/organisms/table/Column.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
+export declare const parsePx: (value: string | undefined) => number;
+export type TableColumnContainerProps = {
+    columnKey?: string;
+    children?: React.ReactNode;
+    className?: string;
+    width?: string;
+    minWidth?: string;
+    updateColumnWidth?: (key: string, newWidth: string) => void;
+    noResizeable?: boolean;
+    style?: React.CSSProperties;
+};
+export type TableHeaderCellProps = TypeFlexElement & {
+    border?: boolean;
+    headerAlign?: "left" | "center" | "right";
+};
+export type TableCellProps = React.HTMLAttributes<HTMLDivElement> & {
+    focused?: boolean;
+};
+export declare const HeaderCell: ({ border, headerAlign, children, ...props }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Cell: ({ children, focused, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultSkeletonCell: () => import("react/jsx-runtime").JSX.Element;
+declare const Column: React.NamedExoticComponent<TableColumnContainerProps> & {
+    readonly type: ({ columnKey, children, className, width, minWidth, updateColumnWidth, noResizeable, style, }: TableColumnContainerProps) => import("react/jsx-runtime").JSX.Element;
+} & {
+    Header: ({ border, headerAlign, children, ...props }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ children, focused, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Column;

package/dist/components/organisms/table/Table.d.ts

@@ -1,11 +1,16 @@
 import React from "react";
-import { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
+import Column from "./Column";
 export type TableColumnRenderCellParams<TRow = any> = {
     row: TRow;
     rowIndex: number;
     isFocused: boolean;
     columnKey: string;
 };
+export type TableCellParams<TRow = any> = {
+    row: TRow;
+    rowIndex: number;
+    columnKey: string;
+};
 export type TableColumn<TRow = any> = {
     key: string;
     header: React.ReactNode;
@@ -22,11 +27,16 @@ export type TableCellKeyDownParams = {
     rowIndex: number;
     event: KeyboardEvent;
 };
+export type TableRowClickParams<TRow = any> = {
+    row: TRow;
+    rowIndex: number;
+    event: React.MouseEvent<HTMLDivElement>;
+};
 export type TableSkeletonCellParams<TRow = any> = {
     column: TableColumn<TRow>;
     rowIndex: number;
 };
-export type TypeTable<TRow = any> = {
+export type TableProps<TRow = any> = {
     columns: TableColumn<TRow>[];
     data: TRow[];
     loading?: boolean;
@@ -35,34 +45,24 @@ export type TypeTable<TRow = any> = {
     saveToLocalStorage?: TableSaveToLocalStorage;
     fixedColumns?: string[];
     noResizeableColumns?: string[];
+    isCellFocusable?: (params: TableCellParams<TRow>) => boolean;
     onCellKeyDown?: (params: TableCellKeyDownParams) => void;
+    onRowClick?: (params: TableRowClickParams<TRow>) => void;
     tableClassName?: string;
     columnClassName?: string;
     headerClassName?: string;
     cellClassName?: string;
 };
-declare const MemoizedTable: <TRow = any>(props: TypeTable<TRow>) => React.ReactElement;
-export default MemoizedTable;
-export type TypeColumn = {
-    columnKey?: string;
-    children?: React.ReactNode;
-    className?: string;
-    width?: string;
-    minWidth?: string;
-    updateColumnWidth?: (key: string, newWidth: string) => void;
-    noResizeable?: boolean;
-    style?: React.CSSProperties;
-};
-export type TypeColumnComponent = React.FC<TypeColumn> & {
-    Header: typeof HeaderCell;
-    Cell: typeof Cell;
-};
-export type TypeHeaderCell = TypeFlexElement & {
-    border?: boolean;
-    headerAlign?: "left" | "center" | "right";
-};
-declare const HeaderCell: ({ border, headerAlign, children, ...props }: TypeHeaderCell) => import("react/jsx-runtime").JSX.Element;
-export type TypeCell = React.HTMLAttributes<HTMLDivElement> & {
-    focused?: boolean;
-};
-declare const Cell: ({ children, focused, ...props }: TypeCell) => import("react/jsx-runtime").JSX.Element;
+export type { TableColumnContainerProps, TableHeaderCellProps, TableCellProps, } from "./Column";
+/** @deprecated Use TableProps instead */
+export type TypeTable<TRow = any> = TableProps<TRow>;
+/** @deprecated Use TableColumnContainerProps instead */
+export type { TableColumnContainerProps as TypeColumn } from "./Column";
+/** @deprecated Use TableHeaderCellProps instead */
+export type { TableHeaderCellProps as TypeHeaderCell } from "./Column";
+/** @deprecated Use TableCellProps instead */
+export type { TableCellProps as TypeCell } from "./Column";
+/** @deprecated Internal type; no replacement needed */
+export type TypeColumnComponent = typeof Column;
+declare const Table: <TRow = any>(props: TableProps<TRow>) => React.ReactElement;
+export default Table;

package/dist/index.css

@@ -1300,10 +1300,11 @@ code {
   background: var(--oziko-color-menu-background);
 }
 .Portal-module_container__QcS9f {
-  position: absolute;
+  position: fixed;
+  inset: 0;
   width: 100vw;
   height: 100vh;
-  top: 0;
+  z-index: 1000;
 }
 .SelectOption-module_option__wQb8V {
   cursor: pointer;
@@ -2231,10 +2232,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
   align-items: center;
 }
 .Modal-module_modalContainer__CnoII {
-  position: absolute;
+  position: fixed;
+  inset: 0;
   width: 100% !important;
   height: 100% !important;
-  top: 0;
+  padding: 24px;
+  box-sizing: border-box;
 }
 
 .Modal-module_modalContent__HNEeB {

package/dist/index.export.d.ts

@@ -171,8 +171,15 @@ export { type TypeSection } from "./components/organisms/section/Section";
 export { type TypeSectionComponent } from "./components/organisms/section/Section";
 export { type TableColumn } from "./components/organisms/table/Table";
 export { type TableColumnRenderCellParams } from "./components/organisms/table/Table";
+export { type TableCellParams } from "./components/organisms/table/Table";
 export { type TableSaveToLocalStorage } from "./components/organisms/table/Table";
 export { type TableCellKeyDownParams } from "./components/organisms/table/Table";
+export { type TableRowClickParams } from "./components/organisms/table/Table";
+export { type TableSkeletonCellParams } from "./components/organisms/table/Table";
+export { type TableProps } from "./components/organisms/table/Table";
+export { type TableColumnContainerProps } from "./components/organisms/table/Table";
+export { type TableHeaderCellProps } from "./components/organisms/table/Table";
+export { type TableCellProps } from "./components/organisms/table/Table";
 export { type TypeTable } from "./components/organisms/table/Table";
 export { type TypeColumn } from "./components/organisms/table/Table";
 export { type TypeColumnComponent } from "./components/organisms/table/Table";