@semcore/date-picker 17.2.0 → 17.2.1-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/lib/cjs/components/Calendar.js +21 -21
- package/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/cjs/components/InputTrigger.js +29 -29
- package/lib/cjs/components/PickerAbstract.js +29 -29
- package/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/date-picker.shadow.css +0 -1
- package/lib/es6/components/Calendar.js +21 -21
- package/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/es6/components/InputTrigger.js +29 -29
- package/lib/es6/components/PickerAbstract.js +29 -29
- package/lib/es6/components/RangePickerAbstract.js +29 -29
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/date-picker.shadow.css +0 -1
- package/lib/esm/components/Calendar.mjs +22 -22
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +30 -30
- package/lib/esm/components/InputTrigger.mjs +30 -30
- package/lib/esm/components/PickerAbstract.mjs +30 -30
- package/lib/esm/components/RangePickerAbstract.mjs +30 -30
- package/lib/esm/style/date-picker.shadow.css +0 -1
- package/lib/types/index.d.ts +4 -4
- package/package.json +13 -13
- package/vitest.config.mts +17 -0
|
@@ -15,39 +15,39 @@ const style = (
|
|
|
15
15
|
/*__reshadow_css_start__*/
|
|
16
16
|
(sstyled.insert(
|
|
17
17
|
/*__inner_css_start__*/
|
|
18
|
-
".
|
|
18
|
+
".___SPopper_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SPopper_u5f0v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_u5f0v_gg_:active,.___SPopper_u5f0v_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_u5f0v_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_u5f0v_gg_,.___STitle_u5f0v_gg_{display:flex;align-items:center}.___STitle_u5f0v_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));height:32px;width:100%;justify-content:center}.___SToday_u5f0v_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_u5f0v_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SButton_u5f0v_gg_ .___SInner_u5f0v_gg_{justify-content:flex-start}.___SInputMask_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x,8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_u5f0v_gg_.__animationsDisabled_u5f0v_gg_{transition:none}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_{letter-spacing:0}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_:focus{outline:none}.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SRangeIndicator_u5f0v_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_u5f0v_gg_._range_value_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-active,oklch(.64 .152 276.7))}.___SRangeIndicator_u5f0v_gg_._range_compare_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3))}.___SRangeIndicator_u5f0v_gg_.__disabled_u5f0v_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}.___SHumanizedDate_u5f0v_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_u5f0v_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SSingleDateInput_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SDateRange_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_),.___SInputMask_u5f0v_gg_.__noHumanizedDate_u5f0v_gg_ :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,#014fff1e)}@media (color-gamut:p3){.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,oklch(.524 .266 263.1/.116))}}.___SDateRange_u5f0v_gg_:focus-within .___SRangeSep_u5f0v_gg_,.___SRangeSep_u5f0v_gg_.__fulfilled_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,#000c0829);padding:var(--intergalactic-spacing-4x,16px)}@media (color-gamut:p3){.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFooter_u5f0v_gg_,.___SRangeCalendar_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SPeriodsList_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___STooltip_u5f0v_gg_{padding:var(--intergalactic-spacing-3x,12px)}.___SCompareToggle_u5f0v_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_u5f0v_gg_{transition:none}}",
|
|
19
19
|
/*__inner_css_end__*/
|
|
20
|
-
"
|
|
20
|
+
"u5f0v_gg_"
|
|
21
21
|
), /*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHeader": "
|
|
24
|
-
"__STitle": "
|
|
25
|
-
"__SToday": "
|
|
26
|
-
"__SPeriod": "
|
|
27
|
-
"__SButton": "
|
|
28
|
-
"__SInner": "
|
|
29
|
-
"__SInputMask": "
|
|
30
|
-
"_animationsDisabled": "
|
|
31
|
-
"__SIndicator": "
|
|
32
|
-
"__SRangeIndicator": "
|
|
33
|
-
"_range_value": "
|
|
34
|
-
"_range_compare": "
|
|
35
|
-
"_disabled": "
|
|
36
|
-
"__SHumanizedDate": "
|
|
37
|
-
"__SMask": "
|
|
38
|
-
"__SSingleDateInput": "
|
|
39
|
-
"__SValue": "
|
|
40
|
-
"__SDateRange": "
|
|
41
|
-
"_noHumanizedDate": "
|
|
42
|
-
"__SRangeSep": "
|
|
43
|
-
"_fulfilled": "
|
|
44
|
-
"__SRangeComparatorHeader": "
|
|
45
|
-
"__SRangeCalendar": "
|
|
46
|
-
"__SFooter": "
|
|
47
|
-
"__SPeriodsList": "
|
|
48
|
-
"__STooltip": "
|
|
49
|
-
"__SCompareToggle": "
|
|
50
|
-
"__SPopper": "
|
|
23
|
+
"__SHeader": "___SHeader_u5f0v_gg_",
|
|
24
|
+
"__STitle": "___STitle_u5f0v_gg_",
|
|
25
|
+
"__SToday": "___SToday_u5f0v_gg_",
|
|
26
|
+
"__SPeriod": "___SPeriod_u5f0v_gg_",
|
|
27
|
+
"__SButton": "___SButton_u5f0v_gg_",
|
|
28
|
+
"__SInner": "___SInner_u5f0v_gg_",
|
|
29
|
+
"__SInputMask": "___SInputMask_u5f0v_gg_",
|
|
30
|
+
"_animationsDisabled": "__animationsDisabled_u5f0v_gg_",
|
|
31
|
+
"__SIndicator": "___SIndicator_u5f0v_gg_",
|
|
32
|
+
"__SRangeIndicator": "___SRangeIndicator_u5f0v_gg_",
|
|
33
|
+
"_range_value": "_range_value_u5f0v_gg_",
|
|
34
|
+
"_range_compare": "_range_compare_u5f0v_gg_",
|
|
35
|
+
"_disabled": "__disabled_u5f0v_gg_",
|
|
36
|
+
"__SHumanizedDate": "___SHumanizedDate_u5f0v_gg_",
|
|
37
|
+
"__SMask": "___SMask_u5f0v_gg_",
|
|
38
|
+
"__SSingleDateInput": "___SSingleDateInput_u5f0v_gg_",
|
|
39
|
+
"__SValue": "___SValue_u5f0v_gg_",
|
|
40
|
+
"__SDateRange": "___SDateRange_u5f0v_gg_",
|
|
41
|
+
"_noHumanizedDate": "__noHumanizedDate_u5f0v_gg_",
|
|
42
|
+
"__SRangeSep": "___SRangeSep_u5f0v_gg_",
|
|
43
|
+
"_fulfilled": "__fulfilled_u5f0v_gg_",
|
|
44
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_u5f0v_gg_",
|
|
45
|
+
"__SRangeCalendar": "___SRangeCalendar_u5f0v_gg_",
|
|
46
|
+
"__SFooter": "___SFooter_u5f0v_gg_",
|
|
47
|
+
"__SPeriodsList": "___SPeriodsList_u5f0v_gg_",
|
|
48
|
+
"__STooltip": "___STooltip_u5f0v_gg_",
|
|
49
|
+
"__SCompareToggle": "___SCompareToggle_u5f0v_gg_",
|
|
50
|
+
"__SPopper": "___SPopper_u5f0v_gg_"
|
|
51
51
|
})
|
|
52
52
|
);
|
|
53
53
|
const INTERACTION_TAGS = ["INPUT"];
|
package/lib/types/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ import type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/co
|
|
|
9
9
|
import type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
10
10
|
import type Divider from '@semcore/divider';
|
|
11
11
|
import type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';
|
|
12
|
-
import type {
|
|
12
|
+
import type { NSInput } from '@semcore/input';
|
|
13
13
|
import type Input from '@semcore/input';
|
|
14
14
|
import type { InputMaskValueProps } from '@semcore/input-mask';
|
|
15
15
|
import type { TooltipProps } from '@semcore/tooltip';
|
|
@@ -272,7 +272,7 @@ export type DatePickerHandlers = {
|
|
|
272
272
|
visible: (index: boolean) => void;
|
|
273
273
|
};
|
|
274
274
|
|
|
275
|
-
export type BaseInputTriggerProps =
|
|
275
|
+
export type BaseInputTriggerProps = NSInput.Props &
|
|
276
276
|
TooltipProps & {
|
|
277
277
|
/**
|
|
278
278
|
* Date input placeholder characters
|
|
@@ -313,7 +313,7 @@ declare const InputTrigger: Intergalactic.Component<
|
|
|
313
313
|
> & {
|
|
314
314
|
Addon: typeof Input.Addon;
|
|
315
315
|
Value: typeof Input.Value;
|
|
316
|
-
SingleDateInput: Intergalactic.Component<'div',
|
|
316
|
+
SingleDateInput: Intergalactic.Component<'div', NSInput.Props & SingleDateInputProps> & {
|
|
317
317
|
Indicator: typeof Input.Addon;
|
|
318
318
|
MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;
|
|
319
319
|
};
|
|
@@ -325,7 +325,7 @@ declare const RangeInputTrigger: Intergalactic.Component<
|
|
|
325
325
|
> & {
|
|
326
326
|
Addon: typeof Input.Addon;
|
|
327
327
|
Value: typeof Input.Value;
|
|
328
|
-
DateRange: Intergalactic.Component<'div',
|
|
328
|
+
DateRange: Intergalactic.Component<'div', NSInput.Value.Props & DateRangeProps> & {
|
|
329
329
|
Indicator: typeof Input.Addon;
|
|
330
330
|
RangeSep: typeof Input.Addon;
|
|
331
331
|
FromMaskedInput: Intergalactic.Component<
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/date-picker",
|
|
3
3
|
"description": "Semrush DatePicker Component",
|
|
4
|
-
"version": "17.2.
|
|
4
|
+
"version": "17.2.1-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/base-trigger": "^17.2.
|
|
18
|
-
"@semcore/button": "^17.2.
|
|
19
|
-
"@semcore/divider": "^17.2.
|
|
20
|
-
"@semcore/dropdown": "^17.
|
|
21
|
-
"@semcore/input": "^17.2.
|
|
22
|
-
"@semcore/input-mask": "^17.2.
|
|
23
|
-
"@semcore/typography": "^17.2.
|
|
24
|
-
"@semcore/checkbox": "^17.2.
|
|
25
|
-
"@semcore/tooltip": "^17.2.
|
|
17
|
+
"@semcore/base-trigger": "^17.2.1",
|
|
18
|
+
"@semcore/button": "^17.2.1",
|
|
19
|
+
"@semcore/divider": "^17.2.1",
|
|
20
|
+
"@semcore/dropdown": "^17.3.0",
|
|
21
|
+
"@semcore/input": "^17.2.2-prerelease.1",
|
|
22
|
+
"@semcore/input-mask": "^17.2.1-prerelease.1",
|
|
23
|
+
"@semcore/typography": "^17.2.1",
|
|
24
|
+
"@semcore/checkbox": "^17.2.1",
|
|
25
|
+
"@semcore/tooltip": "^17.2.1",
|
|
26
26
|
"dayjs": "1.8.36"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@semcore/base-components": "^17.2.
|
|
29
|
+
"@semcore/base-components": "^17.2.1",
|
|
30
30
|
"@semcore/icon": "^17.2.0"
|
|
31
31
|
},
|
|
32
32
|
"repository": {
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"directory": "semcore/date-picker"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@semcore/core": "17.2.
|
|
39
|
-
"@semcore/base-components": "17.2.
|
|
38
|
+
"@semcore/core": "17.2.1",
|
|
39
|
+
"@semcore/base-components": "17.2.1",
|
|
40
40
|
"@semcore/testing-utils": "1.0.0",
|
|
41
41
|
"@semcore/icon": "17.2.0"
|
|
42
42
|
},
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { resolve as resolvePath } from 'node:path';
|
|
2
|
+
|
|
3
|
+
import { defineConfig } from 'vitest/config';
|
|
4
|
+
|
|
5
|
+
import { vitestPlugins, vitestResolve } from '../../vitest.config.mts';
|
|
6
|
+
|
|
7
|
+
export default defineConfig({
|
|
8
|
+
plugins: vitestPlugins,
|
|
9
|
+
resolve: vitestResolve,
|
|
10
|
+
test: {
|
|
11
|
+
include: [
|
|
12
|
+
'__tests__/**/*.test.tsx',
|
|
13
|
+
],
|
|
14
|
+
environment: 'jsdom',
|
|
15
|
+
setupFiles: [resolvePath(__dirname, '../../tools/testing-utils/setupTests')],
|
|
16
|
+
},
|
|
17
|
+
});
|