@getmicdrop/svelte-components 5.5.1 → 5.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calendar/AboutShow/AboutShow.spec.d.ts +2 -0
- package/dist/calendar/AboutShow/AboutShow.spec.d.ts.map +1 -0
- package/dist/calendar/AboutShow/AboutShow.spec.js +791 -0
- package/dist/calendar/AboutShow/AboutShow.svelte +172 -172
- package/dist/calendar/Calendar/MiniMonthCalendar.spec.d.ts +2 -0
- package/dist/calendar/Calendar/MiniMonthCalendar.spec.d.ts.map +1 -0
- package/dist/calendar/Calendar/MiniMonthCalendar.spec.js +1191 -0
- package/dist/calendar/Calendar/MiniMonthCalendar.svelte +782 -782
- package/dist/calendar/FAQs/FAQs.spec.d.ts +2 -0
- package/dist/calendar/FAQs/FAQs.spec.d.ts.map +1 -0
- package/dist/calendar/FAQs/FAQs.spec.js +238 -0
- package/dist/calendar/FAQs/FAQs.svelte +75 -75
- package/dist/calendar/MonthSwitcher/MonthSwitcher.spec.d.ts +2 -0
- package/dist/calendar/MonthSwitcher/MonthSwitcher.spec.d.ts.map +1 -0
- package/dist/calendar/MonthSwitcher/MonthSwitcher.spec.js +420 -0
- package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte +126 -126
- package/dist/calendar/OrderSummary/OrderSummary.spec.d.ts +2 -0
- package/dist/calendar/OrderSummary/OrderSummary.spec.d.ts.map +1 -0
- package/dist/calendar/OrderSummary/OrderSummary.spec.js +808 -0
- package/dist/calendar/OrderSummary/OrderSummary.svelte +367 -367
- package/dist/calendar/PublicCard/PublicCard.spec.d.ts +2 -0
- package/dist/calendar/PublicCard/PublicCard.spec.d.ts.map +1 -0
- package/dist/calendar/PublicCard/PublicCard.spec.js +301 -0
- package/dist/calendar/PublicCard/PublicCard.svelte +134 -134
- package/dist/calendar/ShowCard/ShowCard.spec.d.ts +2 -0
- package/dist/calendar/ShowCard/ShowCard.spec.d.ts.map +1 -0
- package/dist/calendar/ShowCard/ShowCard.spec.js +714 -0
- package/dist/calendar/ShowCard/ShowCard.svelte +157 -157
- package/dist/calendar/ShowTimeCard/ShowTimeCard.spec.d.ts +2 -0
- package/dist/calendar/ShowTimeCard/ShowTimeCard.spec.d.ts.map +1 -0
- package/dist/calendar/ShowTimeCard/ShowTimeCard.spec.js +241 -0
- package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +61 -61
- package/dist/components/Layout/Grid.svelte +4 -4
- package/dist/components/Layout/Section.spec.d.ts +2 -0
- package/dist/components/Layout/Section.spec.d.ts.map +1 -0
- package/dist/components/Layout/Section.spec.js +149 -0
- package/dist/components/Layout/Section.svelte +80 -80
- package/dist/components/Layout/Sidebar.spec.d.ts +2 -0
- package/dist/components/Layout/Sidebar.spec.d.ts.map +1 -0
- package/dist/components/Layout/Sidebar.spec.js +186 -0
- package/dist/components/Layout/Sidebar.svelte +108 -108
- package/dist/components/Layout/Stack.spec.js +3 -3
- package/dist/components/Layout/Stack.svelte +6 -6
- package/dist/constants/formOptions.spec.js +9 -5
- package/dist/constants/validation.js +91 -91
- package/dist/constants/validation.spec.js +64 -64
- package/dist/datetime/__tests__/format.test.js +1 -1
- package/dist/datetime/__tests__/parse.test.js +1 -1
- package/dist/datetime/__tests__/timezone.test.js +124 -2
- package/dist/datetime/parse.js +1 -1
- package/dist/forms/createFieldTracker.spec.d.ts +2 -0
- package/dist/forms/createFieldTracker.spec.d.ts.map +1 -0
- package/dist/forms/createFieldTracker.spec.js +343 -0
- package/dist/forms/createFormStore.spec.d.ts +2 -0
- package/dist/forms/createFormStore.spec.d.ts.map +1 -0
- package/dist/forms/createFormStore.spec.js +689 -0
- package/dist/forms/createFormStore.svelte.js +0 -1
- package/dist/index.d.ts +5 -112
- package/dist/index.js +40 -225
- package/dist/patterns/data/DataGrid.spec.d.ts +2 -0
- package/dist/patterns/data/DataGrid.spec.d.ts.map +1 -0
- package/dist/patterns/data/DataGrid.spec.js +159 -0
- package/dist/patterns/data/DataGrid.svelte +45 -45
- package/dist/patterns/data/DataList.spec.d.ts +2 -0
- package/dist/patterns/data/DataList.spec.d.ts.map +1 -0
- package/dist/patterns/data/DataList.spec.js +158 -0
- package/dist/patterns/data/DataList.svelte +24 -24
- package/dist/patterns/data/DataTable.spec.d.ts +2 -0
- package/dist/patterns/data/DataTable.spec.d.ts.map +1 -0
- package/dist/patterns/data/DataTable.spec.js +196 -0
- package/dist/patterns/data/DataTable.svelte +36 -36
- package/dist/patterns/forms/FormActions.spec.js +95 -88
- package/dist/patterns/forms/FormActions.stories.svelte +97 -97
- package/dist/patterns/forms/FormActions.svelte +46 -46
- package/dist/patterns/forms/FormGrid.spec.d.ts +2 -0
- package/dist/patterns/forms/FormGrid.spec.d.ts.map +1 -0
- package/dist/patterns/forms/FormGrid.spec.js +125 -0
- package/dist/patterns/forms/FormGrid.svelte +33 -33
- package/dist/patterns/forms/FormSection.spec.d.ts +2 -0
- package/dist/patterns/forms/FormSection.spec.d.ts.map +1 -0
- package/dist/patterns/forms/FormSection.spec.js +153 -0
- package/dist/patterns/forms/FormSection.svelte +32 -32
- package/dist/patterns/forms/FormValidationSummary.stories.svelte +83 -83
- package/dist/patterns/forms/FormValidationSummary.svelte +33 -33
- package/dist/patterns/layout/Sidebar.spec.d.ts +2 -0
- package/dist/patterns/layout/Sidebar.spec.d.ts.map +1 -0
- package/dist/patterns/layout/Sidebar.spec.js +159 -0
- package/dist/patterns/layout/Sidebar.svelte +39 -39
- package/dist/patterns/navigation/BottomNav.stories.svelte +117 -117
- package/dist/patterns/navigation/BottomNav.svelte +20 -20
- package/dist/patterns/navigation/Header.spec.js +33 -24
- package/dist/patterns/navigation/Header.stories.svelte +77 -77
- package/dist/patterns/navigation/Header.svelte +193 -193
- package/dist/patterns/page/PageHeader.spec.d.ts +2 -0
- package/dist/patterns/page/PageHeader.spec.d.ts.map +1 -0
- package/dist/patterns/page/PageHeader.spec.js +167 -0
- package/dist/patterns/page/PageHeader.svelte +18 -18
- package/dist/patterns/page/PageLayout.spec.d.ts +2 -0
- package/dist/patterns/page/PageLayout.spec.d.ts.map +1 -0
- package/dist/patterns/page/PageLayout.spec.js +145 -0
- package/dist/patterns/page/PageLayout.svelte +40 -40
- package/dist/patterns/page/PageLoader.spec.js +57 -54
- package/dist/patterns/page/PageLoader.stories.svelte +137 -137
- package/dist/patterns/page/PageLoader.svelte +24 -24
- package/dist/patterns/page/SectionHeader.spec.d.ts +2 -0
- package/dist/patterns/page/SectionHeader.spec.d.ts.map +1 -0
- package/dist/patterns/page/SectionHeader.spec.js +197 -0
- package/dist/patterns/page/SectionHeader.svelte +29 -29
- package/dist/presets/badges.js +112 -112
- package/dist/presets/badges.spec.d.ts +2 -0
- package/dist/presets/badges.spec.d.ts.map +1 -0
- package/dist/presets/badges.spec.js +172 -0
- package/dist/presets/buttons.js +76 -76
- package/dist/presets/buttons.spec.d.ts +2 -0
- package/dist/presets/buttons.spec.d.ts.map +1 -0
- package/dist/presets/buttons.spec.js +135 -0
- package/dist/presets/index.js +9 -9
- package/dist/primitives/Accordion/Accordion.spec.d.ts +2 -0
- package/dist/primitives/Accordion/Accordion.spec.d.ts.map +1 -0
- package/dist/primitives/Accordion/Accordion.spec.js +83 -0
- package/dist/primitives/Accordion/Accordion.stories.svelte +75 -75
- package/dist/primitives/Accordion/Accordion.svelte +42 -42
- package/dist/primitives/Accordion/AccordionItem.spec.d.ts +2 -0
- package/dist/primitives/Accordion/AccordionItem.spec.d.ts.map +1 -0
- package/dist/primitives/Accordion/AccordionItem.spec.js +661 -0
- package/dist/primitives/Accordion/AccordionItem.svelte +95 -95
- package/dist/primitives/Accordion/AccordionItemWrapper.test.svelte +107 -0
- package/dist/primitives/Accordion/AccordionItemWrapper.test.svelte.d.ts +35 -0
- package/dist/primitives/Accordion/AccordionItemWrapper.test.svelte.d.ts.map +1 -0
- package/dist/primitives/Alert/Alert.spec.js +173 -170
- package/dist/primitives/Alert/Alert.stories.svelte +88 -88
- package/dist/primitives/Alert/Alert.svelte +27 -27
- package/dist/primitives/Avatar/Avatar.spec.d.ts +2 -0
- package/dist/primitives/Avatar/Avatar.spec.d.ts.map +1 -0
- package/dist/primitives/Avatar/Avatar.spec.js +211 -0
- package/dist/primitives/Avatar/Avatar.stories.svelte +94 -94
- package/dist/primitives/Avatar/Avatar.svelte +66 -66
- package/dist/primitives/Badges/Badge.spec.js +144 -103
- package/dist/primitives/Badges/Badge.stories.svelte +86 -86
- package/dist/primitives/Badges/Badge.svelte +79 -79
- package/dist/primitives/BottomSheet/BottomSheet.spec.js +136 -127
- package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +83 -83
- package/dist/primitives/BottomSheet/BottomSheet.svelte +100 -100
- package/dist/primitives/BottomSheet/BottomSheetWrapper.test.svelte +13 -0
- package/dist/primitives/BottomSheet/BottomSheetWrapper.test.svelte.d.ts +7 -0
- package/dist/primitives/BottomSheet/BottomSheetWrapper.test.svelte.d.ts.map +1 -0
- package/dist/primitives/Breadcrumb/Breadcrumb.spec.js +122 -120
- package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte +23 -23
- package/dist/primitives/Breadcrumb/Breadcrumb.svelte +89 -89
- package/dist/primitives/Button/Button.spec.js +223 -211
- package/dist/primitives/Button/Button.stories.svelte +76 -76
- package/dist/primitives/Button/Button.svelte +270 -270
- package/dist/primitives/Button/ButtonSaveDemo.spec.js +146 -48
- package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
- package/dist/primitives/Button/ButtonVariantShowcase.spec.d.ts +2 -0
- package/dist/primitives/Button/ButtonVariantShowcase.spec.d.ts.map +1 -0
- package/dist/primitives/Button/ButtonVariantShowcase.spec.js +202 -0
- package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
- package/dist/primitives/Card.spec.js +49 -49
- package/dist/primitives/Card.stories.svelte +22 -22
- package/dist/primitives/Card.svelte +28 -28
- package/dist/primitives/Checkbox/Checkbox.spec.d.ts +2 -0
- package/dist/primitives/Checkbox/Checkbox.spec.d.ts.map +1 -0
- package/dist/primitives/Checkbox/Checkbox.spec.js +252 -0
- package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
- package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
- package/dist/primitives/DarkModeToggle.spec.js +390 -357
- package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
- package/dist/primitives/DarkModeToggle.svelte +136 -136
- package/dist/primitives/Drawer/Drawer.spec.d.ts +2 -0
- package/dist/primitives/Drawer/Drawer.spec.d.ts.map +1 -0
- package/dist/primitives/Drawer/Drawer.spec.js +212 -0
- package/dist/primitives/Drawer/Drawer.stories.svelte +80 -80
- package/dist/primitives/Drawer/Drawer.svelte +120 -120
- package/dist/primitives/Dropdown/Dropdown.spec.d.ts +2 -0
- package/dist/primitives/Dropdown/Dropdown.spec.d.ts.map +1 -0
- package/dist/primitives/Dropdown/Dropdown.spec.js +366 -0
- package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
- package/dist/primitives/Dropdown/Dropdown.svelte +14 -14
- package/dist/primitives/Dropdown/DropdownItem.spec.d.ts +2 -0
- package/dist/primitives/Dropdown/DropdownItem.spec.d.ts.map +1 -0
- package/dist/primitives/Dropdown/DropdownItem.spec.js +182 -0
- package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
- package/dist/primitives/Icons/ArrowLeft.svelte +8 -8
- package/dist/primitives/Icons/ArrowRight.svelte +8 -8
- package/dist/primitives/Icons/Availability.svelte +14 -14
- package/dist/primitives/Icons/Back.svelte +14 -14
- package/dist/primitives/Icons/CheckCircle.svelte +6 -6
- package/dist/primitives/Icons/CheckCircleOutline.svelte +15 -15
- package/dist/primitives/Icons/ChevronLeft.svelte +4 -4
- package/dist/primitives/Icons/ChevronRight.svelte +4 -4
- package/dist/primitives/Icons/Copy.svelte +15 -15
- package/dist/primitives/Icons/Cross.svelte +5 -5
- package/dist/primitives/Icons/DownArrow.svelte +8 -8
- package/dist/primitives/Icons/ErrorCircle.svelte +6 -6
- package/dist/primitives/Icons/FacebookIcon.svelte +2 -2
- package/dist/primitives/Icons/Home.svelte +15 -15
- package/dist/primitives/Icons/Icon.spec.js +169 -169
- package/dist/primitives/Icons/Icon.stories.svelte +100 -100
- package/dist/primitives/Icons/Icon.svelte +52 -52
- package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
- package/dist/primitives/Icons/Info.svelte +7 -7
- package/dist/primitives/Icons/InstagramIcon.svelte +4 -4
- package/dist/primitives/Icons/LogoInstagram.svelte +2 -2
- package/dist/primitives/Icons/Message.svelte +15 -15
- package/dist/primitives/Icons/MoonIcon.svelte +5 -5
- package/dist/primitives/Icons/More.svelte +21 -21
- package/dist/primitives/Icons/MoreHori.spec.js +61 -61
- package/dist/primitives/Icons/MoreHori.svelte +22 -22
- package/dist/primitives/Icons/Notification.svelte +14 -14
- package/dist/primitives/Icons/Payment.svelte +14 -14
- package/dist/primitives/Icons/Profile.svelte +21 -21
- package/dist/primitives/Icons/Reload.svelte +29 -29
- package/dist/primitives/Icons/Shows.svelte +21 -21
- package/dist/primitives/Icons/Signout.svelte +21 -21
- package/dist/primitives/Icons/SunIcon.svelte +8 -8
- package/dist/primitives/Icons/TiktokIcon.svelte +2 -2
- package/dist/primitives/Icons/TwitterIcon.svelte +2 -2
- package/dist/primitives/Icons/WarningIcon.spec.js +18 -18
- package/dist/primitives/Icons/WarningIcon.svelte +5 -5
- package/dist/primitives/Icons/iconTestUtils.spec.d.ts +2 -0
- package/dist/primitives/Icons/iconTestUtils.spec.d.ts.map +1 -0
- package/dist/primitives/Icons/iconTestUtils.spec.js +235 -0
- package/dist/primitives/Input/Input.spec.js +573 -573
- package/dist/primitives/Input/Input.stories.svelte +139 -139
- package/dist/primitives/Input/Input.svelte +384 -397
- package/dist/primitives/Input/Input.svelte.d.ts.map +1 -1
- package/dist/primitives/Input/Select.spec.js +212 -218
- package/dist/primitives/Input/Select.stories.svelte +112 -112
- package/dist/primitives/Input/Select.svelte +128 -128
- package/dist/primitives/Input/Textarea.spec.d.ts +2 -0
- package/dist/primitives/Input/Textarea.spec.d.ts.map +1 -0
- package/dist/primitives/Input/Textarea.spec.js +255 -0
- package/dist/primitives/Input/Textarea.stories.svelte +137 -137
- package/dist/primitives/Input/Textarea.svelte +35 -35
- package/dist/primitives/Label/Label.spec.d.ts +2 -0
- package/dist/primitives/Label/Label.spec.d.ts.map +1 -0
- package/dist/primitives/Label/Label.spec.js +157 -0
- package/dist/primitives/Label/Label.svelte +37 -37
- package/dist/primitives/Modal/Modal.spec.js +99 -95
- package/dist/primitives/Modal/Modal.stories.svelte +86 -86
- package/dist/primitives/Modal/Modal.svelte +158 -158
- package/dist/primitives/Modal/ModalTestWrapper.svelte +65 -0
- package/dist/primitives/Modal/ModalTestWrapper.svelte.d.ts +23 -0
- package/dist/primitives/Modal/ModalTestWrapper.svelte.d.ts.map +1 -0
- package/dist/primitives/NumberInput/NumberInput.spec.d.ts +2 -0
- package/dist/primitives/NumberInput/NumberInput.spec.d.ts.map +1 -0
- package/dist/primitives/NumberInput/NumberInput.spec.js +235 -0
- package/dist/primitives/NumberInput/NumberInput.svelte +106 -106
- package/dist/primitives/Pagination/Pagination.spec.d.ts +2 -0
- package/dist/primitives/Pagination/Pagination.spec.d.ts.map +1 -0
- package/dist/primitives/Pagination/Pagination.spec.js +266 -0
- package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
- package/dist/primitives/Pagination/Pagination.svelte +261 -261
- package/dist/primitives/Radio/Radio.spec.d.ts +2 -0
- package/dist/primitives/Radio/Radio.spec.d.ts.map +1 -0
- package/dist/primitives/Radio/Radio.spec.js +206 -0
- package/dist/primitives/Radio/Radio.stories.svelte +80 -80
- package/dist/primitives/Radio/Radio.svelte +67 -67
- package/dist/primitives/Skeleton/CardPlaceholder.spec.d.ts +2 -0
- package/dist/primitives/Skeleton/CardPlaceholder.spec.d.ts.map +1 -0
- package/dist/primitives/Skeleton/CardPlaceholder.spec.js +156 -0
- package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -87
- package/dist/primitives/Skeleton/ImagePlaceholder.spec.d.ts +2 -0
- package/dist/primitives/Skeleton/ImagePlaceholder.spec.d.ts.map +1 -0
- package/dist/primitives/Skeleton/ImagePlaceholder.spec.js +120 -0
- package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -59
- package/dist/primitives/Skeleton/ListPlaceholder.spec.d.ts +2 -0
- package/dist/primitives/Skeleton/ListPlaceholder.spec.d.ts.map +1 -0
- package/dist/primitives/Skeleton/ListPlaceholder.spec.js +220 -0
- package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -76
- package/dist/primitives/Skeleton/Skeleton.spec.d.ts +2 -0
- package/dist/primitives/Skeleton/Skeleton.spec.d.ts.map +1 -0
- package/dist/primitives/Skeleton/Skeleton.spec.js +173 -0
- package/dist/primitives/Skeleton/Skeleton.stories.svelte +151 -151
- package/dist/primitives/Skeleton/Skeleton.svelte +26 -26
- package/dist/primitives/Spinner/Spinner.spec.js +71 -75
- package/dist/primitives/Spinner/Spinner.stories.svelte +29 -29
- package/dist/primitives/Spinner/Spinner.svelte +20 -20
- package/dist/primitives/Tabs/TabItem.spec.d.ts +2 -0
- package/dist/primitives/Tabs/TabItem.spec.d.ts.map +1 -0
- package/dist/primitives/Tabs/TabItem.spec.js +130 -0
- package/dist/primitives/Tabs/TabItem.svelte +49 -49
- package/dist/primitives/Tabs/Tabs.spec.d.ts +2 -0
- package/dist/primitives/Tabs/Tabs.spec.d.ts.map +1 -0
- package/dist/primitives/Tabs/Tabs.spec.js +295 -0
- package/dist/primitives/Tabs/Tabs.stories.svelte +112 -112
- package/dist/primitives/Tabs/Tabs.svelte +123 -123
- package/dist/primitives/Tabs/TabsWithItems.test.svelte +18 -0
- package/dist/primitives/Tabs/TabsWithItems.test.svelte.d.ts +16 -0
- package/dist/primitives/Tabs/TabsWithItems.test.svelte.d.ts.map +1 -0
- package/dist/primitives/Toggle.spec.js +143 -127
- package/dist/primitives/Toggle.stories.svelte +92 -92
- package/dist/primitives/Toggle.svelte +71 -71
- package/dist/primitives/Typography/Typography.spec.d.ts +2 -0
- package/dist/primitives/Typography/Typography.spec.d.ts.map +1 -0
- package/dist/primitives/Typography/Typography.spec.js +183 -0
- package/dist/primitives/Typography/Typography.svelte +53 -53
- package/dist/primitives/ValidationError.spec.js +103 -103
- package/dist/primitives/ValidationError.stories.svelte +69 -69
- package/dist/primitives/ValidationError.svelte +29 -29
- package/dist/primitives/index.d.ts +1 -0
- package/dist/primitives/index.js +3 -0
- package/dist/recipes/CropImage/CropImage.spec.js +208 -216
- package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
- package/dist/recipes/CropImage/CropImage.svelte +238 -238
- package/dist/recipes/ImageUploader/ImageUploader.spec.d.ts +2 -0
- package/dist/recipes/ImageUploader/ImageUploader.spec.d.ts.map +1 -0
- package/dist/recipes/ImageUploader/ImageUploader.spec.js +1351 -0
- package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
- package/dist/recipes/ImageUploader/ImageUploader.svelte +804 -804
- package/dist/recipes/SuperLogin/SuperLogin.spec.d.ts +2 -0
- package/dist/recipes/SuperLogin/SuperLogin.spec.d.ts.map +1 -0
- package/dist/recipes/SuperLogin/SuperLogin.spec.js +1436 -0
- package/dist/recipes/SuperLogin/SuperLogin.svelte +7 -6
- package/dist/recipes/SuperLogin/SuperLogin.svelte.d.ts.map +1 -1
- package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
- package/dist/recipes/feedback/EmptyState/EmptyState.spec.d.ts +2 -0
- package/dist/recipes/feedback/EmptyState/EmptyState.spec.d.ts.map +1 -0
- package/dist/recipes/feedback/EmptyState/EmptyState.spec.js +202 -0
- package/dist/recipes/feedback/EmptyState/EmptyState.svelte +1 -1
- package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
- package/dist/recipes/feedback/ErrorDisplay.stories.svelte +101 -101
- package/dist/recipes/feedback/ErrorDisplay.svelte +1 -1
- package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +133 -129
- package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +157 -157
- package/dist/recipes/fields/CheckboxField.spec.d.ts +2 -0
- package/dist/recipes/fields/CheckboxField.spec.d.ts.map +1 -0
- package/dist/recipes/fields/CheckboxField.spec.js +135 -0
- package/dist/recipes/fields/CheckboxField.svelte +85 -85
- package/dist/recipes/fields/FormField.spec.d.ts +2 -0
- package/dist/recipes/fields/FormField.spec.d.ts.map +1 -0
- package/dist/recipes/fields/FormField.spec.js +159 -0
- package/dist/recipes/fields/FormField.svelte +58 -58
- package/dist/recipes/fields/RadioGroup.spec.d.ts +2 -0
- package/dist/recipes/fields/RadioGroup.spec.d.ts.map +1 -0
- package/dist/recipes/fields/RadioGroup.spec.js +199 -0
- package/dist/recipes/fields/RadioGroup.svelte +95 -95
- package/dist/recipes/fields/SelectField.spec.d.ts +2 -0
- package/dist/recipes/fields/SelectField.spec.d.ts.map +1 -0
- package/dist/recipes/fields/SelectField.spec.js +188 -0
- package/dist/recipes/fields/SelectField.svelte +80 -80
- package/dist/recipes/fields/TextareaField.spec.d.ts +2 -0
- package/dist/recipes/fields/TextareaField.spec.d.ts.map +1 -0
- package/dist/recipes/fields/TextareaField.spec.js +205 -0
- package/dist/recipes/fields/TextareaField.svelte +97 -97
- package/dist/recipes/fields/ToggleField.spec.d.ts +2 -0
- package/dist/recipes/fields/ToggleField.spec.d.ts.map +1 -0
- package/dist/recipes/fields/ToggleField.spec.js +153 -0
- package/dist/recipes/fields/ToggleField.svelte +60 -60
- package/dist/recipes/fields/index.js +7 -7
- package/dist/recipes/inputs/MultiSelect.spec.js +258 -257
- package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
- package/dist/recipes/inputs/MultiSelect.svelte +256 -249
- package/dist/recipes/inputs/MultiSelect.svelte.d.ts +2 -0
- package/dist/recipes/inputs/MultiSelect.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/OTPInput.spec.js +251 -238
- package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
- package/dist/recipes/inputs/OTPInput.svelte +29 -29
- package/dist/recipes/inputs/PasswordInput.spec.d.ts +2 -0
- package/dist/recipes/inputs/PasswordInput.spec.d.ts.map +1 -0
- package/dist/recipes/inputs/PasswordInput.spec.js +410 -0
- package/dist/recipes/inputs/PasswordInput.svelte +22 -22
- package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.spec.js +245 -165
- package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +43 -43
- package/dist/recipes/inputs/PasswordStrengthIndicator/TestWrapper.svelte +71 -0
- package/dist/recipes/inputs/PasswordStrengthIndicator/TestWrapper.svelte.d.ts +9 -0
- package/dist/recipes/inputs/PasswordStrengthIndicator/TestWrapper.svelte.d.ts.map +1 -0
- package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.spec.js +1139 -193
- package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +123 -123
- package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +326 -326
- package/dist/recipes/inputs/Search.spec.d.ts +2 -0
- package/dist/recipes/inputs/Search.spec.d.ts.map +1 -0
- package/dist/recipes/inputs/Search.spec.js +177 -0
- package/dist/recipes/inputs/Search.svelte +37 -37
- package/dist/recipes/inputs/SelectDropdown.spec.d.ts +2 -0
- package/dist/recipes/inputs/SelectDropdown.spec.d.ts.map +1 -0
- package/dist/recipes/inputs/SelectDropdown.spec.js +512 -0
- package/dist/recipes/inputs/SelectDropdown.svelte +57 -57
- package/dist/recipes/modals/AlertModal.spec.d.ts +2 -0
- package/dist/recipes/modals/AlertModal.spec.d.ts.map +1 -0
- package/dist/recipes/modals/AlertModal.spec.js +432 -0
- package/dist/recipes/modals/AlertModal.svelte +130 -130
- package/dist/recipes/modals/ConfirmationModal.spec.js +206 -191
- package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
- package/dist/recipes/modals/ConfirmationModal.svelte +152 -152
- package/dist/recipes/modals/InputModal.spec.d.ts +2 -0
- package/dist/recipes/modals/InputModal.spec.d.ts.map +1 -0
- package/dist/recipes/modals/InputModal.spec.js +872 -0
- package/dist/recipes/modals/InputModal.svelte +182 -182
- package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
- package/dist/recipes/modals/ModalStateManager.svelte +77 -77
- package/dist/recipes/modals/ModalTestWrapper.spec.d.ts +2 -0
- package/dist/recipes/modals/ModalTestWrapper.spec.d.ts.map +1 -0
- package/dist/recipes/modals/ModalTestWrapper.spec.js +502 -0
- package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
- package/dist/recipes/modals/StatusModal.spec.d.ts +2 -0
- package/dist/recipes/modals/StatusModal.spec.d.ts.map +1 -0
- package/dist/recipes/modals/StatusModal.spec.js +599 -0
- package/dist/recipes/modals/StatusModal.svelte +206 -206
- package/dist/services/EventService.js +75 -75
- package/dist/services/EventService.spec.js +217 -217
- package/dist/services/ShowService.spec.js +345 -342
- package/dist/stores/auth.js +36 -36
- package/dist/stores/auth.spec.js +139 -139
- package/dist/stores/toaster.js +13 -13
- package/dist/stories/ButtonAuditDashboard.spec.d.ts +2 -0
- package/dist/stories/ButtonAuditDashboard.spec.d.ts.map +1 -0
- package/dist/stories/ButtonAuditDashboard.spec.js +913 -0
- package/dist/stories/ButtonAuditReview.spec.d.ts +2 -0
- package/dist/stories/ButtonAuditReview.spec.d.ts.map +1 -0
- package/dist/stories/ButtonAuditReview.spec.js +422 -0
- package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
- package/dist/stories/ButtonAuditReview.svelte +427 -427
- package/dist/stories/ButtonGridView.spec.d.ts +2 -0
- package/dist/stories/ButtonGridView.spec.d.ts.map +1 -0
- package/dist/stories/ButtonGridView.spec.js +667 -0
- package/dist/stories/ButtonShowcase.spec.d.ts +2 -0
- package/dist/stories/ButtonShowcase.spec.d.ts.map +1 -0
- package/dist/stories/ButtonShowcase.spec.js +499 -0
- package/dist/stories/PatternsGallery.spec.d.ts +2 -0
- package/dist/stories/PatternsGallery.spec.d.ts.map +1 -0
- package/dist/stories/PatternsGallery.spec.js +514 -0
- package/dist/stories/PatternsGallery.stories.svelte +19 -19
- package/dist/stories/PatternsGallery.svelte +206 -206
- package/dist/stories/PrimitivesGallery.spec.d.ts +2 -0
- package/dist/stories/PrimitivesGallery.spec.d.ts.map +1 -0
- package/dist/stories/PrimitivesGallery.spec.js +813 -0
- package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
- package/dist/stories/PrimitivesGallery.svelte +725 -725
- package/dist/stories/RecipesGallery.spec.d.ts +2 -0
- package/dist/stories/RecipesGallery.spec.d.ts.map +1 -0
- package/dist/stories/RecipesGallery.spec.js +299 -0
- package/dist/stories/RecipesGallery.stories.svelte +19 -19
- package/dist/stories/RecipesGallery.svelte +271 -271
- package/dist/stories/button-audit-manifest.json +11186 -11186
- package/dist/stripe/useStripeTheme.spec.d.ts +2 -0
- package/dist/stripe/useStripeTheme.spec.d.ts.map +1 -0
- package/dist/stripe/useStripeTheme.spec.js +793 -0
- package/dist/tailwind/preset.cjs +82 -82
- package/dist/telemetry.d.ts.map +1 -1
- package/dist/telemetry.js +6 -5
- package/dist/telemetry.spec.js +495 -12
- package/dist/tokens/__tests__/colors.test.d.ts +2 -0
- package/dist/tokens/__tests__/colors.test.d.ts.map +1 -0
- package/dist/tokens/__tests__/colors.test.js +152 -0
- package/dist/tokens/__tests__/radius.test.d.ts +2 -0
- package/dist/tokens/__tests__/radius.test.d.ts.map +1 -0
- package/dist/tokens/__tests__/radius.test.js +118 -0
- package/dist/tokens/__tests__/shadows.test.d.ts +2 -0
- package/dist/tokens/__tests__/shadows.test.d.ts.map +1 -0
- package/dist/tokens/__tests__/shadows.test.js +105 -0
- package/dist/tokens/__tests__/spacing.test.js +11 -8
- package/dist/tokens/__tests__/typography.test.d.ts +2 -0
- package/dist/tokens/__tests__/typography.test.d.ts.map +1 -0
- package/dist/tokens/__tests__/typography.test.js +156 -0
- package/dist/tokens/__tests__/z-index.test.d.ts +2 -0
- package/dist/tokens/__tests__/z-index.test.d.ts.map +1 -0
- package/dist/tokens/__tests__/z-index.test.js +121 -0
- package/dist/tokens/tokens.css +87 -87
- package/dist/utils/apiConfig.spec.js +102 -1
- package/dist/utils/formatters.spec.d.ts +2 -0
- package/dist/utils/formatters.spec.d.ts.map +1 -0
- package/dist/utils/formatters.spec.js +82 -0
- package/dist/utils/transitions.d.ts +24 -0
- package/dist/utils/transitions.d.ts.map +1 -0
- package/dist/utils/transitions.js +62 -0
- package/dist/utils/transitions.spec.d.ts +2 -0
- package/dist/utils/transitions.spec.d.ts.map +1 -0
- package/dist/utils/transitions.spec.js +130 -0
- package/dist/utils/utils.js +354 -354
- package/package.json +288 -283
|
@@ -1,108 +1,108 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import type { Snippet } from 'svelte';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Sidebar - Main content with sidebar layout
|
|
6
|
-
*
|
|
7
|
-
* Use Sidebar for pages that have a main content area plus a sidebar.
|
|
8
|
-
* Common patterns: dashboard stats on right, filters on left, etc.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* <Sidebar sidebar={sidebarContent}>
|
|
12
|
-
* <div>Main content here</div>
|
|
13
|
-
* </Sidebar>
|
|
14
|
-
*
|
|
15
|
-
* {#snippet sidebarContent()}
|
|
16
|
-
* <StatsCard />
|
|
17
|
-
* {/snippet}
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* <Sidebar sidebarPosition="left" sidebarWidth="narrow" sidebar={filters}>
|
|
21
|
-
* <Table />
|
|
22
|
-
* </Sidebar>
|
|
23
|
-
*/
|
|
24
|
-
|
|
25
|
-
interface Props {
|
|
26
|
-
/**
|
|
27
|
-
* Sidebar width preset
|
|
28
|
-
* - narrow: ~25% (col-span-3 of 12)
|
|
29
|
-
* - medium: ~30% (col-span-4 of 12)
|
|
30
|
-
* - wide: ~40% (col-span-5 of 12)
|
|
31
|
-
*/
|
|
32
|
-
sidebarWidth?: 'narrow' | 'medium' | 'wide';
|
|
33
|
-
/** Sidebar position */
|
|
34
|
-
sidebarPosition?: 'left' | 'right';
|
|
35
|
-
/** Gap between main and sidebar */
|
|
36
|
-
gap?: '4' | '6' | '8';
|
|
37
|
-
/** Stack vertically on mobile */
|
|
38
|
-
stackOnMobile?: boolean;
|
|
39
|
-
/** Additional CSS classes */
|
|
40
|
-
class?: string;
|
|
41
|
-
/** Main content */
|
|
42
|
-
children?: Snippet;
|
|
43
|
-
/** Sidebar content (named snippet) */
|
|
44
|
-
sidebar?: Snippet;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
let {
|
|
48
|
-
sidebarWidth = 'medium',
|
|
49
|
-
sidebarPosition = 'right',
|
|
50
|
-
gap = '6',
|
|
51
|
-
stackOnMobile = true,
|
|
52
|
-
class: className = '',
|
|
53
|
-
children,
|
|
54
|
-
sidebar
|
|
55
|
-
}: Props = $props();
|
|
56
|
-
|
|
57
|
-
const gapMap: Record<string, string> = {
|
|
58
|
-
'4': 'gap-4',
|
|
59
|
-
'6': 'gap-6',
|
|
60
|
-
'8': 'gap-8'
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
// Using 12-column grid for flexibility
|
|
64
|
-
// Main content gets remaining columns
|
|
65
|
-
const sidebarWidthMap: Record<string, { sidebar: string; main: string }> = {
|
|
66
|
-
narrow: { sidebar: 'lg:col-span-3', main: 'lg:col-span-9' },
|
|
67
|
-
medium: { sidebar: 'lg:col-span-4', main: 'lg:col-span-8' },
|
|
68
|
-
wide: { sidebar: 'lg:col-span-5', main: 'lg:col-span-7' }
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
let widthConfig = $derived(sidebarWidthMap[sidebarWidth] || sidebarWidthMap.medium);
|
|
72
|
-
|
|
73
|
-
let containerClasses = $derived(
|
|
74
|
-
[
|
|
75
|
-
'grid',
|
|
76
|
-
stackOnMobile ? 'grid-cols-1' : '',
|
|
77
|
-
'lg:grid-cols-12',
|
|
78
|
-
gapMap[gap] || 'gap-6',
|
|
79
|
-
className
|
|
80
|
-
].filter(Boolean).join(' ')
|
|
81
|
-
);
|
|
82
|
-
|
|
83
|
-
let mainClasses = $derived(
|
|
84
|
-
[
|
|
85
|
-
'col-span-1',
|
|
86
|
-
widthConfig.main,
|
|
87
|
-
sidebarPosition === 'left' ? 'lg:order-2' : 'lg:order-1'
|
|
88
|
-
].filter(Boolean).join(' ')
|
|
89
|
-
);
|
|
90
|
-
|
|
91
|
-
let sidebarClasses = $derived(
|
|
92
|
-
[
|
|
93
|
-
'col-span-1',
|
|
94
|
-
widthConfig.sidebar,
|
|
95
|
-
sidebarPosition === 'left' ? 'lg:order-1' : 'lg:order-2'
|
|
96
|
-
].filter(Boolean).join(' ')
|
|
97
|
-
);
|
|
98
|
-
</script>
|
|
99
|
-
|
|
100
|
-
<div class={containerClasses}>
|
|
101
|
-
<div class={mainClasses}>
|
|
102
|
-
{@render children?.()}
|
|
103
|
-
</div>
|
|
104
|
-
|
|
105
|
-
<aside class={sidebarClasses}>
|
|
106
|
-
{@render sidebar?.()}
|
|
107
|
-
</aside>
|
|
108
|
-
</div>
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Sidebar - Main content with sidebar layout
|
|
6
|
+
*
|
|
7
|
+
* Use Sidebar for pages that have a main content area plus a sidebar.
|
|
8
|
+
* Common patterns: dashboard stats on right, filters on left, etc.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* <Sidebar sidebar={sidebarContent}>
|
|
12
|
+
* <div>Main content here</div>
|
|
13
|
+
* </Sidebar>
|
|
14
|
+
*
|
|
15
|
+
* {#snippet sidebarContent()}
|
|
16
|
+
* <StatsCard />
|
|
17
|
+
* {/snippet}
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* <Sidebar sidebarPosition="left" sidebarWidth="narrow" sidebar={filters}>
|
|
21
|
+
* <Table />
|
|
22
|
+
* </Sidebar>
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
interface Props {
|
|
26
|
+
/**
|
|
27
|
+
* Sidebar width preset
|
|
28
|
+
* - narrow: ~25% (col-span-3 of 12)
|
|
29
|
+
* - medium: ~30% (col-span-4 of 12)
|
|
30
|
+
* - wide: ~40% (col-span-5 of 12)
|
|
31
|
+
*/
|
|
32
|
+
sidebarWidth?: 'narrow' | 'medium' | 'wide';
|
|
33
|
+
/** Sidebar position */
|
|
34
|
+
sidebarPosition?: 'left' | 'right';
|
|
35
|
+
/** Gap between main and sidebar */
|
|
36
|
+
gap?: '4' | '6' | '8';
|
|
37
|
+
/** Stack vertically on mobile */
|
|
38
|
+
stackOnMobile?: boolean;
|
|
39
|
+
/** Additional CSS classes */
|
|
40
|
+
class?: string;
|
|
41
|
+
/** Main content */
|
|
42
|
+
children?: Snippet;
|
|
43
|
+
/** Sidebar content (named snippet) */
|
|
44
|
+
sidebar?: Snippet;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
let {
|
|
48
|
+
sidebarWidth = 'medium',
|
|
49
|
+
sidebarPosition = 'right',
|
|
50
|
+
gap = '6',
|
|
51
|
+
stackOnMobile = true,
|
|
52
|
+
class: className = '',
|
|
53
|
+
children,
|
|
54
|
+
sidebar
|
|
55
|
+
}: Props = $props();
|
|
56
|
+
|
|
57
|
+
const gapMap: Record<string, string> = {
|
|
58
|
+
'4': 'gap-4',
|
|
59
|
+
'6': 'gap-6',
|
|
60
|
+
'8': 'gap-8'
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
// Using 12-column grid for flexibility
|
|
64
|
+
// Main content gets remaining columns
|
|
65
|
+
const sidebarWidthMap: Record<string, { sidebar: string; main: string }> = {
|
|
66
|
+
narrow: { sidebar: 'lg:col-span-3', main: 'lg:col-span-9' },
|
|
67
|
+
medium: { sidebar: 'lg:col-span-4', main: 'lg:col-span-8' },
|
|
68
|
+
wide: { sidebar: 'lg:col-span-5', main: 'lg:col-span-7' }
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
let widthConfig = $derived(sidebarWidthMap[sidebarWidth] || sidebarWidthMap.medium);
|
|
72
|
+
|
|
73
|
+
let containerClasses = $derived(
|
|
74
|
+
[
|
|
75
|
+
'grid',
|
|
76
|
+
stackOnMobile ? 'grid-cols-1' : '',
|
|
77
|
+
'lg:grid-cols-12',
|
|
78
|
+
gapMap[gap] || 'gap-6',
|
|
79
|
+
className
|
|
80
|
+
].filter(Boolean).join(' ')
|
|
81
|
+
);
|
|
82
|
+
|
|
83
|
+
let mainClasses = $derived(
|
|
84
|
+
[
|
|
85
|
+
'col-span-1',
|
|
86
|
+
widthConfig.main,
|
|
87
|
+
sidebarPosition === 'left' ? 'lg:order-2' : 'lg:order-1'
|
|
88
|
+
].filter(Boolean).join(' ')
|
|
89
|
+
);
|
|
90
|
+
|
|
91
|
+
let sidebarClasses = $derived(
|
|
92
|
+
[
|
|
93
|
+
'col-span-1',
|
|
94
|
+
widthConfig.sidebar,
|
|
95
|
+
sidebarPosition === 'left' ? 'lg:order-1' : 'lg:order-2'
|
|
96
|
+
].filter(Boolean).join(' ')
|
|
97
|
+
);
|
|
98
|
+
</script>
|
|
99
|
+
|
|
100
|
+
<div class={containerClasses}>
|
|
101
|
+
<div class={mainClasses}>
|
|
102
|
+
{@render children?.()}
|
|
103
|
+
</div>
|
|
104
|
+
|
|
105
|
+
<aside class={sidebarClasses}>
|
|
106
|
+
{@render sidebar?.()}
|
|
107
|
+
</aside>
|
|
108
|
+
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { render
|
|
1
|
+
import { render } from '@testing-library/svelte';
|
|
2
2
|
import { expect, describe, test } from 'vitest';
|
|
3
3
|
import Stack from './Stack.svelte';
|
|
4
4
|
describe('Stack Component', () => {
|
|
@@ -25,9 +25,9 @@ describe('Stack Component', () => {
|
|
|
25
25
|
});
|
|
26
26
|
});
|
|
27
27
|
describe('Gap - Semantic Names', () => {
|
|
28
|
-
test('tight gap (
|
|
28
|
+
test('tight gap (16px)', () => {
|
|
29
29
|
const { container } = render(Stack, { gap: 'tight' });
|
|
30
|
-
expect(container.querySelector('div')).toHaveClass('gap-
|
|
30
|
+
expect(container.querySelector('div')).toHaveClass('gap-4');
|
|
31
31
|
});
|
|
32
32
|
test('compact gap (6px)', () => {
|
|
33
33
|
const { container } = render(Stack, { gap: 'compact' });
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
children,
|
|
36
36
|
...restProps
|
|
37
37
|
}: Props = $props();
|
|
38
|
-
|
|
38
|
+
|
|
39
39
|
let classes = $derived([
|
|
40
40
|
'flex',
|
|
41
41
|
direction === 'vertical' ? 'flex-col' : 'flex-row',
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
wrap ? 'flex-wrap' : '',
|
|
46
46
|
className
|
|
47
47
|
].filter(Boolean).join(' '));
|
|
48
|
-
</script>
|
|
49
|
-
|
|
50
|
-
<svelte:element this={as} class={classes} {...restProps}>
|
|
51
|
-
{#if children}{@render children()}{/if}
|
|
52
|
-
</svelte:element>
|
|
48
|
+
</script>
|
|
49
|
+
|
|
50
|
+
<svelte:element this={as} class={classes} {...restProps}>
|
|
51
|
+
{#if children}{@render children()}{/if}
|
|
52
|
+
</svelte:element>
|
|
@@ -6,8 +6,8 @@ describe('formOptions', () => {
|
|
|
6
6
|
expect(GENDER_OPTIONS).toBeDefined();
|
|
7
7
|
expect(Array.isArray(GENDER_OPTIONS)).toBe(true);
|
|
8
8
|
});
|
|
9
|
-
it('has
|
|
10
|
-
expect(GENDER_OPTIONS.length).toBe(
|
|
9
|
+
it('has five options (including empty placeholder and rather not say)', () => {
|
|
10
|
+
expect(GENDER_OPTIONS.length).toBe(5);
|
|
11
11
|
});
|
|
12
12
|
it('contains Male option with value 1', () => {
|
|
13
13
|
const male = GENDER_OPTIONS.find(opt => opt.name === 'Male');
|
|
@@ -19,17 +19,21 @@ describe('formOptions', () => {
|
|
|
19
19
|
expect(female).toBeDefined();
|
|
20
20
|
expect(female.value).toBe(2);
|
|
21
21
|
});
|
|
22
|
-
it('contains Non-
|
|
23
|
-
const nonBinary = GENDER_OPTIONS.find(opt => opt.name === 'Non-
|
|
22
|
+
it('contains Non-binary option with value 3', () => {
|
|
23
|
+
const nonBinary = GENDER_OPTIONS.find(opt => opt.name === 'Non-binary');
|
|
24
24
|
expect(nonBinary).toBeDefined();
|
|
25
25
|
expect(nonBinary.value).toBe(3);
|
|
26
26
|
});
|
|
27
|
+
it('contains Rather not say option with value 4', () => {
|
|
28
|
+
const ratherNotSay = GENDER_OPTIONS.find(opt => opt.name === 'Rather not say');
|
|
29
|
+
expect(ratherNotSay).toBeDefined();
|
|
30
|
+
expect(ratherNotSay.value).toBe(4);
|
|
31
|
+
});
|
|
27
32
|
it('each option has name and value properties', () => {
|
|
28
33
|
GENDER_OPTIONS.forEach(option => {
|
|
29
34
|
expect(option).toHaveProperty('name');
|
|
30
35
|
expect(option).toHaveProperty('value');
|
|
31
36
|
expect(typeof option.name).toBe('string');
|
|
32
|
-
expect(typeof option.value).toBe('number');
|
|
33
37
|
});
|
|
34
38
|
});
|
|
35
39
|
});
|
|
@@ -1,91 +1,91 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Validation Constants
|
|
3
|
-
*
|
|
4
|
-
* Shared validation rules and defaults for event, ticket, and promo code validation.
|
|
5
|
-
* Used by micdrop-frontend, venue-calendar-npm, and other apps.
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* import { MIN_EVENT_DURATION_MINS, DEFAULT_EVENT_DURATION_MINS } from '@getmicdrop/svelte-components';
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
// ============================================================================
|
|
12
|
-
// Event Time Constants
|
|
13
|
-
// ============================================================================
|
|
14
|
-
|
|
15
|
-
/** Minimum event duration in minutes (validation constraint) */
|
|
16
|
-
export const MIN_EVENT_DURATION_MINS = 15;
|
|
17
|
-
|
|
18
|
-
/** Maximum event duration in minutes (24 hours) */
|
|
19
|
-
export const MAX_EVENT_DURATION_MINS = 1440;
|
|
20
|
-
|
|
21
|
-
/** Default event duration in minutes (used when auto-filling end time) */
|
|
22
|
-
export const DEFAULT_EVENT_DURATION_MINS = 90;
|
|
23
|
-
|
|
24
|
-
/** Default time doors open before event start in minutes (used when auto-filling) */
|
|
25
|
-
export const DEFAULT_DOORS_BEFORE_START_MINS = 30;
|
|
26
|
-
|
|
27
|
-
// ============================================================================
|
|
28
|
-
// Ticket Constants
|
|
29
|
-
// ============================================================================
|
|
30
|
-
|
|
31
|
-
/** Maximum tickets per order limit */
|
|
32
|
-
export const MAX_TICKETS_PER_ORDER = 100;
|
|
33
|
-
|
|
34
|
-
/** Minimum tickets per order limit */
|
|
35
|
-
export const MIN_TICKETS_PER_ORDER = 0;
|
|
36
|
-
|
|
37
|
-
// ============================================================================
|
|
38
|
-
// Promo Code Constants
|
|
39
|
-
// ============================================================================
|
|
40
|
-
|
|
41
|
-
/** Maximum percentage discount */
|
|
42
|
-
export const MAX_PERCENTAGE_DISCOUNT = 100;
|
|
43
|
-
|
|
44
|
-
// ============================================================================
|
|
45
|
-
// Error Codes
|
|
46
|
-
// ============================================================================
|
|
47
|
-
|
|
48
|
-
export const ErrorCodes = {
|
|
49
|
-
// Event errors
|
|
50
|
-
EVENT_DURATION_TOO_SHORT: 'EVENT_DURATION_TOO_SHORT',
|
|
51
|
-
EVENT_DURATION_TOO_LONG: 'EVENT_DURATION_TOO_LONG',
|
|
52
|
-
EVENT_END_BEFORE_START: 'EVENT_END_BEFORE_START',
|
|
53
|
-
EVENT_DOORS_SAME_AS_START: 'EVENT_DOORS_SAME_AS_START',
|
|
54
|
-
EVENT_DOORS_TOO_CLOSE: 'EVENT_DOORS_TOO_CLOSE',
|
|
55
|
-
EVENT_INVALID_TIME_FORMAT: 'EVENT_INVALID_TIME_FORMAT',
|
|
56
|
-
|
|
57
|
-
// Price/quantity errors
|
|
58
|
-
PRICE_REQUIRED: 'PRICE_REQUIRED',
|
|
59
|
-
PRICE_MUST_BE_POSITIVE: 'PRICE_MUST_BE_POSITIVE',
|
|
60
|
-
PRICE_INVALID_FORMAT: 'PRICE_INVALID_FORMAT',
|
|
61
|
-
QUANTITY_REQUIRED: 'QUANTITY_REQUIRED',
|
|
62
|
-
QUANTITY_MUST_BE_POSITIVE: 'QUANTITY_MUST_BE_POSITIVE',
|
|
63
|
-
QUANTITY_INVALID_FORMAT: 'QUANTITY_INVALID_FORMAT',
|
|
64
|
-
|
|
65
|
-
// Ticket limit errors
|
|
66
|
-
MIN_TICKETS_REQUIRED: 'MIN_TICKETS_REQUIRED',
|
|
67
|
-
MIN_TICKETS_EXCEEDS_MAX_ALLOWED: 'MIN_TICKETS_EXCEEDS_MAX_ALLOWED',
|
|
68
|
-
MAX_TICKETS_EXCEEDS_MAX_ALLOWED: 'MAX_TICKETS_EXCEEDS_MAX_ALLOWED',
|
|
69
|
-
MIN_EXCEEDS_MAX: 'MIN_EXCEEDS_MAX',
|
|
70
|
-
|
|
71
|
-
// Sales window errors
|
|
72
|
-
SALES_BEGIN_AFTER_EVENT_END: 'SALES_BEGIN_AFTER_EVENT_END',
|
|
73
|
-
SALES_END_AFTER_EVENT_END: 'SALES_END_AFTER_EVENT_END',
|
|
74
|
-
SALES_END_BEFORE_BEGIN: 'SALES_END_BEFORE_BEGIN',
|
|
75
|
-
|
|
76
|
-
// Capacity errors
|
|
77
|
-
CAPACITY_EXCEEDED: 'CAPACITY_EXCEEDED',
|
|
78
|
-
|
|
79
|
-
// Promo code errors
|
|
80
|
-
PROMO_NAME_REQUIRED: 'PROMO_NAME_REQUIRED',
|
|
81
|
-
PROMO_NAME_COLLISION: 'PROMO_NAME_COLLISION',
|
|
82
|
-
PROMO_END_BEFORE_START: 'PROMO_END_BEFORE_START',
|
|
83
|
-
PROMO_DISCOUNT_REQUIRED: 'PROMO_DISCOUNT_REQUIRED',
|
|
84
|
-
PROMO_BOTH_DISCOUNT_TYPES: 'PROMO_BOTH_DISCOUNT_TYPES',
|
|
85
|
-
PROMO_PERCENT_EXCEEDS_100: 'PROMO_PERCENT_EXCEEDS_100',
|
|
86
|
-
PROMO_LIMIT_REQUIRED: 'PROMO_LIMIT_REQUIRED',
|
|
87
|
-
|
|
88
|
-
// Warning codes
|
|
89
|
-
PROMO_EXTENDS_PAST_EVENT: 'PROMO_EXTENDS_PAST_EVENT',
|
|
90
|
-
SALES_CLOSE_TO_EVENT: 'SALES_CLOSE_TO_EVENT',
|
|
91
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* Validation Constants
|
|
3
|
+
*
|
|
4
|
+
* Shared validation rules and defaults for event, ticket, and promo code validation.
|
|
5
|
+
* Used by micdrop-frontend, venue-calendar-npm, and other apps.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* import { MIN_EVENT_DURATION_MINS, DEFAULT_EVENT_DURATION_MINS } from '@getmicdrop/svelte-components';
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
// ============================================================================
|
|
12
|
+
// Event Time Constants
|
|
13
|
+
// ============================================================================
|
|
14
|
+
|
|
15
|
+
/** Minimum event duration in minutes (validation constraint) */
|
|
16
|
+
export const MIN_EVENT_DURATION_MINS = 15;
|
|
17
|
+
|
|
18
|
+
/** Maximum event duration in minutes (24 hours) */
|
|
19
|
+
export const MAX_EVENT_DURATION_MINS = 1440;
|
|
20
|
+
|
|
21
|
+
/** Default event duration in minutes (used when auto-filling end time) */
|
|
22
|
+
export const DEFAULT_EVENT_DURATION_MINS = 90;
|
|
23
|
+
|
|
24
|
+
/** Default time doors open before event start in minutes (used when auto-filling) */
|
|
25
|
+
export const DEFAULT_DOORS_BEFORE_START_MINS = 30;
|
|
26
|
+
|
|
27
|
+
// ============================================================================
|
|
28
|
+
// Ticket Constants
|
|
29
|
+
// ============================================================================
|
|
30
|
+
|
|
31
|
+
/** Maximum tickets per order limit */
|
|
32
|
+
export const MAX_TICKETS_PER_ORDER = 100;
|
|
33
|
+
|
|
34
|
+
/** Minimum tickets per order limit */
|
|
35
|
+
export const MIN_TICKETS_PER_ORDER = 0;
|
|
36
|
+
|
|
37
|
+
// ============================================================================
|
|
38
|
+
// Promo Code Constants
|
|
39
|
+
// ============================================================================
|
|
40
|
+
|
|
41
|
+
/** Maximum percentage discount */
|
|
42
|
+
export const MAX_PERCENTAGE_DISCOUNT = 100;
|
|
43
|
+
|
|
44
|
+
// ============================================================================
|
|
45
|
+
// Error Codes
|
|
46
|
+
// ============================================================================
|
|
47
|
+
|
|
48
|
+
export const ErrorCodes = {
|
|
49
|
+
// Event errors
|
|
50
|
+
EVENT_DURATION_TOO_SHORT: 'EVENT_DURATION_TOO_SHORT',
|
|
51
|
+
EVENT_DURATION_TOO_LONG: 'EVENT_DURATION_TOO_LONG',
|
|
52
|
+
EVENT_END_BEFORE_START: 'EVENT_END_BEFORE_START',
|
|
53
|
+
EVENT_DOORS_SAME_AS_START: 'EVENT_DOORS_SAME_AS_START',
|
|
54
|
+
EVENT_DOORS_TOO_CLOSE: 'EVENT_DOORS_TOO_CLOSE',
|
|
55
|
+
EVENT_INVALID_TIME_FORMAT: 'EVENT_INVALID_TIME_FORMAT',
|
|
56
|
+
|
|
57
|
+
// Price/quantity errors
|
|
58
|
+
PRICE_REQUIRED: 'PRICE_REQUIRED',
|
|
59
|
+
PRICE_MUST_BE_POSITIVE: 'PRICE_MUST_BE_POSITIVE',
|
|
60
|
+
PRICE_INVALID_FORMAT: 'PRICE_INVALID_FORMAT',
|
|
61
|
+
QUANTITY_REQUIRED: 'QUANTITY_REQUIRED',
|
|
62
|
+
QUANTITY_MUST_BE_POSITIVE: 'QUANTITY_MUST_BE_POSITIVE',
|
|
63
|
+
QUANTITY_INVALID_FORMAT: 'QUANTITY_INVALID_FORMAT',
|
|
64
|
+
|
|
65
|
+
// Ticket limit errors
|
|
66
|
+
MIN_TICKETS_REQUIRED: 'MIN_TICKETS_REQUIRED',
|
|
67
|
+
MIN_TICKETS_EXCEEDS_MAX_ALLOWED: 'MIN_TICKETS_EXCEEDS_MAX_ALLOWED',
|
|
68
|
+
MAX_TICKETS_EXCEEDS_MAX_ALLOWED: 'MAX_TICKETS_EXCEEDS_MAX_ALLOWED',
|
|
69
|
+
MIN_EXCEEDS_MAX: 'MIN_EXCEEDS_MAX',
|
|
70
|
+
|
|
71
|
+
// Sales window errors
|
|
72
|
+
SALES_BEGIN_AFTER_EVENT_END: 'SALES_BEGIN_AFTER_EVENT_END',
|
|
73
|
+
SALES_END_AFTER_EVENT_END: 'SALES_END_AFTER_EVENT_END',
|
|
74
|
+
SALES_END_BEFORE_BEGIN: 'SALES_END_BEFORE_BEGIN',
|
|
75
|
+
|
|
76
|
+
// Capacity errors
|
|
77
|
+
CAPACITY_EXCEEDED: 'CAPACITY_EXCEEDED',
|
|
78
|
+
|
|
79
|
+
// Promo code errors
|
|
80
|
+
PROMO_NAME_REQUIRED: 'PROMO_NAME_REQUIRED',
|
|
81
|
+
PROMO_NAME_COLLISION: 'PROMO_NAME_COLLISION',
|
|
82
|
+
PROMO_END_BEFORE_START: 'PROMO_END_BEFORE_START',
|
|
83
|
+
PROMO_DISCOUNT_REQUIRED: 'PROMO_DISCOUNT_REQUIRED',
|
|
84
|
+
PROMO_BOTH_DISCOUNT_TYPES: 'PROMO_BOTH_DISCOUNT_TYPES',
|
|
85
|
+
PROMO_PERCENT_EXCEEDS_100: 'PROMO_PERCENT_EXCEEDS_100',
|
|
86
|
+
PROMO_LIMIT_REQUIRED: 'PROMO_LIMIT_REQUIRED',
|
|
87
|
+
|
|
88
|
+
// Warning codes
|
|
89
|
+
PROMO_EXTENDS_PAST_EVENT: 'PROMO_EXTENDS_PAST_EVENT',
|
|
90
|
+
SALES_CLOSE_TO_EVENT: 'SALES_CLOSE_TO_EVENT',
|
|
91
|
+
};
|
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
import { describe, it, expect } from 'vitest';
|
|
2
|
-
import {
|
|
3
|
-
MIN_EVENT_DURATION_MINS,
|
|
4
|
-
MAX_EVENT_DURATION_MINS,
|
|
5
|
-
DEFAULT_EVENT_DURATION_MINS,
|
|
6
|
-
DEFAULT_DOORS_BEFORE_START_MINS,
|
|
7
|
-
MAX_TICKETS_PER_ORDER,
|
|
8
|
-
MIN_TICKETS_PER_ORDER,
|
|
9
|
-
MAX_PERCENTAGE_DISCOUNT,
|
|
10
|
-
ErrorCodes,
|
|
11
|
-
} from './validation.js';
|
|
12
|
-
|
|
13
|
-
describe('validation constants', () => {
|
|
14
|
-
describe('event time constants', () => {
|
|
15
|
-
it('exports MIN_EVENT_DURATION_MINS as 15', () => {
|
|
16
|
-
expect(MIN_EVENT_DURATION_MINS).toBe(15);
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
it('exports MAX_EVENT_DURATION_MINS as 1440 (24 hours)', () => {
|
|
20
|
-
expect(MAX_EVENT_DURATION_MINS).toBe(1440);
|
|
21
|
-
});
|
|
22
|
-
|
|
23
|
-
it('exports DEFAULT_EVENT_DURATION_MINS as 90', () => {
|
|
24
|
-
expect(DEFAULT_EVENT_DURATION_MINS).toBe(90);
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
it('exports DEFAULT_DOORS_BEFORE_START_MINS as 30', () => {
|
|
28
|
-
expect(DEFAULT_DOORS_BEFORE_START_MINS).toBe(30);
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
describe('ticket constants', () => {
|
|
33
|
-
it('exports MAX_TICKETS_PER_ORDER as 100', () => {
|
|
34
|
-
expect(MAX_TICKETS_PER_ORDER).toBe(100);
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
it('exports MIN_TICKETS_PER_ORDER as 0', () => {
|
|
38
|
-
expect(MIN_TICKETS_PER_ORDER).toBe(0);
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
|
|
42
|
-
describe('promo code constants', () => {
|
|
43
|
-
it('exports MAX_PERCENTAGE_DISCOUNT as 100', () => {
|
|
44
|
-
expect(MAX_PERCENTAGE_DISCOUNT).toBe(100);
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
describe('error codes', () => {
|
|
49
|
-
it('exports ErrorCodes object with event errors', () => {
|
|
50
|
-
expect(ErrorCodes.EVENT_DURATION_TOO_SHORT).toBe('EVENT_DURATION_TOO_SHORT');
|
|
51
|
-
expect(ErrorCodes.EVENT_END_BEFORE_START).toBe('EVENT_END_BEFORE_START');
|
|
52
|
-
});
|
|
53
|
-
|
|
54
|
-
it('exports ErrorCodes object with ticket errors', () => {
|
|
55
|
-
expect(ErrorCodes.PRICE_REQUIRED).toBe('PRICE_REQUIRED');
|
|
56
|
-
expect(ErrorCodes.QUANTITY_REQUIRED).toBe('QUANTITY_REQUIRED');
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
it('exports ErrorCodes object with promo errors', () => {
|
|
60
|
-
expect(ErrorCodes.PROMO_NAME_REQUIRED).toBe('PROMO_NAME_REQUIRED');
|
|
61
|
-
expect(ErrorCodes.PROMO_PERCENT_EXCEEDS_100).toBe('PROMO_PERCENT_EXCEEDS_100');
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
});
|
|
1
|
+
import { describe, it, expect } from 'vitest';
|
|
2
|
+
import {
|
|
3
|
+
MIN_EVENT_DURATION_MINS,
|
|
4
|
+
MAX_EVENT_DURATION_MINS,
|
|
5
|
+
DEFAULT_EVENT_DURATION_MINS,
|
|
6
|
+
DEFAULT_DOORS_BEFORE_START_MINS,
|
|
7
|
+
MAX_TICKETS_PER_ORDER,
|
|
8
|
+
MIN_TICKETS_PER_ORDER,
|
|
9
|
+
MAX_PERCENTAGE_DISCOUNT,
|
|
10
|
+
ErrorCodes,
|
|
11
|
+
} from './validation.js';
|
|
12
|
+
|
|
13
|
+
describe('validation constants', () => {
|
|
14
|
+
describe('event time constants', () => {
|
|
15
|
+
it('exports MIN_EVENT_DURATION_MINS as 15', () => {
|
|
16
|
+
expect(MIN_EVENT_DURATION_MINS).toBe(15);
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
it('exports MAX_EVENT_DURATION_MINS as 1440 (24 hours)', () => {
|
|
20
|
+
expect(MAX_EVENT_DURATION_MINS).toBe(1440);
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
it('exports DEFAULT_EVENT_DURATION_MINS as 90', () => {
|
|
24
|
+
expect(DEFAULT_EVENT_DURATION_MINS).toBe(90);
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
it('exports DEFAULT_DOORS_BEFORE_START_MINS as 30', () => {
|
|
28
|
+
expect(DEFAULT_DOORS_BEFORE_START_MINS).toBe(30);
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
describe('ticket constants', () => {
|
|
33
|
+
it('exports MAX_TICKETS_PER_ORDER as 100', () => {
|
|
34
|
+
expect(MAX_TICKETS_PER_ORDER).toBe(100);
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
it('exports MIN_TICKETS_PER_ORDER as 0', () => {
|
|
38
|
+
expect(MIN_TICKETS_PER_ORDER).toBe(0);
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
describe('promo code constants', () => {
|
|
43
|
+
it('exports MAX_PERCENTAGE_DISCOUNT as 100', () => {
|
|
44
|
+
expect(MAX_PERCENTAGE_DISCOUNT).toBe(100);
|
|
45
|
+
});
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
describe('error codes', () => {
|
|
49
|
+
it('exports ErrorCodes object with event errors', () => {
|
|
50
|
+
expect(ErrorCodes.EVENT_DURATION_TOO_SHORT).toBe('EVENT_DURATION_TOO_SHORT');
|
|
51
|
+
expect(ErrorCodes.EVENT_END_BEFORE_START).toBe('EVENT_END_BEFORE_START');
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
it('exports ErrorCodes object with ticket errors', () => {
|
|
55
|
+
expect(ErrorCodes.PRICE_REQUIRED).toBe('PRICE_REQUIRED');
|
|
56
|
+
expect(ErrorCodes.QUANTITY_REQUIRED).toBe('QUANTITY_REQUIRED');
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
it('exports ErrorCodes object with promo errors', () => {
|
|
60
|
+
expect(ErrorCodes.PROMO_NAME_REQUIRED).toBe('PROMO_NAME_REQUIRED');
|
|
61
|
+
expect(ErrorCodes.PROMO_PERCENT_EXCEEDS_100).toBe('PROMO_PERCENT_EXCEEDS_100');
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
|
|
2
2
|
import { formatCleanTimeRange, formatDateRange, formatDayOfWeek, formatEventDate, formatEventDateTime, formatEventTime, formatHour, formatMonth, formatNotificationTime, formatRelativeTime, formatTimeRange, getDateInTimezone, getDateParts, getHourInTimezone, isToday, } from '../format';
|
|
3
|
-
import { DateTimeError
|
|
3
|
+
import { DateTimeError } from '../types';
|
|
4
4
|
describe('format utilities', () => {
|
|
5
5
|
describe('formatEventTime', () => {
|
|
6
6
|
it('formats time in specified timezone', () => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { describe, expect, it } from 'vitest';
|
|
2
2
|
import { combineDateAndTime, formatDateTimeForAPI, isNextDayTime, minutesToTimeString, parseDateTimeFromAPI, parseEndOfDay, parseLocalToUTC, parseStartOfDay, parseTimeToMinutes, parseUTCToLocal, stripNextDayPrefix, } from '../parse';
|
|
3
|
-
import { DateTimeError
|
|
3
|
+
import { DateTimeError } from '../types';
|
|
4
4
|
describe('parse utilities', () => {
|
|
5
5
|
describe('parseLocalToUTC', () => {
|
|
6
6
|
it('converts local datetime to UTC', () => {
|