@pega/cosmos-react-core 2.2.0 → 2.2.1

package/lib/components/DateTime/Input/DateInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ClipboardEvent,\n  FunctionComponent,\n  forwardRef,\n  PropsWithoutRef,\n  Ref,\n  useRef,\n  RefObject,\n  ReactNode,\n  Dispatch,\n  SetStateAction,\n  useImperativeHandle,\n  useEffect\n} from 'react';\nimport styled from 'styled-components';\n\nimport { defaultThemeProp } from '../../../theme';\nimport { useConfiguration, useFocusWithin, useI18n } from '../../../hooks';\nimport { ForwardProps } from '../../../types';\nimport FormField from '../../FormField';\nimport Flex from '../../Flex';\nimport Button from '../../Button';\nimport Icon, { registerIcon } from '../../Icon';\nimport * as timesIcon from '../../Icon/icons/times.icon';\nimport * as calendarIcon from '../../Icon/icons/calendar.icon';\nimport DatePicker from '../Picker/DatePicker';\nimport Popover from '../../Popover';\nimport { StyledFormControl } from '../../FormControl';\nimport DateTimeProps, { DateTimeCallbackParameter } from '../DateTime.types';\n\nimport {\n  getDateFormat,\n  parsePastedTextToDate,\n  parseToDate,\n  validateDate,\n  generatePickerButtonAriaLabel\n} from './utils';\nimport StyledDateTime, { StyledInputContainer } from './DateTime.styles';\nimport useAutoFocusNextInput from './useAutoFocusNextInput';\nimport PartInput from './PartInput';\nimport usePickerButton from './usePickerButton';\n\nregisterIcon(timesIcon, calendarIcon);\n\nexport interface DateInputProps extends DateTimeProps {\n  /**\n   * Display additional column with week number in date picker popover.\n   * @default false\n   */\n  showWeekNumber?: boolean;\n  /** Changes default date picker */\n  picker?: ReactNode;\n}\n\nexport interface DateInputRefObject {\n  readonly value: Date | undefined;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  buttonEl: HTMLElement | null;\n}\n\nexport const StyledDateInput = styled(StyledDateTime)<DateInputProps>`\n  padding-inline-end: 0;\n`;\n\nStyledDateInput.defaultProps = defaultThemeProp;\n\nconst convertToCallbackParameter = (\n  date: Date,\n  parts: (string | undefined)[]\n): DateTimeCallbackParameter => {\n  if (parts.every(Boolean)) {\n    const [year, monthIndex, day] = parts.map(Number);\n\n    if (!validateDate(year, monthIndex + 1, day)) {\n      return {\n        valueAsISOString: '',\n        valueAsTimestamp: NaN,\n        state: 'invalid'\n      };\n    }\n\n    date.setUTCFullYear(year, monthIndex, day);\n    return {\n      valueAsISOString: date.toISOString(),\n      valueAsTimestamp: date.getTime()\n    };\n  }\n  if (parts.every(p => !p)) {\n    return {\n      valueAsISOString: '',\n      valueAsTimestamp: undefined\n    };\n  }\n  return {\n    valueAsISOString: '',\n    valueAsTimestamp: NaN,\n    state: 'incomplete'\n  };\n};\n\nconst DateInput: FunctionComponent<DateInputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<DateInputProps>, ref: Ref<DateInputRefObject>) => {\n    const { locale } = useConfiguration();\n    const {\n      defaultValue,\n      value = defaultValue,\n      min,\n      max,\n      id,\n      label,\n      labelHidden,\n      info = getDateFormat(locale).join(''),\n      status,\n      required,\n      readOnly,\n      disabled,\n      onChange,\n      onFocus,\n      onBlur,\n      showWeekNumber,\n      picker,\n      autoFocus,\n      ...restProps\n    } = props;\n\n    const t = useI18n();\n\n    const date = value !== undefined ? parseToDate(value) : undefined;\n\n    const [yearInputRef, monthInputRef, dayInputRef] = [\n      useRef<HTMLInputElement>(null),\n      useRef<HTMLInputElement>(null),\n      useRef<HTMLInputElement>(null)\n    ];\n\n    const pickParts = () => {\n      const month = monthInputRef.current?.value\n        ? (Number(monthInputRef.current.value) - 1).toString()\n        : undefined;\n      return [\n        yearInputRef.current?.value || undefined,\n        month,\n        dayInputRef.current?.value || undefined\n      ];\n    };\n\n    const currentlySelectedDate = () => {\n      const parts = pickParts();\n      if (parts.every(Boolean)) {\n        const [year, monthIndex, day] = parts.map(Number);\n\n        return validateDate(year, monthIndex + 1, day)\n          ? new Date(Date.UTC(year, monthIndex, day))\n          : undefined;\n      }\n    };\n\n    const inputContainerRef = useRef<HTMLDivElement>(null);\n\n    const onFocusChange = (focused: boolean) => {\n      const callbackParam = convertToCallbackParameter(\n        date ? new Date(date) : new Date(),\n        pickParts()\n      );\n      if (onFocus && focused) onFocus(callbackParam);\n      if (!focused) {\n        if (inputContainerRef.current) inputContainerRef.current.scrollTop = 0;\n        onBlur?.(callbackParam);\n      }\n    };\n\n    const [open, setOpen, , setPopoverRef, buttonEl, setButtonEl] = usePickerButton();\n\n    const onInputChange = () => {\n      onChange?.(convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts()));\n      buttonEl?.setAttribute(\n        'aria-label',\n        generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open)\n      );\n    };\n\n    const setInputValue = (newValue: Date) => {\n      dayInputRef.current!.value = newValue.getUTCDate().toString().padStart(2, '0');\n      monthInputRef.current!.value = (newValue.getUTCMonth() + 1).toString().padStart(2, '0');\n      yearInputRef.current!.value = newValue.getUTCFullYear().toString();\n    };\n\n    const onPaste = (e: ClipboardEvent) => {\n      const text = e.clipboardData.getData('text');\n      const newDate = parsePastedTextToDate(text, locale, date || new Date());\n      if (newDate) {\n        e.preventDefault();\n        setInputValue(newDate);\n        onInputChange();\n      }\n    };\n\n    const DayInput = (\n      <PartInput\n        key='day'\n        placeholder={t('day_placeholder')}\n        aria-label={t('day_label_a11y')}\n        value={date?.getUTCDate()}\n        onChange={onInputChange}\n        size={2}\n        maxLength={2}\n        readOnly={readOnly}\n        min={1}\n        max={31}\n        ref={dayInputRef}\n      />\n    );\n\n    const MonthInput = (\n      <PartInput\n        key='month'\n        placeholder={t('month_placeholder')}\n        aria-label={t('month_label_a11y')}\n        value={date ? date?.getUTCMonth() + 1 : undefined}\n        onChange={onInputChange}\n        size={2}\n        maxLength={2}\n        readOnly={readOnly}\n        min={1}\n        max={12}\n        ref={monthInputRef}\n      />\n    );\n\n    const YearInput = (\n      <PartInput\n        key='year'\n        placeholder={t('year_placeholder')}\n        aria-label={t('year_label_a11y')}\n        value={date?.getUTCFullYear()}\n        onChange={onInputChange}\n        size={4}\n        maxLength={4}\n        readOnly={readOnly}\n        min={1}\n        ref={yearInputRef}\n      />\n    );\n\n    const containerRef = useRef<HTMLElement>(null);\n    useFocusWithin([containerRef], onFocusChange);\n\n    useImperativeHandle(ref, () => ({\n      setOpen,\n      buttonEl,\n      get value() {\n        return currentlySelectedDate();\n      }\n    }));\n\n    const Picker = (\n      <DatePicker\n        selected={currentlySelectedDate()}\n        onChange={selected => {\n          setInputValue(selected);\n          setOpen(false);\n          setTimeout(() => buttonEl?.focus());\n          onInputChange();\n        }}\n        min={min}\n        max={max}\n        showWeekNumber={showWeekNumber}\n      />\n    );\n\n    const PickerButton = (\n      <>\n        <Button\n          variant='simple'\n          icon\n          ref={setButtonEl}\n          onClick={() => setOpen(cur => !cur)}\n          aria-label={generatePickerButtonAriaLabel(\n            currentlySelectedDate(),\n            'date',\n            locale,\n            t,\n            open\n          )}\n          readOnly={readOnly}\n          disabled={disabled}\n        >\n          <Icon name={open ? 'times' : 'calendar'} />\n        </Button>\n\n        <Popover\n          show={open}\n          ref={setPopoverRef}\n          target={containerRef.current}\n          placement='bottom-end'\n          strategy='fixed'\n          modifiers={[\n            {\n              name: 'flip',\n              options: {\n                fallbackPlacements: ['top-end', 'right', 'left']\n              }\n            }\n          ]}\n        >\n          {picker || Picker}\n        </Popover>\n      </>\n    );\n\n    const orderedRefs: RefObject<HTMLInputElement>[] = [];\n\n    const Comp = (\n      <Flex\n        as={StyledDateInput}\n        forwardedAs={StyledFormControl}\n        container={{ alignItems: 'center', wrap: 'nowrap' }}\n        status={status}\n        readOnly={readOnly}\n        disabled={disabled}\n        ref={containerRef}\n        onClick={(e: MouseEvent) => {\n          if (e.target === containerRef.current) orderedRefs[0].current?.focus();\n        }}\n        {...restProps}\n      >\n        <Flex\n          ref={inputContainerRef}\n          as={StyledInputContainer}\n          container={{ alignItems: 'center', wrap: 'wrap' }}\n          onPaste={onPaste}\n        >\n          {getDateFormat(locale).map(part => {\n            switch (part) {\n              case 'DD':\n                orderedRefs.push(dayInputRef);\n                return DayInput;\n              case 'MM':\n                orderedRefs.push(monthInputRef);\n                return MonthInput;\n              case 'YYYY':\n                orderedRefs.push(yearInputRef);\n                return YearInput;\n              default:\n                return part;\n            }\n          })}\n        </Flex>\n        {!readOnly && PickerButton}\n      </Flex>\n    );\n\n    useEffect(() => {\n      if (autoFocus) orderedRefs[0].current?.focus();\n    }, [autoFocus]);\n\n    useAutoFocusNextInput(orderedRefs);\n\n    return label ? (\n      <FormField\n        as='fieldset'\n        labelAs='legend'\n        {...{ label, labelHidden, id, info, status, required, disabled }}\n        ref={ref}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default DateInput;\n"]}

package/lib/components/DateTime/Input/DateRangeInput.d.ts

@@ -1,41 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ForwardProps } from '../../../types';
-import { FormControlProps } from '../../FormControl';
-import { DateRangeCallbackValue } from '../types';
-import type { DateTimeProperties } from '../DateTime.types';
-export interface DateRangeInputProps extends DateTimeProperties {
-    /**
-     * Display additional column with week number in date picker popover.
-     * @default false
-     */
-    showWeekNumber?: boolean;
-    /**
-     * Pass a string or a fragment with an Icon and string for first part of DataRangeInput.
-     */
-    fromLabel: FormControlProps['label'];
-    /**
-     * Pass a string or a fragment with an Icon and string for second part of DataRangeInput.
-     */
-    toLabel: FormControlProps['label'];
-    /**
-     * Date as ISO8601 string, timestamp or native Date object. Requires onChange prop to update value for controlled inputs.
-     *
-     */
-    fromValue?: string | number | Date;
-    /**
-     * Date as ISO8601 string, timestamp or native Date object. Requires onChange prop to update value for controlled inputs.
-     *
-     */
-    toValue?: string | number | Date;
-    /** Callback fired when input value changes. */
-    onChange?: (value: DateRangeCallbackValue) => void;
-    /** Callback fired when the component gets focused. */
-    onFocus?: (value: DateRangeCallbackValue) => void;
-    /** Callback fired when the component loses focus. */
-    onBlur?: (value: DateRangeCallbackValue) => void;
-    /** Automatically focuses the input on render. */
-    autoFocus?: boolean;
-}
-declare const DateRangeInput: FunctionComponent<DateRangeInputProps & ForwardProps>;
-export default DateRangeInput;
-//# sourceMappingURL=DateRangeInput.d.ts.map

