@semcore/date-picker 16.1.1 → 16.1.2-prerelease.3

package/lib/esm/utils/isBetweenPlugin.mjs

@@ -1,4 +1,4 @@
-const isBetween = function(o, c, d) {
+const isBetween = function(_o, c, d) {
   c.prototype.isBetween = function(a, b, u, i) {
     var dA = d(a);
     var dB = d(b);

package/lib/types/index.d.ts

@@ -1,17 +1,21 @@
-import React, { ChangeEvent, ComponentProps } from 'react';
-import dayjs from 'dayjs';
-import { Flex, Box, BoxProps } from '@semcore/flex-box';
-import { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';
-import Button, { ButtonProps } from '@semcore/button';
-import Divider from '@semcore/divider';
-import { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';
-import { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
-import BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';
-import Input, { InputProps, InputValueProps } from '@semcore/input';
-import { InputMaskValueProps } from '@semcore/input-mask';
-import Checkbox from '@semcore/checkbox';
-import { TooltipProps } from '@semcore/tooltip';
-import Popper from '@semcore/popper';
+import type { BaseTriggerProps } from '@semcore/base-trigger';
+import type BaseTrigger from '@semcore/base-trigger';
+import type { ButtonProps } from '@semcore/button';
+import type Button from '@semcore/button';
+import type Checkbox from '@semcore/checkbox';
+import type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';
+import type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
+import type Divider from '@semcore/divider';
+import type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';
+import type { Flex, Box, BoxProps } from '@semcore/flex-box';
+import type { InputProps, InputValueProps } from '@semcore/input';
+import type Input from '@semcore/input';
+import type { InputMaskValueProps } from '@semcore/input-mask';
+import type Popper from '@semcore/popper';
+import type { TooltipProps } from '@semcore/tooltip';
+import type dayjs from 'dayjs';
+import type { ChangeEvent } from 'react';
+import type React from 'react';
 
 export type DateConstructorParams = string | number | Date;
 
@@ -107,54 +111,54 @@ export type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<
   DropdownProps,
   'disabled'
 > &
-  WithI18nEnhanceProps & {
-    /**
+WithI18nEnhanceProps & {
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    value?: DateConstructorParams;
-    /**
+  value?: DateConstructorParams;
+  /**
      * To be activated upon selecting the date
      * */
-    onChange?: (date: Date) => void;
-    /**
+  onChange?: (date: Date) => void;
+  /**
      * Array of dates blocked for selection
      * */
-    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
-    /**
+  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
+  /**
      * Error message when user attempts to input a disabled date
      * */
-    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
-    /**
+  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
+  /**
      * Date for showing the necessary month
      * @default new Date()
      * */
-    displayedPeriod?: DateConstructorParams;
-    /**
+  displayedPeriod?: DateConstructorParams;
+  /**
      * To be activated upon changing the current shown month
      * */
-    onDisplayedPeriodChange?: (date: Date) => void;
-    /**
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
      * Component size
      * @default m
      */
-    size?: 'm' | 'l';
-    /**
+  size?: 'm' | 'l';
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    highlighted?: DateConstructorParams[];
-    /**
+  highlighted?: DateConstructorParams[];
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultValue?: DateConstructorParams;
-    /**
+  defaultValue?: DateConstructorParams;
+  /**
      * Default value date for showing the necessary month
      * */
-    defaultDisplayedPeriod?: DateConstructorParams;
-    /**
+  defaultDisplayedPeriod?: DateConstructorParams;
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultHighlighted?: DateConstructorParams[];
-  };
+  defaultHighlighted?: DateConstructorParams[];
+};
 
 /** @deprecated */
 export interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}
@@ -162,76 +166,76 @@ export type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<
   DropdownProps,
   'disabled'
 > &
-  WithI18nEnhanceProps & {
-    /**
+WithI18nEnhanceProps & {
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    value?: DateConstructorParams[];
-    /**
+  value?: DateConstructorParams[];
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultValue?: DateConstructorParams[];
-    /**
+  defaultValue?: DateConstructorParams[];
+  /**
      * Default value date for showing the necessary month
      * */
-    defaultDisplayedPeriod?: DateConstructorParams;
-    /**
+  defaultDisplayedPeriod?: DateConstructorParams;
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultHighlighted?: DateConstructorParams[];
-    /**
+  defaultHighlighted?: DateConstructorParams[];
+  /**
      * To be activated upon selecting the date
      * */
-    onChange?: (date: Date[]) => void;
-    /**
+  onChange?: (date: Date[]) => void;
+  /**
      * Array of dates blocked for selection
      * */
-    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
-    /**
+  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
+  /**
      * Error message when user attempts to input a disabled date
      * */
-    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
-    /**
+  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
+  /**
      * Date for showing the necessary month
      * @default new Date()
      * */
-    displayedPeriod?: DateConstructorParams;
-    /**
+  displayedPeriod?: DateConstructorParams;
+  /**
      * To be activated upon changing the current shown month
      * */
-    onDisplayedPeriodChange?: (date: Date) => void;
-    /**
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    highlighted?: DateConstructorParams[];
-    /**
+  highlighted?: DateConstructorParams[];
+  /**
      * Remove the 'Reset' button
      * */
-    unclearable?: boolean;
-    /**
+  unclearable?: boolean;
+  /**
      * To be activated upon selecting the date
      * */
-    onHighlightedChange?: (date: Date[]) => void;
-    /**
+  onHighlightedChange?: (date: Date[]) => void;
+  /**
      * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.
      */
-    preselectedValue?: DateConstructorParams[];
-    /**
+  preselectedValue?: DateConstructorParams[];
+  /**
      * Normally called when user preselects a date range and when user applies this range.
      */
-    onPreselectedValueChange?: (date: Date[]) => void;
-    /**
+  onPreselectedValueChange?: (date: Date[]) => void;
+  /**
      * Array of periods
      * [{value: [new Date(), new Date()], children: "Today"}]
      * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
      * */
-    periods?: (ButtonProps & { value: Date[] })[];
-  };
+  periods?: (ButtonProps & { value: Date[] })[];
+};
 
 /** @deprecated */
 export interface IDateRangePickerPeriodProps
   extends DateRangePickerPeriodProps,
-    UnknownProperties {}
+  UnknownProperties {}
 export type DateRangePickerPeriodProps = BoxProps & {
   /**
    * Current selected period
@@ -273,7 +277,7 @@ export type DatePickerContext = {
 /** @deprecated */
 export interface IAbstractDatePickerHandlers
   extends AbstractDatePickerHandlers,
-    UnknownProperties {}
+  UnknownProperties {}
 export type AbstractDatePickerHandlers = {
   displayedPeriod: (value: DateConstructorParams) => void;
   visible: (index: boolean) => void;
@@ -322,13 +326,13 @@ export type DateRangeProps = RangeInputTriggerProps & {};
 /** @deprecated */
 export interface IDatePickerMaskedInputProps
   extends DatePickerMaskedInputProps,
-    UnknownProperties {}
+  UnknownProperties {}
 export type DatePickerMaskedInputProps = {
   date?: Date;
   onDateChange?: (date: Date, event: ChangeEvent) => void;
   onDisplayedPeriodChange?: (date: Date) => void;
   locale?: string;
-  parts?: { year: Boolean; month: Boolean; day: Boolean };
+  parts?: { year: boolean; month: boolean; day: boolean };
   disabledDates?: (Date | (Date | false)[] | string)[];
 };
 
@@ -506,106 +510,106 @@ export type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOm
   DropdownProps,
   'disabled'
 > &
-  WithI18nEnhanceProps & {
-    /**
+WithI18nEnhanceProps & {
+  /**
      * Selected date ranges
      * */
-    value?: DateRangeComparatorValue;
-    /**
+  value?: DateRangeComparatorValue;
+  /**
      * Default value for selected date ranges
      * */
-    defaultValue?: DateRangeComparatorValue;
-    /**
+  defaultValue?: DateRangeComparatorValue;
+  /**
      * Default value date for showing the necessary month
      * */
-    defaultDisplayedPeriod?: DateConstructorParams;
-    /**
+  defaultDisplayedPeriod?: DateConstructorParams;
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultHighlighted?: DateConstructorParams[];
-    /**
+  defaultHighlighted?: DateConstructorParams[];
+  /**
      * Called with selected date when user clicks `Apply` button.
      * */
-    onChange?: (ranges: {
-      value?: DateConstructorParams[];
-      compare?: DateConstructorParams[];
-    }) => void;
-    /**
+  onChange?: (ranges: {
+    value?: DateConstructorParams[];
+    compare?: DateConstructorParams[];
+  }) => void;
+  /**
      * Array of dates blocked for selection
      * */
-    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
-    /**
+  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
+  /**
      * Error message when user attempts to input a disabled date
      * */
-    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
-    /**
+  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
+  /**
      * Date for showing the necessary month
      * @default new Date()
      * */
-    displayedPeriod?: DateConstructorParams;
-    /**
+  displayedPeriod?: DateConstructorParams;
+  /**
      * To be activated upon changing the current shown month
      * */
-    onDisplayedPeriodChange?: (date: Date) => void;
-    /**
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    highlighted?: DateConstructorParams[];
-    /**
+  highlighted?: DateConstructorParams[];
+  /**
      * To be activated upon selecting the date
      * */
-    onHighlightedChange?: (date: Date[]) => void;
-    /**
+  onHighlightedChange?: (date: Date[]) => void;
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    compareHighlighted?: DateConstructorParams[];
-    /**
+  compareHighlighted?: DateConstructorParams[];
+  /**
      * To be activated upon selecting the date
      * */
-    onCompareHighlightedChange?: (date: Date[]) => void;
-    /**
+  onCompareHighlightedChange?: (date: Date[]) => void;
+  /**
      * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.
      */
-    preselectedValue?: DateConstructorParams[];
-    /**
+  preselectedValue?: DateConstructorParams[];
+  /**
      * Normally called when user preselects a date range and when user applies this range.
      */
-    onPreselectedValueChange?: (date: Date[]) => void;
-    /**
+  onPreselectedValueChange?: (date: Date[]) => void;
+  /**
      * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.
      */
-    preselectedCompare?: DateConstructorParams[];
-    /**
+  preselectedCompare?: DateConstructorParams[];
+  /**
      * Normally called when user preselects a compare range and when user applies ranges.
      */
-    onPreselectedCompareChange?: (date: Date[]) => void;
-    /**
+  onPreselectedCompareChange?: (date: Date[]) => void;
+  /**
      * Controls that compare range input is enabled.
      */
-    compareToggle?: boolean;
-    /**
+  compareToggle?: boolean;
+  /**
      * Toggles when compare range input enables or disables.
      */
-    onCompareToggleChange?: (compareToggle: boolean) => void;
-    /**
+  onCompareToggleChange?: (compareToggle: boolean) => void;
+  /**
      * Controls which date range is focused.
      */
-    focusedRange?: DateRangeComparatorFocusRange;
-    /**
+  focusedRange?: DateRangeComparatorFocusRange;
+  /**
      * Called when user focuses or is focused on some of the date ranges.
      */
-    onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;
-    /**
+  onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;
+  /**
      * Remove the 'Reset' button
      * */
-    unclearable?: boolean;
-    /**
+  unclearable?: boolean;
+  /**
      * Array of periods
      * [{value: [new Date(), new Date()], children: "Today"}]
      * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
      * */
-    periods?: (ButtonProps & { value: Date[] })[];
-  };
+  periods?: (ButtonProps & { value: Date[] })[];
+};
 
 export type DateRangeComparatorContext = {
   getTriggerProps: PropGetterFn;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "16.1.1",
+  "version": "16.1.2-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,23 +14,23 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/base-trigger": "16.2.0",
-    "@semcore/button": "16.0.1",
-    "@semcore/divider": "16.0.1",
-    "@semcore/popper": "16.0.1",
-    "@semcore/dropdown": "16.0.1",
-    "@semcore/icon": "16.2.0",
-    "@semcore/input": "16.0.1",
-    "@semcore/input-mask": "16.0.1",
-    "@semcore/typography": "16.1.1",
-    "@semcore/checkbox": "16.0.1",
-    "@semcore/tooltip": "16.0.1",
-    "@semcore/flex-box": "16.0.1",
-    "@semcore/neighbor-location": "16.0.1",
+    "@semcore/base-trigger": "16.2.1-prerelease.3",
+    "@semcore/button": "16.0.2-prerelease.3",
+    "@semcore/divider": "16.0.2-prerelease.3",
+    "@semcore/popper": "16.0.2-prerelease.3",
+    "@semcore/dropdown": "16.0.2-prerelease.3",
+    "@semcore/icon": "16.2.1-prerelease.3",
+    "@semcore/input": "16.0.2-prerelease.3",
+    "@semcore/input-mask": "16.0.2-prerelease.3",
+    "@semcore/typography": "16.1.2-prerelease.3",
+    "@semcore/checkbox": "16.0.2-prerelease.3",
+    "@semcore/tooltip": "16.0.2-prerelease.3",
+    "@semcore/flex-box": "16.0.2-prerelease.3",
+    "@semcore/neighbor-location": "16.0.2-prerelease.3",
     "dayjs": "1.8.36"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.0.2-prerelease.3"
   },
   "repository": {
     "type": "git",
@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "@semcore/testing-utils": "1.0.0",
-    "@types/react": "18.0.21"
+    "@semcore/core": "16.0.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"