@popsure/dirty-swan 0.51.3 → 0.53.0

package/dist/cjs/lib/components/accordion/index.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export interface AccordionItem {
+    id: string;
+    question: string;
+    icon?: ReactNode;
+    answer: ReactNode;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    classNames?: {
+        questionWrapper?: string;
+        buttonWrapper?: string;
+        wrapper?: string;
+        question?: string;
+        answer?: string;
+        icon?: string;
+        markdown?: string;
+    };
+    multiple?: boolean;
+    onClick?: (item: AccordionItem) => void;
+    variant?: 'default' | 'bordered';
+}
+declare const Accordion: ({ items, classNames, variant, multiple, onClick, }: AccordionProps) => JSX.Element;
+export { Accordion };

package/dist/cjs/lib/components/accordion/index.stories.d.ts

@@ -0,0 +1,50 @@
+import { AccordionProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ items, classNames, variant, multiple, onClick, }: AccordionProps) => JSX.Element;
+    argTypes: {
+        classNames: {
+            description: string;
+        };
+        variant: {
+            description: string;
+        };
+        multiple: {
+            description: string;
+        };
+        items: {
+            description: string;
+        };
+        onClick: {
+            description: string;
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+    };
+    args: {
+        items: {
+            id: string;
+            question: string;
+            answer: string;
+            icon: JSX.Element;
+        }[];
+        variant: string;
+        multiple: boolean;
+        classNames: {
+            questionWrapper: string;
+            buttonWrapper: string;
+            wrapper: string;
+            icon: string;
+            question: string;
+            answer: string;
+            markdown: string;
+        };
+    };
+};
+export declare const AccordionStory: {
+    ({ items, multiple, onClick, variant }: AccordionProps): JSX.Element;
+    storyName: string;
+};
+export default story;

package/dist/cjs/lib/components/chip/index.d.ts

@@ -1,7 +1,8 @@
 import { Option } from '../../models/autoSuggestInput';
-declare const _default: ({ className, value, onRemove, }: {
+export interface ChipProps {
     value: Option;
     onRemove: (value: Option) => void;
     className?: string;
-}) => JSX.Element;
+}
+declare const _default: ({ className, value, onRemove, }: ChipProps) => JSX.Element;
 export default _default;

package/dist/cjs/lib/components/chip/index.stories.d.ts

@@ -0,0 +1,35 @@
+import { ChipProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ className, value, onRemove, }: ChipProps) => JSX.Element;
+    argTypes: {
+        value: {
+            description: string;
+        };
+        onRemove: {
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        className: {
+            description: string;
+        };
+    };
+    args: {
+        value: {
+            value: string;
+            leftIcon: string;
+        };
+        className: string;
+    };
+    parameters: {
+        componentSubtitle: string;
+    };
+};
+export declare const ChipStory: {
+    ({ onRemove, value, className, }: ChipProps): JSX.Element;
+    storyName: string;
+};
+export declare const MultipleChips: () => JSX.Element;
+export default story;

package/dist/cjs/lib/components/comparisonTable/index.stories.d.ts

