@pnkx-lib/ui 1.9.166 → 1.9.168

package/es/chunks/{PageNotFound-D5g7S_k0.js → PageNotFound-D26HbHVw.js}

@@ -616,6 +616,12 @@ const HeadingTable = (props) => {
   );
 };
 
+const START_PAGE = 1;
+const START_PAGE_SIZE = 10;
+const PAGE_NUMBER = "page";
+const PAGE_SIZE = "size";
+const SORT_BY = "SortBy";
+const SORT_DESC = "SortDesc";
 var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
   TypeActionRowTable2["DELETE"] = "DELETE";
   TypeActionRowTable2["EDIT"] = "EDIT";
@@ -2498,4 +2504,4 @@ const PageNotFound = ({ path = "/" }) => {
   );
 };
 
-export { PageNotFound as $, Alert as A, Button as B, CascaderField as C, Dropdown as D, Empty as E, Flex as F, ErrorBoundary as G, Heading as H, Image as I, CATEGORY_LIST_ENUM as J, badgeStatusCategoryConfig as K, CategoryStatus as L, Modal as M, ActionRowTable as N, TypeActionRowTable as O, Popover as P, QRCode as Q, Row as R, Skeleton as S, Table as T, TypeBulkActions as U, TypeStatusTable as V, Watermark as W, BulkActions as X, BreadcrumbHeading as Y, Card as Z, ConfigProvider as _, Tabs as a, SearchFiltersForm as b, Container as c, Badge as d, Col as e, Breadcrumb as f, Pagination as g, Sidebar as h, Tag as i, Divider as j, Drawer as k, Popconfirm as l, Result as m, Rate as n, Segmented as o, Statistic as p, Timeline as q, Tour as r, Tree as s, typeColorMap as t, Anchor as u, Appfix as v, AutoComplete as w, Collapse as x, ColorPicker as y, ConfirmModal as z };
+export { TypeBulkActions as $, Alert as A, Button as B, CascaderField as C, Dropdown as D, Empty as E, Flex as F, ErrorBoundary as G, Heading as H, Image as I, CATEGORY_LIST_ENUM as J, badgeStatusCategoryConfig as K, CategoryStatus as L, Modal as M, ActionRowTable as N, START_PAGE as O, Popover as P, QRCode as Q, Row as R, Skeleton as S, Table as T, START_PAGE_SIZE as U, PAGE_NUMBER as V, Watermark as W, PAGE_SIZE as X, SORT_BY as Y, SORT_DESC as Z, TypeActionRowTable as _, Tabs as a, TypeStatusTable as a0, BulkActions as a1, BreadcrumbHeading as a2, Card as a3, ConfigProvider as a4, PageNotFound as a5, SearchFiltersForm as b, Container as c, Badge as d, Col as e, Breadcrumb as f, Pagination as g, Sidebar as h, Tag as i, Divider as j, Drawer as k, Popconfirm as l, Result as m, Rate as n, Segmented as o, Statistic as p, Timeline as q, Tour as r, Tree as s, typeColorMap as t, Anchor as u, Appfix as v, AutoComplete as w, Collapse as x, ColorPicker as y, ConfirmModal as z };

package/es/chunks/{Switch-CpLqxgvG.js → SliderRanger-DD_Z5ULj.js}

@@ -1,5 +1,5 @@
 import { i as get, j as jsxRuntimeExports, L as Label, t as twMerge, E as ErrorMessage, T as Typography, k as Icon, _ as _extends } from './UploadImage-BRBnjq5U.js';
-import { Select as Select$1, Radio, Upload, Image, Switch as Switch$1 } from 'antd';
+import { Select as Select$1, Radio, Upload, Image, Switch as Switch$1, Slider } from 'antd';
 import * as React from 'react';
 import { useState } from 'react';
 
@@ -258,4 +258,104 @@ const Switch = (props) => {
   ] });
 };
 
