@commercelayer/app-elements 1.13.3 → 1.14.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.
Files changed (31) hide show
  1. package/dist/InputDateComponent-kN_m4YkL.js +6228 -0
  2. package/dist/{main-65bb12c7.js → main-D4hmGVFA.js} +9230 -9220
  3. package/dist/main.js +72 -72
  4. package/dist/mocks/data/countries.d.ts +1 -1
  5. package/dist/mocks/data/customers.d.ts +1 -1
  6. package/dist/mocks/handlers.d.ts +1 -1
  7. package/dist/mocks/server.d.ts +1 -1
  8. package/dist/providers/TokenProvider/TokenProvider.d.ts +1 -1
  9. package/dist/providers/TokenProvider/getAccessTokenFromUrl.d.ts +1 -1
  10. package/dist/providers/TokenProvider/reducer.d.ts +1 -1
  11. package/dist/providers/TokenProvider/validateToken.d.ts +1 -1
  12. package/dist/style.css +1 -1
  13. package/dist/ui/atoms/Badge/Badge.d.ts +1 -1
  14. package/dist/ui/atoms/Card.d.ts +2 -4
  15. package/dist/ui/atoms/Section.d.ts +1 -1
  16. package/dist/ui/composite/Dropdown/Dropdown.d.ts +1 -1
  17. package/dist/ui/composite/Dropdown/DropdownItem.d.ts +2 -4
  18. package/dist/ui/forms/Form/HookedForm.d.ts +1 -0
  19. package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroupItem.d.ts +1 -1
  20. package/dist/ui/forms/InputCurrencyRange.d.ts +1 -1
  21. package/dist/ui/forms/InputSelect/styles.d.ts +1 -1
  22. package/dist/ui/forms/ReactHookForm/useValidationFeedback.d.ts +1 -1
  23. package/dist/ui/resources/ResourceList/ResourceList.d.ts +1 -1
  24. package/dist/ui/resources/ResourceList/reducer.d.ts +1 -1
  25. package/dist/ui/resources/ResourceListItem/ResourceListItem.mocks.d.ts +10 -10
  26. package/dist/ui/resources/ResourceShipmentParcels.mocks.d.ts +1 -1
  27. package/dist/ui/resources/useResourceFilters/useResourceFilters.d.ts +2 -2
  28. package/dist/utils/children.d.ts +2 -4
  29. package/dist/vendor.css +1 -1
  30. package/package.json +35 -35
  31. package/dist/InputDateComponent-ddec896c.js +0 -5272
@@ -40,7 +40,7 @@ export declare const Card: import("./SkeletonTemplate").SkeletonTemplateComponen
40
40
  accessKey?: string | undefined;
41
41
  autoFocus?: boolean | undefined;
42
42
  className?: string | undefined;
43
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
43
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
44
44
  contextMenu?: string | undefined;
45
45
  dir?: string | undefined;
46
46
  draggable?: (boolean | "true" | "false") | undefined;
@@ -48,7 +48,6 @@ export declare const Card: import("./SkeletonTemplate").SkeletonTemplateComponen
48
48
  id?: string | undefined;
49
49
  lang?: string | undefined;
50
50
  nonce?: string | undefined;
51
- placeholder?: string | undefined;
52
51
  slot?: string | undefined;
53
52
  spellCheck?: (boolean | "true" | "false") | undefined;
54
53
  style?: import("react").CSSProperties | undefined;
@@ -315,7 +314,7 @@ export declare const Card: import("./SkeletonTemplate").SkeletonTemplateComponen
315
314
  accessKey?: string | undefined;
316
315
  autoFocus?: boolean | undefined;
317
316
  className?: string | undefined;
318
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
317
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
319
318
  contextMenu?: string | undefined;
320
319
  dir?: string | undefined;
321
320
  draggable?: (boolean | "true" | "false") | undefined;
@@ -323,7 +322,6 @@ export declare const Card: import("./SkeletonTemplate").SkeletonTemplateComponen
323
322
  id?: string | undefined;
324
323
  lang?: string | undefined;
325
324
  nonce?: string | undefined;
326
- placeholder?: string | undefined;
327
325
  slot?: string | undefined;
328
326
  spellCheck?: (boolean | "true" | "false") | undefined;
329
327
  style?: import("react").CSSProperties | undefined;
