@pushwoosh/dumb-components 2.12.2 → 3.0.0

package/index.d.ts

@@ -8,7 +8,6 @@ export { CrashScreen } from './CrashScreen';
 export { Divider } from './Divider';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs, } from './Drawer';
 export { CalendarSuperForm, CalendarDropdown, addPeriod, compareStructs, dateToStruct, dateToStructTz, getTimezoneOffset, getPeriodEnd, getPeriodStart, structToDate, structToDateTz, stringifyValue, pickDateStruct, type CalendarDropdownProps, type CalendarDropdownRangeDateProps, type CalendarSuperFormProps, type DateStruct, type RangeValue, } from './Calendar';
-export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField, } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem, DropdownMenuSubmenu, } from './DropdownMenu';
 export { GetStartedPage } from './GetStartedPage';
 export { EditableField } from './EditableField';

package/index.js

@@ -8,7 +8,6 @@ export { CrashScreen } from './CrashScreen';
 export { Divider } from './Divider';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs } from './Drawer';
 export { CalendarSuperForm, CalendarDropdown, addPeriod, compareStructs, dateToStruct, dateToStructTz, getTimezoneOffset, getPeriodEnd, getPeriodStart, structToDate, structToDateTz, stringifyValue, pickDateStruct } from './Calendar';
-export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem, DropdownMenuSubmenu } from './DropdownMenu';
 export { GetStartedPage } from './GetStartedPage';
 export { EditableField } from './EditableField';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "2.12.2",
+  "version": "3.0.0",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",

package/DateTimePicker/components/AutosizeInput/AutosizeInput.d.ts

@@ -1,3 +0,0 @@
-import { type ReactElement } from 'react';
-import type { AutosizeInputProps } from './types';
-export declare function AutosizeInput(props: AutosizeInputProps): ReactElement;

package/DateTimePicker/components/AutosizeInput/AutosizeInput.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from 'react';
-import { Input } from '../Input';
-import { Hidden } from './styles';
-export function AutosizeInput(props) {
-  const {
-    value,
-    placeholder,
-    isDisabled,
-    onChange,
-    onKeyUp,
-    onKeyDown,
-    onBlur
-  } = props;
-  const ref = useRef(null);
-  const [width, setWidth] = useState(12);
-  useEffect(() => {
-    const {
-      offsetWidth
-    } = ref.current;
-    const addWidth = offsetWidth ? 12 : 16;
-    setWidth(offsetWidth + addWidth);
-  }, [value]);
-  return _jsxs(_Fragment, {
-    children: [_jsx(Input, {
-      value: value,
-      placeholder: placeholder,
-      width: width,
-      isDisabled: isDisabled,
-      onChange: onChange,
-      onKeyUp: onKeyUp,
-      onKeyDown: onKeyDown,
-      onBlur: onBlur
-    }), _jsx(Hidden, {
-      ref: ref,
-      children: value || placeholder
-    })]
-  });
-}

package/DateTimePicker/components/AutosizeInput/index.d.ts

@@ -1 +0,0 @@
-export * from './AutosizeInput';

package/DateTimePicker/components/AutosizeInput/index.js

@@ -1 +0,0 @@
-export * from './AutosizeInput';

package/DateTimePicker/components/AutosizeInput/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const Hidden: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
-    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}> & string;

package/DateTimePicker/components/AutosizeInput/styles.js

@@ -1,5 +0,0 @@
-import styled from 'styled-components';
-export const Hidden = styled.span.withConfig({
-  displayName: "Hidden",
-  componentId: "sc-1p643dm-0"
-})(["position:absolute;visibility:hidden;"]);

package/DateTimePicker/components/AutosizeInput/types.d.ts

@@ -1,10 +0,0 @@
-import type { ChangeEvent, KeyboardEvent, FocusEvent } from 'react';
-export interface AutosizeInputProps {
-    value: string;
-    placeholder?: string;
-    isDisabled?: boolean;
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    onKeyUp: (event: KeyboardEvent<HTMLInputElement>) => void;
-    onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-}

