@pnkx-lib/ui 1.9.166 → 1.9.167

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 { 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.166",
+  "version": "1.9.167",
   "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';