@pnkx-lib/ui 1.0.6 → 1.0.8

package/dist/fields/index.js

@@ -1,4 +1,4 @@
-import { I as s, P as e, T as i } from "../chunks/Switch-B0z-9IsF.js";
+import { I as s, P as e, T as i } from "../chunks/Switch-CV_omX2f.js";
 export {
   s as Input,
   e as PnkxField,

package/dist/index.js

@@ -1,23 +1,29 @@
-import { e, B as o, C as r, d as t, M as p, P as l, c as T, S as n, T as d, b as i, a as C, t as M } from "./chunks/Badge-CGBb9ohQ.js";
-import { E as m, L as x, T as y } from "./chunks/AntdIcon-DV7aA2xc.js";
-import { I as P, P as c, T as f } from "./chunks/Switch-B0z-9IsF.js";
+import { e as o, g as e, B as r, C as t, f as l, d as p, D as d, F as n, L as T, M as i, P as C, R as F, c as b, S as m, T as x, b as y, a as M, t as c } from "./chunks/Layout-DiFWE7Vg.js";
+import { E as g, L as u, T as B } from "./chunks/createSuper-COi32LGt.js";
+import { I as P, P as E, T as S } from "./chunks/Switch-CV_omX2f.js";
 export {
-  e as Badge,
-  o as Button,
-  r as CascaderField,
-  t as Container,
-  m as ErrorMessage,
+  o as Badge,
+  e as Breadcrumb,
+  r as Button,
+  t as CascaderField,
+  l as Col,
+  p as Container,
+  d as Dropdown,
+  g as ErrorMessage,
+  n as Flex,
   P as Input,
-  x as Label,
-  p as Modal,
-  c as PnkxField,
-  l as Popover,
-  T as SearchFiltersForm,
-  n as Skeleton,
-  d as Table,
-  i as Tabs,
-  f as TinyMCE,
-  C as Tooltip,
-  y as Typography,
-  M as typeColorMap
+  u as Label,
+  T as Layout,
+  i as Modal,
+  E as PnkxField,
+  C as Popover,
+  F as Row,
+  b as SearchFiltersForm,
+  m as Skeleton,
+  x as Table,
+  y as Tabs,
+  S as TinyMCE,
+  M as Tooltip,
+  B as Typography,
+  c as typeColorMap
 };

package/dist/types/index.d.ts

@@ -1,7 +1,14 @@
 import { BadgeProps as BadgeProps_2 } from 'antd';
+import { BasicProps } from 'antd/es/layout/layout';
+import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
+import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd';
+import { BreadcrumbSeparatorType as BreadcrumbSeparatorType_2 } from 'antd/es/breadcrumb/Breadcrumb';
+import { Breakpoint } from 'antd';
 import { ButtonProps as ButtonProps_2 } from 'antd';
 import { CascaderProps } from 'antd/es/cascader';
 import { CheckboxProps } from 'antd';
+import { ColProps as ColProps_2 } from 'antd';
+import { ColSize as ColSize_2 } from 'antd/es/grid';
 import { ColumnsType as ColumnsType_2 } from 'antd/es/table';
 import { Control } from 'react-hook-form';
 import { ControllerFieldState } from 'react-hook-form';
@@ -10,7 +17,11 @@ import { Dayjs } from 'dayjs';
 import { default as default_2 } from 'react';
 import { DefaultOptionType } from 'antd/es/cascader';
 import { DefaultValues } from 'react-hook-form';
+import { DropdownButtonProps as DropdownButtonProps_2 } from 'antd/es/dropdown';
+import { DropdownButtonType as DropdownButtonType_2 } from 'antd/es/dropdown';
+import { DropdownProps as DropdownProps_2 } from 'antd';
 import { FieldValues } from 'react-hook-form';
+import { FlexProps as FlexProps_2 } from 'antd';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { InputProps as InputProps_2 } from 'antd';
 import { JSX } from 'react/jsx-runtime';
@@ -23,7 +34,10 @@ import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { ReactNode } from 'react';
+import { RowProps as RowProps_2 } from 'antd';
 import { SelectProps } from 'antd';
+import { SiderContextProps } from 'antd/es/layout/Sider';
+import { SiderProps } from 'antd/es/layout/Sider';
 import { SkeletonProps as SkeletonProps_2 } from 'antd';
 import { SwitchProps } from 'antd';
 import { TableProps } from 'antd/lib/table';
@@ -55,6 +69,45 @@ declare type BaseProps_2 = {
     popoverClassName?: string;
 };
 
+declare type BaseProps_3 = {
+    colClassName?: string;
+};
+
+declare type BaseProps_4 = {
+    rowClassName?: string;
+};
+
+declare type BaseProps_5 = {
+    containerClassName?: string;
+    dropdownClassName?: string;
+};
+
+declare type BaseProps_6 = {
+    containerClassName?: string;
+    breadcrumbClassName?: string;
+};
+
+declare type BaseProps_7 = {
+    containerClassName?: string;
+    flexClassName?: string;
+};
+
+declare type BaseProps_8 = {
+    layoutClassName?: string;
+};
+
+export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX.Element;
+
+export declare interface BreadcrumbItemType extends BreadcrumbItemType_2 {
+    children?: Omit<BreadcrumbItemType, "children">[];
+}
+
+export declare type BreadcrumbProps = BreadcrumbProps_2;
+
+export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
+
+export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
+
 export declare const Button: default_2.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
@@ -73,6 +126,18 @@ export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChang
     customStyleCheckbox?: string;
 }
 
