@pathscale/ui 1.1.43 → 1.1.45
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/components/accordion/Accordion.js +44 -44
- package/dist/components/accordion/index.js +2 -9
- package/dist/components/alert/Alert.js +30 -30
- package/dist/components/alert/index.js +2 -8
- package/dist/components/avatar/Avatar.js +27 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +2 -6
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +6 -9
- package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
- package/dist/components/breadcrumbs/index.js +2 -5
- package/dist/components/button/Button.js +22 -22
- package/dist/components/button/index.js +2 -3
- package/dist/components/button-group/ButtonGroup.js +14 -14
- package/dist/components/button-group/context.js +2 -2
- package/dist/components/button-group/index.js +2 -6
- package/dist/components/calendar/Calendar.js +85 -85
- package/dist/components/calendar/index.js +2 -3
- package/dist/components/card/Card.js +21 -21
- package/dist/components/card/index.js +2 -8
- package/dist/components/chatbubble/ChatBubble.js +19 -19
- package/dist/components/chatbubble/ChatBubbleAvatar.js +8 -8
- package/dist/components/chatbubble/ChatBubbleFooter.js +11 -11
- package/dist/components/chatbubble/ChatBubbleHeader.js +8 -8
- package/dist/components/chatbubble/ChatBubbleMessage.js +12 -12
- package/dist/components/chatbubble/ChatBubbleTime.js +11 -11
- package/dist/components/chatbubble/index.js +2 -3
- package/dist/components/checkbox/Checkbox.js +29 -29
- package/dist/components/checkbox/index.js +2 -3
- package/dist/components/checkbox-group/CheckboxGroup.js +16 -16
- package/dist/components/checkbox-group/context.js +2 -2
- package/dist/components/checkbox-group/index.js +3 -4
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +5 -7
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +2 -3
- package/dist/components/color-area/ColorArea.js +13 -13
- package/dist/components/color-area/index.js +2 -2
- package/dist/components/color-field/ColorField.js +23 -23
- package/dist/components/color-field/index.js +2 -2
- package/dist/components/color-picker/ColorPicker.js +44 -44
- package/dist/components/color-picker/index.js +2 -8
- package/dist/components/color-slider/ColorSlider.js +21 -21
- package/dist/components/color-slider/index.js +2 -2
- package/dist/components/color-swatch/ColorSwatch.js +14 -14
- package/dist/components/color-swatch/index.js +2 -2
- package/dist/components/color-swatch-picker/ColorSwatchPicker.js +14 -14
- package/dist/components/color-swatch-picker/index.js +2 -5
- package/dist/components/color-wheel-flower/ColorWheelFlower.js +83 -83
- package/dist/components/color-wheel-flower/colorWheelFlowerContext.js +3 -3
- package/dist/components/color-wheel-flower/index.js +3 -6
- package/dist/components/combo-box/ComboBox.js +90 -90
- package/dist/components/combo-box/index.js +2 -10
- package/dist/components/date-field/DateField.js +41 -41
- package/dist/components/date-field/index.js +2 -11
- package/dist/components/date-picker/DatePicker.js +40 -40
- package/dist/components/date-picker/index.js +2 -3
- package/dist/components/date-range-picker/DateRangePicker.js +55 -55
- package/dist/components/date-range-picker/index.js +2 -3
- package/dist/components/description/Description.js +9 -9
- package/dist/components/description/index.js +2 -5
- package/dist/components/disclosure/Disclosure.js +40 -40
- package/dist/components/disclosure/index.js +3 -9
- package/dist/components/disclosure-group/DisclosureGroup.js +13 -13
- package/dist/components/disclosure-group/index.js +4 -6
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.css +51 -0
- package/dist/components/drawer/Drawer.d.ts +7 -0
- package/dist/components/drawer/Drawer.js +105 -80
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.js +2 -15
- package/dist/components/dropdown/Dropdown.js +60 -60
- package/dist/components/dropdown/index.js +2 -4
- package/dist/components/empty-state/EmptyState.js +25 -25
- package/dist/components/empty-state/index.js +2 -8
- package/dist/components/error-message/ErrorMessage.js +12 -12
- package/dist/components/error-message/index.js +2 -5
- package/dist/components/field-error/FieldError.js +16 -16
- package/dist/components/field-error/index.js +2 -5
- package/dist/components/fieldset/Fieldset.js +21 -21
- package/dist/components/fieldset/index.js +2 -8
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +2 -3
- package/dist/components/floating-dock/FloatingDock.js +76 -76
- package/dist/components/floating-dock/index.js +2 -3
- package/dist/components/footer/Footer.js +11 -11
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/index.js +2 -3
- package/dist/components/form/Form.js +8 -8
- package/dist/components/form/index.js +2 -5
- package/dist/components/glass-panel/GlassPanel.js +29 -29
- package/dist/components/glass-panel/index.js +2 -3
- package/dist/components/glow-card/GlowCard.js +10 -10
- package/dist/components/glow-card/index.js +2 -3
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +2 -3
- package/dist/components/header/Header.js +12 -12
- package/dist/components/header/index.js +2 -5
- package/dist/components/icon/Icon.js +8 -8
- package/dist/components/icon/index.js +2 -3
- package/dist/components/immersive-landing/ImmersiveLanding.js +44 -44
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +17 -17
- package/dist/components/immersive-landing/ImmersiveLandingContext.js +3 -3
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +36 -36
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +15 -15
- package/dist/components/immersive-landing/components/CookieConsent.js +71 -71
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +42 -42
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +40 -40
- package/dist/components/immersive-landing/index.js +7 -14
- package/dist/components/immersive-landing/useImmersiveLanding.js +7 -7
- package/dist/components/input/Input.js +48 -48
- package/dist/components/input/index.js +2 -2
- package/dist/components/input-group/InputGroup.js +33 -33
- package/dist/components/input-group/index.js +2 -9
- package/dist/components/input-otp/InputOTP.js +48 -48
- package/dist/components/input-otp/index.js +2 -11
- package/dist/components/join/Join.js +14 -14
- package/dist/components/join/index.js +2 -3
- package/dist/components/kbd/Kbd.js +20 -20
- package/dist/components/kbd/index.js +2 -8
- package/dist/components/label/Label.js +9 -9
- package/dist/components/label/index.js +2 -5
- package/dist/components/language-switcher/LanguageSwitcher.js +26 -26
- package/dist/components/language-switcher/createI18n.js +8 -8
- package/dist/components/language-switcher/index.js +3 -8
- package/dist/components/link/Link.js +22 -22
- package/dist/components/link/index.js +2 -5
- package/dist/components/list-box/ListBox.js +17 -17
- package/dist/components/list-box/ListBoxItem.js +32 -32
- package/dist/components/list-box/ListBoxSection.js +13 -13
- package/dist/components/list-box/context.js +2 -2
- package/dist/components/list-box/index.js +9 -15
- package/dist/components/live-chat/LiveChatBubble.js +27 -27
- package/dist/components/live-chat/LiveChatPanel.js +62 -62
- package/dist/components/live-chat/index.js +3 -5
- package/dist/components/menu/Menu.js +25 -30
- package/dist/components/menu/MenuItem.js +38 -38
- package/dist/components/menu/MenuSection.js +13 -13
- package/dist/components/menu/context.js +2 -2
- package/dist/components/menu/index.js +3 -12
- package/dist/components/meter/Meter.js +31 -31
- package/dist/components/meter/index.js +2 -8
- package/dist/components/modal/Modal.js +80 -80
- package/dist/components/modal/index.js +2 -13
- package/dist/components/navbar/Navbar.js +18 -18
- package/dist/components/navbar/NavbarRow.js +10 -10
- package/dist/components/navbar/NavbarSection.js +9 -9
- package/dist/components/navbar/NavbarStack.js +10 -10
- package/dist/components/navbar/index.js +2 -3
- package/dist/components/noise-background/NoiseBackground.js +35 -35
- package/dist/components/noise-background/index.js +2 -3
- package/dist/components/number-field/NumberField.js +42 -42
- package/dist/components/number-field/index.js +2 -9
- package/dist/components/pagination/Pagination.js +34 -34
- package/dist/components/pagination/index.js +2 -3
- package/dist/components/popover/Popover.js +44 -44
- package/dist/components/popover/index.js +3 -9
- package/dist/components/progress-bar/ProgressBar.js +27 -27
- package/dist/components/progress-bar/index.js +2 -3
- package/dist/components/progress-circle/ProgressCircle.js +32 -32
- package/dist/components/progress-circle/index.js +2 -3
- package/dist/components/radio/Radio.js +27 -27
- package/dist/components/radio/index.js +2 -3
- package/dist/components/radio-group/RadioGroup.js +33 -33
- package/dist/components/radio-group/context.js +2 -2
- package/dist/components/radio-group/index.js +3 -4
- package/dist/components/range-calendar/RangeCalendar.js +15 -15
- package/dist/components/range-calendar/index.js +2 -3
- package/dist/components/scroll-shadow/ScrollShadow.js +19 -19
- package/dist/components/scroll-shadow/index.js +2 -3
- package/dist/components/scroll-shadow/useScrollShadow.js +3 -3
- package/dist/components/search-field/SearchField.js +38 -38
- package/dist/components/search-field/index.js +2 -9
- package/dist/components/select/Select.js +123 -123
- package/dist/components/select/index.js +2 -3
- package/dist/components/separator/Separator.js +11 -11
- package/dist/components/separator/index.js +2 -4
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +3 -6
- package/dist/components/size-picker/sizeStore.js +3 -3
- package/dist/components/skeleton/Skeleton.js +8 -8
- package/dist/components/skeleton/index.js +2 -3
- package/dist/components/slider/Slider.js +26 -26
- package/dist/components/slider/index.js +2 -3
- package/dist/components/spinner/Spinner.js +19 -19
- package/dist/components/spinner/index.js +2 -5
- package/dist/components/surface/Surface.js +9 -9
- package/dist/components/surface/index.js +2 -4
- package/dist/components/table/Table.js +80 -80
- package/dist/components/table/index.js +3 -28
- package/dist/components/tabs/Tabs.js +59 -59
- package/dist/components/tabs/index.js +2 -4
- package/dist/components/tag/Tag.js +40 -40
- package/dist/components/tag/index.js +2 -6
- package/dist/components/tag-group/TagGroup.js +20 -20
- package/dist/components/tag-group/context.js +2 -2
- package/dist/components/tag-group/index.js +2 -6
- package/dist/components/text/Text.js +9 -9
- package/dist/components/text/index.js +2 -5
- package/dist/components/text-area/TextArea.js +10 -10
- package/dist/components/text-area/index.js +2 -5
- package/dist/components/text-field/TextField.js +15 -15
- package/dist/components/text-field/index.js +2 -7
- package/dist/components/textarea/Textarea.js +11 -13
- package/dist/components/textarea/index.js +2 -6
- package/dist/components/theme-color-picker/ThemeColorPicker.js +43 -43
- package/dist/components/theme-color-picker/hueShift.js +3 -3
- package/dist/components/theme-color-picker/index.js +3 -7
- package/dist/components/time-field/TimeField.js +41 -41
- package/dist/components/time-field/index.js +2 -11
- package/dist/components/toast/Toast.js +98 -98
- package/dist/components/toast/index.js +2 -19
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +2 -3
- package/dist/components/toolbar/Toolbar.js +10 -10
- package/dist/components/toolbar/index.js +2 -5
- package/dist/components/tooltip/Tooltip.js +28 -28
- package/dist/components/tooltip/index.js +2 -7
- package/dist/components/utils.js +6 -7
- package/dist/components/video-preview/VideoPreview.js +15 -15
- package/dist/components/video-preview/index.js +2 -3
- package/dist/hooks/date/useCalendarNavigation.js +18 -18
- package/dist/hooks/date/useCalendarState.js +19 -19
- package/dist/hooks/date/useDateSelection.js +7 -7
- package/dist/hooks/date/usePickerOpenState.js +8 -8
- package/dist/hooks/date/useRangeSelection.js +16 -16
- package/dist/hooks/form/index.js +6 -12
- package/dist/hooks/form/useField.js +4 -4
- package/dist/hooks/form/useFieldError.js +2 -2
- package/dist/hooks/form/useFieldMeta.js +10 -10
- package/dist/hooks/form/useFieldProps.js +2 -2
- package/dist/hooks/form/useForm.js +4 -4
- package/dist/hooks/layout/index.js +2 -3
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +9 -18
- package/dist/hooks/table/useAnchoredOverlayPosition.js +4 -4
- package/dist/hooks/table/useTableExpansion.js +4 -4
- package/dist/hooks/table/useTableFiltering.js +8 -8
- package/dist/hooks/table/useTableModel.js +10 -10
- package/dist/hooks/table/useTablePagination.js +4 -4
- package/dist/hooks/table/useTableSelection.js +4 -4
- package/dist/hooks/table/useTableSorting.js +6 -6
- package/dist/index.d.ts +1 -1
- package/dist/index.js +97 -366
- package/dist/lib/refs/index.js +2 -3
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +2 -4
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +3 -7
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +11 -34
- package/dist/motion/popmotion.js +2 -2
- package/dist/motion/presets.js +4 -4
- package/dist/motion/route.js +7 -7
- package/dist/motion/solid/MotionDiv.js +13 -13
- package/dist/motion/solid/index.js +2 -3
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +3 -5
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +2 -3
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/dist/purge-manifest.json +2287 -2287
- package/package.json +1 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./DateField.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
7
|
-
const DateFieldContext =
|
|
3
|
+
import { createContext, createSignal, splitProps, useContext } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./DateField.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<input>"), _tmpl$3 = /*#__PURE__*/ template("<span>");
|
|
7
|
+
const DateFieldContext = createContext();
|
|
8
8
|
const invokeEventHandler = (handler, event)=>{
|
|
9
9
|
if ("function" == typeof handler) return void handler(event);
|
|
10
10
|
if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
|
|
11
11
|
};
|
|
12
12
|
const DateFieldRoot = (props)=>{
|
|
13
|
-
const [local, others] =
|
|
13
|
+
const [local, others] = splitProps(props, [
|
|
14
14
|
"children",
|
|
15
15
|
"class",
|
|
16
16
|
"className",
|
|
@@ -29,7 +29,7 @@ const DateFieldRoot = (props)=>{
|
|
|
29
29
|
"isRequired",
|
|
30
30
|
"required"
|
|
31
31
|
]);
|
|
32
|
-
const [internalValue, setInternalValue] =
|
|
32
|
+
const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? "");
|
|
33
33
|
const isControlled = ()=>void 0 !== local.value;
|
|
34
34
|
const value = ()=>isControlled() ? local.value ?? "" : internalValue();
|
|
35
35
|
const variant = ()=>local.variant ?? "primary";
|
|
@@ -58,12 +58,12 @@ const DateFieldRoot = (props)=>{
|
|
|
58
58
|
onBlur: ()=>local.onBlur,
|
|
59
59
|
setValue
|
|
60
60
|
};
|
|
61
|
-
return
|
|
61
|
+
return createComponent(DateFieldContext.Provider, {
|
|
62
62
|
value: contextValue,
|
|
63
63
|
get children () {
|
|
64
64
|
var _el$ = _tmpl$();
|
|
65
|
-
|
|
66
|
-
class:
|
|
65
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
66
|
+
class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], fullWidth() && CLASSES.Root.flag.fullWidth, local.class, local.className)
|
|
67
67
|
}), {
|
|
68
68
|
"data-slot": "date-field",
|
|
69
69
|
get ["data-invalid"] () {
|
|
@@ -88,11 +88,11 @@ const DateFieldRoot = (props)=>{
|
|
|
88
88
|
return local.style;
|
|
89
89
|
}
|
|
90
90
|
}), false, true);
|
|
91
|
-
|
|
92
|
-
var _c$ =
|
|
93
|
-
return ()=>_c$() ? local.children(renderProps()) :
|
|
91
|
+
insert(_el$, (()=>{
|
|
92
|
+
var _c$ = memo(()=>"function" == typeof local.children);
|
|
93
|
+
return ()=>_c$() ? local.children(renderProps()) : memo(()=>!!local.children)() ? local.children : createComponent(DateFieldGroup, {
|
|
94
94
|
get children () {
|
|
95
|
-
return
|
|
95
|
+
return createComponent(DateFieldInput, {});
|
|
96
96
|
}
|
|
97
97
|
});
|
|
98
98
|
})());
|
|
@@ -101,8 +101,8 @@ const DateFieldRoot = (props)=>{
|
|
|
101
101
|
});
|
|
102
102
|
};
|
|
103
103
|
const DateFieldGroup = (props)=>{
|
|
104
|
-
const context =
|
|
105
|
-
const [local, others] =
|
|
104
|
+
const context = useContext(DateFieldContext);
|
|
105
|
+
const [local, others] = splitProps(props, [
|
|
106
106
|
"children",
|
|
107
107
|
"class",
|
|
108
108
|
"className",
|
|
@@ -117,8 +117,8 @@ const DateFieldGroup = (props)=>{
|
|
|
117
117
|
});
|
|
118
118
|
return (()=>{
|
|
119
119
|
var _el$2 = _tmpl$();
|
|
120
|
-
|
|
121
|
-
class:
|
|
120
|
+
spread(_el$2, mergeProps(others, ()=>({
|
|
121
|
+
class: twMerge(CLASSES.Group.base, CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && CLASSES.Group.flag.fullWidth, local.class, local.className)
|
|
122
122
|
}), {
|
|
123
123
|
"data-slot": "date-input-group",
|
|
124
124
|
get ["data-invalid"] () {
|
|
@@ -134,16 +134,16 @@ const DateFieldGroup = (props)=>{
|
|
|
134
134
|
return local.style;
|
|
135
135
|
}
|
|
136
136
|
}), false, true);
|
|
137
|
-
|
|
138
|
-
var _c$2 =
|
|
137
|
+
insert(_el$2, (()=>{
|
|
138
|
+
var _c$2 = memo(()=>"function" == typeof local.children);
|
|
139
139
|
return ()=>_c$2() ? local.children(renderProps()) : local.children;
|
|
140
140
|
})());
|
|
141
141
|
return _el$2;
|
|
142
142
|
})();
|
|
143
143
|
};
|
|
144
144
|
const DateFieldInput = (props)=>{
|
|
145
|
-
const context =
|
|
146
|
-
const [local, others] =
|
|
145
|
+
const context = useContext(DateFieldContext);
|
|
146
|
+
const [local, others] = splitProps(props, [
|
|
147
147
|
"class",
|
|
148
148
|
"className",
|
|
149
149
|
"dataTheme",
|
|
@@ -163,10 +163,10 @@ const DateFieldInput = (props)=>{
|
|
|
163
163
|
};
|
|
164
164
|
return (()=>{
|
|
165
165
|
var _el$3 = _tmpl$2();
|
|
166
|
-
|
|
166
|
+
spread(_el$3, mergeProps(others, {
|
|
167
167
|
type: "date"
|
|
168
168
|
}, ()=>({
|
|
169
|
-
class:
|
|
169
|
+
class: twMerge(CLASSES.Input.base, local.class, local.className)
|
|
170
170
|
}), {
|
|
171
171
|
"data-slot": "date-input-group-input",
|
|
172
172
|
get ["data-theme"] () {
|
|
@@ -200,7 +200,7 @@ const DateFieldInput = (props)=>{
|
|
|
200
200
|
})();
|
|
201
201
|
};
|
|
202
202
|
const DateFieldInputContainer = (props)=>{
|
|
203
|
-
const [local, others] =
|
|
203
|
+
const [local, others] = splitProps(props, [
|
|
204
204
|
"children",
|
|
205
205
|
"class",
|
|
206
206
|
"className",
|
|
@@ -209,8 +209,8 @@ const DateFieldInputContainer = (props)=>{
|
|
|
209
209
|
]);
|
|
210
210
|
return (()=>{
|
|
211
211
|
var _el$4 = _tmpl$();
|
|
212
|
-
|
|
213
|
-
class:
|
|
212
|
+
spread(_el$4, mergeProps(others, ()=>({
|
|
213
|
+
class: twMerge(CLASSES.InputContainer.base, local.class, local.className)
|
|
214
214
|
}), {
|
|
215
215
|
"data-slot": "date-input-group-input-container",
|
|
216
216
|
get ["data-theme"] () {
|
|
@@ -220,12 +220,12 @@ const DateFieldInputContainer = (props)=>{
|
|
|
220
220
|
return local.style;
|
|
221
221
|
}
|
|
222
222
|
}), false, true);
|
|
223
|
-
|
|
223
|
+
insert(_el$4, ()=>local.children);
|
|
224
224
|
return _el$4;
|
|
225
225
|
})();
|
|
226
226
|
};
|
|
227
227
|
const DateFieldSegment = (props)=>{
|
|
228
|
-
const [local, others] =
|
|
228
|
+
const [local, others] = splitProps(props, [
|
|
229
229
|
"children",
|
|
230
230
|
"class",
|
|
231
231
|
"className",
|
|
@@ -235,8 +235,8 @@ const DateFieldSegment = (props)=>{
|
|
|
235
235
|
]);
|
|
236
236
|
return (()=>{
|
|
237
237
|
var _el$5 = _tmpl$3();
|
|
238
|
-
|
|
239
|
-
class:
|
|
238
|
+
spread(_el$5, mergeProps(others, ()=>({
|
|
239
|
+
class: twMerge(CLASSES.Segment.base, local.class, local.className)
|
|
240
240
|
}), {
|
|
241
241
|
"data-slot": "date-input-group-segment",
|
|
242
242
|
get ["data-type"] () {
|
|
@@ -261,12 +261,12 @@ const DateFieldSegment = (props)=>{
|
|
|
261
261
|
return local.style;
|
|
262
262
|
}
|
|
263
263
|
}), false, true);
|
|
264
|
-
|
|
264
|
+
insert(_el$5, ()=>local.children ?? local.segment?.text);
|
|
265
265
|
return _el$5;
|
|
266
266
|
})();
|
|
267
267
|
};
|
|
268
268
|
const DateFieldPrefix = (props)=>{
|
|
269
|
-
const [local, others] =
|
|
269
|
+
const [local, others] = splitProps(props, [
|
|
270
270
|
"children",
|
|
271
271
|
"class",
|
|
272
272
|
"className",
|
|
@@ -275,8 +275,8 @@ const DateFieldPrefix = (props)=>{
|
|
|
275
275
|
]);
|
|
276
276
|
return (()=>{
|
|
277
277
|
var _el$6 = _tmpl$();
|
|
278
|
-
|
|
279
|
-
class:
|
|
278
|
+
spread(_el$6, mergeProps(others, ()=>({
|
|
279
|
+
class: twMerge(CLASSES.Prefix.base, local.class, local.className)
|
|
280
280
|
}), {
|
|
281
281
|
"data-slot": "date-input-group-prefix",
|
|
282
282
|
get ["data-theme"] () {
|
|
@@ -286,12 +286,12 @@ const DateFieldPrefix = (props)=>{
|
|
|
286
286
|
return local.style;
|
|
287
287
|
}
|
|
288
288
|
}), false, true);
|
|
289
|
-
|
|
289
|
+
insert(_el$6, ()=>local.children);
|
|
290
290
|
return _el$6;
|
|
291
291
|
})();
|
|
292
292
|
};
|
|
293
293
|
const DateFieldSuffix = (props)=>{
|
|
294
|
-
const [local, others] =
|
|
294
|
+
const [local, others] = splitProps(props, [
|
|
295
295
|
"children",
|
|
296
296
|
"class",
|
|
297
297
|
"className",
|
|
@@ -300,8 +300,8 @@ const DateFieldSuffix = (props)=>{
|
|
|
300
300
|
]);
|
|
301
301
|
return (()=>{
|
|
302
302
|
var _el$7 = _tmpl$();
|
|
303
|
-
|
|
304
|
-
class:
|
|
303
|
+
spread(_el$7, mergeProps(others, ()=>({
|
|
304
|
+
class: twMerge(CLASSES.Suffix.base, local.class, local.className)
|
|
305
305
|
}), {
|
|
306
306
|
"data-slot": "date-input-group-suffix",
|
|
307
307
|
get ["data-theme"] () {
|
|
@@ -311,7 +311,7 @@ const DateFieldSuffix = (props)=>{
|
|
|
311
311
|
return local.style;
|
|
312
312
|
}
|
|
313
313
|
}), false, true);
|
|
314
|
-
|
|
314
|
+
insert(_el$7, ()=>local.children);
|
|
315
315
|
return _el$7;
|
|
316
316
|
})();
|
|
317
317
|
};
|
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__DateFieldGroup = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldGroup;
|
|
4
|
-
var __webpack_exports__DateFieldInput = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldInput;
|
|
5
|
-
var __webpack_exports__DateFieldInputContainer = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldInputContainer;
|
|
6
|
-
var __webpack_exports__DateFieldPrefix = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldPrefix;
|
|
7
|
-
var __webpack_exports__DateFieldRoot = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldRoot;
|
|
8
|
-
var __webpack_exports__DateFieldSegment = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldSegment;
|
|
9
|
-
var __webpack_exports__DateFieldSuffix = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldSuffix;
|
|
10
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__["default"];
|
|
11
|
-
export { __webpack_exports__DateField as DateField, __webpack_exports__DateFieldGroup as DateFieldGroup, __webpack_exports__DateFieldInput as DateFieldInput, __webpack_exports__DateFieldInputContainer as DateFieldInputContainer, __webpack_exports__DateFieldPrefix as DateFieldPrefix, __webpack_exports__DateFieldRoot as DateFieldRoot, __webpack_exports__DateFieldSegment as DateFieldSegment, __webpack_exports__DateFieldSuffix as DateFieldSuffix, __webpack_exports__default as default };
|
|
1
|
+
import external_DateField_js_default, { DateField, DateFieldGroup, DateFieldInput, DateFieldInputContainer, DateFieldPrefix, DateFieldRoot, DateFieldSegment, DateFieldSuffix } from "./DateField.js";
|
|
2
|
+
export { DateField, DateFieldGroup, DateFieldInput, DateFieldInputContainer, DateFieldPrefix, DateFieldRoot, DateFieldSegment, DateFieldSuffix, external_DateField_js_default as default };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, effect, insert, mergeProps, setAttribute, spread, template, use } from "solid-js/web";
|
|
2
2
|
import "./DatePicker.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/
|
|
9
|
-
const
|
|
10
|
-
const [local, others] =
|
|
3
|
+
import { Show, createMemo, createUniqueId, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { formatDate, toISODate, useDateSelection, usePickerOpenState } from "../../hooks/date/index.js";
|
|
6
|
+
import index_js_default from "../calendar/index.js";
|
|
7
|
+
import { CLASSES } from "./DatePicker.classes.js";
|
|
8
|
+
var _tmpl$ = /*#__PURE__*/ template("<input type=hidden>"), _tmpl$2 = /*#__PURE__*/ template("<div>"), _tmpl$3 = /*#__PURE__*/ template("<div><button type=button><span></span><span><svg><rect x=3 y=4 width=18 height=18 rx=2 ry=2></rect><line x1=16 y1=2 x2=16 y2=6></line><line x1=8 y1=2 x2=8 y2=6></line><line x1=3 y1=10 x2=21 y2=10>");
|
|
9
|
+
const DatePicker_DatePicker = (props)=>{
|
|
10
|
+
const [local, others] = splitProps(props, [
|
|
11
11
|
"class",
|
|
12
12
|
"className",
|
|
13
13
|
"dataTheme",
|
|
@@ -29,25 +29,25 @@ const DatePicker = (props)=>{
|
|
|
29
29
|
"isDisabled",
|
|
30
30
|
"disabled"
|
|
31
31
|
]);
|
|
32
|
-
const isDisabled =
|
|
33
|
-
const selection =
|
|
32
|
+
const isDisabled = createMemo(()=>Boolean(local.isDisabled) || Boolean(local.disabled));
|
|
33
|
+
const selection = useDateSelection({
|
|
34
34
|
value: ()=>local.value,
|
|
35
35
|
defaultValue: ()=>local.defaultValue,
|
|
36
36
|
onChange: ()=>local.onChange
|
|
37
37
|
});
|
|
38
|
-
const openState =
|
|
38
|
+
const openState = usePickerOpenState({
|
|
39
39
|
isOpen: ()=>local.isOpen,
|
|
40
40
|
defaultOpen: ()=>local.defaultOpen,
|
|
41
41
|
onOpenChange: ()=>local.onOpenChange,
|
|
42
42
|
isDisabled
|
|
43
43
|
});
|
|
44
|
-
const locale =
|
|
45
|
-
const displayValue =
|
|
44
|
+
const locale = createMemo(()=>local.locale ?? "en-US");
|
|
45
|
+
const displayValue = createMemo(()=>{
|
|
46
46
|
const selectedDate = selection.selectedDate();
|
|
47
47
|
if (!selectedDate) return local.placeholder ?? "Select date";
|
|
48
|
-
return
|
|
48
|
+
return formatDate(selectedDate, locale());
|
|
49
49
|
});
|
|
50
|
-
const uniqueId =
|
|
50
|
+
const uniqueId = createUniqueId();
|
|
51
51
|
const popoverId = `date-picker-popover-${uniqueId}`;
|
|
52
52
|
const handleDateChange = (date)=>{
|
|
53
53
|
selection.setSelectedDate(date);
|
|
@@ -55,12 +55,12 @@ const DatePicker = (props)=>{
|
|
|
55
55
|
};
|
|
56
56
|
return (()=>{
|
|
57
57
|
var _el$ = _tmpl$3(), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild;
|
|
58
|
-
|
|
58
|
+
use((node)=>{
|
|
59
59
|
openState.setRootRef(node);
|
|
60
60
|
if ("function" == typeof local.ref) local.ref(node);
|
|
61
61
|
}, _el$);
|
|
62
|
-
|
|
63
|
-
class:
|
|
62
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
63
|
+
class: twMerge(CLASSES.Root.base, openState.isOpen() && CLASSES.Root.flag.open, isDisabled() && CLASSES.Root.flag.disabled, local.class, local.className)
|
|
64
64
|
}), {
|
|
65
65
|
"data-slot": "date-picker",
|
|
66
66
|
get ["data-open"] () {
|
|
@@ -79,27 +79,27 @@ const DatePicker = (props)=>{
|
|
|
79
79
|
return isDisabled() ? "true" : void 0;
|
|
80
80
|
}
|
|
81
81
|
}), false, true);
|
|
82
|
-
|
|
82
|
+
insert(_el$, createComponent(Show, {
|
|
83
83
|
get when () {
|
|
84
84
|
return local.name;
|
|
85
85
|
},
|
|
86
86
|
get children () {
|
|
87
87
|
var _el$2 = _tmpl$();
|
|
88
|
-
|
|
88
|
+
effect((_p$)=>{
|
|
89
89
|
var _v$ = local.name, _v$2 = isDisabled();
|
|
90
|
-
_v$ !== _p$.e &&
|
|
90
|
+
_v$ !== _p$.e && setAttribute(_el$2, "name", _p$.e = _v$);
|
|
91
91
|
_v$2 !== _p$.t && (_el$2.disabled = _p$.t = _v$2);
|
|
92
92
|
return _p$;
|
|
93
93
|
}, {
|
|
94
94
|
e: void 0,
|
|
95
95
|
t: void 0
|
|
96
96
|
});
|
|
97
|
-
|
|
97
|
+
effect(()=>_el$2.value = toISODate(selection.selectedDate()));
|
|
98
98
|
return _el$2;
|
|
99
99
|
}
|
|
100
100
|
}), _el$3);
|
|
101
|
-
|
|
102
|
-
class:
|
|
101
|
+
spread(_el$3, mergeProps(()=>({
|
|
102
|
+
class: CLASSES.Trigger.base
|
|
103
103
|
}), {
|
|
104
104
|
"data-slot": "date-picker-trigger",
|
|
105
105
|
"aria-haspopup": "dialog",
|
|
@@ -126,20 +126,20 @@ const DatePicker = (props)=>{
|
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
128
|
}), false, true);
|
|
129
|
-
|
|
130
|
-
class:
|
|
129
|
+
spread(_el$4, mergeProps(()=>({
|
|
130
|
+
class: twMerge(CLASSES.TriggerValue.base, !selection.selectedDate() && CLASSES.TriggerValue.flag.placeholder)
|
|
131
131
|
}), {
|
|
132
132
|
"data-slot": "date-picker-trigger-value"
|
|
133
133
|
}), false, true);
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
class:
|
|
134
|
+
insert(_el$4, displayValue);
|
|
135
|
+
spread(_el$5, mergeProps(()=>({
|
|
136
|
+
class: CLASSES.TriggerIndicator.base
|
|
137
137
|
}), {
|
|
138
138
|
"data-slot": "date-picker-trigger-indicator",
|
|
139
139
|
"aria-hidden": "true"
|
|
140
140
|
}), false, true);
|
|
141
|
-
|
|
142
|
-
class:
|
|
141
|
+
spread(_el$6, mergeProps(()=>({
|
|
142
|
+
class: CLASSES.TriggerIcon.base
|
|
143
143
|
}), {
|
|
144
144
|
"data-slot": "date-picker-trigger-icon",
|
|
145
145
|
viewBox: "0 0 24 24",
|
|
@@ -150,22 +150,22 @@ const DatePicker = (props)=>{
|
|
|
150
150
|
"stroke-linejoin": "round",
|
|
151
151
|
"aria-hidden": "true"
|
|
152
152
|
}), true, true);
|
|
153
|
-
|
|
153
|
+
insert(_el$, createComponent(Show, {
|
|
154
154
|
get when () {
|
|
155
155
|
return openState.isOpen();
|
|
156
156
|
},
|
|
157
157
|
get children () {
|
|
158
158
|
var _el$7 = _tmpl$2();
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
class:
|
|
159
|
+
setAttribute(_el$7, "id", popoverId);
|
|
160
|
+
spread(_el$7, mergeProps(()=>({
|
|
161
|
+
class: CLASSES.Popover.base
|
|
162
162
|
}), {
|
|
163
163
|
"data-slot": "date-picker-popover",
|
|
164
164
|
role: "dialog",
|
|
165
165
|
"aria-modal": "false"
|
|
166
166
|
}), false, true);
|
|
167
|
-
|
|
168
|
-
class:
|
|
167
|
+
insert(_el$7, createComponent(index_js_default, mergeProps(()=>({
|
|
168
|
+
class: CLASSES.Calendar.base
|
|
169
169
|
}), {
|
|
170
170
|
"data-slot": "date-picker-calendar",
|
|
171
171
|
get value () {
|
|
@@ -197,5 +197,5 @@ const DatePicker = (props)=>{
|
|
|
197
197
|
return _el$;
|
|
198
198
|
})();
|
|
199
199
|
};
|
|
200
|
-
const
|
|
201
|
-
export {
|
|
200
|
+
const DatePicker = DatePicker_DatePicker;
|
|
201
|
+
export { DatePicker as default };
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__default as default };
|
|
1
|
+
import external_DatePicker_js_default from "./DatePicker.js";
|
|
2
|
+
export { external_DatePicker_js_default as default };
|