@@ -0,0 +1,172 @@
+import { ComparisonTableProps } from '.';
+declare const story: {
+    title: string;
+    component: <T extends {
+        id: number;
+    }>(props: ComparisonTableProps<T>) => JSX.Element;
+    argTypes: {
+        headers: {
+            description: string;
+        };
+        data: {
+            description: string;
+        };
+        hideDetails: {
+            description: string;
+        };
+        hideDetailsCaption: {
+            description: string;
+        };
+        showDetailsCaption: {
+            description: string;
+        };
+        hideScrollBars: {
+            description: string;
+        };
+        hideScrollBarsMobile: {
+            description: string;
+        };
+        collapsibleSections: {
+            description: string;
+        };
+        cellWidth: {
+            description: string;
+        };
+        firstColumnWidth: {
+            description: string;
+        };
+        stickyHeaderTopOffset: {
+            description: string;
+        };
+        growContent: {
+            description: string;
+        };
+        classNameOverrides: {
+            description: string;
+        };
+        onSelectionChanged: {
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+    args: {
+        data: {
+            id: number;
+            name: string;
+            country: string;
+            year: string;
+            rating: number;
+            imdb: number;
+            recommended: number;
+            familyFriendly: boolean;
+            boxOffice: number;
+        }[];
+        headers: ({
+            id: number;
+            default: boolean;
+            cells: ({
+                id: number;
+                key: string;
+                label: string;
+                render: (value: string) => JSX.Element;
+            } | {
+                id: number;
+                key: string;
+                label: string;
+                render?: undefined;
+            } | {
+                id: number;
+                key: string;
+                label: JSX.Element;
+                render: (value: number) => JSX.Element;
+            } | {
+                id: number;
+                key: string;
+                label: string;
+                render: (value: boolean) => JSX.Element;
+            } | {
+                id: number;
+                key: string;
+                label: string;
+                render: (value: number) => string;
+            })[];
+            label?: undefined;
+        } | {
+            id: number;
+            label: string;
+            cells: ({
+                id: number;
+                key: string;
+                label: string;
+                render?: undefined;
+                addonId?: undefined;
+            } | {
+                id: number;
+                key: string;
+                label: string;
+                render: (value: number) => JSX.Element;
+                addonId?: undefined;
+            } | {
+                id: number;
+                key: string;
+                label: string;
+                render: (value: boolean) => JSX.Element;
+                addonId?: undefined;
+            } | {
+                id: number;
+                key: string;
+                label: string;
+                render: (value: number) => string;
+                addonId?: undefined;
+            } | {
+                addonId: string;
+                label: JSX.Element;
+                id?: undefined;
+                key?: undefined;
+                render?: undefined;
+            })[];
+            default?: undefined;
+        })[];
+        hideDetails: boolean;
+        hideDetailsCaption: string;
+        showDetailsCaption: string;
+        hideScrollBars: boolean;
+        hideScrollBarsMobile: boolean;
+        collapsibleSections: boolean;
+        cellWidth: undefined;
+        firstColumnWidth: undefined;
+        stickyHeaderTopOffset: number;
+        growContent: boolean;
+        classNameOverrides: {
+            header: string;
+            container: string;
+            cell: string;
+            headerCell: string;
+            collapsibleSection: string;
+            section: string;
+            hideDetailsButton: string;
+        };
+    };
+    parameters: {
+        componentSubtitle: string;
+    };
+};
+interface Data {
+    id: number;
+    name: string;
+    country: string;
+    year: string;
+    rating: number;
+    imdb: number;
+    recommended: number;
+    familyFriendly: boolean;
+    boxOffice: number;
+}
+export declare const ComparisonTableStory: {
+    ({ data, headers, collapsibleSections, hideDetails, classNameOverrides, hideDetailsCaption, showDetailsCaption, hideScrollBars, hideScrollBarsMobile, cellWidth, firstColumnWidth, stickyHeaderTopOffset, growContent, }: ComparisonTableProps<Data>): JSX.Element;
+    storyName: string;
+};
+export declare const HeaderType: () => JSX.Element;
+export default story;

package/dist/cjs/lib/index.d.ts

@@ -19,7 +19,6 @@ import Chip from './components/chip';
 import { AutoSuggestInput } from './components/input/autoSuggestInput';
 import { ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, TableHeader } from './components/comparisonTable';
 import { SegmentedControl } from './components/segmentedControl';
-import { Markdown } from './components/markdown';
 import { Link } from './components/link';
 import { illustrations, images, IllustrationKeys } from './util/images';
 import { Spinner } from './components/spinner';
@@ -27,6 +26,6 @@ import { Toggle } from './components/input/toggle';
 import { Toaster, toast } from './components/toast';
 import { IconWrapperProps } from './components/icon/IconWrapper';
 export * from './components/icon';
-export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Toggle, Toaster, toast, };
+export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Toggle, Toaster, toast, };
 export type { IllustrationKeys, InformationBoxProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps };
 export type { DownloadStatus } from './models/download';

package/dist/esm/{Calendar-ab50ad9c.js → Calendar-da0c3e4e.js}

@@ -2050,4 +2050,4 @@ var Calendar = function (_a) {
 };
 
 export { Calendar as C, dayjs as a, dayjs_min as d };
-//# sourceMappingURL=Calendar-ab50ad9c.js.map
+//# sourceMappingURL=Calendar-da0c3e4e.js.map