@adamjanicki/ui 1.6.4 → 1.6.5

package/components/Accordion/Accordion.d.ts

@@ -4,7 +4,7 @@ type Props = Omit<BoxProps, "children"> & {
     /**
      * Drawers to render as accordion sections
      */
-    drawers: UncontrolledDrawer[] | ControlledDrawer[];
+    drawers: Drawer[];
     /**
      * Duration of the drawer animation (in seconds)
      */
@@ -16,7 +16,7 @@ type Props = Omit<BoxProps, "children"> & {
     hideDividers?: boolean;
 };
 declare const Accordion: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type UncontrolledDrawer = {
+type Drawer = {
     /**
      * Label for the accordion drawer
      */
@@ -25,8 +25,6 @@ type UncontrolledDrawer = {
      * Content hidden within this accordion drawer
      */
     content: React.ReactNode;
-};
-type ControlledDrawer = UncontrolledDrawer & {
     /**
      * Whether the drawer is open
      */
@@ -36,4 +34,10 @@ type ControlledDrawer = UncontrolledDrawer & {
      */
     onOpenChange: (open: boolean) => void;
 };
+type DrawerProps = {
+    item: Drawer;
+    duration?: number;
+    showDivider: boolean;
+};
+declare const Drawer: ({ item, duration, showDivider }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/components/Accordion/Accordion.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState, useRef, useEffect } from "react";
+import React, { useRef, useState, useEffect } from "react";
 import Box from "../Box/Box";
 import Icon from "../Icon";
 import { UnstyledButton } from "../Button";
@@ -29,19 +29,7 @@ import Animated from "../Animated";
 import { classNames } from "../../functions";
 var Accordion = React.forwardRef(function (_a, ref) {
     var drawers = _a.drawers, className = _a.className, duration = _a.duration, hideDividers = _a.hideDividers, layout = _a.layout, rest = __rest(_a, ["drawers", "className", "duration", "hideDividers", "layout"]);
-    var _b = useState(new Set()), openIndices = _b[0], setOpenIndices = _b[1];
-    return (_jsx(Box, __assign({ layout: __assign({ axis: "y" }, layout) }, rest, { className: classNames("aui-accordion aui-corners--rounded", className), ref: ref, children: drawers.map(function (item, i) { return (_jsx(Drawer, { item: __assign({ open: openIndices.has(i), onOpenChange: function (open) {
-                    return setOpenIndices(function (prev) {
-                        var next = new Set(prev);
-                        if (open) {
-                            next.add(i);
-                        }
-                        else {
-                            next.delete(i);
-                        }
-                        return next;
-                    });
-                } }, item), duration: duration, showDivider: !hideDividers && i < drawers.length - 1 }, i)); }) })));
+    return (_jsx(Box, __assign({ layout: __assign({ axis: "y" }, layout) }, rest, { className: classNames("aui-accordion aui-corners--rounded", className), ref: ref, children: drawers.map(function (item, i) { return (_jsx(Drawer, { item: item, duration: duration, showDivider: !hideDividers && i < drawers.length - 1 }, i)); }) })));
 });
 var Drawer = function (_a) {
     var item = _a.item, duration = _a.duration, showDivider = _a.showDivider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.6.4",
+  "version": "1.6.5",
   "description": "Basic UI components and hooks for React in TypeScript",
   "type": "module",
   "main": "./index.js",