@versini/ui-truncate 1.0.0 → 1.0.1

package/dist/components/Truncate/Truncate.js

@@ -1,6 +1,6 @@
 import { jsx as h, jsxs as x } from "react/jsx-runtime";
 import o from "clsx";
-import k, { useState as j } from "react";
+import k, { useState as L } from "react";
 const p = "av-button", U = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
@@ -10,7 +10,7 @@ const p = "av-button", U = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, T = "icon", w = "button", S = "link", C = ({
+}, T = "icon", w = "button", C = "link", S = ({
   type: e,
   size: t,
   labelRight: r,
@@ -25,7 +25,7 @@ const p = "av-button", U = (e) => {
         [l]: t === "medium",
         [n]: t === "large"
       });
-    case S:
+    case C:
       return o("px-4 text-center", {
         [d]: t === "small",
         [l]: t === "medium",
@@ -104,7 +104,7 @@ const p = "av-button", U = (e) => {
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, O = ({
+}, $ = ({
   mode: e,
   disabled: t,
   variant: r
@@ -132,7 +132,7 @@ const p = "av-button", U = (e) => {
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, $ = ({
+}, A = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -160,7 +160,7 @@ const p = "av-button", U = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, A = ({ focusMode: e }) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, O = ({ focusMode: e }) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
@@ -187,16 +187,16 @@ const p = "av-button", U = (e) => {
   t,
   U(m),
   W({ mode: a, variant: c, noBackground: g, noTruncate: v }),
-  C({ type: e, size: n, labelRight: s, labelLeft: b, align: f }),
-  $({ mode: a, variant: c, noBorder: u }),
-  A({ focusMode: i }),
+  S({ type: e, size: n, labelRight: s, labelLeft: b, align: f }),
+  A({ mode: a, variant: c, noBorder: u }),
+  O({ focusMode: i }),
   D({ mode: a, variant: c, disabled: d }),
-  O({ mode: a, variant: c, disabled: d }),
+  $({ mode: a, variant: c, disabled: d }),
   {
     "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": d
   }
-)), F = (e, t, r) => {
+)), V = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
 }, y = k.forwardRef((e, t) => {
@@ -206,7 +206,7 @@ const p = "av-button", U = (e) => {
     {
       ref: t,
       onClick: (d) => {
-        F(d, a, r);
+        V(d, a, r);
       },
       ...i
     }
@@ -257,19 +257,19 @@ const N = k.forwardRef(
 );
 N.displayName = "Button";
 /*!
-  @versini/ui-button v1.1.3
+  @versini/ui-button v1.1.4
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.1.3",
-    buildTime: "09/21/2024 07:25 PM EDT",
+    version: "1.1.4",
+    buildTime: "09/24/2024 07:45 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const V = k.forwardRef(
+const F = k.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -289,8 +289,8 @@ const V = k.forwardRef(
     noBackground: f = !1,
     align: _ = "center",
     active: E = !1,
-    ...I
-  }, R) => {
+    ...R
+  }, I) => {
     const M = B({
       type: T,
       mode: r,
@@ -306,12 +306,12 @@ const V = k.forwardRef(
       spacing: v,
       noBackground: f,
       align: _
-    }), L = o({
+    }), z = o({
       "text-copy-accent-dark": r === "light" && !n,
       "text-copy-light": r === "dark" && !n,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !n,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !n
-    }), z = E ? o(
+    }), j = E ? o(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -328,47 +328,50 @@ const V = k.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ h("div", { className: z, children: /* @__PURE__ */ x(
+    return /* @__PURE__ */ h("div", { className: j, children: /* @__PURE__ */ x(
       y,
       {
-        ref: R,
+        ref: I,
         className: M,
         disabled: t,
         type: l,
         "aria-label": s || b,
-        ...I,
+        ...R,
         children: [
           c && /* @__PURE__ */ h("span", { className: "pr-2", children: c }),
-          /* @__PURE__ */ h("div", { className: L, children: e }),
+          /* @__PURE__ */ h("div", { className: z, children: e }),
           g && /* @__PURE__ */ h("span", { className: "pl-2", children: g })
         ]
       }
     ) });
   }
 );
-V.displayName = "ButtonSort";
-const G = 200, H = "===+-av-+===", P = ({
+F.displayName = "ButtonSort";
+const G = 200, H = ({
   string: e,
-  length: t = G,
-  omission: r = H
+  idealLength: t = G
 }) => {
-  const a = e.length;
-  if (t >= a)
+  if (e.length <= t)
     return { string: e, isTruncated: !1 };
-  const i = t - r.length;
-  return i < 1 ? { string: "", isTruncated: !0 } : { string: e.slice(0, i), isTruncated: !0 };
-}, Q = ({
+  if (e.charAt(t) === " ")
+    return { string: e.slice(0, t), isTruncated: !0 };
+  const i = e.slice(t).search(" ");
+  return {
+    string: e.slice(0, t + i),
+    isTruncated: !0
+  };
+}, K = ({
   children: e,
   length: t = 200,
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [i, d] = j(!1);
+  const [i, d] = L(!1);
   if (typeof e != "string")
     return e;
-  const { string: l, isTruncated: n } = P({
+  const { string: l, isTruncated: n } = H({
     string: e,
-    length: t
+    idealLength: t
   });
   return /* @__PURE__ */ x("span", { children: [
     i ? e : l,
@@ -388,5 +391,5 @@ const G = 200, H = "===+-av-+===", P = ({
   ] });
 };
 export {
-  Q as Truncate
+  K as Truncate
 };

package/dist/index.js

@@ -1,12 +1,12 @@
 import { Truncate as o } from "./components/Truncate/Truncate.js";
 /*!
-  @versini/ui-truncate v1.0.0
+  @versini/ui-truncate v1.0.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "1.0.0",
-    buildTime: "09/21/2024 07:25 PM EDT",
+    version: "1.0.1",
+    buildTime: "09/24/2024 07:45 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-truncate",
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,15 +38,15 @@
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
-		"@versini/ui-styles": "1.10.0"
+		"@versini/ui-styles": "1.10.1"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-button": "1.1.3",
-		"tailwindcss": "3.4.12"
+		"@versini/ui-button": "1.1.4",
+		"tailwindcss": "3.4.13"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "70ba5f70ff39f77af9aa142af82c1e2e1ddf3647"
+	"gitHead": "c2f456415637bdc3c29f1cde017a7385874b8440"
 }