@konstructio/ui 0.1.2-alpha.97 → 0.1.2-alpha.99

package/dist/Counter-bTFm7xa3.js

@@ -0,0 +1,208 @@
+import { o as F } from "./chunk-cI0lbGMq.js";
+import { t as q } from "./prop-types-CE0Kfmwk.js";
+import { t as _ } from "./dist-EV-1XXQr.js";
+import { t as m } from "./utils-COaoD3PI.js";
+import { Typography as C } from "./components/Typography/Typography.js";
+import { buttonVariants as z, counterVariants as A, labelVariants as G } from "./components/Counter/Counter.variants.js";
+import v, { forwardRef as x, useCallback as b, useId as H, useState as J } from "react";
+import { jsx as c, jsxs as y } from "react/jsx-runtime";
+var u = /* @__PURE__ */ F(q());
+function w() {
+  return w = Object.assign || function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+    }
+    return t;
+  }, w.apply(this, arguments);
+}
+function K(t, i) {
+  if (t == null) return {};
+  var n = Q(t, i), e, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+  }
+  return n;
+}
+function Q(t, i) {
+  if (t == null) return {};
+  var n = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+var N = x(function(t, i) {
+  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, d = K(t, ["color", "size"]);
+  return /* @__PURE__ */ v.createElement("svg", w({
+    ref: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, d), /* @__PURE__ */ v.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+N.propTypes = {
+  color: u.default.string,
+  size: u.default.oneOfType([u.default.string, u.default.number])
+};
+N.displayName = "Minus";
+function j() {
+  return j = Object.assign || function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+    }
+    return t;
+  }, j.apply(this, arguments);
+}
+function U(t, i) {
+  if (t == null) return {};
+  var n = X(t, i), e, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+  }
+  return n;
+}
+function X(t, i) {
+  if (t == null) return {};
+  var n = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+var k = x(function(t, i) {
+  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, d = U(t, ["color", "size"]);
+  return /* @__PURE__ */ v.createElement("svg", j({
+    ref: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, d), /* @__PURE__ */ v.createElement("line", {
+    x1: "12",
+    y1: "5",
+    x2: "12",
+    y2: "19"
+  }), /* @__PURE__ */ v.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+k.propTypes = {
+  color: u.default.string,
+  size: u.default.oneOfType([u.default.string, u.default.number])
+};
+k.displayName = "Plus";
+var at = x(({ canDecrement: t = !0, canIncrement: i = !0, className: n, decrementButtonClassName: e, editable: r = !1, incrementButtonClassName: o, isRequired: d, label: h, labelWrapperClassName: E, max: f = -1 / 0, min: p = 1 / 0, name: I, theme: L, value: M, onChange: s }, $) => {
+  const W = H(), l = M ?? 0, [S, g] = J(null), T = S ?? String(l), V = b(() => {
+    let a = 0;
+    p === 1 / 0 ? a = l - 1 : a = Math.max(p, l - 1), g(null), s?.({ target: { value: a } });
+  }, [
+    l,
+    p,
+    s
+  ]), B = b(() => {
+    let a = 0;
+    f === -1 / 0 ? a = l + 1 : a = Math.min(f, l + 1), g(null), s?.({ target: { value: a } });
+  }, [
+    l,
+    f,
+    s
+  ]), D = b((a) => {
+    const O = a.target.value;
+    if (g(O), O === "") return;
+    const P = Number(O);
+    Number.isFinite(P) && s?.({ target: { value: P } });
+  }, [s]), R = b(() => {
+    g(null);
+    const a = Math.min(f === -1 / 0 ? 1 / 0 : f, Math.max(p === 1 / 0 ? -1 / 0 : p, l));
+    a !== l && s?.({ target: { value: a } });
+  }, [
+    l,
+    p,
+    f,
+    s
+  ]);
+  return /* @__PURE__ */ y("div", {
+    className: "flex flex-col gap-2",
+    "data-theme": L,
+    children: [h ? /* @__PURE__ */ c("div", {
+      className: m(E),
+      children: /* @__PURE__ */ y(C, {
+        component: "label",
+        htmlFor: I ?? W,
+        variant: "labelLarge",
+        className: m(G()),
+        children: [
+          h,
+          " ",
+          d && /* @__PURE__ */ c("span", {
+            className: "text-red-600 dark:text-red-500",
+            children: "*"
+          })
+        ]
+      })
+    }) : null, /* @__PURE__ */ y("div", {
+      className: "flex items-center",
+      role: "presentation",
+      children: [
+        /* @__PURE__ */ y("button", {
+          type: "button",
+          onClick: V,
+          className: m(z({
+            button: "rigth",
+            className: e
+          })),
+          disabled: !t,
+          children: [/* @__PURE__ */ c(N, { className: "w-4 h-4" }), /* @__PURE__ */ c(_, { children: "Decrement" })]
+        }),
+        /* @__PURE__ */ c("input", {
+          ref: $,
+          type: "number",
+          value: r ? T : l,
+          name: I,
+          className: m(A({ className: n })),
+          ...r ? {
+            onChange: D,
+            onBlur: R
+          } : { readOnly: !0 },
+          "aria-label": typeof h == "string" ? h : "number input"
+        }),
+        /* @__PURE__ */ y("button", {
+          type: "button",
+          onClick: B,
+          className: m(z({
+            button: "left",
+            className: o
+          })),
+          disabled: !i,
+          children: [/* @__PURE__ */ c(k, { className: "w-4 h-4" }), /* @__PURE__ */ c(_, { children: "Increment" })]
+        })
+      ]
+    })]
+  });
+});
+export {
+  at as t
+};

package/dist/components/Counter/Counter.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../Counter-C1o8YZoR.js";
+import { t as e } from "../../Counter-bTFm7xa3.js";
 export {
   e as Counter
 };

package/dist/components/VirtualizedTable/components/Body/Body.js

@@ -1,13 +1,13 @@
 import { t as r } from "../../../../utils-COaoD3PI.js";
 import { n as A } from "../../../../table.provider-BPlFpIAe.js";
 import { useTableContext as B } from "../../contexts/table.hook.js";
-import { Skeleton as F } from "../Skeleton/Skeleton.js";
-import { ExpandableRow as H } from "../ExpandableRow/ExpandableRow.js";
+import { Skeleton as H } from "../Skeleton/Skeleton.js";
+import { ExpandableRow as L } from "../ExpandableRow/ExpandableRow.js";
 import { Fragment as M } from "react";
 import { jsx as e, jsxs as O } from "react/jsx-runtime";
 var W = ({ isLoading: h, showPagination: l, emptyState: p }) => {
-  const { table: m, pageSize: k, tableLoading: N, enableExpandedRow: w, classNameExpandedRow: R, classNameExpandedCell: E, classNameExpandedContent: v, enableHoverRow: g, classNameHoverRow: C, classNameActiveExpandedRow: y, renderExpandedRow: u, isBorderOnAdjacentCell: D, isExpandColumnVisible: j } = B();
-  if (h || N) return /* @__PURE__ */ e(F, {
+  const { table: m, pageSize: k, tableFetching: N, enableExpandedRow: w, classNameExpandedRow: R, classNameExpandedCell: E, classNameExpandedContent: v, enableHoverRow: g, classNameHoverRow: C, classNameActiveExpandedRow: y, renderExpandedRow: u, isBorderOnAdjacentCell: D, isExpandColumnVisible: j } = B();
+  if (h || N) return /* @__PURE__ */ e(H, {
     numberOfRows: k,
     table: m
   });
@@ -33,7 +33,7 @@ var W = ({ isLoading: h, showPagination: l, emptyState: p }) => {
   return /* @__PURE__ */ e("tbody", {
     className: r("text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
     children: a.map((n, c) => {
-      const { id: b, original: i, getVisibleCells: z } = n, { meta: o = {} } = i, s = z(), t = w && n.getIsExpanded(), L = !!o.expandedRow || !!u, x = s[0]?.column.id !== "__expand" || j ? 0 : D ? 1 : null;
+      const { id: b, original: i, getVisibleCells: z } = n, { meta: o = {} } = i, s = z(), t = w && n.getIsExpanded(), F = !!o.expandedRow || !!u, x = s[0]?.column.id !== "__expand" || j ? 0 : D ? 1 : null;
       return /* @__PURE__ */ O(M, { children: [/* @__PURE__ */ e("tr", {
         className: r({ "group/row": g }, "border-b", "border-b-gray-200", "dark:text-metal-50", "dark:border-b-metal-700", "bg-transparent", o.className),
         "data-row-id": b,
@@ -54,7 +54,7 @@ var W = ({ isLoading: h, showPagination: l, emptyState: p }) => {
             children: A(d.columnDef.cell, V())
           }, S);
         })
-      }), L && /* @__PURE__ */ e(H, {
+      }), F && /* @__PURE__ */ e(L, {
         classNameExpandedCell: E,
         classNameExpandedContent: v,
         classNameExpandedRow: R,

package/dist/components/index.js

@@ -2,7 +2,7 @@ import { t as o } from "../Checkbox-BvRmHWxk.js";
 import { t as m } from "../DropdownButton-CWwjA3zI.js";
 import { t as p } from "../Breadcrumb-xLKDl92B.js";
 import { t as a } from "../Input-BZG7N8m1.js";
-import { t as n } from "../Counter-C1o8YZoR.js";
+import { t as n } from "../Counter-bTFm7xa3.js";
 import { Alert as l } from "./Alert/Alert.js";
 import { Button as g } from "./Button/Button.js";
 import { AlertDialog as c } from "./AlertDialog/AlertDialog.js";

package/dist/index.js

@@ -2,7 +2,7 @@ import { t as o } from "./Checkbox-BvRmHWxk.js";
 import { t as m } from "./DropdownButton-CWwjA3zI.js";
 import { t as e } from "./Breadcrumb-xLKDl92B.js";
 import { t as a } from "./Input-BZG7N8m1.js";
-import { t as n } from "./Counter-C1o8YZoR.js";
+import { t as n } from "./Counter-bTFm7xa3.js";
 import { i as l, t as d } from "./utils-COaoD3PI.js";
 import { Alert as g } from "./components/Alert/Alert.js";
 import { Button as c } from "./components/Button/Button.js";

package/dist/lib/components/Counter/Counter.types.d.ts

@@ -24,6 +24,8 @@ export interface Props extends VariantProps<typeof counterVariants> {
     className?: string;
     /** CSS classes for decrement button */
     decrementButtonClassName?: string;
+    /** Allow typing values directly into the input. Defaults to false (read-only) */
+    editable?: boolean;
     /** CSS classes for increment button */
     incrementButtonClassName?: string;
     /** Initial value (deprecated, use value) */

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.96",
+  "version": "0.1.2-alpha.98",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.97",
+  "version": "0.1.2-alpha.99",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/dist/Counter-C1o8YZoR.js

@@ -1,191 +0,0 @@
-import { o as W } from "./chunk-cI0lbGMq.js";
-import { t as M } from "./prop-types-CE0Kfmwk.js";
-import { t as j } from "./dist-EV-1XXQr.js";
-import { t as f } from "./utils-COaoD3PI.js";
-import { Typography as T } from "./components/Typography/Typography.js";
-import { buttonVariants as k, counterVariants as V, labelVariants as C } from "./components/Counter/Counter.variants.js";
-import m, { forwardRef as b, useCallback as N, useId as R } from "react";
-import { jsx as u, jsxs as p } from "react/jsx-runtime";
-var l = /* @__PURE__ */ W(M());
-function h() {
-  return h = Object.assign || function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var r = arguments[o];
-      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, h.apply(this, arguments);
-}
-function S(e, o) {
-  if (e == null) return {};
-  var r = B(e, o), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < i.length; n++)
-      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function B(e, o) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), n, i;
-  for (i = 0; i < t.length; i++)
-    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
-  return r;
-}
-var O = b(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, a = S(e, ["color", "size"]);
-  return /* @__PURE__ */ m.createElement("svg", h({
-    ref: o,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, a), /* @__PURE__ */ m.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-O.propTypes = {
-  color: l.default.string,
-  size: l.default.oneOfType([l.default.string, l.default.number])
-};
-O.displayName = "Minus";
-function g() {
-  return g = Object.assign || function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var r = arguments[o];
-      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, g.apply(this, arguments);
-}
-function D(e, o) {
-  if (e == null) return {};
-  var r = q(e, o), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < i.length; n++)
-      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function q(e, o) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), n, i;
-  for (i = 0; i < t.length; i++)
-    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
-  return r;
-}
-var w = b(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, a = D(e, ["color", "size"]);
-  return /* @__PURE__ */ m.createElement("svg", g({
-    ref: o,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, a), /* @__PURE__ */ m.createElement("line", {
-    x1: "12",
-    y1: "5",
-    x2: "12",
-    y2: "19"
-  }), /* @__PURE__ */ m.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-w.propTypes = {
-  color: l.default.string,
-  size: l.default.oneOfType([l.default.string, l.default.number])
-};
-w.displayName = "Plus";
-var X = b(({ canDecrement: e = !0, canIncrement: o = !0, className: r, decrementButtonClassName: t, incrementButtonClassName: n, isRequired: i, label: a, labelWrapperClassName: P, max: y = -1 / 0, min: v = 1 / 0, name: x, theme: _, value: z, onChange: d }, I) => {
-  const E = R(), s = z ?? 0, L = N(() => {
-    let c = 0;
-    v === 1 / 0 ? c = s - 1 : c = Math.max(v, s - 1), d?.({ target: { value: c } });
-  }, [
-    s,
-    v,
-    d
-  ]), $ = N(() => {
-    let c = 0;
-    y === -1 / 0 ? c = s + 1 : c = Math.min(y, s + 1), d?.({ target: { value: c } });
-  }, [
-    s,
-    y,
-    d
-  ]);
-  return /* @__PURE__ */ p("div", {
-    className: "flex flex-col gap-2",
-    "data-theme": _,
-    children: [a ? /* @__PURE__ */ u("div", {
-      className: f(P),
-      children: /* @__PURE__ */ p(T, {
-        component: "label",
-        htmlFor: x ?? E,
-        variant: "labelLarge",
-        className: f(C()),
-        children: [
-          a,
-          " ",
-          i && /* @__PURE__ */ u("span", {
-            className: "text-red-600 dark:text-red-500",
-            children: "*"
-          })
-        ]
-      })
-    }) : null, /* @__PURE__ */ p("div", {
-      className: "flex items-center",
-      role: "presentation",
-      children: [
-        /* @__PURE__ */ p("button", {
-          type: "button",
-          onClick: L,
-          className: f(k({
-            button: "rigth",
-            className: t
-          })),
-          disabled: !e,
-          children: [/* @__PURE__ */ u(O, { className: "w-4 h-4" }), /* @__PURE__ */ u(j, { children: "Decrement" })]
-        }),
-        /* @__PURE__ */ u("input", {
-          ref: I,
-          type: "number",
-          value: s,
-          name: x,
-          className: f(V({ className: r })),
-          readOnly: !0,
-          "aria-label": typeof a == "string" ? a : "number input"
-        }),
-        /* @__PURE__ */ p("button", {
-          type: "button",
-          onClick: $,
-          className: f(k({
-            button: "left",
-            className: n
-          })),
-          disabled: !o,
-          children: [/* @__PURE__ */ u(w, { className: "w-4 h-4" }), /* @__PURE__ */ u(j, { children: "Increment" })]
-        })
-      ]
-    })]
-  });
-});
-export {
-  X as t
-};