@dgshahr/ui-kit 0.0.89 → 0.0.91

package/dist/Table/index.mjs

@@ -0,0 +1,372 @@
+"use client";
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import { c } from "../clsx-OuTLNxxd.js";
+import { useState as K, useEffect as T, createContext as L, useContext as j, useRef as H } from "react";
+import D from "../Badge/index.mjs";
+import O from "../Form/Checkbox/index.mjs";
+import A from "../Tooltip/index.mjs";
+import { I as P } from "../IconArrowDown2-7ddwV5IE.js";
+import { I as z } from "../IconInfoCircleOutline-aO1F3qnG.js";
+import m from "../Divider/index.mjs";
+import q from "../Pagination/index.mjs";
+import '../assets/styles.css';/* empty css                 */
+const E = L({
+  observer: null,
+  columns: [],
+  data: [],
+  rowKey: ""
+}), R = "after:!dgs-ui-kit-shadow-[rgba(0,0,0,0.06)]";
+function y(e) {
+  e.classList.add(R);
+}
+function $(e) {
+  e.classList.remove(R);
+}
+function M(e) {
+  const { children: t, ...n } = e, { columns: o, rowSelection: r } = n, [d, a] = K(null);
+  return T(() => {
+    let i = o.some((u) => !!u.sticky);
+    return i || (i = !!r?.sticky), i && a(
+      new IntersectionObserver(
+        (u) => {
+          let l = !1;
+          for (const k of u)
+            if (k.boundingClientRect.right > k.intersectionRect.right) {
+              document.querySelectorAll("#sticky-cell-right").forEach(y), l = !0;
+              break;
+            } else if (k.boundingClientRect.left < k.intersectionRect.left) {
+              document.querySelectorAll("#sticky-cell-left").forEach(y), l = !0;
+              break;
+            }
+          l || document.querySelectorAll('[id^="sticky-cell-"]').forEach($);
+        },
+        { threshold: 1, rootMargin: "0% 100% 0% 100%" }
+      )
+    ), () => {
+      d && d.disconnect();
+    };
+  }, []), /* @__PURE__ */ s(E.Provider, { value: { observer: d, ...n }, children: t });
+}
+const b = () => j(E), F = (e) => {
+  const { title: t, extraElement: n, showTotal: o, total: r, className: d } = e;
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: c(
+        "dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200",
+        d
+      ),
+      children: [
+        /* @__PURE__ */ s("div", { className: "dgs-ui-kit-font-h4-bold dgs-ui-kit-text-gray-700 dgs-ui-kit-w-full", children: t }),
+        o && /* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-shrink-0", children: [
+          /* @__PURE__ */ s("span", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-700 dgs-ui-kit-ml-1", children: "تعداد نتایج:" }),
+          /* @__PURE__ */ s(
+            D,
+            {
+              value: r ?? 0,
+              valueType: "number",
+              size: "large",
+              color: "primary",
+              type: "twoTone"
+            }
+          )
+        ] }),
+        n
+      ]
+    }
+  );
+};
+function p(e) {
+  switch (e) {
+    case "center":
+      return "dgs-ui-kit-justify-center";
+    case "start":
+      return "dgs-ui-kit-justify-start";
+    case "end":
+      return "dgs-ui-kit-justify-end";
+    default:
+      return;
+  }
+}
+function B(e, t) {
+  return e || (Array.isArray(t) ? t[t.length - 1] : t);
+}
+function _(e) {
+  return !!(e && e.selectedRowKeys.length > 1 || typeof e?.onSelectRow == "function");
+}
+function I(e, t) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: c(
+        "dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-centerd",
+        p(e ?? "center")
+      ),
+      children: /* @__PURE__ */ s(O, { ...t })
+    }
+  );
+}
+function U(e, t) {
+  if (e)
+    return c(
+      "dgs-ui-kit-sticky dgs-ui-kit-z-10",
+      'after:dgs-ui-kit-content[""] after:dgs-ui-kit-absolute after:dgs-ui-kit-top-0 after:dgs-ui-kit-h-full after:dgs-ui-kit-w-[30px] after:dgs-ui-kit-transition-shadow',
+      // sticky shadow class
+      {
+        " dgs-ui-kit-right-[-1px] dgs-ui-kit-pr-[calc(1em+1px)] after:dgs-ui-kit-left-0 after:-dgs-ui-kit-translate-x-full after:dgs-ui-kit-shadow-[inset_-10px_0_8px_-8px] after:dgs-ui-kit-shadow-transparent": e === "right",
+        " dgs-ui-kit-left-[-1px] dgs-ui-kit-pl-[calc(1em+1px)] after:dgs-ui-kit-right-0 after:dgs-ui-kit-translate-x-full after:dgs-ui-kit-shadow-[inset_10px_0_8px_-8px] after:dgs-ui-kit-shadow-transparent": e === "left",
+        'before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-top-0 before:dgs-ui-kit-right-0 before:dgs-ui-kit-w-full before:dgs-ui-kit-border-t before:md:dgs-ui-kit-border-t-0 before:dgs-ui-kit-border-solid before:dgs-ui-kit-border-gray-200': t
+      }
+    );
+}
+const f = (e) => {
+  const { children: t, className: n, type: o, sticky: r, addBorderToSticky: d, stuckToTop: a } = e, i = H(null), u = o, { observer: l } = b();
+  return T(() => {
+    if (!(!i.current || !l))
+      return r && l.observe(i.current), () => {
+        !i.current || !l || r && l.unobserve(i.current);
+      };
+  }, [i, l]), /* @__PURE__ */ s(
+    u,
+    {
+      ref: i,
+      className: c(n, U(r, d), {
+        'dgs-ui-kit-border-b-0 before:dgs-ui-kit-content[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-bottom-0 before:dgs-ui-kit-left-0 before:dgs-ui-kit-w-full before:dgs-ui-kit-border-b before:dgs-ui-kit-border-solid before:dgs-ui-kit-border-gray-200': a,
+        "dgs-ui-kit-top-0 dgs-ui-kit-z-20": a && r,
+        "dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-z-10": a && !r
+      }),
+      id: r && `sticky-cell-${r}`,
+      children: t
+    }
+  );
+}, x = "dgs-ui-kit-p-4 dgs-ui-kit-pl-0 dgs-ui-kit-bg-white dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200";
+function W(e, t) {
+  return e ? Array.isArray(e) ? e.reduce((n, o) => n?.[o] ?? null, t) : t[e] : null;
+}
+function Z(e, t, n) {
+  if (typeof e.render == "function") return e.render(t, n);
+  const o = W(e.dataIndex, t);
+  if (e.ellipsis) {
+    const r = /* @__PURE__ */ s("div", { className: "!dgs-ui-kit-truncate", children: o });
+    return typeof e.ellipsis != "boolean" && e.ellipsis.hideTooltip ? r : /* @__PURE__ */ s(
+      A,
+      {
+        wrapperClassName: "dgs-ui-kit-w-full",
+        content: o,
+        children: r
+      }
+    );
+  }
+  return o;
+}
+const G = (e) => {
+  const { havePagination: t } = e, { columns: n, data: o, rowKey: r, rowSelection: d, stickyTableHeader: a } = b();
+  return /* @__PURE__ */ s("tbody", { children: o.map((i, u) => /* @__PURE__ */ g("tr", { children: [
+    _(d) && /* @__PURE__ */ s(
+      f,
+      {
+        type: "td",
+        className: c(
+          x,
+          d?.className,
+          {
+            "dgs-ui-kit-border-b-0 dgs-ui-kit-rounded-br-2xl": !t && u === o.length - 1
+          },
+          d?.className
+        ),
+        sticky: d?.sticky,
+        addBorderToSticky: a ? u !== 0 : !0,
+        children: I(d?.align, {
+          onChange: (l) => d?.onSelectRow(l, i[r]),
+          checked: !!d?.selectedRowKeys.find((l) => l === i[r])
+        })
+      }
+    ),
+    n.map((l) => /* @__PURE__ */ s(
+      f,
+      {
+        type: "td",
+        className: c(
+          x,
+          {
+            "dgs-ui-kit-border-b-0 first:dgs-ui-kit-rounded-br-2xl last:dgs-ui-kit-rounded-bl-2xl": !t && u === o.length - 1
+          },
+          l.className
+        ),
+        sticky: l.sticky,
+        addBorderToSticky: a ? u !== 0 : !0,
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            className: c(
+              "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-ml-2",
+              p(l.align)
+            ),
+            children: Z(l, i, u)
+          }
+        )
+      },
+      `${i[r]}-${B(l.key, l.dataIndex)}`
+    ))
+  ] }, i[r])) });
+}, J = (e) => /* @__PURE__ */ s(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...e,
+    children: /* @__PURE__ */ s(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M19.53 16.03a.75.75 0 0 1-.976.073l-.084-.073L12 9.561l-6.47 6.47a.75.75 0 0 1-.976.072l-.084-.073a.75.75 0 0 1-.073-.976l.073-.084 7-7a.75.75 0 0 1 .976-.073l.084.073 7 7a.75.75 0 0 1 0 1.06"
+      }
+    )
+  }
+);
+function Q(e, t) {
+  if (e.length !== t.length) return !1;
+  e.sort(), t.sort();
+  for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
+  return !0;
+}
+const h = 16, v = "dgs-ui-kit-p-4 dgs-ui-kit-pl-0 dgs-ui-kit-text-gray-500 dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200", w = "!dgs-ui-kit-h-8 dgs-ui-kit-shrink-0";
+function C(e, t) {
+  return /* @__PURE__ */ s("button", { onClick: () => t.onSort(e), children: /* @__PURE__ */ s(
+    e === "ascend" ? J : P,
+    {
+      width: h,
+      height: h,
+      className: t.active === e ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-500"
+    }
+  ) });
+}
+function N(e, t) {
+  return /* @__PURE__ */ g("div", { className: "dgs-ui-kit-font-p1-medium dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse", children: [
+    /* @__PURE__ */ s("span", { children: e }),
+    t && (t.anchorIcon ?? /* @__PURE__ */ s(
+      z,
+      {
+        width: h,
+        height: h
+      }
+    ))
+  ] });
+}
+function S(e, t) {
+  return e.map((n) => n[t]);
+}
+const X = (e) => {
+  const { haveHeader: t } = e, { columns: n, rowKey: o, rowSelection: r, data: d, stickyTableHeader: a } = b();
+  return /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ g("tr", { children: [
+    _(r) && /* @__PURE__ */ s(
+      f,
+      {
+        type: "th",
+        className: c(
+          v,
+          { "dgs-ui-kit-rounded-tr-2xl": !t },
+          r?.className
+        ),
+        sticky: r?.sticky,
+        stuckToTop: a,
+        children: /* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-between", children: [
+          I(r?.align, {
+            checked: r.selectedRowKeys.length > 0,
+            isIndeterminate: !Q(
+              S(d, o),
+              r.selectedRowKeys
+            ),
+            onChange: (i) => r?.onSelectRow(i, i.target.checked ? S(d, o) : [])
+          }),
+          /* @__PURE__ */ s(
+            m,
+            {
+              type: "vertical",
+              className: w
+            }
+          )
+        ] })
+      }
+    ),
+    n.map((i, u) => /* @__PURE__ */ s(
+      f,
+      {
+        type: "th",
+        sticky: i.sticky,
+        className: c(
+          v,
+          {
+            "first:dgs-ui-kit-rounded-tr-2xl last:dgs-ui-kit-rounded-tl-2xl": !t
+          },
+          i.className
+        ),
+        stuckToTop: a,
+        children: /* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center", children: [
+          /* @__PURE__ */ g(
+            "div",
+            {
+              className: c(
+                "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-full dgs-ui-kit-ml-2",
+                p(i.align)
+              ),
+              children: [
+                i.tooltip?.content ? /* @__PURE__ */ s(A, { ...i.tooltip, children: N(i.title, i.tooltip) }) : N(i.title),
+                typeof i.sort?.onSort == "function" && /* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col", children: [
+                  C("ascend", i.sort),
+                  C("descend", i.sort)
+                ] })
+              ]
+            }
+          ),
+          u !== n.length - 1 && /* @__PURE__ */ s(
+            m,
+            {
+              type: "vertical",
+              className: w
+            }
+          )
+        ] })
+      },
+      B(i.key, i.dataIndex)
+    ))
+  ] }) });
+};
+function ae(e) {
+  const { header: t, wrapperClassName: n, className: o, data: r, pagination: d } = e, a = (t && Object.values(t).length > 0) ?? !1, i = !!(d?.totalCount && d?.pageSize);
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: c(
+        "dgs-ui-kit-relative dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid dgs-ui-kit-rounded-2xl ",
+        n
+      ),
+      children: [
+        a && /* @__PURE__ */ s(
+          F,
+          {
+            ...t,
+            total: d?.totalCount ?? r.length
+          }
+        ),
+        /* @__PURE__ */ s("table", { className: o, children: /* @__PURE__ */ g(M, { ...e, children: [
+          /* @__PURE__ */ s(X, { haveHeader: a }),
+          /* @__PURE__ */ s(G, { havePagination: i })
+        ] }) }),
+        i && /* @__PURE__ */ s(
+          q,
+          {
+            className: c("dgs-ui-kit-py-4 !dgs-ui-kit-px-0", d?.className),
+            ...d
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ae as default
+};

package/dist/Table/types.d.ts

@@ -0,0 +1,58 @@
+import { ReactNode } from 'react';
+import { DeepNamePath } from '../../utils/types/deepNamePath';
+import { PaginationProps } from '../Pagination';
+import { TooltipProps } from '../Tooltip';
+type NonTypeSafeDataIndex = string | string[];
+type TypeSafeDataIndex<T> = keyof T | DeepNamePath<T>;
+type DataIndexPath<T> = [keyof T] extends [never] ? NonTypeSafeDataIndex : TypeSafeDataIndex<T>;
+export type UnknownRecord = Record<string, unknown>;
+export type SortValues = 'ascend' | 'descend';
+interface ColumnsTypeBase<T> {
+    title?: string;
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+    tooltip?: Omit<TooltipProps, 'children'> & {
+        anchorIcon?: ReactNode;
+    };
+    sticky?: 'left' | 'right';
+    ellipsis?: boolean | {
+        hideTooltip?: boolean;
+    };
+    render?: (record: T, index: number) => ReactNode;
+    sort?: {
+        active?: SortValues;
+        onSort: (value: SortValues) => void;
+    };
+}
+interface ColumnsTypeWithKey<T> {
+    key: string;
+    dataIndex?: DataIndexPath<T>;
+}
+interface ColumnsTypeWithDataIndex<T> {
+    key?: string;
+    dataIndex: DataIndexPath<T>;
+}
+export type ColumnsType<T extends UnknownRecord = UnknownRecord> = ColumnsTypeBase<T> & (ColumnsTypeWithKey<T> | ColumnsTypeWithDataIndex<T>);
+export interface TableHeaderProps {
+    title?: string;
+    showTotal?: boolean;
+    extraElement?: ReactNode;
+    className?: string;
+}
+export interface RowSelectionProps<T> extends Pick<ColumnsType, 'align' | 'sticky' | 'className'> {
+    onSelectRow: (e: React.ChangeEvent<HTMLInputElement>, key: string | string[], record?: T) => void;
+    selectedRowKeys: string[];
+}
+export interface TableProps<T extends UnknownRecord = UnknownRecord> {
+    data: T[];
+    columns: ColumnsType<T>[];
+    rowKey: [keyof T] extends [never] ? string : keyof T;
+    header?: TableHeaderProps;
+    stickyTableHeader?: boolean;
+    rowSelection?: RowSelectionProps<T>;
+    pagination?: PaginationProps;
+    wrapperClassName?: string;
+    className?: string;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/Table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Table/types.ts"],"names":[],"mappings":"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"}

package/dist/Table/utils.d.ts

@@ -0,0 +1,8 @@
+import { ColumnsType, TableProps, UnknownRecord } from './types';
+import { CheckboxProps } from '../Form/Checkbox';
+export declare function getAlingmentClass(align: ColumnsType['align']): "dgs-ui-kit-justify-end" | "dgs-ui-kit-justify-center" | "dgs-ui-kit-justify-start" | undefined;
+export declare function getColumnKey(key: ColumnsType['key'], dataIndex: ColumnsType<UnknownRecord>['dataIndex']): string | undefined;
+export declare function isSelectionAvailable<T extends UnknownRecord>(rowSelection: TableProps<T>['rowSelection']): boolean;
+export declare function renderRowSelectCheckbox(alingment: ColumnsType['align'], checkboxProps?: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function getStickyClass(sticky: ColumnsType['sticky'], addBeforeBorderTop?: boolean): string | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/Table/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/Table/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,mGAW5D;AAED,wBAAgB,YAAY,CAC1B,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,EACvB,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,sBAQnD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,aAAa,EAC1D,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,WAM5C;AAED,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAC/B,aAAa,CAAC,EAAE,aAAa,2CAY9B;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,EAAE,OAAO,sBAezF"}

package/dist/{TextFieldWrapper-K0g1kAl1.cjs → TextFieldWrapper-CQbBbmlX.cjs}

@@ -1 +1 @@
-"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-7YeZbp0-.cjs");;/* empty css                  */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&i?.href,"dgs-ui-kit-mb-2":!n,"dgs-ui-kit-justify-start":s&&!i?.href,"dgs-ui-kit-justify-end":!s&&i?.href,"dgs-ui-kit-text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,a&&e.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.clsx(`dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!t&&"hover:dgs-ui-kit-ring-gray-50"}`,n||l?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":`dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!t&&"hover:dgs-ui-kit-border-gray-300"}`,a,{"dgs-ui-kit-text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;
+"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-CE1uBAqq.cjs");;/* empty css                  */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&i?.href,"dgs-ui-kit-mb-2":!n,"dgs-ui-kit-justify-start":s&&!i?.href,"dgs-ui-kit-justify-end":!s&&i?.href,"dgs-ui-kit-text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,a&&e.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.clsx(`dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!t&&"hover:dgs-ui-kit-ring-gray-50"}`,n||l?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":`dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!t&&"hover:dgs-ui-kit-border-gray-300"}`,a,{"dgs-ui-kit-text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;

package/dist/{TextFieldWrapper-44165bs_.js → TextFieldWrapper-CQgQsfMJ.js}

@@ -2,7 +2,7 @@
 import { jsxs as t, Fragment as w, jsx as r } from "react/jsx-runtime";
 import { c as p } from "./clsx-OuTLNxxd.js";
 import C from "react";
-import { F as j } from "./FieldBottomInfo-B1n-gK3T.js";
+import { F as j } from "./FieldBottomInfo-CJ8_Kr25.js";
 import './assets/styles.css';/* empty css                */
 const E = (d) => {
   const { link: i, labelContent: e, required: o, disabled: n, labelAddon: a } = d;

package/dist/Tooltip/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),n=require("react"),N=require("../useFlipPosition-CLwjhe7O.cjs");;/* empty css                   */const S={"bottom-right":"dgs-ui-kit-left-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","bottom-center":"dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","bottom-left":"dgs-ui-kit-right-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","top-right":"dgs-ui-kit-left-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br","top-center":"dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br","top-left":"dgs-ui-kit-right-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br"},T={"bottom-right":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0","bottom-center":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2","bottom-left":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0","top-right":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0","top-center":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2","top-left":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0"},j=l=>{const{children:c,content:p,className:b,footer:x,icon:i,position:s="top-center",title:d}=l,[f,e]=n.useState(!1),[u,h]=n.useState(s),{anchorRef:m,popperRef:y}=N.useFlipPosition({initialPosition:s,onPositionChange(g){h(k=>k===g?k:g)}});function o(){e(!0)}function r(){e(!1)}return t.jsxs("div",{ref:m,className:"dgs-ui-kit-relative",onMouseEnter:o,onTouchStart:o,onMouseLeave:r,onTouchEnd:r,children:[c,t.jsxs("div",{ref:y,className:a.clsx(b,"dgs-ui-kit-absolute dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-gap-2 dgs-ui-kit-max-w-[400px] dgs-ui-kit-bg-gray-700 dgs-ui-kit-text-white dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-shadow-md dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-w-max",f?"dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",T[u]),children:[i&&t.jsx("span",{className:"dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1",children:i}),t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-font-p2-regular",children:[d&&t.jsx("div",{className:"dgs-ui-kit-font-h5-bold",children:d}),p,x]}),t.jsx("div",{className:a.clsx("dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45",S[u])})]})]})};module.exports=j;
+"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),i=require("../clsx-C11secjj.cjs"),n=require("react"),S=require("../useFlipPosition-CLwjhe7O.cjs");;/* empty css                   */const T={"bottom-right":"dgs-ui-kit-left-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","bottom-center":"dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","bottom-left":"dgs-ui-kit-right-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","top-right":"dgs-ui-kit-left-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br","top-center":"dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br","top-left":"dgs-ui-kit-right-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br"},j={"bottom-right":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0","bottom-center":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2","bottom-left":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0","top-right":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0","top-center":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2","top-left":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0"},v=l=>{const{children:c,content:p,className:b,wrapperClassName:x,footer:f,icon:s,position:d="top-center",title:e}=l,[h,u]=n.useState(!1),[o,m]=n.useState(d),{anchorRef:y,popperRef:N}=S.useFlipPosition({initialPosition:d,onPositionChange(k){m(a=>a===k?a:k)}});function r(){u(!0)}function g(){u(!1)}return t.jsxs("div",{ref:y,className:i.clsx("dgs-ui-kit-relative",x),onMouseEnter:r,onTouchStart:r,onMouseLeave:g,onTouchEnd:g,children:[c,t.jsxs("div",{ref:N,className:i.clsx(b,"dgs-ui-kit-absolute dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-gap-2 dgs-ui-kit-max-w-[400px] dgs-ui-kit-bg-gray-700 dgs-ui-kit-text-white dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-shadow-md dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-w-max",h?"dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",j[o]),children:[s&&t.jsx("span",{className:"dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1",children:s}),t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-font-p2-regular",children:[e&&t.jsx("div",{className:"dgs-ui-kit-font-h5-bold",children:e}),p,f]}),t.jsx("div",{className:i.clsx("dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45",T[o])})]})]})};module.exports=v;

package/dist/Tooltip/index.d.ts

@@ -7,6 +7,7 @@ export interface TooltipProps {
     content: ReactNode;
     footer?: ReactNode;
     className?: string;
+    wrapperClassName?: string;
     children: ReactNode;
 }
 declare const Tooltip: FC<TooltipProps>;

package/dist/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,kBAAkB,CAAC;AA4B1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4D7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,kBAAkB,CAAC;AA4B1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAqE7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Tooltip/index.mjs

@@ -1,70 +1,79 @@
 "use client";
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { c as l } from "../clsx-OuTLNxxd.js";
+import { c as s } from "../clsx-OuTLNxxd.js";
 import { useState as n } from "react";
-import { u as S } from "../useFlipPosition-pGmVUUhs.js";
+import { u as T } from "../useFlipPosition-pGmVUUhs.js";
 import '../assets/styles.css';/* empty css                 */
-const T = {
+const v = {
   "bottom-right": "dgs-ui-kit-left-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl",
   "bottom-center": "dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl",
   "bottom-left": "dgs-ui-kit-right-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl",
   "top-right": "dgs-ui-kit-left-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br",
   "top-center": "dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br",
   "top-left": "dgs-ui-kit-right-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br"
-}, v = {
+}, w = {
   "bottom-right": "dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0",
   "bottom-center": "dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2",
   "bottom-left": "dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0",
   "top-right": "dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0",
   "top-center": "dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2",
   "top-left": "dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0"
-}, O = (c) => {
-  const { children: p, content: b, className: f, footer: m, icon: s, position: d = "top-center", title: o } = c, [h, e] = n(!1), [u, x] = n(d), { anchorRef: y, popperRef: N } = S({
-    initialPosition: d,
-    onPositionChange(k) {
-      x((a) => a === k ? a : k);
+}, C = (c) => {
+  const {
+    children: p,
+    content: b,
+    className: m,
+    wrapperClassName: f,
+    footer: h,
+    icon: d,
+    position: o = "top-center",
+    title: e
+  } = c, [x, u] = n(!1), [r, y] = n(o), { anchorRef: N, popperRef: S } = T({
+    initialPosition: o,
+    onPositionChange(a) {
+      y((l) => l === a ? l : a);
     }
   });
   function g() {
-    e(!0);
+    u(!0);
   }
-  function r() {
-    e(!1);
+  function k() {
+    u(!1);
   }
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: y,
-      className: "dgs-ui-kit-relative",
+      ref: N,
+      className: s("dgs-ui-kit-relative", f),
       onMouseEnter: g,
       onTouchStart: g,
-      onMouseLeave: r,
-      onTouchEnd: r,
+      onMouseLeave: k,
+      onTouchEnd: k,
       children: [
         p,
         /* @__PURE__ */ t(
           "div",
           {
-            ref: N,
-            className: l(
-              f,
+            ref: S,
+            className: s(
+              m,
               "dgs-ui-kit-absolute dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-gap-2 dgs-ui-kit-max-w-[400px] dgs-ui-kit-bg-gray-700 dgs-ui-kit-text-white dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-shadow-md dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-w-max",
-              h ? "dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",
-              v[u]
+              x ? "dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",
+              w[r]
             ),
             children: [
-              s && /* @__PURE__ */ i("span", { className: "dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1", children: s }),
+              d && /* @__PURE__ */ i("span", { className: "dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1", children: d }),
               /* @__PURE__ */ t("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-font-p2-regular", children: [
-                o && /* @__PURE__ */ i("div", { className: "dgs-ui-kit-font-h5-bold", children: o }),
+                e && /* @__PURE__ */ i("div", { className: "dgs-ui-kit-font-h5-bold", children: e }),
                 b,
-                m
+                h
               ] }),
               /* @__PURE__ */ i(
                 "div",
                 {
-                  className: l(
+                  className: s(
                     "dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45",
-                    T[u]
+                    v[r]
                   )
                 }
               )
@@ -76,5 +85,5 @@ const T = {
   );
 };
 export {
-  O as default
+  C as default
 };