@@ -19,7 +19,7 @@ export interface SectionProps {
19
19
  /**
20
20
  * The Section component represents a section of the application. It can have a title and an action button.
21
21
  */
22
- export declare const Section: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
22
+ export declare const Section: import('./SkeletonTemplate').SkeletonTemplateComponent<{
23
23
  children: React.ReactNode;
24
24
  title?: ReactNode;
25
25
  titleSize?: "small" | "normal" | undefined;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type DropdownMenuProps } from '../../composite/Dropdown/DropdownMenu';
2
+ import { type DropdownMenuProps } from './DropdownMenu';
3
3
  export interface DropdownProps extends Pick<DropdownMenuProps, 'menuHeader' | 'menuPosition'> {
4
4
  /** The trigger for the dropdown menu. Can be a JSX Element or simply a `string`. */
5
5
  dropdownLabel?: React.ReactNode;
@@ -26,7 +26,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
26
26
  accessKey?: string | undefined;
27
27
  autoFocus?: boolean | undefined;
28
28
  className?: string | undefined;
29
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
29
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
30
30
  contextMenu?: string | undefined;
31
31
  dir?: string | undefined;
32
32
  draggable?: (boolean | "true" | "false") | undefined;
@@ -34,7 +34,6 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
34
34
  id?: string | undefined;
35
35
  lang?: string | undefined;
36
36
  nonce?: string | undefined;
37
- placeholder?: string | undefined;
38
37
  slot?: string | undefined;
39
38
  spellCheck?: (boolean | "true" | "false") | undefined;
40
39
  style?: import("react").CSSProperties | undefined;
@@ -301,7 +300,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
301
300
  accessKey?: string | undefined;
302
301
  autoFocus?: boolean | undefined;
303
302
  className?: string | undefined;
304
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
303
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
305
304
  contextMenu?: string | undefined;
306
305
  dir?: string | undefined;
307
306
  draggable?: (boolean | "true" | "false") | undefined;
@@ -309,7 +308,6 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
309
308
  id?: string | undefined;
310
309
  lang?: string | undefined;
311
310
  nonce?: string | undefined;
312
- placeholder?: string | undefined;
313
311
  slot?: string | undefined;
314
312
  spellCheck?: (boolean | "true" | "false") | undefined;
315
313
  style?: import("react").CSSProperties | undefined;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { type FieldValues, type FormProviderProps } from 'react-hook-form';
2
3
  interface FormProps<T extends FieldValues> extends FormProviderProps<T> {
3
4
  /**
@@ -1,4 +1,4 @@
1
- import { type InputCheckboxProps } from '../../forms/InputCheckbox';
1
+ import { type InputCheckboxProps } from '../InputCheckbox';
2
2
  import { type ComponentProps } from 'react';
3
3
  export interface InputCheckboxGroupOption extends Pick<InputCheckboxProps, 'icon' | 'checked'> {
4
4
  /**
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import type { CurrencyCode } from '../../helpers/currencies';
3
- import { type InputCurrencyProps } from '../forms/InputCurrency';
3
+ import { type InputCurrencyProps } from './InputCurrency';
4
4
  import { type InputWrapperBaseProps } from '../internals/InputWrapper';
5
5
  type Cents = InputCurrencyProps['cents'];
6
6
  export interface InputCurrencyRangeProps extends InputWrapperBaseProps {
@@ -1,4 +1,4 @@
1
- import { type InputFeedbackProps } from '../../forms/InputFeedback';
1
+ import { type InputFeedbackProps } from '../InputFeedback';
2
2
  import { type StylesConfig } from 'react-select';
3
3
  import { type InputSelectValue } from '.';
4
4
  export declare const getSelectStyles: (feedbackVariant?: InputFeedbackProps['variant']) => StylesConfig<InputSelectValue>;
@@ -1,4 +1,4 @@
1
- import { type InputFeedbackProps } from '../../forms/InputFeedback';
1
+ import { type InputFeedbackProps } from '../InputFeedback';
2
2
  type MaybeFeedback = Omit<InputFeedbackProps, 'className'> | undefined;
3
3
  export declare function useValidationFeedback(name: string): MaybeFeedback;
4
4
  export {};
@@ -1,6 +1,6 @@
1
1
  import { type SectionProps } from '../../atoms/Section';
2
2
  import { type SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
3
- import { type FetcherResponse } from '../../resources/ResourceList/infiniteFetcher';
3
+ import { type FetcherResponse } from './infiniteFetcher';
4
4
  import { type QueryParamsList } from '@commercelayer/sdk';
5
5
  import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
6
6
  import { type FC } from 'react';
@@ -7,7 +7,7 @@ interface ResourceListInternalState<TResource extends ListableResourceType> {
7
7
  };
8
8
  data?: FetcherResponse<Resource<TResource>> | undefined;
9
9
  }
10
- export declare const initialState: ResourceListInternalState<any>;
10
+ export declare const initialState: ResourceListInternalState<ListableResourceType>;
11
11
  type Action<TResource extends ListableResourceType> = {
12
12
  type: 'prepare';
13
13
  } | {
@@ -7,7 +7,7 @@ export declare const presetResourceListItem: {
7
7
  readonly created_at: "";
8
8
  readonly formatted_total_amount: "$650.00";
9
9
  readonly fulfillment_status: "unfulfilled";
10
- readonly number: 123456;
10
+ readonly number: "123456";
11
11
  readonly payment_status: "authorized";
12
12
  readonly status: "placed";
13
13
  readonly market: {
@@ -38,7 +38,7 @@ export declare const presetResourceListItem: {
38
38
  created_at: string;
39
39
  updated_at: string;
40
40
  placed_at: string;
41
- number: number;
41
+ number: string;
42
42
  status: "approved";
43
43
  payment_status: "paid";
44
44
  fulfillment_status: "fulfilled";
@@ -71,7 +71,7 @@ export declare const presetResourceListItem: {
71
71
  id: string;
72
72
  created_at: string;
73
73
  updated_at: string;
74
- number: number;
74
+ number: string;
75
75
  status: "pending";
76
76
  payment_status: "unpaid";
77
77
  fulfillment_status: "unfulfilled";
@@ -90,7 +90,7 @@ export declare const presetResourceListItem: {
90
90
  id: string;
91
91
  created_at: string;
92
92
  updated_at: string;
93
- number: number;
93
+ number: string;
94
94
  status: "editing";
95
95
  payment_status: "authorized";
96
96
  fulfillment_status: "unfulfilled";
@@ -132,7 +132,7 @@ export declare const presetResourceListItem: {
132
132
  readonly created_at: "";
133
133
  readonly formatted_total_amount: "$650.00";
134
134
  readonly fulfillment_status: "unfulfilled";
135
- readonly number: 123456;
135
+ readonly number: "123456";
136
136
  readonly payment_status: "authorized";
137
137
  readonly status: "placed";
138
138
  readonly market: {
@@ -173,7 +173,7 @@ export declare const presetResourceListItem: {
173
173
  readonly created_at: "";
174
174
  readonly formatted_total_amount: "$650.00";
175
175
  readonly fulfillment_status: "unfulfilled";
176
- readonly number: 123456;
176
+ readonly number: "123456";
177
177
  readonly payment_status: "authorized";
178
178
  readonly status: "placed";
179
179
  readonly market: {
@@ -214,7 +214,7 @@ export declare const presetResourceListItem: {
214
214
  readonly created_at: "";
215
215
  readonly formatted_total_amount: "$650.00";
216
216
  readonly fulfillment_status: "unfulfilled";
217
- readonly number: 123456;
217
+ readonly number: "123456";
218
218
  readonly payment_status: "authorized";
219
219
  readonly status: "placed";
220
220
  readonly market: {
@@ -255,7 +255,7 @@ export declare const presetResourceListItem: {
255
255
  readonly created_at: "";
256
256
  readonly formatted_total_amount: "$650.00";
257
257
  readonly fulfillment_status: "unfulfilled";
258
- readonly number: 123456;
258
+ readonly number: "123456";
259
259
  readonly payment_status: "authorized";
260
260
  readonly status: "placed";
261
261
  readonly market: {
@@ -296,7 +296,7 @@ export declare const presetResourceListItem: {
296
296
  readonly created_at: "";
297
297
  readonly formatted_total_amount: "$650.00";
298
298
  readonly fulfillment_status: "unfulfilled";
299
- readonly number: 123456;
299
+ readonly number: "123456";
300
300
  readonly payment_status: "authorized";
301
301
  readonly status: "placed";
302
302
  readonly market: {
@@ -337,7 +337,7 @@ export declare const presetResourceListItem: {
337
337
  readonly created_at: "";
338
338
  readonly formatted_total_amount: "$650.00";
339
339
  readonly fulfillment_status: "unfulfilled";
340
- readonly number: 123456;
340
+ readonly number: "123456";
341
341
  readonly payment_status: "authorized";
342
342
  readonly status: "placed";
343
343
  readonly market: {
@@ -1,4 +1,4 @@
1
- import { type ResourceShipmentParcels } from '../resources/ResourceShipmentParcels';
1
+ import { type ResourceShipmentParcels } from './ResourceShipmentParcels';
2
2
  type Shipment = Parameters<typeof ResourceShipmentParcels>[0]['shipment'];
3
3
  type Parcel = NonNullable<Shipment['parcels']>[number];
4
4
  export declare const parcelWithoutTracking1: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { type ResourceListProps } from '../../resources/ResourceList';
3
- import { type ResourceListItemTemplate } from '../../resources/ResourceList/ResourceList';
2
+ import { type ResourceListProps } from '../ResourceList';
3
+ import { type ResourceListItemTemplate } from '../ResourceList/ResourceList';
4
4
  import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
5
5
  import { type QueryFilter } from '@commercelayer/sdk/lib/cjs/query';
6
6
  import { type FiltersFormProps } from './FiltersForm';
@@ -1,7 +1,5 @@
1
- import { type ReactNode } from 'react';
2
- export declare function isFunctionComponent(reactNode: any): reactNode is {
3
- type: React.FunctionComponent<any>;
4
- };
1
+ import { type ReactElement, type ReactNode } from 'react';
2
+ export declare function isFunctionComponent(reactNode: ReactNode): reactNode is ReactElement<any, React.FunctionComponent<any>>;
5
3
  /**
6
4
  * Checks if a ReactNode matches a specific component display name.
7
5
  * @param reactNode - a ReactNode single child
package/dist/vendor.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{box-sizing:initial;position:absolute;height:0;width:1px;content:"";z-index:-1;border:8px solid #0000;left:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:initial}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:initial}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{visibility:visible;opacity:1}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:initial}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:initial;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;-webkit-clip-path:circle(0);clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-wrapper{width:100%}.react-datepicker{font-family:inherit;border-color:#e6e7e7;padding:1px;box-shadow:2px 2px 0 #f8f8f8}.react-datepicker-popper .react-datepicker__triangle{display:none}.react-datepicker__header{background-color:#f8f8f8;border-color:#e6e7e7}.react-datepicker__navigation{height:24px;width:24px;border-radius:5px;margin-top:8px;margin:4px!important;outline:0}.react-datepicker__navigation-icon:before{border-color:#686e6e;border-width:1px 1px 0 0;margin-top:5px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#1d1e1e;font-weight:600;font-size:14px}.react-datepicker__day-names{margin:8px .4rem -4px}.react-datepicker__day-name{text-transform:uppercase;font-weight:700;color:#1d1e1e;margin:.166rem;width:2rem}.react-datepicker__day,.react-datepicker__time-name{color:#686e6e;width:2rem;line-height:2rem;font-weight:600;border:1px solid #f8f8f8}.react-datepicker__day--selected{background-color:#404141;color:#fff}.react-datepicker__day--keyboard-selected{background-color:#f8f8f8;font-weight:900;color:#101111}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#dbdcdc}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#404141}select{text-align:inherit}body{font-weight:500;--tw-text-opacity:1;color:rgb(40 41 41/var(--tw-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{cursor:pointer;border-color:#666effcc;font-weight:700;--tw-text-opacity:1;color:rgb(102 110 255/var(--tw-text-opacity));outline-width:0;outline-offset:4px;outline-color:#666eff}a:hover{color:#666effcc}a:focus-visible{border-radius:.313rem;outline-width:2px}:root{--tw-shadow-color:#e6e7e7}input,textarea{border:none!important;box-shadow:inset 0 0 0 1px var(--tw-shadow-color)!important;-webkit-box-shadow:inset 0 0 0 1px var(--tw-shadow-color)!important;-moz-box-shadow:inset 0 0 0 1px var(--tw-shadow-color)!important}input:focus-visible,textarea:focus-visible{ring:none;outline:none!important;box-shadow:inset 0 0 0 2px #666eff!important;-webkit-box-shadow:inset 0 0 0 2px #666eff!important;-moz-box-shadow:inset 0 0 0 2px #666eff!important}input[type=radio]{--tw-shadow-color:#e6e7e7}select:focus-visible{border-radius:2px;outline:2px solid #666eff!important;outline-offset:4px}button:focus-visible{outline:2px solid #666eff!important;outline-offset:2px}progress.progress{height:.5rem;width:100%}progress.progress,progress.progress::-webkit-progress-bar{overflow:hidden;border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(237 238 238/var(--tw-bg-opacity))}progress.progress::-moz-progress-bar{overflow:hidden;border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(237 238 238/var(--tw-bg-opacity))}progress.progress::-webkit-progress-value{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(102 110 255/var(--tw-bg-opacity))}progress.progress[value]::-moz-progress-bar{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(102 110 255/var(--tw-bg-opacity))}
1
+ @charset "UTF-8";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0;stroke:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff;stroke:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:normal}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:initial}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:initial}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:initial}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:initial;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;-webkit-clip-path:circle(0);clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-wrapper{width:100%}.react-datepicker{font-family:inherit;border-color:#e6e7e7;padding:1px;box-shadow:2px 2px 0 #f8f8f8}.react-datepicker-popper .react-datepicker__triangle{display:none}.react-datepicker__header{background-color:#f8f8f8;border-color:#e6e7e7}.react-datepicker__navigation{height:24px;width:24px;border-radius:5px;margin-top:8px;margin:4px!important;outline:0}.react-datepicker__navigation-icon:before{border-color:#686e6e;border-width:1px 1px 0 0;margin-top:5px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#1d1e1e;font-weight:600;font-size:14px}.react-datepicker__day-names{margin:8px .4rem -4px}.react-datepicker__day-name{text-transform:uppercase;font-weight:700;color:#1d1e1e;margin:.166rem;width:2rem}.react-datepicker__day,.react-datepicker__time-name{color:#686e6e;width:2rem;line-height:2rem;font-weight:600;border:1px solid #f8f8f8}.react-datepicker__day--selected{background-color:#404141;color:#fff}.react-datepicker__day--keyboard-selected{background-color:#f8f8f8;font-weight:900;color:#101111}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#dbdcdc}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#404141}select{text-align:inherit}body{font-weight:500;--tw-text-opacity:1;color:rgb(40 41 41/var(--tw-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{cursor:pointer;border-color:#666effcc;font-weight:700;--tw-text-opacity:1;color:rgb(102 110 255/var(--tw-text-opacity));outline-width:0;outline-offset:4px;outline-color:#666eff}a:hover{color:#666effcc}a:focus-visible{border-radius:.313rem;outline-width:2px}:root{--tw-shadow-color:#e6e7e7}input,textarea{border:none!important;box-shadow:inset 0 0 0 1px var(--tw-shadow-color)!important;-webkit-box-shadow:inset 0 0 0 1px var(--tw-shadow-color)!important;-moz-box-shadow:inset 0 0 0 1px var(--tw-shadow-color)!important}input:focus-visible,textarea:focus-visible{ring:none;outline:none!important;box-shadow:inset 0 0 0 2px #666eff!important;-webkit-box-shadow:inset 0 0 0 2px #666eff!important;-moz-box-shadow:inset 0 0 0 2px #666eff!important}input[type=radio]{--tw-shadow-color:#e6e7e7}select:focus-visible{border-radius:2px;outline:2px solid #666eff!important;outline-offset:4px}button:focus-visible{outline:2px solid #666eff!important;outline-offset:2px}progress.progress{height:.5rem;width:100%}progress.progress,progress.progress::-webkit-progress-bar{overflow:hidden;border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(237 238 238/var(--tw-bg-opacity))}progress.progress::-moz-progress-bar{overflow:hidden;border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(237 238 238/var(--tw-bg-opacity))}progress.progress::-webkit-progress-value{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(102 110 255/var(--tw-bg-opacity))}progress.progress[value]::-moz-progress-bar{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(102 110 255/var(--tw-bg-opacity))}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercelayer/app-elements",
3
- "version": "1.13.3",
3
+ "version": "1.14.0",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -27,61 +27,61 @@
27
27
  "pnpm": ">=7"
28
28
  },
29
29
  "dependencies": {
30
- "@commercelayer/sdk": "5.21.1",
31
- "@types/lodash": "^4.14.200",
32
- "@types/react": "^18.2.34",
33
- "@types/react-datepicker": "^4.19.1",
34
- "@types/react-dom": "^18.2.14",
35
- "classnames": "^2.3.2",
30
+ "@commercelayer/sdk": "5.31.1",
31
+ "@types/lodash": "^4.14.202",
32
+ "@types/react": "^18.2.55",
33
+ "@types/react-datepicker": "^4.19.6",
34
+ "@types/react-dom": "^18.2.19",
35
+ "classnames": "^2.5.1",
36
36
  "jwt-decode": "^4.0.0",
37
37
  "lodash": "^4.17.21",
38
- "query-string": "^8.1.0",
38
+ "query-string": "^8.2.0",
39
39
  "react": "^18.2.0",
40
- "react-currency-input-field": "^3.6.11",
41
- "react-datepicker": "^4.21.0",
40
+ "react-currency-input-field": "^3.6.14",
41
+ "react-datepicker": "^6.1.0",
42
42
  "react-dom": "^18.2.0",
43
- "react-hook-form": "^7.47.0",
44
- "react-select": "^5.7.7",
43
+ "react-hook-form": "^7.50.1",
44
+ "react-select": "^5.8.0",
45
45
  "swr": "^2.2.4",
46
46
  "ts-invariant": "^0.10.3",
47
- "type-fest": "^4.6.0",
47
+ "type-fest": "^4.10.2",
48
48
  "zod": "^3.22.4"
49
49
  },
50
50
  "devDependencies": {
51
- "@commercelayer/eslint-config-ts-react": "^1.2.0",
52
- "@hookform/resolvers": "^3.3.2",
51
+ "@commercelayer/eslint-config-ts-react": "^1.3.0",
52
+ "@hookform/resolvers": "^3.3.4",
53
53
  "@phosphor-icons/react": "v2.1.3",
54
- "@tailwindcss/forms": "^0.5.6",
55
- "@testing-library/jest-dom": "^6.1.4",
56
- "@testing-library/react": "^14.0.0",
57
- "@types/node": "^20.8.10",
58
- "@types/react-gtm-module": "^2.0.2",
54
+ "@tailwindcss/forms": "^0.5.7",
55
+ "@testing-library/jest-dom": "^6.4.2",
56
+ "@testing-library/react": "^14.2.1",
57
+ "@types/node": "^20.11.16",
58
+ "@types/react-gtm-module": "^2.0.3",
59
59
  "@types/testing-library__jest-dom": "^5.14.9",
60
- "@vitejs/plugin-react": "^4.1.1",
61
- "autoprefixer": "^10.4.16",
60
+ "@vitejs/plugin-react": "^4.2.1",
61
+ "autoprefixer": "^10.4.17",
62
62
  "cross-fetch": "^4.0.0",
63
63
  "date-fns": "^2.30.0",
64
64
  "date-fns-tz": "^2.0.0",
65
- "eslint": "^8.52.0",
66
- "jsdom": "^22.1.0",
67
- "msw": "^1.3.2",
68
- "postcss": "^8.4.31",
65
+ "eslint": "^8.56.0",
66
+ "jsdom": "^24.0.0",
67
+ "msw": "^2.1.7",
68
+ "postcss": "^8.4.35",
69
69
  "react-gtm-module": "^2.0.11",
70
- "tailwindcss": "^3.3.5",
71
- "typescript": "^5.2.2",
72
- "vite": "^4.5.0",
73
- "vite-plugin-dts": "^3.6.3",
74
- "vitest": "^0.34.6",
75
- "wouter": "^2.12.1"
70
+ "tailwindcss": "^3.4.1",
71
+ "typescript": "^5.3.3",
72
+ "vite": "^5.0.12",
73
+ "vite-plugin-dts": "^3.7.2",
74
+ "vitest": "^1.2.2",
75
+ "wouter": "^3.0.0"
76
76
  },
77
77
  "peerDependencies": {
78
78
  "@commercelayer/sdk": "^5.x",
79
- "query-string": "^8.1.x",
79
+ "query-string": "^8.2.x",
80
80
  "react": "^18.2.x",
81
81
  "react-dom": "^18.2.x",
82
82
  "react-gtm-module": "^2.x",
83
- "react-hook-form": "^7.43.x",
84
- "wouter": "^2.x"
83
+ "react-hook-form": "^7.50.x",
84
+ "wouter": "^3.x"
85
85
  },
86
86
  "scripts": {
87
87
  "build": "tsc && vite build && pnpm build:css-vendor && pnpm build:tailwind-cfg",