package/lib/components/DateTime/Input/DateRangeInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateRangeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAQlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,EAAE,sBAAsB,EAAyB,MAAM,UAAU,CAAC;AAGzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAM5D,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAErC;;OAEG;IACH,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAEnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACnD,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAClD,qDAAqD;IACrD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACjD,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAgFD,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CA2KzE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/DateTime/Input/DateRangeInput.js

@@ -1,154 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, forwardRef, useReducer, useCallback } from 'react';
-import styled, { css } from 'styled-components';
-import { useConsolidatedRef, useDirection, useFocusWithin } from '../../../hooks';
-import { defaultThemeProp } from '../../../theme';
-import Flex from '../../Flex';
-import { StyledFormField } from '../../FormField/FormField';
-import DateRangePicker from '../Picker/DateRangePicker';
-import DatePicker from '../Picker/DatePicker';
-import DateInput from './DateInput';
-import { parseToDate } from './utils';
-import StyledDateInput from './DateTime.styles';
-const StyledDateRangeInput = styled.div(props => {
-    const { theme: { components: { input } } } = props;
-    const { start, end } = useDirection();
-    return css `
-    border: 0;
-    min-width: min-content;
-    ${StyledDateInput} {
-      min-width: 50%;
-    }
-    ${StyledFormField} {
-      &:first-child > ${StyledDateInput} {
-        border-top-${end}-radius: 0;
-        border-bottom-${end}-radius: 0;
-      }
-      &:last-child > ${StyledDateInput} {
-        border-top-${start}-radius: 0;
-        border-bottom-${start}-radius: 0;
-        margin-inline-start: -${input['border-width']};
-      }
-      &:focus,
-      &:hover,
-      &:focus-within {
-        z-index: 2;
-      }
-    }
-  `;
-});
-StyledDateRangeInput.defaultProps = defaultThemeProp;
-const convertStateToCallbackParam = (v) => {
-    return {
-        valueAsISOString: v === undefined || Number.isNaN(v) ? '' : new Date(v).toISOString(),
-        valueAsTimestamp: v
-    };
-};
-const convertToCallbackParameter = (state) => {
-    return {
-        start: convertStateToCallbackParam(state[0]),
-        end: convertStateToCallbackParam(state[1])
-    };
-};
-const reducer = (prevState, action) => {
-    switch (action.type) {
-        case 'start': {
-            return [action.value, prevState[1]];
-        }
-        case 'end': {
-            return [prevState[0], action.value];
-        }
-        default:
-            return prevState;
-    }
-};
-const getSelected = (first, second) => {
-    const selected = first ?? second;
-    return selected ? parseToDate(selected) : undefined;
-};
-const parseValueToDate = (value) => {
-    return value ? parseToDate(value) : undefined;
-};
-const DateRangeInput = forwardRef((props, ref) => {
-    const { fromValue, toValue, min, max, fromLabel, toLabel, labelHidden, status, required, readOnly, disabled, onChange, onFocus, onBlur, showWeekNumber, autoFocus, ...restProps } = props;
-    const [state, dispatch] = useReducer(reducer, [
-        parseValueToDate(fromValue)?.getTime(),
-        parseValueToDate(toValue)?.getTime()
-    ]);
-    const startDateInputRef = useRef(null);
-    const endDateInputRef = useRef(null);
-    useEffect(() => {
-        onChange?.(convertToCallbackParameter(state));
-    }, [state[0], state[1]]);
-    const onFocusChange = useCallback((focused) => {
-        (focused ? onFocus : onBlur)?.(convertToCallbackParameter(state));
-    }, [onFocus, onBlur, state]);
-    const containerRef = useConsolidatedRef(ref);
-    useFocusWithin([containerRef], onFocusChange);
-    const onStartDateChange = (selectedDate) => {
-        if (state[1] && selectedDate.getTime() > state[1]) {
-            dispatch({ type: 'start', value: state[1] });
-            dispatch({ type: 'end', value: selectedDate.getTime() });
-        }
-        else {
-            dispatch({ type: 'start', value: selectedDate.getTime() });
-        }
-        startDateInputRef.current?.setOpen(false);
-        endDateInputRef.current?.setOpen(true);
-    };
-    const onEndDateChange = (selectedDate) => {
-        if (state[0] && selectedDate.getTime() < state[0]) {
-            dispatch({ type: 'start', value: selectedDate.getTime() });
-            dispatch({ type: 'end', value: state[0] });
-        }
-        else {
-            dispatch({ type: 'end', value: selectedDate.getTime() });
-        }
-        endDateInputRef.current?.setOpen(false);
-        endDateInputRef.current?.buttonEl?.focus();
-    };
-    const getSelectedRange = () => {
-        const startDate = parseValueToDate(state[0]);
-        const endDate = parseValueToDate(state[1]);
-        if (startDate && endDate && startDate > endDate)
-            return undefined;
-        return {
-            startDate: startDate ? parseValueToDate(startDate) : undefined,
-            endDate: endDate ? parseValueToDate(endDate) : undefined
-        };
-    };
-    const startPicker = !(state[0] && !state[1]) ? (_jsx(DateRangePicker, { selected: getSelected(state[0], state[1]), selectedRange: getSelectedRange(), onChange: onStartDateChange, min: min, max: max, showWeekNumber: showWeekNumber }, void 0)) : (_jsx(DatePicker, { selected: parseValueToDate(state[0]), onChange: onStartDateChange, min: min, max: max, showWeekNumber: showWeekNumber }, void 0));
-    const endPicker = !(!state[0] && state[1]) ? (_jsx(DateRangePicker, { selected: getSelected(state[1], state[0]), selectedRange: getSelectedRange(), onChange: onEndDateChange, min: min, max: max, showWeekNumber: showWeekNumber }, void 0)) : (_jsx(DatePicker, { selected: parseValueToDate(state[1]), onChange: onEndDateChange, min: min, max: max, showWeekNumber: showWeekNumber }, void 0));
-    const fromProps = {
-        value: state[0],
-        label: fromLabel,
-        labelHidden,
-        ...{
-            required,
-            readOnly,
-            disabled,
-            min,
-            max,
-            status,
-            autoFocus
-        },
-        info: props.info
-    };
-    const toProps = {
-        value: state[1],
-        label: toLabel,
-        labelHidden,
-        ...{
-            required,
-            readOnly,
-            disabled,
-            min,
-            max,
-            status
-        },
-        info: props.info
-    };
-    return (_jsxs(Flex, { as: StyledDateRangeInput, container: { wrap: 'nowrap' }, ...restProps, ref: containerRef, children: [_jsx(DateInput, { ...fromProps, ref: startDateInputRef, picker: startPicker, onChange: changedValue => dispatch({ type: 'start', value: changedValue.valueAsTimestamp }) }, void 0), _jsx(DateInput, { ...toProps, ref: endDateInputRef, picker: endPicker, onChange: changedValue => dispatch({ type: 'end', value: changedValue.valueAsTimestamp }) }, void 0)] }, void 0));
-});
-export default DateRangeInput;
-//# sourceMappingURL=DateRangeInput.js.map

