@danske/sapphire-react-lab 0.89.0 → 0.90.2

package/build/esm/DateField/src/DateField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateField.js","sources":["../../../../src/DateField/src/DateField.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport { Validation } from '@react-types/shared';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  useDatePicker,\n} from '@react-aria/datepicker';\nimport { useDatePickerState } from '@react-stately/datepicker';\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  Icon,\n  Popover,\n  tokens,\n  View,\n  Field,\n  Label,\n} from '@danske/sapphire-react';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/dateField/dateField.module.css';\nimport { Calendar as CalendarIcon } from '@danske/sapphire-icons/react';\nimport { DateInput } from './DateInput';\nimport { Calendar } from '../../Calendar';\nimport { DateFieldButton } from './DateFieldButton';\nimport { PressResponder } from '@react-aria/interactions';\nimport { useDialog } from '@react-aria/dialog';\n\nexport type DateFieldProps<T extends DateValue> = Omit<\n  AriaDatePickerProps<T>,\n  | keyof Omit<Validation<unknown>, 'isRequired'>\n  | 'errorMessage'\n  | 'description'\n  // excluding some props about time input. We don't support that yet.\n  | 'granularity'\n  | 'hourCycle'\n  | 'hideTimeZone'\n> &\n  SapphireStyleProps & {\n    /**\n     * Whether week numbers are visible as a first column\n     */\n    showWeekNumbers?: boolean;\n    /**\n     * Whether the input should render as having an error and an error message.\n     * This also sets the appropriate `aria` attributes on the input.\n     *\n     * A `boolean` sets the error state.\n     * A `string` sets the error state with an additional error message.\n     \n     * **An error message is strongly recommended because an error should\n     * always have an explanation about how to fix it.**\n     */\n    error?: boolean | string;\n    /**\n     * A note to show below the input.\n     * If the input has an error message, this note will be replaced by that.\n     */\n    note?: ReactNode;\n    /**\n     * A ContextualHelp to render next to the label.\n     */\n    contextualHelp?: ReactNode;\n    /**\n     * If it should hide the \"clear\" button when input is not empty.\n     *\n     * @default false\n     */\n    noClearButton?: boolean;\n    /**\n     * @default 'large'\n     */\n    size?: 'large' | 'medium';\n    /**\n     * To visually indicate if this field is required or optional.\n     * @default false\n     */\n    necessityIndicator?: boolean;\n    /**\n     * Places the label either above (default) or on the side of the control.\n     * @default 'above'\n     */\n    labelPlacement?: 'side' | 'above';\n  };\n\nfunction _DateField<T extends DateValue>(\n  {\n    error,\n    note,\n    contextualHelp,\n    noClearButton = false,\n    showWeekNumbers,\n    size = 'large',\n    labelPlacement = 'above',\n    necessityIndicator = false,\n    ...otherProps\n  }: DateFieldProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  useThemeCheck();\n\n  const groupRef = useRef(null);\n  const dialogRef = useRef(null);\n\n  const { styleProps } = useSapphireStyleProps(otherProps);\n\n  const { dialogProps } = useDialog({}, dialogRef);\n\n  const state = useDatePickerState({\n    ...otherProps,\n    ...(error ? { validationState: 'invalid' } : {}),\n  });\n\n  const {\n    groupProps,\n    labelProps,\n    fieldProps,\n    buttonProps,\n    dialogProps: dialogPropsFromDatePicker,\n    calendarProps,\n    descriptionProps,\n    errorMessageProps,\n  } = useDatePicker(\n    {\n      ...otherProps,\n      description: note,\n    },\n    state,\n    groupRef\n  );\n\n  const isMedium = size === 'medium';\n\n  return (\n    <Field\n      {...otherProps}\n      noShrink\n      isDisabled={otherProps.isDisabled}\n      error={state.validationState === 'invalid'}\n      size={size}\n      ref={ref}\n      labelPlacement={labelPlacement}\n    >\n      {otherProps.label && (\n        <Field.Label>\n          <Label\n            {...labelProps}\n            size={size}\n            necessityIndicator={\n              otherProps.isRequired && necessityIndicator\n                ? 'required'\n                : !otherProps.isRequired && necessityIndicator\n                ? 'optional'\n                : undefined\n            }\n            contextualHelp={contextualHelp}\n          >\n            {otherProps.label}\n          </Label>\n        </Field.Label>\n      )}\n      <Field.Control>\n        <div\n          {...groupProps}\n          ref={groupRef}\n          className={clsx(styles['sapphire-date-field'], {\n            [styles['sapphire-date-field--error']]:\n              state.validationState === 'invalid',\n            [styles['sapphire-date-field--medium']]: isMedium,\n          })}\n          {...(styleProps.style.width\n            ? { style: { width: styleProps.style.width } }\n            : {})}\n        >\n          <PressResponder {...buttonProps} isPressed={state.isOpen}>\n            <DateFieldButton\n              isDisabled={otherProps.isDisabled || otherProps.isReadOnly}\n            >\n              <Icon size={isMedium ? 'm' : 'l'}>\n                <CalendarIcon />\n              </Icon>\n            </DateFieldButton>\n          </PressResponder>\n          <DateInput\n            {...fieldProps}\n            noClearButton={noClearButton}\n            size={size}\n          />\n        </div>\n      </Field.Control>\n      {((typeof error === 'string' && error !== '') || note) && (\n        <Field.Footer>\n          {error ? (\n            <Field.Note {...errorMessageProps}>{error}</Field.Note>\n          ) : note ? (\n            <Field.Note {...descriptionProps}>{note}</Field.Note>\n          ) : (\n            <></>\n          )}\n        </Field.Footer>\n      )}\n      {state.isOpen && (\n        <Popover state={state} triggerRef={groupRef} placement=\"bottom start\">\n          <div ref={dialogRef} {...dialogProps} {...dialogPropsFromDatePicker}>\n            <View padding={tokens.size.spacing50}>\n              <Calendar\n                {...calendarProps}\n                defaultFocusedValue={state.dateValue}\n                showWeekNumbers={showWeekNumbers}\n              />\n            </View>\n          </div>\n        </Popover>\n      )}\n    </Field>\n  );\n}\n\n/**\n * A date field allows users to enter or edit date values using the keyboard\n * and/or mouse.\n */\nexport const DateField = forwardRef(_DateField) as <T extends DateValue>(\n  props: DateFieldProps<T> & { ref?: RefObject<HTMLDivElement> }\n) => React.ReactElement;\n"],"names":["CalendarIcon","Calendar"],"mappings":"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"}

package/build/esm/DateField/src/DateFieldButton.js

@@ -1,44 +0,0 @@
-import React, { useRef } from 'react';
-import { useHover } from '@react-aria/interactions';
-import { mergeProps } from '@react-aria/utils';
-import clsx from 'clsx';
-import styles from '@danske/sapphire-css/components/dateField/dateField.module.css';
-import { useFocusRing } from '@react-aria/focus';
-import { useButton } from '@danske/sapphire-react';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const DateFieldButton = (props) => {
-  const ref = useRef(null);
-  const { buttonProps, isPressed } = useButton(props, ref);
-  const { hoverProps, isHovered } = useHover({ isDisabled: props.isDisabled });
-  const { focusProps, isFocusVisible } = useFocusRing();
-  return /* @__PURE__ */ React.createElement("button", __spreadProps(__spreadValues({}, mergeProps(buttonProps, hoverProps, focusProps)), {
-    ref,
-    className: clsx(styles["sapphire-date-field__button"], styles["js-focus"], styles["js-hover"], {
-      [styles["is-active"]]: isPressed,
-      [styles["is-hover"]]: isHovered,
-      [styles["is-focus"]]: isFocusVisible
-    })
-  }), props.children);
-};
-
-export { DateFieldButton };
-//# sourceMappingURL=DateFieldButton.js.map

package/build/esm/DateField/src/DateFieldButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateFieldButton.js","sources":["../../../../src/DateField/src/DateFieldButton.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { AriaButtonProps } from '@react-aria/button';\nimport { useHover } from '@react-aria/interactions';\nimport { mergeProps } from '@react-aria/utils';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/dateField/dateField.module.css';\nimport { useFocusRing } from '@react-aria/focus';\nimport { useButton } from '@danske/sapphire-react';\n\n/**\n * @internal\n */\nexport const DateFieldButton = (props: AriaButtonProps) => {\n  const ref = useRef(null);\n  const { buttonProps, isPressed } = useButton(props, ref);\n  const { hoverProps, isHovered } = useHover({ isDisabled: props.isDisabled });\n  const { focusProps, isFocusVisible } = useFocusRing();\n\n  return (\n    <button\n      {...mergeProps(buttonProps, hoverProps, focusProps)}\n      ref={ref}\n      className={clsx(\n        styles['sapphire-date-field__button'],\n        styles['js-focus'],\n        styles['js-hover'],\n        {\n          [styles['is-active']]: isPressed,\n          [styles['is-hover']]: isHovered,\n          [styles['is-focus']]: isFocusVisible,\n        }\n      )}\n    >\n      {props.children}\n    </button>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAA,MAAM,MAAM,MAAO,CAAA,IAAA,CAAA,CAAA;AACnB,EAAA,MAAM,EAAE,WAAA,EAAa,SAAc,EAAA,GAAA,SAAA,CAAU,KAAO,EAAA,GAAA,CAAA,CAAA;AACpD,EAAA,MAAM,EAAE,UAAY,EAAA,SAAA,EAAA,GAAc,QAAS,CAAA,EAAE,YAAY,KAAM,CAAA,UAAA,EAAA,CAAA,CAAA;AAC/D,EAAM,MAAA,EAAE,YAAY,cAAmB,EAAA,GAAA,YAAA,EAAA,CAAA;AAEvC,EAAA,2CACG,QAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,UAAW,CAAA,WAAA,EAAa,YAAY,UAD1C,CAAA,CAAA,EAAA;AAAA,IAEE,GAAA;AAAA,IACA,WAAW,IACT,CAAA,MAAA,CAAO,gCACP,MAAO,CAAA,UAAA,CAAA,EACP,OAAO,UACP,CAAA,EAAA;AAAA,MAAA,CACG,OAAO,WAAe,CAAA,GAAA,SAAA;AAAA,MAAA,CACtB,OAAO,UAAc,CAAA,GAAA,SAAA;AAAA,MAAA,CACrB,OAAO,UAAc,CAAA,GAAA,cAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,EAIzB,KAAM,CAAA,QAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/DateField/src/DateInput.js

@@ -1,81 +0,0 @@
-import React, { useRef } from 'react';
-import { useDateField } from '@react-aria/datepicker';
-import { DateSegment } from './DateSegment.js';
-import { useMessageFormatter, useLocale } from '@react-aria/i18n';
-import { useDateFieldState } from '@react-stately/datepicker';
-import { createCalendar } from '@internationalized/date';
-import styles from '@danske/sapphire-css/components/dateField/dateField.module.css';
-import { useCustomDateFormatLocale, Icon } from '@danske/sapphire-react';
-import { CloseCircle } from '@danske/sapphire-icons/react';
-import { DateFieldButton } from './DateFieldButton.js';
-import intlMessages from '../i18n/index.js';
-import { isAnyModified, segmentTypes } from './utils/segments.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function DateInput(_a) {
-  var _b = _a, {
-    noClearButton = false,
-    size = "large"
-  } = _b, props = __objRest(_b, [
-    "noClearButton",
-    "size"
-  ]);
-  const ref = useRef(null);
-  const formatMessage = useMessageFormatter(intlMessages);
-  const { locale } = useLocale();
-  const customDateFormatLocale = useCustomDateFormatLocale();
-  const state = useDateFieldState(__spreadProps(__spreadValues({}, props), {
-    locale: customDateFormatLocale || locale,
-    createCalendar
-  }));
-  const { fieldProps } = useDateField(props, state, ref);
-  const clear = () => {
-    segmentTypes.forEach(state.clearSegment);
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, fieldProps), {
-    className: styles["sapphire-date-field__input"],
-    ref
-  }), state.segments.map((segment, i) => /* @__PURE__ */ React.createElement(DateSegment, {
-    key: i,
-    segment,
-    state
-  }))), !noClearButton && !props.isReadOnly && !props.isDisabled && isAnyModified(state.segments) && /* @__PURE__ */ React.createElement(DateFieldButton, {
-    "aria-label": formatMessage("clear"),
-    onPress: clear
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    size: size === "medium" ? "m" : "l"
-  }, /* @__PURE__ */ React.createElement(CloseCircle, null))));
-}
-
-export { DateInput };
-//# sourceMappingURL=DateInput.js.map