+export declare const Col: (props: ColPropsUnion) => JSX.Element;
+
+export declare interface ColProps extends ColProps_2, Partial<Record<Breakpoint, ColSpanType | ColSize>> {
+}
+
+export declare type ColPropsUnion = BaseProps_3 & ColProps;
+
+export declare interface ColSize extends ColSize_2 {
+}
+
+export declare type ColSpanType = number | string;
+
 export declare type ColumnsType<T> = ColumnsType_2<T>;
 
 declare type ComponentPropsType<TComponent> = TComponent extends React_2.ComponentType<infer P> ? P : never;
@@ -109,6 +174,16 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
+export declare const Dropdown: (props: DropdownPropsUnion) => JSX.Element;
+
+export declare type DropdownButtonProps = DropdownButtonProps_2;
+
+export declare type DropdownButtonType = DropdownButtonType_2;
+
+export declare type DropdownProps = DropdownProps_2;
+
+export declare type DropdownPropsUnion = BaseProps_5 & DropdownProps;
+
 export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
@@ -117,6 +192,12 @@ export declare interface ErrorMessageProps {
     isSubmitted?: boolean;
 }
 
+export declare const Flex: (props: FlexPropsUnion) => JSX.Element;
+
+export declare type FlexProps = FlexProps_2;
+
+export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
+
 export declare const Input: (props: InputProps) => JSX.Element;
 
 export declare interface InputProps extends InputProps_2 {
@@ -134,6 +215,10 @@ export declare interface InputProps extends InputProps_2 {
     suffix?: string;
 }
 
+export declare type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+
+export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+
 export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps {
@@ -141,6 +226,16 @@ export declare interface LabelProps {
     required?: boolean;
 }
 
+export declare const Layout: default_2.FC<LayoutProps> & {
+    Header: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Footer: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Content: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Sider: default_2.ForwardRefExoticComponent<SiderProps & default_2.RefAttributes<HTMLDivElement>>;
+    _InternalSiderContext: default_2.Context<SiderContextProps>;
+};
+
+export declare type LayoutProps = BaseProps_8 & BasicProps;
+
 export declare const Modal: ({ children, onOk, onSubmit, ...rest }: CustomeModalProps) => JSX.Element;
 
 declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, true> & {
@@ -196,10 +291,17 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
     customStyleDatePicker?: string;
 }
 
+export declare const Row: (props: RowPropsUnion) => JSX.Element;
+
 declare interface RowCommon {
     [x: string]: any;
 }
 
+export declare interface RowProps extends RowProps_2 {
+}
+
+export declare type RowPropsUnion = BaseProps_4 & RowProps;
+
 export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => JSX.Element;
 
 export declare interface SearchFiltersFormProps<T extends FieldValues> {
@@ -254,7 +356,7 @@ declare type TabItem = {
     disabled?: boolean;
 };
 
-export declare const Table: <T extends RowCommon>({ data, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ data, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare interface TableCommonProps<T> extends TableProps<T> {
     data: T[];

package/dist/types/ui.d.ts

@@ -1,17 +1,31 @@
 import { BadgeProps as BadgeProps_2 } from 'antd';
+import { BasicProps } from 'antd/es/layout/layout';
+import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
+import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd';
+import { BreadcrumbSeparatorType as BreadcrumbSeparatorType_2 } from 'antd/es/breadcrumb/Breadcrumb';
+import { Breakpoint } from 'antd';
 import { ButtonProps as ButtonProps_2 } from 'antd';
 import { CascaderProps } from 'antd/es/cascader';
+import { ColProps as ColProps_2 } from 'antd';
+import { ColSize as ColSize_2 } from 'antd/es/grid';
 import { ColumnsType as ColumnsType_2 } from 'antd/es/table';
 import { Control } from 'react-hook-form';
 import { default as default_2 } from 'react';
 import { DefaultOptionType } from 'antd/es/cascader';
 import { DefaultValues } from 'react-hook-form';
+import { DropdownButtonProps as DropdownButtonProps_2 } from 'antd/es/dropdown';
+import { DropdownButtonType as DropdownButtonType_2 } from 'antd/es/dropdown';
+import { DropdownProps as DropdownProps_2 } from 'antd';
 import { FieldValues } from 'react-hook-form';
+import { FlexProps as FlexProps_2 } from 'antd';
 import { JSX } from 'react/jsx-runtime';
 import { ModalProps } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
 import { PopoverProps as PopoverProps_2 } from 'antd';
 import { ReactNode } from 'react';
+import { RowProps as RowProps_2 } from 'antd';
+import { SiderContextProps } from 'antd/es/layout/Sider';
+import { SiderProps } from 'antd/es/layout/Sider';
 import { SkeletonProps as SkeletonProps_2 } from 'antd';
 import { TableProps } from 'antd/lib/table';
 import { TabsProps as TabsProps_2 } from 'antd';
@@ -38,6 +52,45 @@ declare type BaseProps_2 = {
     popoverClassName?: string;
 };
 
+declare type BaseProps_3 = {
+    colClassName?: string;
+};
+
+declare type BaseProps_4 = {
+    rowClassName?: string;
+};
+
+declare type BaseProps_5 = {
+    containerClassName?: string;
+    dropdownClassName?: string;
+};
+
+declare type BaseProps_6 = {
+    containerClassName?: string;
+    breadcrumbClassName?: string;
+};
+
+declare type BaseProps_7 = {
+    containerClassName?: string;
+    flexClassName?: string;
+};
+
+declare type BaseProps_8 = {
+    layoutClassName?: string;
+};
+
+export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX.Element;
+
+export declare interface BreadcrumbItemType extends BreadcrumbItemType_2 {
+    children?: Omit<BreadcrumbItemType, "children">[];
+}
+
+export declare type BreadcrumbProps = BreadcrumbProps_2;
+
+export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
+
+export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
+
 export declare const Button: default_2.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
@@ -46,6 +99,18 @@ export declare const CascaderField: (props: CascaderFieldProps) => JSX.Element;
 
 export declare type CascaderFieldProps = BaseProps & (SingleCascaderProps | MultipleCascaderProps);
 
+export declare const Col: (props: ColPropsUnion) => JSX.Element;
+
+export declare interface ColProps extends ColProps_2, Partial<Record<Breakpoint, ColSpanType | ColSize>> {
+}
+
+export declare type ColPropsUnion = BaseProps_3 & ColProps;
+
+export declare interface ColSize extends ColSize_2 {
+}
+
+export declare type ColSpanType = number | string;
+
 export declare type ColumnsType<T> = ColumnsType_2<T>;
 
 export declare const Container: default_2.FC<ContainerProps>;
@@ -61,6 +126,16 @@ export declare interface CustomeModalProps extends ModalProps {
     onSubmit?: () => void;
 }
 
+export declare const Dropdown: (props: DropdownPropsUnion) => JSX.Element;
+
+export declare type DropdownButtonProps = DropdownButtonProps_2;
+
+export declare type DropdownButtonType = DropdownButtonType_2;
+
+export declare type DropdownProps = DropdownProps_2;
+
+export declare type DropdownPropsUnion = BaseProps_5 & DropdownProps;
+
 export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
@@ -69,6 +144,16 @@ export declare interface ErrorMessageProps {
     isSubmitted?: boolean;
 }
 
+export declare const Flex: (props: FlexPropsUnion) => JSX.Element;
+
+export declare type FlexProps = FlexProps_2;
+
+export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
+
+export declare type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+
+export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+
 export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps {
@@ -76,6 +161,16 @@ export declare interface LabelProps {
     required?: boolean;
 }
 
+export declare const Layout: default_2.FC<LayoutProps> & {
+    Header: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Footer: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Content: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Sider: default_2.ForwardRefExoticComponent<SiderProps & default_2.RefAttributes<HTMLDivElement>>;
+    _InternalSiderContext: default_2.Context<SiderContextProps>;
+};
+
+export declare type LayoutProps = BaseProps_8 & BasicProps;
+
 export declare const Modal: ({ children, onOk, onSubmit, ...rest }: CustomeModalProps) => JSX.Element;
 
 declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, true> & {
@@ -88,10 +183,17 @@ export declare type PopoverProps = PopoverProps_2;
 
 export declare type PopoverPropsUnion = BaseProps_2 & PopoverProps;
 
+export declare const Row: (props: RowPropsUnion) => JSX.Element;
+
 declare interface RowCommon {
     [x: string]: any;
 }
 
+export declare interface RowProps extends RowProps_2 {
+}
+
+export declare type RowPropsUnion = BaseProps_4 & RowProps;
+
 export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => JSX.Element;
 
 export declare interface SearchFiltersFormProps<T extends FieldValues> {
@@ -126,7 +228,7 @@ declare type TabItem = {
     disabled?: boolean;
 };
 
-export declare const Table: <T extends RowCommon>({ data, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ data, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare interface TableCommonProps<T> extends TableProps<T> {
     data: T[];

package/dist/ui/index.js

@@ -1,19 +1,25 @@
-import { e, B as o, C as r, d as t, M as l, P as p, c as T, S as d, T as b, b as i, a as n, t as C } from "../chunks/Badge-CGBb9ohQ.js";
-import { E as c, L as g, T as m } from "../chunks/AntdIcon-DV7aA2xc.js";
+import { e as o, g as e, B as r, C as t, f as l, d as p, D as d, F as T, L as b, M as n, P as C, R as F, c, S as g, T as i, b as m, a as y, t as B } from "../chunks/Layout-DiFWE7Vg.js";
+import { E as M, L as f, T as u } from "../chunks/createSuper-COi32LGt.js";
 export {
-  e as Badge,
-  o as Button,
-  r as CascaderField,
-  t as Container,
-  c as ErrorMessage,
-  g as Label,
-  l as Modal,
-  p as Popover,
-  T as SearchFiltersForm,
-  d as Skeleton,
-  b as Table,
-  i as Tabs,
-  n as Tooltip,
-  m as Typography,
-  C as typeColorMap
+  o as Badge,
+  e as Breadcrumb,
+  r as Button,
+  t as CascaderField,
+  l as Col,
+  p as Container,
+  d as Dropdown,
+  M as ErrorMessage,
+  T as Flex,
+  f as Label,
+  b as Layout,
+  n as Modal,
+  C as Popover,
+  F as Row,
+  c as SearchFiltersForm,
+  g as Skeleton,
+  i as Table,
+  m as Tabs,
+  y as Tooltip,
+  u as Typography,
+  B as typeColorMap
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {