cleanplate 0.3.27 → 0.3.29

package/CHANGELOG.md

@@ -4,6 +4,7 @@
 
 ### Added
 
+- **`Drawer`**: slide-in overlay panel (`placement`, mobile bottom sheet at ≤768px, optional header/footer, `dataTestId`). See `docs/Drawer.md`.
 - **`FeedbackState`**: unified empty/error region component (`variant`, consumer `illustration` URL or `icon`, `primaryAction` / `secondaryAction`, `onRetry`, `errorDetails`). See `docs/FeedbackState.md`.
 
 ### Breaking

package/README.md

@@ -137,6 +137,7 @@ import { Icon } from "cleanplate";
 | Avatar         | User initials, image, or icon |
 | Badge          | Status labels, tags |
 | BottomSheet    | Slide-up panel |
+| Drawer         | Edge slide-in panel; bottom sheet on mobile |
 | BreadCrumb     | Navigation trail |
 | Button         | Actions and buttons |
 | ConfirmDialog  | Confirmation modals |

package/dist/components/app-shell/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAO7C,uFAAuF;AACvF,MAAM,WAAW,qBAAqB;IACpC,4CAA4C;IAC5C,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,yBAAyB;IACzB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qCAAqC;IACrC,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC;IACvC,8EAA8E;IAC9E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC;IACvC,mFAAmF;IACnF,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AA6CD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2NrC,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAU7C,uFAAuF;AACvF,MAAM,WAAW,qBAAqB;IACpC,4CAA4C;IAC5C,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,yBAAyB;IACzB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qCAAqC;IACrC,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC;IACvC,8EAA8E;IAC9E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC;IACvC,mFAAmF;IACnF,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AA6CD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2NrC,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,61 @@
+import React from "react";
+import { SPACING_OPTIONS } from "../../constants/common";
+/** Frozen breakpoint: matches Select, Date, Table mobile behavior. */
+export declare const DRAWER_MOBILE_SHEET_MEDIA = "(max-width: 768px)";
+export type DrawerPlacement = "left" | "right" | "top" | "bottom";
+export type DrawerSize = "small" | "medium" | "large" | "full";
+export type SpacingOption = (typeof SPACING_OPTIONS)[number];
+export type DrawerMargin = string | SpacingOption[];
+export interface DrawerProps {
+    /** Drawer body content */
+    children: React.ReactNode;
+    /** Whether the drawer is visible */
+    isOpen?: boolean;
+    /** Called when the drawer should close */
+    onClose?: () => void;
+    /** Edge the drawer slides from on desktop (≥768px); mobile always uses bottom sheet */
+    placement?: DrawerPlacement;
+    /** Panel size preset */
+    size?: DrawerSize;
+    /** Title displayed in the drawer header */
+    title?: string;
+    /** Whether to show the close (X) button */
+    showCloseButton?: boolean;
+    /** Whether clicking the overlay closes the drawer */
+    closeOnOverlayClick?: boolean;
+    /** Whether pressing Escape closes the drawer */
+    closeOnEscape?: boolean;
+    /** Margin spacing (suffix or array of spacing suffixes; component adds m- prefix) */
+    margin?: DrawerMargin;
+    /** Additional class names for the drawer panel */
+    className?: string;
+    /** Additional class names for the overlay */
+    overlayClassName?: string;
+    /** Additional class names for the content wrapper */
+    contentClassName?: string;
+    /** Additional class names for the header row */
+    headerClassName?: string;
+    /** Additional class names for the body region */
+    bodyClassName?: string;
+    /** Additional class names for the footer row */
+    footerClassName?: string;
+    /** Accessible name when no title is provided */
+    ariaLabel?: string;
+    /** Label for the primary footer button */
+    primaryButtonLabel?: string;
+    /** Called when the primary footer button is clicked */
+    onPrimaryButtonClick?: () => void;
+    /** Label for the secondary footer button */
+    secondaryButtonLabel?: string;
+    /** Called when the secondary footer button is clicked */
+    onSecondaryButtonClick?: () => void;
+    /**
+     * Root `data-testid` on the dialog panel. When set, related elements also get
+     * suffixed ids: `-overlay`, `-header`, `-title`, `-close`, `-body`, `-footer`,
+     * `-primary`, `-secondary`.
+     */
+    dataTestId?: string;
+}
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAiBzD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAIzD,sEAAsE;AACtE,eAAO,MAAM,yBAAyB,uBAAuB,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,aAAa,EAAE,CAAC;AAoEpD,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uFAAuF;IACvF,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,wBAAwB;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qFAAqF;IACrF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,4CAA4C;IAC5C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AASD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2MjC,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Drawer";
+export type { DrawerProps, DrawerPlacement, DrawerSize, DrawerMargin, SpacingOption, } from "./Drawer";
+export { DRAWER_MOBILE_SHEET_MEDIA } from "./Drawer";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,YAAY,EACZ,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC"}