package/build/esm/DateField/src/DateInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateInput.js","sources":["../../../../src/DateField/src/DateInput.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport {\n  AriaDateFieldOptions,\n  useDateField,\n  DateValue,\n} from '@react-aria/datepicker';\nimport { DateSegment } from './DateSegment';\nimport { useLocale, useMessageFormatter } from '@react-aria/i18n';\nimport { useDateFieldState } from '@react-stately/datepicker';\nimport { createCalendar } from '@internationalized/date';\nimport styles from '@danske/sapphire-css/components/dateField/dateField.module.css';\nimport { Icon } from '@danske/sapphire-react';\nimport { CloseCircle } from '@danske/sapphire-icons/react';\nimport { DateFieldButton } from './DateFieldButton';\nimport intlMessages from '../i18n';\nimport { segmentTypes, isAnyModified } from './utils/segments';\nimport { useCustomDateFormatLocale } from '@danske/sapphire-react';\n\nexport type DateInputProps<T extends DateValue> = AriaDateFieldOptions<T> & {\n  noClearButton?: boolean;\n  size?: 'large' | 'medium';\n};\n\n/**\n * @internal\n */\nexport function DateInput<T extends DateValue>({\n  noClearButton = false,\n  size = 'large',\n  ...props\n}: DateInputProps<T>) {\n  const ref = useRef(null);\n  const formatMessage = useMessageFormatter(intlMessages);\n  const { locale } = useLocale();\n  const customDateFormatLocale = useCustomDateFormatLocale();\n\n  const state = useDateFieldState({\n    ...props,\n    locale: customDateFormatLocale || locale,\n    createCalendar,\n  });\n\n  const { fieldProps } = useDateField(props, state, ref);\n  const clear = () => {\n    segmentTypes.forEach(state.clearSegment);\n  };\n\n  return (\n    <>\n      <div\n        {...fieldProps}\n        className={styles['sapphire-date-field__input']}\n        ref={ref}\n      >\n        {state.segments.map((segment, i) => (\n          <DateSegment key={i} segment={segment} state={state} />\n        ))}\n      </div>\n      {!noClearButton &&\n        !props.isReadOnly &&\n        !props.isDisabled &&\n        isAnyModified(state.segments) && (\n          <DateFieldButton aria-label={formatMessage('clear')} onPress={clear}>\n            <Icon size={size === 'medium' ? 'm' : 'l'}>\n              <CloseCircle />\n            </Icon>\n          </DateFieldButton>\n        )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAAA,SAAA,CAAwC,EAIzB,EAAA;AAJyB,EAC7C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAgB,aAAA,GAAA,KAAA;AAAA,IAChB,IAAO,GAAA,OAAA;AAAA,GAFsC,GAAA,EAAA,EAG1C,kBAH0C,EAG1C,EAAA;AAAA,IAFH,eAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,MAAM,MAAO,CAAA,IAAA,CAAA,CAAA;AACnB,EAAA,MAAM,gBAAgB,mBAAoB,CAAA,YAAA,CAAA,CAAA;AAC1C,EAAA,MAAM,EAAE,MAAW,EAAA,GAAA,SAAA,EAAA,CAAA;AACnB,EAAA,MAAM,sBAAyB,GAAA,yBAAA,EAAA,CAAA;AAE/B,EAAM,MAAA,KAAA,GAAQ,iBAAkB,CAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC3B,KAD2B,CAAA,EAAA;AAAA,IAE9B,QAAQ,sBAA0B,IAAA,MAAA;AAAA,IAClC,cAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAGF,EAAA,MAAM,EAAE,UAAA,EAAA,GAAe,YAAa,CAAA,KAAA,EAAO,KAAO,EAAA,GAAA,CAAA,CAAA;AAClD,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,YAAA,CAAa,QAAQ,KAAM,CAAA,YAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAG7B,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,UADN,CAAA,EAAA;AAAA,IAEE,WAAW,MAAO,CAAA,4BAAA,CAAA;AAAA,IAClB,GAAA;AAAA,GAAA,CAAA,EAEC,MAAM,QAAS,CAAA,GAAA,CAAI,CAAC,OAAS,EAAA,CAAA,yCAC3B,WAAD,EAAA;AAAA,IAAa,GAAK,EAAA,CAAA;AAAA,IAAG,OAAA;AAAA,IAAkB,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA,EAG1C,CAAC,aAAA,IACA,CAAC,KAAA,CAAM,UACP,IAAA,CAAC,KAAM,CAAA,UAAA,IACP,aAAc,CAAA,KAAA,CAAM,QAClB,CAAA,oBAAA,KAAA,CAAA,aAAA,CAAC,eAAD,EAAA;AAAA,IAAiB,cAAY,aAAc,CAAA,OAAA,CAAA;AAAA,IAAU,OAAS,EAAA,KAAA;AAAA,GAAA,sCAC3D,IAAD,EAAA;AAAA,IAAM,IAAA,EAAM,IAAS,KAAA,QAAA,GAAW,GAAM,GAAA,GAAA;AAAA,GAAA,sCACnC,WAAD,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/DateField/src/DateRangeField.js

@@ -1,154 +0,0 @@
-import React, { forwardRef, useRef } from 'react';
-import { useDateRangePicker } from '@react-aria/datepicker';
-import { useDateRangePickerState } from './useDateRangePickerState.js';
-import { useThemeCheck, useSapphireStyleProps, Field, Label, Icon, Popover, View, tokens } from '@danske/sapphire-react';
-import clsx from 'clsx';
-import styles from '@danske/sapphire-css/components/dateField/dateField.module.css';
-import { Calendar } from '@danske/sapphire-icons/react';
-import { DateRangeInput } from './DateRangeInput.js';
-import '@internationalized/date';
-import '@react-aria/calendar';
-import '@react-aria/utils';
-import '@danske/sapphire-css/components/calendar/calendar.module.css';
-import { useLocale, I18nProvider } from '@react-aria/i18n';
-import '../../Calendar/src/CalendarButtons.js';
-import { PressResponder } from '@react-aria/interactions';
-import '@react-stately/calendar';
-import '@react-stately/utils';
-import 'react-transition-group';
-import { RangeCalendar } from '../../Calendar/src/RangeCalendar.js';
-import { DateFieldButton } from './DateFieldButton.js';
-import { useDialog } from '@react-aria/dialog';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function _DateRangeField(_a, ref) {
-  var _b = _a, {
-    error,
-    note,
-    contextualHelp,
-    noClearButton = false,
-    locale,
-    showWeekNumbers,
-    showTwoMonths,
-    allowUnavailableDatesWithinRange,
-    predefinedRanges,
-    size = "large",
-    labelPlacement = "above",
-    necessityIndicator = false
-  } = _b, otherProps = __objRest(_b, [
-    "error",
-    "note",
-    "contextualHelp",
-    "noClearButton",
-    "locale",
-    "showWeekNumbers",
-    "showTwoMonths",
-    "allowUnavailableDatesWithinRange",
-    "predefinedRanges",
-    "size",
-    "labelPlacement",
-    "necessityIndicator"
-  ]);
-  useThemeCheck();
-  const groupRef = useRef(null);
-  const dialogRef = useRef(null);
-  const { locale: existingLocale } = useLocale();
-  const preferredLocale = locale || existingLocale;
-  const { styleProps } = useSapphireStyleProps(otherProps);
-  const { dialogProps } = useDialog({}, dialogRef);
-  const state = useDateRangePickerState(__spreadValues(__spreadValues(__spreadValues({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
-  const {
-    groupProps,
-    labelProps,
-    startFieldProps,
-    endFieldProps,
-    buttonProps,
-    dialogProps: dialogPropsFromDatePicker,
-    calendarProps,
-    descriptionProps,
-    errorMessageProps
-  } = useDateRangePicker(__spreadProps(__spreadValues({}, otherProps), {
-    description: note,
-    allowsNonContiguousRanges: allowUnavailableDatesWithinRange
-  }), state, groupRef);
-  const isMedium = size === "medium";
-  return /* @__PURE__ */ React.createElement(Field, __spreadProps(__spreadValues({}, otherProps), {
-    noShrink: true,
-    isDisabled: otherProps.isDisabled,
-    error: state.validationState === "invalid",
-    size,
-    ref,
-    labelPlacement
-  }), /* @__PURE__ */ React.createElement(I18nProvider, {
-    locale: preferredLocale
-  }, otherProps.label && /* @__PURE__ */ React.createElement(Field.Label, null, /* @__PURE__ */ React.createElement(Label, __spreadProps(__spreadValues({}, labelProps), {
-    size,
-    necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
-    contextualHelp
-  }), otherProps.label)), /* @__PURE__ */ React.createElement(Field.Control, null, /* @__PURE__ */ React.createElement("div", __spreadValues(__spreadProps(__spreadValues({}, groupProps), {
-    ref: groupRef,
-    className: clsx(styles["sapphire-date-field"], styles["sapphire-date-field--range"], {
-      [styles["sapphire-date-field--error"]]: state.validationState === "invalid",
-      [styles["sapphire-date-field--medium"]]: isMedium
-    })
-  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React.createElement(PressResponder, __spreadProps(__spreadValues({}, buttonProps), {
-    isPressed: state.isOpen
-  }), /* @__PURE__ */ React.createElement(DateFieldButton, {
-    isDisabled: otherProps.isDisabled || otherProps.isReadOnly
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    size: isMedium ? "m" : "l"
-  }, /* @__PURE__ */ React.createElement(Calendar, null)))), /* @__PURE__ */ React.createElement(DateRangeInput, {
-    dateRangePickerState: state,
-    startFieldProps,
-    endFieldProps,
-    noClearButton,
-    size
-  }))), error !== false && (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React.createElement(Field.Footer, null, error ? /* @__PURE__ */ React.createElement(Field.Note, __spreadValues({}, errorMessageProps), error) : note ? /* @__PURE__ */ React.createElement(Field.Note, __spreadValues({}, descriptionProps), note) : /* @__PURE__ */ React.createElement(React.Fragment, null)), state.isOpen && /* @__PURE__ */ React.createElement(Popover, {
-    state,
-    triggerRef: groupRef,
-    placement: "bottom start"
-  }, /* @__PURE__ */ React.createElement("div", __spreadValues(__spreadValues({
-    ref: dialogRef
-  }, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React.createElement(View, {
-    padding: tokens.size.spacing50
-  }, /* @__PURE__ */ React.createElement(RangeCalendar, __spreadProps(__spreadValues({}, calendarProps), {
-    allowUnavailableDatesWithinRange,
-    showWeekNumbers,
-    showTwoMonths,
-    predefinedRanges
-  })))))));
-}
-const DateRangeField = forwardRef(_DateRangeField);
-
-export { DateRangeField };
-//# sourceMappingURL=DateRangeField.js.map

package/build/esm/DateField/src/DateRangeField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeField.js","sources":["../../../../src/DateField/src/DateRangeField.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport { Validation } from '@react-types/shared';\nimport {\n  AriaDateRangePickerProps,\n  DateValue,\n  useDateRangePicker,\n} from '@react-aria/datepicker';\nimport {\n  DateRangePickerStateOptions,\n  useDateRangePickerState,\n} from './useDateRangePickerState';\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  Icon,\n  Popover,\n  tokens,\n  View,\n  Field,\n  Label,\n} from '@danske/sapphire-react';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/dateField/dateField.module.css';\nimport { Calendar } from '@danske/sapphire-icons/react';\nimport { DateRangeInput } from './DateRangeInput';\nimport { RangeCalendar, PredefinedDateRange } from '../../Calendar';\nimport { DateFieldButton } from './DateFieldButton';\nimport { PressResponder } from '@react-aria/interactions';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useDialog } from '@react-aria/dialog';\n\nexport type DateRangeFieldProps<T extends DateValue, P extends string> = Omit<\n  AriaDateRangePickerProps<T>,\n  | keyof Omit<Validation<unknown>, 'isRequired'>\n  | 'errorMessage'\n  | 'description'\n  // excluding some props about time input. We don't support that yet.\n  | 'granularity'\n  | 'hourCycle'\n  | 'hideTimeZone'\n  | 'allowsNonContiguousRanges'\n  | 'onChange'\n> &\n  SapphireStyleProps & {\n    /**\n     * Handler that is called when the value changes.\n     */\n    onChange?: DateRangePickerStateOptions<DateValue, P>['onChange'];\n    /**\n     * Whether week numbers are visible as a first column\n     */\n    showWeekNumbers?: boolean;\n    /**\n     * Whether to show two months at the same time.\n     */\n    showTwoMonths?: boolean;\n    /**\n     * A set of predefined date ranges the user can more conveniently select.\n     */\n    predefinedRanges?: Record<P, PredefinedDateRange>;\n    /**\n     * Whether range is allowed to span unavailable dates.\n     */\n    allowUnavailableDatesWithinRange?: boolean;\n    /**\n     * Whether the input should render as having an error and an error message.\n     * This also sets the appropriate `aria` attributes on the input.\n     *\n     * A `boolean` sets the error state.\n     * A `string` sets the error state with an additional error message.\n     \n     * **An error message is strongly recommended because an error should\n     * always have an explanation about how to fix it.**\n     */\n    error?: boolean | string;\n    /**\n     * A note to show below the input.\n     * If the input has an error message, this note will be replaced by that.\n     */\n    note?: ReactNode;\n    /**\n     * A ContextualHelp to render next to the label.\n     */\n    contextualHelp?: ReactNode;\n    /**\n     * If it should hide the \"clear\" button when input is not empty.\n     *\n     * @default false\n     */\n    noClearButton?: boolean;\n    /**\n     * Locale (eg. \"da-DK\", \"en-US\", \"sv-SE\" etc.)\n     *\n     * THIS IS A TEMPORARY SOLUTION FOR THE INTERFACE OF LOCALIZATION. THIS API\n     * MAY CHANGE OR EVEN BE REPLACED WITH SOMETHING DIFFERENT IN A FUTURE VERSION.\n     */\n    locale?: string;\n    /**\n     * @default 'large'\n     */\n    size?: 'large' | 'medium';\n    /**\n     * To visually indicate if this field is required or optional.\n     * @default false\n     */\n    necessityIndicator?: boolean;\n\n    /**\n     * Places the label either above (default) or on the side of the control.\n     * @default 'above'\n     */\n    labelPlacement?: 'side' | 'above';\n  };\n\nfunction _DateRangeField<T extends DateValue, P extends string>(\n  {\n    error,\n    note,\n    contextualHelp,\n    noClearButton = false,\n    locale,\n    showWeekNumbers,\n    showTwoMonths,\n    allowUnavailableDatesWithinRange,\n    predefinedRanges,\n    size = 'large',\n    labelPlacement = 'above',\n    necessityIndicator = false,\n    ...otherProps\n  }: DateRangeFieldProps<T, P>,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  useThemeCheck();\n\n  const groupRef = useRef(null);\n  const dialogRef = useRef(null);\n\n  const { locale: existingLocale } = useLocale();\n\n  const preferredLocale = locale || existingLocale;\n\n  const { styleProps } = useSapphireStyleProps(otherProps);\n\n  const { dialogProps } = useDialog({}, dialogRef);\n\n  const state = useDateRangePickerState({\n    ...otherProps,\n    ...(error ? { validationState: 'invalid' } : {}),\n    ...(allowUnavailableDatesWithinRange\n      ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange }\n      : {}),\n  });\n\n  const {\n    groupProps,\n    labelProps,\n    startFieldProps,\n    endFieldProps,\n    buttonProps,\n    dialogProps: dialogPropsFromDatePicker,\n    calendarProps,\n    descriptionProps,\n    errorMessageProps,\n  } = useDateRangePicker(\n    {\n      ...otherProps,\n      description: note,\n      allowsNonContiguousRanges: allowUnavailableDatesWithinRange,\n    },\n    state,\n    groupRef\n  );\n\n  const isMedium = size === 'medium';\n\n  return (\n    <Field\n      {...otherProps}\n      noShrink\n      isDisabled={otherProps.isDisabled}\n      error={state.validationState === 'invalid'}\n      size={size}\n      ref={ref}\n      labelPlacement={labelPlacement}\n    >\n      <I18nProvider locale={preferredLocale}>\n        {otherProps.label && (\n          <Field.Label>\n            <Label\n              {...labelProps}\n              size={size}\n              necessityIndicator={\n                otherProps.isRequired && necessityIndicator\n                  ? 'required'\n                  : !otherProps.isRequired && necessityIndicator\n                  ? 'optional'\n                  : undefined\n              }\n              contextualHelp={contextualHelp}\n            >\n              {otherProps.label}\n            </Label>\n          </Field.Label>\n        )}\n        <Field.Control>\n          <div\n            {...groupProps}\n            ref={groupRef}\n            className={clsx(\n              styles['sapphire-date-field'],\n              styles['sapphire-date-field--range'],\n              {\n                [styles['sapphire-date-field--error']]:\n                  state.validationState === 'invalid',\n                [styles['sapphire-date-field--medium']]: isMedium,\n              }\n            )}\n            {...(styleProps.style.width\n              ? { style: { width: styleProps.style.width } }\n              : {})}\n          >\n            <PressResponder {...buttonProps} isPressed={state.isOpen}>\n              <DateFieldButton\n                isDisabled={otherProps.isDisabled || otherProps.isReadOnly}\n              >\n                <Icon size={isMedium ? 'm' : 'l'}>\n                  <Calendar />\n                </Icon>\n              </DateFieldButton>\n            </PressResponder>\n            <DateRangeInput\n              dateRangePickerState={state}\n              startFieldProps={startFieldProps}\n              endFieldProps={endFieldProps}\n              noClearButton={noClearButton}\n              size={size}\n            />\n          </div>\n        </Field.Control>\n        {error !== false &&\n          ((typeof error === 'string' && error !== '') || note) && (\n            <Field.Footer>\n              {error ? (\n                <Field.Note {...errorMessageProps}>{error}</Field.Note>\n              ) : note ? (\n                <Field.Note {...descriptionProps}>{note}</Field.Note>\n              ) : (\n                <></>\n              )}\n            </Field.Footer>\n          )}\n        {state.isOpen && (\n          <Popover state={state} triggerRef={groupRef} placement=\"bottom start\">\n            <div\n              ref={dialogRef}\n              {...dialogProps}\n              {...dialogPropsFromDatePicker}\n            >\n              <View padding={tokens.size.spacing50}>\n                <RangeCalendar\n                  {...calendarProps}\n                  allowUnavailableDatesWithinRange={\n                    allowUnavailableDatesWithinRange\n                  }\n                  showWeekNumbers={showWeekNumbers}\n                  showTwoMonths={showTwoMonths}\n                  predefinedRanges={predefinedRanges}\n                />\n              </View>\n            </div>\n          </Popover>\n        )}\n      </I18nProvider>\n    </Field>\n  );\n}\n\n/**\n * A date range field allows users to select a range of dates by selecting a to and a from date with keyboard and/or mouse.\n */\nexport const DateRangeField = forwardRef(_DateRangeField) as <\n  T extends DateValue,\n  P extends string\n>(\n  props: DateRangeFieldProps<T, P> & { ref?: RefObject<HTMLDivElement> }\n) => React.ReactElement;\n"],"names":[],"mappings":"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"}

package/build/esm/DateField/src/DateRangeInput.js

@@ -1,90 +0,0 @@
-import React, { useRef } from 'react';
-import { useDateField } from '@react-aria/datepicker';
-import { DateSegment } from './DateSegment.js';
-import { useMessageFormatter, useLocale } from '@react-aria/i18n';
-import { useDateFieldState } from '@react-stately/datepicker';
-import { createCalendar } from '@internationalized/date';
-import styles from '@danske/sapphire-css/components/dateField/dateField.module.css';
-import { useCustomDateFormatLocale, Icon } from '@danske/sapphire-react';
-import { ArrowRight, CloseCircle } from '@danske/sapphire-icons/react';
-import { DateFieldButton } from './DateFieldButton.js';
-import { isAnyModified, segmentTypes } from './utils/segments.js';
-import intlMessages from '../i18n/index.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function DateRangeInput({
-  dateRangePickerState,
-  startFieldProps,
-  endFieldProps,
-  noClearButton = false,
-  size = "large"
-}) {
-  const startFieldRef = useRef(null);
-  const endFieldRef = useRef(null);
-  const formatMessage = useMessageFormatter(intlMessages);
-  const { locale } = useLocale();
-  const customDateFormatLocale = useCustomDateFormatLocale();
-  const startFieldState = useDateFieldState(__spreadProps(__spreadValues({}, startFieldProps), {
-    locale: customDateFormatLocale || locale,
-    createCalendar
-  }));
-  const endFieldState = useDateFieldState(__spreadProps(__spreadValues({}, endFieldProps), {
-    locale: customDateFormatLocale || locale,
-    createCalendar
-  }));
-  const { fieldProps: startFieldAriaProps } = useDateField(startFieldProps, startFieldState, startFieldRef);
-  const { fieldProps: endFieldAriaProps } = useDateField(endFieldProps, endFieldState, endFieldRef);
-  const clearFields = () => {
-    segmentTypes.forEach((segmentType) => {
-      startFieldState.clearSegment(segmentType);
-      endFieldState.clearSegment(segmentType);
-    });
-    dateRangePickerState.setValue({ start: null, end: null });
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, startFieldAriaProps), {
-    className: styles["sapphire-date-field__input"],
-    ref: startFieldRef
-  }), startFieldState.segments.map((segment, i) => /* @__PURE__ */ React.createElement(DateSegment, {
-    key: i,
-    segment,
-    state: startFieldState
-  }))), /* @__PURE__ */ React.createElement(Icon, {
-    size: size == "medium" ? "m" : "l"
-  }, /* @__PURE__ */ React.createElement(ArrowRight, null)), /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, endFieldAriaProps), {
-    className: styles["sapphire-date-field__input"],
-    ref: endFieldRef
-  }), endFieldState.segments.map((segment, i) => /* @__PURE__ */ React.createElement(DateSegment, {
-    key: i,
-    segment,
-    state: endFieldState
-  }))), !noClearButton && !startFieldProps.isReadOnly && !endFieldProps.isReadOnly && !startFieldProps.isDisabled && !endFieldProps.isDisabled && isAnyModified([
-    ...startFieldState.segments,
-    ...endFieldState.segments
-  ]) && /* @__PURE__ */ React.createElement(DateFieldButton, {
-    "aria-label": formatMessage("clear"),
-    onPress: clearFields
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    size: size === "medium" ? "m" : "l"
-  }, /* @__PURE__ */ React.createElement(CloseCircle, null))));
-}
-
-export { DateRangeInput };
-//# sourceMappingURL=DateRangeInput.js.map

package/build/esm/DateField/src/DateRangeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeInput.js","sources":["../../../../src/DateField/src/DateRangeInput.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport {\n  useDateField,\n  DateValue,\n  AriaDatePickerProps,\n} from '@react-aria/datepicker';\nimport { DateSegment } from './DateSegment';\nimport { useLocale, useMessageFormatter } from '@react-aria/i18n';\nimport {\n  useDateFieldState,\n  DateRangePickerState,\n} from '@react-stately/datepicker';\nimport { createCalendar } from '@internationalized/date';\nimport styles from '@danske/sapphire-css/components/dateField/dateField.module.css';\nimport { Icon, useCustomDateFormatLocale } from '@danske/sapphire-react';\nimport { CloseCircle, ArrowRight } from '@danske/sapphire-icons/react';\nimport { DateFieldButton } from './DateFieldButton';\nimport { segmentTypes, isAnyModified } from './utils/segments';\nimport intlMessages from '../i18n';\n\nexport interface DateRangeInputProps<T extends DateValue> {\n  dateRangePickerState: DateRangePickerState;\n  startFieldProps: AriaDatePickerProps<T>;\n  endFieldProps: AriaDatePickerProps<T>;\n  noClearButton?: boolean;\n  size?: 'large' | 'medium';\n}\n\n/**\n * @internal\n */\nexport function DateRangeInput<T extends DateValue>({\n  dateRangePickerState,\n  startFieldProps,\n  endFieldProps,\n  noClearButton = false,\n  size = 'large',\n}: DateRangeInputProps<T>) {\n  const startFieldRef = useRef(null);\n  const endFieldRef = useRef(null);\n  const formatMessage = useMessageFormatter(intlMessages);\n\n  const { locale } = useLocale();\n  const customDateFormatLocale = useCustomDateFormatLocale();\n\n  const startFieldState = useDateFieldState({\n    ...startFieldProps,\n    locale: customDateFormatLocale || locale,\n    createCalendar,\n  });\n\n  const endFieldState = useDateFieldState({\n    ...endFieldProps,\n    locale: customDateFormatLocale || locale,\n    createCalendar,\n  });\n\n  const { fieldProps: startFieldAriaProps } = useDateField(\n    startFieldProps,\n    startFieldState,\n    startFieldRef\n  );\n  const { fieldProps: endFieldAriaProps } = useDateField(\n    endFieldProps,\n    endFieldState,\n    endFieldRef\n  );\n\n  const clearFields = () => {\n    segmentTypes.forEach((segmentType) => {\n      startFieldState.clearSegment(segmentType);\n      endFieldState.clearSegment(segmentType);\n    });\n\n    /**\n     * Workaround for clearing\n     *\n     * PROBLEM\n     * - UI: Setting value in both startField and endField\n     * - Code: Sets a placeholder value i useDateRangePickerState ({ start: date, end: date })\n     * - UI: Clicking clear button\n     * - Code: startFieldState.clearSegment() runs and sets start-prop of placeholder to null\n     * - Code: endFieldState.clearSegment() runs and sets end-prop of placeholder to null,\n     *   BUT THE value INSIDE dateRangePickerState.setDateTime() IS STALE AND STILL HAS DATE VALUES FOR BOTH start AND end\n     * - Code: so a placholder value is set to ({ start: date, end: null })\n     *\n     * POTENTIAL SOLUTION\n     * If the value in useDateRangePickerState was saved as a ref\n     * (like here: https://github.com/adobe/react-spectrum/pull/2510/commits/ca696af45e1f4548e1ace06e5de6d4f297f46eeb?diff=split&w=0#diff-eb983dc43959711e7dea6f33bcbbe97aa0bab850f24441753cdbd885125f3b71R50-R51)\n     * and valueRef.current would be the value used in setDateTime of useDateRangePickerState,\n     * both dates would be correctly cleared as the latest start value (which is null) would be known by setDateTime run by endFieldState.clearSegment()\n     * And we still want to use clearSegment as that takes care of remembering last selected value for reselection.\n     * It's suboptimal to have to call that continuously though, so a clearAllSegments function could be ideal.\n     *\n     * Without the change in Adobe's hooks, we have to ourselves dateRangePickerState.setValue to null.\n     * But we'll be keeping the *FieldState.clearSegment calls as those will make sure to save new date to start from on next selection.\n     * Ie if 2026 was selected, that's where a reselection with arrow keys will start from.\n     * Only seems to take effect for the later of the calls though – currently endFieldState.\n     *\n     * Submitted a discussion to Adobe about this: https://github.com/adobe/react-spectrum/issues/4986\n     */\n    dateRangePickerState.setValue({ start: null!, end: null! }); // null works on runtime\n  };\n\n  return (\n    <>\n      <div\n        {...startFieldAriaProps}\n        className={styles['sapphire-date-field__input']}\n        ref={startFieldRef}\n      >\n        {startFieldState.segments.map((segment, i) => (\n          <DateSegment key={i} segment={segment} state={startFieldState} />\n        ))}\n      </div>\n      <Icon size={size == 'medium' ? 'm' : 'l'}>\n        <ArrowRight />\n      </Icon>\n      <div\n        {...endFieldAriaProps}\n        className={styles['sapphire-date-field__input']}\n        ref={endFieldRef}\n      >\n        {endFieldState.segments.map((segment, i) => (\n          <DateSegment key={i} segment={segment} state={endFieldState} />\n        ))}\n      </div>\n      {!noClearButton &&\n        !startFieldProps.isReadOnly &&\n        !endFieldProps.isReadOnly &&\n        !startFieldProps.isDisabled &&\n        !endFieldProps.isDisabled &&\n        isAnyModified([\n          ...startFieldState.segments,\n          ...endFieldState.segments,\n        ]) && (\n          <DateFieldButton\n            aria-label={formatMessage('clear')}\n            onPress={clearFields}\n          >\n            <Icon size={size === 'medium' ? 'm' : 'l'}>\n              <CloseCircle />\n            </Icon>\n          </DateFieldButton>\n        )}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/esm/DateField/src/DateSegment.js

@@ -1,52 +0,0 @@
-import React, { useRef } from 'react';
-import { useDateSegment } from '@react-aria/datepicker';
-import styles from '@danske/sapphire-css/components/dateField/dateField.module.css';
-import clsx from 'clsx';
-import { setPlaceholderLanguage } from './utils/segments.js';
-import { useLocale } from '@react-aria/i18n';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const DateSegment = ({ segment, state }) => segment.type === "literal" ? /* @__PURE__ */ React.createElement(SeparatorSegment, {
-  segment
-}) : /* @__PURE__ */ React.createElement(EditableSegment, {
-  segment,
-  state
-});
-const SeparatorSegment = ({ segment }) => /* @__PURE__ */ React.createElement("span", {
-  "aria-hidden": "true",
-  className: clsx(styles["sapphire-date-field__segment"])
-}, segment.text);
-const EditableSegment = ({ segment, state }) => {
-  const ref = useRef(null);
-  const { segmentProps } = useDateSegment(segment, state, ref);
-  const { locale } = useLocale();
-  const segmentWithTranslatedPlaceholders = setPlaceholderLanguage(segment, locale);
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, segmentProps), {
-    style: segmentProps.style,
-    ref,
-    className: clsx(styles["sapphire-date-field__segment"], {
-      [styles["sapphire-date-field__segment--filled"]]: !segmentWithTranslatedPlaceholders.isPlaceholder
-    })
-  }), segmentWithTranslatedPlaceholders.text);
-};
-
-export { DateSegment };
-//# sourceMappingURL=DateSegment.js.map

package/build/esm/DateField/src/DateSegment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateSegment.js","sources":["../../../../src/DateField/src/DateSegment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useDateSegment } from '@react-aria/datepicker';\nimport {\n  DateFieldState,\n  DateSegment as DateSegmentType,\n} from '@react-stately/datepicker';\nimport styles from '@danske/sapphire-css/components/dateField/dateField.module.css';\nimport clsx from 'clsx';\nimport { setPlaceholderLanguage } from './utils/segments';\nimport { useLocale } from '@react-aria/i18n';\n\nexport interface DateSegmentProps {\n  segment: DateSegmentType;\n  state: DateFieldState;\n}\n\nexport const DateSegment = ({ segment, state }: DateSegmentProps) =>\n  segment.type === 'literal' ? (\n    <SeparatorSegment segment={segment} />\n  ) : (\n    <EditableSegment segment={segment} state={state}></EditableSegment>\n  );\n\nconst SeparatorSegment = ({ segment }: { segment: DateSegmentType }) => (\n  <span\n    aria-hidden=\"true\"\n    className={clsx(styles['sapphire-date-field__segment'])}\n  >\n    {segment.text}\n  </span>\n);\n\nconst EditableSegment = ({ segment, state }: DateSegmentProps) => {\n  const ref = useRef(null);\n  const { segmentProps } = useDateSegment(segment, state, ref);\n  const { locale } = useLocale();\n  const segmentWithTranslatedPlaceholders = setPlaceholderLanguage(\n    segment,\n    locale\n  );\n\n  return (\n    <div\n      {...segmentProps}\n      style={segmentProps.style}\n      ref={ref}\n      className={clsx(styles['sapphire-date-field__segment'], {\n        [styles['sapphire-date-field__segment--filled']]:\n          !segmentWithTranslatedPlaceholders.isPlaceholder,\n      })}\n    >\n      {segmentWithTranslatedPlaceholders.text}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBa,MAAA,WAAA,GAAc,CAAC,EAAE,OAAA,EAAS,YACrC,OAAQ,CAAA,IAAA,KAAS,SACf,mBAAA,KAAA,CAAA,aAAA,CAAC,gBAAD,EAAA;AAAA,EAAkB,OAAA;AAAA,CAAA,CAAA,uCAEjB,eAAD,EAAA;AAAA,EAAiB,OAAA;AAAA,EAAkB,KAAA;AAAA,CAAA,EAAA;AAGvC,MAAM,gBAAmB,GAAA,CAAC,EAAE,OAAA,EAAA,yCACzB,MAAD,EAAA;AAAA,EACE,aAAY,EAAA,MAAA;AAAA,EACZ,SAAA,EAAW,KAAK,MAAO,CAAA,8BAAA,CAAA,CAAA;AAAA,CAAA,EAEtB,OAAQ,CAAA,IAAA,CAAA,CAAA;AAIb,MAAM,eAAkB,GAAA,CAAC,EAAE,OAAA,EAAS,KAA8B,EAAA,KAAA;AAChE,EAAA,MAAM,MAAM,MAAO,CAAA,IAAA,CAAA,CAAA;AACnB,EAAA,MAAM,EAAE,YAAA,EAAA,GAAiB,cAAe,CAAA,OAAA,EAAS,KAAO,EAAA,GAAA,CAAA,CAAA;AACxD,EAAA,MAAM,EAAE,MAAW,EAAA,GAAA,SAAA,EAAA,CAAA;AACnB,EAAM,MAAA,iCAAA,GAAoC,uBACxC,OACA,EAAA,MAAA,CAAA,CAAA;AAGF,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,YADN,CAAA,EAAA;AAAA,IAEE,OAAO,YAAa,CAAA,KAAA;AAAA,IACpB,GAAA;AAAA,IACA,SAAA,EAAW,IAAK,CAAA,MAAA,CAAO,8BAAiC,CAAA,EAAA;AAAA,MACrD,CAAA,MAAA,CAAO,sCACN,CAAA,GAAA,CAAC,iCAAkC,CAAA,aAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,EAGtC,iCAAkC,CAAA,IAAA,CAAA,CAAA;AAAA,CAAA;;;;"}

package/build/esm/DateField/src/helpers.js

@@ -1,14 +0,0 @@
-const isEndDateBeforeStartDate = (dateRange) => dateRange && dateRange.end && dateRange.start && dateRange.end.compare(dateRange.start) < 0;
-const isDateOutsideValidRange = (value, minValue, maxValue) => {
-  if (value) {
-    if (minValue && value.compare(minValue) < 0) {
-      return "before";
-    }
-    if (maxValue && value.compare(maxValue) > 0) {
-      return "after";
-    }
-  }
-};
-
-export { isDateOutsideValidRange, isEndDateBeforeStartDate };
-//# sourceMappingURL=helpers.js.map

package/build/esm/DateField/src/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/DateField/src/helpers.ts"],"sourcesContent":["/**\n * The helpers in this file are meant for external use.\n * We're exporting these.\n */\nimport { DateValue } from '@react-aria/datepicker';\nimport { RangeValue } from '@react-types/shared';\n\nexport const isEndDateBeforeStartDate = (\n  dateRange?: RangeValue<DateValue> | null\n) =>\n  dateRange &&\n  dateRange.end &&\n  dateRange.start &&\n  dateRange.end.compare(dateRange.start) < 0;\n\nexport const isDateOutsideValidRange = (\n  value?: DateValue | null,\n  minValue?: DateValue | null,\n  maxValue?: DateValue | null\n) => {\n  if (value) {\n    if (minValue && value.compare(minValue) < 0) {\n      return 'before';\n    }\n    if (maxValue && value.compare(maxValue) > 0) {\n      return 'after';\n    }\n  }\n};\n"],"names":[],"mappings":"AAOO,MAAM,wBAA2B,GAAA,CACtC,SAEA,KAAA,SAAA,IACA,SAAU,CAAA,GAAA,IACV,SAAU,CAAA,KAAA,IACV,SAAU,CAAA,GAAA,CAAI,OAAQ,CAAA,SAAA,CAAU,KAAS,CAAA,GAAA,EAAA;AAEpC,MAAM,uBAA0B,GAAA,CACrC,KACA,EAAA,QAAA,EACA,QACG,KAAA;AACH,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,IAAI,QAAY,IAAA,KAAA,CAAM,OAAQ,CAAA,QAAA,CAAA,GAAY,CAAG,EAAA;AAC3C,MAAO,OAAA,QAAA,CAAA;AAAA,KAAA;AAET,IAAA,IAAI,QAAY,IAAA,KAAA,CAAM,OAAQ,CAAA,QAAA,CAAA,GAAY,CAAG,EAAA;AAC3C,MAAO,OAAA,OAAA,CAAA;AAAA,KAAA;AAAA,GAAA;AAAA;;;;"}

package/build/esm/DateField/src/useDateRangePickerState.js

@@ -1,57 +0,0 @@
-import { useDateRangePickerState as useDateRangePickerState$1 } from '@react-stately/datepicker';
-import { useRef } from 'react';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const useDateRangePickerState = (_a) => {
-  var _b = _a, {
-    onChange
-  } = _b, options = __objRest(_b, [
-    "onChange"
-  ]);
-  const lastPredefinedRange = useRef(void 0);
-  const state = useDateRangePickerState$1(__spreadProps(__spreadValues({}, options), {
-    onChange: (value) => {
-      onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
-      lastPredefinedRange.current = void 0;
-    }
-  }));
-  return __spreadProps(__spreadValues({}, state), {
-    setDateRange: (value, predefinedRange) => {
-      lastPredefinedRange.current = predefinedRange;
-      state.setDateRange(value);
-    }
-  });
-};
-
-export { useDateRangePickerState };
-//# sourceMappingURL=useDateRangePickerState.js.map

package/build/esm/DateField/src/useDateRangePickerState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDateRangePickerState.js","sources":["../../../../src/DateField/src/useDateRangePickerState.ts"],"sourcesContent":["import { useDateRangePickerState as originalUseDateRangePickerState } from '@react-stately/datepicker';\nimport type {\n  DateRangePickerStateOptions as OriginalDateRangePickerOptions,\n  DateRangePickerState as OriginalDateRangePickerState,\n} from '@react-stately/datepicker';\nimport { DateValue } from '@internationalized/date';\nimport { useRef } from 'react';\n\ntype OriginalOnChange<T extends DateValue> = NonNullable<\n  OriginalDateRangePickerOptions<T>['onChange']\n>;\n\nexport type DateRangePickerStateOptions<\n  T extends DateValue,\n  P extends string,\n  O extends OriginalOnChange<T> = OriginalOnChange<T>\n> = Omit<OriginalDateRangePickerOptions<T>, 'onChange'> & {\n  // We allow clearing the DateRangeField and thus have to allow a null value\n  // which is currently not part of the DateRangePickerProps type:\n  // https://unpkg.com/browse/@react-types/datepicker@3.5.0/src/index.d.ts#:~:text=ValueBase%3CRangeValue%3CT%3E%20%7C%20null%2C%20RangeValue%3CMappedDateValue%3CT%3E%3E\n  onChange?: (\n    value: Parameters<O>[0] | null,\n    predefinedRange?: P\n  ) => ReturnType<O>;\n};\n\ntype OriginalSetDate = OriginalDateRangePickerState['setDateRange'];\n\nexport type DateRangePickerState<P extends string> = Omit<\n  OriginalDateRangePickerState,\n  'setDateRange'\n> & {\n  setDateRange: (\n    value: Parameters<OriginalSetDate>[0],\n    predefinedRange?: P\n  ) => ReturnType<OriginalSetDate>;\n};\n\n/**\n * A wrapper to allow for the onChange callback to have extra info\n **/\nexport const useDateRangePickerState = <P extends string>({\n  onChange,\n  ...options\n}: DateRangePickerStateOptions<DateValue, P>): DateRangePickerState<P> => {\n  const lastPredefinedRange = useRef<P | undefined>(undefined);\n\n  const state = originalUseDateRangePickerState({\n    ...options,\n    onChange: (value) => {\n      onChange?.(value, lastPredefinedRange.current);\n      lastPredefinedRange.current = undefined;\n    },\n  });\n\n  return {\n    ...state,\n    setDateRange: (value, predefinedRange) => {\n      lastPredefinedRange.current = predefinedRange;\n      state.setDateRange(value);\n    },\n  };\n};\n"],"names":["originalUseDateRangePickerState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCa,MAAA,uBAAA,GAA0B,CAAmB,EAGgB,KAAA;AAHhB,EACxD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GADwD,GAAA,EAAA,EAErD,oBAFqD,EAErD,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,sBAAsB,MAAsB,CAAA,KAAA,CAAA,CAAA,CAAA;AAElD,EAAM,MAAA,KAAA,GAAQA,yBAAgC,CAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACzC,OADyC,CAAA,EAAA;AAAA,IAE5C,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAW,OAAO,mBAAoB,CAAA,OAAA,CAAA,CAAA;AACtC,MAAA,mBAAA,CAAoB,OAAU,GAAA,KAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAIlC,EAAA,OAAO,iCACF,KADE,CAAA,EAAA;AAAA,IAEL,YAAA,EAAc,CAAC,KAAA,EAAO,eAAoB,KAAA;AACxC,MAAA,mBAAA,CAAoB,OAAU,GAAA,eAAA,CAAA;AAC9B,MAAA,KAAA,CAAM,YAAa,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}