@adam-milo/ui 1.0.20 → 1.0.22

package/dist/index13.js

@@ -1,42 +1,42 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { cn as f } from "./index17.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index17.js";
 /* empty css        */
-const h = m(
+const Chip = forwardRef(
   ({
-    variant: a = "primary",
-    selected: s = !1,
-    disabled: p = !1,
-    className: t,
-    children: i,
-    "data-testid": c,
-    "data-cy": r,
-    ...o
-  }, d) => {
-    const l = f(
+    variant = "primary",
+    selected = false,
+    disabled = false,
+    className,
+    children,
+    "data-testid": dataTestId,
+    "data-cy": dataCy,
+    ...props
+  }, ref) => {
+    const classes = cn(
       "chip",
-      `chip--${a}`,
-      s && "chip--selected",
-      p && "chip--disabled",
-      t
+      `chip--${variant}`,
+      selected && "chip--selected",
+      disabled && "chip--disabled",
+      className
     );
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        ref: d,
-        className: l,
-        "data-testid": c || `chip-${a}`,
-        "data-cy": r || `chip-${a}`,
-        "aria-selected": s,
-        "aria-disabled": p,
-        "aria-label": typeof i == "string" ? i : void 0,
-        ...o,
-        children: /* @__PURE__ */ e("span", { className: "chip__label", children: i })
+        ref,
+        className: classes,
+        "data-testid": dataTestId || `chip-${variant}`,
+        "data-cy": dataCy || `chip-${variant}`,
+        "aria-selected": selected,
+        "aria-disabled": disabled,
+        "aria-label": typeof children === "string" ? children : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsx("span", { className: "chip__label", children })
       }
     );
   }
 );
-h.displayName = "Chip";
+Chip.displayName = "Chip";
 export {
-  h as Chip
+  Chip
 };