-export { RadioGroup as R, Select as S, UploadField as U, Switch as a };
+const SliderSingle = (props) => {
+  //! State
+  const {
+    field,
+    formState,
+    label,
+    required,
+    afterOnChange,
+    customStyleContainer,
+    customStyleSlider,
+    disabled,
+    ...restProps
+  } = props;
+  const { name, value, onChange } = field || {};
+  const { touchedFields, errors, isSubmitted } = formState || {};
+  const isTouched = get(touchedFields, name);
+  const errorMessage = get(errors, name)?.message;
+  //! Function
+  const handleChange = (sliderValue) => {
+    onChange?.(sliderValue);
+    afterOnChange?.(sliderValue);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { label, required }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Slider,
+      {
+        className: twMerge("focus:outline-none", customStyleSlider),
+        disabled,
+        onChange: handleChange,
+        value,
+        ...restProps
+      }
+    ),
+    renderErrorMessage()
+  ] });
+};
+
+const SliderRange = (props) => {
+  //! State
+  const {
+    field,
+    formState,
+    label,
+    required,
+    afterOnChange,
+    customStyleContainer,
+    customStyleSlider,
+    disabled,
+    ...restProps
+  } = props;
+  const { name, value, onChange } = field || {};
+  const { touchedFields, errors, isSubmitted } = formState || {};
+  const isTouched = get(touchedFields, name);
+  const errorMessage = get(errors, name)?.message;
+  //! Function
+  const handleChange = (sliderValue) => {
+    onChange?.(sliderValue);
+    afterOnChange?.(sliderValue);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { label, required }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Slider,
+      {
+        className: twMerge("focus:outline-none", customStyleSlider),
+        disabled,
+        onChange: handleChange,
+        value,
+        ...restProps
+      }
+    ),
+    renderErrorMessage()
+  ] });
+};
+
+export { RadioGroup as R, Select as S, UploadField as U, Switch as a, SliderSingle as b, SliderRange as c };

package/es/fields/index.js

@@ -1,2 +1,2 @@
 export { C as Checkbox, D as DatePicker, I as Input, P as PnkxField, R as RangePicker, h as Textarea, g as TinyMCE } from '../chunks/UploadImage-BRBnjq5U.js';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-CpLqxgvG.js';
+export { R as RadioGroup, S as Select, c as SliderRange, b as SliderSingle, a as Switch, U as UploadField } from '../chunks/SliderRanger-DD_Z5ULj.js';

package/es/index.js

@@ -1,4 +1,4 @@
-export { N as ActionRowTable, A as Alert, u as Anchor, v as Appfix, w as AutoComplete, d as Badge, f as Breadcrumb, Y as BreadcrumbHeading, X as BulkActions, B as Button, J as CATEGORY_LIST_ENUM, Z as Card, C as CascaderField, L as CategoryStatus, e as Col, x as Collapse, y as ColorPicker, _ as ConfigProvider, z as ConfirmModal, c as Container, j as Divider, k as Drawer, D as Dropdown, E as Empty, G as ErrorBoundary, F as Flex, H as Heading, I as Image, M as Modal, $ as PageNotFound, g as Pagination, l as Popconfirm, P as Popover, Q as QRCode, n as Rate, m as Result, R as Row, b as SearchFiltersForm, o as Segmented, h as Sidebar, S as Skeleton, p as Statistic, T as Table, a as Tabs, i as Tag, q as Timeline, r as Tour, s as Tree, O as TypeActionRowTable, U as TypeBulkActions, V as TypeStatusTable, W as Watermark, K as badgeStatusCategoryConfig, t as typeColorMap } from './chunks/PageNotFound-D5g7S_k0.js';
+export { N as ActionRowTable, A as Alert, u as Anchor, v as Appfix, w as AutoComplete, d as Badge, f as Breadcrumb, a2 as BreadcrumbHeading, a1 as BulkActions, B as Button, J as CATEGORY_LIST_ENUM, a3 as Card, C as CascaderField, L as CategoryStatus, e as Col, x as Collapse, y as ColorPicker, a4 as ConfigProvider, z as ConfirmModal, c as Container, j as Divider, k as Drawer, D as Dropdown, E as Empty, G as ErrorBoundary, F as Flex, H as Heading, I as Image, M as Modal, V as PAGE_NUMBER, X as PAGE_SIZE, a5 as PageNotFound, g as Pagination, l as Popconfirm, P as Popover, Q as QRCode, n as Rate, m as Result, R as Row, Y as SORT_BY, Z as SORT_DESC, O as START_PAGE, U as START_PAGE_SIZE, b as SearchFiltersForm, o as Segmented, h as Sidebar, S as Skeleton, p as Statistic, T as Table, a as Tabs, i as Tag, q as Timeline, r as Tour, s as Tree, _ as TypeActionRowTable, $ as TypeBulkActions, a0 as TypeStatusTable, W as Watermark, K as badgeStatusCategoryConfig, t as typeColorMap } from './chunks/PageNotFound-D26HbHVw.js';
 export { C as Checkbox, D as DatePicker, E as ErrorMessage, I as Input, L as Label, b as Layout, M as Menu, P as PnkxField, R as RangePicker, S as Space, e as Spin, c as Splitter, d as Steps, f as TINY_API, h as Textarea, g as TinyMCE, a as Tooltip, T as Typography, U as UploadImage } from './chunks/UploadImage-BRBnjq5U.js';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-CpLqxgvG.js';
