@solibo/solibo-ui 0.3.21 → 0.3.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.3.21",
+  "version": "0.3.23",
   "type": "module",
   "scripts": {
     "dev": "vite build --watch",
@@ -45,14 +45,14 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-a11y": "^8.6.15",
+    "@storybook/addon-essentials": "^8.6.15",
+    "@storybook/addon-interactions": "^8.6.15",
     "@storybook/blocks": "^8.6.14",
     "@storybook/manager-api": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
+    "@storybook/react": "^8.6.15",
+    "@storybook/react-vite": "^8.6.15",
+    "@storybook/test": "^8.6.15",
     "@storybook/theming": "^8.6.14",
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",

package/dist/components/sortable/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const d=require("react/jsx-runtime"),j=require("../../classix-5H4IWnMA.cjs"),e=require("react"),M="_sortable_t2bo2_1",T="_columns_t2bo2_7",g={sortable:M,columns:T};function q({children:i,className:x,columns:m=1,onChangeOrder:a,style:y,...D}){const f=Number.isFinite(m)?Math.max(1,Math.floor(m)):1,n=e.useMemo(()=>e.Children.toArray(i),[i]),[S,b]=e.useState(n),s=e.useRef(-1),v={...y,"--sortable-columns":f};return e.useEffect(()=>b(n),[n]),d.jsx("ol",{className:j.t(x,g.sortable,f>1&&g.columns),style:v,...D,"data-component":"sortable",children:S.map((l,o)=>{const _=e.isValidElement(l)?l.key:null;return d.jsx("li",{draggable:!0,onDragStart:t=>{s.current=o,t.dataTransfer.setData("text/plain",""),t.dataTransfer.effectAllowed="move"},onDragOver:t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},onDrop:t=>{t.preventDefault();const c=s.current;c<0||c===o||(b(E=>{const r=E.slice();return r.splice(o,0,r.splice(c,1)[0]),a==null||a(r.map((p,u)=>({id:String(e.isValidElement(p)?p.props["data-id"]??`idx-${u}`:`idx-${u}`),weight:r.length-1-u}))),r}),s.current=-1)},onDragEnd:()=>{s.current=-1},"data-component":"sortable",children:l},_??o)})})}exports.Sortable=q;
-//# sourceMappingURL=index.cjs.map

