@cloudscape-design/components-themeable 3.0.51 → 3.0.54

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.
Files changed (78) hide show
  1. package/lib/internal/scss/collection-preferences/visible-content.scss +0 -1
  2. package/lib/internal/scss/date-input/styles.scss +8 -0
  3. package/lib/internal/scss/property-filter/styles.scss +39 -13
  4. package/lib/internal/template/collection-preferences/styles.css.js +19 -19
  5. package/lib/internal/template/collection-preferences/styles.scoped.css +20 -21
  6. package/lib/internal/template/collection-preferences/styles.selectors.js +19 -19
  7. package/lib/internal/template/{internal/components/date-input → date-input}/index.d.ts +1 -1
  8. package/lib/internal/template/date-input/index.d.ts.map +1 -0
  9. package/lib/internal/template/date-input/index.js +15 -0
  10. package/lib/internal/template/date-input/index.js.map +1 -0
  11. package/lib/internal/template/date-input/interfaces.d.ts +9 -0
  12. package/lib/internal/template/date-input/interfaces.d.ts.map +1 -0
  13. package/lib/internal/template/date-input/interfaces.js +4 -0
  14. package/lib/internal/template/date-input/interfaces.js.map +1 -0
  15. package/lib/internal/template/date-input/internal.d.ts +6 -0
  16. package/lib/internal/template/date-input/internal.d.ts.map +1 -0
  17. package/lib/internal/template/date-input/internal.js +30 -0
  18. package/lib/internal/template/date-input/internal.js.map +1 -0
  19. package/lib/internal/template/date-input/styles.css.js +6 -0
  20. package/lib/internal/template/date-input/styles.scoped.css +7 -0
  21. package/lib/internal/template/date-input/styles.selectors.js +7 -0
  22. package/lib/internal/template/date-picker/calendar/grid/index.d.ts +4 -8
  23. package/lib/internal/template/date-picker/calendar/grid/index.d.ts.map +1 -1
  24. package/lib/internal/template/date-picker/calendar/grid/index.js +4 -6
  25. package/lib/internal/template/date-picker/calendar/grid/index.js.map +1 -1
  26. package/lib/internal/template/date-picker/calendar/index.d.ts +11 -19
  27. package/lib/internal/template/date-picker/calendar/index.d.ts.map +1 -1
  28. package/lib/internal/template/date-picker/calendar/index.js +29 -19
  29. package/lib/internal/template/date-picker/calendar/index.js.map +1 -1
  30. package/lib/internal/template/date-picker/calendar/utils/memoized-date.d.ts +1 -1
  31. package/lib/internal/template/date-picker/calendar/utils/memoized-date.d.ts.map +1 -1
  32. package/lib/internal/template/date-picker/calendar/utils/memoized-date.js +1 -1
  33. package/lib/internal/template/date-picker/calendar/utils/memoized-date.js.map +1 -1
  34. package/lib/internal/template/date-picker/index.d.ts.map +1 -1
  35. package/lib/internal/template/date-picker/index.js +11 -19
  36. package/lib/internal/template/date-picker/index.js.map +1 -1
  37. package/lib/internal/template/date-range-picker/calendar/index.js +3 -3
  38. package/lib/internal/template/date-range-picker/calendar/index.js.map +1 -1
  39. package/lib/internal/template/internal/environment.js +1 -1
  40. package/lib/internal/template/property-filter/index.d.ts.map +1 -1
  41. package/lib/internal/template/property-filter/index.js +1 -1
  42. package/lib/internal/template/property-filter/index.js.map +1 -1
  43. package/lib/internal/template/property-filter/property-filter-autosuggest.d.ts.map +1 -1
  44. package/lib/internal/template/property-filter/property-filter-autosuggest.js +4 -2
  45. package/lib/internal/template/property-filter/property-filter-autosuggest.js.map +1 -1
  46. package/lib/internal/template/property-filter/styles.css.js +30 -27
  47. package/lib/internal/template/property-filter/styles.scoped.css +59 -34
  48. package/lib/internal/template/property-filter/styles.selectors.js +30 -27
  49. package/lib/internal/template/property-filter/token-editor.d.ts.map +1 -1
  50. package/lib/internal/template/property-filter/token-editor.js +17 -22
  51. package/lib/internal/template/property-filter/token-editor.js.map +1 -1
  52. package/lib/internal/template/test-utils/dom/date-input/index.d.ts +4 -0
  53. package/lib/internal/template/test-utils/dom/date-input/index.js +31 -0
  54. package/lib/internal/template/test-utils/dom/date-input/index.js.map +1 -0
  55. package/lib/internal/template/test-utils/selectors/date-input/index.d.ts +4 -0
  56. package/lib/internal/template/test-utils/selectors/date-input/index.js +31 -0
  57. package/lib/internal/template/test-utils/selectors/date-input/index.js.map +1 -0
  58. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  59. package/package.json +1 -1
  60. package/lib/internal/template/date-picker/calendar/definitions.d.ts +0 -9
  61. package/lib/internal/template/date-picker/calendar/definitions.d.ts.map +0 -1
  62. package/lib/internal/template/date-picker/calendar/definitions.js +0 -2
  63. package/lib/internal/template/date-picker/calendar/definitions.js.map +0 -1
  64. package/lib/internal/template/date-picker/embedded.d.ts +0 -3
  65. package/lib/internal/template/date-picker/embedded.d.ts.map +0 -1
  66. package/lib/internal/template/date-picker/embedded.js +0 -15
  67. package/lib/internal/template/date-picker/embedded.js.map +0 -1
  68. package/lib/internal/template/date-picker/use-date-picker.d.ts +0 -17
  69. package/lib/internal/template/date-picker/use-date-picker.d.ts.map +0 -1
  70. package/lib/internal/template/date-picker/use-date-picker.js +0 -48
  71. package/lib/internal/template/date-picker/use-date-picker.js.map +0 -1
  72. package/lib/internal/template/internal/components/date-input/index.d.ts.map +0 -1
  73. package/lib/internal/template/internal/components/date-input/index.js +0 -28
  74. package/lib/internal/template/internal/components/date-input/index.js.map +0 -1
  75. package/lib/internal/template/internal/components/date-input/interfaces.d.ts +0 -16
  76. package/lib/internal/template/internal/components/date-input/interfaces.d.ts.map +0 -1
  77. package/lib/internal/template/internal/components/date-input/interfaces.js +0 -2
  78. package/lib/internal/template/internal/components/date-input/interfaces.js.map +0 -1
