@nx-kit/accordion - npm Package Compare versions

Comparing version 0.1.12 to 0.1.13

dist/es/index.js

@@ -1,2 +0,2 @@
-import e,{useContext as n,useState as r,useCallback as o,useEffect as t}from"react";import{usePress as i,useHover as a,useKeyboard as l}from"@react-aria/interactions";import{useId as d,mergeProps as u}from"@react-aria/utils";import{useFocusRing as c}from"@react-aria/focus";import{styled as s}from"@nx-kit/styling";import{mergeRefs as f}from"@nx-kit/utils";
+import e,{useContext as n,useState as r,useCallback as o,useEffect as t}from"react";import{usePress as i,useHover as a,useKeyboard as l}from"@react-aria/interactions";import{useId as d,mergeProps as u}from"@react-aria/utils";import{useFocusRing as c}from"@react-aria/focus";import{styled as f}from"@nx-kit/styling";import{mergeRefs as s}from"@nx-kit/utils";
 /*! *****************************************************************************
@@ -15,3 +15,3 @@ Copyright (c) Microsoft Corporation.
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var v=function(){return(v=Object.assign||function(e){for(var n,r=1,o=arguments.length;r<o;r++)for(var t in n=arguments[r])Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e}).apply(this,arguments)};var p,m,h,y=e.createContext({expandedItems:new Set([]),onChange:function(){},allowZeroExpanded:!1}),g=s.div(h||(p=["\n  ",";\n  ",";\n"],m=["\n  ",";\n  ",";\n"],Object.defineProperty?Object.defineProperty(p,"raw",{value:m}):p.raw=m,h=p),(function(e){var n,r,o=e.theme;return null===(r=null===(n=null==o?void 0:o.component)||void 0===n?void 0:n.accordion)||void 0===r?void 0:r.global}),(function(e){var n,r,o,t=e.theme,i=e.skin;return i&&(null===(o=null===(r=null===(n=null==t?void 0:t.component)||void 0===n?void 0:n.accordion)||void 0===r?void 0:r.skin)||void 0===o?void 0:o[i])})),w=e.forwardRef((function(l,s){var p=l.id,m=l.title,h=l.isOpen,w=void 0!==h&&h,b=l.children,x=l.className,k=l.noControl,E=void 0!==k&&k,P=l.onPress,D=d(p),I=d(),C=e.useRef(null),O=n(y),j=O.skin,A=O.expandedItems,S=O.onChange,N=O.allowZeroExpanded,Z=O.headingLevel,z=r(w),H=z[0],L=z[1],F=i({onPress:function(){return V()}}).pressProps,R=c(),K=R.focusProps,M=R.isFocusVisible,U=o(f(s,C),[s]);t((function(){var e=A.has(D);L(e)}),[A]),t((function(){S(D,H),P&&P({id:D,isOpen:H,buttonElement:C.current})}),[H]);var V=function(){E||H&&!N&&A.size<2||L(!H)},q=H&&!N&&A.size<2||E,B=a({isDisabled:q}),G=B.hoverProps,J=B.isHovered,Q="function"==typeof m?m(H,q):m;return e.createElement(g,{skin:j,className:x,isFocused:M,isDisabled:q,isHovered:J},e.createElement("div",{role:"heading","aria-level":Z},e.createElement("button",v({id:D,ref:U,type:"button","aria-controls":I,"aria-expanded":H,"aria-disabled":!!q||void 0},u(F,K,G)),Q)),e.createElement("div",{id:I,role:"region",hidden:!H,"aria-labelledby":D},b))}));w.displayName="Accordion.Item";var b=function(e,n){return(e%n+n)%n},x=function(n){var o=n.children,i=n.skin,a=n.expandedItems,d=n.onChange,u=n.allowMultipleExpanded,c=void 0!==u&&u,s=n.allowZeroExpanded,f=void 0!==s&&s,p=n.headingLevel,m=void 0===p?3:p,h=r(new Set(null!=a?a:[])),g=h[0],w=h[1],x=[],k=l({onKeyDown:function(e){e.continuePropagation();var n=function(e,n){return n.findIndex((function(n){return n===e}))}(e.target,x);if(!(n<0||0===x.length))if("ArrowDown"===e.key){var r=b(n+1,x.length);x[r].focus(),e.preventDefault()}else if("ArrowUp"===e.key){r=b(n-1,x.length);x[r].focus(),e.preventDefault()}else"Home"===e.key?(x[0].focus(),e.preventDefault()):"End"===e.key&&(x[x.length-1].focus(),e.preventDefault())}}).keyboardProps;return t((function(){a&&w(new Set(a))}),[a]),t((function(){d&&d(Array.from(g))}),[Array.from(g).join("|")]),e.createElement(y.Provider,{value:{skin:i,expandedItems:g,onChange:function(e,n){w(n?c?function(n){return new Set(n).add(e)}:new Set([e]):function(n){var r=new Set(n);return(r.size>1||f)&&r.delete(e),r})},allowZeroExpanded:f,headingLevel:m}},e.createElement("div",v({},k),e.Children.map(o,(function(n,r){var o;return"object"==typeof n&&"Accordion.Item"===(null===(o=null==n?void 0:n.type)||void 0===o?void 0:o.displayName)?e.createElement(n.type,v({key:r},n.props,{ref:function(e){if(e){x.push(e);var r=n.ref;"function"==typeof r?r(e):r&&(r.current=e)}}})):n}))))};x.Item=w;export{x as Accordion};
+***************************************************************************** */var v=function(){return(v=Object.assign||function(e){for(var n,r=1,o=arguments.length;r<o;r++)for(var t in n=arguments[r])Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e}).apply(this,arguments)};function p(e,n){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,t,i=r.call(e),a=[];try{for(;(void 0===n||n-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){t={error:e}}finally{try{o&&!o.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return a}var m,y,h,w=e.createContext({expandedItems:new Set([]),onChange:function(){},allowZeroExpanded:!1}),g=f.div(h||(m=["\n  ",";\n  ",";\n"],y=["\n  ",";\n  ",";\n"],Object.defineProperty?Object.defineProperty(m,"raw",{value:y}):m.raw=y,h=m),(function(e){var n,r,o=e.theme;return null===(r=null===(n=null==o?void 0:o.component)||void 0===n?void 0:n.accordion)||void 0===r?void 0:r.global}),(function(e){var n,r,o,t=e.theme,i=e.skin;return i&&(null===(o=null===(r=null===(n=null==t?void 0:t.component)||void 0===n?void 0:n.accordion)||void 0===r?void 0:r.skin)||void 0===o?void 0:o[i])})),b=e.forwardRef((function(l,f){var m=l.id,y=l.title,h=l.isOpen,b=void 0!==h&&h,x=l.children,k=l.className,E=l.noControl,P=void 0!==E&&E,D=l.onPress,I=d(m),S=d(),C=e.useRef(null),O=n(w),j=O.skin,A=O.expandedItems,N=O.onChange,Z=O.allowZeroExpanded,z=O.headingLevel,H=p(r(b),2),L=H[0],F=H[1],R=i({onPress:function(){return q()}}).pressProps,K=c(),M=K.focusProps,U=K.isFocusVisible,V=o(s(f,C),[f]);t((function(){var e=A.has(I);F(e)}),[A]),t((function(){N(I,L),D&&D({id:I,isOpen:L,buttonElement:C.current})}),[L]);var q=function(){P||L&&!Z&&A.size<2||F(!L)},B=L&&!Z&&A.size<2||P,G=a({isDisabled:B}),J=G.hoverProps,Q=G.isHovered,T="function"==typeof y?y(L,B):y;return e.createElement(g,{skin:j,className:k,isFocused:U,isDisabled:B,isHovered:Q},e.createElement("div",{role:"heading","aria-level":z},e.createElement("button",v({id:I,ref:V,type:"button","aria-controls":S,"aria-expanded":L,"aria-disabled":!!B||void 0},u(R,M,J)),T)),e.createElement("div",{id:S,role:"region",hidden:!L,"aria-labelledby":I},x))}));b.displayName="Accordion.Item";var x=function(e,n){return(e%n+n)%n},k=function(n){var o=n.children,i=n.skin,a=n.expandedItems,d=n.onChange,u=n.allowMultipleExpanded,c=void 0!==u&&u,f=n.allowZeroExpanded,s=void 0!==f&&f,m=n.headingLevel,y=void 0===m?3:m,h=p(r(new Set(null!=a?a:[])),2),g=h[0],b=h[1],k=[],E=l({onKeyDown:function(e){e.continuePropagation();var n=function(e,n){return n.findIndex((function(n){return n===e}))}(e.target,k);if(!(n<0||0===k.length))if("ArrowDown"===e.key){var r=x(n+1,k.length);k[r].focus(),e.preventDefault()}else if("ArrowUp"===e.key){r=x(n-1,k.length);k[r].focus(),e.preventDefault()}else"Home"===e.key?(k[0].focus(),e.preventDefault()):"End"===e.key&&(k[k.length-1].focus(),e.preventDefault())}}).keyboardProps;return t((function(){a&&b(new Set(a))}),[a]),t((function(){d&&d(Array.from(g))}),[Array.from(g).join("|")]),e.createElement(w.Provider,{value:{skin:i,expandedItems:g,onChange:function(e,n){b(n?c?function(n){return new Set(n).add(e)}:new Set([e]):function(n){var r=new Set(n);return(r.size>1||s)&&r.delete(e),r})},allowZeroExpanded:s,headingLevel:y}},e.createElement("div",v({},E),e.Children.map(o,(function(n,r){var o;return"object"==typeof n&&"Accordion.Item"===(null===(o=null==n?void 0:n.type)||void 0===o?void 0:o.displayName)?e.createElement(n.type,v({key:r},n.props,{ref:function(e){if(e){k.push(e);var r=n.ref;"function"==typeof r?r(e):r&&(r.current=e)}}})):n}))))};k.Item=b;export{k as Accordion};
 //# sourceMappingURL=index.js.map

dist/index.js

@@ -15,3 +15,3 @@ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("@react-aria/interactions"),t=require("@react-aria/utils"),r=require("@react-aria/focus"),o=require("@nx-kit/styling"),i=require("@nx-kit/utils");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),l=function(){return(l=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)};
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var d,s,c,f=u.default.createContext({expandedItems:new Set([]),onChange:function(){},allowZeroExpanded:!1}),v=o.styled.div(c||(d=["\n  ",";\n  ",";\n"],s=["\n  ",";\n  ",";\n"],Object.defineProperty?Object.defineProperty(d,"raw",{value:s}):d.raw=s,c=d),(function(e){var n,t,r=e.theme;return null===(t=null===(n=null==r?void 0:r.component)||void 0===n?void 0:n.accordion)||void 0===t?void 0:t.global}),(function(e){var n,t,r,o=e.theme,i=e.skin;return i&&(null===(r=null===(t=null===(n=null==o?void 0:o.component)||void 0===n?void 0:n.accordion)||void 0===t?void 0:t.skin)||void 0===r?void 0:r[i])})),p=u.default.forwardRef((function(o,a){var d=o.id,s=o.title,c=o.isOpen,p=void 0!==c&&c,m=o.children,y=o.className,h=o.noControl,g=void 0!==h&&h,b=o.onPress,w=t.useId(d),E=t.useId(),x=u.default.useRef(null),k=e.useContext(f),P=k.skin,I=k.expandedItems,C=k.onChange,j=k.allowZeroExpanded,D=k.headingLevel,O=e.useState(p),S=O[0],A=O[1],q=n.usePress({onPress:function(){return z()}}).pressProps,H=r.useFocusRing(),N=H.focusProps,R=H.isFocusVisible,Z=e.useCallback(i.mergeRefs(a,x),[a]);e.useEffect((function(){var e=I.has(w);A(e)}),[I]),e.useEffect((function(){C(w,S),b&&b({id:w,isOpen:S,buttonElement:x.current})}),[S]);var z=function(){g||S&&!j&&I.size<2||A(!S)},F=S&&!j&&I.size<2||g,L=n.useHover({isDisabled:F}),K=L.hoverProps,M=L.isHovered,_="function"==typeof s?s(S,F):s;return u.default.createElement(v,{skin:P,className:y,isFocused:R,isDisabled:F,isHovered:M},u.default.createElement("div",{role:"heading","aria-level":D},u.default.createElement("button",l({id:w,ref:Z,type:"button","aria-controls":E,"aria-expanded":S,"aria-disabled":!!F||void 0},t.mergeProps(q,N,K)),_)),u.default.createElement("div",{id:E,role:"region",hidden:!S,"aria-labelledby":w},m))}));p.displayName="Accordion.Item";var m=function(e,n){return(e%n+n)%n},y=function(t){var r=t.children,o=t.skin,i=t.expandedItems,a=t.onChange,d=t.allowMultipleExpanded,s=void 0!==d&&d,c=t.allowZeroExpanded,v=void 0!==c&&c,p=t.headingLevel,y=void 0===p?3:p,h=e.useState(new Set(null!=i?i:[])),g=h[0],b=h[1],w=[],E=n.useKeyboard({onKeyDown:function(e){e.continuePropagation();var n=function(e,n){return n.findIndex((function(n){return n===e}))}(e.target,w);if(!(n<0||0===w.length))if("ArrowDown"===e.key){var t=m(n+1,w.length);w[t].focus(),e.preventDefault()}else if("ArrowUp"===e.key){t=m(n-1,w.length);w[t].focus(),e.preventDefault()}else"Home"===e.key?(w[0].focus(),e.preventDefault()):"End"===e.key&&(w[w.length-1].focus(),e.preventDefault())}}).keyboardProps;return e.useEffect((function(){i&&b(new Set(i))}),[i]),e.useEffect((function(){a&&a(Array.from(g))}),[Array.from(g).join("|")]),u.default.createElement(f.Provider,{value:{skin:o,expandedItems:g,onChange:function(e,n){b(n?s?function(n){return new Set(n).add(e)}:new Set([e]):function(n){var t=new Set(n);return(t.size>1||v)&&t.delete(e),t})},allowZeroExpanded:v,headingLevel:y}},u.default.createElement("div",l({},E),u.default.Children.map(r,(function(e,n){var t;return"object"==typeof e&&"Accordion.Item"===(null===(t=null==e?void 0:e.type)||void 0===t?void 0:t.displayName)?u.default.createElement(e.type,l({key:n},e.props,{ref:function(n){if(n){w.push(n);var t=e.ref;"function"==typeof t?t(n):t&&(t.current=n)}}})):e}))))};y.Item=p,exports.Accordion=y;
+***************************************************************************** */function d(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,i=t.call(e),a=[];try{for(;(void 0===n||n-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=i.return)&&t.call(i)}finally{if(o)throw o.error}}return a}var s,c,f,v=u.default.createContext({expandedItems:new Set([]),onChange:function(){},allowZeroExpanded:!1}),p=o.styled.div(f||(s=["\n  ",";\n  ",";\n"],c=["\n  ",";\n  ",";\n"],Object.defineProperty?Object.defineProperty(s,"raw",{value:c}):s.raw=c,f=s),(function(e){var n,t,r=e.theme;return null===(t=null===(n=null==r?void 0:r.component)||void 0===n?void 0:n.accordion)||void 0===t?void 0:t.global}),(function(e){var n,t,r,o=e.theme,i=e.skin;return i&&(null===(r=null===(t=null===(n=null==o?void 0:o.component)||void 0===n?void 0:n.accordion)||void 0===t?void 0:t.skin)||void 0===r?void 0:r[i])})),y=u.default.forwardRef((function(o,a){var s=o.id,c=o.title,f=o.isOpen,y=void 0!==f&&f,m=o.children,h=o.className,b=o.noControl,g=void 0!==b&&b,w=o.onPress,x=t.useId(s),E=t.useId(),k=u.default.useRef(null),P=e.useContext(v),I=P.skin,S=P.expandedItems,C=P.onChange,j=P.allowZeroExpanded,D=P.headingLevel,O=d(e.useState(y),2),A=O[0],q=O[1],H=n.usePress({onPress:function(){return F()}}).pressProps,N=r.useFocusRing(),R=N.focusProps,Z=N.isFocusVisible,z=e.useCallback(i.mergeRefs(a,k),[a]);e.useEffect((function(){var e=S.has(x);q(e)}),[S]),e.useEffect((function(){C(x,A),w&&w({id:x,isOpen:A,buttonElement:k.current})}),[A]);var F=function(){g||A&&!j&&S.size<2||q(!A)},L=A&&!j&&S.size<2||g,K=n.useHover({isDisabled:L}),M=K.hoverProps,_=K.isHovered,U="function"==typeof c?c(A,L):c;return u.default.createElement(p,{skin:I,className:h,isFocused:Z,isDisabled:L,isHovered:_},u.default.createElement("div",{role:"heading","aria-level":D},u.default.createElement("button",l({id:x,ref:z,type:"button","aria-controls":E,"aria-expanded":A,"aria-disabled":!!L||void 0},t.mergeProps(H,R,M)),U)),u.default.createElement("div",{id:E,role:"region",hidden:!A,"aria-labelledby":x},m))}));y.displayName="Accordion.Item";var m=function(e,n){return(e%n+n)%n},h=function(t){var r=t.children,o=t.skin,i=t.expandedItems,a=t.onChange,s=t.allowMultipleExpanded,c=void 0!==s&&s,f=t.allowZeroExpanded,p=void 0!==f&&f,y=t.headingLevel,h=void 0===y?3:y,b=d(e.useState(new Set(null!=i?i:[])),2),g=b[0],w=b[1],x=[],E=n.useKeyboard({onKeyDown:function(e){e.continuePropagation();var n=function(e,n){return n.findIndex((function(n){return n===e}))}(e.target,x);if(!(n<0||0===x.length))if("ArrowDown"===e.key){var t=m(n+1,x.length);x[t].focus(),e.preventDefault()}else if("ArrowUp"===e.key){t=m(n-1,x.length);x[t].focus(),e.preventDefault()}else"Home"===e.key?(x[0].focus(),e.preventDefault()):"End"===e.key&&(x[x.length-1].focus(),e.preventDefault())}}).keyboardProps;return e.useEffect((function(){i&&w(new Set(i))}),[i]),e.useEffect((function(){a&&a(Array.from(g))}),[Array.from(g).join("|")]),u.default.createElement(v.Provider,{value:{skin:o,expandedItems:g,onChange:function(e,n){w(n?c?function(n){return new Set(n).add(e)}:new Set([e]):function(n){var t=new Set(n);return(t.size>1||p)&&t.delete(e),t})},allowZeroExpanded:p,headingLevel:h}},u.default.createElement("div",l({},E),u.default.Children.map(r,(function(e,n){var t;return"object"==typeof e&&"Accordion.Item"===(null===(t=null==e?void 0:e.type)||void 0===t?void 0:t.displayName)?u.default.createElement(e.type,l({key:n},e.props,{ref:function(n){if(n){x.push(n);var t=e.ref;"function"==typeof t?t(n):t&&(t.current=n)}}})):e}))))};h.Item=y,exports.Accordion=h;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@nx-kit/accordion",
   "repository": "github:nexumAG/nx-kit",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "license": "MIT",
@@ -28,3 +28,3 @@ "main": "dist/index.js",
   "dependencies": {
-    "@nx-kit/styling": "^0.1.17",
+    "@nx-kit/styling": "^0.1.18",
     "@nx-kit/utils": "^0.1.7",
@@ -35,3 +35,3 @@ "@react-aria/focus": "^3.5.0",
   },
-  "gitHead": "8214d8d7c03b31acd6cc2729259e50245adbd3d2"
+  "gitHead": "31ab15cf52492f012cb957c6735e2c787e2e1a9d"
 }

No alert changes

Improved metrics

Total package byte prevSize

61755

increased by2.48%

Lines of code

111

increased by1.83%

Dependency changes

• Updated@nx-kit/styling@^0.1.18