@ztwoint/z-ui 0.1.126 → 0.1.128

package/dist/components/primitives/popconfirm/popconfirm.js

@@ -0,0 +1,78 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { Popover as L, PopoverTrigger as R, PopoverContent as z } from "../../popover/popover.js";
+import { Button as s } from "../../button/button.js";
+import { POPCONFIRM_DEFAULT_CONFIG as l } from "./popconfirm.const.js";
+import { usePopconfirm as A } from "./popconfirm.hook.js";
+import { mapPlacementToRadixAlign as I, mapPlacementToRadixSide as _ } from "./popconfirm.utils.js";
+import "react";
+import { cn as f } from "../../../lib/utils.js";
+const D = ({
+  title: h,
+  children: g,
+  onConfirm: x,
+  onCancel: c,
+  okText: N = l.okText,
+  cancelText: C = l.cancelText,
+  placement: r = l.placement,
+  open: p,
+  onOpenChange: v,
+  disabled: n = !1,
+  okButtonProps: e,
+  cancelButtonProps: i,
+  className: b
+}) => {
+  const { open: O, confirmLoading: m, handleOpenChange: T, handleConfirm: w, handleCancel: j } = A({
+    open: p,
+    onOpenChange: v,
+    onConfirm: x,
+    onCancel: c
+  }), y = _(r), F = I(r);
+  return /* @__PURE__ */ d(L, { open: n ? !1 : O, onOpenChange: T, children: [
+    /* @__PURE__ */ a(R, { asChild: !0, disabled: n, "data-slot": "popconfirm-trigger", children: g }),
+    /* @__PURE__ */ a(
+      z,
+      {
+        side: y,
+        align: F,
+        sideOffset: 8,
+        className: f("p-3 w-auto min-w-[200px]", b),
+        "data-slot": "popconfirm-content",
+        children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ a("div", { className: "text-text-neutral-primary text-sm leading-medium-sm", children: h }),
+          /* @__PURE__ */ d("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ a(
+              s,
+              {
+                onClick: j,
+                variant: "stroke",
+                shade: "neutral",
+                size: "small",
+                disabled: m || (i == null ? void 0 : i.disabled),
+                className: f("min-w-16", i == null ? void 0 : i.className),
+                "data-slot": "popconfirm-cancel-button",
+                children: C
+              }
+            ),
+            /* @__PURE__ */ a(
+              s,
+              {
+                onClick: w,
+                variant: "filled",
+                shade: "brand",
+                size: "small",
+                disabled: m || (e == null ? void 0 : e.disabled) || (i == null ? void 0 : i.disabled),
+                className: f("min-w-16", e == null ? void 0 : e.className),
+                "data-slot": "popconfirm-ok-button",
+                children: e != null && e.loading || m ? "Loading..." : N
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+D.displayName = "Popconfirm";
+export {
+  D as Popconfirm
+};

package/dist/components/primitives/popconfirm/popconfirm.type.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { PopconfirmPlacement } from './popconfirm.const';
+export interface PopconfirmProps {
+    title: ReactNode;
+    children: ReactNode;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    okText?: string;
+    cancelText?: string;
+    placement?: PopconfirmPlacement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    okButtonProps?: {
+        loading?: boolean;
+        disabled?: boolean;
+        className?: string;
+    };
+    cancelButtonProps?: {
+        disabled?: boolean;
+        className?: string;
+    };
+    className?: string;
+}

package/dist/components/primitives/popconfirm/popconfirm.utils.d.ts

@@ -0,0 +1,3 @@
+import { PopconfirmPlacement } from './popconfirm.const';
+export declare const mapPlacementToRadixSide: (placement: PopconfirmPlacement) => "top" | "bottom" | "left" | "right";
+export declare const mapPlacementToRadixAlign: (placement: PopconfirmPlacement) => "start" | "center" | "end";

package/dist/components/primitives/popconfirm/popconfirm.utils.js

@@ -0,0 +1,6 @@
+import { POPCONFIRM_PLACEMENTS as O } from "./popconfirm.const.js";
+const _ = (T) => T === O.TOP || T === O.TOP_LEFT || T === O.TOP_RIGHT ? "top" : T === O.BOTTOM || T === O.BOTTOM_LEFT || T === O.BOTTOM_RIGHT ? "bottom" : T === O.LEFT || T === O.LEFT_TOP || T === O.LEFT_BOTTOM ? "left" : T === O.RIGHT || T === O.RIGHT_TOP || T === O.RIGHT_BOTTOM ? "right" : "top", P = (T) => T === O.TOP_LEFT || T === O.BOTTOM_LEFT || T === O.LEFT_TOP || T === O.RIGHT_TOP ? "start" : T === O.TOP_RIGHT || T === O.BOTTOM_RIGHT || T === O.LEFT_BOTTOM || T === O.RIGHT_BOTTOM ? "end" : "center";
+export {
+  P as mapPlacementToRadixAlign,
+  _ as mapPlacementToRadixSide
+};

package/dist/components/primitives/select-compact/select-compact.js

@@ -0,0 +1,17 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { Z2Select as m, Z2SelectTrigger as S, Z2SelectValue as i, Z2SelectContent as Z, Z2SelectItem as d } from "../../select/z2-select.js";
+function v({
+  value: r,
+  onChange: t,
+  options: c,
+  placeholder: a = "Select field",
+  className: n
+}) {
+  return /* @__PURE__ */ u(m, { value: r || "", onValueChange: t, children: [
+    /* @__PURE__ */ e(S, { className: n, children: /* @__PURE__ */ e(i, { placeholder: a }) }),
+    /* @__PURE__ */ e(Z, { children: !!c && c.map((l) => /* @__PURE__ */ e(d, { value: l.value, children: l.label }, l.value)) })
+  ] });
+}
+export {
+  v as Z2SelectCompact
+};

package/dist/components/{table-card → primitives/table-card}/table-card.js

@@ -1,61 +1,62 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { Table as r } from "../table/table-provider.js";
+import { Table as r } from "../../table/table-provider.js";
 import "react";
-import { cn as d } from "../../lib/utils.js";
-/* empty css                        */
-import "../alert/alert.const.js";
-import "../button/button.js";
-import "../collapsible-side-nav-bar/side-nav-bar-provider.js";
-import "../collapsible-side-nav-bar/side-nav-bar.js";
-import "../collapsible-side-nav-bar/side-nav-bar-header.js";
-import "../collapsible-side-nav-bar/side-nav-bar-content.js";
-import "../collapsible-side-nav-bar/side-nav-bar-footer.js";
-import "../collapsible-side-nav-bar/side-nav-bar-group.js";
-import "../collapsible-side-nav-bar/side-nav-bar-item.js";
-import "../collapsible-side-nav-bar/side-nav-bar-separator.js";
-import "../collapsible-side-nav-bar/context.js";
-import "../collapsible-side-nav-bar/popover/popover.js";
+import { cn as d } from "../../../lib/utils.js";
+/* empty css                           */
+import "../../alert/alert.const.js";
+import "../../button/button.js";
+import "../../collapsible-side-nav-bar/side-nav-bar-provider.js";
+import "../../collapsible-side-nav-bar/side-nav-bar.js";
+import "../../collapsible-side-nav-bar/side-nav-bar-header.js";
+import "../../collapsible-side-nav-bar/side-nav-bar-content.js";
+import "../../collapsible-side-nav-bar/side-nav-bar-footer.js";
+import "../../collapsible-side-nav-bar/side-nav-bar-group.js";
+import "../../collapsible-side-nav-bar/side-nav-bar-item.js";
+import "../../collapsible-side-nav-bar/side-nav-bar-separator.js";
+import "../../collapsible-side-nav-bar/context.js";
+import "../../collapsible-side-nav-bar/popover/popover.js";
 import "react-country-flag";
 import "classnames";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-dialog";
-import "../dropdown/z2-dropdown.js";
+import "../../dropdown/z2-dropdown.js";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
-import S from "../assets/icons/octagon-warning-Copy.js";
-import "../input/input.js";
-import "../nav-header/nav-header.js";
-import "../nav-header/nav-item/nav-item.js";
+import S from "../../assets/icons/octagon-warning-Copy.js";
+import "../../input/input.js";
+import "../../nav-header/nav-header.js";
+import "../../nav-header/nav-item/nav-item.js";
 import "@radix-ui/react-select";
-import "../stepper/stepper.js";
-import "../stepper-item/stepper-item.js";
+import "../../stepper/stepper.js";
+import "../../stepper-item/stepper-item.js";
 import "@radix-ui/react-tabs";
-import "../tooltip/tooltip.js";
-import { Filter as x } from "../table-filter/index.js";
-import "../badge/badge.js";
-import "../avatar/avatar.js";
-import "../text-preset/text-preset.js";
+import "../../tooltip/tooltip.js";
+import { Filter as x } from "../../table-filter/index.js";
+import "../../badge/badge.js";
+import "../../avatar/avatar.js";
+import "../../text-preset/text-preset.js";
 import "react-dom";
-import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
-import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
+import "../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
+import "../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "@radix-ui/react-slot";
-import "../radio/z2-radio.js";
-import "../segmented-control/item.js";
+import "../../radio/z2-radio.js";
+import "../../segmented-control/item.js";
 import "@radix-ui/react-popover";
-import "../dynamic-table/z2-table.js";
-import "../dynamic-table/z2-table-context.js";
-import "../chart/chart.js";
+import "../popconfirm/popconfirm.js";
+import "../../dynamic-table/z2-table.js";
+import "../../dynamic-table/z2-table-context.js";
+import "../../chart/chart.js";
 import "../chart-card/config/defaults.js";
 import "../chart-card/config/colors.js";
-import "../z2map/map.js";
-import "../z2map/map.constants.js";
-import "../z2map/components/map-pin.js";
-import "../z2map/components/map-pin-content.js";
-import "../z2map/components/map-controls.js";
-import "../z2map/components/map-zoom-control.js";
-import "../z2map/components/map-style-control.js";
-import "../table/table.context.js";
-const zt = ({
+import "../../z2map/map.js";
+import "../../z2map/map.constants.js";
+import "../../z2map/components/map-pin.js";
+import "../../z2map/components/map-pin-content.js";
+import "../../z2map/components/map-controls.js";
+import "../../z2map/components/map-zoom-control.js";
+import "../../z2map/components/map-style-control.js";
+import "../../table/table.context.js";
+const Dt = ({
   dataSource: w,
   schema: B,
   loading: b,
@@ -65,20 +66,20 @@ const zt = ({
   bordered: n = !0,
   showHeader: g = !0,
   headerClassName: j,
-  search: a,
+  search: s,
   filter: e,
   headerLeftContent: h,
   headerActions: p,
-  body: l = {
+  body: o = {
     cell: { hasBorder: !0 },
     className: "",
     stickyHeader: !0
   },
   showFooter: P = !0,
   footerClassName: T,
-  pagination: o,
+  pagination: l,
   paginationInfo: i,
-  paginationQuickJumper: s,
+  paginationQuickJumper: a,
   error: u = !1,
   dataSourceError: _ = !1
 }) => {
@@ -92,7 +93,7 @@ const zt = ({
         typeof u == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: u })
       ] })
     ] }) });
-  const C = s && s.totalPage && s.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!i || C, v = a || e || h || p, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
+  const N = a && a.totalPage && a.totalPage >= 2, C = l && l.totalPage && l.totalPage >= 2 || !!i || N, v = s || e || h || p, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
   return /* @__PURE__ */ m("div", { className: d("flex flex-col overflow-hidden relative", H), children: [
     /* @__PURE__ */ m(r, { dataSource: w, schema: B, emptyMessage: k, children: [
       g && v && /* @__PURE__ */ m(
@@ -105,18 +106,18 @@ const zt = ({
             j
           ),
           children: [
-            /* @__PURE__ */ m(r.HeaderContent, { children: [
+            /* @__PURE__ */ m(r.HeaderContent, { className: "overflow-x-auto p-[1px]", children: [
               h && h,
-              a && /* @__PURE__ */ t(
+              s && /* @__PURE__ */ t(
                 r.Search,
                 {
                   search: {
-                    value: a.value || "",
-                    onChange: a.onChange || (() => {
+                    value: s.value || "",
+                    onChange: s.onChange || (() => {
                     }),
-                    placeholder: a.placeholder
+                    placeholder: s.placeholder
                   },
-                  className: a.className
+                  className: s.className
                 }
               ),
               e && /* @__PURE__ */ m(
@@ -145,21 +146,21 @@ const zt = ({
         r.Body,
         {
           dataSourceError: _,
-          cell: l == null ? void 0 : l.cell,
-          sort: l == null ? void 0 : l.sort,
+          cell: o == null ? void 0 : o.cell,
+          sort: o == null ? void 0 : o.sort,
           className: d(
             "flex-1 min-h-0",
             n && "border-stroke-solid-light border-1",
             c && !(g && v) && "rounded-t-xl",
-            c && !(P && N) && "rounded-b-xl",
+            c && !(P && C) && "rounded-b-xl",
             n && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
             n && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
-            l == null ? void 0 : l.className
+            o == null ? void 0 : o.className
           ),
-          stickyHeader: l == null ? void 0 : l.stickyHeader
+          stickyHeader: o == null ? void 0 : o.stickyHeader
         }
       ),
-      P && N && /* @__PURE__ */ m(
+      P && C && /* @__PURE__ */ m(
         r.Footer,
         {
           className: d(
@@ -177,26 +178,26 @@ const zt = ({
                 currentPage: i.currentPage,
                 itemsPerPage: i.itemsPerPage
               }
-            ) }) : s || o ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
-            (s || o) && /* @__PURE__ */ m(r.FooterContent, { children: [
-              C && /* @__PURE__ */ t(
+            ) }) : a || l ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
+            (a || l) && /* @__PURE__ */ m(r.FooterContent, { children: [
+              N && /* @__PURE__ */ t(
                 r.PaginationQuickJumper,
                 {
-                  currentPage: s.currentPage,
-                  totalPage: s.totalPage,
-                  onChange: s.onChange || (() => {
+                  currentPage: a.currentPage,
+                  totalPage: a.totalPage,
+                  onChange: a.onChange || (() => {
                   }),
-                  disabled: s.disabled
+                  disabled: a.disabled
                 }
               ),
-              o && /* @__PURE__ */ t(
+              l && /* @__PURE__ */ t(
                 r.Pagination,
                 {
-                  currentPage: o.currentPage,
-                  totalPage: o.totalPage,
-                  onChange: o.onChange || (() => {
+                  currentPage: l.currentPage,
+                  totalPage: l.totalPage,
+                  onChange: l.onChange || (() => {
                   }),
-                  totalItems: o.totalItems
+                  totalItems: l.totalItems
                 }
               )
             ] })
@@ -211,5 +212,5 @@ const zt = ({
   ] });
 };
 export {
-  zt as default
+  Dt as default
 };

package/dist/components/{table-card → primitives/table-card}/table-card.type.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { TableProps, TableSchema, TableSearch, TableSort } from '../table/table.type';
-import { TableFilter, FilterRule, FilterSchema } from '../table-filter/table-filter.type';
-import { PaginationProps, PaginationInfoProps, PaginationQuickJumperProps } from '../table/components/pagination/pagination.type';
+import { TableProps, TableSchema, TableSearch, TableSort } from '../../table/table.type';
+import { TableFilter, FilterRule, FilterSchema } from '../../table-filter/table-filter.type';
+import { PaginationProps, PaginationInfoProps, PaginationQuickJumperProps } from '../../table/components/pagination/pagination.type';
 export interface TableCardProps {
     dataSource: Record<string, unknown>[];
     schema: TableSchema;

package/dist/components/table/components/cell/avatar-cell.js

@@ -42,11 +42,12 @@ import "@radix-ui/react-slot";
 import "../../../radio/z2-radio.js";
 import "../../../segmented-control/item.js";
 import "@radix-ui/react-popover";
+import "../../../primitives/popconfirm/popconfirm.js";
 import "../../../dynamic-table/z2-table.js";
 import "../../../dynamic-table/z2-table-context.js";
 import "../../../chart/chart.js";
-import "../../../chart-card/config/defaults.js";
-import "../../../chart-card/config/colors.js";
+import "../../../primitives/chart-card/config/defaults.js";
+import "../../../primitives/chart-card/config/colors.js";
 import "../../../z2map/map.js";
 import "../../../z2map/map.constants.js";
 import "../../../z2map/components/map-pin.js";
@@ -54,7 +55,7 @@ import "../../../z2map/components/map-pin-content.js";
 import "../../../z2map/components/map-controls.js";
 import "../../../z2map/components/map-zoom-control.js";
 import "../../../z2map/components/map-style-control.js";
-const xt = ({
+const ft = ({
   avatar: m,
   value: a,
   rightIcon: o,
@@ -92,5 +93,5 @@ const xt = ({
   }
 );
 export {
-  xt as AvatarCell
+  ft as AvatarCell
 };

package/dist/components/table/table-provider.js

@@ -47,11 +47,12 @@ import "@radix-ui/react-slot";
 import "../radio/z2-radio.js";
 import "../segmented-control/item.js";
 import "@radix-ui/react-popover";
+import "../primitives/popconfirm/popconfirm.js";
 import "../dynamic-table/z2-table.js";
 import "../dynamic-table/z2-table-context.js";
 import "../chart/chart.js";
-import "../chart-card/config/defaults.js";
-import "../chart-card/config/colors.js";
+import "../primitives/chart-card/config/defaults.js";
+import "../primitives/chart-card/config/colors.js";
 import "../z2map/map.js";
 import "../z2map/map.constants.js";
 import "../z2map/components/map-pin.js";