package/DateTimePicker/components/AutosizeInput/types.js

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

package/DateTimePicker/components/DatePicker/DatePicker.d.ts

@@ -1,8 +0,0 @@
-import { type ReactElement } from 'react';
-import type { DatePickerProps } from './types';
-/**
- * Inline calendar with month/year/decade views for picking a date.
- *
- * @deprecated Use `CalendarDropdown` or `CalendarSuperForm` from Calendar instead.
- */
-export declare function DatePicker(props: DatePickerProps): ReactElement;

package/DateTimePicker/components/DatePicker/DatePicker.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Vertical } from '@pushwoosh/kit-helpers';
-import { format } from '../../helpers';
-import { CalendarBox } from '../../styles';
-import { DecadeView } from '../DecadeView';
-import { MonthView } from '../MonthView';
-import { YearView } from '../YearView';
-/**
- * Inline calendar with month/year/decade views for picking a date.
- *
- * @deprecated Use `CalendarDropdown` or `CalendarSuperForm` from Calendar instead.
- */
-export function DatePicker(props) {
-  const {
-    value,
-    userInputDay,
-    minDate,
-    maxDate,
-    isDisabled,
-    slotAfterMonth,
-    onChange
-  } = props;
-  const [view, setView] = useState('month');
-  const [month, setMonth] = useState(() => format(userInputDay || value || new Date(), 'year-month'));
-  useEffect(() => {
-    if (userInputDay) {
-      setMonth(format(userInputDay, 'year-month'));
-      setView('month');
-    }
-  }, [userInputDay]);
-  return _jsxs(CalendarBox, {
-    "$disabled": isDisabled,
-    children: [view === 'month' && _jsxs(Vertical, {
-      "$gap": 16,
-      children: [_jsx(MonthView, {
-        month: month,
-        activeDay: value ? format(value, 'year-month-day') : undefined,
-        userInputDay: userInputDay,
-        minDate: minDate,
-        maxDate: maxDate,
-        onChange: setMonth,
-        onDaySelect: onChange,
-        onShowYear: () => setView('year'),
-        onShowDecade: () => setView('decade')
-      }), slotAfterMonth && slotAfterMonth()]
-    }), view === 'year' && _jsx(YearView, {
-      year: format(month, 'year'),
-      activeDay: value ? format(value, 'year-month-day') : undefined,
-      onChange: setMonth,
-      onSelect: newMon => {
-        setMonth(newMon);
-        setView('month');
-      }
-    }), view === 'decade' && _jsx(DecadeView, {
-      value: format(month, 'year'),
-      activeDay: value ? format(value, 'year-month-day') : undefined,
-      onChange: setMonth,
-      onSelect: newYear => {
-        setMonth(newYear);
-        setView('year');
-      }
-    })]
-  });
-}

package/DateTimePicker/components/DatePicker/index.d.ts

@@ -1 +0,0 @@
-export * from './DatePicker';

package/DateTimePicker/components/DatePicker/index.js

@@ -1 +0,0 @@
-export * from './DatePicker';

package/DateTimePicker/components/DatePicker/types.d.ts

@@ -1,20 +0,0 @@
-import type { ReactNode } from 'react';
-/** Props of {@link DatePicker}. */
-export interface DatePickerProps {
-    /** Currently selected date string. */
-    value?: string;
-    /** Externally driven day that resets the visible month and view. */
-    userInputDay?: string;
-    /** Earliest selectable date. */
-    minDate?: Date | string;
-    /** Latest selectable date. */
-    maxDate?: Date | string;
-    /** Disable selection. */
-    isDisabled?: boolean;
-    /** Render extra content under the month grid (e.g. time inputs). */
-    slotAfterMonth?: () => ReactNode | null;
-    /** Fires with the picked day string. */
-    onChange: (day: string) => void;
-}
-/** Calendar view level: day grid, month grid or decade grid. */
-export type ViewType = 'month' | 'year' | 'decade';

package/DateTimePicker/components/DatePicker/types.js

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

