@soyfri/shared-library 1.2.2 → 1.3.0

package/components/Modal/index.ts

@@ -0,0 +1 @@
+export * from '../../esm/components/Modal';

package/esm/components/Modal/Modal.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DialogProps } from '@mui/material/Dialog';
+import { ModalAction, ModalFooter } from './ModalFooter';
+import { ModalHeader } from './ModalHeader';
+import { ModalBody } from './ModalBody';
+export interface ModalRef {
+    open: () => void;
+    close: () => void;
+}
+interface ModalProps {
+    open?: boolean;
+    onClose?: () => void;
+    title?: string;
+    children: React.ReactNode;
+    showCloseButton?: boolean;
+    closeButtonText?: string;
+    closeButtonDisabled?: boolean;
+    actions?: ModalAction[];
+    maxWidth?: DialogProps['maxWidth'];
+}
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>>;
+type ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+};
+declare const ModalWithStatics: ModalComponent;
+export default ModalWithStatics;

package/esm/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Modal from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const ImperativeControl: Story;
+export declare const CompleteStructure: Story;
+export declare const NoDefaultCloseButton: Story;
+export declare const DisabledCloseButton: Story;
+export declare const Sizing: Story;
+export declare const LongContent: Story;

package/esm/components/Modal/ModalBody.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ModalBodyProps {
+    children: React.ReactNode;
+}
+export declare const ModalBody: React.FC<ModalBodyProps>;
+export default ModalBody;

package/esm/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material/Button';
+export interface ModalAction {
+    text: string;
+    onClick: () => void;
+    disabled?: boolean;
+    variant?: ButtonProps['variant'];
+    color?: ButtonProps['color'];
+}
+export interface ModalFooterProps {
+    children?: React.ReactNode;
+    showCloseButton?: boolean;
+    closeButtonText?: string;
+    closeButtonDisabled?: boolean;
+    onClose: () => void;
+    actions?: ModalAction[];
+}
+export declare const ModalFooter: React.FC<ModalFooterProps>;
+export default ModalFooter;

package/esm/components/Modal/ModalHeader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ModalHeaderProps {
+    children: React.ReactNode;
+}
+export declare const ModalHeader: React.FC<ModalHeaderProps>;
+export default ModalHeader;

package/esm/components/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Modal } from './Modal';
+export { default as ModalBody } from './ModalBody';
+export { default as ModalFooter } from './ModalFooter';
+export { default as ModalHeader } from './ModalHeader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -60,6 +60,11 @@
       "require": "./cjs/components/Select.cjs",
       "types": "./esm/components/Select/Select.d.ts"
     },
+    "./components/Modal": {
+      "import": "./esm/components/Modal.js",
+      "require": "./cjs/components/Modal.cjs",
+      "types": "./esm/components/Modal/Modal.d.ts"
+    },
     "./components/MenuButton": {
       "import": "./esm/components/MenuButton.js",
       "require": "./cjs/components/MenuButton.cjs",