@@ -1,15 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- import React from 'react';
4
- import Calendar from './calendar';
5
- import { memoizedDate } from './calendar/utils/memoized-date';
6
- import { useDatePicker } from './use-date-picker';
7
- export var DatePickerEmbedded = function (_a) {
8
- var value = _a.value, _b = _a.locale, locale = _b === void 0 ? '' : _b, startOfWeek = _a.startOfWeek, isDateEnabled = _a.isDateEnabled, nextMonthAriaLabel = _a.nextMonthAriaLabel, previousMonthAriaLabel = _a.previousMonthAriaLabel, todayAriaLabel = _a.todayAriaLabel, onChange = _a.onChange;
9
- var _c = useDatePicker({
10
- value: value,
11
- onChange: onChange
12
- }), displayedDate = _c.displayedDate, selectedDate = _c.selectedDate, onChangeMonthHandler = _c.onChangeMonthHandler, onSelectDateHandler = _c.onSelectDateHandler;
13
- return (React.createElement(Calendar, { selectedDate: memoizedDate('value', selectedDate), displayedDate: memoizedDate('displayed', displayedDate), locale: locale, startOfWeek: startOfWeek, isDateEnabled: isDateEnabled ? isDateEnabled : function () { return true; }, nextMonthLabel: nextMonthAriaLabel, previousMonthLabel: previousMonthAriaLabel, todayAriaLabel: todayAriaLabel, onChangeMonth: onChangeMonthHandler, onSelectDate: onSelectDateHandler }));
14
- };
15
- //# sourceMappingURL=embedded.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"embedded.js","sourceRoot":"","sources":["../../../src/date-picker/embedded.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EASb;QARpB,KAAK,WAAA,EACL,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,sBAAsB,4BAAA,EACtB,cAAc,oBAAA,EACd,QAAQ,cAAA;IAEF,IAAA,KAA6E,aAAa,CAAC;QAC/F,KAAK,OAAA;QACL,QAAQ,UAAA;KACT,CAAC,EAHM,aAAa,mBAAA,EAAE,YAAY,kBAAA,EAAE,oBAAoB,0BAAA,EAAE,mBAAmB,yBAG5E,CAAC;IAEH,OAAO,CACL,oBAAC,QAAQ,IACP,YAAY,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,EACjD,aAAa,EAAE,YAAY,CAAC,WAAW,EAAE,aAAa,CAAC,EACvD,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,EACzD,cAAc,EAAE,kBAAkB,EAClC,kBAAkB,EAAE,sBAAsB,EAC1C,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,oBAAoB,EACnC,YAAY,EAAE,mBAAmB,GACjC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { DatePickerBaseProps } from './interfaces';\nimport Calendar from './calendar';\nimport { memoizedDate } from './calendar/utils/memoized-date';\nimport { useDatePicker } from './use-date-picker';\n\nexport const DatePickerEmbedded = ({\n value,\n locale = '',\n startOfWeek,\n isDateEnabled,\n nextMonthAriaLabel,\n previousMonthAriaLabel,\n todayAriaLabel,\n onChange,\n}: DatePickerBaseProps) => {\n const { displayedDate, selectedDate, onChangeMonthHandler, onSelectDateHandler } = useDatePicker({\n value,\n onChange,\n });\n\n return (\n <Calendar\n selectedDate={memoizedDate('value', selectedDate)}\n displayedDate={memoizedDate('displayed', displayedDate)}\n locale={locale}\n startOfWeek={startOfWeek}\n isDateEnabled={isDateEnabled ? isDateEnabled : () => true}\n nextMonthLabel={nextMonthAriaLabel}\n previousMonthLabel={previousMonthAriaLabel}\n todayAriaLabel={todayAriaLabel}\n onChangeMonth={onChangeMonthHandler}\n onSelectDate={onSelectDateHandler}\n />\n );\n};\n"]}
@@ -1,17 +0,0 @@
1
- import { CalendarTypes } from './calendar/definitions';
2
- import { NonCancelableEventHandler } from '../internal/events';
3
- import { DatePickerProps } from './interfaces';
4
- export declare function useDatePicker({ value, onChange }: UseDatePickerProps): {
5
- defaultDisplayedDate: string;
6
- displayedDate: string;
7
- setDisplayedDate: import("react").Dispatch<import("react").SetStateAction<string>>;
8
- selectedDate: string | null;
9
- setSelectedDate: import("react").Dispatch<import("react").SetStateAction<string | null>>;
10
- onChangeMonthHandler: (newMonth: Date) => void;
11
- onSelectDateHandler: ({ date }: CalendarTypes.DateDetail) => void;
12
- };
13
- export interface UseDatePickerProps {
14
- value: string;
15
- onChange: NonCancelableEventHandler<DatePickerProps.ChangeDetail> | undefined;
16
- }
17
- //# sourceMappingURL=use-date-picker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/use-date-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB;;;;;;qCAO3B,IAAI;oCAIL,cAAc,UAAU;EAgChE;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;CAC/E"}
@@ -1,48 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- import { useState } from 'react';
4
- import { usePrevious } from '../internal/hooks/use-previous';
5
- import { fireNonCancelableEvent } from '../internal/events';
6
- import { formatDate } from '../internal/utils/date-time';
7
- export function useDatePicker(_a) {
8
- var value = _a.value, onChange = _a.onChange;
9
- var defaultSelectedDate = value.length >= 10 ? value : null;
10
- var _b = useState(defaultSelectedDate), selectedDate = _b[0], setSelectedDate = _b[1];
11
- var defaultDisplayedDate = value.length >= 10 ? value : formatDate(new Date());
12
- var _c = useState(defaultDisplayedDate), displayedDate = _c[0], setDisplayedDate = _c[1];
13
- var onChangeMonthHandler = function (newMonth) {
14
- setDisplayedDate(formatDate(newMonth));
15
- };
16
- var onSelectDateHandler = function (_a) {
17
- var date = _a.date;
18
- var formattedDate = formatDate(date);
19
- setSelectedDate(formattedDate);
20
- setDisplayedDate(formattedDate);
21
- fireNonCancelableEvent(onChange, { value: formattedDate });
22
- };
23
- var prevValue = usePrevious(value);
24
- if (prevValue !== value) {
25
- if (value === '' && selectedDate !== value) {
26
- setSelectedDate(value);
27
- }
28
- // update the displayedDate when inputValue changes in order to
29
- // display the correct month when the date picker gets open again.
30
- if (value.length >= 4 && displayedDate !== value) {
31
- setDisplayedDate(value);
32
- }
33
- // set the selected date only when a full date (yyyy-mm-dd) is entered
34
- if (value.length >= 10 && selectedDate !== value) {
35
- setSelectedDate(value);
36
- }
37
- }
38
- return {
39
- defaultDisplayedDate: defaultDisplayedDate,
40
- displayedDate: displayedDate,
41
- setDisplayedDate: setDisplayedDate,
42
- selectedDate: selectedDate,
43
- setSelectedDate: setSelectedDate,
44
- onChangeMonthHandler: onChangeMonthHandler,
45
- onSelectDateHandler: onSelectDateHandler
46
- };
47
- }
48
- //# sourceMappingURL=use-date-picker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-date-picker.js","sourceRoot":"","sources":["../../../src/date-picker/use-date-picker.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,UAAU,aAAa,CAAC,EAAuC;QAArC,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC7C,IAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,IAAA,KAAkC,QAAQ,CAAgB,mBAAmB,CAAC,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;IAErF,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC3E,IAAA,KAAoC,QAAQ,CAAS,oBAAoB,CAAC,EAAzE,aAAa,QAAA,EAAE,gBAAgB,QAA0C,CAAC;IAEjF,IAAM,oBAAoB,GAAG,UAAC,QAAc;QAC1C,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG,UAAC,EAAkC;YAAhC,IAAI,UAAA;QACjC,IAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACvC,eAAe,CAAC,aAAa,CAAC,CAAC;QAC/B,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAChC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,IAAI,KAAK,KAAK,EAAE,IAAI,YAAY,KAAK,KAAK,EAAE;YAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;QACD,+DAA+D;QAC/D,kEAAkE;QAClE,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,aAAa,KAAK,KAAK,EAAE;YAChD,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;QACD,sEAAsE;QACtE,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,IAAI,YAAY,KAAK,KAAK,EAAE;YAChD,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;KACF;IAED,OAAO;QACL,oBAAoB,sBAAA;QACpB,aAAa,eAAA;QACb,gBAAgB,kBAAA;QAChB,YAAY,cAAA;QACZ,eAAe,iBAAA;QACf,oBAAoB,sBAAA;QACpB,mBAAmB,qBAAA;KACpB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { CalendarTypes } from './calendar/definitions';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { DatePickerProps } from './interfaces';\nimport { formatDate } from '../internal/utils/date-time';\n\nexport function useDatePicker({ value, onChange }: UseDatePickerProps) {\n const defaultSelectedDate = value.length >= 10 ? value : null;\n const [selectedDate, setSelectedDate] = useState<string | null>(defaultSelectedDate);\n\n const defaultDisplayedDate = value.length >= 10 ? value : formatDate(new Date());\n const [displayedDate, setDisplayedDate] = useState<string>(defaultDisplayedDate);\n\n const onChangeMonthHandler = (newMonth: Date) => {\n setDisplayedDate(formatDate(newMonth));\n };\n\n const onSelectDateHandler = ({ date }: CalendarTypes.DateDetail) => {\n const formattedDate = formatDate(date);\n setSelectedDate(formattedDate);\n setDisplayedDate(formattedDate);\n fireNonCancelableEvent(onChange, { value: formattedDate });\n };\n\n const prevValue = usePrevious(value);\n if (prevValue !== value) {\n if (value === '' && selectedDate !== value) {\n setSelectedDate(value);\n }\n // update the displayedDate when inputValue changes in order to\n // display the correct month when the date picker gets open again.\n if (value.length >= 4 && displayedDate !== value) {\n setDisplayedDate(value);\n }\n // set the selected date only when a full date (yyyy-mm-dd) is entered\n if (value.length >= 10 && selectedDate !== value) {\n setSelectedDate(value);\n }\n }\n\n return {\n defaultDisplayedDate,\n displayedDate,\n setDisplayedDate,\n selectedDate,\n setSelectedDate,\n onChangeMonthHandler,\n onSelectDateHandler,\n };\n}\n\nexport interface UseDatePickerProps {\n value: string;\n onChange: NonCancelableEventHandler<DatePickerProps.ChangeDetail> | undefined;\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/date-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAc,MAAM,OAAO,CAAC;AAOnC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAkB1B,QAAA,MAAM,SAAS,2FAed,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,28 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
- // SPDX-License-Identifier: Apache-2.0
4
- import { getDaysInMonth } from 'date-fns';
5
- import React from 'react';
6
- import { fireNonCancelableEvent } from '../../events';
7
- import { displayToIso, isoToDisplay, parseDate } from '../../utils/date-time';
8
- import MaskedInput from '../masked-input';
9
- function daysMax(value) {
10
- // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018
11
- var baseDate = displayToIso(value).substring(0, 7);
12
- return getDaysInMonth(parseDate(baseDate));
13
- }
14
- var maskArgs = {
15
- separator: '/',
16
- inputSeparators: ['-', '.', ' '],
17
- segments: [
18
- { min: 0, max: 9999, "default": 2000, length: 4 },
19
- { min: 1, max: 12, length: 2 },
20
- { min: 1, max: daysMax, length: 2 },
21
- ]
22
- };
23
- var DateInput = React.forwardRef(function (_a, ref) {
24
- var _b = _a.__internalRootRef, __internalRootRef = _b === void 0 ? null : _b, value = _a.value, onChange = _a.onChange, props = __rest(_a, ["__internalRootRef", "value", "onChange"]);
25
- return (React.createElement(MaskedInput, __assign({ value: isoToDisplay(value), onChange: function (event) { return fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) }); } }, props, { ref: ref, disableBrowserAutocorrect: true, mask: maskArgs, autofix: true, __internalRootRef: __internalRootRef })));
26
- });
27
- export default DateInput;
28
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/date-input/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE9E,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAO1C,SAAS,OAAO,CAAC,KAAa;IAC5B,2EAA2E;IAC3E,IAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,IAAM,QAAQ,GAAa;IACzB,SAAS,EAAE,GAAG;IACd,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAChC,QAAQ,EAAE;QACR,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,SAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;QAC/C,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QAC9B,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;KACpC;CACF,CAAC;AAEF,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,UAAC,EAAuE,EAAE,GAA4B;IAAnG,IAAA,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAArD,0CAAuD,CAAF;IACpD,OAAO,CACL,oBAAC,WAAW,aACV,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAC1B,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAA7E,CAA6E,IAC5F,KAAK,IACT,GAAG,EAAE,GAAG,EACR,yBAAyB,EAAE,IAAI,EAC/B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,IAAI,EACb,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getDaysInMonth } from 'date-fns';\nimport React, { Ref } from 'react';\nimport { fireNonCancelableEvent } from '../../events';\nimport { displayToIso, isoToDisplay, parseDate } from '../../utils/date-time';\n\nimport MaskedInput from '../masked-input';\nimport { MaskArgs } from '../masked-input/utils/mask-format';\n\nimport { DateInputProps } from './interfaces';\n\nexport { DateInputProps };\n\nfunction daysMax(value: string): number {\n // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018\n const baseDate = displayToIso(value).substring(0, 7);\n return getDaysInMonth(parseDate(baseDate));\n}\n\nconst maskArgs: MaskArgs = {\n separator: '/',\n inputSeparators: ['-', '.', ' '],\n segments: [\n { min: 0, max: 9999, default: 2000, length: 4 },\n { min: 1, max: 12, length: 2 },\n { min: 1, max: daysMax, length: 2 },\n ],\n};\n\nconst DateInput = React.forwardRef(\n ({ __internalRootRef = null, value, onChange, ...props }: DateInputProps, ref: Ref<DateInputProps.Ref>) => {\n return (\n <MaskedInput\n value={isoToDisplay(value)}\n onChange={event => fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) })}\n {...props}\n ref={ref}\n disableBrowserAutocorrect={true}\n mask={maskArgs}\n autofix={true}\n __internalRootRef={__internalRootRef}\n />\n );\n }\n);\n\nexport default DateInput;\n"]}
@@ -1,16 +0,0 @@
1
- import { InternalInputProps } from '../../../input/internal';
2
- export interface DateInputProps extends InternalInputProps {
3
- /**
4
- * Disable value autocompletion when input is blurred
5
- */
6
- disableAutocompleteOnBlur?: boolean;
7
- }
8
- export declare namespace DateInputProps {
9
- interface Ref {
10
- /**
11
- * Sets input focus onto the UI control.
12
- */
13
- focus(): void;
14
- }
15
- }
16
- //# sourceMappingURL=interfaces.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/date-input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=interfaces.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/date-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { InternalInputProps } from '../../../input/internal';\n\nexport interface DateInputProps extends InternalInputProps {\n /**\n * Disable value autocompletion when input is blurred\n */\n disableAutocompleteOnBlur?: boolean;\n}\n\nexport namespace DateInputProps {\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n }\n}\n"]}