@pnkx-lib/ui 1.9.22 → 1.9.23

package/es/chunks/useMessage-D_-VT5B4.js

@@ -0,0 +1,94 @@
+import { useState, useCallback } from 'react';
+import { c as cloneDeep } from './cloneDeep-BLYi2V0G.js';
+import { P as PAGE_INDEX, S as START_PAGE, a as SORT_DESC, b as SORT_BY } from './common-b3FKGF0Y.js';
+import { message } from 'antd';
+
+const useFiltersHandler = (initialFilters) => {
+  const [filters, setFilters] = useState(initialFilters || {});
+  const [rowsSelected, setRowsSelected] = useState([]);
+  const goToPage = useCallback((PageIndex) => {
+    setFilters((prev) => {
+      const nextFilters = cloneDeep(prev);
+      if (nextFilters) {
+        nextFilters[PAGE_INDEX] = PageIndex;
+      }
+      return nextFilters;
+    });
+  }, []);
+  const handleChangePage = useCallback((nextPage) => {
+    setFilters((prev) => {
+      const nextFilters = cloneDeep(prev);
+      if (nextFilters) {
+        nextFilters[PAGE_INDEX] = nextPage;
+      }
+      return nextFilters;
+    });
+    setRowsSelected([]);
+  }, []);
+  const changeRowlimit = useCallback((value) => {
+    setFilters((prev) => {
+      const nextValue = Number(value);
+      const nextFilters = cloneDeep(prev);
+      if (nextFilters) {
+        nextFilters[PAGE_INDEX] = nextValue;
+        nextFilters[PAGE_INDEX] = START_PAGE;
+      }
+      return nextFilters;
+    });
+  }, []);
+  const resetToInitialFilters = useCallback(() => {
+    setFilters(cloneDeep(initialFilters));
+  }, [initialFilters]);
+  const handleCheckBox = useCallback((newSelectedRowKeys) => {
+    setRowsSelected(newSelectedRowKeys);
+  }, []);
+  const handleRequestSort = (sortField) => {
+    setFilters((prev) => {
+      const nextFilters = cloneDeep(prev);
+      if (nextFilters) {
+        if (SORT_DESC in nextFilters) {
+          const isAsc = nextFilters.SortDesc === false;
+          nextFilters[SORT_DESC] = isAsc;
+        }
+        if (SORT_BY in nextFilters) {
+          nextFilters[SORT_BY] = sortField;
+        }
+      }
+      return nextFilters;
+    });
+  };
+  const handleSearch = useCallback((nextFilters) => {
+    const nextFiltersTemp = cloneDeep(nextFilters);
+    if (PAGE_INDEX in nextFiltersTemp) {
+      nextFiltersTemp[PAGE_INDEX] = START_PAGE;
+    }
+    setFilters(nextFiltersTemp);
+  }, []);
+  return {
+    filters,
+    rowsSelected,
+    setRowsSelected,
+    setFilters,
+    goToPage,
+    changeRowlimit,
+    resetToInitialFilters,
+    handleCheckBox,
+    handleChangePage,
+    handleRequestSort,
+    handleSearch
+  };
+};
+
+const useMessage = (defaultProps) => {
+  return (overrideProps) => {
+    const mergedProps = {
+      type: defaultProps?.type,
+      content: defaultProps?.content,
+      ...defaultProps,
+      ...overrideProps
+    };
+    message.open(mergedProps);
+  };
+};
+
+export { useMessage as a, useFiltersHandler as u };

package/es/fields/index.js

@@ -0,0 +1,2 @@
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-za5Skgtp.js';
+export { R as RadioGroup, S as Select } from '../chunks/Radio-D2me1zZ-.js';

package/es/hooks/index.js

@@ -0,0 +1,2 @@
+export { u as useToast } from '../chunks/cloneDeep-BLYi2V0G.js';
+export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-D_-VT5B4.js';

package/es/index.js

@@ -0,0 +1,6 @@
+export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/CategoryStatus-DwWppmup.js';
+export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-za5Skgtp.js';
+import 'react-router';
+export { R as RadioGroup, S as Select } from './chunks/Radio-D2me1zZ-.js';
+export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
+export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';

package/es/ui/index.js

@@ -0,0 +1,3 @@
+export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/CategoryStatus-DwWppmup.js';
+export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-za5Skgtp.js';
+import 'react-router';

package/es/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.22",
+  "version": "1.9.23",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/fields.d.ts

