@arbor-education/design-system.components 0.2.0 → 0.2.2

package/.github/workflows/release.yml

@@ -131,4 +131,4 @@ jobs:
         uses: coverallsapp/github-action@v2
         continue-on-error: true
         with:
-          github-token: ${{ secrets.ARBOR_AUTOMATION_ORG_GHA_TOKEN }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 ## 0.1.4
 
+## 0.2.2
+
+### Patch Changes
+
+- [#98](https://github.com/arbor-education/design-system.components/pull/98) [`4c10758`](https://github.com/arbor-education/design-system.components/commit/4c10758ba2dd30679d87828b2dada1281c5471a6) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-64989 implement drag-select on table
+
+- [#102](https://github.com/arbor-education/design-system.components/pull/102) [`6c67a72`](https://github.com/arbor-education/design-system.components/commit/6c67a727f79841d45e5aa599cc79495c6fbf440c) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-67025 add ag grid license key
+
+## 0.2.1
+
+### Patch Changes
+
+- [#99](https://github.com/arbor-education/design-system.components/pull/99) [`59c971b`](https://github.com/arbor-education/design-system.components/commit/59c971beb95e40648915ee1a3025765e0fcd3d1a) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-64986 add granular listeners for table setting update events
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,25 @@
+import { Dialog } from 'radix-ui';
+type ModalContextValue = {
+    closeHandler?: () => void;
+};
+export declare const ModalContext: import("react").Context<ModalContextValue>;
+export type ModalProps = {
+    className?: string;
+    overlayClassName?: string;
+    open?: boolean;
+    portalTarget?: HTMLElement | null;
+    children?: React.ReactNode;
+    hideCloseButton?: boolean;
+    closeHandler?: ModalContextValue['closeHandler'];
+    title?: string;
+};
+export declare const Modal: {
+    (props: ModalProps): import("react/jsx-runtime").JSX.Element;
+    Header: (props: import("./ModalHeader").ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Body: (props: import("./ModalBody").ModalBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: (props: import("./ModalFooter").ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+    CloseButton: (props: import("../button/Button").ButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+    Title: (props: Dialog.DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAuC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;CA+BtC,CAAC"}

package/dist/components/modal/Modal.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Dialog } from 'radix-ui';
+import { ModalHeader } from './ModalHeader';
+import { ModalFooter } from './ModalFooter';
+import { ModalBody } from './ModalBody';
+import { PopupParentContext } from '../../utils/PopupParentContext';
+import { createContext, useRef } from 'react';
+import { ModalCloseButon } from './ModalCloseButton';
+import { ModalTitle } from './ModalTitle';
+export const ModalContext = createContext({});
+export const Modal = (props) => {
+    const { className, overlayClassName, open, portalTarget, children, closeHandler, hideCloseButton = false, title, } = props;
+    const overlayRef = useRef(null);
+    return (_jsx(PopupParentContext.Provider, { value: overlayRef, children: _jsx(ModalContext.Provider, { value: { closeHandler }, children: _jsx(Dialog.Root, { open: open, children: _jsx(Dialog.Portal, { container: portalTarget, children: _jsx(Dialog.Overlay, { ref: overlayRef, className: classNames('ds-modal__overlay', overlayClassName), children: _jsxs(Dialog.Content, { className: classNames('ds-modal__container', className), children: [title && _jsx(ModalHeader, { children: _jsx(ModalTitle, { children: title }) }), children, !hideCloseButton && _jsx(ModalCloseButon, { className: "ds-modal__close-button--top-right" })] }) }) }) }) }) }));
+};
+Modal.Header = ModalHeader;
+Modal.Body = ModalBody;
+Modal.Footer = ModalFooter;
+Modal.CloseButton = ModalCloseButon;
+Modal.Title = ModalTitle;
+//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAC;AAajE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EACJ,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC5C,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC5C,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YACrB,KAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,YAAY,YACpC,KAAC,MAAM,CAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,YAC3F,MAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACpE,KAAK,IAAI,KAAC,WAAW,cAAC,KAAC,UAAU,cAAE,KAAK,GAAc,GAAc,EACpE,QAAQ,EACR,CAAC,eAAe,IAAI,KAAC,eAAe,IAAC,SAAS,EAAC,mCAAmC,GAAG,IACvE,GACF,GACH,GACJ,GACQ,GACI,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,WAAW,GAAG,eAAe,CAAC;AACpC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}

package/dist/components/modal/Modal.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react-vite';
+import { Modal, type ModalProps } from './Modal';
+declare const meta: Meta<typeof Modal>;
+export declare const Default: {
+    args: {
+        open: boolean;
+        closeHandler: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        title: string;
+    };
+    render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+//# sourceMappingURL=Modal.stories.d.ts.map

package/dist/components/modal/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAI5B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;mBAMH,UAAU;CAgB1B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/modal/Modal.stories.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { fn } from 'storybook/test';
+import { Modal } from './Modal';
+import { Button } from '../button/Button';
+import { useState } from 'react';
+const meta = {
+    title: 'Components/Modals/Modal',
+    component: Modal,
+    tags: ['autodocs'],
+};
+export const Default = {
+    args: {
+        open: false,
+        closeHandler: fn(),
+        title: 'Modal Title',
+    },
+    render: (args) => {
+        const [showModal, setShowModal] = useState(args.open);
+        return (_jsxs(_Fragment, { children: [_jsx(Button, { type: "primary", onClick: () => setShowModal(true), children: "Open Modal" }), _jsxs(Modal, { ...args, open: showModal, closeHandler: () => setShowModal(false), children: [_jsx(Modal.Body, { children: "Cheddar and Pickle were Norwich terriers who lived next door. Cheddar, the older, was cautious and methodical; Pickle, the younger, was bold and impulsive. One morning, Pickle spotted a squirrel in the garden and gave chase, while Cheddar watched from the porch. When Pickle got stuck under the neighbor\u2019s fence, Cheddar squeezed through a gap and nudged him free. From then on, they worked as a team: Pickle scouted, and Cheddar planned. They became inseparable, exploring the neighborhood together and always looking out for each other." }), _jsxs(Modal.Footer, { children: [_jsx(Button, { variant: "tertiary", onClick: () => setShowModal(false), children: "Close" }), _jsx(Button, { variant: "primary", onClick: () => setShowModal(false), children: "Primary Action" })] })] })] }));
+    },
+};
+export default meta;
+//# sourceMappingURL=Modal.stories.js.map

package/dist/components/modal/Modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK;QACX,YAAY,EAAE,EAAE,EAAE;QAClB,KAAK,EAAE,aAAa;KACrB;IACD,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE;QAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtD,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,2BAAqB,EAC7E,MAAC,KAAK,OAAK,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,aACvE,KAAC,KAAK,CAAC,IAAI,kjBAAwiB,EACnjB,MAAC,KAAK,CAAC,MAAM,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,sBAAgB,EAC7E,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,+BAAyB,IACxE,IACT,IACP,CAEJ,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/modal/Modal.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=Modal.test.d.ts.map

package/dist/components/modal/Modal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.test.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.test.tsx"],"names":[],"mappings":"AAIA,OAAO,kCAAkC,CAAC"}

package/dist/components/modal/Modal.test.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Modal } from './Modal';
+import '@testing-library/jest-dom/vitest';
+describe('Modal', () => {
+    test('renders when open prop is true', () => {
+        render(_jsx(Modal, { open: true, children: _jsx(Modal.Body, { children: "Modal content" }) }));
+        expect(screen.getByText('Modal content')).toBeInTheDocument();
+    });
+    test('does not render when open prop is false', () => {
+        render(_jsx(Modal, { open: false, children: _jsx(Modal.Body, { children: "Modal content" }) }));
+        expect(screen.queryByText('Modal content')).not.toBeInTheDocument();
+    });
+    test('renders with custom className', () => {
+        render(_jsx(Modal, { open: true, className: "custom-modal", children: _jsx(Modal.Body, { children: "Content" }) }));
+        const modalContainer = document.querySelector('.custom-modal');
+        expect(modalContainer).toBeInTheDocument();
+    });
+    test('renders with custom overlayClassName', () => {
+        render(_jsx(Modal, { open: true, overlayClassName: "custom-overlay", children: _jsx(Modal.Body, { children: "Content" }) }));
+        const overlay = document.querySelector('.custom-overlay');
+        expect(overlay).toBeInTheDocument();
+    });
+    test('renders with title prop', () => {
+        render(_jsx(Modal, { open: true, title: "Test Modal Title", children: _jsx(Modal.Body, { children: "Content" }) }));
+        expect(screen.getByText('Test Modal Title')).toBeInTheDocument();
+    });
+    test('renders close button by default', () => {
+        const closeHandler = vi.fn();
+        render(_jsx(Modal, { open: true, closeHandler: closeHandler, children: _jsx(Modal.Body, { children: "Content" }) }));
+        const closeButton = screen.getByRole('button');
+        expect(closeButton).toBeInTheDocument();
+    });
+    test('hides close button when hideCloseButton is true', () => {
+        const closeHandler = vi.fn();
+        render(_jsx(Modal, { open: true, hideCloseButton: true, closeHandler: closeHandler, children: _jsx(Modal.Body, { children: "Content" }) }));
+        expect(screen.queryByRole('button')).not.toBeInTheDocument();
+    });
+    test('calls closeHandler when close button is clicked', async () => {
+        const user = userEvent.setup();
+        const closeHandler = vi.fn();
+        render(_jsx(Modal, { open: true, closeHandler: closeHandler, children: _jsx(Modal.Body, { children: "Content" }) }));
+        const closeButton = screen.getByRole('button');
+        await user.click(closeButton);
+        expect(closeHandler).toHaveBeenCalledTimes(1);
+    });
+    test('calls closeHandler when Escape key is pressed', async () => {
+        const user = userEvent.setup();
+        const closeHandler = vi.fn();
+        render(_jsx(Modal, { open: true, closeHandler: closeHandler, children: _jsx(Modal.Body, { children: "Content" }) }));
+        await user.keyboard('{Escape}');
+        expect(closeHandler).toHaveBeenCalledTimes(1);
+    });
+    test('renders Modal.Header component', () => {
+        render(_jsx(Modal, { open: true, children: _jsx(Modal.Header, { children: "Header content" }) }));
+        expect(screen.getByText('Header content')).toBeInTheDocument();
+        const header = document.querySelector('.ds-modal__header');
+        expect(header).toBeInTheDocument();
+    });
+    test('renders Modal.Body component', () => {
+        render(_jsx(Modal, { open: true, children: _jsx(Modal.Body, { children: "Body content" }) }));
+        expect(screen.getByText('Body content')).toBeInTheDocument();
+        const body = document.querySelector('.ds-modal__body');
+        expect(body).toBeInTheDocument();
+    });
+    test('renders Modal.Footer component', () => {
+        render(_jsx(Modal, { open: true, children: _jsx(Modal.Footer, { children: "Footer content" }) }));
+        expect(screen.getByText('Footer content')).toBeInTheDocument();
+        const footer = document.querySelector('.ds-modal__footer');
+        expect(footer).toBeInTheDocument();
+    });
+    test('renders Modal.Title component', () => {
+        render(_jsx(Modal, { open: true, children: _jsx(Modal.Header, { children: _jsx(Modal.Title, { children: "Title content" }) }) }));
+        expect(screen.getByText('Title content')).toBeInTheDocument();
+        const title = document.querySelector('.ds-modal__title');
+        expect(title).toBeInTheDocument();
+    });
+    test('renders complete modal structure with all components', () => {
+        const closeHandler = vi.fn();
+        render(_jsxs(Modal, { open: true, closeHandler: closeHandler, children: [_jsx(Modal.Header, { children: _jsx(Modal.Title, { children: "Complete Modal" }) }), _jsx(Modal.Body, { children: "This is the modal body" }), _jsx(Modal.Footer, { children: _jsx("button", { children: "Action" }) })] }));
+        expect(screen.getByText('Complete Modal')).toBeInTheDocument();
+        expect(screen.getByText('This is the modal body')).toBeInTheDocument();
+        expect(screen.getByText('Action')).toBeInTheDocument();
+    });
+    test('applies custom className to Modal.Header', () => {
+        render(_jsx(Modal, { open: true, children: _jsx(Modal.Header, { className: "custom-header", children: "Header" }) }));
+        const header = document.querySelector('.custom-header');
+        expect(header).toBeInTheDocument();
+        expect(header).toHaveClass('ds-modal__header');
+    });
+    test('applies custom className to Modal.Body', () => {
+        render(_jsx(Modal, { open: true, children: _jsx(Modal.Body, { className: "custom-body", children: "Body" }) }));
+        const body = document.querySelector('.custom-body');
+        expect(body).toBeInTheDocument();
+        expect(body).toHaveClass('ds-modal__body');
+    });
+    test('applies custom className to Modal.Footer', () => {
+        render(_jsx(Modal, { open: true, children: _jsx(Modal.Footer, { className: "custom-footer", children: "Footer" }) }));
+        const footer = document.querySelector('.custom-footer');
+        expect(footer).toBeInTheDocument();
+        expect(footer).toHaveClass('ds-modal__footer');
+    });
+    test('renders to custom portal target', () => {
+        const container = document.createElement('div');
+        container.id = 'custom-portal';
+        document.body.appendChild(container);
+        render(_jsx(Modal, { open: true, portalTarget: container, children: _jsx(Modal.Body, { children: "Portal content" }) }));
+        expect(container.querySelector('.ds-modal__overlay')).toBeInTheDocument();
+        document.body.removeChild(container);
+    });
+    test('Modal.CloseButton does not render without closeHandler', () => {
+        render(_jsxs(Modal, { open: true, children: [_jsx(Modal.Body, { children: "Content" }), _jsx(Modal.CloseButton, {})] }));
+        // Only the default close button should be present
+        const buttons = screen.queryAllByRole('button');
+        expect(buttons).toHaveLength(0);
+    });
+    test('Modal.CloseButton renders with closeHandler in context', async () => {
+        const user = userEvent.setup();
+        const closeHandler = vi.fn();
+        render(_jsxs(Modal, { open: true, closeHandler: closeHandler, children: [_jsx(Modal.Body, { children: "Content" }), _jsx(Modal.CloseButton, { className: "custom-close" })] }));
+        const closeButtons = screen.getAllByRole('button');
+        expect(closeButtons.length).toBeGreaterThan(0);
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        await user.click(closeButtons[0]);
+        expect(closeHandler).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=Modal.test.js.map

package/dist/components/modal/Modal.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/modal/ModalBody.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type ModalBodyProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const ModalBody: (props: ModalBodyProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalBody.d.ts.map

package/dist/components/modal/ModalBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAO9C,CAAC"}

package/dist/components/modal/ModalBody.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const ModalBody = (props) => {
+    const { className, children } = props;
+    return (_jsx("div", { className: classNames('ds-modal__body', className), children: children }));
+};
+//# sourceMappingURL=ModalBody.js.map

package/dist/components/modal/ModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../src/components/modal/ModalBody.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,YACpD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/modal/ModalCloseButton.d.ts

@@ -0,0 +1,3 @@
+import { type ButtonProps } from '../button/Button';
+export declare const ModalCloseButon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ModalCloseButton.d.ts.map

package/dist/components/modal/ModalCloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalCloseButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGpE,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,mDAiCjD,CAAC"}

package/dist/components/modal/ModalCloseButton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect } from 'react';
+import { ModalContext } from './Modal';
+import { Button } from '../button/Button';
+import classNames from 'classnames';
+export const ModalCloseButon = (props) => {
+    const { className, ...rest } = props;
+    const { closeHandler } = useContext(ModalContext);
+    const handleKeyDown = (event) => {
+        if (event.key === 'Escape' && closeHandler) {
+            closeHandler();
+        }
+    };
+    useEffect(() => {
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [closeHandler]);
+    if (!closeHandler) {
+        return null;
+    }
+    return (_jsx(Button, { size: "S", onClick: closeHandler, variant: "secondary", iconRightName: "x", iconRightScreenReaderText: "Close", borderless: true, className: classNames('ds-modal__close-button', className), ...rest }));
+};
+//# sourceMappingURL=ModalCloseButton.js.map

package/dist/components/modal/ModalCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCloseButton.js","sourceRoot":"","sources":["../../../src/components/modal/ModalCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,MAAM,EAAoB,MAAM,0BAA0B,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,YAAY,EAAE,CAAC;YAC3C,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,YAAY,EACrB,OAAO,EAAC,WAAW,EACnB,aAAa,EAAC,GAAG,EACjB,yBAAyB,EAAC,OAAO,EACjC,UAAU,QACV,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,KACtD,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/modal/ModalFooter.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type ModalFooterProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const ModalFooter: (props: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/components/modal/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAKlD,CAAC"}

package/dist/components/modal/ModalFooter.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const ModalFooter = (props) => {
+    const { className, children } = props;
+    return (_jsx("footer", { className: classNames('ds-modal__footer', className), children: children }));
+};
+//# sourceMappingURL=ModalFooter.js.map

package/dist/components/modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACL,iBAAQ,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAU,CAClF,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/modal/ModalHeader.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+export type ModalHeaderProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const ModalHeader: (props: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalHeader.d.ts.map

package/dist/components/modal/ModalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAWlD,CAAC"}

package/dist/components/modal/ModalHeader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
+import classNames from 'classnames';
+export const ModalHeader = (props) => {
+    const { className, children, } = props;
+    return (_jsx("header", { className: classNames('ds-modal__header', className), children: children }));
+};
+//# sourceMappingURL=ModalHeader.js.map

package/dist/components/modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,iBAAQ,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,YACzD,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/modal/ModalTitle.d.ts

@@ -0,0 +1,3 @@
+import { Dialog } from 'radix-ui';
+export declare const ModalTitle: (props: Dialog.DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalTitle.d.ts.map

package/dist/components/modal/ModalTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,CAAC,gBAAgB,4CAQxD,CAAC"}

package/dist/components/modal/ModalTitle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Dialog } from 'radix-ui';
+export const ModalTitle = (props) => {
+    const { children, className, ...rest } = props;
+    return (_jsx(Dialog.Title, { className: classNames('ds-modal__title', className), ...rest, children: children }));
+};
+//# sourceMappingURL=ModalTitle.js.map

package/dist/components/modal/ModalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../src/components/modal/ModalTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC3D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,CACL,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACxE,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/modal/modalManager/ModalManager.d.ts

@@ -0,0 +1,7 @@
+import { type ModalProps } from '../../modal/Modal';
+type ModalManagerProps = {
+    modal?: ModalProps;
+};
+export declare const ModalManager: (props: ModalManagerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ModalManager.d.ts.map

package/dist/components/modal/modalManager/ModalManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalManager.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modalManager/ModalManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAKhE,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CA8BpD,CAAC"}

package/dist/components/modal/modalManager/ModalManager.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Modal } from '../../modal/Modal';
+import { useEffect, useRef, useState } from 'react';
+import { MODAL } from '../../../utils/Constants';
+import { usePubSub } from '../../../utils/hooks/usePubSub';
+export const ModalManager = (props) => {
+    const { modal: initialModal } = props;
+    const [modal, setModal] = useState(() => initialModal);
+    const modalManagerContainerRef = useRef(null);
+    useEffect(() => {
+        setModal(initialModal);
+    }, [initialModal]);
+    const hasModal = !!modal;
+    usePubSub(MODAL.ADD_MODAL, (newModal) => {
+        setModal(newModal);
+    });
+    usePubSub(MODAL.REMOVE_MODAL, () => {
+        setModal(undefined);
+    });
+    return (_jsx("div", { ref: modalManagerContainerRef, className: "ds-modal-manager", children: _jsx(Modal, { ...modal, open: hasModal, portalTarget: modalManagerContainerRef.current, closeHandler: () => setModal(undefined) }) }));
+};
+//# sourceMappingURL=ModalManager.js.map

package/dist/components/modal/modalManager/ModalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalManager.js","sourceRoot":"","sources":["../../../../src/components/modal/modalManager/ModalManager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAyB,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;IAE/E,MAAM,wBAAwB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IAEzB,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;QAClD,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,EAAE;QACjC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,GAAG,EAAE,wBAAwB,EAAE,SAAS,EAAC,kBAAkB,YAC9D,KAAC,KAAK,OACA,KAAK,EACT,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,wBAAwB,CAAC,OAAO,EAC9C,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,GACvC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/modal/modalManager/ModalManager.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const WithHeaderAndFooter: Story;
+export declare const WithSections: Story;
+export declare const WithFormFields: Story;
+export declare const WithScrollableContent: Story;
+export declare const DestructiveAction: Story;
+export declare const SimpleConfirmation: Story;
+export declare const ExampleErrorModal: Story;
+//# sourceMappingURL=ModalManager.stories.d.ts.map

package/dist/components/modal/modalManager/ModalManager.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalManager.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modalManager/ModalManager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAWvD,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAkBtB,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA4CjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA2C1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoE5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KA4GnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA+C/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA4ChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA4D/B,CAAC"}