package/DateTimePicker/components/DatePickerField/DatePickerField.d.ts

@@ -1,8 +0,0 @@
-import { type ReactElement } from 'react';
-import type { DatePickerFieldProps } from './types';
-/**
- * Read-only field showing the selected date that opens a {@link DatePicker} popover on click.
- *
- * @deprecated Use `CalendarDropdown` or `CalendarSuperForm` from Calendar instead.
- */
-export declare function DatePickerField(props: DatePickerFieldProps): ReactElement;

package/DateTimePicker/components/DatePickerField/DatePickerField.js

@@ -1,86 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFloating, offset, autoPlacement } from '@floating-ui/react-dom';
-import { useState, useEffect } from 'react';
-import { CalendarIcon } from '@pushwoosh/kit-icons';
-import { format, monthName, get } from '../../helpers';
-import { Lang } from '../../polyglot';
-import { InputFrame } from '../../styles';
-import { DatePicker } from '../DatePicker';
-/**
- * Read-only field showing the selected date that opens a {@link DatePicker} popover on click.
- *
- * @deprecated Use `CalendarDropdown` or `CalendarSuperForm` from Calendar instead.
- */
-export function DatePickerField(props) {
-  const {
-    value,
-    minDate,
-    maxDate,
-    error,
-    allowedPlacements = ['bottom-start', 'bottom-end', 'top-start', 'top-end'],
-    zIndex = 1000,
-    closeOnSelect = false,
-    onChange
-  } = props;
-  const [showPicker, setShowPicker] = useState(false);
-  const {
-    refs,
-    floatingStyles
-  } = useFloating({
-    middleware: [offset(4), autoPlacement({
-      allowedPlacements
-    })]
-  });
-  useEffect(() => {
-    if (!showPicker) {
-      return;
-    }
-    const handleClickListener = event => {
-      const path = event.composedPath();
-      const isInsideFloating = refs.floating.current && path.includes(refs.floating.current);
-      const isInsideReference = refs.reference.current && path.includes(refs.reference.current);
-      if (!isInsideFloating && !isInsideReference) {
-        setShowPicker(false);
-      }
-    };
-    document.addEventListener('click', handleClickListener);
-    return () => {
-      document.removeEventListener('click', handleClickListener);
-    };
-  }, [showPicker, refs]);
-  const onSelect = date => {
-    onChange(date);
-    if (closeOnSelect) {
-      setShowPicker(false);
-    }
-  };
-  return _jsxs(_Fragment, {
-    children: [_jsxs(InputFrame, {
-      ref: refs.setReference,
-      "$gap": 8,
-      "$error": error,
-      "$empty": !value,
-      onClick: () => setShowPicker(!showPicker),
-      children: [_jsx(CalendarIcon, {
-        size: "medium",
-        view: "lined"
-      }), value ? _jsxs(_Fragment, {
-        children: [format(value, 'day '), monthName(get(value, 'month'), 'long'), format(value, ' year')]
-      }) : _jsx(Lang, {
-        message: "DUMB.DATE_TIME_PICKER.SELECT_DATE"
-      })]
-    }), showPicker && _jsx("div", {
-      ref: refs.setFloating,
-      style: {
-        ...floatingStyles,
-        zIndex
-      },
-      children: _jsx(DatePicker, {
-        value: value,
-        minDate: minDate,
-        maxDate: maxDate,
-        onChange: onSelect
-      })
-    })]
-  });
-}

package/DateTimePicker/components/DatePickerField/index.d.ts

@@ -1 +0,0 @@
-export * from './DatePickerField';

package/DateTimePicker/components/DatePickerField/index.js

@@ -1 +0,0 @@
-export * from './DatePickerField';

package/DateTimePicker/components/DatePickerField/types.d.ts

