@nx-kit/accordion - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

dist/Accordion.types.d.ts

@@ -20,2 +20,7 @@ import React from 'react';
     noControl?: boolean;
+    onPress?: (args: {
+        id: string;
+        buttonElement: HTMLButtonElement | null;
+        isOpen: boolean;
+    }) => void;
 };
@@ -22,0 +27,0 @@ export declare type AccordionItemStyledProps = {

dist/es/index.js

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

dist/index.js

@@ -1,2 +0,2 @@
-"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");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),u=function(){return(u=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)};
+"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)};
 /*! *****************************************************************************
@@ -15,3 +15,3 @@ Copyright (c) Microsoft Corporation.
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var d,l,s,c=a.default.createContext({expandedItems:new Set([]),onChange:function(){},allowZeroExpanded:!1}),f=o.styled.div(s||(d=["\n  ",";\n  ",";\n"],l=["\n  ",";\n  ",";\n"],Object.defineProperty?Object.defineProperty(d,"raw",{value:l}):d.raw=l,s=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])})),v=a.default.forwardRef((function(o,i){var d=o.id,l=o.title,s=o.isOpen,v=void 0!==s&&s,p=o.children,y=o.className,m=o.noControl,h=void 0!==m&&m,g=t.useId(d),w=t.useId(),b=e.useContext(c),E=b.skin,x=b.expandedItems,k=b.onChange,P=b.allowZeroExpanded,I=b.headingLevel,j=e.useState(v),C=j[0],D=j[1],S=n.usePress({onPress:function(){return H()}}).pressProps,A=r.useFocusRing(),O=A.focusProps,q=A.isFocusVisible;e.useEffect((function(){var e=x.has(g);D(e)}),[x]),e.useEffect((function(){k(g,C)}),[C]);var H=function(){h||C&&!P&&x.size<2||D(!C)},N=C&&!P&&x.size<2||h,Z=n.useHover({isDisabled:N}),z=Z.hoverProps,F=Z.isHovered,L="function"==typeof l?l(C,N):l;return a.default.createElement(f,{skin:E,className:y,isFocused:q,isDisabled:N,isHovered:F},a.default.createElement("div",{role:"heading","aria-level":I},a.default.createElement("button",u({id:g,ref:i,type:"button","aria-controls":w,"aria-expanded":C,"aria-disabled":!!N||void 0},t.mergeProps(S,O,z)),L)),a.default.createElement("div",{id:w,role:"region",hidden:!C,"aria-labelledby":g},p))}));v.displayName="Accordion.Item";var p=function(e,n){return(e%n+n)%n},y=function(t){var r=t.children,o=t.skin,i=t.expandedItems,d=t.onChange,l=t.allowMultipleExpanded,s=void 0!==l&&l,f=t.allowZeroExpanded,v=void 0!==f&&f,y=t.headingLevel,m=void 0===y?3:y,h=e.useState(new Set(null!=i?i:[])),g=h[0],w=h[1],b=[],E=n.useKeyboard({onKeyDown:function(e){e.continuePropagation();var n=function(e,n){return n.findIndex((function(n){return n===e}))}(e.target,b);if(!(n<0||0===b.length))if("ArrowDown"===e.key){var t=p(n+1,b.length);b[t].focus(),e.preventDefault()}else if("ArrowUp"===e.key){t=p(n-1,b.length);b[t].focus(),e.preventDefault()}else"Home"===e.key?(b[0].focus(),e.preventDefault()):"End"===e.key&&(b[b.length-1].focus(),e.preventDefault())}}).keyboardProps;return e.useEffect((function(){i&&w(new Set(i))}),[i]),e.useEffect((function(){d&&d(Array.from(g))}),[Array.from(g).join("|")]),a.default.createElement(c.Provider,{value:{skin:o,expandedItems:g,onChange:function(e,n){w(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:m}},a.default.createElement("div",u({},E),a.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)?a.default.createElement(e.type,u({key:n},e.props,{ref:function(n){if(n){b.push(n);var t=e.ref;"function"==typeof t?t(n):t&&(t.current=n)}}})):e}))))};y.Item=v,exports.Accordion=y;
+***************************************************************************** */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;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@nx-kit/accordion",
   "repository": "github:nexumAG/nx-kit",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "MIT",
@@ -34,2 +34,3 @@ "main": "dist/index.js",
     "@nx-kit/styling": "^0.1.10",
+    "@nx-kit/utils": "^0.1.3",
     "@react-aria/focus": "^3.3.0",
@@ -39,3 +40,3 @@ "@react-aria/interactions": "^3.4.0",
   },
-  "gitHead": "ae167713b4b89c3c55df7a35fa902905a5a7c02d"
+  "gitHead": "736a10e1e90550a483011d77cbc3a908e57da406"
 }

No alert changes

Improved metrics

Total package byte prevSize

59902

increased by2.67%

Lines of code

108

increased by5.88%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Added@nx-kit/utils@^0.1.3

• + Added@nx-kit/utils@0.1.14(transitive)