@pnkx-lib/ui 1.9.536 → 1.9.539

package/es/ui/TableForm/index.js

@@ -1,213 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button, Typography, Divider, Tag, Table } from '@pnkx-lib/ui';
-import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
-import { isString } from 'lodash';
-import { R as RemoveIconColor } from '../../chunks/table-Btvh90Co.js';
-
-const PlusIcon = ({
-  size = 24,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M12 12V6H11V12H5V13H11V19H12V13H18V12H12Z",
-            fill: color
-          }
-        )
-      }
-    )
-  }
-);
-
-const SaveIcon = ({
-  width = 24,
-  height = 24,
-  color = "currentColor",
-  // dùng màu kế thừa
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width,
-    height,
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        stroke: color,
-        strokeLinecap: "round",
-        strokeWidth: 1.5,
-        d: "M6.6 20.4V15a1.2 1.2 0 0 1 1.2-1.2h8.4a1.2 1.2 0 0 1 1.2 1.2v6M15 7.2H7.8A1.2 1.2 0 0 1 6.6 6V2.4m14.398 4.197-3.595-3.595a2.057 2.057 0 0 0-1.455-.602H4.458A2.057 2.057 0 0 0 2.4 4.457v15.086c0 1.136.921 2.057 2.058 2.057h15.085a2.057 2.057 0 0 0 2.057-2.057V8.052c0-.546-.216-1.069-.602-1.455Z"
-      }
-    )
-  }
-);
-
-const TrashCanIcon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "18",
-    height: "18",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M18.893 18.0357L19.393 18.0402V18.0402L18.893 18.0357ZM4.00049 5.5C3.72435 5.5 3.50049 5.72386 3.50049 6C3.50049 6.27614 3.72435 6.5 4.00049 6.5V5.5ZM20.0005 6.5C20.2766 6.5 20.5005 6.27614 20.5005 6C20.5005 5.72386 20.2766 5.5 20.0005 5.5V6.5ZM10.5005 10C10.5005 9.72386 10.2766 9.5 10.0005 9.5C9.72435 9.5 9.50049 9.72386 9.50049 10H10.5005ZM9.50049 18C9.50049 18.2761 9.72435 18.5 10.0005 18.5C10.2766 18.5 10.5005 18.2761 10.5005 18H9.50049ZM14.5005 10C14.5005 9.72386 14.2766 9.5 14.0005 9.5C13.7243 9.5 13.5005 9.72386 13.5005 10H14.5005ZM13.5005 18C13.5005 18.2761 13.7243 18.5 14.0005 18.5C14.2766 18.5 14.5005 18.2761 14.5005 18H13.5005ZM19.0005 6L18.5005 5.99554L18.393 18.0312L18.893 18.0357L19.393 18.0402L19.5005 6.00446L19.0005 6ZM14.8932 22V21.5H9.00049V22V22.5H14.8932V22ZM5.00049 6H4.50049V18H5.00049H5.50049V6H5.00049ZM4.00049 6V6.5H5.00049V6V5.5H4.00049V6ZM5.00049 6V6.5H8.00049V6V5.5H5.00049V6ZM8.00049 6V6.5H16.0005V6V5.5H8.00049V6ZM16.0005 6V6.5H19.0005V6V5.5H16.0005V6ZM19.0005 6V6.5H20.0005V6V5.5H19.0005V6ZM8.00049 5.55556H8.50049C8.50049 3.92176 10.0105 2.5 12.0005 2.5V2V1.5C9.5722 1.5 7.50049 3.262 7.50049 5.55556H8.00049ZM12.0005 2V2.5C13.9905 2.5 15.5005 3.92176 15.5005 5.55556H16.0005H16.5005C16.5005 3.262 14.4288 1.5 12.0005 1.5V2ZM8.00049 5.55556H7.50049V6H8.00049H8.50049V5.55556H8.00049ZM16.0005 5.55556H15.5005V6H16.0005H16.5005V5.55556H16.0005ZM9.00049 22V21.5C7.06749 21.5 5.50049 19.933 5.50049 18H5.00049H4.50049C4.50049 20.4853 6.51521 22.5 9.00049 22.5V22ZM18.893 18.0357L18.393 18.0312C18.3759 19.952 16.814 21.5 14.8932 21.5V22V22.5C17.3628 22.5 19.371 20.5097 19.393 18.0402L18.893 18.0357ZM10.0005 10H9.50049V18H10.0005H10.5005V10H10.0005ZM14.0005 10H13.5005V18H14.0005H14.5005V10H14.0005Z",
-        fill: props?.color || "#E0E0E0"
-      }
-    )
-  }
-);
-
-const TableForm = (props) => {
-  //! State
-  const {
-    data,
-    totalItems,
-    columns,
-    handleSubmit,
-    formFieldArray,
-    rowKey,
-    handleCancel,
-    renderHeadingTable,
-    hideCountNewItem,
-    // positionButton = "right",
-    defaultValues,
-    rowsSelected,
-    handleRemoveSelected,
-    ...restProps
-  } = props;
-  const { fields, prepend } = formFieldArray;
-  //! Function
-  const handleAddNew = () => {
-    prepend({ ...defaultValues, [rowKey]: `new_${Date.now()}` });
-  };
-  const newItemsCount = fields?.filter((field) => {
-    if (rowKey && isString(rowKey)) {
-      return typeof field?.[rowKey] === "string" && field?.[rowKey]?.startsWith("new_");
-    }
-  }).length;
-  const totalItemsCount = fields?.length;
-  const hasChanges = totalItemsCount > 0 && (newItemsCount > 0 || totalItemsCount !== (data?.length || 0));
-  //! Render
-  const onChangePage = restProps?.onChangePage ?? (() => {
-  });
-  const onChangePageSize = restProps?.onChangePageSize ?? (() => {
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "table-wrapper", children: [
-    /* @__PURE__ */ jsxs("div", { className: twMerge("mb-4 flex justify-between items-center"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
-        handleCancel && /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: handleCancel, shape: "round", children: "Huỷ" }),
-        defaultValues && /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "primary",
-            onClick: handleAddNew,
-            icon: /* @__PURE__ */ jsx(PlusIcon, {}),
-            shape: "round",
-            children: "Thêm mới"
-          }
-        ),
-        handleSubmit && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            type: "primary",
-            onClick: handleSubmit,
-            disabled: fields.length === 0,
-            icon: /* @__PURE__ */ jsx(SaveIcon, { width: 18, height: 18 }),
-            shape: "round",
-            className: "[&_.ant-btn-icon]:h-[18px]",
-            children: [
-              "Lưu ",
-              hasChanges && `(${totalItemsCount})`
-            ]
-          }
-        )
-      ] }),
-      rowsSelected && rowsSelected?.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ jsxs(Typography.Text, { children: [
-            "Đã chọn ",
-            rowsSelected?.length,
-            " bản ghi"
-          ] }),
-          /* @__PURE__ */ jsx(Divider, { className: "mx-2 !h-6 ", type: "vertical" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            disabled: fields.length === 0,
-            icon: /* @__PURE__ */ jsx(TrashCanIcon, { color: RemoveIconColor }),
-            shape: "round",
-            onClick: handleRemoveSelected,
-            className: twMerge(
-              "customContainButtonIcon_notNullFilter",
-              "customContainButtonIcon"
-            ),
-            children: "Xoá tất cả"
-          }
-        )
-      ] }),
-      newItemsCount > 0 && !hideCountNewItem && /* @__PURE__ */ jsxs(Tag, { color: "blue", children: [
-        newItemsCount,
-        " mục mới"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "bg-white h-full", id: "layout-wrapper-table", children: [
-      /* @__PURE__ */ jsx("div", { className: "pl-2", children: renderHeadingTable && renderHeadingTable() }),
-      /* @__PURE__ */ jsx(
-        Table,
-        {
-          dataSource: fields,
-          columns,
-          totalItems,
-          rowsSelected,
-          rowKey,
-          onChangePage,
-          onChangePageSize,
-          ...restProps
-        }
-      )
-    ] })
-  ] });
-};
-
-export { TableForm };

package/types/ui/BulkActions/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../../components/ui/BulkActions/index'
-export {}

package/types/ui/Clock/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../../components/ui/Clock/index'
-export {}

package/types/ui/CustomeBulkActions/index.d.ts

@@ -1,6 +0,0 @@
-export * from '../../components/ui/CustomeBulkActions/index'
-export {}
-import PnkxUI from '../../components/ui/CustomeBulkActions/index'
-export default PnkxUI
-export * from '../../components/ui/CustomeBulkActions/index'
-export {}

package/types/ui/Table/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../../components/ui/Table/index'
-export {}

package/types/ui/TableCategory/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../../components/ui/TableCategory/index'
-export {}

package/types/ui/TableForm/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../../components/ui/TableForm/index'
-export {}