@solibo/solibo-ui 0.3.31 → 0.3.33

package/dist/assets/index3.css

@@ -1 +1 @@
-._table_k4bpz_1{border-collapse:collapse;margin:var(--unit) 0;width:100%}._table_k4bpz_1 td,._table_k4bpz_1 th{padding:var(--unit-small)}._table_k4bpz_1 th{font-weight:400;text-align:left;white-space:nowrap}._table_k4bpz_1 th[data-type]{color:var(--color-primary);cursor:pointer}._table_k4bpz_1 th span{background-color:var(--color-primary);float:right}._table_k4bpz_1 tr:last-child td:first-child{border-bottom-left-radius:var(--unit)}._table_k4bpz_1 tr:last-child td:last-child{border-bottom-right-radius:var(--unit)}._table_k4bpz_1 thead{-webkit-user-select:none;-moz-user-select:none;user-select:none}._table_k4bpz_1 tbody tr:nth-child(odd){background-color:var(--color-neutral-light)}
+._table_18uji_1{border-collapse:collapse;margin:var(--unit) 0;width:100%}._table_18uji_1 td,._table_18uji_1 th{padding:var(--unit-small)}._table_18uji_1 tbody tr:nth-child(odd){background-color:var(--color-neutral-light)}._table_18uji_1 th{font-weight:400;text-align:left;white-space:nowrap}._table_18uji_1 th[data-type]{color:var(--color-primary);cursor:pointer}._table_18uji_1 th ._sortable_18uji_27{align-items:center;display:flex;gap:var(--unit-small);justify-content:space-between}._table_18uji_1 th ._sortable_18uji_27 span{display:inline-flex}._table_18uji_1 thead{-webkit-user-select:none;-moz-user-select:none;user-select:none}._table_18uji_1 tr:last-child td:first-child{border-bottom-left-radius:var(--unit)}._table_18uji_1 tr:last-child td:last-child{border-bottom-right-radius:var(--unit)}

package/dist/components/accordion/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const e=require("react/jsx-runtime"),s=require("../icon/index.cjs"),i="_accordion_8spz8_1",a={accordion:i},d=o=>{const n=o.currentTarget.closest("details");!n||!document.startViewTransition||(o.preventDefault(),document.startViewTransition(()=>n.open=!n.open))},l=({children:o,icon:n,label:c,open:r,summary:t})=>e.jsxs("details",{className:a.accordion,open:r||void 0,"data-component":"accordion",children:[e.jsxs("summary",{onClick:d,children:[n&&!t&&e.jsx(s.Icon,{name:n}),t??c]}),o]});exports.Accordion=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const o=require("react/jsx-runtime"),i=require("../icon/index.cjs"),t="_accordion_8spz8_1",d={accordion:t},a=({children:e,icon:c,label:s,open:r,summary:n})=>o.jsxs("details",{className:d.accordion,open:r||void 0,"data-component":"accordion",children:[o.jsxs("summary",{children:[c&&!n&&o.jsx(i.Icon,{name:c}),n??s]}),e]});exports.Accordion=a;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nconst handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n  const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n  if (!details || !document.startViewTransition) return;\n\n  e.preventDefault();\n  document.startViewTransition(() => (details.open = !details.open));\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","open","Accordion","children","icon","label","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":"2LAcMA,EAAsDC,GAAM,CAChE,MAAMC,EAAUD,EAAEE,cAAcC,QAAQ,SAAS,EAC7C,CAACF,GAAW,CAACG,SAASC,sBAE1BL,EAAEM,eAAAA,EACFF,SAASC,oBAAoB,IAAOJ,EAAQM,KAAO,CAACN,EAAQM,IAAK,EACnE,EAEaC,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,MAAAA,EAAOJ,KAAAA,EAAMK,QAAAA,CAAwB,IAE7EC,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMR,GAAQS,OAAU,iBAAA,YAExB,SAAA,CAAAH,EAAAA,KAAC,UAAA,CAAQ,QAASd,EACfW,SAAAA,CAAAA,GAAQ,CAACE,GAAWK,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMR,EAAK,EACrCE,GAAWD,CAAAA,EACd,EACCF,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","icon","label","open","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":"2LAYaA,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,CAAwB,IAE7EC,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMJ,GAAQK,OAAU,iBAAA,YAExB,SAAA,CAAAH,OAAC,UAAA,CACEJ,SAAAA,CAAAA,GAAQ,CAACG,GAAWK,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMT,EAAK,EACrCG,GAAWF,CAAAA,EACd,EACCF,CAAAA,EACH"}