@@ -1,20 +0,0 @@
-import type { Placement } from '@floating-ui/react-dom';
-/** Props of {@link DatePickerField}. */
-export interface DatePickerFieldProps {
-    /** Currently selected date string. */
-    value: string;
-    /** Earliest selectable date. */
-    minDate?: Date | string;
-    /** Latest selectable date. */
-    maxDate?: Date | string;
-    /** Render the field in the error state. */
-    error?: boolean;
-    /** Allowed floating placements for the popover (default bottom/top start/end). */
-    allowedPlacements?: Placement[];
-    /** Popover z-index (default `1000`). */
-    zIndex?: number;
-    /** Close the popover when a date is picked (default `false`). */
-    closeOnSelect?: boolean;
-    /** Fires with the picked day string. */
-    onChange: (day: string) => void;
-}

package/DateTimePicker/components/DatePickerField/types.js

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

package/DateTimePicker/components/DateTimePicker/DateTimePicker.d.ts

@@ -1,8 +0,0 @@
-import { type ReactElement } from 'react';
-import type { DateTimePickerProps } from './types';
-/**
- * Inline {@link DatePicker} with hour/minute/second number inputs for picking a date and time (UTC).
- *
- * @deprecated Use `CalendarDropdown` or `CalendarSuperForm` from Calendar instead.
- */
-export declare function DateTimePicker(props: DateTimePickerProps): ReactElement;

