@popsure/dirty-swan 0.65.0 → 0.66.0

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface SearchableDropdownOption {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+}
+export interface SearchableDropdownProps {
+    options: SearchableDropdownOption[];
+    value: string | null;
+    onChange: (value: string) => void;
+    searchable?: boolean;
+    placeholder?: string;
+    triggerPlaceholder?: string;
+    noResultsText?: string;
+    groupName?: string;
+    dropUp?: boolean;
+    condensed?: boolean;
+    bordered?: boolean;
+    showChevron?: boolean;
+    disabled?: boolean;
+}
+export declare const SearchableDropdown: ({ options, value, onChange, searchable, placeholder, triggerPlaceholder, noResultsText, groupName: groupNameProp, dropUp, condensed, bordered, showChevron, disabled, }: SearchableDropdownProps) => JSX.Element;

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

@@ -0,0 +1,108 @@
+import { SearchableDropdownProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ options, value, onChange, searchable, placeholder, triggerPlaceholder, noResultsText, groupName: groupNameProp, dropUp, condensed, bordered, showChevron, disabled, }: SearchableDropdownProps) => JSX.Element;
+    argTypes: {
+        options: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            description: string;
+        };
+        onChange: {
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+        searchable: {
+            description: string;
+            control: string;
+        };
+        placeholder: {
+            description: string;
+            control: string;
+        };
+        triggerPlaceholder: {
+            description: string;
+            control: string;
+        };
+        noResultsText: {
+            description: string;
+            control: string;
+        };
+        groupName: {
+            description: string;
+            control: string;
+        };
+        dropUp: {
+            description: string;
+            control: string;
+        };
+        condensed: {
+            description: string;
+            control: string;
+        };
+        bordered: {
+            description: string;
+            control: string;
+        };
+        showChevron: {
+            description: string;
+            control: string;
+        };
+    };
+    args: {
+        options: {
+            id: string;
+            label: string;
+        }[];
+        value: string;
+        searchable: boolean;
+        placeholder: string;
+        triggerPlaceholder: string;
+        noResultsText: string;
+        groupName: string;
+        dropUp: boolean;
+        condensed: boolean;
+        bordered: boolean;
+        showChevron: boolean;
+    };
+    parameters: {
+        componentSubtitle: string;
+    };
+};
+export declare const Default: {
+    render: (args: SearchableDropdownProps) => JSX.Element;
+    name: string;
+};
+export declare const Searchable: {
+    render: (args: SearchableDropdownProps) => JSX.Element;
+    name: string;
+};
+export declare const WithIcons: {
+    render: (args: SearchableDropdownProps) => JSX.Element;
+    name: string;
+};
+export declare const Condensed: {
+    render: (args: SearchableDropdownProps) => JSX.Element;
+    name: string;
+};
+export declare const WithChevron: {
+    render: (args: SearchableDropdownProps) => JSX.Element;
+    name: string;
+};
+export declare const Disabled: {
+    render: (args: SearchableDropdownProps) => JSX.Element;
+    name: string;
+};
+export declare const DropUp: {
+    render: (args: SearchableDropdownProps) => JSX.Element;
+    name: string;
+};
+export default story;

package/dist/cjs/lib/components/searchableDropdown/index.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -19,6 +19,7 @@ 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 { SearchableDropdown, SearchableDropdownProps, SearchableDropdownOption } from './components/searchableDropdown';
 import { Link } from './components/link';
 import { illustrations, images, IllustrationKeys } from './util/images';
 import { Spinner } from './components/spinner';
@@ -40,6 +41,6 @@ import { LogoInverted } from './components/logo/LogoInverted';
 import { LogoPositiveColor } from './components/logo/LogoPositiveColor';
 import { LogoPositiveBlack } from './components/logo/LogoPositiveBlack';
 export * from './components/icon';
-export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, };
-export type { AccordionProps, BadgeProps, IllustrationKeys, InformationBoxProps, InputProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps, };
+export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SearchableDropdown, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, };
+export type { AccordionProps, SearchableDropdownProps, SearchableDropdownOption, BadgeProps, IllustrationKeys, InformationBoxProps, InputProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps, };
 export type { DownloadStatus } from './models/download';

