@start-base/start-ui/Accordion/index.js

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

"use strict";var e=require("react"),t=require("clsx");function a(e){return e&&e.__esModule?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var n=r(e),l=a(t),c=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,m=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,f=(e,t)=>{for(var a in t||(t={}))i.call(t,a)&&m(e,a,t[a]);if(d)for(var a of d(t))u.call(t,a)&&m(e,a,t[a]);return e},b=(e,t)=>o(e,s(t)),v=(e,t)=>{var a={};for(var r in e)i.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&d)for(var r of d(e))t.indexOf(r)<0&&u.call(e,r)&&(a[r]=e[r]);return a},p="SUI-Accordion-module-container-cZk6G",x="SUI-Accordion-module-actions-IxMwE",E="SUI-Accordion-module-root-zrCFw",N="SUI-Accordion-module-icon-0eXvX",y="SUI-Accordion-module-summary-Xxdol";function h(e){var t=e,{size:a,width:r,height:l}=t,c=v(t,["size","width","height"]);return n.createElement("svg",f({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",stroke:"currentColor",strokeWidth:0,viewBox:"0 0 24 24",width:null!=a?a:r,height:null!=a?a:l},c),n.createElement("path",{fill:"none",stroke:"none",d:"M0 0h24v24H0V0z"}),n.createElement("path",{stroke:"none",d:"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"}))}var O=e.forwardRef((t,a)=>{var r=t,{children:c,summary:o,actions:s,className:d,summaryClassName:i,actionsClassName:u,containerClassName:m,defaultExpanded:b=!1,disabled:O=!1,icon:w,unmountOnExit:C=!1,variant:I="drawer"}=r,g=v(r,["children","summary","actions","className","summaryClassName","actionsClassName","containerClassName","defaultExpanded","disabled","icon","unmountOnExit","variant"]);const A=l.default(p,m),j=l.default(y,i),S=l.default(E,d),k=l.default(x,u),[z,P]=e.useState(b);const U=e.useRef(null);return e.useEffect(()=>{if(!U.current)return;U.current.querySelectorAll("a, button, input, textarea, select, [tabindex]").forEach(e=>{const t=z?"0":"-1";e.setAttribute("tabIndex",t)})},[z]),n.default.createElement("div",f({className:A,ref:a,"data-expanded":z,"data-unmountonexit":C,"aria-disabled":O,"data-variant":I},g),n.default.createElement("button",{className:j,onClick:function(){P(!z)},disabled:O},o,w?n.default.createElement("div",{className:N},w):n.default.createElement(h,{className:N,size:16})),n.default.createElement("div",{className:S,tabIndex:z?0:-1},(!C||z)&&c),s&&n.default.createElement("div",{className:k,ref:U,tabIndex:-1},s))});O.displayName="UncontrolledAccordion";var w=O,C=e.forwardRef((t,a)=>{var r=t,{children:c,summary:o,actions:s,className:d,summaryClassName:i,actionsClassName:u,containerClassName:m,expanded:b,onExpand:O,icon:w,unmountOnExit:C=!1,variant:I="drawer"}=r,g=v(r,["children","summary","actions","className","summaryClassName","actionsClassName","containerClassName","expanded","onExpand","icon","unmountOnExit","variant"]);const A=l.default(p,m),j=l.default(y,i),S=l.default(E,d),k=l.default(x,u);const z=e.useRef(null);return e.useEffect(()=>{if(!z.current)return;z.current.querySelectorAll("a, button, input, textarea, select, [tabindex]").forEach(e=>{const t=b?"0":"-1";e.setAttribute("tabIndex",t)})},[b]),n.default.createElement("div",f({className:A,ref:a,"data-expanded":b,"data-unmountonexit":C,"data-variant":I},g),n.default.createElement("button",{className:j,onClick:function(){O()}},o,w?n.default.createElement("div",{className:N},w):n.default.createElement(h,{className:N,size:16})),n.default.createElement("div",{className:S,tabIndex:b?0:-1},(!C||b)&&c),s&&n.default.createElement("div",{className:k,ref:z,tabIndex:-1},s))});C.displayName="ControlledAccordion";var I=C,g=e.forwardRef((e,t)=>{const{expanded:a}=e;if("boolean"==typeof a){const a=e;return n.default.createElement(I,b(f({},a),{ref:t}))}return n.default.createElement(w,b(f({},e),{ref:t}))});g.displayName="Accordion";var A=g;module.exports=A;