denwa-react-shared 1.0.19 → 1.0.21

package/dist/table-head-KbqJOlmi.js

@@ -0,0 +1,669 @@
+import { _ as F, u as Ce, C as Re, a as G, c as X, b as de, d as je, e as Oe, o as Ne, f as ie, g as L, h as ue, i as Me, m as Ie, r as Ee, j as He, k as B, l as Pe, t as De, n as Ve, p as Be, q as Te, I as Ae, s as ze, z as _e, H as Fe, v as Ke, w as Le, x as v, F as U, y as W, S as Q, A as We, B as Xe, D as qe, Y as Ue, T as J, E as oe, R as Ge } from "./index-DiC1uMp3.js";
+import * as i from "react";
+import { useState as Ye, useMemo as Je, cloneElement as Qe } from "react";
+var le = function(t, n) {
+  if (!t) return null;
+  var a = {
+    left: t.offsetLeft,
+    right: t.parentElement.clientWidth - t.clientWidth - t.offsetLeft,
+    width: t.clientWidth,
+    top: t.offsetTop,
+    bottom: t.parentElement.clientHeight - t.clientHeight - t.offsetTop,
+    height: t.clientHeight
+  };
+  return n ? {
+    left: 0,
+    right: 0,
+    width: 0,
+    top: a.top,
+    bottom: a.bottom,
+    height: a.height
+  } : {
+    left: a.left,
+    right: a.right,
+    width: a.width,
+    top: 0,
+    bottom: 0,
+    height: 0
+  };
+}, D = function(t) {
+  return t !== void 0 ? "".concat(t, "px") : void 0;
+};
+function Ze(e) {
+  var t = e.prefixCls, n = e.containerRef, a = e.value, o = e.getValueIndex, r = e.motionName, p = e.onMotionStart, h = e.onMotionEnd, b = e.direction, x = e.vertical, d = x === void 0 ? !1 : x, w = i.useRef(null), C = i.useState(a), R = F(C, 2), f = R[0], I = R[1], j = function(H) {
+    var u, _ = o(H), P = (u = n.current) === null || u === void 0 ? void 0 : u.querySelectorAll(".".concat(t, "-item"))[_];
+    return (P == null ? void 0 : P.offsetParent) && P;
+  }, N = i.useState(null), m = F(N, 2), l = m[0], M = m[1], T = i.useState(null), S = F(T, 2), s = S[0], E = S[1];
+  Ce(function() {
+    if (f !== a) {
+      var c = j(f), H = j(a), u = le(c, d), _ = le(H, d);
+      I(a), M(u), E(_), c && H ? p() : h();
+    }
+  }, [a]);
+  var y = i.useMemo(function() {
+    if (d) {
+      var c;
+      return D((c = l == null ? void 0 : l.top) !== null && c !== void 0 ? c : 0);
+    }
+    return D(b === "rtl" ? -(l == null ? void 0 : l.right) : l == null ? void 0 : l.left);
+  }, [d, b, l]), O = i.useMemo(function() {
+    if (d) {
+      var c;
+      return D((c = s == null ? void 0 : s.top) !== null && c !== void 0 ? c : 0);
+    }
+    return D(b === "rtl" ? -(s == null ? void 0 : s.right) : s == null ? void 0 : s.left);
+  }, [d, b, s]), A = function() {
+    return d ? {
+      transform: "translateY(var(--thumb-start-top))",
+      height: "var(--thumb-start-height)"
+    } : {
+      transform: "translateX(var(--thumb-start-left))",
+      width: "var(--thumb-start-width)"
+    };
+  }, V = function() {
+    return d ? {
+      transform: "translateY(var(--thumb-active-top))",
+      height: "var(--thumb-active-height)"
+    } : {
+      transform: "translateX(var(--thumb-active-left))",
+      width: "var(--thumb-active-width)"
+    };
+  }, z = function() {
+    M(null), E(null), h();
+  };
+  return !l || !s ? null : /* @__PURE__ */ i.createElement(Re, {
+    visible: !0,
+    motionName: r,
+    motionAppear: !0,
+    onAppearStart: A,
+    onAppearActive: V,
+    onVisibleChanged: z
+  }, function(c, H) {
+    var u = c.className, _ = c.style, P = G(G({}, _), {}, {
+      "--thumb-start-left": y,
+      "--thumb-start-width": D(l == null ? void 0 : l.width),
+      "--thumb-active-left": O,
+      "--thumb-active-width": D(s == null ? void 0 : s.width),
+      "--thumb-start-top": y,
+      "--thumb-start-height": D(l == null ? void 0 : l.height),
+      "--thumb-active-top": O,
+      "--thumb-active-height": D(s == null ? void 0 : s.height)
+    }), q = {
+      ref: de(w, H),
+      style: P,
+      className: X("".concat(t, "-thumb"), u)
+    };
+    return process.env.NODE_ENV === "test" && (q["data-test-style"] = JSON.stringify(P)), /* @__PURE__ */ i.createElement("div", q);
+  });
+}
+var ke = ["prefixCls", "direction", "vertical", "options", "disabled", "defaultValue", "value", "name", "onChange", "className", "motionName"];
+function et(e) {
+  if (typeof e.title < "u")
+    return e.title;
+  if (ue(e.label) !== "object") {
+    var t;
+    return (t = e.label) === null || t === void 0 ? void 0 : t.toString();
+  }
+}
+function tt(e) {
+  return e.map(function(t) {
+    if (ue(t) === "object" && t !== null) {
+      var n = et(t);
+      return G(G({}, t), {}, {
+        title: n
+      });
+    }
+    return {
+      label: t == null ? void 0 : t.toString(),
+      title: t == null ? void 0 : t.toString(),
+      value: t
+    };
+  });
+}
+var at = function(t) {
+  var n = t.prefixCls, a = t.className, o = t.disabled, r = t.checked, p = t.label, h = t.title, b = t.value, x = t.name, d = t.onChange, w = t.onFocus, C = t.onBlur, R = t.onKeyDown, f = t.onKeyUp, I = t.onMouseDown, j = function(m) {
+    o || d(m, b);
+  };
+  return /* @__PURE__ */ i.createElement("label", {
+    className: X(a, L({}, "".concat(n, "-item-disabled"), o)),
+    onMouseDown: I
+  }, /* @__PURE__ */ i.createElement("input", {
+    name: x,
+    className: "".concat(n, "-item-input"),
+    type: "radio",
+    disabled: o,
+    checked: r,
+    onChange: j,
+    onFocus: w,
+    onBlur: C,
+    onKeyDown: R,
+    onKeyUp: f
+  }), /* @__PURE__ */ i.createElement("div", {
+    className: "".concat(n, "-item-label"),
+    title: h,
+    "aria-selected": r
+  }, p));
+}, me = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var n, a, o = e.prefixCls, r = o === void 0 ? "rc-segmented" : o, p = e.direction, h = e.vertical, b = e.options, x = b === void 0 ? [] : b, d = e.disabled, w = e.defaultValue, C = e.value, R = e.name, f = e.onChange, I = e.className, j = I === void 0 ? "" : I, N = e.motionName, m = N === void 0 ? "thumb-motion" : N, l = je(e, ke), M = i.useRef(null), T = i.useMemo(function() {
+    return de(M, t);
+  }, [M, t]), S = i.useMemo(function() {
+    return tt(x);
+  }, [x]), s = Oe((n = S[0]) === null || n === void 0 ? void 0 : n.value, {
+    value: C,
+    defaultValue: w
+  }), E = F(s, 2), y = E[0], O = E[1], A = i.useState(!1), V = F(A, 2), z = V[0], c = V[1], H = function($, K) {
+    O(K), f == null || f(K);
+  }, u = Ne(l, ["children"]), _ = i.useState(!1), P = F(_, 2), q = P[0], k = P[1], ge = i.useState(!1), ee = F(ge, 2), he = ee[0], te = ee[1], be = function() {
+    te(!0);
+  }, pe = function() {
+    te(!1);
+  }, Se = function() {
+    k(!1);
+  }, xe = function($) {
+    $.key === "Tab" && k(!0);
+  }, ae = function($) {
+    var K = S.findIndex(function(we) {
+      return we.value === y;
+    }), ne = S.length, $e = (K + $ + ne) % ne, Y = S[$e];
+    Y && (O(Y.value), f == null || f(Y.value));
+  }, ye = function($) {
+    switch ($.key) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        ae(-1);
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        ae(1);
+        break;
+    }
+  };
+  return /* @__PURE__ */ i.createElement("div", ie({
+    role: "radiogroup",
+    "aria-label": "segmented control",
+    tabIndex: d ? void 0 : 0
+  }, u, {
+    className: X(r, (a = {}, L(a, "".concat(r, "-rtl"), p === "rtl"), L(a, "".concat(r, "-disabled"), d), L(a, "".concat(r, "-vertical"), h), a), j),
+    ref: T
+  }), /* @__PURE__ */ i.createElement("div", {
+    className: "".concat(r, "-group")
+  }, /* @__PURE__ */ i.createElement(Ze, {
+    vertical: h,
+    prefixCls: r,
+    value: y,
+    containerRef: M,
+    motionName: "".concat(r, "-").concat(m),
+    direction: p,
+    getValueIndex: function($) {
+      return S.findIndex(function(K) {
+        return K.value === $;
+      });
+    },
+    onMotionStart: function() {
+      c(!0);
+    },
+    onMotionEnd: function() {
+      c(!1);
+    }
+  }), S.map(function(g) {
+    var $;
+    return /* @__PURE__ */ i.createElement(at, ie({}, g, {
+      name: R,
+      key: g.value,
+      prefixCls: r,
+      className: X(g.className, "".concat(r, "-item"), ($ = {}, L($, "".concat(r, "-item-selected"), g.value === y && !z), L($, "".concat(r, "-item-focused"), he && q && g.value === y), $)),
+      checked: g.value === y,
+      onChange: H,
+      onFocus: be,
+      onBlur: pe,
+      onKeyDown: ye,
+      onKeyUp: xe,
+      onMouseDown: Se,
+      disabled: !!d || !!g.disabled
+    }));
+  })));
+});
+process.env.NODE_ENV !== "production" && (me.displayName = "Segmented");
+var nt = me;
+function re(e, t) {
+  return {
+    [`${e}, ${e}:hover, ${e}:focus`]: {
+      color: t.colorTextDisabled,
+      cursor: "not-allowed"
+    }
+  };
+}
+function se(e) {
+  return {
+    backgroundColor: e.itemSelectedBg,
+    boxShadow: e.boxShadowTertiary
+  };
+}
+const it = Object.assign({
+  overflow: "hidden"
+}, De), ot = (e) => {
+  const {
+    componentCls: t
+  } = e, n = e.calc(e.controlHeight).sub(e.calc(e.trackPadding).mul(2)).equal(), a = e.calc(e.controlHeightLG).sub(e.calc(e.trackPadding).mul(2)).equal(), o = e.calc(e.controlHeightSM).sub(e.calc(e.trackPadding).mul(2)).equal();
+  return {
+    [t]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Ee(e)), {
+      display: "inline-block",
+      padding: e.trackPadding,
+      color: e.itemColor,
+      background: e.trackBg,
+      borderRadius: e.borderRadius,
+      transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`
+    }), He(e)), {
+      [`${t}-group`]: {
+        position: "relative",
+        display: "flex",
+        alignItems: "stretch",
+        justifyItems: "flex-start",
+        flexDirection: "row",
+        width: "100%"
+      },
+      // RTL styles
+      [`&${t}-rtl`]: {
+        direction: "rtl"
+      },
+      [`&${t}-vertical`]: {
+        [`${t}-group`]: {
+          flexDirection: "column"
+        },
+        [`${t}-thumb`]: {
+          width: "100%",
+          height: 0,
+          padding: `0 ${B(e.paddingXXS)}`
+        }
+      },
+      // block styles
+      [`&${t}-block`]: {
+        display: "flex"
+      },
+      [`&${t}-block ${t}-item`]: {
+        flex: 1,
+        minWidth: 0
+      },
+      // item styles
+      [`${t}-item`]: {
+        position: "relative",
+        textAlign: "center",
+        cursor: "pointer",
+        transition: `color ${e.motionDurationMid} ${e.motionEaseInOut}`,
+        borderRadius: e.borderRadiusSM,
+        // Fix Safari render bug
+        // https://github.com/ant-design/ant-design/issues/45250
+        transform: "translateZ(0)",
+        "&-selected": Object.assign(Object.assign({}, se(e)), {
+          color: e.itemSelectedColor
+        }),
+        "&-focused": Object.assign({}, Pe(e)),
+        "&::after": {
+          content: '""',
+          position: "absolute",
+          zIndex: -1,
+          width: "100%",
+          height: "100%",
+          top: 0,
+          insetInlineStart: 0,
+          borderRadius: "inherit",
+          opacity: 0,
+          transition: `opacity ${e.motionDurationMid}`,
+          // This is mandatory to make it not clickable or hoverable
+          // Ref: https://github.com/ant-design/ant-design/issues/40888
+          pointerEvents: "none"
+        },
+        [`&:hover:not(${t}-item-selected):not(${t}-item-disabled)`]: {
+          color: e.itemHoverColor,
+          "&::after": {
+            opacity: 1,
+            backgroundColor: e.itemHoverBg
+          }
+        },
+        [`&:active:not(${t}-item-selected):not(${t}-item-disabled)`]: {
+          color: e.itemHoverColor,
+          "&::after": {
+            opacity: 1,
+            backgroundColor: e.itemActiveBg
+          }
+        },
+        "&-label": Object.assign({
+          minHeight: n,
+          lineHeight: B(n),
+          padding: `0 ${B(e.segmentedPaddingHorizontal)}`
+        }, it),
+        // syntactic sugar to add `icon` for Segmented Item
+        "&-icon + *": {
+          marginInlineStart: e.calc(e.marginSM).div(2).equal()
+        },
+        "&-input": {
+          position: "absolute",
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: 0,
+          height: 0,
+          opacity: 0,
+          pointerEvents: "none"
+        }
+      },
+      // thumb styles
+      [`${t}-thumb`]: Object.assign(Object.assign({}, se(e)), {
+        position: "absolute",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        width: 0,
+        height: "100%",
+        padding: `${B(e.paddingXXS)} 0`,
+        borderRadius: e.borderRadiusSM,
+        transition: `transform ${e.motionDurationSlow} ${e.motionEaseInOut}, height ${e.motionDurationSlow} ${e.motionEaseInOut}`,
+        [`& ~ ${t}-item:not(${t}-item-selected):not(${t}-item-disabled)::after`]: {
+          backgroundColor: "transparent"
+        }
+      }),
+      // size styles
+      [`&${t}-lg`]: {
+        borderRadius: e.borderRadiusLG,
+        [`${t}-item-label`]: {
+          minHeight: a,
+          lineHeight: B(a),
+          padding: `0 ${B(e.segmentedPaddingHorizontal)}`,
+          fontSize: e.fontSizeLG
+        },
+        [`${t}-item, ${t}-thumb`]: {
+          borderRadius: e.borderRadius
+        }
+      },
+      [`&${t}-sm`]: {
+        borderRadius: e.borderRadiusSM,
+        [`${t}-item-label`]: {
+          minHeight: o,
+          lineHeight: B(o),
+          padding: `0 ${B(e.segmentedPaddingHorizontalSM)}`
+        },
+        [`${t}-item, ${t}-thumb`]: {
+          borderRadius: e.borderRadiusXS
+        }
+      }
+    }), re(`&-disabled ${t}-item`, e)), re(`${t}-item-disabled`, e)), {
+      // transition effect when `appear-active`
+      [`${t}-thumb-motion-appear-active`]: {
+        transition: `transform ${e.motionDurationSlow} ${e.motionEaseInOut}, width ${e.motionDurationSlow} ${e.motionEaseInOut}`,
+        willChange: "transform, width"
+      },
+      [`&${t}-shape-round`]: {
+        borderRadius: 9999,
+        [`${t}-item, ${t}-thumb`]: {
+          borderRadius: 9999
+        }
+      }
+    })
+  };
+}, lt = (e) => {
+  const {
+    colorTextLabel: t,
+    colorText: n,
+    colorFillSecondary: a,
+    colorBgElevated: o,
+    colorFill: r,
+    lineWidthBold: p,
+    colorBgLayout: h
+  } = e;
+  return {
+    trackPadding: p,
+    trackBg: h,
+    itemColor: t,
+    itemHoverColor: n,
+    itemHoverBg: a,
+    itemSelectedBg: o,
+    itemActiveBg: r,
+    itemSelectedColor: n
+  };
+}, rt = Me("Segmented", (e) => {
+  const {
+    lineWidth: t,
+    calc: n
+  } = e, a = Ie(e, {
+    segmentedPaddingHorizontal: n(e.controlPaddingHorizontal).sub(t).equal(),
+    segmentedPaddingHorizontalSM: n(e.controlPaddingHorizontalSM).sub(t).equal()
+  });
+  return [ot(a)];
+}, lt);
+var ce = function(e, t) {
+  var n = {};
+  for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, a = Object.getOwnPropertySymbols(e); o < a.length; o++)
+    t.indexOf(a[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[o]) && (n[a[o]] = e[a[o]]);
+  return n;
+};
+function st(e) {
+  return typeof e == "object" && !!(e != null && e.icon);
+}
+const ct = /* @__PURE__ */ i.forwardRef((e, t) => {
+  const n = Ve(), {
+    prefixCls: a,
+    className: o,
+    rootClassName: r,
+    block: p,
+    options: h = [],
+    size: b = "middle",
+    style: x,
+    vertical: d,
+    shape: w = "default",
+    name: C = n
+  } = e, R = ce(e, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"]), {
+    getPrefixCls: f,
+    direction: I,
+    className: j,
+    style: N
+  } = Be("segmented"), m = f("segmented", a), [l, M, T] = rt(m), S = Te(b), s = i.useMemo(() => h.map((O) => {
+    if (st(O)) {
+      const {
+        icon: A,
+        label: V
+      } = O, z = ce(O, ["icon", "label"]);
+      return Object.assign(Object.assign({}, z), {
+        label: /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("span", {
+          className: `${m}-item-icon`
+        }, A), V && /* @__PURE__ */ i.createElement("span", null, V))
+      });
+    }
+    return O;
+  }), [h, m]), E = X(o, r, j, {
+    [`${m}-block`]: p,
+    [`${m}-sm`]: S === "small",
+    [`${m}-lg`]: S === "large",
+    [`${m}-vertical`]: d,
+    [`${m}-shape-${w}`]: w === "round"
+  }, M, T), y = Object.assign(Object.assign({}, N), x);
+  return l(/* @__PURE__ */ i.createElement(nt, Object.assign({}, R, {
+    name: C,
+    className: E,
+    style: y,
+    options: s,
+    ref: t,
+    prefixCls: m,
+    direction: I,
+    vertical: d
+  })));
+}), ve = ct;
+process.env.NODE_ENV !== "production" && (ve.displayName = "Segmented");
+var dt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 00-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z" } }] }, name: "redo", theme: "outlined" };
+function Z() {
+  return Z = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, Z.apply(this, arguments);
+}
+const ut = (e, t) => /* @__PURE__ */ i.createElement(Ae, Z({}, e, {
+  ref: t,
+  icon: dt
+})), fe = /* @__PURE__ */ i.forwardRef(ut);
+process.env.NODE_ENV !== "production" && (fe.displayName = "RedoOutlined");
+const mt = ({
+  datePickerComponent: e,
+  searchText: t,
+  noDateText: n,
+  emptyText: a,
+  searchSelect: o,
+  radioOptions: r,
+  searchOptions: p,
+  searchType: h,
+  textSearchValue: b = "",
+  dateSearchValue: x,
+  numberSearchValue: d,
+  multiselectSearchValue: w,
+  multiselectOptions: C,
+  onChangeSearch: R,
+  onChangeTextSearch: f,
+  onChangeRadioSearch: I,
+  onChangeDateSearch: j,
+  onChangeNumberSearch: N,
+  onChangeMultiselectSearch: m
+}) => {
+  const [l, M] = Ye(b), {
+    token: { borderRadius: T, colorBgBase: S, paddingXXS: s }
+  } = ze.useToken(), { isMobileMaxWidth: E } = _e(), { isSmallMaxWidth: y } = Fe(), O = Je(() => y ? 2 : E ? 5 : 15, [E, y]);
+  Ke(
+    () => {
+      f == null || f(l);
+    },
+    Le.milliseconds.milliseconds500,
+    [l]
+  );
+  const A = () => {
+    M("");
+  }, V = (u) => {
+    R(u), A();
+  }, z = (u) => {
+    M(u.target.value.replace(/"/g, ""));
+  }, c = (u) => {
+    j == null || j(u);
+  }, H = (u) => {
+    !u && u !== 0 || N == null || N(+u);
+  };
+  return /* @__PURE__ */ v.jsxs(
+    U,
+    {
+      className: W.flex,
+      gap: "small",
+      style: {
+        padding: s,
+        borderRadius: T,
+        background: S
+      },
+      children: [
+        /* @__PURE__ */ v.jsx(
+          Q,
+          {
+            defaultValue: o,
+            value: o,
+            style: { width: 120, minWidth: 120 },
+            options: p,
+            onChange: V
+          }
+        ),
+        {
+          text: /* @__PURE__ */ v.jsx(qe, { placeholder: t, value: l, allowClear: !0, onChange: z }),
+          radio: /* @__PURE__ */ v.jsx(
+            ve,
+            {
+              options: r,
+              defaultValue: Xe,
+              onChange: I
+            }
+          ),
+          date: Qe(e, {
+            noDateText: n,
+            currentValue: x ?? "",
+            onChangeDate: c
+          }),
+          number: /* @__PURE__ */ v.jsx(
+            We,
+            {
+              emptyText: a,
+              value: d,
+              placeholder: t,
+              min: 0,
+              max: 2147483647,
+              onChange: H
+            }
+          ),
+          multiselect: /* @__PURE__ */ v.jsx(
+            Q,
+            {
+              className: W.select,
+              mode: "multiple",
+              placeholder: t,
+              maxTagCount: 1,
+              maxTagTextLength: O,
+              showSearch: !1,
+              allowClear: !0,
+              options: C,
+              value: w,
+              onChange: m
+            }
+          )
+        }[h]
+      ]
+    }
+  );
+}, gt = ({
+  sortTooltipText: e,
+  updateDataText: t,
+  refreshText: n,
+  createText: a,
+  createNewElementText: o,
+  order: r,
+  orderOptions: p,
+  createButtonTooltip: h,
+  searchProps: b,
+  isCanCreate: x,
+  isHiddenCreate: d,
+  onCreate: w,
+  onRefetch: C,
+  onChangeOrder: R
+}) => /* @__PURE__ */ v.jsxs(
+  U,
+  {
+    gap: "middle",
+    justify: "space-between",
+    wrap: "wrap",
+    style: {
+      marginBottom: Ue.OFFSET[1]
+    },
+    children: [
+      /* @__PURE__ */ v.jsxs(U, { align: "center", gap: "middle", wrap: "wrap", children: [
+        /* @__PURE__ */ v.jsx(mt, { ...b }),
+        /* @__PURE__ */ v.jsx(J, { title: e, children: /* @__PURE__ */ v.jsx(
+          Q,
+          {
+            className: W.sort,
+            value: r,
+            options: p,
+            onChange: R
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ v.jsxs(U, { className: W.buttonsContainer, gap: "small", align: "center", children: [
+        C && /* @__PURE__ */ v.jsx(J, { title: t, children: /* @__PURE__ */ v.jsx(oe, { className: W.button, icon: /* @__PURE__ */ v.jsx(fe, {}), onClick: C, children: n }) }),
+        !d && x && /* @__PURE__ */ v.jsx(J, { title: h ?? o, children: /* @__PURE__ */ v.jsx(
+          oe,
+          {
+            className: W.button,
+            type: "primary",
+            icon: /* @__PURE__ */ v.jsx(Ge, {}),
+            onClick: w,
+            children: a
+          }
+        ) })
+      ] })
+    ]
+  }
+);
+export {
+  gt as TableHead
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "denwa-react-shared",
   "private": false,
-  "version": "1.0.19",
+  "version": "1.0.21",
   "type": "module",
   "author": "Denwa",
   "main": "dist/denwa-react-shared.umd.js",