package/dist/components/accordion/index.js

@@ -1,24 +1,21 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { Icon as s } from "../icon/index.js";
-import '../../assets/index30.css';const a = "_accordion_8spz8_1", d = {
-  accordion: a
-}, l = (n) => {
-  const o = n.currentTarget.closest("details");
-  !o || !document.startViewTransition || (n.preventDefault(), document.startViewTransition(() => o.open = !o.open));
-}, u = ({
-  children: n,
+import { jsxs as n, jsx as d } from "react/jsx-runtime";
+import { Icon as i } from "../icon/index.js";
+import '../../assets/index30.css';const t = "_accordion_8spz8_1", e = {
+  accordion: t
+}, l = ({
+  children: r,
   icon: o,
-  label: r,
-  open: e,
-  summary: t
-}) => /* @__PURE__ */ c("details", { className: d.accordion, open: e || void 0, "data-component": "accordion", children: [
-  /* @__PURE__ */ c("summary", { onClick: l, children: [
-    o && !t && /* @__PURE__ */ i(s, { name: o }),
-    t ?? r
+  label: s,
+  open: a,
+  summary: c
+}) => /* @__PURE__ */ n("details", { className: e.accordion, open: a || void 0, "data-component": "accordion", children: [
+  /* @__PURE__ */ n("summary", { children: [
+    o && !c && /* @__PURE__ */ d(i, { name: o }),
+    c ?? s
   ] }),
-  n
+  r
 ] });
 export {
-  u as Accordion
+  l as Accordion
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nconst handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n  const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n  if (!details || !document.startViewTransition) return;\n\n  e.preventDefault();\n  document.startViewTransition(() => (details.open = !details.open));\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","open","Accordion","children","icon","label","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":";;;;GAcMA,IAAsDC,CAAAA,MAAM;AAChE,QAAMC,IAAUD,EAAEE,cAAcC,QAAQ,SAAS;AACjD,EAAI,CAACF,KAAW,CAACG,SAASC,wBAE1BL,EAAEM,eAAAA,GACFF,SAASC,oBAAoB,MAAOJ,EAAQM,OAAO,CAACN,EAAQM,IAAK;AACnE,GAEaC,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOJ,MAAAA;AAAAA,EAAMK,SAAAA;AAAwB,MAE7E,gBAAAC,EAAC,aACC,WAAWC,EAAOC,WAClB,MAAMR,KAAQS,QAAU,kBAAA,aAExB,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EAAQ,SAASd,GACfW,UAAAA;AAAAA,IAAAA,KAAQ,CAACE,KAAW,gBAAAK,EAACC,GAAA,EAAK,MAAMR,GAAK;AAAA,IACrCE,KAAWD;AAAAA,EAAAA,GACd;AAAA,EACCF;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","icon","label","open","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":";;;;GAYaA,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,SAAAA;AAAwB,MAE7E,gBAAAC,EAAC,aACC,WAAWC,EAAOC,WAClB,MAAMJ,KAAQK,QAAU,kBAAA,aAExB,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EACEJ,UAAAA;AAAAA,IAAAA,KAAQ,CAACG,KAAW,gBAAAK,EAACC,GAAA,EAAK,MAAMT,GAAK;AAAA,IACrCG,KAAWF;AAAAA,EAAAA,GACd;AAAA,EACCF;AAAAA,GACH;"}

package/dist/components/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const q=require("react/jsx-runtime"),A=require("react"),R="_table_k4bpz_1",T={table:R},_=({children:C,locale:i,...S})=>{const l=A.useRef(null),v=(n,r,t)=>{n.querySelectorAll("th[data-type]").forEach(e=>{e===r?(e.dataset.dir=t,e.setAttribute("aria-sort",t==="asc"?"ascending":"descending")):(delete e.dataset.dir,e.setAttribute("aria-sort","none"))})},h=A.useCallback(n=>{var m,N;const r=l.current;if(!r)return;const t=(m=n.target)==null?void 0:m.closest("th");if(!t)return;const s=r.tHead;if(!s||!s.contains(t))return;const e=t.cellIndex;if(e<0)return;const a=(N=r.tBodies)==null?void 0:N[0];if(!a)return;const u=t.getAttribute("data-type");if(!u)return;const b=t.dataset.dir==="asc"?"desc":"asc";v(s,t,b);const d=b==="asc"?1:-1,f=Array.from(a.rows);f.sort((j,k)=>{var g,x;const p=(((g=j.cells[e])==null?void 0:g.textContent)??"").trim(),y=(((x=k.cells[e])==null?void 0:x.textContent)??"").trim();if(u==="number"){const o=Number.parseFloat(p),c=Number.parseFloat(y);return Number.isNaN(o)&&Number.isNaN(c)?0:Number.isNaN(o)?1:Number.isNaN(c)?-1:(o-c)*d}return p.localeCompare(y,i,{sensitivity:"base"})*d}),a.append(...f)},[i]);return q.jsx("table",{className:T.table,onClick:h,ref:l,...S,"data-component":"table",children:C})};exports.Table=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const f=require("react/jsx-runtime"),i=require("react"),F=require("../icon/index.cjs"),k="_table_18uji_1",D="_sortable_18uji_27",j={table:k,sortable:D},m=r=>i.isValidElement(r),A=r=>i.Children.toArray(r).reduce((e,t)=>m(t)?e+(t.type==="td"||t.type==="th"?1:A(t.props.children)):e,0),v=r=>{for(const e of i.Children.toArray(r)){if(!m(e))continue;if(e.type==="tr")return A(e.props.children);const t=v(e.props.children);if(t!==null)return t}return null},S=(r,e)=>i.Children.map(r,t=>{if(!m(t))return t;let s=t.props.children===void 0?t.props.children:S(t.props.children,e),n;return t.type==="td"&&t.props["data-span"]==="all"&&(n={colSpan:e}),t.type==="th"&&t.props["data-type"]&&(s=f.jsxs("span",{className:j.sortable,children:[s,f.jsx(F.Icon,{"aria-hidden":"true",name:"updown",size:"small",variant:"primary"})]})),n||s!==t.props.children?i.cloneElement(t,n,s):t}),I=(r,e,t,s,n=1)=>{if(t==="text")return r.localeCompare(e,s,{sensitivity:"base"})*n;const l=t==="date"?Date.parse(r):Number.parseFloat(r),c=t==="date"?Date.parse(e):Number.parseFloat(e);return Number.isNaN(l)&&Number.isNaN(c)?0:Number.isNaN(l)?1:Number.isNaN(c)?-1:(l-c)*n},P=({children:r,locale:e,...t})=>{const s=i.useRef(null),n=v(r),l=n&&n>0?S(r,n):r,c=(d,u,o)=>{d.querySelectorAll("th[data-type]").forEach(a=>{a===u?(a.dataset.dir=o,a.setAttribute("aria-sort",o==="asc"?"ascending":"descending")):(delete a.dataset.dir,a.setAttribute("aria-sort","none"))})},q=i.useCallback(d=>{var x,g;const u=s.current;if(!u)return;const o=(x=d.target)==null?void 0:x.closest("th");if(!o)return;const p=u.tHead;if(!p||!p.contains(o))return;const a=o.cellIndex;if(a<0)return;const b=(g=u.tBodies)==null?void 0:g[0];if(!b)return;const y=o.getAttribute("data-type");if(!y)return;const N=o.dataset.dir==="asc"?"desc":"asc";c(p,o,N);const w=N==="asc"?1:-1,C=Array.from(b.rows);C.sort((E,R)=>{var _,h;const T=(((_=E.cells[a])==null?void 0:_.textContent)??"").trim(),z=(((h=R.cells[a])==null?void 0:h.textContent)??"").trim();return I(T,z,y,e,w)}),b.append(...C)},[e]);return f.jsx("table",{className:j.table,onClick:q,ref:s,...t,"data-component":"table",children:l})};exports.Table=P;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\n/**\n * Sortable columns must provide data-type (number or text) in the `th` element.\n */\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type');\n      if (!type) return;\n\n      const dir = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, dir);\n      const mult = dir === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n\n        if (type === 'number') {\n          const an = Number.parseFloat(av);\n          const bn = Number.parseFloat(bv);\n\n          if (Number.isNaN(an) && Number.isNaN(bn)) return 0;\n          if (Number.isNaN(an)) return 1;\n          if (Number.isNaN(bn)) return -1;\n          return (an - bn) * mult;\n        }\n\n        return av.localeCompare(bv, locale, { sensitivity: 'base' }) * mult;\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </table>\n  );\n};\n"],"names":["Table","children","locale","props","ref","useRef","setSortState","thead","active","dir","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","type","getAttribute","mult","rows","Array","from","sort","a","b","av","cells","textContent","trim","bv","an","Number","parseFloat","bn","isNaN","localeCompare","sensitivity","append","jsx","styles"],"mappings":"uKAaaA,EAAQA,CAAC,CAAEC,SAAAA,EAAUC,OAAAA,EAAQ,GAAGC,CAAkB,IAAM,CACnE,MAAMC,EAAMC,EAAAA,OAAgC,IAAI,EAE1CC,EAAeA,CACnBC,EACAC,EACAC,IACG,CACSF,EAAMG,iBAAuC,eAAe,EAEpEC,QAASC,GAAO,CACdA,IAAOJ,GACTI,EAAGC,QAAQJ,IAAMA,EACjBG,EAAGE,aAAa,YAAaL,IAAQ,MAAQ,YAAc,YAAY,IAEvE,OAAOG,EAAGC,QAAQJ,IAClBG,EAAGE,aAAa,YAAa,MAAM,EAEvC,CAAC,CACH,EAEMC,EAAUC,cACbC,GAA0C,SACzC,MAAMC,EAAQd,EAAIe,QAClB,GAAI,CAACD,EAAO,OAEZ,MAAMN,GAAMK,EAAAA,EAAEG,SAAFH,YAAAA,EAAiCI,QAAQ,MACrD,GAAI,CAACT,EAAI,OAET,MAAML,EAAQW,EAAMI,MACpB,GAAI,CAACf,GAAS,CAACA,EAAMgB,SAASX,CAAE,EAAG,OAEnC,MAAMY,EAAMZ,EAAGa,UACf,GAAID,EAAM,EAAG,OAEb,MAAME,GAAQR,EAAAA,EAAMS,UAANT,YAAAA,EAAgB,GAC9B,GAAI,CAACQ,EAAO,OAEZ,MAAME,EAAOhB,EAAGiB,aAAa,WAAW,EACxC,GAAI,CAACD,EAAM,OAEX,MAAMnB,EAAMG,EAAGC,QAAQJ,MAAQ,MAAQ,OAAS,MAChDH,EAAaC,EAAOK,EAAIH,CAAG,EAC3B,MAAMqB,EAAOrB,IAAQ,MAAQ,EAAI,GAE3BsB,EAAOC,MAAMC,KAAKP,EAAMK,IAAI,EAElCA,EAAKG,KAAK,CAACC,EAAGC,IAAM,SAClB,MAAMC,KAAMF,EAAAA,EAAEG,MAAMd,CAAG,IAAXW,YAAAA,EAAcI,cAAe,IAAIC,KAAAA,EACvCC,KAAML,EAAAA,EAAEE,MAAMd,CAAG,IAAXY,YAAAA,EAAcG,cAAe,IAAIC,KAAAA,EAE7C,GAAIZ,IAAS,SAAU,CACrB,MAAMc,EAAKC,OAAOC,WAAWP,CAAE,EACzBQ,EAAKF,OAAOC,WAAWH,CAAE,EAE/B,OAAIE,OAAOG,MAAMJ,CAAE,GAAKC,OAAOG,MAAMD,CAAE,EAAU,EAC7CF,OAAOG,MAAMJ,CAAE,EAAU,EACzBC,OAAOG,MAAMD,CAAE,EAAU,IACrBH,EAAKG,GAAMf,CACrB,CAEA,OAAOO,EAAGU,cAAcN,EAAIvC,EAAQ,CAAE8C,YAAa,MAAA,CAAQ,EAAIlB,CACjE,CAAC,EAEDJ,EAAMuB,OAAO,GAAGlB,CAAI,CACtB,EACA,CAAC7B,CAAM,CACT,EAEA,OACEgD,EAAAA,IAAC,QAAA,CACC,UAAWC,EAAOjC,MAClB,QAAAH,EACA,IAAAX,EACA,GAAID,EAAM,iBAAA,QAETF,SAAAA,CAAAA,CACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\ntype SortType = 'date' | 'number' | 'text';\n\ntype TableChildProps = {\n  children?: React.ReactNode;\n  colSpan?: number;\n  'data-span'?: string;\n  'data-type'?: SortType;\n};\n\nconst isTableElement = (child: React.ReactNode): child is React.ReactElement<TableChildProps> =>\n  isValidElement<TableChildProps>(child);\n\nconst countCells = (children: React.ReactNode): number =>\n  Children.toArray(children).reduce<number>((count, child) => {\n    if (!isTableElement(child)) return count;\n    return (\n      count + (child.type === 'td' || child.type === 'th' ? 1 : countCells(child.props.children))\n    );\n  }, 0);\n\nconst getFirstRowCellCount = (children: React.ReactNode): number | null => {\n  for (const child of Children.toArray(children)) {\n    if (!isTableElement(child)) continue;\n\n    if (child.type === 'tr') return countCells(child.props.children);\n\n    const nestedCount = getFirstRowCellCount(child.props.children);\n    if (nestedCount !== null) return nestedCount;\n  }\n\n  return null;\n};\n\nconst normalizeChildren = (children: React.ReactNode, columnCount: number): React.ReactNode =>\n  Children.map(children, (child) => {\n    if (!isTableElement(child)) return child;\n\n    let nextChildren =\n      child.props.children === undefined\n        ? child.props.children\n        : normalizeChildren(child.props.children, columnCount);\n    let nextProps: Partial<TableChildProps> | undefined;\n\n    if (child.type === 'td' && child.props['data-span'] === 'all') {\n      nextProps = { colSpan: columnCount };\n    }\n\n    if (child.type === 'th' && child.props['data-type']) {\n      nextChildren = (\n        <span className={styles.sortable}>\n          {nextChildren}\n          <Icon\n            aria-hidden='true'\n            name='updown'\n            size='small'\n            variant='primary'\n          />\n        </span>\n      );\n    }\n\n    return nextProps || nextChildren !== child.props.children\n      ? cloneElement(child, nextProps, nextChildren)\n      : child;\n  });\n\n/**\n * Sortable columns must provide data-type (text, number, or date) in the `th` element.\n */\n\nconst compare = (a: string, b: string, type: SortType, locale?: string | string[], dir = 1) => {\n  if (type === 'text') {\n    return a.localeCompare(b, locale, { sensitivity: 'base' }) * dir;\n  }\n\n  const left = type === 'date' ? Date.parse(a) : Number.parseFloat(a);\n  const right = type === 'date' ? Date.parse(b) : Number.parseFloat(b);\n\n  if (Number.isNaN(left) && Number.isNaN(right)) return 0;\n  if (Number.isNaN(left)) return 1;\n  if (Number.isNaN(right)) return -1;\n  return (left - right) * dir;\n};\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n  const columnCount = getFirstRowCellCount(children);\n  const normalizedChildren =\n    columnCount && columnCount > 0 ? normalizeChildren(children, columnCount) : children;\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type') as SortType | null;\n      if (!type) return;\n\n      const direction = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, direction);\n      const dir = direction === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n        return compare(av, bv, type, locale, dir);\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {normalizedChildren}\n    </table>\n  );\n};\n"],"names":["isTableElement","child","isValidElement","countCells","children","Children","toArray","reduce","count","type","props","getFirstRowCellCount","nestedCount","normalizeChildren","columnCount","map","nextChildren","undefined","nextProps","colSpan","jsxs","styles","sortable","jsx","Icon","cloneElement","compare","a","b","locale","dir","localeCompare","sensitivity","left","Date","parse","Number","parseFloat","right","isNaN","Table","ref","useRef","normalizedChildren","setSortState","thead","active","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","getAttribute","direction","rows","Array","from","sort","av","cells","textContent","trim","bv","append"],"mappings":"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"}

package/dist/components/table/index.js

@@ -1,48 +1,68 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { useRef as w, useCallback as F } from "react";
-import '../../assets/index3.css';const j = "_table_k4bpz_1", q = {
-  table: j
-}, E = ({
-  children: C,
-  locale: i,
-  ...g
+import { jsx as _, jsxs as I } from "react/jsx-runtime";
+import { useRef as R, useCallback as T, Children as m, cloneElement as q, isValidElement as B } from "react";
+import { Icon as H } from "../icon/index.js";
+import '../../assets/index3.css';const P = "_table_18uji_1", V = "_sortable_18uji_27", h = {
+  table: P,
+  sortable: V
+}, f = (r) => B(r), v = (r) => m.toArray(r).reduce((e, t) => f(t) ? e + (t.type === "td" || t.type === "th" ? 1 : v(t.props.children)) : e, 0), j = (r) => {
+  for (const e of m.toArray(r)) {
+    if (!f(e)) continue;
+    if (e.type === "tr") return v(e.props.children);
+    const t = j(e.props.children);
+    if (t !== null) return t;
+  }
+  return null;
+}, w = (r, e) => m.map(r, (t) => {
+  if (!f(t)) return t;
+  let s = t.props.children === void 0 ? t.props.children : w(t.props.children, e), n;
+  return t.type === "td" && t.props["data-span"] === "all" && (n = {
+    colSpan: e
+  }), t.type === "th" && t.props["data-type"] && (s = /* @__PURE__ */ I("span", { className: h.sortable, children: [
+    s,
+    /* @__PURE__ */ _(H, { "aria-hidden": "true", name: "updown", size: "small", variant: "primary" })
+  ] })), n || s !== t.props.children ? q(t, n, s) : t;
+}), G = (r, e, t, s, n = 1) => {
+  if (t === "text")
+    return r.localeCompare(e, s, {
+      sensitivity: "base"
+    }) * n;
+  const i = t === "date" ? Date.parse(r) : Number.parseFloat(r), l = t === "date" ? Date.parse(e) : Number.parseFloat(e);
+  return Number.isNaN(i) && Number.isNaN(l) ? 0 : Number.isNaN(i) ? 1 : Number.isNaN(l) ? -1 : (i - l) * n;
+}, M = ({
+  children: r,
+  locale: e,
+  ...t
 }) => {
-  const l = w(null), h = (n, r, t) => {
-    n.querySelectorAll("th[data-type]").forEach((e) => {
-      e === r ? (e.dataset.dir = t, e.setAttribute("aria-sort", t === "asc" ? "ascending" : "descending")) : (delete e.dataset.dir, e.setAttribute("aria-sort", "none"));
+  const s = R(null), n = j(r), i = n && n > 0 ? w(r, n) : r, l = (u, c, o) => {
+    u.querySelectorAll("th[data-type]").forEach((a) => {
+      a === c ? (a.dataset.dir = o, a.setAttribute("aria-sort", o === "asc" ? "ascending" : "descending")) : (delete a.dataset.dir, a.setAttribute("aria-sort", "none"));
     });
-  }, k = F((n) => {
-    var f, N;
-    const r = l.current;
-    if (!r) return;
-    const t = (f = n.target) == null ? void 0 : f.closest("th");
-    if (!t) return;
-    const s = r.tHead;
-    if (!s || !s.contains(t)) return;
-    const e = t.cellIndex;
-    if (e < 0) return;
-    const a = (N = r.tBodies) == null ? void 0 : N[0];
-    if (!a) return;
-    const u = t.getAttribute("data-type");
-    if (!u) return;
-    const b = t.dataset.dir === "asc" ? "desc" : "asc";
-    h(s, t, b);
-    const d = b === "asc" ? 1 : -1, m = Array.from(a.rows);
-    m.sort((v, S) => {
-      var x, A;
-      const p = (((x = v.cells[e]) == null ? void 0 : x.textContent) ?? "").trim(), y = (((A = S.cells[e]) == null ? void 0 : A.textContent) ?? "").trim();
-      if (u === "number") {
-        const o = Number.parseFloat(p), c = Number.parseFloat(y);
-        return Number.isNaN(o) && Number.isNaN(c) ? 0 : Number.isNaN(o) ? 1 : Number.isNaN(c) ? -1 : (o - c) * d;
-      }
-      return p.localeCompare(y, i, {
-        sensitivity: "base"
-      }) * d;
-    }), a.append(...m);
-  }, [i]);
-  return /* @__PURE__ */ _("table", { className: q.table, onClick: k, ref: l, ...g, "data-component": "table", children: C });
+  }, E = T((u) => {
+    var C, x;
+    const c = s.current;
+    if (!c) return;
+    const o = (C = u.target) == null ? void 0 : C.closest("th");
+    if (!o) return;
+    const p = c.tHead;
+    if (!p || !p.contains(o)) return;
+    const a = o.cellIndex;
+    if (a < 0) return;
+    const d = (x = c.tBodies) == null ? void 0 : x[0];
+    if (!d) return;
+    const b = o.getAttribute("data-type");
+    if (!b) return;
+    const N = o.dataset.dir === "asc" ? "desc" : "asc";
+    l(p, o, N);
+    const S = N === "asc" ? 1 : -1, y = Array.from(d.rows);
+    y.sort((z, F) => {
+      var A, g;
+      const k = (((A = z.cells[a]) == null ? void 0 : A.textContent) ?? "").trim(), D = (((g = F.cells[a]) == null ? void 0 : g.textContent) ?? "").trim();
+      return G(k, D, b, e, S);
+    }), d.append(...y);
+  }, [e]);
+  return /* @__PURE__ */ _("table", { className: h.table, onClick: E, ref: s, ...t, "data-component": "table", children: i });
 };
 export {
-  E as Table
+  M as Table
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\n/**\n * Sortable columns must provide data-type (number or text) in the `th` element.\n */\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type');\n      if (!type) return;\n\n      const dir = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, dir);\n      const mult = dir === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n\n        if (type === 'number') {\n          const an = Number.parseFloat(av);\n          const bn = Number.parseFloat(bv);\n\n          if (Number.isNaN(an) && Number.isNaN(bn)) return 0;\n          if (Number.isNaN(an)) return 1;\n          if (Number.isNaN(bn)) return -1;\n          return (an - bn) * mult;\n        }\n\n        return av.localeCompare(bv, locale, { sensitivity: 'base' }) * mult;\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </table>\n  );\n};\n"],"names":["Table","children","locale","props","ref","useRef","setSortState","thead","active","dir","ths","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","type","getAttribute","mult","rows","Array","from","sort","a","b","av","cells","textContent","trim","bv","an","Number","parseFloat","bn","isNaN","localeCompare","sensitivity","append","jsx","styles"],"mappings":";;;;GAaaA,IAAQA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQ,GAAGC;AAAkB,MAAM;AACnE,QAAMC,IAAMC,EAAgC,IAAI,GAE1CC,IAAeA,CACnBC,GACAC,GACAC,MACG;AAGHC,IAFYH,EAAMI,iBAAuC,eAAe,EAEpEC,QAASC,CAAAA,MAAO;AAClB,MAAIA,MAAOL,KACTK,EAAGC,QAAQL,MAAMA,GACjBI,EAAGE,aAAa,aAAaN,MAAQ,QAAQ,cAAc,YAAY,MAEvE,OAAOI,EAAGC,QAAQL,KAClBI,EAAGE,aAAa,aAAa,MAAM;AAAA,IAEvC,CAAC;AAAA,EACH,GAEMC,IAAUC,EACd,CAACC,MAA0C;;AACzC,UAAMC,IAAQf,EAAIgB;AAClB,QAAI,CAACD,EAAO;AAEZ,UAAMN,KAAMK,IAAAA,EAAEG,WAAFH,gBAAAA,EAAiCI,QAAQ;AACrD,QAAI,CAACT,EAAI;AAET,UAAMN,IAAQY,EAAMI;AACpB,QAAI,CAAChB,KAAS,CAACA,EAAMiB,SAASX,CAAE,EAAG;AAEnC,UAAMY,IAAMZ,EAAGa;AACf,QAAID,IAAM,EAAG;AAEb,UAAME,KAAQR,IAAAA,EAAMS,YAANT,gBAAAA,EAAgB;AAC9B,QAAI,CAACQ,EAAO;AAEZ,UAAME,IAAOhB,EAAGiB,aAAa,WAAW;AACxC,QAAI,CAACD,EAAM;AAEX,UAAMpB,IAAMI,EAAGC,QAAQL,QAAQ,QAAQ,SAAS;AAChDH,IAAAA,EAAaC,GAAOM,GAAIJ,CAAG;AAC3B,UAAMsB,IAAOtB,MAAQ,QAAQ,IAAI,IAE3BuB,IAAOC,MAAMC,KAAKP,EAAMK,IAAI;AAElCA,IAAAA,EAAKG,KAAK,CAACC,GAAGC,MAAM;;AAClB,YAAMC,OAAMF,IAAAA,EAAEG,MAAMd,CAAG,MAAXW,gBAAAA,EAAcI,gBAAe,IAAIC,KAAAA,GACvCC,OAAML,IAAAA,EAAEE,MAAMd,CAAG,MAAXY,gBAAAA,EAAcG,gBAAe,IAAIC,KAAAA;AAE7C,UAAIZ,MAAS,UAAU;AACrB,cAAMc,IAAKC,OAAOC,WAAWP,CAAE,GACzBQ,IAAKF,OAAOC,WAAWH,CAAE;AAE/B,eAAIE,OAAOG,MAAMJ,CAAE,KAAKC,OAAOG,MAAMD,CAAE,IAAU,IAC7CF,OAAOG,MAAMJ,CAAE,IAAU,IACzBC,OAAOG,MAAMD,CAAE,IAAU,MACrBH,IAAKG,KAAMf;AAAAA,MACrB;AAEA,aAAOO,EAAGU,cAAcN,GAAIxC,GAAQ;AAAA,QAAE+C,aAAa;AAAA,MAAA,CAAQ,IAAIlB;AAAAA,IACjE,CAAC,GAEDJ,EAAMuB,OAAO,GAAGlB,CAAI;AAAA,EACtB,GACA,CAAC9B,CAAM,CACT;AAEA,SACE,gBAAAiD,EAAC,SAAA,EACC,WAAWC,EAAOjC,OAClB,SAAAH,GACA,KAAAZ,GACA,GAAID,GAAM,kBAAA,SAETF,UAAAA,EAAAA,CACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\ntype SortType = 'date' | 'number' | 'text';\n\ntype TableChildProps = {\n  children?: React.ReactNode;\n  colSpan?: number;\n  'data-span'?: string;\n  'data-type'?: SortType;\n};\n\nconst isTableElement = (child: React.ReactNode): child is React.ReactElement<TableChildProps> =>\n  isValidElement<TableChildProps>(child);\n\nconst countCells = (children: React.ReactNode): number =>\n  Children.toArray(children).reduce<number>((count, child) => {\n    if (!isTableElement(child)) return count;\n    return (\n      count + (child.type === 'td' || child.type === 'th' ? 1 : countCells(child.props.children))\n    );\n  }, 0);\n\nconst getFirstRowCellCount = (children: React.ReactNode): number | null => {\n  for (const child of Children.toArray(children)) {\n    if (!isTableElement(child)) continue;\n\n    if (child.type === 'tr') return countCells(child.props.children);\n\n    const nestedCount = getFirstRowCellCount(child.props.children);\n    if (nestedCount !== null) return nestedCount;\n  }\n\n  return null;\n};\n\nconst normalizeChildren = (children: React.ReactNode, columnCount: number): React.ReactNode =>\n  Children.map(children, (child) => {\n    if (!isTableElement(child)) return child;\n\n    let nextChildren =\n      child.props.children === undefined\n        ? child.props.children\n        : normalizeChildren(child.props.children, columnCount);\n    let nextProps: Partial<TableChildProps> | undefined;\n\n    if (child.type === 'td' && child.props['data-span'] === 'all') {\n      nextProps = { colSpan: columnCount };\n    }\n\n    if (child.type === 'th' && child.props['data-type']) {\n      nextChildren = (\n        <span className={styles.sortable}>\n          {nextChildren}\n          <Icon\n            aria-hidden='true'\n            name='updown'\n            size='small'\n            variant='primary'\n          />\n        </span>\n      );\n    }\n\n    return nextProps || nextChildren !== child.props.children\n      ? cloneElement(child, nextProps, nextChildren)\n      : child;\n  });\n\n/**\n * Sortable columns must provide data-type (text, number, or date) in the `th` element.\n */\n\nconst compare = (a: string, b: string, type: SortType, locale?: string | string[], dir = 1) => {\n  if (type === 'text') {\n    return a.localeCompare(b, locale, { sensitivity: 'base' }) * dir;\n  }\n\n  const left = type === 'date' ? Date.parse(a) : Number.parseFloat(a);\n  const right = type === 'date' ? Date.parse(b) : Number.parseFloat(b);\n\n  if (Number.isNaN(left) && Number.isNaN(right)) return 0;\n  if (Number.isNaN(left)) return 1;\n  if (Number.isNaN(right)) return -1;\n  return (left - right) * dir;\n};\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n  const columnCount = getFirstRowCellCount(children);\n  const normalizedChildren =\n    columnCount && columnCount > 0 ? normalizeChildren(children, columnCount) : children;\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type') as SortType | null;\n      if (!type) return;\n\n      const direction = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, direction);\n      const dir = direction === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n        return compare(av, bv, type, locale, dir);\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {normalizedChildren}\n    </table>\n  );\n};\n"],"names":["isTableElement","child","isValidElement","countCells","children","Children","toArray","reduce","count","type","props","getFirstRowCellCount","nestedCount","normalizeChildren","columnCount","map","nextChildren","undefined","nextProps","colSpan","jsxs","styles","sortable","jsx","Icon","cloneElement","compare","a","b","locale","dir","localeCompare","sensitivity","left","Date","parse","Number","parseFloat","right","isNaN","Table","ref","useRef","normalizedChildren","setSortState","thead","active","ths","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","getAttribute","direction","rows","Array","from","sort","av","cells","textContent","trim","bv","append"],"mappings":"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"}

package/dist/index.d.ts

@@ -406,9 +406,6 @@ declare type SortItem = {
     weight: number;
 };
 
-/**
- * Sortable columns must provide data-type (number or text) in the `th` element.
- */
 export declare const Table: ({ children, locale, ...props }: TableProps) => JSX.Element;
 
 declare type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.3.31",
+  "version": "0.3.33",
   "type": "module",
   "scripts": {
     "dev": "vite build --watch",