@atlaskit/datetime-picker 18.3.0 → 18.4.0
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 +26 -0
- package/codemods/14.0.0-remove-duplicate-and-unused-props.tsx +0 -1
- package/dist/cjs/components/date-picker.js +14 -16
- package/dist/cjs/components/date-time-picker.js +6 -6
- package/dist/cjs/components/time-picker.js +15 -22
- package/dist/cjs/internal/date-time-picker-container.js +2 -2
- package/dist/cjs/internal/fixed-layer-menu-top-layer.js +3 -7
- package/dist/cjs/internal/fixed-layer-menu.js +4 -8
- package/dist/cjs/internal/fixed-layer.js +7 -5
- package/dist/cjs/internal/indicators-container.js +2 -2
- package/dist/cjs/internal/menu-top-layer.js +1 -1
- package/dist/cjs/internal/menu.js +3 -3
- package/dist/cjs/internal/single-value.js +3 -2
- package/dist/es2019/components/date-picker.js +6 -8
- package/dist/es2019/components/date-time-picker.js +3 -3
- package/dist/es2019/components/time-picker.js +10 -17
- package/dist/es2019/internal/date-time-picker-container.js +1 -1
- package/dist/es2019/internal/fixed-layer-menu-top-layer.js +2 -6
- package/dist/es2019/internal/fixed-layer-menu.js +3 -7
- package/dist/es2019/internal/fixed-layer.js +4 -2
- package/dist/es2019/internal/indicators-container.js +1 -1
- package/dist/es2019/internal/menu-top-layer.js +1 -1
- package/dist/es2019/internal/menu.js +2 -2
- package/dist/es2019/internal/single-value.js +2 -2
- package/dist/esm/components/date-picker.js +6 -8
- package/dist/esm/components/date-time-picker.js +3 -3
- package/dist/esm/components/time-picker.js +10 -17
- package/dist/esm/internal/date-time-picker-container.js +1 -1
- package/dist/esm/internal/fixed-layer-menu-top-layer.js +2 -6
- package/dist/esm/internal/fixed-layer-menu.js +3 -7
- package/dist/esm/internal/fixed-layer.js +4 -2
- package/dist/esm/internal/indicators-container.js +1 -1
- package/dist/esm/internal/menu-top-layer.js +1 -1
- package/dist/esm/internal/menu.js +2 -2
- package/dist/esm/internal/single-value.js +2 -2
- package/dist/types/components/date-picker.d.ts +1 -1
- package/dist/types/internal/fixed-layer-menu-top-layer.d.ts +1 -1
- package/dist/types/internal/fixed-layer-menu.d.ts +1 -1
- package/dist/types/internal/format-date.d.ts +1 -1
- package/dist/types/internal/get-placeholder.d.ts +1 -1
- package/dist/types/internal/indicators-container.d.ts +1 -1
- package/dist/types/internal/menu-top-layer.d.ts +1 -1
- package/dist/types/internal/menu.d.ts +1 -1
- package/dist/types/internal/parse-date.d.ts +1 -1
- package/dist/types/internal/single-value.d.ts +1 -1
- package/dist/types/types.d.ts +2 -2
- package/package.json +24 -46
- package/datetime-picker.docs.tsx +0 -132
|
@@ -3,11 +3,13 @@ import React, { forwardRef, useCallback, useEffect, useReducer, useState } from
|
|
|
3
3
|
|
|
4
4
|
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
5
5
|
import { format, isValid } from 'date-fns';
|
|
6
|
-
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
6
|
+
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
7
7
|
import __noop from '@atlaskit/ds-lib/noop';
|
|
8
|
-
import { createLocalizationProvider } from '@atlaskit/locale';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
|
-
import Select
|
|
8
|
+
import { createLocalizationProvider } from '@atlaskit/locale/localization-provider';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
10
|
+
import Select from '@atlaskit/select/default';
|
|
11
|
+
import CreatableSelect from '@atlaskit/select/creatable-select';
|
|
12
|
+
import { mergeStyles } from '@atlaskit/react-select/styles';
|
|
11
13
|
import { defaultTimes } from '../internal/default-times';
|
|
12
14
|
import { EmptyComponent } from '../internal/empty-component';
|
|
13
15
|
import { FixedLayerMenu } from '../internal/fixed-layer-menu';
|
|
@@ -17,7 +19,7 @@ import { convertTokens } from '../internal/parse-tokens';
|
|
|
17
19
|
import { placeholderDatetime } from '../internal/placeholder-date-time';
|
|
18
20
|
import { makeSingleValue } from '../internal/single-value';
|
|
19
21
|
const packageName = "@atlaskit/datetime-picker";
|
|
20
|
-
const packageVersion = "18.
|
|
22
|
+
const packageVersion = "18.3.1";
|
|
21
23
|
const defaultTimeFormat = 'h:mma';
|
|
22
24
|
const menuStyles = {
|
|
23
25
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
@@ -239,8 +241,6 @@ const TimePicker = /*#__PURE__*/forwardRef(({
|
|
|
239
241
|
})
|
|
240
242
|
};
|
|
241
243
|
const renderIconContainer = Boolean(!hideIcon && value);
|
|
242
|
-
|
|
243
|
-
// @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
|
|
244
244
|
const mergedStyles = mergeStyles(selectStyles, {
|
|
245
245
|
control: base => ({
|
|
246
246
|
...base
|
|
@@ -272,9 +272,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
|
|
|
272
272
|
"aria-label": label || undefined,
|
|
273
273
|
appearance: appearance,
|
|
274
274
|
autoFocus: autoFocus,
|
|
275
|
-
clearControlLabel: clearControlLabel
|
|
276
|
-
// @ts-ignore - Type mismatch with components - workaround for help-center local consumption
|
|
277
|
-
,
|
|
275
|
+
clearControlLabel: clearControlLabel,
|
|
278
276
|
components: selectComponents,
|
|
279
277
|
inputId: id,
|
|
280
278
|
isClearable: true,
|
|
@@ -284,22 +282,17 @@ const TimePicker = /*#__PURE__*/forwardRef(({
|
|
|
284
282
|
menuPlacement: "auto",
|
|
285
283
|
openMenuOnFocus: true,
|
|
286
284
|
onBlur: onBlur,
|
|
287
|
-
onCreateOption: onCreateOption
|
|
288
|
-
// @ts-ignore - Type mismatch with onChange handler - workaround for help-center local consumption
|
|
289
|
-
,
|
|
285
|
+
onCreateOption: onCreateOption,
|
|
290
286
|
onChange: onChange,
|
|
291
287
|
options: options,
|
|
292
288
|
onFocus: onFocus,
|
|
293
289
|
onMenuOpen: onMenuOpen,
|
|
294
290
|
onMenuClose: onMenuClose,
|
|
295
|
-
placeholder: placeholder || l10n.formatTime(placeholderDatetime)
|
|
296
|
-
// @ts-ignore - Type mismatch with styles config - workaround for help-center local consumption
|
|
297
|
-
,
|
|
291
|
+
placeholder: placeholder || l10n.formatTime(placeholderDatetime),
|
|
298
292
|
styles: mergedStyles,
|
|
299
293
|
value: initialValue,
|
|
300
294
|
spacing: spacing
|
|
301
295
|
// We need this to get things to work, even though it's not supported.
|
|
302
|
-
// @ts-ignore
|
|
303
296
|
,
|
|
304
297
|
fixedLayerRef: containerRef,
|
|
305
298
|
isInvalid: isInvalid,
|
|
@@ -4,7 +4,7 @@ import "./date-time-picker-container.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { forwardRef } from 'react';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
8
8
|
const isInvalidBorderStyles = null;
|
|
9
9
|
const isFocusedBorderStyles = null;
|
|
10
10
|
const isFocusedStyles = null;
|
|
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { useRef } from 'react';
|
|
6
|
-
import { components } from '@atlaskit/select';
|
|
6
|
+
import { components } from '@atlaskit/react-select/components';
|
|
7
7
|
import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
|
|
8
8
|
import { Popover } from '@atlaskit/top-layer/popover';
|
|
9
9
|
import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
|
|
@@ -54,9 +54,7 @@ export const FixedLayerMenuTopLayer = ({
|
|
|
54
54
|
}) => {
|
|
55
55
|
var _selectProps$fixedLay, _selectProps$fixedLay2;
|
|
56
56
|
// The select's container element is the anchor for the popup.
|
|
57
|
-
// @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
|
|
58
57
|
const triggerRef = useRef((_selectProps$fixedLay = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay !== void 0 ? _selectProps$fixedLay : null);
|
|
59
|
-
// @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
|
|
60
58
|
triggerRef.current = (_selectProps$fixedLay2 = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay2 !== void 0 ? _selectProps$fixedLay2 : null;
|
|
61
59
|
const popoverRef = useRef(null);
|
|
62
60
|
useAnchorPosition({
|
|
@@ -82,9 +80,7 @@ export const FixedLayerMenuTopLayer = ({
|
|
|
82
80
|
,
|
|
83
81
|
mode: "manual",
|
|
84
82
|
placement: popupPlacement,
|
|
85
|
-
shouldAnimate: true
|
|
86
|
-
// @ts-ignore -- testId is a custom prop passed through selectProps
|
|
87
|
-
,
|
|
83
|
+
shouldAnimate: true,
|
|
88
84
|
testId: selectProps.testId && `${selectProps.testId}--popup`
|
|
89
85
|
}, /*#__PURE__*/React.createElement(PopoverSurface, null, /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
|
|
90
86
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { components } from '@atlaskit/select';
|
|
5
|
+
import { components } from '@atlaskit/react-select/components';
|
|
6
6
|
import FixedLayer from '../internal/fixed-layer';
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -33,9 +33,7 @@ export const FixedLayerMenu = ({
|
|
|
33
33
|
children,
|
|
34
34
|
...rest
|
|
35
35
|
}) => /*#__PURE__*/React.createElement(FixedLayer, {
|
|
36
|
-
inputValue: selectProps.inputValue
|
|
37
|
-
//@ts-ignore react-select unsupported props
|
|
38
|
-
,
|
|
36
|
+
inputValue: selectProps.inputValue,
|
|
39
37
|
containerRef: selectProps.fixedLayerRef,
|
|
40
38
|
content: /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
|
|
41
39
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
|
|
@@ -60,8 +58,6 @@ export const FixedLayerMenu = ({
|
|
|
60
58
|
selectOption: selectOption,
|
|
61
59
|
selectProps: selectProps,
|
|
62
60
|
setValue: setValue
|
|
63
|
-
}), children)
|
|
64
|
-
//@ts-ignore react-select unsupported props
|
|
65
|
-
,
|
|
61
|
+
}), children),
|
|
66
62
|
testId: selectProps.testId
|
|
67
63
|
});
|
|
@@ -4,8 +4,10 @@ import "./fixed-layer.compiled.css";
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import noop from '@atlaskit/ds-lib/noop';
|
|
7
|
-
import { sizes } from '@atlaskit/icon';
|
|
8
|
-
import { Manager
|
|
7
|
+
import { sizes } from '@atlaskit/icon/constants/default';
|
|
8
|
+
import { Manager } from '@atlaskit/popper/manager';
|
|
9
|
+
import { Popper } from '@atlaskit/popper/main';
|
|
10
|
+
import { Reference } from '@atlaskit/popper/reference';
|
|
9
11
|
const styles = {
|
|
10
12
|
root: "_bfhk1j28 _kqswstnw _152tze3t",
|
|
11
13
|
popperStyles: "_1pbyowjs"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import "./indicators-container.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { components } from '@atlaskit/select';
|
|
5
|
+
import { components } from '@atlaskit/react-select/components';
|
|
6
6
|
const styles = {
|
|
7
7
|
calendarButtonInclusionStyles: "_ahbqxy5q",
|
|
8
8
|
calendarButtonOnlyInclusionStyles: "_ahbq1ejb"
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { Fragment, useRef } from 'react';
|
|
6
6
|
import { isValid, parseISO } from 'date-fns';
|
|
7
|
-
import Calendar from '@atlaskit/calendar';
|
|
7
|
+
import Calendar from '@atlaskit/calendar/calendar';
|
|
8
8
|
import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
|
|
9
9
|
import { Popover } from '@atlaskit/top-layer/popover';
|
|
10
10
|
import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
|
|
@@ -7,9 +7,9 @@ import { Fragment } from 'react';
|
|
|
7
7
|
|
|
8
8
|
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
9
9
|
import { isValid, parseISO } from 'date-fns';
|
|
10
|
-
import Calendar from '@atlaskit/calendar';
|
|
10
|
+
import Calendar from '@atlaskit/calendar/calendar';
|
|
11
11
|
import { Layering } from '@atlaskit/layering/layering';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
13
13
|
import FixedLayer from '../internal/fixed-layer';
|
|
14
14
|
|
|
15
15
|
/**
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { components } from '@atlaskit/select';
|
|
4
|
-
|
|
3
|
+
import { components } from '@atlaskit/react-select/components';
|
|
5
4
|
/**
|
|
6
5
|
* This creates a functional component that `react-select` will use to make the
|
|
7
6
|
* SingleValue part of the different pickers.
|
|
8
7
|
*/
|
|
9
8
|
export const makeSingleValue =
|
|
10
9
|
// TODO: Make ID required
|
|
10
|
+
|
|
11
11
|
({
|
|
12
12
|
id,
|
|
13
13
|
lang
|
|
@@ -15,15 +15,16 @@ import { forwardRef, useCallback, useEffect, useReducer, useRef, useState } from
|
|
|
15
15
|
|
|
16
16
|
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
17
17
|
import { isValid, parseISO } from 'date-fns';
|
|
18
|
-
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
18
|
+
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
19
19
|
import { IconButton } from '@atlaskit/button/new';
|
|
20
20
|
import { cx } from '@atlaskit/css';
|
|
21
21
|
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
22
22
|
import CalendarIcon from '@atlaskit/icon/core/calendar';
|
|
23
|
-
import { createLocalizationProvider } from '@atlaskit/locale';
|
|
24
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
23
|
+
import { createLocalizationProvider } from '@atlaskit/locale/localization-provider';
|
|
24
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
25
25
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
26
|
-
import Select
|
|
26
|
+
import Select from '@atlaskit/select/default';
|
|
27
|
+
import { mergeStyles } from '@atlaskit/react-select/styles';
|
|
27
28
|
import { EmptyComponent } from '../internal/empty-component';
|
|
28
29
|
import { formatDate } from '../internal/format-date';
|
|
29
30
|
import { getParsedISO } from '../internal/get-parsed-iso';
|
|
@@ -37,7 +38,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
|
|
|
37
38
|
import { parseDate } from '../internal/parse-date';
|
|
38
39
|
import { makeSingleValue } from '../internal/single-value';
|
|
39
40
|
var packageName = "@atlaskit/datetime-picker";
|
|
40
|
-
var packageVersion = "18.
|
|
41
|
+
var packageVersion = "18.3.1";
|
|
41
42
|
var styles = {
|
|
42
43
|
pickerContainerStyle: "_kqswh2mm",
|
|
43
44
|
dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
|
|
@@ -501,8 +502,6 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, _forwardedRef) {
|
|
|
501
502
|
*/
|
|
502
503
|
menuInnerWrapper: props === null || props === void 0 ? void 0 : props.menuInnerWrapper
|
|
503
504
|
};
|
|
504
|
-
|
|
505
|
-
// @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
|
|
506
505
|
var mergedStyles = mergeStyles(selectStyles, {
|
|
507
506
|
control: function control(base) {
|
|
508
507
|
return _objectSpread(_objectSpread({}, base), disabledStyle);
|
|
@@ -586,7 +585,6 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, _forwardedRef) {
|
|
|
586
585
|
spacing: spacing,
|
|
587
586
|
testId: testId
|
|
588
587
|
// These aren't part of `Select`'s API, but we're using them here.
|
|
589
|
-
// @ts-ignore -- Property 'calendarContainerRef' does not exist on type 'IntrinsicAttributes & LibraryManagedAttributes<(<Option extends unknown = OptionType, IsMulti extends boolean = false>(props: AtlaskitSelectProps<Option, IsMulti> & { ...; }) => Element), AtlaskitSelectProps<...> & { ...; }>'.
|
|
590
588
|
,
|
|
591
589
|
calendarContainerRef: calendarProps.calendarContainerRef,
|
|
592
590
|
calendarDisabled: calendarProps.calendarDisabled,
|
|
@@ -16,18 +16,18 @@ import React, { forwardRef, useCallback, useEffect, useReducer, useRef, useState
|
|
|
16
16
|
|
|
17
17
|
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
18
18
|
import { format, isValid, parseISO } from 'date-fns';
|
|
19
|
-
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
19
|
+
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
20
20
|
import { IconButton } from '@atlaskit/button/new';
|
|
21
21
|
import SelectClearIcon from '@atlaskit/icon/core/cross-circle';
|
|
22
22
|
import { Box, Inline } from '@atlaskit/primitives/compiled';
|
|
23
|
-
import { mergeStyles } from '@atlaskit/select';
|
|
23
|
+
import { mergeStyles } from '@atlaskit/react-select/styles';
|
|
24
24
|
import { DateTimePickerContainer } from '../internal/date-time-picker-container';
|
|
25
25
|
import { formatDateTimeZoneIntoIso } from '../internal/format-date-time-zone-into-iso';
|
|
26
26
|
import { convertTokens } from '../internal/parse-tokens';
|
|
27
27
|
import DatePicker from './date-picker';
|
|
28
28
|
import TimePicker from './time-picker';
|
|
29
29
|
var packageName = "@atlaskit/datetime-picker";
|
|
30
|
-
var packageVersion = "18.
|
|
30
|
+
var packageVersion = "18.3.1";
|
|
31
31
|
var analyticsAttributes = {
|
|
32
32
|
componentName: 'dateTimePicker',
|
|
33
33
|
packageName: packageName,
|
|
@@ -9,11 +9,13 @@ import React, { forwardRef, useCallback, useEffect, useReducer, useState } from
|
|
|
9
9
|
|
|
10
10
|
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
11
11
|
import { format, isValid } from 'date-fns';
|
|
12
|
-
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
12
|
+
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
13
13
|
import __noop from '@atlaskit/ds-lib/noop';
|
|
14
|
-
import { createLocalizationProvider } from '@atlaskit/locale';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
|
-
import Select
|
|
14
|
+
import { createLocalizationProvider } from '@atlaskit/locale/localization-provider';
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
16
|
+
import Select from '@atlaskit/select/default';
|
|
17
|
+
import CreatableSelect from '@atlaskit/select/creatable-select';
|
|
18
|
+
import { mergeStyles } from '@atlaskit/react-select/styles';
|
|
17
19
|
import { defaultTimes } from '../internal/default-times';
|
|
18
20
|
import { EmptyComponent } from '../internal/empty-component';
|
|
19
21
|
import { FixedLayerMenu } from '../internal/fixed-layer-menu';
|
|
@@ -23,7 +25,7 @@ import { convertTokens } from '../internal/parse-tokens';
|
|
|
23
25
|
import { placeholderDatetime } from '../internal/placeholder-date-time';
|
|
24
26
|
import { makeSingleValue } from '../internal/single-value';
|
|
25
27
|
var packageName = "@atlaskit/datetime-picker";
|
|
26
|
-
var packageVersion = "18.
|
|
28
|
+
var packageVersion = "18.3.1";
|
|
27
29
|
var defaultTimeFormat = 'h:mma';
|
|
28
30
|
var menuStyles = {
|
|
29
31
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
@@ -282,8 +284,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
|
|
|
282
284
|
ClearIndicator: EmptyComponent
|
|
283
285
|
});
|
|
284
286
|
var renderIconContainer = Boolean(!hideIcon && value);
|
|
285
|
-
|
|
286
|
-
// @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'.
|
|
287
287
|
var mergedStyles = mergeStyles(selectStyles, {
|
|
288
288
|
control: function control(base) {
|
|
289
289
|
return _objectSpread({}, base);
|
|
@@ -316,9 +316,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
|
|
|
316
316
|
"aria-label": label || undefined,
|
|
317
317
|
appearance: appearance,
|
|
318
318
|
autoFocus: autoFocus,
|
|
319
|
-
clearControlLabel: clearControlLabel
|
|
320
|
-
// @ts-ignore - Type mismatch with components - workaround for help-center local consumption
|
|
321
|
-
,
|
|
319
|
+
clearControlLabel: clearControlLabel,
|
|
322
320
|
components: selectComponents,
|
|
323
321
|
inputId: id,
|
|
324
322
|
isClearable: true,
|
|
@@ -328,22 +326,17 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
|
|
|
328
326
|
menuPlacement: "auto",
|
|
329
327
|
openMenuOnFocus: true,
|
|
330
328
|
onBlur: onBlur,
|
|
331
|
-
onCreateOption: onCreateOption
|
|
332
|
-
// @ts-ignore - Type mismatch with onChange handler - workaround for help-center local consumption
|
|
333
|
-
,
|
|
329
|
+
onCreateOption: onCreateOption,
|
|
334
330
|
onChange: onChange,
|
|
335
331
|
options: options,
|
|
336
332
|
onFocus: onFocus,
|
|
337
333
|
onMenuOpen: onMenuOpen,
|
|
338
334
|
onMenuClose: onMenuClose,
|
|
339
|
-
placeholder: placeholder || l10n.formatTime(placeholderDatetime)
|
|
340
|
-
// @ts-ignore - Type mismatch with styles config - workaround for help-center local consumption
|
|
341
|
-
,
|
|
335
|
+
placeholder: placeholder || l10n.formatTime(placeholderDatetime),
|
|
342
336
|
styles: mergedStyles,
|
|
343
337
|
value: initialValue,
|
|
344
338
|
spacing: spacing
|
|
345
339
|
// We need this to get things to work, even though it's not supported.
|
|
346
|
-
// @ts-ignore
|
|
347
340
|
,
|
|
348
341
|
fixedLayerRef: containerRef,
|
|
349
342
|
isInvalid: isInvalid,
|
|
@@ -4,7 +4,7 @@ import "./date-time-picker-container.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { forwardRef } from 'react';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
8
8
|
var isInvalidBorderStyles = null;
|
|
9
9
|
var isFocusedBorderStyles = null;
|
|
10
10
|
var isFocusedStyles = null;
|
|
@@ -5,7 +5,7 @@ var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasV
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { ax, ix } from "@compiled/react/runtime";
|
|
7
7
|
import { useRef } from 'react';
|
|
8
|
-
import { components } from '@atlaskit/select';
|
|
8
|
+
import { components } from '@atlaskit/react-select/components';
|
|
9
9
|
import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
|
|
10
10
|
import { Popover } from '@atlaskit/top-layer/popover';
|
|
11
11
|
import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
|
|
@@ -55,9 +55,7 @@ var FixedLayerMenuTopLayer = function FixedLayerMenuTopLayer(_ref) {
|
|
|
55
55
|
children = _ref.children,
|
|
56
56
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
57
57
|
// The select's container element is the anchor for the popup.
|
|
58
|
-
// @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
|
|
59
58
|
var triggerRef = useRef((_selectProps$fixedLay = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay !== void 0 ? _selectProps$fixedLay : null);
|
|
60
|
-
// @ts-ignore -- fixedLayerRef is a custom prop passed through selectProps
|
|
61
59
|
triggerRef.current = (_selectProps$fixedLay2 = selectProps.fixedLayerRef) !== null && _selectProps$fixedLay2 !== void 0 ? _selectProps$fixedLay2 : null;
|
|
62
60
|
var popoverRef = useRef(null);
|
|
63
61
|
useAnchorPosition({
|
|
@@ -83,9 +81,7 @@ var FixedLayerMenuTopLayer = function FixedLayerMenuTopLayer(_ref) {
|
|
|
83
81
|
,
|
|
84
82
|
mode: "manual",
|
|
85
83
|
placement: popupPlacement,
|
|
86
|
-
shouldAnimate: true
|
|
87
|
-
// @ts-ignore -- testId is a custom prop passed through selectProps
|
|
88
|
-
,
|
|
84
|
+
shouldAnimate: true,
|
|
89
85
|
testId: selectProps.testId && "".concat(selectProps.testId, "--popup")
|
|
90
86
|
}, /*#__PURE__*/React.createElement(PopoverSurface, null, /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
|
|
91
87
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
|
|
@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
4
4
|
var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { ax, ix } from "@compiled/react/runtime";
|
|
7
|
-
import { components } from '@atlaskit/select';
|
|
7
|
+
import { components } from '@atlaskit/react-select/components';
|
|
8
8
|
import FixedLayer from '../internal/fixed-layer';
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -35,9 +35,7 @@ var FixedLayerMenu = function FixedLayerMenu(_ref) {
|
|
|
35
35
|
children = _ref.children,
|
|
36
36
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
37
37
|
return /*#__PURE__*/React.createElement(FixedLayer, {
|
|
38
|
-
inputValue: selectProps.inputValue
|
|
39
|
-
//@ts-ignore react-select unsupported props
|
|
40
|
-
,
|
|
38
|
+
inputValue: selectProps.inputValue,
|
|
41
39
|
containerRef: selectProps.fixedLayerRef,
|
|
42
40
|
content: /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
|
|
43
41
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
|
|
@@ -62,9 +60,7 @@ var FixedLayerMenu = function FixedLayerMenu(_ref) {
|
|
|
62
60
|
selectOption: selectOption,
|
|
63
61
|
selectProps: selectProps,
|
|
64
62
|
setValue: setValue
|
|
65
|
-
}), children)
|
|
66
|
-
//@ts-ignore react-select unsupported props
|
|
67
|
-
,
|
|
63
|
+
}), children),
|
|
68
64
|
testId: selectProps.testId
|
|
69
65
|
});
|
|
70
66
|
};
|
|
@@ -11,8 +11,10 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
|
|
|
11
11
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import noop from '@atlaskit/ds-lib/noop';
|
|
14
|
-
import { sizes } from '@atlaskit/icon';
|
|
15
|
-
import { Manager
|
|
14
|
+
import { sizes } from '@atlaskit/icon/constants/default';
|
|
15
|
+
import { Manager } from '@atlaskit/popper/manager';
|
|
16
|
+
import { Popper } from '@atlaskit/popper/main';
|
|
17
|
+
import { Reference } from '@atlaskit/popper/reference';
|
|
16
18
|
var styles = {
|
|
17
19
|
root: "_bfhk1j28 _kqswstnw _152tze3t",
|
|
18
20
|
popperStyles: "_1pbyowjs"
|
|
@@ -4,7 +4,7 @@ var _excluded = ["showClearIndicator"];
|
|
|
4
4
|
import "./indicators-container.compiled.css";
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { ax, ix } from "@compiled/react/runtime";
|
|
7
|
-
import { components } from '@atlaskit/select';
|
|
7
|
+
import { components } from '@atlaskit/react-select/components';
|
|
8
8
|
var styles = {
|
|
9
9
|
calendarButtonInclusionStyles: "_ahbqxy5q",
|
|
10
10
|
calendarButtonOnlyInclusionStyles: "_ahbq1ejb"
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { Fragment, useRef } from 'react';
|
|
6
6
|
import { isValid, parseISO } from 'date-fns';
|
|
7
|
-
import Calendar from '@atlaskit/calendar';
|
|
7
|
+
import Calendar from '@atlaskit/calendar/calendar';
|
|
8
8
|
import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
|
|
9
9
|
import { Popover } from '@atlaskit/top-layer/popover';
|
|
10
10
|
import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
|
|
@@ -7,9 +7,9 @@ import { Fragment } from 'react';
|
|
|
7
7
|
|
|
8
8
|
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
9
9
|
import { isValid, parseISO } from 'date-fns';
|
|
10
|
-
import Calendar from '@atlaskit/calendar';
|
|
10
|
+
import Calendar from '@atlaskit/calendar/calendar';
|
|
11
11
|
import { Layering } from '@atlaskit/layering/layering';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
13
13
|
import FixedLayer from '../internal/fixed-layer';
|
|
14
14
|
|
|
15
15
|
/**
|
|
@@ -2,14 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { components } from '@atlaskit/select';
|
|
6
|
-
|
|
5
|
+
import { components } from '@atlaskit/react-select/components';
|
|
7
6
|
/**
|
|
8
7
|
* This creates a functional component that `react-select` will use to make the
|
|
9
8
|
* SingleValue part of the different pickers.
|
|
10
9
|
*/
|
|
11
10
|
export var makeSingleValue =
|
|
12
11
|
// TODO: Make ID required
|
|
12
|
+
|
|
13
13
|
function makeSingleValue(_ref) {
|
|
14
14
|
var id = _ref.id,
|
|
15
15
|
lang = _ref.lang;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { DropdownIndicatorProps, OptionType } from '@atlaskit/select/types';
|
|
2
2
|
import { type DatePickerBaseProps, type DateTimePickerSelectProps } from '../types';
|
|
3
3
|
export type DatePickerProps = DatePickerBaseProps & {
|
|
4
4
|
icon?: React.ComponentType<DropdownIndicatorProps<OptionType>>;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* If component _only_ has injected variables, it is fully internal and was
|
|
16
16
|
* broken out to be it's own function.
|
|
17
17
|
*/
|
|
18
|
-
import {
|
|
18
|
+
import type { LocalizationProvider } from '@atlaskit/locale/localization-provider';
|
|
19
19
|
export declare const formatDate: (value: string, di: {
|
|
20
20
|
formatDisplayLabel: ((value: string, dateFormat: string) => string) | undefined;
|
|
21
21
|
dateFormat: string | undefined;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* If component _only_ has injected variables, it is fully internal and was
|
|
16
16
|
* broken out to be it's own function.
|
|
17
17
|
*/
|
|
18
|
-
import {
|
|
18
|
+
import type { LocalizationProvider } from '@atlaskit/locale/localization-provider';
|
|
19
19
|
export declare const getPlaceholder: (di: {
|
|
20
20
|
placeholder: string | undefined;
|
|
21
21
|
l10n: LocalizationProvider;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import {
|
|
5
|
+
import type { IndicatorsContainerProps } from '@atlaskit/select/types';
|
|
6
6
|
export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any> & {
|
|
7
7
|
showClearIndicator?: boolean;
|
|
8
8
|
}) => JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { OptionType, SingleValueProps } from '@atlaskit/select/types';
|
|
3
3
|
/**
|
|
4
4
|
* This creates a functional component that `react-select` will use to make the
|
|
5
5
|
* SingleValue part of the different pickers.
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
2
|
+
import type { DropdownIndicatorProps, OptionType, SelectProps } from '@atlaskit/select/types';
|
|
3
3
|
export type Appearance = 'default' | 'subtle' | 'none';
|
|
4
4
|
export type Spacing = 'compact' | 'default';
|
|
5
5
|
type Combine<First, Second> = Omit<First, keyof Second> & Second;
|