package/DateTimePicker/components/DateTimePicker/DateTimePicker.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Collapse, Horizontal } from '@pushwoosh/kit-helpers';
-import { format, createUTCDate } from '../../helpers';
-import { DatePicker } from '../DatePicker';
-import { NumberPicker } from '../NumberPicker';
-/**
- * Inline {@link DatePicker} with hour/minute/second number inputs for picking a date and time (UTC).
- *
- * @deprecated Use `CalendarDropdown` or `CalendarSuperForm` from Calendar instead.
- */
-export function DateTimePicker(props) {
-  const {
-    value,
-    minDate,
-    maxDate,
-    userInputDay,
-    onChange
-  } = props;
-  const date = value ? new Date(value) : new Date();
-  const handleChange = formattedDate => {
-    const [year, month, day] = formattedDate.split('-').map(Number);
-    const utcDate = createUTCDate(year, month, day, date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
-    onChange(utcDate.toUTCString());
-  };
-  const handleChangeHour = hours => {
-    date.setUTCHours(hours);
-    onChange(date.toUTCString());
-  };
-  const handleChangeMinutes = minutes => {
-    date.setUTCMinutes(minutes);
-    onChange(date.toUTCString());
-  };
-  const handleChangeSeconds = seconds => {
-    date.setUTCSeconds(seconds);
-    onChange(date.toUTCString());
-  };
-  return _jsx(DatePicker, {
-    value: format(date, 'year-month-dayThour:minute:second'),
-    userInputDay: userInputDay,
-    minDate: minDate,
-    maxDate: maxDate,
-    onChange: handleChange,
-    slotAfterMonth: () => _jsx(Collapse, {
-      expanded: !!value,
-      children: _jsxs(Horizontal, {
-        "$padding": "0 16px",
-        "$gap": 8,
-        children: [_jsx(NumberPicker, {
-          placeholder: "00",
-          value: date.getUTCHours(),
-          onChange: handleChangeHour
-        }), _jsx(NumberPicker, {
-          placeholder: "00",
-          value: date.getUTCMinutes(),
-          onChange: handleChangeMinutes
-        }), _jsx(NumberPicker, {
-          placeholder: "00",
-          value: date.getUTCSeconds(),
-          onChange: handleChangeSeconds
-        })]
-      })
-    })
-  });
-}

package/DateTimePicker/components/DateTimePicker/index.d.ts

@@ -1 +0,0 @@
-export * from './DateTimePicker';

package/DateTimePicker/components/DateTimePicker/index.js

@@ -1 +0,0 @@
-export * from './DateTimePicker';

package/DateTimePicker/components/DateTimePicker/types.d.ts

@@ -1,13 +0,0 @@
-/** Props of {@link DateTimePicker}. */
-export interface DateTimePickerProps {
-    /** Currently selected date-time string. */
-    value: string;
-    /** Earliest selectable date. */
-    minDate?: Date | string;
-    /** Latest selectable date. */
-    maxDate?: Date | string;
-    /** Externally driven day that resets the visible month and view. */
-    userInputDay?: string;
-    /** Fires with the picked date-time as a UTC string. */
-    onChange: (day: string) => void;
-}

package/DateTimePicker/components/DateTimePicker/types.js

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

package/DateTimePicker/components/DateTimePickerField/DateTimePickerField.d.ts

@@ -1,8 +0,0 @@
-import { type ReactElement } from 'react';
-import type { DateTimePickerFieldProps } from './types';
-/**
- * Read-only field showing the selected date-time that opens a {@link DateTimePicker} popover on click.
- *
- * @deprecated Use `CalendarDropdown` or `CalendarSuperForm` from Calendar instead.
- */
-export declare function DateTimePickerField(props: DateTimePickerFieldProps): ReactElement;

package/DateTimePicker/components/DateTimePickerField/DateTimePickerField.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useFloating, offset, autoPlacement } from '@floating-ui/react-dom';
-import { useState, useEffect } from 'react';
-import { CalendarIcon } from '@pushwoosh/kit-icons';
-import { useUTCDate } from './helpers';
-import { Lang } from '../../polyglot';
-import { InputFrame } from '../../styles';
-import { DateTimePicker } from '../DateTimePicker';
-/**
- * Read-only field showing the selected date-time that opens a {@link DateTimePicker} popover on click.
- *
- * @deprecated Use `CalendarDropdown` or `CalendarSuperForm` from Calendar instead.
- */
-export function DateTimePickerField(props) {
-  const {
-    value,
-    minDate,
-    maxDate,
-    error,
-    allowedPlacements = ['bottom-start', 'bottom-end', 'top-start', 'top-end'],
-    zIndex = 1000,
-    closeOnSelect = false,
-    onChange
-  } = props;
-  const [showPicker, setShowPicker] = useState(false);
-  const {
-    refs,
-    floatingStyles
-  } = useFloating({
-    middleware: [offset(4), autoPlacement({
-      allowedPlacements
-    })]
-  });
-  useEffect(() => {
-    if (!showPicker) {
-      return;
-    }
-    const handleClickListener = event => {
-      const path = event.composedPath();
-      const isInsideFloating = refs.floating.current && path.includes(refs.floating.current);
-      const isInsideReference = refs.reference.current && path.includes(refs.reference.current);
-      if (!isInsideFloating && !isInsideReference) {
-        setShowPicker(false);
-      }
-    };
-    document.addEventListener('click', handleClickListener);
-    return () => {
-      document.removeEventListener('click', handleClickListener);
-    };
-  }, [showPicker, refs]);
-  const onSelect = date => {
-    onChange(date);
-    if (closeOnSelect) {
-      setShowPicker(false);
-    }
-  };
-  const {
-    year,
-    month,
-    day,
-    hours,
-    minutes
-  } = useUTCDate(value);
-  return _jsxs(_Fragment, {
-    children: [_jsxs(InputFrame, {
-      ref: refs.setReference,
-      "$empty": !value,
-      "$error": error,
-      "$gap": 8,
-      onClick: () => setShowPicker(!showPicker),
-      children: [_jsx(CalendarIcon, {
-        size: "medium",
-        view: "lined"
-      }), value ? `${day} ${month} ${year} ${hours}:${minutes}` : _jsx(Lang, {
-        message: "DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME"
-      })]
-    }), showPicker && _jsx("div", {
-      ref: refs.setFloating,
-      style: {
-        ...floatingStyles,
-        zIndex
-      },
-      children: _jsx(DateTimePicker, {
-        value: value,
-        minDate: minDate,
-        maxDate: maxDate,
-        onChange: onSelect
-      })
-    })]
-  });
-}

package/DateTimePicker/components/DateTimePickerField/helpers.d.ts

@@ -1,8 +0,0 @@
-export declare const useUTCDate: (dateString: string) => {
-    year: number;
-    month: string;
-    day: string;
-    hours: string;
-    minutes: string;
-    seconds: string;
-};

