@elliemae/ds-form-date-time-picker 3.70.0-next.39 → 3.70.0-next.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-date-time-picker",
-  "version": "3.70.0-next.39",
+  "version": "3.70.0-next.40",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Date Time Picker",
   "files": [
@@ -37,13 +37,13 @@
   },
   "dependencies": {
     "uid": "^2.0.2",
-    "@elliemae/ds-button-v2": "3.70.0-next.39",
-    "@elliemae/ds-floating-context": "3.70.0-next.39",
-    "@elliemae/ds-props-helpers": "3.70.0-next.39",
-    "@elliemae/ds-grid": "3.70.0-next.39",
-    "@elliemae/ds-system": "3.70.0-next.39",
-    "@elliemae/ds-icons": "3.70.0-next.39",
-    "@elliemae/ds-typescript-helpers": "3.70.0-next.39"
+    "@elliemae/ds-floating-context": "3.70.0-next.40",
+    "@elliemae/ds-button-v2": "3.70.0-next.40",
+    "@elliemae/ds-icons": "3.70.0-next.40",
+    "@elliemae/ds-system": "3.70.0-next.40",
+    "@elliemae/ds-grid": "3.70.0-next.40",
+    "@elliemae/ds-props-helpers": "3.70.0-next.40",
+    "@elliemae/ds-typescript-helpers": "3.70.0-next.40"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.13.0",
@@ -51,8 +51,8 @@
     "jest": "^30.0.0",
     "styled-components": "~5.3.9",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-test-utils": "3.70.0-next.39",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.39"
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.40",
+    "@elliemae/ds-test-utils": "3.70.0-next.40"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.13.0",

package/dist/types/tests/DSControlledDateTimePicker.PUI-16014.test.d.ts

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

package/dist/types/tests/DSControlledDateTimePicker.PUI-17323.test.d.ts

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

package/dist/types/tests/DSControlledDateTimePicker.data-testid.test.d.ts

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

package/dist/types/tests/DSControlledDateTimePicker.exports.test.d.ts

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

package/dist/types/tests/DSControlledDateTimePicker.segment-aria-labels.test.d.ts

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

package/dist/types/tests/custom-props/customProps.d.ts

@@ -1,397 +0,0 @@
-export const customPropsForFullDateTimePickerWhenClosed: {
-    "ds-controlled-date-time-picker-calendar-timewheel-trigger-icon": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-hour-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-minute-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-meridiem-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-month-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-day-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-year-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-container": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-};
-export const customPropsForFullDateTimePickerWhenOpen: {
-    "ds-controlled-date-time-picker-timewheel-header-label": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-prev-hour": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-hour": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-current-hour": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-next-hour": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-prev-minute": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-minute": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-current-minute": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-next-minute": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-prev-meridiem": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-meridiem-visual-element": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-current-meridiem-visual-element": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-next-meridiem": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-header-label": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-prev-year": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-prev-month": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-day": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-next-month": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-next-year": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-timewheel-trigger-icon": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-hour-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-minute-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-meridiem-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-month-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-day-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-year-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-container": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-};
-export const customPropsForFullDatePickerWhenClosed: {
-    "ds-controlled-date-time-picker-calendar-trigger-icon": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-month-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-day-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-year-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-container": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-};
-export const customPropsForFullDatePickerWhenOpen: {
-    "ds-controlled-date-time-picker-calendar-header-label": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-prev-year": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-prev-month": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-day": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-next-month": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-next-year": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-context-content-wrapper": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-calendar-trigger-icon": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-month-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-day-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-year-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-container": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-};
-export const customPropsForFullTimePickerWhenClosed: {
-    "ds-controlled-date-time-picker-timewheel-trigger-icon": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-hour-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-minute-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-meridiem-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-container": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-};
-export const customPropsForFullTimePickerWhenOpen: {
-    "ds-controlled-date-time-picker-timewheel-header-label": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-prev-hour": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-hour": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-current-hour": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-next-hour": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-prev-minute": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-minute": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-current-minute": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-next-minute": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-prev-meridiem": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-meridiem-visual-element": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-current-meridiem-visual-element": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-next-meridiem": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-context-content-wrapper": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-timewheel-trigger-icon": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-hour-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-minute-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-meridiem-input": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-    "ds-controlled-date-time-picker-container": {
-        'data-foo': string;
-        'aria-label': string;
-        ignoredProp: string;
-    };
-};

package/dist/types/tests/custom-props/date-time-picker.date-custom-props.test.d.ts

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

package/dist/types/tests/custom-props/date-time-picker.date-time-custom-props.test.d.ts

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

package/dist/types/tests/custom-props/date-time-picker.time-custom-props.test.d.ts

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

package/dist/types/tests/date-time-picker.a11y.test.d.ts

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

package/dist/types/tests/date-time-picker.applyAriaDisabled.test.d.ts

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

package/dist/types/tests/date-time-picker.auto-advance.test.d.ts

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

package/dist/types/tests/date-time-picker.clear-button.test.d.ts

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

package/dist/types/tests/date-time-picker.keyboard-focus.test.d.ts

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

package/dist/types/tests/date-time-picker.keyboard.data-entry-typing.test.d.ts

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

package/dist/types/tests/date-time-picker.keyboard.fill-with-now.test.d.ts

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

package/dist/types/tests/date-time-picker.keyboard.regressive-backspace.test.d.ts

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

package/dist/types/tests/date-time-picker.keyboard.shortcut-clear.test.d.ts

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

package/dist/types/tests/date-time-picker.manual-delete-values.test.d.ts

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

package/dist/types/tests/date-time-picker.onChange-meta-info.test.d.ts

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

package/dist/types/tests/date-time-picker.readOnly.test.d.ts

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

package/dist/types/tests/date-time-picker.types-button.test.d.ts

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

package/dist/types/tests/date-time-picker.types-dom.test.d.ts

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

package/dist/types/tests/playwright-tests/full/ControlledTestRenderer.d.ts

@@ -1,2 +0,0 @@
-export const ControlledTestRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
-import React from 'react';

package/dist/types/tests/playwright-tests/full/DSControlledDateTimePicker.full.navigation.test.playwright.d.ts

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

package/dist/types/typescript-testing/slot-arguments-engine.d.ts

@@ -1,95 +0,0 @@
-/**
- * ENGINE CONTRACT TESTS — ControlledDateTimePickerSlotEngine
- *
- * ─── What this file is about ──────────────────────────────────────────────────────────────────
- *
- * DSControlledDateTimePicker is a genuinely polymorphic component, not a configuration-based one.
- * The distinction matters and is worth stating explicitly because the two look superficially similar
- * (both have a `type` prop), but they require completely different type-system strategies.
- *
- * A *configuration-based* component renders a stable DOM shape and uses the `type` prop to adjust
- * behavior, appearance, or which features are active. The shape of valid props does not
- * fundamentally change across variants — it is a single interface, optionally narrowed. A date
- * input that gains a clearable button when `isClearable={true}` is configuration-based: the same
- * slots always exist, some are just conditionally rendered.
- *
- * A *polymorphic* component renders structurally different DOM trees depending on `type`. Each
- * tree has its own meaningful slot surface. Slots that belong to one DOM shape have no business
- * appearing on a variant that never renders them. DSControlledDateTimePicker has 12 type values
- * that produce 12 different DOM shapes — from a pure text-input row (`date-time-inputs`) to a
- * combined calendar + timewheel picker with a shared trigger icon and popper wrapper
- * (`date-time-picker`). A slot like `dsControlleddatetimepickerCalendarTriggerIcon` is only
- * meaningful when the calendar picker icon exists; accepting it as a valid prop on `time-inputs`
- * would be a silent no-op that a flat interface cannot detect.
- *
- * The engine in `slot-arguments-polymorphic-typescript.ts` is the pure TypeScript mechanism that
- * solves this. It encodes the DOM shape of each type variant as an incremental, non-overlapping
- * set of "slot buckets" — each bucket representing one DOM unit (calendar content, timewheel
- * footer, combined picker wrapper, etc.). A conditional type `ComposedBucketsFor<T>` selects and
- * intersects the exact buckets for each of the 12 `ControlTypes` values. The engine is
- * intentionally argument-type-agnostic: all slot values default to `() => object`. Component-
- * specific argument types (like `CalendarDaySlotArguments`) are injected externally via a
- * `TOverrides` generic, which `DSControlledDateTimePickerT` provides. This keeps the engine
- * reusable (with minor adaptation per component via copy paste and adapt)
- *  and isolated from component concerns.
- *
- * ─── What this file is testing ────────────────────────────────────────────────────────────────
- *
- * This file tests the engine's *structural contract* — not the consumer-facing API.
- * Specifically, it asserts:
- *
- *   1. PRESENCE: A slot key that must exist for a given type variant is actually present in the
- *      resolved type for that variant. If a bucket is accidentally omitted from a composition, a
- *      check here will fail at compile time.
- *
- *   2. ABSENCE: A slot key that must NOT exist for a given type variant is not present. This is
- *      the critical half of the contract — it catches the case where a bucket is added to the
- *      wrong composition branch. Absence checks are harder to get right and easier to skip, which
- *      is exactly why they live here as explicit compile-time assertions.
- *
- *   3. OVERRIDE MECHANISM: The `TOverrides` generic correctly replaces `() => object` with a
- *      typed function signature for a specified slot key, while leaving all other slot keys in the
- *      same type variant unaffected. This is the mechanism that allows `DSControlledDateTimePickerT`
- *      to provide a typed `(args: CalendarDaySlotArguments) => object` for the calendar day slot
- *      without polluting the engine with component-specific knowledge.
- *
- *   4. POLYMORPHIC WRAPPING: `PolymorphicSlotFunctionArguments<T, TOverrides>` correctly wraps
- *      each slot as `object | fn` — accepting either a static object or a typed function — with
- *      the typed function signature flowing through from `TOverrides`.
- *
- * The per-type *exhaustiveness* tests (all 12 control types, all slots required, using
- * `DSControlledDateTimePickerT.Slots<T>`) live in `slot-props.ts`. That file tests the consumer
- * API surface. This file tests the engine that generates it.
- *
- * ─── Value to consumers ───────────────────────────────────────────────────────────────────────
- *
- * When a consumer passes a slot prop while using an explicit `Slots<T>` type, TypeScript can tell
- * them at compile time that `dsControlleddatetimepickerCalendarTriggerIcon` is not a valid slot
- * for `type="time-inputs"` — because it genuinely does not exist in `Slots<'time-inputs'>`. This
- * is not a validation message or a runtime warning. It is a structural impossibility enforced by
- * the type system, which means no test needs to cover that case at runtime because the wrong
- * prop cannot be passed in the first place.
- *
- * Without this engine, the slot surface would be a flat union of all slots (the shape it had
- * before), and all 27 slots would be valid props for all 12 type variants regardless of whether
- * the target DOM actually renders them. A consumer using `Slots<'date-inputs'>` today gets exactly
- * 5 slots (root, 3 date inputs, clear button). Passing anything beyond those 5 is a compile error.
- *
- * ─── Why this specific pattern exists here and not in other components ─────────────────────────
- *
- * The engine pattern is a deliberate exception to the project's standard slot type strategy.
- * Standard components use `PropsForGlobalOnSlots<Name, Slots>`, which generates a flat
- * `object | GenericFunc<unknown, object>` for every slot key — sufficient for configuration-based
- * components where the slot surface is stable across all usage modes.
- *
- * DSControlledDateTimePicker cannot use that strategy because its slot surface is NOT stable. It
- * would require either (a) a flat union of all slots on all variants — permissive in the wrong
- * direction, silently accepting nonsensical props — or (b) 12 separate component types — the
- * correct structural answer but impractical given the shared rendering infrastructure.
- *
- * The engine is the middle path: one component, one prop interface per family (date / time /
- * date-time), with a type-level mechanism that narrows the slot surface for consumers who opt in
- * by specifying `Slots<T>`. The mechanism is isolated in its own file so it can be reasoned about,
- * tested, and evolved independently from the component's runtime behavior.
- */
-export {};

package/dist/types/typescript-testing/slot-props.d.ts

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

package/dist/types/typescript-testing/typescript-date-time-picker-valid.d.ts

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