@sito/dashboard 0.0.66 → 0.0.67

package/README.md

@@ -5,7 +5,7 @@
 ## Highlights
 
 - `Table` component with sorting, filtering, pagination, row selection, bulk actions, and expandable rows.
-- Reusable UI pieces: `Badge`, `Button`, `Chip`, `Dropdown`, `IconButton`, `Loading`, `Tooltip`, and `SvgIcons`.
+- Reusable UI pieces: `Badge`, `Button`, `Chip`, `Dropdown`, `IconButton`, `Loading`, `Tooltip`, `SvgIcons`, `Actions`, and `ActionsDropdown`.
 - Form controls: `TextInput`, `SelectInput`, `AutocompleteInput`, `CheckInput`, and `FileInput`.
 - Built-in providers for translations and table state (`TranslationProvider`, `TableOptionsProvider`).
 
@@ -77,6 +77,7 @@ export function UsersTable() {
               tooltip: `View ${row.name}`,
               icon: <span>View</span>,
               onClick: () => console.log("View", row),
+              sticky: true, // always visible; omit to place in the ellipsis dropdown
             },
           ]}
         />
@@ -113,7 +114,7 @@ export function UsersTable() {
 
 Main package exports include:
 
-- Components: `Badge`, `Button`, `Chip`, `Dropdown`, `Form`, `IconButton`, `Loading`, `SvgIcons`, `Table`, `Tooltip`.
+- Components: `Action`, `Actions`, `ActionsDropdown`, `Badge`, `Button`, `Chip`, `Dropdown`, `Form`, `IconButton`, `Loading`, `SvgIcons`, `Table`, `Tooltip`.
 - Providers: `FiltersProvider`, `TableOptionsProvider`, `TranslationProvider` and related hooks/types.
 - Utilities and models: `FilterTypes`, `SortOrder`, `BaseDto`, and query/filter helpers from `lib`.
 

package/dist/{Chip-JDQqzO9I.js → Chip-C5ogKbFn.js}

@@ -1,7 +1,7 @@
 import "./Chip.css";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { I as p } from "./IconButton-BpsTEj0z.js";
-import { C as d } from "./Close-rKC9AcNX.js";
+import { C as p } from "./Close-rKC9AcNX.js";
+import { I as d } from "./IconButton-BpsTEj0z.js";
 function N(a) {
   const {
     text: s,
@@ -21,9 +21,9 @@ function N(a) {
         /* @__PURE__ */ t("span", { className: `chip-main-text ${m}`, children: s }),
         i,
         e ? /* @__PURE__ */ t(
-          p,
+          d,
           {
-            icon: n ?? /* @__PURE__ */ t(d, {}),
+            icon: n ?? /* @__PURE__ */ t(p, {}),
             className: `chip-delete-button ${l}`,
             onClick: e
           }

package/dist/{Chip-a2z-338_.cjs → Chip-D17UJHW6.cjs}

@@ -1 +1 @@
-var x=require("./Chip.css");const e=require("react/jsx-runtime"),u=require("./IconButton-CVnmT2E9.cjs"),m=require("./Close-O9P7wJGf.cjs");function h(t){const{text:n,onDelete:s,children:i,icon:c,variant:a="default",iconClassName:l="",className:o="",textClassName:r=""}=t;return e.jsxs("div",{className:`chip-main ${a} ${s?"deletable":""} ${o}`,children:[e.jsx("span",{className:`chip-main-text ${r}`,children:n}),i,s?e.jsx(u.IconButton,{icon:c??e.jsx(m.Close,{}),className:`chip-delete-button ${l}`,onClick:s}):null]})}exports.Chip=h;
+var x=require("./Chip.css");const e=require("react/jsx-runtime"),u=require("./Close-O9P7wJGf.cjs"),m=require("./IconButton-CVnmT2E9.cjs");function h(t){const{text:n,onDelete:s,children:i,icon:c,variant:a="default",iconClassName:l="",className:o="",textClassName:r=""}=t;return e.jsxs("div",{className:`chip-main ${a} ${s?"deletable":""} ${o}`,children:[e.jsx("span",{className:`chip-main-text ${r}`,children:n}),i,s?e.jsx(m.IconButton,{icon:c??e.jsx(u.Close,{}),className:`chip-delete-button ${l}`,onClick:s}):null]})}exports.Chip=h;

package/dist/Chip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Chip-a2z-338_.cjs");exports.Chip=e.Chip;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Chip-D17UJHW6.cjs");exports.Chip=e.Chip;

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { C as r } from "./Chip-JDQqzO9I.js";
+import { C as r } from "./Chip-C5ogKbFn.js";
 export {
   r as Chip
 };

package/dist/{FileInput-5tMOO7mb.cjs → FileInput-Ch-GCxrS.cjs}

@@ -1 +1 @@
-var D=require("./FileInput.css");const e=require("react/jsx-runtime"),n=require("react"),C=require("./Tooltip-BSKAgRkc.cjs"),T=require("./File-_Hjw2d3F.cjs"),w=require("./Chip-a2z-338_.cjs"),y=require("./IconButton-CVnmT2E9.cjs"),R=require("./Close-O9P7wJGf.cjs");function j(s,i=25){if(s.length<=i)return s;const a=s.lastIndexOf(".");if(a===-1)return s.slice(0,i-3)+"...";const h=s.slice(0,a),r=s.slice(a),p=i-r.length-3;return h.slice(0,p)+"..."+r}const B=n.forwardRef(function(s,i){const{children:a,label:h,containerClassName:r="",inputClassName:p="",labelClassName:N="",helperText:m="",helperTextClassName:g="",iconClassName:b="",multiple:q=!1,onChange:x,onClear:o,...d}=s,[t,f]=n.useState([]),k=n.useCallback(l=>{if(l.target.files){const c=Array.from(l.target.files);f(u=>[...u,...c])}x?.(l)},[x]),v=n.useCallback(l=>{f(c=>{const u=c.filter((A,$)=>$!==l);return u.length===0&&o?.(),u})},[o]),F=n.useCallback(()=>{f([]),o?.()},[o]),I=n.useCallback(l=>{l.currentTarget.value=""},[]);return e.jsxs("div",{className:`file-input-container ${r}`,children:[t.length===0&&e.jsxs("label",{htmlFor:d.name,className:`${N}`,children:[h,e.jsx("input",{type:"file",ref:i,multiple:q,onClick:I,onChange:k,className:`file-input ${p}`,...d}),d.required?" *":""]}),t.length>1&&e.jsx("ul",{className:"file-preview-list",children:t.map((l,c)=>e.jsx("li",{children:e.jsx(C.Tooltip,{content:l.name,children:e.jsx(w.Chip,{text:j(l.name,25),onDelete:()=>v(c)})})},`${l.name}-${l.lastModified}`))}),t.length===1&&e.jsxs("div",{className:"file-preview",children:[e.jsx(T.File,{className:`file-icon ${b}`}),e.jsx(C.Tooltip,{content:t[0]?.name??"",children:e.jsx("span",{className:"file-preview-name",children:j(t[0]?.name??"",25)})}),e.jsx(y.IconButton,{icon:e.jsx(R.Close,{}),onClick:F,type:"button"})]}),a,!!m&&e.jsx("p",{className:`file-input-helper-text ${g}`,children:m})]})});exports.FileInput=B;
+var D=require("./FileInput.css");const e=require("react/jsx-runtime"),n=require("react"),C=require("./Tooltip-BSKAgRkc.cjs"),T=require("./File-_Hjw2d3F.cjs"),w=require("./Chip-D17UJHW6.cjs"),y=require("./IconButton-CVnmT2E9.cjs"),R=require("./Close-O9P7wJGf.cjs");function j(s,i=25){if(s.length<=i)return s;const a=s.lastIndexOf(".");if(a===-1)return s.slice(0,i-3)+"...";const h=s.slice(0,a),r=s.slice(a),p=i-r.length-3;return h.slice(0,p)+"..."+r}const B=n.forwardRef(function(s,i){const{children:a,label:h,containerClassName:r="",inputClassName:p="",labelClassName:N="",helperText:m="",helperTextClassName:g="",iconClassName:b="",multiple:q=!1,onChange:x,onClear:o,...d}=s,[t,f]=n.useState([]),k=n.useCallback(l=>{if(l.target.files){const c=Array.from(l.target.files);f(u=>[...u,...c])}x?.(l)},[x]),v=n.useCallback(l=>{f(c=>{const u=c.filter((A,$)=>$!==l);return u.length===0&&o?.(),u})},[o]),F=n.useCallback(()=>{f([]),o?.()},[o]),I=n.useCallback(l=>{l.currentTarget.value=""},[]);return e.jsxs("div",{className:`file-input-container ${r}`,children:[t.length===0&&e.jsxs("label",{htmlFor:d.name,className:`${N}`,children:[h,e.jsx("input",{type:"file",ref:i,multiple:q,onClick:I,onChange:k,className:`file-input ${p}`,...d}),d.required?" *":""]}),t.length>1&&e.jsx("ul",{className:"file-preview-list",children:t.map((l,c)=>e.jsx("li",{children:e.jsx(C.Tooltip,{content:l.name,children:e.jsx(w.Chip,{text:j(l.name,25),onDelete:()=>v(c)})})},`${l.name}-${l.lastModified}`))}),t.length===1&&e.jsxs("div",{className:"file-preview",children:[e.jsx(T.File,{className:`file-icon ${b}`}),e.jsx(C.Tooltip,{content:t[0]?.name??"",children:e.jsx("span",{className:"file-preview-name",children:j(t[0]?.name??"",25)})}),e.jsx(y.IconButton,{icon:e.jsx(R.Close,{}),onClick:F,type:"button"})]}),a,!!m&&e.jsx("p",{className:`file-input-helper-text ${g}`,children:m})]})});exports.FileInput=B;

package/dist/{FileInput-B--eBQVa.js → FileInput-DCR_Pyqe.js}

@@ -3,7 +3,7 @@ import { jsxs as u, jsx as l } from "react/jsx-runtime";
 import { forwardRef as j, useState as R, useCallback as m } from "react";
 import { T as g } from "./Tooltip-B4E-FRwY.js";
 import { F as q } from "./File-BuJndWMv.js";
-import { C as A } from "./Chip-JDQqzO9I.js";
+import { C as A } from "./Chip-C5ogKbFn.js";
 import { I as B } from "./IconButton-BpsTEj0z.js";
 import { C as D } from "./Close-rKC9AcNX.js";
 function x(t, s = 25) {

package/dist/{Filters-BivtNVS3.js → Filters-DL5jd8ps.js}

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
-function t(r) {
-  const { className: c = "" } = r;
+function l(r) {
+  const { className: n = "" } = r;
   return /* @__PURE__ */ s(
     "svg",
     {
-      className: c,
+      className: n,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 512 512",
       fill: "currentColor",
@@ -12,12 +12,12 @@ function t(r) {
     }
   );
 }
-function l(r) {
-  const { className: c = "" } = r;
+function c(r) {
+  const { className: n = "" } = r;
   return /* @__PURE__ */ s(
     "svg",
     {
-      className: c,
+      className: n,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 320 512",
       fill: "currentColor",
@@ -26,11 +26,11 @@ function l(r) {
   );
 }
 function o(r) {
-  const { className: c = "" } = r;
+  const { className: n = "" } = r;
   return /* @__PURE__ */ s(
     "svg",
     {
-      className: c,
+      className: n,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 320 512",
       fill: "currentColor",
@@ -39,11 +39,11 @@ function o(r) {
   );
 }
 function e(r) {
-  const { className: c = "" } = r;
+  const { className: n = "" } = r;
   return /* @__PURE__ */ s(
     "svg",
     {
-      className: c,
+      className: n,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 512 512",
       fill: "currentColor",
@@ -51,14 +51,28 @@ function e(r) {
     }
   );
 }
-const a = (r) => {
-  const { className: c = "" } = r;
-  return /* @__PURE__ */ s("svg", { className: c, viewBox: "0 0 16 16", children: /* @__PURE__ */ s("path", { d: "M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z" }) });
+function a(r) {
+  const { className: n = "" } = r;
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      className: n,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 640 640",
+      fill: "currentColor",
+      children: /* @__PURE__ */ s("path", { d: "M320 208C289.1 208 264 182.9 264 152C264 121.1 289.1 96 320 96C350.9 96 376 121.1 376 152C376 182.9 350.9 208 320 208zM320 432C350.9 432 376 457.1 376 488C376 518.9 350.9 544 320 544C289.1 544 264 518.9 264 488C264 457.1 289.1 432 320 432zM376 320C376 350.9 350.9 376 320 376C289.1 376 264 350.9 264 320C264 289.1 289.1 264 320 264C350.9 264 376 289.1 376 320z" })
+    }
+  );
+}
+const i = (r) => {
+  const { className: n = "" } = r;
+  return /* @__PURE__ */ s("svg", { className: n, viewBox: "0 0 16 16", children: /* @__PURE__ */ s("path", { d: "M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z" }) });
 };
 export {
-  t as C,
-  a as F,
-  l as a,
+  l as C,
+  a as E,
+  i as F,
+  c as a,
   o as b,
   e as c
 };

package/dist/{Filters-C5XEbF3V.cjs → Filters-Dyee8QYH.cjs}

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime");function t(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:s.jsx("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})})}function e(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:s.jsx("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})})}function c(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:s.jsx("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})})}function o(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:s.jsx("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})})}const l=n=>{const{className:r=""}=n;return s.jsx("svg",{className:r,viewBox:"0 0 16 16",children:s.jsx("path",{d:"M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z"})})};exports.ChevronDown=t;exports.ChevronLeft=e;exports.ChevronRight=c;exports.ChevronUp=o;exports.Filters=l;
+"use strict";const s=require("react/jsx-runtime");function t(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:s.jsx("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})})}function l(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:s.jsx("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})})}function e(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:s.jsx("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})})}function o(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:s.jsx("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})})}function c(n){const{className:r=""}=n;return s.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",fill:"currentColor",children:s.jsx("path",{d:"M320 208C289.1 208 264 182.9 264 152C264 121.1 289.1 96 320 96C350.9 96 376 121.1 376 152C376 182.9 350.9 208 320 208zM320 432C350.9 432 376 457.1 376 488C376 518.9 350.9 544 320 544C289.1 544 264 518.9 264 488C264 457.1 289.1 432 320 432zM376 320C376 350.9 350.9 376 320 376C289.1 376 264 350.9 264 320C264 289.1 289.1 264 320 264C350.9 264 376 289.1 376 320z"})})}const i=n=>{const{className:r=""}=n;return s.jsx("svg",{className:r,viewBox:"0 0 16 16",children:s.jsx("path",{d:"M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z"})})};exports.ChevronDown=t;exports.ChevronLeft=l;exports.ChevronRight=e;exports.ChevronUp=o;exports.Ellipsis=c;exports.Filters=i;

package/dist/Form.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextInput-Bn8zsDnU.cjs"),t=require("./FileInput-5tMOO7mb.cjs");exports.AutocompleteInput=e.AutocompleteInput;exports.CheckInput=e.CheckInput;exports.SelectInput=e.SelectInput;exports.State=e.State;exports.TextInput=e.TextInput;exports.helperTextStateClassName=e.helperTextStateClassName;exports.inputStateClassName=e.inputStateClassName;exports.labelStateClassName=e.labelStateClassName;exports.FileInput=t.FileInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextInput-CY1fh4mf.cjs"),t=require("./FileInput-Ch-GCxrS.cjs");exports.AutocompleteInput=e.AutocompleteInput;exports.CheckInput=e.CheckInput;exports.SelectInput=e.SelectInput;exports.State=e.State;exports.TextInput=e.TextInput;exports.helperTextStateClassName=e.helperTextStateClassName;exports.inputStateClassName=e.inputStateClassName;exports.labelStateClassName=e.labelStateClassName;exports.FileInput=t.FileInput;

