@elliemae/ds-form-date-time-picker 3.80.0-next.2 → 3.80.0-next.20
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/cjs/constants/index.js +15 -1
- package/dist/cjs/constants/index.js.map +2 -2
- package/dist/cjs/parts/DateInputs/DateInputs.js +5 -5
- package/dist/cjs/parts/DateInputs/DateInputs.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js +18 -14
- package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js +27 -22
- package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/Styleds.js +16 -4
- package/dist/cjs/parts/Pickers/Calendar/Styleds.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/usePopperTriggerLogic.js +12 -3
- package/dist/cjs/parts/Pickers/Calendar/usePopperTriggerLogic.js.map +2 -2
- package/dist/cjs/parts/Pickers/PickersIcons.js +2 -1
- package/dist/cjs/parts/Pickers/PickersIcons.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js +5 -5
- package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js +8 -8
- package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js +5 -5
- package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/Styleds.js +16 -4
- package/dist/cjs/parts/Pickers/TimeWheel/Styleds.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +4 -3
- package/dist/cjs/parts/Pickers/TimeWheel/usePopperTriggerLogic.js.map +2 -2
- package/dist/cjs/parts/Styleds.js +16 -36
- package/dist/cjs/parts/Styleds.js.map +2 -2
- package/dist/cjs/parts/TimeInputs/TimeInputs.js +5 -5
- package/dist/cjs/parts/TimeInputs/TimeInputs.js.map +2 -2
- package/dist/cjs/react-desc-prop-types.js +2 -0
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/slot-arguments-polymorphic-typescript.js.map +1 -1
- package/dist/cjs/typescript-testing/slot-props.js +73 -0
- package/dist/cjs/typescript-testing/slot-props.js.map +2 -2
- package/dist/esm/constants/index.js +15 -1
- package/dist/esm/constants/index.js.map +2 -2
- package/dist/esm/parts/DateInputs/DateInputs.js +5 -5
- package/dist/esm/parts/DateInputs/DateInputs.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarBody.js +18 -14
- package/dist/esm/parts/Pickers/Calendar/CalendarBody.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarContent.js +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarContent.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarHead.js +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarHead.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarWeekDays.js +27 -22
- package/dist/esm/parts/Pickers/Calendar/CalendarWeekDays.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/Styleds.js +21 -5
- package/dist/esm/parts/Pickers/Calendar/Styleds.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/usePopperTriggerLogic.js +12 -3
- package/dist/esm/parts/Pickers/Calendar/usePopperTriggerLogic.js.map +2 -2
- package/dist/esm/parts/Pickers/PickersIcons.js +2 -1
- package/dist/esm/parts/Pickers/PickersIcons.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/HoursList.js +5 -5
- package/dist/esm/parts/Pickers/TimeWheel/HoursList.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js +8 -8
- package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js +5 -5
- package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/Styleds.js +21 -5
- package/dist/esm/parts/Pickers/TimeWheel/Styleds.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +4 -3
- package/dist/esm/parts/Pickers/TimeWheel/usePopperTriggerLogic.js.map +2 -2
- package/dist/esm/parts/Styleds.js +21 -37
- package/dist/esm/parts/Styleds.js.map +2 -2
- package/dist/esm/parts/TimeInputs/TimeInputs.js +5 -5
- package/dist/esm/parts/TimeInputs/TimeInputs.js.map +2 -2
- package/dist/esm/react-desc-prop-types.js +2 -0
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/esm/typescript-testing/slot-props.js +73 -0
- package/dist/esm/typescript-testing/slot-props.js.map +2 -2
- package/dist/types/constants/index.d.ts +48 -0
- package/dist/types/parts/Styleds.d.ts +0 -3
- package/dist/types/slot-arguments-polymorphic-typescript.d.ts +18 -2
- package/package.json +12 -12
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/slot-arguments-polymorphic-typescript.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * ISOLATION FILE \u2014 Polymorphic SlotFunctionArguments engine\n *\n * Generic, component-agnostic namespace. Owns:\n * 1. All slot bucket definitions and the type \u2192 bucket composition mapping (engine internals)\n * 2. Generic engine exports (SlotFunctionArguments<T, TOverrides>, PolymorphicSlotFunctionArguments<T, TOverrides>)\n *\n * Does NOT own component-specific types (CalendarDaySlotArguments, slot overrides).\n * Those live in DSControlledDateTimePickerT, which uses this engine's generic exports\n * and provides its own TOverrides to create its Slots<T> and PolymorphicSlots<T>.\n */\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace ControlledDateTimePickerSlotEngine {\n // ---------------------------------------------------------------------------\n // ControlTypes\n // ---------------------------------------------------------------------------\n\n export type ControlTypes =\n | 'full-date-time'\n | 'date-time-inputs'\n | 'date-time-picker'\n | 'date-time-picker-controller-only'\n | 'full-date'\n | 'date-inputs'\n | 'date-picker'\n | 'date-picker-controller-only'\n | 'full-time'\n | 'time-inputs'\n | 'time-picker'\n | 'time-picker-controller-only';\n\n // ---------------------------------------------------------------------------\n // Slot Buckets (internal \u2014 not exported)\n //\n // All slot values are () => object. Typed argument overrides are injected\n // externally via TOverrides \u2014 the engine internals are argument-type-agnostic.\n //\n // No slot key appears in more than one bucket. Buckets compose additively.\n //\n // Root \u2014 always present\n // ClearBtn \u2014 input types only, gated by isClearable at runtime\n // DateInputs \u2014 month/day/year text inputs\n // TimeInputs \u2014 hour/minute/meridiem text inputs\n //\n // Calendar family (calendar-only types):\n // CalendarContent \u2014 inner calendar UI, picker AND controller-only\n // CalendarFooter \u2014 footer message, picker AND controller-only\n // CalendarPickerWrapper \u2014 trigger icon + popper, picker only\n //\n // Timewheel family (timewheel-only types):\n // TimewheelContent \u2014 inner timewheel UI, picker AND controller-only\n // TimewheelFooter \u2014 footer message, picker AND controller-only\n // TimewheelPickerWrapper \u2014 trigger icon + popper, picker only\n //\n // Combined family (CalendarWithTimeWheel \u2014 both pickers together):\n // CalendarContent + TimewheelContent (reused from above)\n // CalendarTimewheelContent \u2014 combined controller wrapper, picker AND controller-only\n // CalendarTimewheelFooter \u2014 combined footer, picker AND controller-only\n // CalendarTimewheelPickerWrapper \u2014 combined trigger icon + popper, picker only\n // ---------------------------------------------------------------------------\n\n type SlotsBucketRoot = {\n dsControlleddatetimepickerRoot: () => object;\n };\n\n type SlotsBucketClearBtn = {\n dsControlleddatetimepickerClearBtn: () => object;\n };\n\n type SlotsBucketDateInputs = {\n dsControlleddatetimepickerTimePickerMonthInput: () => object;\n dsControlleddatetimepickerTimePickerDayInput: () => object;\n dsControlleddatetimepickerTimePickerYearInput: () => object;\n };\n\n type SlotsBucketTimeInputs = {\n dsControlleddatetimepickerTimePickerHourInput: () => object;\n dsControlleddatetimepickerTimePickerMinuteInput: () => object;\n dsControlleddatetimepickerTimePickerMeridiemInput: () => object;\n };\n\n type SlotsBucketCalendarContent = {\n dsControlleddatetimepickerCalendarDay: () => object;\n dsControlleddatetimepickerCalendarHeaderLabel: () => object;\n dsControlleddatetimepickerCalendarHeaderButtons: () => object;\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: () => object;\n dsControlleddatetimepickerCalendarControllerWrapper: () => object;\n };\n\n type SlotsBucketCalendarFooter = {\n dsControlleddatetimepickerCalendarContextFooter: () => object;\n };\n\n type SlotsBucketCalendarPickerWrapper = {\n dsControlleddatetimepickerCalendarTriggerIcon: () => object;\n dsControlleddatetimepickerCalendarContextContentWrapper: () => object;\n };\n\n type SlotsBucketTimewheelContent = {\n dsControlleddatetimepickerTimewheelTimeButton: () => object;\n dsControlleddatetimepickerTimewheelTimeChangeButton: () => object;\n dsControlleddatetimepickerTimewheelHeaderLabel: () => object;\n dsControlleddatetimepickerTimewheelControllerWrapper: () => object;\n };\n\n type SlotsBucketTimewheelFooter = {\n dsControlleddatetimepickerTimewheelContextFooter: () => object;\n };\n\n type SlotsBucketTimewheelPickerWrapper = {\n dsControlleddatetimepickerTimewheelTriggerIcon: () => object;\n dsControlleddatetimepickerTimewheelContextContentWrapper: () => object;\n };\n\n type SlotsBucketCalendarTimewheelContent = {\n dsControlleddatetimepickerCalendarTimewheelControllerWrapper: () => object;\n };\n\n type SlotsBucketCalendarTimewheelFooter = {\n dsControlleddatetimepickerCalendarTimewheelContextFooter: () => object;\n };\n\n type SlotsBucketCalendarTimewheelPickerWrapper = {\n dsControlleddatetimepickerCalendarTimewheelTriggerIcon: () => object;\n dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: () => object;\n };\n\n // ---------------------------------------------------------------------------\n // Engine internals (not exported)\n // ---------------------------------------------------------------------------\n\n type AllSlotsBase = SlotsBucketRoot &\n SlotsBucketClearBtn &\n SlotsBucketDateInputs &\n SlotsBucketTimeInputs &\n SlotsBucketCalendarContent &\n SlotsBucketCalendarFooter &\n SlotsBucketCalendarPickerWrapper &\n SlotsBucketTimewheelContent &\n SlotsBucketTimewheelFooter &\n SlotsBucketTimewheelPickerWrapper &\n SlotsBucketCalendarTimewheelContent &\n SlotsBucketCalendarTimewheelFooter &\n SlotsBucketCalendarTimewheelPickerWrapper;\n\n // eslint-disable-next-line @typescript-eslint/ban-types\n export type SlotOverrides = Partial<{ [K in keyof AllSlotsBase]: Function }>;\n\n type ApplyOverrides<TBuckets, TOverrides extends SlotOverrides> = {\n [K in keyof TBuckets]: K extends keyof TOverrides ? NonNullable<TOverrides[K]> : TBuckets[K];\n };\n\n // prettier-ignore\n type ComposedBucketsFor<T extends ControlTypes> =\n T extends 'full-date-time'\n ? SlotsBucketRoot & SlotsBucketDateInputs & SlotsBucketTimeInputs & SlotsBucketClearBtn\n & SlotsBucketCalendarContent & SlotsBucketTimewheelContent & SlotsBucketCalendarTimewheelContent\n & SlotsBucketCalendarTimewheelFooter & SlotsBucketCalendarTimewheelPickerWrapper\n : T extends 'date-time-inputs'\n ? SlotsBucketRoot & SlotsBucketDateInputs & SlotsBucketTimeInputs & SlotsBucketClearBtn\n : T extends 'date-time-picker'\n ? SlotsBucketRoot & SlotsBucketCalendarContent & SlotsBucketTimewheelContent & SlotsBucketCalendarTimewheelContent\n & SlotsBucketCalendarTimewheelFooter & SlotsBucketCalendarTimewheelPickerWrapper\n : T extends 'date-time-picker-controller-only'\n ? SlotsBucketRoot & SlotsBucketCalendarContent & SlotsBucketTimewheelContent & SlotsBucketCalendarTimewheelContent\n & SlotsBucketCalendarTimewheelFooter\n : T extends 'full-date'\n ? SlotsBucketRoot & SlotsBucketDateInputs & SlotsBucketClearBtn\n & SlotsBucketCalendarContent & SlotsBucketCalendarFooter & SlotsBucketCalendarPickerWrapper\n : T extends 'date-inputs'\n ? SlotsBucketRoot & SlotsBucketDateInputs & SlotsBucketClearBtn\n : T extends 'date-picker'\n ? SlotsBucketRoot & SlotsBucketCalendarContent & SlotsBucketCalendarFooter & SlotsBucketCalendarPickerWrapper\n : T extends 'date-picker-controller-only'\n ? SlotsBucketRoot & SlotsBucketCalendarContent & SlotsBucketCalendarFooter\n : T extends 'full-time'\n ? SlotsBucketRoot & SlotsBucketTimeInputs & SlotsBucketClearBtn\n & SlotsBucketTimewheelContent & SlotsBucketTimewheelFooter & SlotsBucketTimewheelPickerWrapper\n : T extends 'time-inputs'\n ? SlotsBucketRoot & SlotsBucketTimeInputs & SlotsBucketClearBtn\n : T extends 'time-picker'\n ? SlotsBucketRoot & SlotsBucketTimewheelContent & SlotsBucketTimewheelFooter & SlotsBucketTimewheelPickerWrapper\n : T extends 'time-picker-controller-only'\n ? SlotsBucketRoot & SlotsBucketTimewheelContent & SlotsBucketTimewheelFooter\n : never;\n\n // ---------------------------------------------------------------------------\n // Generic engine exports\n // Available for any consumer that needs a different override set.\n // ---------------------------------------------------------------------------\n\n export type SlotFunctionArguments<\n T extends ControlTypes,\n TOverrides extends SlotOverrides = Record<string, unknown>,\n > = ApplyOverrides<ComposedBucketsFor<T>, TOverrides>;\n\n export type PolymorphicSlotFunctionArguments<\n T extends ControlTypes,\n TOverrides extends SlotOverrides = Record<string, unknown>,\n > = {\n [K in keyof SlotFunctionArguments<T, TOverrides>]?: object | SlotFunctionArguments<T, TOverrides>[K];\n };\n}\n\n// Engine structural contract tests live in:\n// src/typescript-testing/slot-arguments-engine.ts\n", "import * as React from 'react';\nexport { React };\n"],
|
|
4
|
+
"sourcesContent": ["/**\n * ISOLATION FILE \u2014 Polymorphic SlotFunctionArguments engine\n *\n * Generic, component-agnostic namespace. Owns:\n * 1. All slot bucket definitions and the type \u2192 bucket composition mapping (engine internals)\n * 2. Generic engine exports (SlotFunctionArguments<T, TOverrides>, PolymorphicSlotFunctionArguments<T, TOverrides>)\n *\n * Does NOT own component-specific types (CalendarDaySlotArguments, slot overrides).\n * Those live in DSControlledDateTimePickerT, which uses this engine's generic exports\n * and provides its own TOverrides to create its Slots<T> and PolymorphicSlots<T>.\n */\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace ControlledDateTimePickerSlotEngine {\n // ---------------------------------------------------------------------------\n // ControlTypes\n // ---------------------------------------------------------------------------\n\n export type ControlTypes =\n | 'full-date-time'\n | 'date-time-inputs'\n | 'date-time-picker'\n | 'date-time-picker-controller-only'\n | 'full-date'\n | 'date-inputs'\n | 'date-picker'\n | 'date-picker-controller-only'\n | 'full-time'\n | 'time-inputs'\n | 'time-picker'\n | 'time-picker-controller-only';\n\n // ---------------------------------------------------------------------------\n // Slot Buckets (internal \u2014 not exported)\n //\n // All slot values are () => object. Typed argument overrides are injected\n // externally via TOverrides \u2014 the engine internals are argument-type-agnostic.\n //\n // No slot key appears in more than one bucket. Buckets compose additively.\n //\n // Root \u2014 always present\n // ClearBtn \u2014 input types only, gated by isClearable at runtime\n // SharedInputs \u2014 separator + focus-within ring, rendered by BOTH input groups;\n // composed into any type carrying DateInputs or TimeInputs\n // DateInputs \u2014 month/day/year text inputs\n // TimeInputs \u2014 hour/minute/meridiem text inputs + colon separator\n // PickerIconsWrapper \u2014 wrapper around whichever picker trigger renders; composed into\n // every type except the three *-inputs ones (withAnyPicker)\n //\n // Calendar family (calendar-only types):\n // CalendarContent \u2014 inner calendar UI, picker AND controller-only\n // CalendarFooter \u2014 footer message, picker AND controller-only\n // CalendarPickerWrapper \u2014 trigger icon + popper, picker only\n //\n // Timewheel family (timewheel-only types):\n // TimewheelContent \u2014 inner timewheel UI, picker AND controller-only\n // TimewheelFooter \u2014 footer message, picker AND controller-only\n // TimewheelPickerWrapper \u2014 trigger icon + popper, picker only\n //\n // Combined family (CalendarWithTimeWheel \u2014 both pickers together):\n // CalendarContent + TimewheelContent (reused from above)\n // CalendarTimewheelContent \u2014 combined controller wrapper, picker AND controller-only\n // CalendarTimewheelFooter \u2014 combined footer, picker AND controller-only\n // CalendarTimewheelPickerWrapper \u2014 combined trigger icon + popper, picker only\n // ---------------------------------------------------------------------------\n\n type SlotsBucketRoot = {\n dsControlleddatetimepickerRoot: () => object;\n };\n\n type SlotsBucketClearBtn = {\n dsControlleddatetimepickerClearBtn: () => object;\n };\n\n // Slots rendered by BOTH input groups, so their composition matches neither DateInputs nor\n // TimeInputs alone. They live here rather than being duplicated across both buckets, which\n // would break the one-key-one-bucket invariant.\n // StyledSeparator \u2014 the \"/\" in DateInputs, the spacer before meridiem in TimeInputs\n // StyledFocusWithIn \u2014 wraps each individual input in both groups\n type SlotsBucketSharedInputs = {\n dsControlleddatetimepickerInputsSeparator: () => object;\n dsControlleddatetimepickerInputsFocusWithin: () => object;\n };\n\n type SlotsBucketDateInputs = {\n dsControlleddatetimepickerTimePickerMonthInput: () => object;\n dsControlleddatetimepickerTimePickerDayInput: () => object;\n dsControlleddatetimepickerTimePickerYearInput: () => object;\n };\n\n type SlotsBucketTimeInputs = {\n dsControlleddatetimepickerTimePickerHourInput: () => object;\n dsControlleddatetimepickerTimePickerMinuteInput: () => object;\n dsControlleddatetimepickerTimePickerMeridiemInput: () => object;\n dsControlleddatetimepickerTimeInputsColonSeparator: () => object;\n };\n\n // StyledPickersIconsWrapperGrid \u2014 the shared wrapper around whichever picker trigger renders.\n // Mounted whenever `withAnyPicker` is true, i.e. for every type except the three *-inputs ones,\n // so its composition matches no single family bucket.\n type SlotsBucketPickerIconsWrapper = {\n dsControlleddatetimepickerPickerIconsWrapper: () => object;\n };\n\n type SlotsBucketCalendarContent = {\n dsControlleddatetimepickerCalendarDay: () => object;\n dsControlleddatetimepickerCalendarHeaderLabel: () => object;\n dsControlleddatetimepickerCalendarHeaderButtons: () => object;\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: () => object;\n dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: () => object;\n dsControlleddatetimepickerCalendarControllerWrapper: () => object;\n dsControlleddatetimepickerCalendarWrapper: () => object;\n dsControlleddatetimepickerCalendarHeader: () => object;\n dsControlleddatetimepickerCalendarBody: () => object;\n };\n\n type SlotsBucketCalendarFooter = {\n dsControlleddatetimepickerCalendarContextFooter: () => object;\n };\n\n type SlotsBucketCalendarPickerWrapper = {\n dsControlleddatetimepickerCalendarTriggerIcon: () => object;\n dsControlleddatetimepickerCalendarContextContentWrapper: () => object;\n };\n\n type SlotsBucketTimewheelContent = {\n dsControlleddatetimepickerTimewheelTimeButton: () => object;\n dsControlleddatetimepickerTimewheelTimeChangeButton: () => object;\n dsControlleddatetimepickerTimewheelHeaderLabel: () => object;\n dsControlleddatetimepickerTimewheelControllerWrapper: () => object;\n dsControlleddatetimepickerTimewheelWheelWrapper: () => object;\n dsControlleddatetimepickerTimewheelWheelsLegend: () => object;\n dsControlleddatetimepickerTimewheelWheelList: () => object;\n dsControlleddatetimepickerTimewheelWheelListItem: () => object;\n };\n\n type SlotsBucketTimewheelFooter = {\n dsControlleddatetimepickerTimewheelContextFooter: () => object;\n };\n\n type SlotsBucketTimewheelPickerWrapper = {\n dsControlleddatetimepickerTimewheelTriggerIcon: () => object;\n dsControlleddatetimepickerTimewheelContextContentWrapper: () => object;\n };\n\n type SlotsBucketCalendarTimewheelContent = {\n dsControlleddatetimepickerCalendarTimewheelControllerWrapper: () => object;\n };\n\n type SlotsBucketCalendarTimewheelFooter = {\n dsControlleddatetimepickerCalendarTimewheelContextFooter: () => object;\n };\n\n type SlotsBucketCalendarTimewheelPickerWrapper = {\n dsControlleddatetimepickerCalendarTimewheelTriggerIcon: () => object;\n dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: () => object;\n };\n\n // ---------------------------------------------------------------------------\n // Engine internals (not exported)\n // ---------------------------------------------------------------------------\n\n type AllSlotsBase = SlotsBucketRoot &\n SlotsBucketClearBtn &\n SlotsBucketSharedInputs &\n SlotsBucketDateInputs &\n SlotsBucketTimeInputs &\n SlotsBucketPickerIconsWrapper &\n SlotsBucketCalendarContent &\n SlotsBucketCalendarFooter &\n SlotsBucketCalendarPickerWrapper &\n SlotsBucketTimewheelContent &\n SlotsBucketTimewheelFooter &\n SlotsBucketTimewheelPickerWrapper &\n SlotsBucketCalendarTimewheelContent &\n SlotsBucketCalendarTimewheelFooter &\n SlotsBucketCalendarTimewheelPickerWrapper;\n\n // eslint-disable-next-line @typescript-eslint/ban-types\n export type SlotOverrides = Partial<{ [K in keyof AllSlotsBase]: Function }>;\n\n type ApplyOverrides<TBuckets, TOverrides extends SlotOverrides> = {\n [K in keyof TBuckets]: K extends keyof TOverrides ? NonNullable<TOverrides[K]> : TBuckets[K];\n };\n\n // prettier-ignore\n type ComposedBucketsFor<T extends ControlTypes> =\n T extends 'full-date-time'\n ? SlotsBucketRoot & SlotsBucketDateInputs & SlotsBucketTimeInputs & SlotsBucketSharedInputs & SlotsBucketClearBtn\n & SlotsBucketPickerIconsWrapper & SlotsBucketCalendarContent & SlotsBucketTimewheelContent & SlotsBucketCalendarTimewheelContent\n & SlotsBucketCalendarTimewheelFooter & SlotsBucketCalendarTimewheelPickerWrapper\n : T extends 'date-time-inputs'\n ? SlotsBucketRoot & SlotsBucketDateInputs & SlotsBucketTimeInputs & SlotsBucketSharedInputs & SlotsBucketClearBtn\n : T extends 'date-time-picker'\n ? SlotsBucketRoot & SlotsBucketPickerIconsWrapper & SlotsBucketCalendarContent & SlotsBucketTimewheelContent & SlotsBucketCalendarTimewheelContent\n & SlotsBucketCalendarTimewheelFooter & SlotsBucketCalendarTimewheelPickerWrapper\n : T extends 'date-time-picker-controller-only'\n ? SlotsBucketRoot & SlotsBucketPickerIconsWrapper & SlotsBucketCalendarContent & SlotsBucketTimewheelContent & SlotsBucketCalendarTimewheelContent\n & SlotsBucketCalendarTimewheelFooter\n : T extends 'full-date'\n ? SlotsBucketRoot & SlotsBucketDateInputs & SlotsBucketSharedInputs & SlotsBucketClearBtn\n & SlotsBucketPickerIconsWrapper & SlotsBucketCalendarContent & SlotsBucketCalendarFooter & SlotsBucketCalendarPickerWrapper\n : T extends 'date-inputs'\n ? SlotsBucketRoot & SlotsBucketDateInputs & SlotsBucketSharedInputs & SlotsBucketClearBtn\n : T extends 'date-picker'\n ? SlotsBucketRoot & SlotsBucketPickerIconsWrapper & SlotsBucketCalendarContent & SlotsBucketCalendarFooter & SlotsBucketCalendarPickerWrapper\n : T extends 'date-picker-controller-only'\n ? SlotsBucketRoot & SlotsBucketPickerIconsWrapper & SlotsBucketCalendarContent & SlotsBucketCalendarFooter\n : T extends 'full-time'\n ? SlotsBucketRoot & SlotsBucketTimeInputs & SlotsBucketSharedInputs & SlotsBucketClearBtn\n & SlotsBucketPickerIconsWrapper & SlotsBucketTimewheelContent & SlotsBucketTimewheelFooter & SlotsBucketTimewheelPickerWrapper\n : T extends 'time-inputs'\n ? SlotsBucketRoot & SlotsBucketTimeInputs & SlotsBucketSharedInputs & SlotsBucketClearBtn\n : T extends 'time-picker'\n ? SlotsBucketRoot & SlotsBucketPickerIconsWrapper & SlotsBucketTimewheelContent & SlotsBucketTimewheelFooter & SlotsBucketTimewheelPickerWrapper\n : T extends 'time-picker-controller-only'\n ? SlotsBucketRoot & SlotsBucketPickerIconsWrapper & SlotsBucketTimewheelContent & SlotsBucketTimewheelFooter\n : never;\n\n // ---------------------------------------------------------------------------\n // Generic engine exports\n // Available for any consumer that needs a different override set.\n // ---------------------------------------------------------------------------\n\n export type SlotFunctionArguments<\n T extends ControlTypes,\n TOverrides extends SlotOverrides = Record<string, unknown>,\n > = ApplyOverrides<ComposedBucketsFor<T>, TOverrides>;\n\n export type PolymorphicSlotFunctionArguments<\n T extends ControlTypes,\n TOverrides extends SlotOverrides = Record<string, unknown>,\n > = {\n [K in keyof SlotFunctionArguments<T, TOverrides>]?: object | SlotFunctionArguments<T, TOverrides>[K];\n };\n}\n\n// Engine structural contract tests live in:\n// src/typescript-testing/slot-arguments-engine.ts\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -42,16 +42,28 @@ const slotsFullDateTime = {
|
|
|
42
42
|
dsControlleddatetimepickerTimePickerHourInput: fn,
|
|
43
43
|
dsControlleddatetimepickerTimePickerMinuteInput: fn,
|
|
44
44
|
dsControlleddatetimepickerTimePickerMeridiemInput: fn,
|
|
45
|
+
dsControlleddatetimepickerTimeInputsColonSeparator: fn,
|
|
46
|
+
dsControlleddatetimepickerInputsSeparator: fn,
|
|
47
|
+
dsControlleddatetimepickerInputsFocusWithin: fn,
|
|
45
48
|
dsControlleddatetimepickerClearBtn: fn,
|
|
49
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
46
50
|
dsControlleddatetimepickerCalendarDay: calendarDayFn,
|
|
47
51
|
dsControlleddatetimepickerCalendarHeaderLabel: fn,
|
|
48
52
|
dsControlleddatetimepickerCalendarHeaderButtons: fn,
|
|
49
53
|
dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,
|
|
54
|
+
dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,
|
|
50
55
|
dsControlleddatetimepickerCalendarControllerWrapper: fn,
|
|
56
|
+
dsControlleddatetimepickerCalendarWrapper: fn,
|
|
57
|
+
dsControlleddatetimepickerCalendarHeader: fn,
|
|
58
|
+
dsControlleddatetimepickerCalendarBody: fn,
|
|
51
59
|
dsControlleddatetimepickerTimewheelTimeButton: fn,
|
|
52
60
|
dsControlleddatetimepickerTimewheelTimeChangeButton: fn,
|
|
53
61
|
dsControlleddatetimepickerTimewheelHeaderLabel: fn,
|
|
54
62
|
dsControlleddatetimepickerTimewheelControllerWrapper: fn,
|
|
63
|
+
dsControlleddatetimepickerTimewheelWheelWrapper: fn,
|
|
64
|
+
dsControlleddatetimepickerTimewheelWheelsLegend: fn,
|
|
65
|
+
dsControlleddatetimepickerTimewheelWheelList: fn,
|
|
66
|
+
dsControlleddatetimepickerTimewheelWheelListItem: fn,
|
|
55
67
|
dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,
|
|
56
68
|
dsControlleddatetimepickerCalendarTimewheelContextFooter: fn,
|
|
57
69
|
dsControlleddatetimepickerCalendarTimewheelTriggerIcon: fn,
|
|
@@ -65,19 +77,31 @@ const slotsDateTimeInputs = {
|
|
|
65
77
|
dsControlleddatetimepickerTimePickerHourInput: fn,
|
|
66
78
|
dsControlleddatetimepickerTimePickerMinuteInput: fn,
|
|
67
79
|
dsControlleddatetimepickerTimePickerMeridiemInput: fn,
|
|
80
|
+
dsControlleddatetimepickerTimeInputsColonSeparator: fn,
|
|
81
|
+
dsControlleddatetimepickerInputsSeparator: fn,
|
|
82
|
+
dsControlleddatetimepickerInputsFocusWithin: fn,
|
|
68
83
|
dsControlleddatetimepickerClearBtn: fn
|
|
69
84
|
};
|
|
70
85
|
const slotsDateTimePicker = {
|
|
71
86
|
dsControlleddatetimepickerRoot: fn,
|
|
87
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
72
88
|
dsControlleddatetimepickerCalendarDay: calendarDayFn,
|
|
73
89
|
dsControlleddatetimepickerCalendarHeaderLabel: fn,
|
|
74
90
|
dsControlleddatetimepickerCalendarHeaderButtons: fn,
|
|
75
91
|
dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,
|
|
92
|
+
dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,
|
|
76
93
|
dsControlleddatetimepickerCalendarControllerWrapper: fn,
|
|
94
|
+
dsControlleddatetimepickerCalendarWrapper: fn,
|
|
95
|
+
dsControlleddatetimepickerCalendarHeader: fn,
|
|
96
|
+
dsControlleddatetimepickerCalendarBody: fn,
|
|
77
97
|
dsControlleddatetimepickerTimewheelTimeButton: fn,
|
|
78
98
|
dsControlleddatetimepickerTimewheelTimeChangeButton: fn,
|
|
79
99
|
dsControlleddatetimepickerTimewheelHeaderLabel: fn,
|
|
80
100
|
dsControlleddatetimepickerTimewheelControllerWrapper: fn,
|
|
101
|
+
dsControlleddatetimepickerTimewheelWheelWrapper: fn,
|
|
102
|
+
dsControlleddatetimepickerTimewheelWheelsLegend: fn,
|
|
103
|
+
dsControlleddatetimepickerTimewheelWheelList: fn,
|
|
104
|
+
dsControlleddatetimepickerTimewheelWheelListItem: fn,
|
|
81
105
|
dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,
|
|
82
106
|
dsControlleddatetimepickerCalendarTimewheelContextFooter: fn,
|
|
83
107
|
dsControlleddatetimepickerCalendarTimewheelTriggerIcon: fn,
|
|
@@ -85,15 +109,24 @@ const slotsDateTimePicker = {
|
|
|
85
109
|
};
|
|
86
110
|
const slotsDateTimePickerControllerOnly = {
|
|
87
111
|
dsControlleddatetimepickerRoot: fn,
|
|
112
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
88
113
|
dsControlleddatetimepickerCalendarDay: calendarDayFn,
|
|
89
114
|
dsControlleddatetimepickerCalendarHeaderLabel: fn,
|
|
90
115
|
dsControlleddatetimepickerCalendarHeaderButtons: fn,
|
|
91
116
|
dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,
|
|
117
|
+
dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,
|
|
92
118
|
dsControlleddatetimepickerCalendarControllerWrapper: fn,
|
|
119
|
+
dsControlleddatetimepickerCalendarWrapper: fn,
|
|
120
|
+
dsControlleddatetimepickerCalendarHeader: fn,
|
|
121
|
+
dsControlleddatetimepickerCalendarBody: fn,
|
|
93
122
|
dsControlleddatetimepickerTimewheelTimeButton: fn,
|
|
94
123
|
dsControlleddatetimepickerTimewheelTimeChangeButton: fn,
|
|
95
124
|
dsControlleddatetimepickerTimewheelHeaderLabel: fn,
|
|
96
125
|
dsControlleddatetimepickerTimewheelControllerWrapper: fn,
|
|
126
|
+
dsControlleddatetimepickerTimewheelWheelWrapper: fn,
|
|
127
|
+
dsControlleddatetimepickerTimewheelWheelsLegend: fn,
|
|
128
|
+
dsControlleddatetimepickerTimewheelWheelList: fn,
|
|
129
|
+
dsControlleddatetimepickerTimewheelWheelListItem: fn,
|
|
97
130
|
dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,
|
|
98
131
|
dsControlleddatetimepickerCalendarTimewheelContextFooter: fn
|
|
99
132
|
};
|
|
@@ -102,12 +135,19 @@ const slotsFullDate = {
|
|
|
102
135
|
dsControlleddatetimepickerTimePickerMonthInput: fn,
|
|
103
136
|
dsControlleddatetimepickerTimePickerDayInput: fn,
|
|
104
137
|
dsControlleddatetimepickerTimePickerYearInput: fn,
|
|
138
|
+
dsControlleddatetimepickerInputsSeparator: fn,
|
|
139
|
+
dsControlleddatetimepickerInputsFocusWithin: fn,
|
|
105
140
|
dsControlleddatetimepickerClearBtn: fn,
|
|
141
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
106
142
|
dsControlleddatetimepickerCalendarDay: calendarDayFn,
|
|
107
143
|
dsControlleddatetimepickerCalendarHeaderLabel: fn,
|
|
108
144
|
dsControlleddatetimepickerCalendarHeaderButtons: fn,
|
|
109
145
|
dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,
|
|
146
|
+
dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,
|
|
110
147
|
dsControlleddatetimepickerCalendarControllerWrapper: fn,
|
|
148
|
+
dsControlleddatetimepickerCalendarWrapper: fn,
|
|
149
|
+
dsControlleddatetimepickerCalendarHeader: fn,
|
|
150
|
+
dsControlleddatetimepickerCalendarBody: fn,
|
|
111
151
|
dsControlleddatetimepickerCalendarContextFooter: fn,
|
|
112
152
|
dsControlleddatetimepickerCalendarTriggerIcon: fn,
|
|
113
153
|
dsControlleddatetimepickerCalendarContextContentWrapper: fn
|
|
@@ -117,26 +157,38 @@ const slotsDateInputs = {
|
|
|
117
157
|
dsControlleddatetimepickerTimePickerMonthInput: fn,
|
|
118
158
|
dsControlleddatetimepickerTimePickerDayInput: fn,
|
|
119
159
|
dsControlleddatetimepickerTimePickerYearInput: fn,
|
|
160
|
+
dsControlleddatetimepickerInputsSeparator: fn,
|
|
161
|
+
dsControlleddatetimepickerInputsFocusWithin: fn,
|
|
120
162
|
dsControlleddatetimepickerClearBtn: fn
|
|
121
163
|
};
|
|
122
164
|
const slotsDatePicker = {
|
|
123
165
|
dsControlleddatetimepickerRoot: fn,
|
|
166
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
124
167
|
dsControlleddatetimepickerCalendarDay: calendarDayFn,
|
|
125
168
|
dsControlleddatetimepickerCalendarHeaderLabel: fn,
|
|
126
169
|
dsControlleddatetimepickerCalendarHeaderButtons: fn,
|
|
127
170
|
dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,
|
|
171
|
+
dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,
|
|
128
172
|
dsControlleddatetimepickerCalendarControllerWrapper: fn,
|
|
173
|
+
dsControlleddatetimepickerCalendarWrapper: fn,
|
|
174
|
+
dsControlleddatetimepickerCalendarHeader: fn,
|
|
175
|
+
dsControlleddatetimepickerCalendarBody: fn,
|
|
129
176
|
dsControlleddatetimepickerCalendarContextFooter: fn,
|
|
130
177
|
dsControlleddatetimepickerCalendarTriggerIcon: fn,
|
|
131
178
|
dsControlleddatetimepickerCalendarContextContentWrapper: fn
|
|
132
179
|
};
|
|
133
180
|
const slotsDatePickerControllerOnly = {
|
|
134
181
|
dsControlleddatetimepickerRoot: fn,
|
|
182
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
135
183
|
dsControlleddatetimepickerCalendarDay: calendarDayFn,
|
|
136
184
|
dsControlleddatetimepickerCalendarHeaderLabel: fn,
|
|
137
185
|
dsControlleddatetimepickerCalendarHeaderButtons: fn,
|
|
138
186
|
dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,
|
|
187
|
+
dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,
|
|
139
188
|
dsControlleddatetimepickerCalendarControllerWrapper: fn,
|
|
189
|
+
dsControlleddatetimepickerCalendarWrapper: fn,
|
|
190
|
+
dsControlleddatetimepickerCalendarHeader: fn,
|
|
191
|
+
dsControlleddatetimepickerCalendarBody: fn,
|
|
140
192
|
dsControlleddatetimepickerCalendarContextFooter: fn
|
|
141
193
|
};
|
|
142
194
|
const slotsFullTime = {
|
|
@@ -144,11 +196,19 @@ const slotsFullTime = {
|
|
|
144
196
|
dsControlleddatetimepickerTimePickerHourInput: fn,
|
|
145
197
|
dsControlleddatetimepickerTimePickerMinuteInput: fn,
|
|
146
198
|
dsControlleddatetimepickerTimePickerMeridiemInput: fn,
|
|
199
|
+
dsControlleddatetimepickerTimeInputsColonSeparator: fn,
|
|
200
|
+
dsControlleddatetimepickerInputsSeparator: fn,
|
|
201
|
+
dsControlleddatetimepickerInputsFocusWithin: fn,
|
|
147
202
|
dsControlleddatetimepickerClearBtn: fn,
|
|
203
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
148
204
|
dsControlleddatetimepickerTimewheelTimeButton: fn,
|
|
149
205
|
dsControlleddatetimepickerTimewheelTimeChangeButton: fn,
|
|
150
206
|
dsControlleddatetimepickerTimewheelHeaderLabel: fn,
|
|
151
207
|
dsControlleddatetimepickerTimewheelControllerWrapper: fn,
|
|
208
|
+
dsControlleddatetimepickerTimewheelWheelWrapper: fn,
|
|
209
|
+
dsControlleddatetimepickerTimewheelWheelsLegend: fn,
|
|
210
|
+
dsControlleddatetimepickerTimewheelWheelList: fn,
|
|
211
|
+
dsControlleddatetimepickerTimewheelWheelListItem: fn,
|
|
152
212
|
dsControlleddatetimepickerTimewheelContextFooter: fn,
|
|
153
213
|
dsControlleddatetimepickerTimewheelTriggerIcon: fn,
|
|
154
214
|
dsControlleddatetimepickerTimewheelContextContentWrapper: fn
|
|
@@ -158,24 +218,37 @@ const slotsTimeInputs = {
|
|
|
158
218
|
dsControlleddatetimepickerTimePickerHourInput: fn,
|
|
159
219
|
dsControlleddatetimepickerTimePickerMinuteInput: fn,
|
|
160
220
|
dsControlleddatetimepickerTimePickerMeridiemInput: fn,
|
|
221
|
+
dsControlleddatetimepickerTimeInputsColonSeparator: fn,
|
|
222
|
+
dsControlleddatetimepickerInputsSeparator: fn,
|
|
223
|
+
dsControlleddatetimepickerInputsFocusWithin: fn,
|
|
161
224
|
dsControlleddatetimepickerClearBtn: fn
|
|
162
225
|
};
|
|
163
226
|
const slotsTimePicker = {
|
|
164
227
|
dsControlleddatetimepickerRoot: fn,
|
|
228
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
165
229
|
dsControlleddatetimepickerTimewheelTimeButton: fn,
|
|
166
230
|
dsControlleddatetimepickerTimewheelTimeChangeButton: fn,
|
|
167
231
|
dsControlleddatetimepickerTimewheelHeaderLabel: fn,
|
|
168
232
|
dsControlleddatetimepickerTimewheelControllerWrapper: fn,
|
|
233
|
+
dsControlleddatetimepickerTimewheelWheelWrapper: fn,
|
|
234
|
+
dsControlleddatetimepickerTimewheelWheelsLegend: fn,
|
|
235
|
+
dsControlleddatetimepickerTimewheelWheelList: fn,
|
|
236
|
+
dsControlleddatetimepickerTimewheelWheelListItem: fn,
|
|
169
237
|
dsControlleddatetimepickerTimewheelContextFooter: fn,
|
|
170
238
|
dsControlleddatetimepickerTimewheelTriggerIcon: fn,
|
|
171
239
|
dsControlleddatetimepickerTimewheelContextContentWrapper: fn
|
|
172
240
|
};
|
|
173
241
|
const slotsTimePickerControllerOnly = {
|
|
174
242
|
dsControlleddatetimepickerRoot: fn,
|
|
243
|
+
dsControlleddatetimepickerPickerIconsWrapper: fn,
|
|
175
244
|
dsControlleddatetimepickerTimewheelTimeButton: fn,
|
|
176
245
|
dsControlleddatetimepickerTimewheelTimeChangeButton: fn,
|
|
177
246
|
dsControlleddatetimepickerTimewheelHeaderLabel: fn,
|
|
178
247
|
dsControlleddatetimepickerTimewheelControllerWrapper: fn,
|
|
248
|
+
dsControlleddatetimepickerTimewheelWheelWrapper: fn,
|
|
249
|
+
dsControlleddatetimepickerTimewheelWheelsLegend: fn,
|
|
250
|
+
dsControlleddatetimepickerTimewheelWheelList: fn,
|
|
251
|
+
dsControlleddatetimepickerTimewheelWheelListItem: fn,
|
|
179
252
|
dsControlleddatetimepickerTimewheelContextFooter: fn
|
|
180
253
|
};
|
|
181
254
|
const polyDatePicker = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSControlledDateTimePickerT } from '../index.js';\n\n// \u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst fn = (): object => ({});\nconst calendarDayFn = ({\n isSelected,\n isFocused,\n isDisabled,\n isOutOfRange,\n isStartRangeDay,\n isEndRangeDay,\n isDayInRangeImproper,\n isDayInRange,\n metaDay,\n}: DSControlledDateTimePickerT.CalendarDaySlotArguments): object => ({});\n\n// \u2500\u2500 full-date-time \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + dateInputs + timeInputs + clearBtn + calendarContent + timewheelContent\n// + calendarTimewheelContent + calendarTimewheelFooter + calendarTimewheelPickerWrapper\nconst slotsFullDateTime: DSControlledDateTimePickerT.Slots<'full-date-time'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerMonthInput: fn,\n dsControlleddatetimepickerTimePickerDayInput: fn,\n dsControlleddatetimepickerTimePickerYearInput: fn,\n dsControlleddatetimepickerTimePickerHourInput: fn,\n dsControlleddatetimepickerTimePickerMinuteInput: fn,\n dsControlleddatetimepickerTimePickerMeridiemInput: fn,\n dsControlleddatetimepickerClearBtn: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelContextFooter: fn,\n dsControlleddatetimepickerCalendarTimewheelTriggerIcon: fn,\n dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: fn,\n};\n\n// \u2500\u2500 date-time-inputs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + dateInputs + timeInputs + clearBtn\nconst slotsDateTimeInputs: DSControlledDateTimePickerT.Slots<'date-time-inputs'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerMonthInput: fn,\n dsControlleddatetimepickerTimePickerDayInput: fn,\n dsControlleddatetimepickerTimePickerYearInput: fn,\n dsControlleddatetimepickerTimePickerHourInput: fn,\n dsControlleddatetimepickerTimePickerMinuteInput: fn,\n dsControlleddatetimepickerTimePickerMeridiemInput: fn,\n dsControlleddatetimepickerClearBtn: fn,\n};\n\n// \u2500\u2500 date-time-picker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + calendarContent + timewheelContent + calendarTimewheelContent\n// + calendarTimewheelFooter + calendarTimewheelPickerWrapper\nconst slotsDateTimePicker: DSControlledDateTimePickerT.Slots<'date-time-picker'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelContextFooter: fn,\n dsControlleddatetimepickerCalendarTimewheelTriggerIcon: fn,\n dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: fn,\n};\n\n// \u2500\u2500 date-time-picker-controller-only \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + calendarContent + timewheelContent + calendarTimewheelContent + calendarTimewheelFooter\nconst slotsDateTimePickerControllerOnly: DSControlledDateTimePickerT.Slots<'date-time-picker-controller-only'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelContextFooter: fn,\n};\n\n// \u2500\u2500 full-date \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + dateInputs + clearBtn + calendarContent + calendarFooter + calendarPickerWrapper\nconst slotsFullDate: DSControlledDateTimePickerT.Slots<'full-date'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerMonthInput: fn,\n dsControlleddatetimepickerTimePickerDayInput: fn,\n dsControlleddatetimepickerTimePickerYearInput: fn,\n dsControlleddatetimepickerClearBtn: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarContextFooter: fn,\n dsControlleddatetimepickerCalendarTriggerIcon: fn,\n dsControlleddatetimepickerCalendarContextContentWrapper: fn,\n};\n\n// \u2500\u2500 date-inputs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + dateInputs + clearBtn\nconst slotsDateInputs: DSControlledDateTimePickerT.Slots<'date-inputs'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerMonthInput: fn,\n dsControlleddatetimepickerTimePickerDayInput: fn,\n dsControlleddatetimepickerTimePickerYearInput: fn,\n dsControlleddatetimepickerClearBtn: fn,\n};\n\n// \u2500\u2500 date-picker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + calendarContent + calendarFooter + calendarPickerWrapper\nconst slotsDatePicker: DSControlledDateTimePickerT.Slots<'date-picker'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarContextFooter: fn,\n dsControlleddatetimepickerCalendarTriggerIcon: fn,\n dsControlleddatetimepickerCalendarContextContentWrapper: fn,\n};\n\n// \u2500\u2500 date-picker-controller-only \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + calendarContent + calendarFooter\nconst slotsDatePickerControllerOnly: DSControlledDateTimePickerT.Slots<'date-picker-controller-only'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarContextFooter: fn,\n};\n\n// \u2500\u2500 full-time \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + timeInputs + clearBtn + timewheelContent + timewheelFooter + timewheelPickerWrapper\nconst slotsFullTime: DSControlledDateTimePickerT.Slots<'full-time'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerHourInput: fn,\n dsControlleddatetimepickerTimePickerMinuteInput: fn,\n dsControlleddatetimepickerTimePickerMeridiemInput: fn,\n dsControlleddatetimepickerClearBtn: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelContextFooter: fn,\n dsControlleddatetimepickerTimewheelTriggerIcon: fn,\n dsControlleddatetimepickerTimewheelContextContentWrapper: fn,\n};\n\n// \u2500\u2500 time-inputs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + timeInputs + clearBtn\nconst slotsTimeInputs: DSControlledDateTimePickerT.Slots<'time-inputs'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerHourInput: fn,\n dsControlleddatetimepickerTimePickerMinuteInput: fn,\n dsControlleddatetimepickerTimePickerMeridiemInput: fn,\n dsControlleddatetimepickerClearBtn: fn,\n};\n\n// \u2500\u2500 time-picker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + timewheelContent + timewheelFooter + timewheelPickerWrapper\nconst slotsTimePicker: DSControlledDateTimePickerT.Slots<'time-picker'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelContextFooter: fn,\n dsControlleddatetimepickerTimewheelTriggerIcon: fn,\n dsControlleddatetimepickerTimewheelContextContentWrapper: fn,\n};\n\n// \u2500\u2500 time-picker-controller-only \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + timewheelContent + timewheelFooter\nconst slotsTimePickerControllerOnly: DSControlledDateTimePickerT.Slots<'time-picker-controller-only'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelContextFooter: fn,\n};\n\n// \u2500\u2500 PolymorphicSlots spot-check \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Verifies that the object form is accepted (all keys optional) and that the CalendarDay\n// function form carries the typed args through PolymorphicSlots<T>.\nconst polyDatePicker: DSControlledDateTimePickerT.PolymorphicSlots<'date-picker'> = {\n dsControlleddatetimepickerRoot: { 'aria-label': 'test' },\n dsControlleddatetimepickerCalendarDay: { 'aria-label': 'test' },\n};\nconst polyCalendarDayFn: DSControlledDateTimePickerT.PolymorphicSlots<'date-picker'>['dsControlleddatetimepickerCalendarDay'] =\n ({ isSelected, isDayInRangeImproper, metaDay }: DSControlledDateTimePickerT.CalendarDaySlotArguments) => ({});\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// One exhaustive slot object per ControlType \u2014 12 of them, so the file is necessarily long.\n/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSControlledDateTimePickerT } from '../index.js';\n\n// \u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst fn = (): object => ({});\nconst calendarDayFn = ({\n isSelected,\n isFocused,\n isDisabled,\n isOutOfRange,\n isStartRangeDay,\n isEndRangeDay,\n isDayInRangeImproper,\n isDayInRange,\n metaDay,\n}: DSControlledDateTimePickerT.CalendarDaySlotArguments): object => ({});\n\n// \u2500\u2500 full-date-time \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + dateInputs + timeInputs + sharedInputs + clearBtn + pickerIconsWrapper + calendarContent\n// + timewheelContent + calendarTimewheelContent + calendarTimewheelFooter + calendarTimewheelPickerWrapper\nconst slotsFullDateTime: DSControlledDateTimePickerT.Slots<'full-date-time'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerMonthInput: fn,\n dsControlleddatetimepickerTimePickerDayInput: fn,\n dsControlleddatetimepickerTimePickerYearInput: fn,\n dsControlleddatetimepickerTimePickerHourInput: fn,\n dsControlleddatetimepickerTimePickerMinuteInput: fn,\n dsControlleddatetimepickerTimePickerMeridiemInput: fn,\n dsControlleddatetimepickerTimeInputsColonSeparator: fn,\n dsControlleddatetimepickerInputsSeparator: fn,\n dsControlleddatetimepickerInputsFocusWithin: fn,\n dsControlleddatetimepickerClearBtn: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarWrapper: fn,\n dsControlleddatetimepickerCalendarHeader: fn,\n dsControlleddatetimepickerCalendarBody: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelsLegend: fn,\n dsControlleddatetimepickerTimewheelWheelList: fn,\n dsControlleddatetimepickerTimewheelWheelListItem: fn,\n dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelContextFooter: fn,\n dsControlleddatetimepickerCalendarTimewheelTriggerIcon: fn,\n dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: fn,\n};\n\n// \u2500\u2500 date-time-inputs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + dateInputs + timeInputs + sharedInputs + clearBtn\nconst slotsDateTimeInputs: DSControlledDateTimePickerT.Slots<'date-time-inputs'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerMonthInput: fn,\n dsControlleddatetimepickerTimePickerDayInput: fn,\n dsControlleddatetimepickerTimePickerYearInput: fn,\n dsControlleddatetimepickerTimePickerHourInput: fn,\n dsControlleddatetimepickerTimePickerMinuteInput: fn,\n dsControlleddatetimepickerTimePickerMeridiemInput: fn,\n dsControlleddatetimepickerTimeInputsColonSeparator: fn,\n dsControlleddatetimepickerInputsSeparator: fn,\n dsControlleddatetimepickerInputsFocusWithin: fn,\n dsControlleddatetimepickerClearBtn: fn,\n};\n\n// \u2500\u2500 date-time-picker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + pickerIconsWrapper + calendarContent + timewheelContent + calendarTimewheelContent\n// + calendarTimewheelFooter + calendarTimewheelPickerWrapper\nconst slotsDateTimePicker: DSControlledDateTimePickerT.Slots<'date-time-picker'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarWrapper: fn,\n dsControlleddatetimepickerCalendarHeader: fn,\n dsControlleddatetimepickerCalendarBody: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelsLegend: fn,\n dsControlleddatetimepickerTimewheelWheelList: fn,\n dsControlleddatetimepickerTimewheelWheelListItem: fn,\n dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelContextFooter: fn,\n dsControlleddatetimepickerCalendarTimewheelTriggerIcon: fn,\n dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: fn,\n};\n\n// \u2500\u2500 date-time-picker-controller-only \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + pickerIconsWrapper + calendarContent + timewheelContent + calendarTimewheelContent\n// + calendarTimewheelFooter\nconst slotsDateTimePickerControllerOnly: DSControlledDateTimePickerT.Slots<'date-time-picker-controller-only'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarWrapper: fn,\n dsControlleddatetimepickerCalendarHeader: fn,\n dsControlleddatetimepickerCalendarBody: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelsLegend: fn,\n dsControlleddatetimepickerTimewheelWheelList: fn,\n dsControlleddatetimepickerTimewheelWheelListItem: fn,\n dsControlleddatetimepickerCalendarTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerCalendarTimewheelContextFooter: fn,\n};\n\n// \u2500\u2500 full-date \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + dateInputs + sharedInputs + clearBtn + pickerIconsWrapper + calendarContent\n// + calendarFooter + calendarPickerWrapper\nconst slotsFullDate: DSControlledDateTimePickerT.Slots<'full-date'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerMonthInput: fn,\n dsControlleddatetimepickerTimePickerDayInput: fn,\n dsControlleddatetimepickerTimePickerYearInput: fn,\n dsControlleddatetimepickerInputsSeparator: fn,\n dsControlleddatetimepickerInputsFocusWithin: fn,\n dsControlleddatetimepickerClearBtn: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarWrapper: fn,\n dsControlleddatetimepickerCalendarHeader: fn,\n dsControlleddatetimepickerCalendarBody: fn,\n dsControlleddatetimepickerCalendarContextFooter: fn,\n dsControlleddatetimepickerCalendarTriggerIcon: fn,\n dsControlleddatetimepickerCalendarContextContentWrapper: fn,\n};\n\n// \u2500\u2500 date-inputs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + dateInputs + sharedInputs + clearBtn\nconst slotsDateInputs: DSControlledDateTimePickerT.Slots<'date-inputs'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerMonthInput: fn,\n dsControlleddatetimepickerTimePickerDayInput: fn,\n dsControlleddatetimepickerTimePickerYearInput: fn,\n dsControlleddatetimepickerInputsSeparator: fn,\n dsControlleddatetimepickerInputsFocusWithin: fn,\n dsControlleddatetimepickerClearBtn: fn,\n};\n\n// \u2500\u2500 date-picker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + pickerIconsWrapper + calendarContent + calendarFooter + calendarPickerWrapper\nconst slotsDatePicker: DSControlledDateTimePickerT.Slots<'date-picker'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarWrapper: fn,\n dsControlleddatetimepickerCalendarHeader: fn,\n dsControlleddatetimepickerCalendarBody: fn,\n dsControlleddatetimepickerCalendarContextFooter: fn,\n dsControlleddatetimepickerCalendarTriggerIcon: fn,\n dsControlleddatetimepickerCalendarContextContentWrapper: fn,\n};\n\n// \u2500\u2500 date-picker-controller-only \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + pickerIconsWrapper + calendarContent + calendarFooter\nconst slotsDatePickerControllerOnly: DSControlledDateTimePickerT.Slots<'date-picker-controller-only'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerCalendarDay: calendarDayFn,\n dsControlleddatetimepickerCalendarHeaderLabel: fn,\n dsControlleddatetimepickerCalendarHeaderButtons: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayList: fn,\n dsControlleddatetimepickerCalendarHeaderWeeklyDayItem: fn,\n dsControlleddatetimepickerCalendarControllerWrapper: fn,\n dsControlleddatetimepickerCalendarWrapper: fn,\n dsControlleddatetimepickerCalendarHeader: fn,\n dsControlleddatetimepickerCalendarBody: fn,\n dsControlleddatetimepickerCalendarContextFooter: fn,\n};\n\n// \u2500\u2500 full-time \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + timeInputs + sharedInputs + clearBtn + pickerIconsWrapper + timewheelContent\n// + timewheelFooter + timewheelPickerWrapper\nconst slotsFullTime: DSControlledDateTimePickerT.Slots<'full-time'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerHourInput: fn,\n dsControlleddatetimepickerTimePickerMinuteInput: fn,\n dsControlleddatetimepickerTimePickerMeridiemInput: fn,\n dsControlleddatetimepickerTimeInputsColonSeparator: fn,\n dsControlleddatetimepickerInputsSeparator: fn,\n dsControlleddatetimepickerInputsFocusWithin: fn,\n dsControlleddatetimepickerClearBtn: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelsLegend: fn,\n dsControlleddatetimepickerTimewheelWheelList: fn,\n dsControlleddatetimepickerTimewheelWheelListItem: fn,\n dsControlleddatetimepickerTimewheelContextFooter: fn,\n dsControlleddatetimepickerTimewheelTriggerIcon: fn,\n dsControlleddatetimepickerTimewheelContextContentWrapper: fn,\n};\n\n// \u2500\u2500 time-inputs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + timeInputs + sharedInputs + clearBtn\nconst slotsTimeInputs: DSControlledDateTimePickerT.Slots<'time-inputs'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerTimePickerHourInput: fn,\n dsControlleddatetimepickerTimePickerMinuteInput: fn,\n dsControlleddatetimepickerTimePickerMeridiemInput: fn,\n dsControlleddatetimepickerTimeInputsColonSeparator: fn,\n dsControlleddatetimepickerInputsSeparator: fn,\n dsControlleddatetimepickerInputsFocusWithin: fn,\n dsControlleddatetimepickerClearBtn: fn,\n};\n\n// \u2500\u2500 time-picker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + pickerIconsWrapper + timewheelContent + timewheelFooter + timewheelPickerWrapper\nconst slotsTimePicker: DSControlledDateTimePickerT.Slots<'time-picker'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelsLegend: fn,\n dsControlleddatetimepickerTimewheelWheelList: fn,\n dsControlleddatetimepickerTimewheelWheelListItem: fn,\n dsControlleddatetimepickerTimewheelContextFooter: fn,\n dsControlleddatetimepickerTimewheelTriggerIcon: fn,\n dsControlleddatetimepickerTimewheelContextContentWrapper: fn,\n};\n\n// \u2500\u2500 time-picker-controller-only \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// root + pickerIconsWrapper + timewheelContent + timewheelFooter\nconst slotsTimePickerControllerOnly: DSControlledDateTimePickerT.Slots<'time-picker-controller-only'> = {\n dsControlleddatetimepickerRoot: fn,\n dsControlleddatetimepickerPickerIconsWrapper: fn,\n dsControlleddatetimepickerTimewheelTimeButton: fn,\n dsControlleddatetimepickerTimewheelTimeChangeButton: fn,\n dsControlleddatetimepickerTimewheelHeaderLabel: fn,\n dsControlleddatetimepickerTimewheelControllerWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelWrapper: fn,\n dsControlleddatetimepickerTimewheelWheelsLegend: fn,\n dsControlleddatetimepickerTimewheelWheelList: fn,\n dsControlleddatetimepickerTimewheelWheelListItem: fn,\n dsControlleddatetimepickerTimewheelContextFooter: fn,\n};\n\n// \u2500\u2500 PolymorphicSlots spot-check \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Verifies that the object form is accepted (all keys optional) and that the CalendarDay\n// function form carries the typed args through PolymorphicSlots<T>.\nconst polyDatePicker: DSControlledDateTimePickerT.PolymorphicSlots<'date-picker'> = {\n dsControlleddatetimepickerRoot: { 'aria-label': 'test' },\n dsControlleddatetimepickerCalendarDay: { 'aria-label': 'test' },\n};\nconst polyCalendarDayFn: DSControlledDateTimePickerT.PolymorphicSlots<'date-picker'>['dsControlleddatetimepickerCalendarDay'] =\n ({ isSelected, isDayInRangeImproper, metaDay }: DSControlledDateTimePickerT.CalendarDaySlotArguments) => ({});\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -31,7 +31,21 @@ const FORM_DATE_TIME_PICKER_SLOTS = {
|
|
|
31
31
|
CONTROLLER_COMPONENT_CALENDAR: "calendar-controller-wrapper",
|
|
32
32
|
CONTROLLER_COMPONENT_TIMEWHEEL: "timewheel-controller-wrapper",
|
|
33
33
|
CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: "calendar-timewheel-controller-wrapper",
|
|
34
|
-
CLEAR_BUTTON: "clear-btn"
|
|
34
|
+
CLEAR_BUTTON: "clear-btn",
|
|
35
|
+
// PUI-18983 — slots added to close the compliance gap on directly-rendered styled elements
|
|
36
|
+
// that previously had no injection point. Names mirror their styled component, prefixed by area.
|
|
37
|
+
INPUTS_SEPARATOR: "inputs-separator",
|
|
38
|
+
TIME_INPUTS_COLON_SEPARATOR: "time-inputs-colon-separator",
|
|
39
|
+
CALENDAR_WRAPPER: "calendar-wrapper",
|
|
40
|
+
CALENDAR_HEADER: "calendar-header",
|
|
41
|
+
CALENDAR_BODY: "calendar-body",
|
|
42
|
+
CALENDAR_HEADER_WEEKLY_DAY_ITEM: "calendar-header-weekly-day-item",
|
|
43
|
+
TIMEWHEEL_WHEEL_LIST: "timewheel-wheel-list",
|
|
44
|
+
TIMEWHEEL_WHEELS_LEGEND: "timewheel-wheels-legend",
|
|
45
|
+
TIMEWHEEL_WHEEL_WRAPPER: "timewheel-wheel-wrapper",
|
|
46
|
+
TIMEWHEEL_WHEEL_LIST_ITEM: "timewheel-wheel-list-item",
|
|
47
|
+
INPUTS_FOCUS_WITHIN: "inputs-focus-within",
|
|
48
|
+
PICKER_ICONS_WRAPPER: "picker-icons-wrapper"
|
|
35
49
|
};
|
|
36
50
|
const PRE_EXISTING_DATA_TESTID = {
|
|
37
51
|
// we are keeping the old names for backward compatibility...
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSControlledDateTimePickerName = 'DSControlleddatetimepicker';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_SLOTS = {\n CONTAINER: 'root',\n // THE SLOT IS ABOUT \"DATE\" EVEN IF THE STRING SAYS \"time-...\"\n // When this was first defined there was a typo in the string, now we can't change because it is a deliverable and would impact application space.\n DATE_INPUTS_MONTH: 'time-picker-month-input',\n DATE_INPUTS_DAY: 'time-picker-day-input',\n DATE_INPUTS_YEAR: 'time-picker-year-input',\n // end of typo\n TIME_INPUTS_HOUR: 'time-picker-hour-input',\n TIME_INPUTS_MINUTE: 'time-picker-minute-input',\n TIME_INPUTS_MERIDIEM: 'time-picker-meridiem-input',\n PICKER_ICONS_CALENDAR: 'calendar-trigger-icon',\n PICKER_ICONS_TIMEWHEEL: 'timewheel-trigger-icon',\n PICKER_ICONS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n CALENDAR_DAY_BUTTON: 'calendar-day',\n CALENDAR_HEADER_LABEL: 'calendar-header-label',\n CALENDAR_HEADER_BUTTON: 'calendar-header-buttons',\n CALENDAR_HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n TIMEWHEEL_TIME_BUTTON: 'timewheel-time-button',\n TIMEWHEEL_TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n TIMEWHEEL_HEADER_LABEL: 'timewheel-header-label',\n CONTEXTUAL_MENU_CALENDAR: 'calendar-context-content-wrapper',\n CONTEXTUAL_MENU_TIMEWHEEL: 'timewheel-context-content-wrapper',\n CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n FOOTERS_CALENDAR: 'calendar-context-footer',\n FOOTERS_TIMEWHEEL: 'timewheel-context-footer',\n FOOTERS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n CONTROLLER_COMPONENT_CALENDAR: 'calendar-controller-wrapper',\n CONTROLLER_COMPONENT_TIMEWHEEL: 'timewheel-controller-wrapper',\n CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n CLEAR_BUTTON: 'clear-btn',\n} as const;\n\nconst PRE_EXISTING_DATA_TESTID = {\n // we are keeping the old names for backward compatibility...\n CONTAINER: 'ds-controlled-date-time-picker-container',\n DATE_INPUTS_MONTH: 'ds-controlled-date-time-picker-month-input',\n DATE_INPUTS_DAY: 'ds-controlled-date-time-picker-day-input',\n DATE_INPUTS_YEAR: 'ds-controlled-date-time-picker-year-input',\n TIME_INPUTS_HOUR: 'ds-controlled-date-time-picker-hour-input',\n TIME_INPUTS_MINUTE: 'ds-controlled-date-time-picker-minute-input',\n TIME_INPUTS_MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n PICKER_ICONS_CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n PICKER_ICONS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n PICKER_ICONS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n CALENDAR_TABLE_WRAPPER: 'ds-controlled-date-time-picker-calendar-table-wrapper',\n CALENDAR_HEADER_LABEL: 'ds-controlled-date-time-picker-calendar-header-label',\n CALENDAR_PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n CALENDAR_PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n CALENDAR_DAY: 'ds-controlled-date-time-picker-calendar-day',\n CALENDAR_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n CALENDAR_START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n CALENDAR_IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n CALENDAR_END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n CALENDAR_SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n CALENDAR_SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n CALENDAR_NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n CALENDAR_NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n TIMEWHEEL_HEADER_LABEL: 'ds-controlled-date-time-picker-timewheel-header-label',\n TIMEWHEEL_PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n TIMEWHEEL_HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n TIMEWHEEL_CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n TIMEWHEEL_NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n TIMEWHEEL_PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n TIMEWHEEL_MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n TIMEWHEEL_CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n TIMEWHEEL_NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n TIMEWHEEL_PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n TIMEWHEEL_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n TIMEWHEEL_CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n TIMEWHEEL_NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n // MeridiemList renders a dual-layer pattern (see KNOWN_INTENTIONAL_DEVIATIONS.md DEV-001):\n // - A11y layer: invisible semantic listbox \u2014 the real focus target, owns CURRENT_MERIDIEM above.\n // - Visual layer: aria-hidden StyledTimeBtn elements \u2014 presentation only, no focus capability.\n //\n // CURRENT_MERIDIEM / MERIDIEM originally lived on the visual elements. When the a11y layer became\n // the focus target, CURRENT_MERIDIEM moved to the listbox. The visual elements received\n // -visual-element-suffixed testids to prevent DOM query duplication (getByTestId would otherwise\n // return two elements with the same testid and throw in most automation frameworks).\n //\n // data-dimsum-slot on StyledTimeBtn (TIMEWHEEL_TIME_BUTTON) is unaffected \u2014 theming via slots is unchanged.\n TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT: 'ds-controlled-date-time-picker-timewheel-meridiem-visual-element',\n TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT: 'ds-controlled-date-time-picker-timewheel-current-meridiem-visual-element',\n CONTEXTUAL_MENU_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n CONTEXTUAL_MENU_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n CONTROLLER_COMPONENT_CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n CONTROLLER_COMPONENT_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n FOOTERS_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-footer',\n FOOTERS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-footer',\n FOOTERS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-footer',\n CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_DATA_TESTID = {\n ...slotObjectToDataTestIds(DSControlledDateTimePickerName, FORM_DATE_TIME_PICKER_SLOTS),\n ...PRE_EXISTING_DATA_TESTID,\n};\n\n/* ******************************************************************************************\nThis component was created before the team had a convention for data-testid and slots.\n*********************************************************************************************\n START OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\nexport const DSControlledDateTimePickerSlotsFlatten = FORM_DATE_TIME_PICKER_SLOTS;\nexport const DSControlledDateTimePickerSlots = {\n CONTAINER: FORM_DATE_TIME_PICKER_SLOTS.CONTAINER,\n DATE_INPUTS: {\n MONTH: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_MONTH,\n DAY: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_DAY,\n YEAR: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_YEAR,\n },\n TIME_INPUTS: {\n HOUR: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_HOUR,\n MINUTE: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MINUTE,\n MERIDIEM: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MERIDIEM,\n },\n PICKER_ICONS: {\n CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n },\n CALENDAR: {\n DAY_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_DAY_BUTTON,\n HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_LABEL,\n HEADER_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_BUTTON,\n HEADER_WEEKLY_DAY_LIST: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_WEEKLY_DAY_LIST,\n },\n TIMEWHEEL: {\n TIME_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_BUTTON,\n TIME_CHANGE_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_CHANGE_BUTTON,\n HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_HEADER_LABEL,\n },\n CONTEXTUAL_MENU: {\n CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n },\n FOOTERS: {\n CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR_TIMEWHEEL,\n },\n CONTROLLER_COMPONENT: {\n CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n },\n CLEAR_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CLEAR_BUTTON,\n};\nexport const ControlledDateTimePickerDatatestidFlattened = FORM_DATE_TIME_PICKER_DATA_TESTID;\nexport const ControlledDateTimePickerDatatestid = {\n CONTAINER: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTAINER,\n DATE_INPUTS: {\n MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_MONTH,\n DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_DAY,\n YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_YEAR,\n },\n TIME_INPUTS: {\n HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_HOUR,\n MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MINUTE,\n MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MERIDIEM,\n },\n PICKER_ICONS: {\n CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n },\n CALENDAR: {\n TABLE_WRAPPER: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_TABLE_WRAPPER,\n HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_HEADER_LABEL,\n PREV_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_YEAR,\n PREV_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_MONTH,\n DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_DAY,\n FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_FOCUSED_DAY,\n START_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_START_RANGE_DAY,\n IN_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_IN_RANGE_DAY,\n END_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_END_RANGE_DAY,\n SELECTED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_DAY,\n SELECTED_FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_FOCUSED_DAY,\n NEXT_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_MONTH,\n NEXT_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_YEAR,\n },\n TIMEWHEEL: {\n HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HEADER_LABEL,\n PREV_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_HOUR,\n HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HOUR,\n CURRENT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_HOUR,\n NEXT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_HOUR,\n PREV_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MINUTE,\n MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MINUTE,\n CURRENT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MINUTE,\n NEXT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MINUTE,\n PREV_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MERIDIEM,\n MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM,\n CURRENT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM,\n NEXT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MERIDIEM,\n MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT,\n CURRENT_MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT,\n },\n CONTEXTUAL_MENU: {\n CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n },\n CONTROLLER_COMPONENT: {\n CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n },\n FOOTERS: {\n CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR_TIMEWHEEL,\n },\n CLEAR_BUTTON: FORM_DATE_TIME_PICKER_DATA_TESTID.CLEAR_BUTTON,\n} as const;\n/* ******************************************************************************************\n END OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,+BAA+B;AAEjC,MAAM,iCAAiC;AAGvC,MAAM,8BAA8B;AAAA,EACzC,WAAW;AAAA;AAAA;AAAA,EAGX,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA;AAAA,EAElB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,uBAAuB;AAAA,EACvB,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,oCAAoC;AAAA,EACpC,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,4BAA4B;AAAA,EAC5B,+BAA+B;AAAA,EAC/B,gCAAgC;AAAA,EAChC,yCAAyC;AAAA,EACzC,cAAc;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSControlledDateTimePickerName = 'DSControlleddatetimepicker';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_SLOTS = {\n CONTAINER: 'root',\n // THE SLOT IS ABOUT \"DATE\" EVEN IF THE STRING SAYS \"time-...\"\n // When this was first defined there was a typo in the string, now we can't change because it is a deliverable and would impact application space.\n DATE_INPUTS_MONTH: 'time-picker-month-input',\n DATE_INPUTS_DAY: 'time-picker-day-input',\n DATE_INPUTS_YEAR: 'time-picker-year-input',\n // end of typo\n TIME_INPUTS_HOUR: 'time-picker-hour-input',\n TIME_INPUTS_MINUTE: 'time-picker-minute-input',\n TIME_INPUTS_MERIDIEM: 'time-picker-meridiem-input',\n PICKER_ICONS_CALENDAR: 'calendar-trigger-icon',\n PICKER_ICONS_TIMEWHEEL: 'timewheel-trigger-icon',\n PICKER_ICONS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n CALENDAR_DAY_BUTTON: 'calendar-day',\n CALENDAR_HEADER_LABEL: 'calendar-header-label',\n CALENDAR_HEADER_BUTTON: 'calendar-header-buttons',\n CALENDAR_HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n TIMEWHEEL_TIME_BUTTON: 'timewheel-time-button',\n TIMEWHEEL_TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n TIMEWHEEL_HEADER_LABEL: 'timewheel-header-label',\n CONTEXTUAL_MENU_CALENDAR: 'calendar-context-content-wrapper',\n CONTEXTUAL_MENU_TIMEWHEEL: 'timewheel-context-content-wrapper',\n CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n FOOTERS_CALENDAR: 'calendar-context-footer',\n FOOTERS_TIMEWHEEL: 'timewheel-context-footer',\n FOOTERS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n CONTROLLER_COMPONENT_CALENDAR: 'calendar-controller-wrapper',\n CONTROLLER_COMPONENT_TIMEWHEEL: 'timewheel-controller-wrapper',\n CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n CLEAR_BUTTON: 'clear-btn',\n // PUI-18983 \u2014 slots added to close the compliance gap on directly-rendered styled elements\n // that previously had no injection point. Names mirror their styled component, prefixed by area.\n INPUTS_SEPARATOR: 'inputs-separator',\n TIME_INPUTS_COLON_SEPARATOR: 'time-inputs-colon-separator',\n CALENDAR_WRAPPER: 'calendar-wrapper',\n CALENDAR_HEADER: 'calendar-header',\n CALENDAR_BODY: 'calendar-body',\n CALENDAR_HEADER_WEEKLY_DAY_ITEM: 'calendar-header-weekly-day-item',\n TIMEWHEEL_WHEEL_LIST: 'timewheel-wheel-list',\n TIMEWHEEL_WHEELS_LEGEND: 'timewheel-wheels-legend',\n TIMEWHEEL_WHEEL_WRAPPER: 'timewheel-wheel-wrapper',\n TIMEWHEEL_WHEEL_LIST_ITEM: 'timewheel-wheel-list-item',\n INPUTS_FOCUS_WITHIN: 'inputs-focus-within',\n PICKER_ICONS_WRAPPER: 'picker-icons-wrapper',\n} as const;\n\nconst PRE_EXISTING_DATA_TESTID = {\n // we are keeping the old names for backward compatibility...\n CONTAINER: 'ds-controlled-date-time-picker-container',\n DATE_INPUTS_MONTH: 'ds-controlled-date-time-picker-month-input',\n DATE_INPUTS_DAY: 'ds-controlled-date-time-picker-day-input',\n DATE_INPUTS_YEAR: 'ds-controlled-date-time-picker-year-input',\n TIME_INPUTS_HOUR: 'ds-controlled-date-time-picker-hour-input',\n TIME_INPUTS_MINUTE: 'ds-controlled-date-time-picker-minute-input',\n TIME_INPUTS_MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n PICKER_ICONS_CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n PICKER_ICONS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n PICKER_ICONS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n CALENDAR_TABLE_WRAPPER: 'ds-controlled-date-time-picker-calendar-table-wrapper',\n CALENDAR_HEADER_LABEL: 'ds-controlled-date-time-picker-calendar-header-label',\n CALENDAR_PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n CALENDAR_PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n CALENDAR_DAY: 'ds-controlled-date-time-picker-calendar-day',\n CALENDAR_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n CALENDAR_START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n CALENDAR_IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n CALENDAR_END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n CALENDAR_SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n CALENDAR_SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n CALENDAR_NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n CALENDAR_NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n TIMEWHEEL_HEADER_LABEL: 'ds-controlled-date-time-picker-timewheel-header-label',\n TIMEWHEEL_PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n TIMEWHEEL_HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n TIMEWHEEL_CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n TIMEWHEEL_NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n TIMEWHEEL_PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n TIMEWHEEL_MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n TIMEWHEEL_CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n TIMEWHEEL_NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n TIMEWHEEL_PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n TIMEWHEEL_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n TIMEWHEEL_CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n TIMEWHEEL_NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n // MeridiemList renders a dual-layer pattern (see KNOWN_INTENTIONAL_DEVIATIONS.md DEV-001):\n // - A11y layer: invisible semantic listbox \u2014 the real focus target, owns CURRENT_MERIDIEM above.\n // - Visual layer: aria-hidden StyledTimeBtn elements \u2014 presentation only, no focus capability.\n //\n // CURRENT_MERIDIEM / MERIDIEM originally lived on the visual elements. When the a11y layer became\n // the focus target, CURRENT_MERIDIEM moved to the listbox. The visual elements received\n // -visual-element-suffixed testids to prevent DOM query duplication (getByTestId would otherwise\n // return two elements with the same testid and throw in most automation frameworks).\n //\n // data-dimsum-slot on StyledTimeBtn (TIMEWHEEL_TIME_BUTTON) is unaffected \u2014 theming via slots is unchanged.\n TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT: 'ds-controlled-date-time-picker-timewheel-meridiem-visual-element',\n TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT: 'ds-controlled-date-time-picker-timewheel-current-meridiem-visual-element',\n CONTEXTUAL_MENU_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n CONTEXTUAL_MENU_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n CONTROLLER_COMPONENT_CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n CONTROLLER_COMPONENT_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n FOOTERS_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-footer',\n FOOTERS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-footer',\n FOOTERS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-footer',\n CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_DATA_TESTID = {\n ...slotObjectToDataTestIds(DSControlledDateTimePickerName, FORM_DATE_TIME_PICKER_SLOTS),\n ...PRE_EXISTING_DATA_TESTID,\n};\n\n/* ******************************************************************************************\nThis component was created before the team had a convention for data-testid and slots.\n*********************************************************************************************\n START OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\nexport const DSControlledDateTimePickerSlotsFlatten = FORM_DATE_TIME_PICKER_SLOTS;\nexport const DSControlledDateTimePickerSlots = {\n CONTAINER: FORM_DATE_TIME_PICKER_SLOTS.CONTAINER,\n DATE_INPUTS: {\n MONTH: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_MONTH,\n DAY: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_DAY,\n YEAR: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_YEAR,\n },\n TIME_INPUTS: {\n HOUR: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_HOUR,\n MINUTE: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MINUTE,\n MERIDIEM: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MERIDIEM,\n },\n PICKER_ICONS: {\n CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n },\n CALENDAR: {\n DAY_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_DAY_BUTTON,\n HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_LABEL,\n HEADER_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_BUTTON,\n HEADER_WEEKLY_DAY_LIST: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_WEEKLY_DAY_LIST,\n },\n TIMEWHEEL: {\n TIME_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_BUTTON,\n TIME_CHANGE_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_CHANGE_BUTTON,\n HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_HEADER_LABEL,\n },\n CONTEXTUAL_MENU: {\n CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n },\n FOOTERS: {\n CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR_TIMEWHEEL,\n },\n CONTROLLER_COMPONENT: {\n CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n },\n CLEAR_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CLEAR_BUTTON,\n};\nexport const ControlledDateTimePickerDatatestidFlattened = FORM_DATE_TIME_PICKER_DATA_TESTID;\nexport const ControlledDateTimePickerDatatestid = {\n CONTAINER: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTAINER,\n DATE_INPUTS: {\n MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_MONTH,\n DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_DAY,\n YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_YEAR,\n },\n TIME_INPUTS: {\n HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_HOUR,\n MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MINUTE,\n MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MERIDIEM,\n },\n PICKER_ICONS: {\n CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n },\n CALENDAR: {\n TABLE_WRAPPER: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_TABLE_WRAPPER,\n HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_HEADER_LABEL,\n PREV_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_YEAR,\n PREV_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_MONTH,\n DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_DAY,\n FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_FOCUSED_DAY,\n START_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_START_RANGE_DAY,\n IN_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_IN_RANGE_DAY,\n END_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_END_RANGE_DAY,\n SELECTED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_DAY,\n SELECTED_FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_FOCUSED_DAY,\n NEXT_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_MONTH,\n NEXT_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_YEAR,\n },\n TIMEWHEEL: {\n HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HEADER_LABEL,\n PREV_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_HOUR,\n HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HOUR,\n CURRENT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_HOUR,\n NEXT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_HOUR,\n PREV_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MINUTE,\n MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MINUTE,\n CURRENT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MINUTE,\n NEXT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MINUTE,\n PREV_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MERIDIEM,\n MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM,\n CURRENT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM,\n NEXT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MERIDIEM,\n MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT,\n CURRENT_MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT,\n },\n CONTEXTUAL_MENU: {\n CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n },\n CONTROLLER_COMPONENT: {\n CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n },\n FOOTERS: {\n CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR,\n TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_TIMEWHEEL,\n CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR_TIMEWHEEL,\n },\n CLEAR_BUTTON: FORM_DATE_TIME_PICKER_DATA_TESTID.CLEAR_BUTTON,\n} as const;\n/* ******************************************************************************************\n END OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -51,7 +51,7 @@ const DateInputs = () => {
|
|
|
51
51
|
fixedValues.largeInputWidth
|
|
52
52
|
],
|
|
53
53
|
children: [
|
|
54
|
-
/* @__PURE__ */ jsx(StyledFocusWithIn, { children: /* @__PURE__ */ jsx(
|
|
54
|
+
/* @__PURE__ */ jsx(StyledFocusWithIn, { getOwnerProps: getProps, children: /* @__PURE__ */ jsx(
|
|
55
55
|
MMInput,
|
|
56
56
|
{
|
|
57
57
|
onChange: onMonthChange,
|
|
@@ -72,8 +72,8 @@ const DateInputs = () => {
|
|
|
72
72
|
readOnly
|
|
73
73
|
}
|
|
74
74
|
) }),
|
|
75
|
-
/* @__PURE__ */ jsx(StyledSeparator, { alignItems: "center", children: "/" }),
|
|
76
|
-
/* @__PURE__ */ jsx(StyledFocusWithIn, { children: /* @__PURE__ */ jsx(
|
|
75
|
+
/* @__PURE__ */ jsx(StyledSeparator, { alignItems: "center", getOwnerProps: getProps, children: "/" }),
|
|
76
|
+
/* @__PURE__ */ jsx(StyledFocusWithIn, { getOwnerProps: getProps, children: /* @__PURE__ */ jsx(
|
|
77
77
|
DDInput,
|
|
78
78
|
{
|
|
79
79
|
onChange: onDayChange,
|
|
@@ -92,8 +92,8 @@ const DateInputs = () => {
|
|
|
92
92
|
readOnly
|
|
93
93
|
}
|
|
94
94
|
) }),
|
|
95
|
-
/* @__PURE__ */ jsx(StyledSeparator, { alignItems: "center", children: "/" }),
|
|
96
|
-
/* @__PURE__ */ jsx(StyledFocusWithIn, { children: /* @__PURE__ */ jsx(
|
|
95
|
+
/* @__PURE__ */ jsx(StyledSeparator, { alignItems: "center", getOwnerProps: getProps, children: "/" }),
|
|
96
|
+
/* @__PURE__ */ jsx(StyledFocusWithIn, { getOwnerProps: getProps, children: /* @__PURE__ */ jsx(
|
|
97
97
|
YYYYInput,
|
|
98
98
|
{
|
|
99
99
|
onChange: onYearChange,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DateInputs/DateInputs.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';\nimport { MMInput } from './MMInput.js';\nimport { DDInput } from './DDInput.js';\nimport { YYYYInput } from './YYYYInput.js';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds.js';\nimport { useDateInputs } from './useDateInputs.js';\nimport { fixedValues } from '../config.js';\n\nexport const DateInputs = (): JSX.Element => {\n const {\n month,\n day,\n year,\n autoFocusMonthInput,\n innerRefMonthInput,\n onMonthChange,\n onDayChange,\n onYearChange,\n onMonthBlur,\n onDayBlur,\n onYearBlur,\n onMonthFocus,\n onDayFocus,\n onYearFocus,\n onMonthKeyDown,\n onDayKeyDown,\n onYearKeyDown,\n disabled,\n applyAriaDisabled,\n } = useDateInputs();\n // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n const {\n monthInputRef,\n dayInputRef,\n yearInputRef,\n latestInteractionRegion,\n currFocusDescriber,\n getProps,\n props: { tabIndex, hasError, readOnly },\n } = useContext(ControlledDateTimePickerContext);\n\n return (\n <Grid\n cols={[\n fixedValues.smallInputWidth,\n fixedValues.separatorWidth,\n fixedValues.smallInputWidth,\n fixedValues.separatorWidth,\n fixedValues.largeInputWidth,\n ]}\n >\n <StyledFocusWithIn>\n <MMInput\n onChange={onMonthChange}\n onBlur={onMonthBlur}\n onFocus={onMonthFocus}\n onKeyDown={onMonthKeyDown}\n value={month}\n contextRef={monthInputRef}\n innerRef={innerRefMonthInput}\n tabIndex={tabIndex}\n autoFocusMonthInput={autoFocusMonthInput}\n placeholder=\"MM\"\n disabled={disabled}\n applyAriaDisabled={applyAriaDisabled}\n hasError={hasError}\n isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'month-input'}\n getProps={getProps}\n readOnly={readOnly}\n />\n </StyledFocusWithIn>\n <StyledSeparator alignItems=\"center\"
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC4CnB,SAUI,KAVJ;AA5CJ,SAAgB,kBAAkB;AAClC,SAAS,YAAY;AACrB,SAAS,uCAAuC;AAChD,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB,uBAAuB;AACnD,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,SAAS;AAAA,EACxC,IAAI,WAAW,+BAA+B;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MAEA;AAAA,4BAAC,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';\nimport { MMInput } from './MMInput.js';\nimport { DDInput } from './DDInput.js';\nimport { YYYYInput } from './YYYYInput.js';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds.js';\nimport { useDateInputs } from './useDateInputs.js';\nimport { fixedValues } from '../config.js';\n\nexport const DateInputs = (): JSX.Element => {\n const {\n month,\n day,\n year,\n autoFocusMonthInput,\n innerRefMonthInput,\n onMonthChange,\n onDayChange,\n onYearChange,\n onMonthBlur,\n onDayBlur,\n onYearBlur,\n onMonthFocus,\n onDayFocus,\n onYearFocus,\n onMonthKeyDown,\n onDayKeyDown,\n onYearKeyDown,\n disabled,\n applyAriaDisabled,\n } = useDateInputs();\n // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n const {\n monthInputRef,\n dayInputRef,\n yearInputRef,\n latestInteractionRegion,\n currFocusDescriber,\n getProps,\n props: { tabIndex, hasError, readOnly },\n } = useContext(ControlledDateTimePickerContext);\n\n return (\n <Grid\n cols={[\n fixedValues.smallInputWidth,\n fixedValues.separatorWidth,\n fixedValues.smallInputWidth,\n fixedValues.separatorWidth,\n fixedValues.largeInputWidth,\n ]}\n >\n <StyledFocusWithIn getOwnerProps={getProps}>\n <MMInput\n onChange={onMonthChange}\n onBlur={onMonthBlur}\n onFocus={onMonthFocus}\n onKeyDown={onMonthKeyDown}\n value={month}\n contextRef={monthInputRef}\n innerRef={innerRefMonthInput}\n tabIndex={tabIndex}\n autoFocusMonthInput={autoFocusMonthInput}\n placeholder=\"MM\"\n disabled={disabled}\n applyAriaDisabled={applyAriaDisabled}\n hasError={hasError}\n isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'month-input'}\n getProps={getProps}\n readOnly={readOnly}\n />\n </StyledFocusWithIn>\n <StyledSeparator alignItems=\"center\" getOwnerProps={getProps}>\n /\n </StyledSeparator>\n <StyledFocusWithIn getOwnerProps={getProps}>\n <DDInput\n onChange={onDayChange}\n onBlur={onDayBlur}\n onFocus={onDayFocus}\n onKeyDown={onDayKeyDown}\n value={day}\n contextRef={dayInputRef}\n tabIndex={tabIndex}\n placeholder=\"DD\"\n disabled={disabled}\n applyAriaDisabled={applyAriaDisabled}\n hasError={hasError}\n isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'day-input'}\n getProps={getProps}\n readOnly={readOnly}\n />\n </StyledFocusWithIn>\n <StyledSeparator alignItems=\"center\" getOwnerProps={getProps}>\n /\n </StyledSeparator>\n <StyledFocusWithIn getOwnerProps={getProps}>\n <YYYYInput\n onChange={onYearChange}\n onBlur={onYearBlur}\n onFocus={onYearFocus}\n onKeyDown={onYearKeyDown}\n value={year}\n contextRef={yearInputRef}\n tabIndex={tabIndex}\n placeholder=\"YYYY\"\n disabled={disabled}\n applyAriaDisabled={applyAriaDisabled}\n hasError={hasError}\n isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'year-input'}\n getProps={getProps}\n readOnly={readOnly}\n />\n </StyledFocusWithIn>\n </Grid>\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC4CnB,SAUI,KAVJ;AA5CJ,SAAgB,kBAAkB;AAClC,SAAS,YAAY;AACrB,SAAS,uCAAuC;AAChD,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB,uBAAuB;AACnD,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,SAAS;AAAA,EACxC,IAAI,WAAW,+BAA+B;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MAEA;AAAA,4BAAC,qBAAkB,eAAe,UAChC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,mBAAgB,YAAW,UAAS,eAAe,UAAU,eAE9D;AAAA,QACA,oBAAC,qBAAkB,eAAe,UAChC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,mBAAgB,YAAW,UAAS,eAAe,UAAU,eAE9D;AAAA,QACA,oBAAC,qBAAkB,eAAe,UAChC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,23 +2,27 @@ import * as React from "react";
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import React2 from "react";
|
|
4
4
|
import { ControlledDateTimePickerDatatestid } from "../../../constants/index.js";
|
|
5
|
+
import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX.js";
|
|
5
6
|
import { CalendarMonthDays } from "./CalendarMonthDays.js";
|
|
6
7
|
import { CalendarWeekDays } from "./CalendarWeekDays.js";
|
|
7
8
|
import { StyledBody } from "./Styleds.js";
|
|
8
|
-
const CalendarBody = React2.memo(({ weekRowsNum }) =>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
9
|
+
const CalendarBody = React2.memo(({ weekRowsNum }) => {
|
|
10
|
+
const { getProps } = React2.useContext(ControlledDateTimePickerContext);
|
|
11
|
+
return /* @__PURE__ */ jsxs(
|
|
12
|
+
"span",
|
|
13
|
+
{
|
|
14
|
+
role: "grid",
|
|
15
|
+
"aria-label": "calendar",
|
|
16
|
+
"aria-colcount": 7,
|
|
17
|
+
"aria-rowcount": weekRowsNum,
|
|
18
|
+
"data-testid": ControlledDateTimePickerDatatestid.CALENDAR.TABLE_WRAPPER,
|
|
19
|
+
children: [
|
|
20
|
+
/* @__PURE__ */ jsx(CalendarWeekDays, {}),
|
|
21
|
+
/* @__PURE__ */ jsx(StyledBody, { getOwnerProps: getProps, children: /* @__PURE__ */ jsx(CalendarMonthDays, {}) })
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
);
|
|
25
|
+
});
|
|
22
26
|
export {
|
|
23
27
|
CalendarBody
|
|
24
28
|
};
|