package/dist/index14.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),n=require("react"),P=require("./index17.cjs"),z=require("./index13.cjs");;/* empty css          */const K=require("@adam-milo/icons"),V=(t,c,a)=>{if(!t)return .5*c;const u=t.match(/^([\d.]+)(px|rem|em)?/);if(!u)return .5*c;const l=parseFloat(u[1]);switch(u[2]||"px"){case"px":return l;case"rem":return l*c;case"em":return l*a;default:return .5*c}},U=(t,c,a,u,l)=>{let y=0,s=0;for(let d=0;d<t.length;d++){const k=t[d],E=c.get(k.value)||0;if(E===0){s++;break}const I=d>0?u:0,_=y+I+E;if(d<t.length-1){if(_+u+l>a&&s>0)break}else if(_>a&&s>0)break;y=_,s++}return Math.max(1,s)},B=(t,c)=>{const a=n.useRef();return n.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),n.useCallback((...l)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>t(...l),c)},[t,c])},J=(t,c,a,u,l)=>{const[y,s]=n.useState(t.length),d=n.useCallback(()=>{if(l!==void 0){s(Math.min(l,t.length));return}const g=c.current;if(!g)return;const b=g.clientWidth,h=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,j=window.getComputedStyle(g),x=j.gap,R=parseFloat(j.fontSize)||16,N=V(x,h,R),D=3.75*h;for(let w=0;w<t.length;w++){const m=t[w],$=a.current[w];$&&u.current.set(m.value,$.offsetWidth)}const C=U(t,u.current,b,N,D);s(C)},[t,l,c,a,u]),k=B(d,100);n.useEffect(()=>{a.current.length>t.length&&(a.current=a.current.slice(0,t.length));const g=new Set(t.map(b=>b.value));u.current.forEach((b,h)=>{g.has(h)||u.current.delete(h)}),l===void 0&&(t.some(h=>!u.current.has(h.value))?s(t.length):setTimeout(d,0))},[t,l,d,a,u]),n.useEffect(()=>{const g=c.current;if(!g)return;const b=new ResizeObserver(()=>{k()});return b.observe(g),setTimeout(d,0),()=>{b.disconnect()}},[d,k,c]);const E=t.slice(0,y),I=t.slice(y),_=I.length>0;return{visibleCount:y,visibleItems:E,hiddenItems:I,hasOverflow:_}},A=n.forwardRef(({items:t,selectedValue:c,onSelectionChange:a,removable:u=!1,onRemove:l,variant:y="primary",disabled:s=!1,maxVisible:d,className:k,"data-testid":E,"data-cy":I,..._},g)=>{const h=(t&&Array.isArray(t)?t:[]).filter(e=>e!=null&&typeof e=="object"),j=n.useRef(null),x=n.useRef([]),R=n.useRef(new Map),N=n.useRef(null),[q,D]=n.useState(!1),[C,w]=n.useState(!1),m=n.useRef([]),{visibleItems:$,hiddenItems:f,hasOverflow:F}=J(h,j,x,R,d),O=n.useCallback((e,o,r)=>{s||o||a&&a(c===e?null:e,r)},[s,c,a]),L=n.useCallback((e,o)=>{e.stopPropagation(),!s&&l&&l(o,e)},[s,l]),W=n.useCallback((e,o,r)=>{s||r||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),O(o,r,e))},[s,O]),G=n.useCallback(e=>{e.stopPropagation(),w(o=>!o),D(!1)},[]),H=n.useCallback((e,o)=>{var r,i,S,v;switch(e.key){case"ArrowDown":e.preventDefault(),o<f.length-1&&((r=m.current[o+1])==null||r.focus());break;case"ArrowUp":e.preventDefault(),o>0&&((i=m.current[o-1])==null||i.focus());break;case"Home":e.preventDefault(),(S=m.current[0])==null||S.focus();break;case"End":e.preventDefault(),(v=m.current[f.length-1])==null||v.focus();break}},[f.length]),T=n.useRef(),M=n.useRef();return n.useEffect(()=>{T.current=e=>{N.current&&!N.current.contains(e.target)&&w(!1)},M.current=e=>{e.key==="Escape"&&w(!1)}}),n.useEffect(()=>{if(!C)return;const e=r=>{var i;return(i=T.current)==null?void 0:i.call(T,r)},o=r=>{var i;return(i=M.current)==null?void 0:i.call(M,r)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",o),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",o)}},[C]),n.useEffect(()=>{if(process.env.NODE_ENV==="development"&&h.length>0){const e=h.map(r=>r.value),o=new Set(e);e.length!==o.size&&console.warn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[h]),n.useEffect(()=>{m.current.length>f.length&&(m.current=m.current.slice(0,f.length))},[f]),!t||!Array.isArray(t)?null:p.jsxs("div",{ref:g,className:P.cn("chip-group",s&&"chip-group--disabled",k),role:"group","aria-label":"Chip group","data-testid":E||"chip-group","data-cy":I||"chip-group",..._,children:[F&&p.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[f.length," additional ",f.length===1?"chip":"chips"," hidden"]}),p.jsxs("div",{ref:j,className:"chip-group__container",children:[$.map(e=>{const o=c===e.value,r=e.variant||y,i=s||e.disabled||!1,S=h.findIndex(v=>v.value===e.value);return p.jsx("div",{ref:v=>{v?x.current[S]=v:x.current[S]=null},className:"chip-group__item-wrapper","data-cy":`chip-group-item-wrapper-${e.value}`,"data-testid":`chip-group-item-wrapper-${e.value}`,children:p.jsxs("div",{className:"chip-group__item",onClick:v=>O(e.value,i,v),onKeyDown:v=>W(v,e.value,i),tabIndex:i?-1:0,role:"button","aria-pressed":o?"true":"false","aria-disabled":i?"true":"false","data-cy":`chip-group-item-${e.value}`,"data-testid":`chip-group-item-${e.value}`,children:[p.jsx(z.Chip,{variant:r,selected:o,disabled:i,"data-cy":`chip-${e.value}`,"data-testid":`chip-${e.value}`,children:e.label}),u&&!s&&!i&&p.jsx("button",{className:"chip-group__remove",onClick:v=>L(v,e.value),"aria-label":`Remove ${e.label}`,"data-cy":`chip-remove-${e.value}`,"data-testid":`chip-remove-${e.value}`,type:"button",children:p.jsx(K.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},e.value)}),F&&p.jsxs("div",{ref:N,className:"chip-group__overflow",role:"button",tabIndex:0,"aria-expanded":C?"true":"false","aria-haspopup":"menu","aria-label":`Show ${f.length} more ${f.length===1?"chip":"chips"}`,onMouseEnter:()=>!C&&D(!0),onMouseLeave:()=>D(!1),onClick:G,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),w(!C),D(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[p.jsxs(z.Chip,{variant:y,"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",f.length]}),q&&!C&&p.jsx("div",{className:"chip-group__tooltip chip-group__tooltip--hover",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:f.map(e=>p.jsx("div",{className:"chip-group__tooltip-item","data-cy":`chip-group-tooltip-item-${e.value}`,"data-testid":`chip-group-tooltip-item-${e.value}`,children:e.label},e.value))}),C&&p.jsx("div",{className:"chip-group__dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:f.map((e,o)=>p.jsx("div",{ref:r=>{r?m.current[o]=r:m.current[o]=null},className:P.cn("chip-group__dropdown-item",e.disabled&&"chip-group__dropdown-item--disabled"),role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled?"true":"false",onClick:r=>{r.stopPropagation(),e.disabled||(O(e.value,!1,r),w(!1))},onKeyDown:r=>{H(r,o),(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),r.stopPropagation(),e.disabled||(O(e.value,!1,r),w(!1)))},"data-cy":`chip-group-dropdown-item-${e.value}`,"data-testid":`chip-group-dropdown-item-${e.value}`,children:e.label},e.value))})]})]})]})});A.displayName="ChipGroup";exports.ChipGroup=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index17.cjs"),a=require("./index13.cjs");;/* empty css          */const i=require("./index30.cjs"),n=require("@adam-milo/icons"),l=(e,r,a,i,n)=>{const[l,o]=t.useState(e.length),u=t.useCallback(()=>{if(void 0!==n)return void o(Math.min(n,e.length));const t=r.current;if(!t)return;const l=t.clientWidth,u=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,s=window.getComputedStyle(t),c=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const i=parseFloat(a[1]);switch(a[2]||"px"){case"px":return i;case"rem":return i*t;case"em":return i*r;default:return.5*t}})(s.gap,u,parseFloat(s.fontSize)||16),d=3.75*u;for(let r=0;r<e.length;r++){const t=e[r],n=a.current[r];n&&i.current.set(t.value,n.offsetWidth)}const p=((e,t,r,a,i)=>{let n=0,l=0;for(let o=0;o<e.length;o++){const u=e[o],s=t.get(u.value)||0;if(0===s){l++;break}const c=n+(o>0?a:0)+s;if(o<e.length-1){if(c+a+i>r&&l>0)break}else if(c>r&&l>0)break;n=c,l++}return Math.max(1,l)})(e,i.current,l,c,d);o(p)},[e,n,r,a,i]),s=((e,r)=>{const a=t.useRef();return t.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),t.useCallback((...t)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...t),r)},[e,r])})(u,100);t.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(i.current.forEach((e,r)=>{t.has(r)||i.current.delete(r)}),void 0===n){e.some(e=>!i.current.has(e.value))?o(e.length):setTimeout(u,0)}},[e,n,u,a,i]),t.useEffect(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{s()});return t.observe(e),setTimeout(u,0),()=>{t.disconnect()}},[u,s,r]);const c=e.slice(0,l),d=e.slice(l);return{visibleCount:l,visibleItems:c,hiddenItems:d,hasOverflow:d.length>0}},o=t.forwardRef(({items:o,selectedValue:u,onSelectionChange:s,removable:c=!1,onRemove:d,variant:p="primary",disabled:h=!1,maxVisible:v,className:m,"data-testid":f,"data-cy":g,...b},y)=>{const w=(o&&Array.isArray(o)?o:[]).filter(e=>null!=e&&"object"==typeof e),x=t.useRef(null),k=t.useRef([]),_=t.useRef(new Map),C=t.useRef(null),[E,j]=t.useState(!1),[N,$]=t.useState(!1),D=t.useRef([]),{visibleItems:S,hiddenItems:R,hasOverflow:I}=l(w,x,k,_,v),q=t.useCallback((e,t,r)=>{if(!h&&!t&&s){s(u===e?null:e,r)}},[h,u,s]),A=t.useCallback((e,t)=>{e.stopPropagation(),h||d&&d(t,e)},[h,d]),M=t.useCallback((e,t,r)=>{h||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),q(t,r,e))},[h,q]),P=t.useCallback(e=>{e.stopPropagation(),$(e=>!e),j(!1)},[]),T=t.useCallback((e,t)=>{var r,a,i,n;switch(e.key){case"ArrowDown":e.preventDefault(),t<R.length-1&&(null==(r=D.current[t+1])||r.focus());break;case"ArrowUp":e.preventDefault(),t>0&&(null==(a=D.current[t-1])||a.focus());break;case"Home":e.preventDefault(),null==(i=D.current[0])||i.focus();break;case"End":e.preventDefault(),null==(n=D.current[R.length-1])||n.focus()}},[R.length]),z=t.useRef(),L=t.useRef();return t.useEffect(()=>{z.current=e=>{C.current&&!C.current.contains(e.target)&&$(!1)},L.current=e=>{"Escape"===e.key&&$(!1)}}),t.useEffect(()=>{if(!N)return;const e=e=>{var t;return null==(t=z.current)?void 0:t.call(z,e)},t=e=>{var t;return null==(t=L.current)?void 0:t.call(L,e)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[N]),t.useEffect(()=>{if("development"===process.env.NODE_ENV&&w.length>0){const e=w.map(e=>e.value),t=new Set(e);e.length!==t.size&&i.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[w]),t.useEffect(()=>{D.current.length>R.length&&(D.current=D.current.slice(0,R.length))},[R]),o&&Array.isArray(o)?e.jsxs("div",{ref:y,className:r.cn("chip-group",h&&"chip-group--disabled",m),role:"group","aria-label":"Chip group","data-testid":f||"chip-group","data-cy":g||"chip-group",...b,children:[I&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[R.length," additional ",1===R.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:x,className:"chip-group__container",children:[S.map(t=>{const r=u===t.value,i=t.variant||p,l=h||t.disabled||!1,o=w.findIndex(e=>e.value===t.value);return e.jsx("div",{ref:e=>{k.current[o]=e||null},className:"chip-group__item-wrapper","data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:e.jsxs("div",{className:"chip-group__item",onClick:e=>q(t.value,l,e),onKeyDown:e=>M(e,t.value,l),tabIndex:l?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":l?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[e.jsx(a.Chip,{variant:i,selected:r,disabled:l,"data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),c&&!h&&!l&&e.jsx("button",{className:"chip-group__remove",onClick:e=>A(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:e.jsx(n.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),I&&e.jsxs("div",{ref:C,className:"chip-group__overflow",role:"button",tabIndex:0,"aria-expanded":N?"true":"false","aria-haspopup":"menu","aria-label":`Show ${R.length} more ${1===R.length?"chip":"chips"}`,onMouseEnter:()=>!N&&j(!0),onMouseLeave:()=>j(!1),onClick:P,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),$(!N),j(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:p,"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",R.length]}),E&&!N&&e.jsx("div",{className:"chip-group__tooltip chip-group__tooltip--hover",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:R.map(t=>e.jsx("div",{className:"chip-group__tooltip-item","data-cy":`chip-group-tooltip-item-${t.value}`,"data-testid":`chip-group-tooltip-item-${t.value}`,children:t.label},t.value))}),N&&e.jsx("div",{className:"chip-group__dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:R.map((t,a)=>e.jsx("div",{ref:e=>{D.current[a]=e||null},className:r.cn("chip-group__dropdown-item",t.disabled&&"chip-group__dropdown-item--disabled"),role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":"false",onClick:e=>{e.stopPropagation(),t.disabled||(q(t.value,!1,e),$(!1))},onKeyDown:e=>{T(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),t.disabled||(q(t.value,!1,e),$(!1)))},"data-cy":`chip-group-dropdown-item-${t.value}`,"data-testid":`chip-group-dropdown-item-${t.value}`,children:t.label},t.value))})]})]})]}):null});o.displayName="ChipGroup",exports.ChipGroup=o;