package/dist/esm/{Calendar-C7I0F5Gv.js → Calendar-8rhyapMz.js}

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { createContext, useContext, useCallback, useRef, useLayoutEffect, useState, useEffect, useMemo } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+import { u as useOnClickOutside } from './useOnClickOutside-B5hujnpp.js';
 import './index-DLQEsiym.js';
 import CalendarIcon from './components/icon/icons/Calendar.js';
 import { Button as Button$1 } from './components/button/index.js';
@@ -7950,23 +7951,6 @@ var css_248z$2 = "/* Variables declaration */\n.style-module_root__397VY {\n  --
 var rdpStyles = {"root":"style-module_root__397VY","day":"style-module_day__3Of7v","day_button":"style-module_day_button__NHOJQ","caption_label":"style-module_caption_label__2jNru","dropdown":"style-module_dropdown__2Hqem","button_next":"style-module_button_next__1Y8VT","button_previous":"style-module_button_previous__4lqFd","chevron":"style-module_chevron__27dGE","nav":"style-module_nav__1oqsc","dropdowns":"style-module_dropdowns__3dfRh","dropdown_root":"style-module_dropdown_root__1LpNh","month_caption":"style-module_month_caption__2sS7m","month":"style-module_month__1jOhg","months":"style-module_months__1inbJ","month_grid":"style-module_month_grid__649FG","weekday":"style-module_weekday__2A6l9","week_number":"style-module_week_number__1XQcM","today":"style-module_today__22ht3","outside":"style-module_outside__HzwPr","selected":"style-module_selected__3vu1p","disabled":"style-module_disabled__1DY3G","hidden":"style-module_hidden__1I1H_","range_start":"style-module_range_start__17hzi","range_middle":"style-module_range_middle__3V7gH","range_end":"style-module_range_end__1x_xp","focusable":"style-module_focusable__2S7MB","weeks_before_enter":"style-module_weeks_before_enter__2DcyY","rdp-slide_in_left":"style-module_rdp-slide_in_left__35fJM","weeks_before_exit":"style-module_weeks_before_exit__3JiYu","rdp-slide_out_left":"style-module_rdp-slide_out_left__15i75","weeks_after_enter":"style-module_weeks_after_enter__1wXPr","rdp-slide_in_right":"style-module_rdp-slide_in_right__3c2Yx","weeks_after_exit":"style-module_weeks_after_exit__QowsX","rdp-slide_out_right":"style-module_rdp-slide_out_right__3P_so","caption_after_enter":"style-module_caption_after_enter__11QIZ","rdp-fade_in":"style-module_rdp-fade_in__1kFDk","caption_after_exit":"style-module_caption_after_exit__N0Asa","rdp-fade_out":"style-module_rdp-fade_out__f0rb_","caption_before_enter":"style-module_caption_before_enter__1MZup","caption_before_exit":"style-module_caption_before_exit__2XjDZ"};
 styleInject(css_248z$2);
 
-var useOnClickOutside = function (ref, callback) {
-    useEffect(function () {
-        var listener = function (event) {
-            if (!ref.current || ref.current.contains(event.target)) {
-                return;
-            }
-            callback(event);
-        };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
-        return function () {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
-        };
-    }, [ref, callback]);
-};
-
 var css_248z$1 = ".style-module_container__3SY_g {\n  position: relative;\n}";
 var styles = {"container":"style-module_container__3SY_g"};
 styleInject(css_248z$1);
@@ -8028,5 +8012,5 @@ var Calendar = function (_a) {
                 }, classNames: __assign(__assign({}, rdpStyles), datepickerStyles) }))] }));
 };
 
-export { Calendar as C, dayjs as d, requireDayjs_min as r, useOnClickOutside as u };
-//# sourceMappingURL=Calendar-C7I0F5Gv.js.map
+export { Calendar as C, dayjs as d, requireDayjs_min as r };
+//# sourceMappingURL=Calendar-8rhyapMz.js.map