@lifesg/react-design-system 2.0.0-canary.3 → 2.0.0-canary.4

package/README.md

@@ -68,3 +68,9 @@ import { Button } from "@lifesg/react-design-system";
 ```
 
 To see the full suite of components available, visit our [Storybook documentation](https://designsystem.life.gov.sg/react/index.html?path=/story/getting-started-installation--page).
+
+<br />
+
+## Migrations
+
+If you are migrating from an older version of the Design System, you may refer to our [migration guides](https://github.com/LifeSG/react-design-system/wiki).

package/accordion/accordion.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AccordionProps } from "./types";
-export declare const Accordion: (({ children, title, enableExpandAll, showTitleInMobile, className, }: AccordionProps) => JSX.Element) & {
+export declare const Accordion: (({ children, title, enableExpandAll, initialDisplay, showTitleInMobile, className, }: AccordionProps) => JSX.Element) & {
     Item: ({ title, children, expanded, type, ...otherProps }: import("./types").AccordionItemProps) => JSX.Element;
 };

package/accordion/index.js

@@ -353,5 +353,5 @@ import e,{jsx as t,jsxs as n}from"react/jsx-runtime";import*as r from"react";imp
     padding: 1.75rem 1rem; // larger clickable area
     margin: -1rem -1rem -1rem 0px;
     white-space: nowrap;
-`,ms=Object.assign((({children:e,title:r,enableExpandAll:i=!0,showTitleInMobile:o=!1,className:a})=>{const[l,c]=s(!0),u=e=>{e.preventDefault(),c((e=>!e))};return t(ri.Provider,{value:l,children:n(hs,{className:a,children:[n(ps,{$hasTitle:!!r||o,children:[r&&t(fs,{$showInMobile:o,"data-testid":"accordion-title",children:r}),i&&t(gs,{"data-testid":"accordion-expand-collapse-button",onClick:u,styleType:"link",type:"button",children:l?"Hide all":"Show all"})]}),e]})})}),{Item:({title:e,children:r,expanded:i=!0,type:o="default",...l})=>{const c=g(ri),[u,h]=s(c||i),p=l["data-testid"]||"accordion-item",f=function(e){void 0===e&&(e={});var t=e.skipOnMount,n=void 0!==t&&t,r=e.refreshMode,i=e.refreshRate,o=void 0===i?1e3:i,l=e.refreshOptions,c=e.handleWidth,u=void 0===c||c,d=e.handleHeight,h=void 0===d||d,p=e.targetRef,f=e.observerOptions,g=e.onResize,m=a(n),y=a(null),v=null!=p?p:y,b=a(),w=s({width:void 0,height:void 0}),_=w[0],S=w[1];return ge((function(){if(!he()){var e=fe(g,S,u,h);b.current=ue((function(t){(u||h)&&t.forEach((function(t){var n=t&&t.contentRect||{},r=n.width,i=n.height;!m.current&&!he()&&e({width:r,height:i}),m.current=!1}))}),r,o,l);var t=new window.ResizeObserver(b.current);return v.current&&t.observe(v.current,f),function(){t.disconnect();var e=b.current;e&&e.cancel&&e.cancel()}}}),[r,o,l,u,h,g,f,v.current]),F({ref:v},_)}(),m=f.ref;d((()=>{h(c)}),[c]),d((()=>{h(i)}),[i]);const y=Pr({height:u?f.height:0});return n(Qa,{"data-testid":p,className:l.className,$isCollapsed:u,children:[n(Ga,{children:[t("small"===o?Ya:Za,{"data-testid":`${p}-title`,$isCollapsed:u,children:e}),t(Ja,{"data-testid":`${p}-expand-collapse-button`,onClick:e=>{e.preventDefault(),h((e=>!e))},$isCollapsed:u,focusHighlight:!1,focusOutline:"browser","aria-label":u?"Collapse":"Expand",children:t(Ka,{})})]}),t(es,{style:y,$isCollapsed:u,"data-testid":`${p}-expandable-container`,children:t(ts,{ref:m,id:"content-container",children:r})})]})}});export{ms as Accordion};
+`,ms=Object.assign((({children:e,title:r,enableExpandAll:i=!0,initialDisplay:o="expand-all",showTitleInMobile:a=!1,className:l})=>{const[c,u]=s("expand-all"===o),d=e=>{e.preventDefault(),u((e=>!e))};return t(ri.Provider,{value:c,children:n(hs,{className:l,children:[n(ps,{$hasTitle:!!r||a,children:[r&&t(fs,{$showInMobile:a,"data-testid":"accordion-title",children:r}),i&&t(gs,{"data-testid":"accordion-expand-collapse-button",onClick:d,styleType:"link",type:"button",children:c?"Hide all":"Show all"})]}),e]})})}),{Item:({title:e,children:r,expanded:i=!0,type:o="default",...l})=>{const c=g(ri),[u,h]=s(c??i),p=l["data-testid"]||"accordion-item",f=function(e){void 0===e&&(e={});var t=e.skipOnMount,n=void 0!==t&&t,r=e.refreshMode,i=e.refreshRate,o=void 0===i?1e3:i,l=e.refreshOptions,c=e.handleWidth,u=void 0===c||c,d=e.handleHeight,h=void 0===d||d,p=e.targetRef,f=e.observerOptions,g=e.onResize,m=a(n),y=a(null),v=null!=p?p:y,b=a(),w=s({width:void 0,height:void 0}),_=w[0],S=w[1];return ge((function(){if(!he()){var e=fe(g,S,u,h);b.current=ue((function(t){(u||h)&&t.forEach((function(t){var n=t&&t.contentRect||{},r=n.width,i=n.height;!m.current&&!he()&&e({width:r,height:i}),m.current=!1}))}),r,o,l);var t=new window.ResizeObserver(b.current);return v.current&&t.observe(v.current,f),function(){t.disconnect();var e=b.current;e&&e.cancel&&e.cancel()}}}),[r,o,l,u,h,g,f,v.current]),F({ref:v},_)}(),m=f.ref;d((()=>{h(i)}),[i]),d((()=>{h(c)}),[c]);const y=Pr({height:u?f.height:0});return n(Qa,{"data-testid":p,className:l.className,$isCollapsed:u,children:[n(Ga,{children:[t("small"===o?Ya:Za,{"data-testid":`${p}-title`,$isCollapsed:u,children:e}),t(Ja,{"data-testid":`${p}-expand-collapse-button`,onClick:e=>{e.preventDefault(),h((e=>!e))},$isCollapsed:u,focusHighlight:!1,focusOutline:"browser","aria-label":u?"Collapse":"Expand",children:t(Ka,{})})]}),t(es,{style:y,$isCollapsed:u,"data-testid":`${p}-expandable-container`,children:t(ts,{ref:m,id:"content-container",children:r})})]})}});export{ms as Accordion};
 //# sourceMappingURL=index.js.map