package/dist/components/sortable/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  onChangeOrder?: (order: SortItem[]) => void;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  onChangeOrder,\n  style,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const [items, setItems] = useState<React.ReactNode[]>(arr);\n  const drag = useRef(-1);\n\n  type WithVars = React.CSSProperties & {\n    '--sortable-columns'?: number;\n  };\n\n  const withVars: WithVars = {\n    ...style,\n    '--sortable-columns': cols,\n  };\n\n  useEffect(() => setItems(arr), [arr]);\n\n  return (\n    <ol\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {items.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            draggable\n            onDragStart={(e) => {\n              drag.current = i;\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              setItems((prev) => {\n                const next = prev.slice();\n                next.splice(i, 0, next.splice(from, 1)[0]);\n\n                onChangeOrder?.(\n                  next.map((c, idx) => ({\n                    id: String(\n                      React.isValidElement(c)\n                        ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n                        : `idx-${idx}`\n                    ),\n                    weight: next.length - 1 - idx,\n                  }))\n                );\n\n                return next;\n              });\n\n              drag.current = -1;\n            }}\n            onDragEnd={() => {\n              drag.current = -1;\n            }}\n          >\n            {child}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Sortable","children","className","columns","onChangeOrder","style","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","items","setItems","useState","drag","useRef","withVars","useEffect","jsx","cx","styles","sortable","map","child","i","key","isValidElement","e","current","dataTransfer","setData","effectAllowed","preventDefault","dropEffect","from","prev","next","slice","splice","c","idx","id","String","weight","length"],"mappings":"oPAgBO,SAASA,EAAS,CACvBC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,EACVC,cAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,EAAG,CAChB,MAAMC,EAAOC,OAAOC,SAASN,CAAO,EAAIO,KAAKC,IAAI,EAAGD,KAAKE,MAAMT,CAAO,CAAC,EAAI,EACrEU,EAAMC,UAAQ,IAAMC,EAAMC,SAASC,QAAQhB,CAAQ,EAAG,CAACA,CAAQ,CAAC,EAChE,CAACiB,EAAOC,CAAQ,EAAIC,EAAAA,SAA4BP,CAAG,EACnDQ,EAAOC,EAAAA,OAAO,EAAE,EAMhBC,EAAqB,CACzB,GAAGlB,EACH,qBAAsBE,CAAAA,EAGxBiB,OAAAA,EAAAA,UAAU,IAAML,EAASN,CAAG,EAAG,CAACA,CAAG,CAAC,EAGlCY,MAAC,MACC,UAAWC,EAAAA,EAAGxB,EAAWyB,EAAOC,SAAUrB,EAAO,GAAKoB,EAAOxB,OAAO,EACpE,MAAOoB,EACP,GAAIjB,EAAM,iBAAA,WAETY,SAAAA,EAAMW,IAAI,CAACC,EAAOC,IAAM,CACvB,MAAMC,EAAMjB,EAAMkB,eAAeH,CAAK,EAAIA,EAAME,IAAM,KAEtD,OACEP,EAAAA,IAAC,KAAA,CAEC,UAAS,GACT,YAAcS,GAAM,CAClBb,EAAKc,QAAUJ,EACfG,EAAEE,aAAaC,QAAQ,aAAc,EAAE,EACvCH,EAAEE,aAAaE,cAAgB,MACjC,EACA,WAAaJ,GAAM,CACjBA,EAAEK,eAAAA,EACFL,EAAEE,aAAaI,WAAa,MAC9B,EACA,OAASN,GAAM,CACbA,EAAEK,eAAAA,EACF,MAAME,EAAOpB,EAAKc,QACdM,EAAO,GAAKA,IAASV,IAEzBZ,EAAUuB,GAAS,CACjB,MAAMC,EAAOD,EAAKE,MAAAA,EAClBD,OAAAA,EAAKE,OAAOd,EAAG,EAAGY,EAAKE,OAAOJ,EAAM,CAAC,EAAE,CAAC,CAAC,EAEzCrC,GAAAA,MAAAA,EACEuC,EAAKd,IAAI,CAACiB,EAAGC,KAAS,CACpBC,GAAIC,OACFlC,EAAMkB,eAAea,CAAC,EAChBA,EAAExC,MAAiC,SAAS,GAAK,OAAOyC,CAAG,GAC7D,OAAOA,CAAG,EAChB,EACAG,OAAQP,EAAKQ,OAAS,EAAIJ,CAAAA,EAC1B,GAGGJ,CACT,CAAC,EAEDtB,EAAKc,QAAU,GACjB,EACA,UAAW,IAAM,CACfd,EAAKc,QAAU,EACjB,EAAE,iBAAA,WAEDL,SAAAA,CAAAA,EAxCIE,GAAOD,CAyCd,CAEJ,CAAC,CAAA,CACH,CAEJ"}

package/dist/components/sortable/index.js

@@ -1,44 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { t as w } from "../../classix-DG18itHa.js";
-import m, { useMemo as M, useState as T, useRef as V, useEffect as k } from "react";
-import '../../assets/index5.css';const A = "_sortable_t2bo2_1", N = "_columns_t2bo2_7", _ = {
-  sortable: A,
-  columns: N
-};
-function j({
-  children: u,
-  className: D,
-  columns: f = 1,
-  onChangeOrder: s,
-  style: g,
-  ...v
-}) {
-  const i = Number.isFinite(f) ? Math.max(1, Math.floor(f)) : 1, a = M(() => m.Children.toArray(u), [u]), [x, p] = T(a), r = V(-1), y = {
-    ...g,
-    "--sortable-columns": i
-  };
-  return k(() => p(a), [a]), /* @__PURE__ */ d("ol", { className: w(D, _.sortable, i > 1 && _.columns), style: y, ...v, "data-component": "sortable", children: x.map((n, o) => {
-    const E = m.isValidElement(n) ? n.key : null;
-    return /* @__PURE__ */ d("li", { draggable: !0, onDragStart: (t) => {
-      r.current = o, t.dataTransfer.setData("text/plain", ""), t.dataTransfer.effectAllowed = "move";
-    }, onDragOver: (t) => {
-      t.preventDefault(), t.dataTransfer.dropEffect = "move";
-    }, onDrop: (t) => {
-      t.preventDefault();
-      const l = r.current;
-      l < 0 || l === o || (p((S) => {
-        const e = S.slice();
-        return e.splice(o, 0, e.splice(l, 1)[0]), s == null || s(e.map((b, c) => ({
-          id: String(m.isValidElement(b) ? b.props["data-id"] ?? `idx-${c}` : `idx-${c}`),
-          weight: e.length - 1 - c
-        }))), e;
-      }), r.current = -1);
-    }, onDragEnd: () => {
-      r.current = -1;
-    }, "data-component": "sortable", children: n }, E ?? o);
-  }) });
-}
-export {
-  j as Sortable
-};
-//# sourceMappingURL=index.js.map

package/dist/components/sortable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  onChangeOrder?: (order: SortItem[]) => void;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  onChangeOrder,\n  style,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const [items, setItems] = useState<React.ReactNode[]>(arr);\n  const drag = useRef(-1);\n\n  type WithVars = React.CSSProperties & {\n    '--sortable-columns'?: number;\n  };\n\n  const withVars: WithVars = {\n    ...style,\n    '--sortable-columns': cols,\n  };\n\n  useEffect(() => setItems(arr), [arr]);\n\n  return (\n    <ol\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {items.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            draggable\n            onDragStart={(e) => {\n              drag.current = i;\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              setItems((prev) => {\n                const next = prev.slice();\n                next.splice(i, 0, next.splice(from, 1)[0]);\n\n                onChangeOrder?.(\n                  next.map((c, idx) => ({\n                    id: String(\n                      React.isValidElement(c)\n                        ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n                        : `idx-${idx}`\n                    ),\n                    weight: next.length - 1 - idx,\n                  }))\n                );\n\n                return next;\n              });\n\n              drag.current = -1;\n            }}\n            onDragEnd={() => {\n              drag.current = -1;\n            }}\n          >\n            {child}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Sortable","children","className","columns","onChangeOrder","style","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","items","setItems","useState","drag","useRef","withVars","useEffect","jsx","cx","styles","sortable","map","child","i","key","isValidElement","e","current","dataTransfer","setData","effectAllowed","preventDefault","dropEffect","from","prev","next","slice","splice","c","idx","id","String","weight","length"],"mappings":";;;;;;;AAgBO,SAASA,EAAS;AAAA,EACvBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,eAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACU,GAAG;AAChB,QAAMC,IAAOC,OAAOC,SAASN,CAAO,IAAIO,KAAKC,IAAI,GAAGD,KAAKE,MAAMT,CAAO,CAAC,IAAI,GACrEU,IAAMC,EAAQ,MAAMC,EAAMC,SAASC,QAAQhB,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAChE,CAACiB,GAAOC,CAAQ,IAAIC,EAA4BP,CAAG,GACnDQ,IAAOC,EAAO,EAAE,GAMhBC,IAAqB;AAAA,IACzB,GAAGlB;AAAAA,IACH,sBAAsBE;AAAAA,EAAAA;AAGxBiB,SAAAA,EAAU,MAAML,EAASN,CAAG,GAAG,CAACA,CAAG,CAAC,GAGlC,gBAAAY,EAAC,QACC,WAAWC,EAAGxB,GAAWyB,EAAOC,UAAUrB,IAAO,KAAKoB,EAAOxB,OAAO,GACpE,OAAOoB,GACP,GAAIjB,GAAM,kBAAA,YAETY,UAAAA,EAAMW,IAAI,CAACC,GAAOC,MAAM;AACvB,UAAMC,IAAMjB,EAAMkB,eAAeH,CAAK,IAAIA,EAAME,MAAM;AAEtD,WACE,gBAAAP,EAAC,MAAA,EAEC,WAAS,IACT,aAAcS,CAAAA,MAAM;AAClBb,MAAAA,EAAKc,UAAUJ,GACfG,EAAEE,aAAaC,QAAQ,cAAc,EAAE,GACvCH,EAAEE,aAAaE,gBAAgB;AAAA,IACjC,GACA,YAAaJ,CAAAA,MAAM;AACjBA,MAAAA,EAAEK,eAAAA,GACFL,EAAEE,aAAaI,aAAa;AAAA,IAC9B,GACA,QAASN,CAAAA,MAAM;AACbA,MAAAA,EAAEK,eAAAA;AACF,YAAME,IAAOpB,EAAKc;AAClB,MAAIM,IAAO,KAAKA,MAASV,MAEzBZ,EAAUuB,CAAAA,MAAS;AACjB,cAAMC,IAAOD,EAAKE,MAAAA;AAClBD,eAAAA,EAAKE,OAAOd,GAAG,GAAGY,EAAKE,OAAOJ,GAAM,CAAC,EAAE,CAAC,CAAC,GAEzCrC,KAAAA,QAAAA,EACEuC,EAAKd,IAAI,CAACiB,GAAGC,OAAS;AAAA,UACpBC,IAAIC,OACFlC,EAAMkB,eAAea,CAAC,IAChBA,EAAExC,MAAiC,SAAS,KAAK,OAAOyC,CAAG,KAC7D,OAAOA,CAAG,EAChB;AAAA,UACAG,QAAQP,EAAKQ,SAAS,IAAIJ;AAAAA,QAAAA,EAC1B,IAGGJ;AAAAA,MACT,CAAC,GAEDtB,EAAKc,UAAU;AAAA,IACjB,GACA,WAAW,MAAM;AACfd,MAAAA,EAAKc,UAAU;AAAA,IACjB,GAAE,kBAAA,YAEDL,UAAAA,EAAAA,GAxCIE,KAAOD,CAyCd;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}