@pnkx-lib/ui 1.9.178 → 1.9.180

package/es/constants/index.js

@@ -0,0 +1,38 @@
+export { T as TINY_API } from '../chunks/common-CocKiHtC.js';
+
+const START_PAGE = 1;
+const START_PAGE_SIZE = 10;
+const PAGE_NUMBER = "page";
+const PAGE_SIZE = "size";
+const SORT = "sort";
+var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
+  TypeActionRowTable2["DELETE"] = "DELETE";
+  TypeActionRowTable2["EDIT"] = "EDIT";
+  TypeActionRowTable2["UNDO"] = "UNDO";
+  TypeActionRowTable2["CANCELUNDO"] = "CANCELUNDO";
+  TypeActionRowTable2["CHECKIN"] = "CHECKIN";
+  TypeActionRowTable2["PRINT"] = "PRINT";
+  TypeActionRowTable2["PAYMENT"] = "PAYMENT";
+  TypeActionRowTable2["PLAY"] = "PLAY";
+  TypeActionRowTable2["PAUSE"] = "PAUSE";
+  TypeActionRowTable2["DOWNLOAD"] = "DOWNLOAD";
+  TypeActionRowTable2["VIEW"] = "VIEW";
+  return TypeActionRowTable2;
+})(TypeActionRowTable || {});
+var TypeBulkActions = /* @__PURE__ */ ((TypeBulkActions2) => {
+  TypeBulkActions2["BULKACTION"] = "bulkaction";
+  TypeBulkActions2["DROPLIST"] = "droplist";
+  return TypeBulkActions2;
+})(TypeBulkActions || {});
+var TypeStatusTable = /* @__PURE__ */ ((TypeStatusTable2) => {
+  TypeStatusTable2["ALL"] = "ALL";
+  TypeStatusTable2[TypeStatusTable2["DRAFT"] = 0] = "DRAFT";
+  TypeStatusTable2[TypeStatusTable2["WAITING_APPROVAL"] = 1] = "WAITING_APPROVAL";
+  TypeStatusTable2[TypeStatusTable2["ACTIVE"] = 2] = "ACTIVE";
+  TypeStatusTable2[TypeStatusTable2["INACTIVE"] = 3] = "INACTIVE";
+  TypeStatusTable2[TypeStatusTable2["REJECTED"] = 4] = "REJECTED";
+  TypeStatusTable2[TypeStatusTable2["DELETED"] = 5] = "DELETED";
+  return TypeStatusTable2;
+})(TypeStatusTable || {});
+
+export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeStatusTable };

package/es/fields/CascaderField.js

@@ -0,0 +1,59 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Cascader as Cascader$1 } from 'antd';
+import { g as get } from '../chunks/get-C880miVG.js';
+import { ErrorMessage } from '../ui/ErrorMessage.js';
+import { Label } from '../ui/Label.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+
+const Cascader = (props) => {
+  //! State
+  const {
+    field,
+    formState,
+    label,
+    required,
+    afterOnChange,
+    classNameContainer,
+    classNameCascader,
+    ...restProps
+  } = props;
+  const { name, value, onChange, onBlur } = field || {};
+  const { touchedFields, errors, isSubmitted } = formState || {};
+  const isTouched = get(touchedFields, name);
+  const errorMessage = get(errors, name)?.message;
+  //! Function
+  const handleChange = (val) => {
+    onChange?.(val);
+    afterOnChange?.(val);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNameContainer, children: [
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { label, required }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Cascader$1,
+      {
+        onChange: handleChange,
+        onBlur,
+        value,
+        maxTagCount: "responsive",
+        status: (isTouched || isSubmitted) && Boolean(errorMessage) ? "error" : void 0,
+        className: twMerge("w-full", classNameCascader),
+        ...restProps
+      }
+    ),
+    renderErrorMessage()
+  ] });
+};
+
+export { Cascader };

package/es/fields/Checkbox.js

@@ -0,0 +1,56 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Checkbox as Checkbox$1 } from 'antd';
+import { g as get } from '../chunks/get-C880miVG.js';
+import { ErrorMessage } from '../ui/ErrorMessage.js';
+import { Typography } from '../ui/Typography.js';
+
+const Checkbox = (props) => {
+  //! State
+  const {
+    field,
+    formState,
+    label,
+    afterOnChange,
+    customStyleContainer,
+    customStyleCheckbox,
+    ...restProps
+  } = props;
+  const { name, value, onChange, onBlur } = field || {};
+  const { touchedFields, errors, isSubmitted } = formState || {};
+  const isTouched = get(touchedFields, name);
+  const errorMessage = get(errors, name)?.message;
+  //! Function
+  const handleChange = (e) => {
+    const checked = e.target.checked;
+    onChange?.(checked);
+    afterOnChange?.(checked);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Checkbox$1,
+      {
+        onBlur,
+        checked: !!value,
+        onChange: handleChange,
+        className: customStyleCheckbox,
+        ...restProps,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { children: label })
+      }
+    ),
+    renderErrorMessage()
+  ] });
+};
+
+export { Checkbox };