@zag-js/accordion - npm Package Compare versions

Comparing version 0.0.0-dev-20220408111010 to 0.0.0-dev-20220408120729

dist/accordion.types.d.ts

@@ -29,3 +29,5 @@ import type { StateMachine as S } from "@zag-js/core";
      */
-    onChange?: (value: string | string[] | null) => void;
+    onChange?: (details: {
+        value: string | string[] | null;
+    }) => void;
 }>;
@@ -32,0 +34,0 @@ export declare type MachineState = {

dist/index.js

@@ -1,2 +0,2 @@
-var m=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var W=e=>m(e,"__esModule",{value:!0});var U=(e,t)=>{for(var n in t)m(e,n,{get:t[n],enumerable:!0})},q=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of H(t))!_.call(e,l)&&(n||l!=="default")&&m(e,l,{get:()=>t[l],enumerable:!(i=N(t,l))||i.enumerable});return e};var K=(e=>(t,n)=>e&&e.get(t)||(n=q(W({}),t,1),e&&e.set(t,n),n))(typeof WeakMap!="undefined"?new WeakMap:0);var Q={};U(Q,{connect:()=>D,machine:()=>O});var c=e=>e?"":void 0;var te=(()=>{let e=0;return()=>(e++,e.toString(36))})();var ne=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","embed","iframe","object","a[href]","area[href]","[tabindex]","audio[controls]","video[controls]","*[tabindex]:not([aria-disabled])","[contenteditable]:not([contenteditable=false])","details > summary:first-of-type"].join(",");var h={ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft",Home:"End",End:"Home"},z={Up:"ArrowUp",Down:"ArrowDown",Esc:"Escape"," ":"Space",",":"Comma",Left:"ArrowLeft",Right:"ArrowRight"};function w(e,t={}){var n;let{dir:i="ltr",orientation:l="horizontal"}=t,{key:s}=e;return s=(n=z[s])!=null?n:s,i==="rtl"&&l==="horizontal"&&s in h&&(s=h[s]),s}function b(e,t){var n;return Array.from((n=e==null?void 0:e.querySelectorAll(t))!=null?n:[])}function B(e,t){return e.find(n=>n.id===t)}function E(e,t){let n=B(e,t);return n?e.indexOf(n):-1}function k(e,t,n=!0){let i=E(e,t);return i=n?(i+1)%e.length:Math.min(i+1,e.length-1),e[i]}function L(e,t,n=!0){let i=E(e,t);return i===-1?n?e[e.length-1]:null:(i=n?(i-1+e.length)%e.length:Math.max(0,i-1),e[i])}function j(e){return{button:e,label:e,input:e,output:e,element:e}}var T=j(e=>e);function v(e){return e?Array.isArray(e)?e:[e]:[]}var x=e=>e[0],A=e=>e[e.length-1];var P=(e,...t)=>e.concat(t),S=(e,t)=>$(e,e.indexOf(t)),$=(e,t)=>(t>-1&&e.splice(t,1),e);var ie=(()=>{let e=0;return()=>(e++,e.toString(36))})();var Y=e=>X()&&e.test(navigator.userAgent);var X=()=>typeof window!="undefined";var I=()=>Y(/^((?!chrome|android).)*safari/i);var C=e=>Array.isArray(e);var M=e=>typeof e=="string";function V(...e){let t=e.length===1?e[0]:e[1],n=e.length===2?e[0]:!0}var r={getDoc:e=>{var t;return(t=e.doc)!=null?t:document},getRootId:e=>`accordion-${e.uid}`,getGroupId:(e,t)=>`accordion-${e.uid}-item-${t}`,getContentId:(e,t)=>`accordion-${e.uid}-content-${t}`,getTriggerId:(e,t)=>`accordion-${e.uid}-trigger-${t}`,getRootEl:e=>r.getDoc(e).getElementById(r.getRootId(e)),getTriggers:e=>{let n=`[aria-controls][data-ownedby='${CSS.escape(r.getRootId(e))}']:not([disabled])`;return b(r.getRootEl(e),n)},getFirstTriggerEl:e=>x(r.getTriggers(e)),getLastTriggerEl:e=>A(r.getTriggers(e)),getNextTriggerEl:(e,t)=>k(r.getTriggers(e),r.getTriggerId(e,t)),getPrevTriggerEl:(e,t)=>L(r.getTriggers(e),r.getTriggerId(e,t))};function D(e,t,n=T){let i=e.context.focusedValue,l=e.context.value,s=e.context.multiple,p={value:l,setValue(o){s&&!Array.isArray(o)&&(o=[o]),t({type:"SET_VALUE",value:o})},rootProps:n.element({"data-part":"root",id:r.getRootId(e.context)}),getItemState(o){var a;return{isOpen:C(l)?l.includes(o.value):o.value===l,isFocused:i===o.value,isDisabled:(a=o.disabled)!=null?a:e.context.disabled}},getItemProps(o){let{isOpen:a,isFocused:u}=p.getItemState(o);return n.element({"data-part":"item",id:r.getGroupId(e.context,o.value),"data-expanded":c(a),"data-focus":c(u)})},getContentProps(o){let{isOpen:a,isFocused:u,isDisabled:g}=p.getItemState(o);return n.element({"data-part":"content",role:"region",id:r.getContentId(e.context,o.value),"aria-labelledby":r.getTriggerId(e.context,o.value),hidden:!a,"data-disabled":c(g),"data-focus":c(u),"data-expanded":c(a)})},getTriggerProps(o){let{value:a}=o,{isDisabled:u,isOpen:g}=p.getItemState(o);return n.button({"data-part":"trigger",type:"button",id:r.getTriggerId(e.context,a),"aria-controls":r.getContentId(e.context,a),"aria-expanded":g,disabled:u,"aria-disabled":u,"data-expanded":c(g),"data-ownedby":r.getRootId(e.context),onFocus(){u||t({type:"FOCUS",value:a})},onBlur(){u||t("BLUR")},onClick(f){u||(I()&&f.currentTarget.focus(),t({type:"CLICK",value:a}))},onKeyDown(f){if(u)return;let R={ArrowDown(){t({type:"ARROW_DOWN",value:a})},ArrowUp(){t({type:"ARROW_UP",value:a})},Home(){t({type:"HOME",value:a})},End(){t({type:"END",value:a})}},F=w(f,{dir:e.context.dir,orientation:"vertical"}),y=R[F];y&&(y(f),f.preventDefault())}})}};return p}var d=require("@zag-js/core");var{and:G,not:Z}=d.guards,J="[accordion/invalid-value] Expected value for multiple accordion to be an 'array' but received 'string'. Value will be coarsed to 'array'",O=(0,d.createMachine)({id:"accordion-machine",initial:"unknown",context:{focusedValue:null,value:null,uid:"",collapsible:!1,multiple:!1},watch:{value:["checkValue","invokeOnChange"]},created:["checkValue"],on:{SET_VALUE:{actions:"setValue"}},states:{unknown:{on:{SETUP:{target:"idle",actions:"setupDocument"}}},idle:{on:{FOCUS:{target:"focused",actions:"setFocusedValue"}}},focused:{on:{ARROW_DOWN:{actions:"focusNext"},ARROW_UP:{actions:"focusPrev"},CLICK:[{guard:G("isExpanded","canToggle"),actions:"collapse"},{guard:Z("isExpanded"),actions:"expand"}],HOME:{actions:"focusFirst"},END:{actions:"focusLast"},BLUR:{target:"idle",actions:"clearFocusedValue"}}}}},{guards:{canToggle:e=>!!e.collapsible||!!e.multiple,isExpanded:(e,t)=>e.multiple&&Array.isArray(e.value)?e.value.includes(t.value):e.value===t.value},actions:{invokeOnChange(e){var t;(t=e.onChange)==null||t.call(e,e.value)},collapse(e,t){e.value=e.multiple?S(v(e.value),t.value):null},expand(e,t){e.value=e.multiple?P(v(e.value),t.value):t.value},focusFirst(e){var t;(t=r.getFirstTriggerEl(e))==null||t.focus()},focusLast(e){var t;(t=r.getLastTriggerEl(e))==null||t.focus()},focusNext(e){if(!e.focusedValue)return;let t=r.getNextTriggerEl(e,e.focusedValue);t==null||t.focus()},focusPrev(e){if(!e.focusedValue)return;let t=r.getPrevTriggerEl(e,e.focusedValue);t==null||t.focus()},setFocusedValue(e,t){e.focusedValue=t.value},clearFocusedValue(e){e.focusedValue=null},setupDocument(e,t){t.doc&&(e.doc=(0,d.ref)(t.doc)),e.uid=t.id},setValue(e,t){e.value=t.value},checkValue(e){e.multiple&&M(e.value)?(V(J),e.value=[e.value]):!e.multiple&&Array.isArray(e.value)&&(e.value=e.value[0])}}});module.exports=K(Q);
+var m=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var U=e=>m(e,"__esModule",{value:!0});var W=(e,t)=>{for(var n in t)m(e,n,{get:t[n],enumerable:!0})},q=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of H(t))!_.call(e,l)&&(n||l!=="default")&&m(e,l,{get:()=>t[l],enumerable:!(i=N(t,l))||i.enumerable});return e};var K=(e=>(t,n)=>e&&e.get(t)||(n=q(U({}),t,1),e&&e.set(t,n),n))(typeof WeakMap!="undefined"?new WeakMap:0);var Q={};W(Q,{connect:()=>D,machine:()=>O});var c=e=>e?"":void 0;var te=(()=>{let e=0;return()=>(e++,e.toString(36))})();var ne=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","embed","iframe","object","a[href]","area[href]","[tabindex]","audio[controls]","video[controls]","*[tabindex]:not([aria-disabled])","[contenteditable]:not([contenteditable=false])","details > summary:first-of-type"].join(",");var h={ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft",Home:"End",End:"Home"},z={Up:"ArrowUp",Down:"ArrowDown",Esc:"Escape"," ":"Space",",":"Comma",Left:"ArrowLeft",Right:"ArrowRight"};function w(e,t={}){var n;let{dir:i="ltr",orientation:l="horizontal"}=t,{key:s}=e;return s=(n=z[s])!=null?n:s,i==="rtl"&&l==="horizontal"&&s in h&&(s=h[s]),s}function b(e,t){var n;return Array.from((n=e==null?void 0:e.querySelectorAll(t))!=null?n:[])}function B(e,t){return e.find(n=>n.id===t)}function E(e,t){let n=B(e,t);return n?e.indexOf(n):-1}function k(e,t,n=!0){let i=E(e,t);return i=n?(i+1)%e.length:Math.min(i+1,e.length-1),e[i]}function L(e,t,n=!0){let i=E(e,t);return i===-1?n?e[e.length-1]:null:(i=n?(i-1+e.length)%e.length:Math.max(0,i-1),e[i])}function j(e){return{button:e,label:e,input:e,output:e,element:e}}var T=j(e=>e);function v(e){return e?Array.isArray(e)?e:[e]:[]}var x=e=>e[0],A=e=>e[e.length-1];var P=(e,...t)=>e.concat(t),S=(e,t)=>$(e,e.indexOf(t)),$=(e,t)=>(t>-1&&e.splice(t,1),e);var ie=(()=>{let e=0;return()=>(e++,e.toString(36))})();var Y=e=>X()&&e.test(navigator.userAgent);var X=()=>typeof window!="undefined";var I=()=>Y(/^((?!chrome|android).)*safari/i);var C=e=>Array.isArray(e);var M=e=>typeof e=="string";function V(...e){let t=e.length===1?e[0]:e[1],n=e.length===2?e[0]:!0}var r={getDoc:e=>{var t;return(t=e.doc)!=null?t:document},getRootId:e=>`accordion-${e.uid}`,getGroupId:(e,t)=>`accordion-${e.uid}-item-${t}`,getContentId:(e,t)=>`accordion-${e.uid}-content-${t}`,getTriggerId:(e,t)=>`accordion-${e.uid}-trigger-${t}`,getRootEl:e=>r.getDoc(e).getElementById(r.getRootId(e)),getTriggers:e=>{let n=`[aria-controls][data-ownedby='${CSS.escape(r.getRootId(e))}']:not([disabled])`;return b(r.getRootEl(e),n)},getFirstTriggerEl:e=>x(r.getTriggers(e)),getLastTriggerEl:e=>A(r.getTriggers(e)),getNextTriggerEl:(e,t)=>k(r.getTriggers(e),r.getTriggerId(e,t)),getPrevTriggerEl:(e,t)=>L(r.getTriggers(e),r.getTriggerId(e,t))};function D(e,t,n=T){let i=e.context.focusedValue,l=e.context.value,s=e.context.multiple,p={value:l,setValue(o){s&&!Array.isArray(o)&&(o=[o]),t({type:"SET_VALUE",value:o})},rootProps:n.element({"data-part":"root",id:r.getRootId(e.context)}),getItemState(o){var a;return{isOpen:C(l)?l.includes(o.value):o.value===l,isFocused:i===o.value,isDisabled:(a=o.disabled)!=null?a:e.context.disabled}},getItemProps(o){let{isOpen:a,isFocused:u}=p.getItemState(o);return n.element({"data-part":"item",id:r.getGroupId(e.context,o.value),"data-expanded":c(a),"data-focus":c(u)})},getContentProps(o){let{isOpen:a,isFocused:u,isDisabled:g}=p.getItemState(o);return n.element({"data-part":"content",role:"region",id:r.getContentId(e.context,o.value),"aria-labelledby":r.getTriggerId(e.context,o.value),hidden:!a,"data-disabled":c(g),"data-focus":c(u),"data-expanded":c(a)})},getTriggerProps(o){let{value:a}=o,{isDisabled:u,isOpen:g}=p.getItemState(o);return n.button({"data-part":"trigger",type:"button",id:r.getTriggerId(e.context,a),"aria-controls":r.getContentId(e.context,a),"aria-expanded":g,disabled:u,"aria-disabled":u,"data-expanded":c(g),"data-ownedby":r.getRootId(e.context),onFocus(){u||t({type:"FOCUS",value:a})},onBlur(){u||t("BLUR")},onClick(f){u||(I()&&f.currentTarget.focus(),t({type:"CLICK",value:a}))},onKeyDown(f){if(u)return;let R={ArrowDown(){t({type:"ARROW_DOWN",value:a})},ArrowUp(){t({type:"ARROW_UP",value:a})},Home(){t({type:"HOME",value:a})},End(){t({type:"END",value:a})}},F=w(f,{dir:e.context.dir,orientation:"vertical"}),y=R[F];y&&(y(f),f.preventDefault())}})}};return p}var d=require("@zag-js/core");var{and:G,not:Z}=d.guards,J="[accordion/invalid-value] Expected value for multiple accordion to be an 'array' but received 'string'. Value will be coarsed to 'array'",O=(0,d.createMachine)({id:"accordion-machine",initial:"unknown",context:{focusedValue:null,value:null,uid:"",collapsible:!1,multiple:!1},watch:{value:["checkValue","invokeOnChange"]},created:["checkValue"],on:{SET_VALUE:{actions:"setValue"}},states:{unknown:{on:{SETUP:{target:"idle",actions:"setupDocument"}}},idle:{on:{FOCUS:{target:"focused",actions:"setFocusedValue"}}},focused:{on:{ARROW_DOWN:{actions:"focusNext"},ARROW_UP:{actions:"focusPrev"},CLICK:[{guard:G("isExpanded","canToggle"),actions:"collapse"},{guard:Z("isExpanded"),actions:"expand"}],HOME:{actions:"focusFirst"},END:{actions:"focusLast"},BLUR:{target:"idle",actions:"clearFocusedValue"}}}}},{guards:{canToggle:e=>!!e.collapsible||!!e.multiple,isExpanded:(e,t)=>e.multiple&&Array.isArray(e.value)?e.value.includes(t.value):e.value===t.value},actions:{invokeOnChange(e,t){var n;t.type!=="SETUP"&&((n=e.onChange)==null||n.call(e,{value:e.value}))},collapse(e,t){e.value=e.multiple?S(v(e.value),t.value):null},expand(e,t){e.value=e.multiple?P(v(e.value),t.value):t.value},focusFirst(e){var t;(t=r.getFirstTriggerEl(e))==null||t.focus()},focusLast(e){var t;(t=r.getLastTriggerEl(e))==null||t.focus()},focusNext(e){if(!e.focusedValue)return;let t=r.getNextTriggerEl(e,e.focusedValue);t==null||t.focus()},focusPrev(e){if(!e.focusedValue)return;let t=r.getPrevTriggerEl(e,e.focusedValue);t==null||t.focus()},setFocusedValue(e,t){e.focusedValue=t.value},clearFocusedValue(e){e.focusedValue=null},setupDocument(e,t){t.doc&&(e.doc=(0,d.ref)(t.doc)),e.uid=t.id},setValue(e,t){e.value=t.value},checkValue(e){e.multiple&&M(e.value)?(V(J),e.value=[e.value]):!e.multiple&&Array.isArray(e.value)&&(e.value=e.value[0])}}});module.exports=K(Q);
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@zag-js/accordion",
-  "version": "0.0.0-dev-20220408111010",
+  "version": "0.0.0-dev-20220408120729",
   "description": "Core logic for the accordion widget implemented as a state machine",
@@ -32,7 +32,7 @@ "keywords": [
   "dependencies": {
-    "@zag-js/core": "^0.0.0-dev-20220408111010",
-    "@zag-js/dom-utils": "^0.0.0-dev-20220408111010",
-    "@zag-js/types": "^0.0.0-dev-20220408111010",
-    "@zag-js/utils": "^0.0.0-dev-20220408111010"
+    "@zag-js/core": "^0.0.0-dev-20220408120729",
+    "@zag-js/dom-utils": "^0.0.0-dev-20220408120729",
+    "@zag-js/types": "^0.0.0-dev-20220408120729",
+    "@zag-js/utils": "^0.0.0-dev-20220408120729"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

162217

increased by0.18%

Lines of code

125

increased by1.63%

Dependency changes

• Updated@zag-js/core@^0.0.0-dev-20220408120729

• Updated@zag-js/dom-utils@^0.0.0-dev-20220408120729

• Updated@zag-js/types@^0.0.0-dev-20220408120729

• Updated@zag-js/utils@^0.0.0-dev-20220408120729