package/dist/Form.js

@@ -1,5 +1,5 @@
-import { A as e, C as s, S as l, a as p, T as u, h as m, i as n, l as o } from "./TextInput-BLfTozZ9.js";
-import { F as r } from "./FileInput-B--eBQVa.js";
+import { A as e, C as s, S as l, a as p, T as u, h as m, i as n, l as o } from "./TextInput-BqW5YX-3.js";
+import { F as r } from "./FileInput-DCR_Pyqe.js";
 export {
   e as AutocompleteInput,
   s as CheckInput,

package/dist/SvgIcons.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Filters-C5XEbF3V.cjs"),r=require("./Close-O9P7wJGf.cjs"),o=require("./File-_Hjw2d3F.cjs");exports.ChevronDown=e.ChevronDown;exports.ChevronLeft=e.ChevronLeft;exports.ChevronRight=e.ChevronRight;exports.ChevronUp=e.ChevronUp;exports.Filters=e.Filters;exports.Close=r.Close;exports.File=o.File;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Filters-Dyee8QYH.cjs"),r=require("./Close-O9P7wJGf.cjs"),o=require("./File-_Hjw2d3F.cjs");exports.ChevronDown=e.ChevronDown;exports.ChevronLeft=e.ChevronLeft;exports.ChevronRight=e.ChevronRight;exports.ChevronUp=e.ChevronUp;exports.Ellipsis=e.Ellipsis;exports.Filters=e.Filters;exports.Close=r.Close;exports.File=o.File;

package/dist/SvgIcons.js

@@ -1,12 +1,13 @@
-import { C as r, a as s, b as a, c as C, F as t } from "./Filters-BivtNVS3.js";
-import { C as n } from "./Close-rKC9AcNX.js";
+import { C as e, a as r, b as a, c as C, E as t, F as h } from "./Filters-DL5jd8ps.js";
+import { C as l } from "./Close-rKC9AcNX.js";
 import { F as p } from "./File-BuJndWMv.js";
 export {
-  r as ChevronDown,
-  s as ChevronLeft,
+  e as ChevronDown,
+  r as ChevronLeft,
   a as ChevronRight,
   C as ChevronUp,
-  n as Close,
+  l as Close,
+  t as Ellipsis,
   p as File,
-  t as Filters
+  h as Filters
 };