@indico-data/design-system 2.60.14 → 3.0.0

package/lib/components/forms/date/inputDateRangePicker/InputDateRangePicker.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@/types';
+import { IconName } from '../../../icons/types';
 import { DateRange } from 'react-day-picker';
 interface InputDateRangePickerProps {
     ariaLabel: string;

package/lib/components/index.d.ts

@@ -18,7 +18,7 @@ export { DatePicker } from './forms/date/datePicker/DatePicker';
 export { IconTriggerDatePicker } from './forms/date/iconTriggerDatePicker';
 export { SingleInputDatePicker } from './forms/date/inputDatePicker';
 export { InputDateRangePicker } from './forms/date/inputDateRangePicker';
-export { Modal } from './modal';
+export { Modal, ConfirmationModal } from './modal';
 export { Badge } from './badge';
 export { Pagination } from './pagination';
 export { TanstackTable } from './tanstackTable';

package/lib/components/modal/ConfirmationModal.d.ts

@@ -0,0 +1,2 @@
+import { ConfirmationModalProps } from './types';
+export declare const ConfirmationModal: ({ className, overlayClassName, testId, isOpen, onRequestClose, portalClassName, appElement, parentSelector, shouldCloseOnOverlayClick, shouldCloseOnEsc, contentElement, overlayElement, footer, children, onConfirmRequest, onCancelRequest, confirmationButtonText, cancelButtonText, confirmationButtonVariant, icon, title, status, maxWidthInPixels, }: ConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { ModalProps } from './types';
-export declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, parentSelector, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, parentSelector, title, subtitle, footer, maxWidthInPixels, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { Modal } from './Modal';
+import { ConfirmationModal } from './ConfirmationModal';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof Modal>;
 export declare const Default: Story;
-export declare const ConfirmationModal: Story;
+export declare const ConfirmationModalStory: StoryObj<typeof ConfirmationModal>;

package/lib/components/modal/index.d.ts

@@ -1 +1,2 @@
 export { Modal } from './Modal';
+export { ConfirmationModal } from './ConfirmationModal';

package/lib/components/modal/types.d.ts

@@ -1,3 +1,5 @@
+import { ButtonVariants } from '../button/types';
+import { IconName } from '../icons/types';
 export interface ModalProps {
     className?: string;
     children?: React.ReactNode;
@@ -13,4 +15,17 @@ export interface ModalProps {
     overlayElement?: (props: any, contentElement: React.ReactElement) => React.ReactElement;
     position?: 'top' | 'center';
     parentSelector?: () => HTMLElement;
+    title?: string;
+    subtitle?: string;
+    footer?: React.ReactNode;
+    maxWidthInPixels?: number;
+}
+export interface ConfirmationModalProps extends ModalProps {
+    onConfirmRequest?: () => void;
+    onCancelRequest?: () => void;
+    confirmationButtonVariant?: ButtonVariants;
+    confirmationButtonText?: string;
+    cancelButtonText?: string;
+    icon?: IconName;
+    status?: 'info' | 'success' | 'error';
 }