package/DateTimePicker/components/DateTimePickerField/helpers.js

@@ -1,13 +0,0 @@
-export const useUTCDate = dateString => {
-  const date = new Date(dateString);
-  return {
-    year: date.getUTCFullYear(),
-    month: date.toLocaleString('en-US', {
-      month: 'long'
-    }),
-    day: String(date.getUTCDate()).padStart(2, '0'),
-    hours: String(date.getUTCHours()).padStart(2, '0'),
-    minutes: String(date.getUTCMinutes()).padStart(2, '0'),
-    seconds: String(date.getUTCSeconds()).padStart(2, '0')
-  };
-};

package/DateTimePicker/components/DateTimePickerField/index.d.ts

@@ -1 +0,0 @@
-export * from './DateTimePickerField';

package/DateTimePicker/components/DateTimePickerField/index.js

@@ -1 +0,0 @@
-export * from './DateTimePickerField';

package/DateTimePicker/components/DateTimePickerField/types.d.ts

@@ -1,20 +0,0 @@
-import type { Placement } from '@floating-ui/react-dom';
-/** Props of {@link DateTimePickerField}. */
-export interface DateTimePickerFieldProps {
-    /** Currently selected date-time string. */
-    value: string;
-    /** Earliest selectable date. */
-    minDate?: Date | string;
-    /** Latest selectable date. */
-    maxDate?: Date | string;
-    /** Render the field in the error state. */
-    error?: boolean;
-    /** Allowed floating placements for the popover (default bottom/top start/end). */
-    allowedPlacements?: Placement[];
-    /** Popover z-index (default `1000`). */
-    zIndex?: number;
-    /** Close the popover when a value is picked (default `false`). */
-    closeOnSelect?: boolean;
-    /** Fires with the picked date-time string. */
-    onChange: (day: string) => void;
-}

package/DateTimePicker/components/DateTimePickerField/types.js

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

package/DateTimePicker/components/DecadeView/DecadeView.d.ts

@@ -1,3 +0,0 @@
-import { type ReactElement } from 'react';
-import type { DecadeViewProps } from './types';
-export declare function DecadeView(props: DecadeViewProps): ReactElement;

package/DateTimePicker/components/DecadeView/DecadeView.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Columns } from '@pushwoosh/kit-helpers';
-import { format, parseStringToArray, addPeriod, setPeriod } from '../../helpers';
-import { CellBox } from '../../styles';
-import { PickerPlate } from '../PickerPlate';
-export function DecadeView(props) {
-  const {
-    activeDay,
-    value,
-    onChange,
-    onSelect
-  } = props;
-  const [activeDayYear] = parseStringToArray(activeDay || '');
-  const valueYear = +value;
-  const firstYear = valueYear - valueYear % 12;
-  return _jsx(PickerPlate, {
-    onPrev: () => onChange(format(addPeriod(value, 'year', -12), 'year')),
-    onNext: () => onChange(format(addPeriod(value, 'year', 12), 'year')),
-    children: _jsx(Columns, {
-      "$sizes": 4,
-      "$gap": 4,
-      children: Array.from({
-        length: 12
-      }).map((_, i) => {
-        const year = firstYear + i;
-        return _jsx(CellBox, {
-          "$height": "59px",
-          "$isActive": year === activeDayYear,
-          onClick: () => onSelect(format(setPeriod(value, 'year', year), 'year')),
-          children: year
-        }, year);
-      })
-    })
-  });
-}

package/DateTimePicker/components/DecadeView/index.d.ts

@@ -1 +0,0 @@
-export * from './DecadeView';

package/DateTimePicker/components/DecadeView/index.js

@@ -1 +0,0 @@
-export * from './DecadeView';

package/DateTimePicker/components/DecadeView/types.d.ts

@@ -1,6 +0,0 @@
-export interface DecadeViewProps {
-    activeDay?: string;
-    value: string;
-    onChange: (value: string) => void;
-    onSelect: (value: string) => void;
-}

package/DateTimePicker/components/DecadeView/types.js

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