@@ -0,0 +1,193 @@
+import { CheckboxProps } from 'antd';
+import { Control } from 'react-hook-form';
+import { ControllerFieldState } from 'react-hook-form';
+import { ControllerRenderProps } from 'react-hook-form';
+import { Dayjs } from 'dayjs';
+import { default as default_2 } from 'react';
+import { IAllProps } from '@tinymce/tinymce-react';
+import { InputProps as InputProps_2 } from 'antd';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
+import { RadioGroupProps } from 'antd';
+import { RangePickerProps } from 'antd/es/date-picker';
+import * as React_2 from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { SelectProps } from 'antd';
+import { SwitchProps } from 'antd';
+import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
+import { UploadFile } from 'antd';
+import { UploadProps } from 'antd';
+import { UseFormSetValue } from 'react-hook-form';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
+
+export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (checked: boolean) => void;
+    customStyleContainer?: string;
+    customStyleCheckbox?: string;
+}
+
+declare type ComponentPropsType<TComponent> = TComponent extends React_2.ComponentType<infer P> ? P : never;
+
+declare type CustomInputTypeAttribute = default_2.HTMLInputTypeAttribute | "money";
+
+export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    setValue?: UseFormSetValue<any>;
+    customStyleDatepicker?: string;
+    disabledInputChange?: boolean;
+    required?: boolean;
+    dateFormat?: string | string[];
+    placeholder?: string;
+    label?: string;
+    maxDate?: Date;
+    showTimeSelect?: boolean;
+    customOnChange?: (date: any, event: default_2.SyntheticEvent<any>) => void;
+    customValue?: Date | null;
+    size?: TSize;
+}
+
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
+
+export declare const Input: (props: InputProps) => JSX.Element;
+
+export declare interface InputProps extends InputProps_2 {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleInput?: string;
+    type?: CustomInputTypeAttribute;
+    afterOnChange?: (value: number | string | null) => void;
+    iconStartInput?: default_2.ReactNode;
+    iconEndInput?: default_2.ReactNode;
+    allowNegative?: boolean;
+    decimalScale?: number;
+    prefix?: string;
+    suffix?: string;
+}
+
+export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
+    render(): JSX.Element;
+}
+
+export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
+    control: Control<any, any>;
+    name: string;
+    component: TComponent;
+} & Omit<ComponentPropsType<TComponent>, "control" | "name" | "formState" | "field" | "fieldState">;
+
+export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" | "afterOnChange" | "value" | "defaultValue" | "iconStartInput" | "iconEndInput"> {
+    onChange?: (event: any) => void;
+    afterOnChange?: (value: string | number) => void;
+    value?: string;
+    name?: string;
+    ref: any;
+    type?: TInputNumberType;
+    prefix?: string;
+    suffix?: string;
+    helperText?: () => JSX_2.Element | null;
+}
+
+export declare const RadioGroup: (props: RadioProps) => JSX.Element;
+
+export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    customStyleRadioGroup?: string;
+    customStyleRadio?: string;
+    customStyleWrap?: string;
+    afterOnChange?: (value: any) => void;
+    options: TOptionGRadio[];
+    position?: TPositionRadio;
+}
+
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
+
+export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
+    customStyleContainer?: string;
+    customStyleDatePicker?: string;
+}
+
+export declare const Select: (props: SelectFieldProps) => JSX.Element;
+
+export declare interface SelectFieldProps extends SelectProps {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    setValue?: UseFormSetValue<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (value: any) => void;
+    customStyleContainer?: string;
+}
+
+export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" | "checked"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (checked: boolean) => void;
+    customStyleContainer?: string;
+    customStyleSwitch?: string;
+}
+
+export declare interface TextAreaProps extends TextAreaProps_2 {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleTextarea?: string;
+    afterOnChange?: (value: string) => void;
+    required?: boolean;
+}
+
+declare type TInputNumberType = "number" | "money";
+
+export declare const TinyMCE: {
+    (props: TinyProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface TinyProps extends IAllProps {
+    height?: number | string;
+    openHidenMenubar?: boolean;
+    required?: boolean;
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleLabel?: string;
+    text_patterns?: any;
+}
+
+declare type TOptionGRadio = {
+    label: string;
+    value: string | number;
+};
+
+declare type TPositionRadio = "before" | "after";
+
+declare type TSize = "small" | "medium" | "large";
+
+export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    fieldState?: ControllerFieldState;
+    label?: string;
+    required?: boolean;
+    maxFiles?: number;
+    uploadButtonText?: string;
+    customStyleContainer?: string;
+    customStyleUpload?: string;
+    afterOnChange?: (fileList: UploadFile[]) => void;
+}
+
+export { }

package/types/hooks.d.ts

@@ -0,0 +1,38 @@
+import { ArgsProps } from 'antd/es/notification';
+import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
+import { default as default_2 } from 'react';
+
+export declare type InitialFiltersSearch<T> = T & PaginationFilters;
+
+export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
+    type?: ArgsProps_2["type"];
+};
+
+export declare type OptionalArgsToast = Partial<ArgsProps> & {
+    message?: React.ReactNode;
+};
+
+export declare interface PaginationFilters {
+    PageSize: number;
+    PageIndex: number;
+}
+
+export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch<T>) => {
+    filters: InitialFiltersSearch<T>;
+    rowsSelected: default_2.Key[];
+    setRowsSelected: default_2.Dispatch<default_2.SetStateAction<default_2.Key[]>>;
+    setFilters: default_2.Dispatch<default_2.SetStateAction<InitialFiltersSearch<T>>>;
+    goToPage: (PageIndex: number) => void;
+    changeRowlimit: (value: number) => void;
+    resetToInitialFilters: () => void;
+    handleCheckBox: (newSelectedRowKeys: default_2.Key[]) => void;
+    handleChangePage: (nextPage: number) => void;
+    handleRequestSort: (sortField: string | number | symbol) => void;
+    handleSearch: (nextFilters: InitialFiltersSearch<T>) => void;
+};
+
+export declare const useMessage: (defaultProps?: OptionalArgsMessage) => (overrideProps?: OptionalArgsMessage) => void;
+
+export declare const useToast: (defaultProps?: OptionalArgsToast) => (overrideProps?: OptionalArgsToast) => void;
+
+export { }