+export { R as RadioGroup, S as Select, c as SliderRange, b as SliderSingle, a as Switch, U as UploadField } from './chunks/SliderRanger-DD_Z5ULj.js';
 export { a as useMessage, u as useToast } from './chunks/useMessage-CUPcOtIS.js';

package/es/ui/index.js

@@ -1,2 +1,2 @@
-export { N as ActionRowTable, A as Alert, u as Anchor, v as Appfix, w as AutoComplete, d as Badge, f as Breadcrumb, Y as BreadcrumbHeading, X as BulkActions, B as Button, J as CATEGORY_LIST_ENUM, Z as Card, C as CascaderField, L as CategoryStatus, e as Col, x as Collapse, y as ColorPicker, _ as ConfigProvider, z as ConfirmModal, c as Container, j as Divider, k as Drawer, D as Dropdown, E as Empty, G as ErrorBoundary, F as Flex, H as Heading, I as Image, M as Modal, $ as PageNotFound, g as Pagination, l as Popconfirm, P as Popover, Q as QRCode, n as Rate, m as Result, R as Row, b as SearchFiltersForm, o as Segmented, h as Sidebar, S as Skeleton, p as Statistic, T as Table, a as Tabs, i as Tag, q as Timeline, r as Tour, s as Tree, O as TypeActionRowTable, U as TypeBulkActions, V as TypeStatusTable, W as Watermark, K as badgeStatusCategoryConfig, t as typeColorMap } from '../chunks/PageNotFound-D5g7S_k0.js';
+export { N as ActionRowTable, A as Alert, u as Anchor, v as Appfix, w as AutoComplete, d as Badge, f as Breadcrumb, a2 as BreadcrumbHeading, a1 as BulkActions, B as Button, J as CATEGORY_LIST_ENUM, a3 as Card, C as CascaderField, L as CategoryStatus, e as Col, x as Collapse, y as ColorPicker, a4 as ConfigProvider, z as ConfirmModal, c as Container, j as Divider, k as Drawer, D as Dropdown, E as Empty, G as ErrorBoundary, F as Flex, H as Heading, I as Image, M as Modal, V as PAGE_NUMBER, X as PAGE_SIZE, a5 as PageNotFound, g as Pagination, l as Popconfirm, P as Popover, Q as QRCode, n as Rate, m as Result, R as Row, Y as SORT_BY, Z as SORT_DESC, O as START_PAGE, U as START_PAGE_SIZE, b as SearchFiltersForm, o as Segmented, h as Sidebar, S as Skeleton, p as Statistic, T as Table, a as Tabs, i as Tag, q as Timeline, r as Tour, s as Tree, _ as TypeActionRowTable, $ as TypeBulkActions, a0 as TypeStatusTable, W as Watermark, K as badgeStatusCategoryConfig, t as typeColorMap } from '../chunks/PageNotFound-D26HbHVw.js';
 export { E as ErrorMessage, L as Label, b as Layout, M as Menu, S as Space, e as Spin, c as Splitter, d as Steps, f as TINY_API, a as Tooltip, T as Typography, U as UploadImage } from '../chunks/UploadImage-BRBnjq5U.js';

package/package.json

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

package/types/components/fields/SliderRanger.d.ts

@@ -1,6 +1,6 @@
 import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
 import { SliderRangeProps } from 'antd/es/slider';
-export interface SliderProps extends Omit<SliderRangeProps, "onChange"> {
+export interface SliderRangesProps extends Omit<SliderRangeProps, "onChange"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
     label?: string;
@@ -9,4 +9,4 @@ export interface SliderProps extends Omit<SliderRangeProps, "onChange"> {
     customStyleContainer?: string;
     customStyleSlider?: string;
 }
-export declare const SliderRange: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SliderRange: (props: SliderRangesProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/fields/index.d.ts

@@ -9,3 +9,5 @@ export * from './DatePicker';
 export * from './DateRangePicker';
 export * from './Upload';
 export * from './Switch';
+export * from './SliderSingle';
+export * from './SliderRanger';

package/types/constants/table.d.ts

@@ -1,3 +1,9 @@
+export declare const START_PAGE = 1;
+export declare const START_PAGE_SIZE = 10;
+export declare const PAGE_NUMBER = "page";
+export declare const PAGE_SIZE = "size";
+export declare const SORT_BY = "SortBy";
+export declare const SORT_DESC = "SortDesc";
 export declare enum TypeActionRowTable {
     DELETE = "DELETE",
     EDIT = "EDIT",