package/lib/components/DateTime/Input/DateRangeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateRangeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FunctionComponent,\n  useEffect,\n  useRef,\n  forwardRef,\n  PropsWithoutRef,\n  Ref,\n  useReducer,\n  useCallback\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { useConsolidatedRef, useDirection, useFocusWithin } from '../../../hooks';\nimport { ForwardProps } from '../../../types';\nimport { defaultThemeProp } from '../../../theme';\nimport { FormControlProps } from '../../FormControl';\nimport Flex from '../../Flex';\nimport { StyledFormField } from '../../FormField/FormField';\nimport { DateRangeCallbackValue, DateTimeCallbackValue } from '../types';\nimport DateRangePicker from '../Picker/DateRangePicker';\nimport DatePicker from '../Picker/DatePicker';\nimport type { DateTimeProperties } from '../DateTime.types';\n\nimport DateInput, { DateInputRefObject } from './DateInput';\nimport { parseToDate } from './utils';\nimport StyledDateInput from './DateTime.styles';\n\nexport interface DateRangeInputProps extends DateTimeProperties {\n  /**\n   * Display additional column with week number in date picker popover.\n   * @default false\n   */\n  showWeekNumber?: boolean;\n\n  /**\n   * Pass a string or a fragment with an Icon and string for first part of DataRangeInput.\n   */\n  fromLabel: FormControlProps['label'];\n\n  /**\n   * Pass a string or a fragment with an Icon and string for second part of DataRangeInput.\n   */\n  toLabel: FormControlProps['label'];\n\n  /**\n   * Date as ISO8601 string, timestamp or native Date object. Requires onChange prop to update value for controlled inputs.\n   *\n   */\n  fromValue?: string | number | Date;\n\n  /**\n   * Date as ISO8601 string, timestamp or native Date object. Requires onChange prop to update value for controlled inputs.\n   *\n   */\n  toValue?: string | number | Date;\n  /** Callback fired when input value changes. */\n  onChange?: (value: DateRangeCallbackValue) => void;\n  /** Callback fired when the component gets focused. */\n  onFocus?: (value: DateRangeCallbackValue) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value: DateRangeCallbackValue) => void;\n  /** Automatically focuses the input on render. */\n  autoFocus?: boolean;\n}\n\nconst StyledDateRangeInput = styled.div<DateRangeInputProps>(props => {\n  const {\n    theme: {\n      components: { input }\n    }\n  } = props;\n\n  const { start, end } = useDirection();\n\n  return css`\n    border: 0;\n    min-width: min-content;\n    ${StyledDateInput} {\n      min-width: 50%;\n    }\n    ${StyledFormField} {\n      &:first-child > ${StyledDateInput} {\n        border-top-${end}-radius: 0;\n        border-bottom-${end}-radius: 0;\n      }\n      &:last-child > ${StyledDateInput} {\n        border-top-${start}-radius: 0;\n        border-bottom-${start}-radius: 0;\n        margin-inline-start: -${input['border-width']};\n      }\n      &:focus,\n      &:hover,\n      &:focus-within {\n        z-index: 2;\n      }\n    }\n  `;\n});\n\nStyledDateRangeInput.defaultProps = defaultThemeProp;\n\ntype DateRepresentable = string | number | Date;\n\ntype State = [start?: number, end?: number];\n\nconst convertStateToCallbackParam = (v?: number): DateTimeCallbackValue => {\n  return {\n    valueAsISOString: v === undefined || Number.isNaN(v) ? '' : new Date(v).toISOString(),\n    valueAsTimestamp: v\n  };\n};\n\nconst convertToCallbackParameter = (state: State) => {\n  return {\n    start: convertStateToCallbackParam(state[0]),\n    end: convertStateToCallbackParam(state[1])\n  };\n};\n\ntype DateRangeAction = { type: 'start' | 'end'; value?: number };\n\nconst reducer = (prevState: State, action: DateRangeAction): State => {\n  switch (action.type) {\n    case 'start': {\n      return [action.value, prevState[1]];\n    }\n    case 'end': {\n      return [prevState[0], action.value];\n    }\n    default:\n      return prevState;\n  }\n};\n\nconst getSelected = (first: number | undefined, second: number | undefined) => {\n  const selected = first ?? second;\n  return selected ? parseToDate(selected) : undefined;\n};\n\nconst parseValueToDate = (value: DateRepresentable | undefined) => {\n  return value ? parseToDate(value) : undefined;\n};\n\nconst DateRangeInput: FunctionComponent<DateRangeInputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<DateRangeInputProps>, ref: Ref<HTMLDivElement>) => {\n    const {\n      fromValue,\n      toValue,\n      min,\n      max,\n      fromLabel,\n      toLabel,\n      labelHidden,\n      status,\n      required,\n      readOnly,\n      disabled,\n      onChange,\n      onFocus,\n      onBlur,\n      showWeekNumber,\n      autoFocus,\n      ...restProps\n    } = props;\n\n    const [state, dispatch] = useReducer(reducer, [\n      parseValueToDate(fromValue)?.getTime(),\n      parseValueToDate(toValue)?.getTime()\n    ]);\n\n    const startDateInputRef = useRef<DateInputRefObject>(null);\n    const endDateInputRef = useRef<DateInputRefObject>(null);\n\n    useEffect(() => {\n      onChange?.(convertToCallbackParameter(state));\n    }, [state[0], state[1]]);\n\n    const onFocusChange = useCallback(\n      (focused: boolean) => {\n        (focused ? onFocus : onBlur)?.(convertToCallbackParameter(state));\n      },\n      [onFocus, onBlur, state]\n    );\n\n    const containerRef = useConsolidatedRef(ref);\n    useFocusWithin([containerRef], onFocusChange);\n\n    const onStartDateChange = (selectedDate: Date) => {\n      if (state[1] && selectedDate.getTime() > state[1]) {\n        dispatch({ type: 'start', value: state[1] });\n        dispatch({ type: 'end', value: selectedDate.getTime() });\n      } else {\n        dispatch({ type: 'start', value: selectedDate.getTime() });\n      }\n      startDateInputRef.current?.setOpen(false);\n      endDateInputRef.current?.setOpen(true);\n    };\n\n    const onEndDateChange = (selectedDate: Date) => {\n      if (state[0] && selectedDate.getTime() < state[0]) {\n        dispatch({ type: 'start', value: selectedDate.getTime() });\n        dispatch({ type: 'end', value: state[0] });\n      } else {\n        dispatch({ type: 'end', value: selectedDate.getTime() });\n      }\n      endDateInputRef.current?.setOpen(false);\n      endDateInputRef.current?.buttonEl?.focus();\n    };\n\n    const getSelectedRange = () => {\n      const startDate = parseValueToDate(state[0]);\n      const endDate = parseValueToDate(state[1]);\n\n      if (startDate && endDate && startDate > endDate) return undefined;\n\n      return {\n        startDate: startDate ? parseValueToDate(startDate) : undefined,\n        endDate: endDate ? parseValueToDate(endDate) : undefined\n      };\n    };\n\n    const startPicker = !(state[0] && !state[1]) ? (\n      <DateRangePicker\n        selected={getSelected(state[0], state[1])}\n        selectedRange={getSelectedRange()}\n        onChange={onStartDateChange}\n        min={min}\n        max={max}\n        showWeekNumber={showWeekNumber}\n      />\n    ) : (\n      <DatePicker\n        selected={parseValueToDate(state[0])}\n        onChange={onStartDateChange}\n        min={min}\n        max={max}\n        showWeekNumber={showWeekNumber}\n      />\n    );\n\n    const endPicker = !(!state[0] && state[1]) ? (\n      <DateRangePicker\n        selected={getSelected(state[1], state[0])}\n        selectedRange={getSelectedRange()}\n        onChange={onEndDateChange}\n        min={min}\n        max={max}\n        showWeekNumber={showWeekNumber}\n      />\n    ) : (\n      <DatePicker\n        selected={parseValueToDate(state[1])}\n        onChange={onEndDateChange}\n        min={min}\n        max={max}\n        showWeekNumber={showWeekNumber}\n      />\n    );\n\n    const fromProps = {\n      value: state[0],\n      label: fromLabel,\n      labelHidden,\n      ...{\n        required,\n        readOnly,\n        disabled,\n        min,\n        max,\n        status,\n        autoFocus\n      },\n      info: props.info\n    };\n\n    const toProps = {\n      value: state[1],\n      label: toLabel,\n      labelHidden,\n      ...{\n        required,\n        readOnly,\n        disabled,\n        min,\n        max,\n        status\n      },\n      info: props.info\n    };\n\n    return (\n      <Flex\n        as={StyledDateRangeInput}\n        container={{ wrap: 'nowrap' }}\n        {...restProps}\n        ref={containerRef}\n      >\n        <DateInput\n          {...fromProps}\n          ref={startDateInputRef}\n          picker={startPicker}\n          onChange={changedValue =>\n            dispatch({ type: 'start', value: changedValue.valueAsTimestamp })\n          }\n        />\n        <DateInput\n          {...toProps}\n          ref={endDateInputRef}\n          picker={endPicker}\n          onChange={changedValue => dispatch({ type: 'end', value: changedValue.valueAsTimestamp })}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default DateRangeInput;\n"]}

package/lib/components/DateTime/Input/DateTime.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const BareInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const StyledDateTime: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export default StyledDateTime;
-//# sourceMappingURL=DateTime.styles.d.ts.map

package/lib/components/DateTime/Input/DateTime.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTime.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateTime.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,2GA0CpB,CAAC;AAIH,eAAO,MAAM,oBAAoB,yGAwBhC,CAAC;AAEF,QAAA,MAAM,cAAc,yGAuDlB,CAAC;AAIH,eAAe,cAAc,CAAC"}

package/lib/components/DateTime/Input/DateTime.styles.js

@@ -1,115 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../../theme';
-import { StyledButton } from '../../Button';
-import { StyledPopover } from '../../Popover/Popover.styles';
-import { StyledSelect } from '../../Select/Select';
-export const BareInput = styled.input(({ theme, size }) => {
-    return css `
-    color: ${theme.components['form-control']['foreground-color']};
-    border: 0;
-    outline: none;
-    width: ${size}ch;
-    background-color: transparent;
-    text-align: end;
-    margin-inline-end: 0.125rem;
-    height: inherit;
-
-    &::placeholder {
-      font-size: 0.6em;
-      text-align: center;
-      transform: translateY(-0.35ex);
-    }
-
-    &:last-child {
-      text-align: start;
-    }
-
-    &:nth-child(3) {
-      text-align: start;
-      &::placeholder {
-        text-align: start;
-      }
-    }
-
-    ::-webkit-outer-spin-button,
-    ::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-    &[type='number'] {
-      -moz-appearance: textfield;
-    }
-
-    :not(:first-child) {
-      margin-inline-start: 0.125rem;
-    }
-  `;
-});
-BareInput.defaultProps = defaultThemeProp;
-export const StyledInputContainer = styled.div `
-  height: inherit;
-  overflow: hidden;
-
-  > ${StyledSelect} {
-    border: 0;
-    background-color: transparent;
-    color: currentcolor;
-    opacity: 1;
-    width: max-content;
-
-    &:focus:not([readonly]):enabled {
-      box-shadow: none;
-      font-weight: ${p => p.theme.base['font-weight']['semi-bold']};
-    }
-
-    option {
-      font-weight: ${p => p.theme.base['font-weight'].normal};
-    }
-
-    @media (pointer: coarse) {
-      min-height: inherit;
-    }
-  }
-`;
-const StyledDateTime = styled.div(props => {
-    const { theme: { base: { 'font-family': fontFamily, spacing, 'border-radius': baseBorderRadius, 'hit-area': hitArea }, components: { input: { height }, 'form-control': { 'border-radius': formBorderRadius, 'foreground-color': fgColor, 'border-width': borderWidth, ':focus': { 'border-color': focusBorderColor, 'box-shadow': shadow } } } } } = props;
-    return css `
-    min-width: min-content;
-    height: ${height};
-    min-height: ${hitArea['mouse-min']};
-    outline: none;
-    padding: 0 ${spacing};
-
-    @media (pointer: coarse) {
-      min-height: ${hitArea['finger-min']};
-    }
-
-    &:focus-within:not([readonly]):not([disabled]) {
-      border-color: ${focusBorderColor};
-      box-shadow: ${shadow};
-    }
-
-    > ${StyledButton} {
-      border-radius: calc(${baseBorderRadius} * ${formBorderRadius});
-      margin-inline-start: auto;
-      border: 0;
-      &:enabled {
-        color: ${fgColor};
-      }
-      min-height: calc(${height} - 2 * ${borderWidth});
-      height: calc(${height} - 2 * ${borderWidth});
-      @media (pointer: coarse) {
-        min-height: calc(${hitArea['finger-min']} - 2 * ${borderWidth});
-      }
-    }
-
-    ${StyledPopover},
-    ${StyledSelect} {
-      font-family: ${fontFamily};
-    }
-  `;
-});
-StyledDateTime.defaultProps = defaultThemeProp;
-export default StyledDateTime;
-//# sourceMappingURL=DateTime.styles.js.map

package/lib/components/DateTime/Input/DateTime.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTime.styles.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateTime.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACxD,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,kBAAkB,CAAC;;;aAGpD,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;MAIxC,YAAY;;;;;;;;;qBASG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;;;;qBAI7C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM;;;;;;;CAO3D,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;IACxC,MAAM,EACJ,KAAK,EAAE,EACL,IAAI,EAAE,EACJ,aAAa,EAAE,UAAU,EACzB,OAAO,EACP,eAAe,EAAE,gBAAgB,EACjC,UAAU,EAAE,OAAO,EACpB,EACD,UAAU,EAAE,EACV,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,cAAc,EAAE,EACd,eAAe,EAAE,gBAAgB,EACjC,kBAAkB,EAAE,OAAO,EAC3B,cAAc,EAAE,WAAW,EAC3B,QAAQ,EAAE,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,EACrE,EACF,EACF,EACF,GAAG,KAAK,CAAC;IACV,OAAO,GAAG,CAAA;;cAEE,MAAM;kBACF,OAAO,CAAC,WAAW,CAAC;;iBAErB,OAAO;;;oBAGJ,OAAO,CAAC,YAAY,CAAC;;;;sBAInB,gBAAgB;oBAClB,MAAM;;;QAGlB,YAAY;4BACQ,gBAAgB,MAAM,gBAAgB;;;;iBAIjD,OAAO;;yBAEC,MAAM,UAAU,WAAW;qBAC/B,MAAM,UAAU,WAAW;;2BAErB,OAAO,CAAC,YAAY,CAAC,UAAU,WAAW;;;;MAI/D,aAAa;MACb,YAAY;qBACG,UAAU;;GAE5B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE/C,eAAe,cAAc,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../../theme';\nimport { StyledButton } from '../../Button';\nimport { StyledPopover } from '../../Popover/Popover.styles';\nimport { StyledSelect } from '../../Select/Select';\n\nexport const BareInput = styled.input(({ theme, size }) => {\n  return css`\n    color: ${theme.components['form-control']['foreground-color']};\n    border: 0;\n    outline: none;\n    width: ${size}ch;\n    background-color: transparent;\n    text-align: end;\n    margin-inline-end: 0.125rem;\n    height: inherit;\n\n    &::placeholder {\n      font-size: 0.6em;\n      text-align: center;\n      transform: translateY(-0.35ex);\n    }\n\n    &:last-child {\n      text-align: start;\n    }\n\n    &:nth-child(3) {\n      text-align: start;\n      &::placeholder {\n        text-align: start;\n      }\n    }\n\n    ::-webkit-outer-spin-button,\n    ::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n\n    &[type='number'] {\n      -moz-appearance: textfield;\n    }\n\n    :not(:first-child) {\n      margin-inline-start: 0.125rem;\n    }\n  `;\n});\n\nBareInput.defaultProps = defaultThemeProp;\n\nexport const StyledInputContainer = styled.div`\n  height: inherit;\n  overflow: hidden;\n\n  > ${StyledSelect} {\n    border: 0;\n    background-color: transparent;\n    color: currentcolor;\n    opacity: 1;\n    width: max-content;\n\n    &:focus:not([readonly]):enabled {\n      box-shadow: none;\n      font-weight: ${p => p.theme.base['font-weight']['semi-bold']};\n    }\n\n    option {\n      font-weight: ${p => p.theme.base['font-weight'].normal};\n    }\n\n    @media (pointer: coarse) {\n      min-height: inherit;\n    }\n  }\n`;\n\nconst StyledDateTime = styled.div(props => {\n  const {\n    theme: {\n      base: {\n        'font-family': fontFamily,\n        spacing,\n        'border-radius': baseBorderRadius,\n        'hit-area': hitArea\n      },\n      components: {\n        input: { height },\n        'form-control': {\n          'border-radius': formBorderRadius,\n          'foreground-color': fgColor,\n          'border-width': borderWidth,\n          ':focus': { 'border-color': focusBorderColor, 'box-shadow': shadow }\n        }\n      }\n    }\n  } = props;\n  return css`\n    min-width: min-content;\n    height: ${height};\n    min-height: ${hitArea['mouse-min']};\n    outline: none;\n    padding: 0 ${spacing};\n\n    @media (pointer: coarse) {\n      min-height: ${hitArea['finger-min']};\n    }\n\n    &:focus-within:not([readonly]):not([disabled]) {\n      border-color: ${focusBorderColor};\n      box-shadow: ${shadow};\n    }\n\n    > ${StyledButton} {\n      border-radius: calc(${baseBorderRadius} * ${formBorderRadius});\n      margin-inline-start: auto;\n      border: 0;\n      &:enabled {\n        color: ${fgColor};\n      }\n      min-height: calc(${height} - 2 * ${borderWidth});\n      height: calc(${height} - 2 * ${borderWidth});\n      @media (pointer: coarse) {\n        min-height: calc(${hitArea['finger-min']} - 2 * ${borderWidth});\n      }\n    }\n\n    ${StyledPopover},\n    ${StyledSelect} {\n      font-family: ${fontFamily};\n    }\n  `;\n});\n\nStyledDateTime.defaultProps = defaultThemeProp;\n\nexport default StyledDateTime;\n"]}

package/lib/components/DateTime/Input/DateTimeInput.d.ts

@@ -1,30 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ForwardProps } from '../../../types';
-import { MinuteInterval } from '../Picker/TimePicker';
-import DateTimeProps from '../DateTime.types';
-import { ClockFormat } from './utils';
-export interface DateTimeInputProps extends DateTimeProps {
-    /**
-     * Display the time with seconds.
-     * @default false
-     */
-    withSeconds?: boolean;
-    /**
-     * Display additional column with week number in date picker popover.
-     * @default false
-     */
-    showWeekNumber?: boolean;
-    /**
-     * Defines interval for time picker options (in minutes).
-     * @default 30
-     */
-    pickerInterval?: MinuteInterval;
-    /**
-     * Defines clock format that overrides locale based format.
-     */
-    clockFormat?: ClockFormat;
-}
-export declare const StyledDateTimeInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DateTimeInputProps, never>;
-declare const DateTimeInput: FunctionComponent<DateTimeInputProps & ForwardProps>;
-export default DateTimeInput;
-//# sourceMappingURL=DateTimeInput.d.ts.map

package/lib/components/DateTime/Input/DateTimeInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAY9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,aAA4C,MAAM,mBAAmB,CAAC;AAG7E,OAAO,EACL,WAAW,EASZ,MAAM,SAAS,CAAC;AAQjB,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,yHAc9B,CAAC;AAiFH,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CA8fvE,CAAC;AAEF,eAAe,aAAa,CAAC"}