@commercelayer/app-elements 2.8.3 → 2.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/InputDateComponent-DllMLsS1.js +6188 -0
- package/dist/dictionaries/customers.d.ts +0 -1
- package/dist/dictionaries/orders.d.ts +0 -1
- package/dist/dictionaries/promotions.d.ts +0 -1
- package/dist/dictionaries/returns.d.ts +0 -1
- package/dist/dictionaries/shipments.d.ts +0 -1
- package/dist/dictionaries/stockTransfers.d.ts +0 -1
- package/dist/dictionaries/types.d.ts +0 -1
- package/dist/helpers/appsNavigation.d.ts +0 -1
- package/dist/helpers/attachments.d.ts +0 -1
- package/dist/helpers/currencies.d.ts +0 -1
- package/dist/helpers/date.d.ts +0 -1
- package/dist/helpers/resources.d.ts +0 -1
- package/dist/helpers/tracking.d.ts +0 -1
- package/dist/hooks/useClickAway.d.ts +0 -1
- package/dist/hooks/useEditMetadataOverlay.d.ts +0 -1
- package/dist/hooks/useEditTagsOverlay.d.ts +0 -1
- package/dist/hooks/useOverlay.d.ts +0 -1
- package/dist/{main-uMPiX52G.js → main-D1_o3ggn.js} +10431 -10407
- package/dist/main.d.ts +1 -2
- package/dist/main.js +102 -102
- package/dist/providers/CoreSdkProvider/CoreSdkProvider.d.ts +0 -1
- package/dist/providers/CoreSdkProvider/makeSdkClient.d.ts +0 -1
- package/dist/providers/CoreSdkProvider/useCoreApi.d.ts +0 -1
- package/dist/providers/ErrorBoundary.d.ts +0 -1
- package/dist/providers/GTMProvider.d.ts +0 -1
- package/dist/providers/TokenProvider/MockTokenProvider.d.ts +0 -1
- package/dist/providers/TokenProvider/TokenProvider.d.ts +0 -1
- package/dist/providers/TokenProvider/extras.d.ts +0 -1
- package/dist/providers/TokenProvider/getAccessTokenFromUrl.d.ts +0 -1
- package/dist/providers/TokenProvider/getInfoFromJwt.d.ts +0 -1
- package/dist/providers/TokenProvider/getOrganization.d.ts +0 -1
- package/dist/providers/TokenProvider/reducer.d.ts +0 -1
- package/dist/providers/TokenProvider/storage.d.ts +0 -1
- package/dist/providers/TokenProvider/types.d.ts +0 -1
- package/dist/providers/TokenProvider/validateToken.d.ts +0 -1
- package/dist/providers/createApp.d.ts +0 -1
- package/dist/style.css +1 -1
- package/dist/ui/atoms/A.d.ts +0 -1
- package/dist/ui/atoms/Avatar.d.ts +0 -1
- package/dist/ui/atoms/Badge/Badge.d.ts +0 -1
- package/dist/ui/atoms/Button.d.ts +0 -1
- package/dist/ui/atoms/ButtonFilter.d.ts +0 -1
- package/dist/ui/atoms/Card.d.ts +4 -2
- package/dist/ui/atoms/CodeBlock.d.ts +0 -1
- package/dist/ui/atoms/EmptyState.d.ts +0 -1
- package/dist/ui/atoms/Grid.d.ts +0 -1
- package/dist/ui/atoms/Hint.d.ts +0 -1
- package/dist/ui/atoms/Icon/Icon.d.ts +0 -1
- package/dist/ui/atoms/PageHeading/PageHeading.d.ts +0 -1
- package/dist/ui/atoms/PageHeading/PageHeadingToolbar.d.ts +0 -1
- package/dist/ui/atoms/RadialProgress.d.ts +0 -1
- package/dist/ui/atoms/ScrollToTop.d.ts +0 -1
- package/dist/ui/atoms/Section.d.ts +0 -1
- package/dist/ui/atoms/Skeleton.d.ts +0 -1
- package/dist/ui/atoms/SkeletonTemplate.d.ts +0 -1
- package/dist/ui/atoms/Spacer.d.ts +0 -1
- package/dist/ui/atoms/Stack.d.ts +0 -1
- package/dist/ui/atoms/StatusIcon.d.ts +0 -1
- package/dist/ui/atoms/Table/Table.d.ts +0 -1
- package/dist/ui/atoms/Table/Td.d.ts +0 -1
- package/dist/ui/atoms/Tabs.d.ts +0 -1
- package/dist/ui/atoms/Tag.d.ts +0 -1
- package/dist/ui/atoms/Text.d.ts +0 -1
- package/dist/ui/atoms/Tooltip.d.ts +0 -1
- package/dist/ui/composite/ActionButtons/ActionButtons.d.ts +0 -1
- package/dist/ui/composite/Dropdown/Dropdown.d.ts +0 -1
- package/dist/ui/composite/Dropdown/DropdownDivider.d.ts +0 -1
- package/dist/ui/composite/Dropdown/DropdownItem.d.ts +4 -3
- package/dist/ui/composite/Dropdown/DropdownMenu.d.ts +0 -1
- package/dist/ui/composite/HomePageLayout.d.ts +0 -1
- package/dist/ui/composite/List.d.ts +0 -1
- package/dist/ui/composite/ListDetails.d.ts +0 -1
- package/dist/ui/composite/ListDetailsItem.d.ts +0 -1
- package/dist/ui/composite/ListItem.d.ts +0 -1
- package/dist/ui/composite/PageError.d.ts +0 -1
- package/dist/ui/composite/PageLayout.d.ts +0 -1
- package/dist/ui/composite/Report.d.ts +0 -1
- package/dist/ui/composite/Routes/Routes.d.ts +0 -1
- package/dist/ui/composite/Routes/utils.d.ts +0 -1
- package/dist/ui/composite/SearchBar.d.ts +0 -1
- package/dist/ui/composite/TableData.d.ts +0 -1
- package/dist/ui/composite/Timeline.d.ts +0 -1
- package/dist/ui/composite/Toolbar.d.ts +0 -1
- package/dist/ui/forms/Form/HookedForm.d.ts +0 -1
- package/dist/ui/forms/Input/HookedInput.d.ts +0 -1
- package/dist/ui/forms/Input/Input.d.ts +0 -1
- package/dist/ui/forms/InputCheckbox/HookedInputCheckbox.d.ts +0 -1
- package/dist/ui/forms/InputCheckbox/InputCheckbox.d.ts +0 -1
- package/dist/ui/forms/InputCheckboxGroup/HookedInputCheckboxGroup.d.ts +0 -1
- package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroup.d.ts +0 -1
- package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroupItem.d.ts +0 -1
- package/dist/ui/forms/InputCheckboxGroup/reducer.d.ts +0 -1
- package/dist/ui/forms/InputCurrency/HookedInputCurrency.d.ts +0 -1
- package/dist/ui/forms/InputCurrency/InputCurrency.d.ts +0 -1
- package/dist/ui/forms/InputCurrency/utils.d.ts +0 -1
- package/dist/ui/forms/InputCurrencyRange.d.ts +0 -1
- package/dist/ui/forms/InputDate/HookedInputDate.d.ts +0 -1
- package/dist/ui/forms/InputDate/InputDate.d.ts +0 -1
- package/dist/ui/forms/InputDate/InputDateComponent.d.ts +0 -1
- package/dist/ui/forms/InputDateRange/HookedInputDateRange.d.ts +0 -1
- package/dist/ui/forms/InputDateRange/InputDateRange.d.ts +0 -1
- package/dist/ui/forms/InputFile.d.ts +0 -1
- package/dist/ui/forms/InputJson.d.ts +0 -1
- package/dist/ui/forms/InputRadioGroup/HookedInputRadioGroup.d.ts +0 -1
- package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts +0 -1
- package/dist/ui/forms/InputResourceGroup/FullList.d.ts +0 -1
- package/dist/ui/forms/InputResourceGroup/HookedInputResourceGroup.d.ts +0 -1
- package/dist/ui/forms/InputResourceGroup/InputResourceGroup.d.ts +0 -1
- package/dist/ui/forms/InputResourceGroup/utils.d.ts +0 -1
- package/dist/ui/forms/InputSelect/AsyncComponent.d.ts +0 -1
- package/dist/ui/forms/InputSelect/AsyncCreatableComponent.d.ts +0 -1
- package/dist/ui/forms/InputSelect/CreatableComponent.d.ts +0 -1
- package/dist/ui/forms/InputSelect/GenericAsyncComponent.d.ts +0 -1
- package/dist/ui/forms/InputSelect/HookedInputSelect.d.ts +0 -1
- package/dist/ui/forms/InputSelect/InputSelect.d.ts +0 -1
- package/dist/ui/forms/InputSelect/SelectComponent.d.ts +0 -1
- package/dist/ui/forms/InputSelect/overrides.d.ts +0 -1
- package/dist/ui/forms/InputSelect/styles.d.ts +0 -1
- package/dist/ui/forms/InputSelect/utils.d.ts +0 -1
- package/dist/ui/forms/InputSimpleSelect/HookedInputSimpleSelect.d.ts +0 -1
- package/dist/ui/forms/InputSimpleSelect/InputSimpleSelect.d.ts +0 -1
- package/dist/ui/forms/InputSpinner/HookedInputSpinner.d.ts +0 -1
- package/dist/ui/forms/InputSpinner/InputSpinner.d.ts +0 -1
- package/dist/ui/forms/InputSwitch/HookedInputSwitch.d.ts +0 -1
- package/dist/ui/forms/InputSwitch/InputSwitch.d.ts +0 -1
- package/dist/ui/forms/InputTextArea/HookedInputTextArea.d.ts +0 -1
- package/dist/ui/forms/InputTextArea/InputTextArea.d.ts +0 -1
- package/dist/ui/forms/InputToggleButton/HookedInputToggleButton.d.ts +0 -1
- package/dist/ui/forms/InputToggleButton/InputToggleButton.d.ts +0 -1
- package/dist/ui/forms/MarketWithCurrencySelector/HookedMarketWithCurrencySelector.d.ts +0 -1
- package/dist/ui/forms/ReactHookForm/setApiFormErrors.d.ts +0 -1
- package/dist/ui/forms/ReactHookForm/useValidationFeedback.d.ts +0 -1
- package/dist/ui/internals/FlexRow.d.ts +0 -1
- package/dist/ui/internals/InputWrapper.d.ts +0 -1
- package/dist/ui/resources/ResourceAddress/ResourceAddress.d.ts +0 -1
- package/dist/ui/resources/ResourceAddress/ResourceAddressForm.d.ts +0 -1
- package/dist/ui/resources/ResourceAddress/ResourceAddressFormFields.d.ts +0 -1
- package/dist/ui/resources/ResourceAddress/useResourceAddressOverlay.d.ts +0 -1
- package/dist/ui/resources/ResourceDetails/ResourceDetails.d.ts +0 -1
- package/dist/ui/resources/ResourceLineItems/ResourceLineItems.d.ts +0 -1
- package/dist/ui/resources/ResourceLineItems/types.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/ResourceListItem.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/common.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/transformers/customers.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/transformers/orders.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/transformers/promotions.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/transformers/returns.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/transformers/shipments.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/transformers/skuListItem.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/transformers/stockTransfers.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/types.d.ts +0 -1
- package/dist/ui/resources/ResourceMetadata/ResourceMetadata.d.ts +0 -1
- package/dist/ui/resources/ResourceMetadata/ResourceMetadataForm.d.ts +0 -1
- package/dist/ui/resources/ResourceOrderTimeline.d.ts +0 -1
- package/dist/ui/resources/ResourceShipmentParcels.d.ts +0 -1
- package/dist/ui/resources/ResourceShipmentParcels.mocks.d.ts +0 -1
- package/dist/ui/resources/ResourceTags.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/FieldCurrencyRange.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/FieldOptions.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/FieldTextSearch.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/FieldTimeRange.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/FiltersForm.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/FiltersNav.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/FiltersSearchBar.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adaptFormValuesToSdk.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adaptFormValuesToUrlQuery.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adaptSdkToMetrics.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adaptSdkToUrlQuery.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adaptUrlQueryToFormValues.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adaptUrlQueryToSdk.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adaptUrlQueryToUrlQuery.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adapters.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/adapters.types.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/mockedInstructions.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/timeUtils.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/types.d.ts +0 -1
- package/dist/ui/resources/useResourceFilters/useResourceFilters.d.ts +5 -6
- package/dist/ui/resources/useResourceFilters/utils.d.ts +0 -1
- package/dist/ui/resources/{ResourceList → useResourceList}/VisibilityTrigger.d.ts +0 -1
- package/dist/ui/resources/{ResourceList → useResourceList}/adaptMetricsOrderToCore.d.ts +0 -1
- package/dist/ui/resources/useResourceList/index.d.ts +1 -0
- package/dist/ui/resources/{ResourceList → useResourceList}/infiniteFetcher.d.ts +1 -2
- package/dist/ui/resources/{ResourceList → useResourceList}/metricsApiClient.d.ts +1 -2
- package/dist/ui/resources/{ResourceList → useResourceList}/reducer.d.ts +0 -1
- package/dist/ui/resources/{ResourceList/ResourceList.d.ts → useResourceList/useResourceList.d.ts} +50 -45
- package/dist/utils/children.d.ts +0 -1
- package/dist/utils/extractHeaders.d.ts +0 -1
- package/dist/utils/text.d.ts +0 -1
- package/dist/vendor.css +1 -1
- package/package.json +22 -22
- package/dist/InputDateComponent-BHXJF53e.js +0 -5064
- package/dist/ui/resources/ResourceList/index.d.ts +0 -1
- /package/dist/ui/resources/{ResourceList → useResourceList}/VisibilityTrigger.test.d.ts +0 -0
- /package/dist/ui/resources/{ResourceList → useResourceList}/adaptMetricsOrderToCore.test.d.ts +0 -0
- /package/dist/ui/resources/{ResourceList/ResourceList.test.d.ts → useResourceList/useResourceList.test.d.ts} +0 -0
- /package/dist/ui/resources/{ResourceList → useResourceList}/utils.d.ts +0 -0
- /package/dist/ui/resources/{ResourceList → useResourceList}/utils.test.d.ts +0 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { TokenProviderAuthUser } from '../../../providers/TokenProvider/types';
|
|
2
2
|
import { ListItemProps } from '../../composite/ListItem';
|
|
3
3
|
import { BuyXPayYPromotion, Customer, ExternalPromotion, FixedAmountPromotion, FixedPricePromotion, FreeGiftPromotion, FreeShippingPromotion, Order, PercentageDiscountPromotion, Return, Shipment, SkuListItem, StockTransfer } from '@commercelayer/sdk';
|
|
4
|
-
|
|
5
4
|
export type ResourceListItemType = Order | Return | Customer | StockTransfer | SkuListItem | Shipment | BuyXPayYPromotion | ExternalPromotion | FixedAmountPromotion | FixedPricePromotion | FreeGiftPromotion | FreeShippingPromotion | PercentageDiscountPromotion;
|
|
6
5
|
export interface ResourceListItemComponentProps {
|
|
7
6
|
name: React.ReactNode;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EditMetadataOverlayProps } from '../../../hooks/useEditMetadataOverlay';
|
|
2
2
|
import { ListableResourceType } from '@commercelayer/sdk';
|
|
3
|
-
|
|
4
3
|
interface MetadataOverlay extends Omit<EditMetadataOverlayProps, 'resourceId' | 'resourceType'> {
|
|
5
4
|
}
|
|
6
5
|
export interface ResourceMetadataProps {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ResourceMetadataProps } from './ResourceMetadata';
|
|
2
|
-
|
|
3
2
|
export declare const ResourceMetadataForm: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
|
|
4
3
|
resourceId: ResourceMetadataProps["resourceId"];
|
|
5
4
|
resourceType: ResourceMetadataProps["resourceType"];
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ResourceShipmentParcels } from './ResourceShipmentParcels';
|
|
2
|
-
|
|
3
2
|
type Shipment = Parameters<typeof ResourceShipmentParcels>[0]['shipment'];
|
|
4
3
|
type Parcel = NonNullable<Shipment['parcels']>[number];
|
|
5
4
|
export declare const parcelWithoutTracking1: import('@commercelayer/sdk').Parcel;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EditTagsOverlayProps } from '../../hooks/useEditTagsOverlay';
|
|
2
2
|
import { ListableResourceType } from '@commercelayer/sdk';
|
|
3
|
-
|
|
4
3
|
type TaggableResource = Extract<ListableResourceType, 'addresses' | 'bundles' | 'coupons' | 'customers' | 'gift_cards' | 'line_items' | 'line_item_options' | 'order_subscriptions' | 'orders' | 'buy_x_pay_y_promotions' | 'external_promotions' | 'fixed_amount_promotions' | 'fixed_price_promotions' | 'flex_promotions' | 'free_gift_promotions' | 'free_shipping_promotions' | 'percentage_discount_promotions' | 'returns' | 'shipments' | 'sku_options' | 'skus'>;
|
|
5
4
|
interface TagsOverlay extends Omit<EditTagsOverlayProps, 'resourceId' | 'resourceType'> {
|
|
6
5
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { SearchBarProps } from '../../composite/SearchBar';
|
|
2
2
|
import { FiltersInstructions } from './types';
|
|
3
|
-
|
|
4
3
|
export interface FilterSearchBarProps extends Pick<SearchBarProps, 'placeholder' | 'debounceMs'> {
|
|
5
4
|
/**
|
|
6
5
|
* Array of instruction items to build the filters behaviors
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { QueryFilter } from '@commercelayer/sdk';
|
|
2
2
|
import { CurrencyRangeFieldValue, FiltersInstructions, UiFilterName, UiFilterValue } from './types';
|
|
3
|
-
|
|
4
3
|
export interface AdaptFormValuesToSdkParams<FilterFormValues> {
|
|
5
4
|
formValues: FilterFormValues;
|
|
6
5
|
timezone?: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { FiltersInstructions } from './types';
|
|
2
2
|
import { ListableResourceType, QueryFilter } from '@commercelayer/sdk';
|
|
3
|
-
|
|
4
3
|
export type CoreResourceEnabledInMetrics = 'orders' | 'returns';
|
|
5
4
|
type MetricsResource = 'order' | 'return';
|
|
6
5
|
/** Record of core api filter operators with relative metrics operator */
|
|
@@ -7,7 +7,6 @@ import { AdaptUrlQueryToFormValuesParams } from './adaptUrlQueryToFormValues';
|
|
|
7
7
|
import { AdaptUrlQueryToSdkParams } from './adaptUrlQueryToSdk';
|
|
8
8
|
import { AdaptUrlQueryToUrlQueryParams } from './adaptUrlQueryToUrlQuery';
|
|
9
9
|
import { FiltersInstructions, FormFullValues, PageInfoFormValues, TimeRangeFormValues, UiFilterName, UiFilterValue } from './types';
|
|
10
|
-
|
|
11
10
|
interface MakeFilterAdaptersParams {
|
|
12
11
|
instructions: FiltersInstructions;
|
|
13
12
|
predicateWhitelist: string[];
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { InputCurrencyRangeProps } from '../../forms/InputCurrencyRange';
|
|
2
2
|
import { InputResourceGroupProps } from '../../forms/InputResourceGroup';
|
|
3
|
-
|
|
4
3
|
export declare const filterableTimeRangePreset: readonly ["today", "last7days", "last30days", "custom"];
|
|
5
4
|
export type UiFilterName = string;
|
|
6
5
|
export type UiFilterValue = string | string[] | boolean | Date | undefined;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { UseResourceListConfig } from '../useResourceList';
|
|
2
|
+
import { ResourceListProps } from '../useResourceList/useResourceList';
|
|
3
3
|
import { ListableResourceType, QueryFilter } from '@commercelayer/sdk';
|
|
4
4
|
import { FiltersFormProps } from './FiltersForm';
|
|
5
5
|
import { FiltersNavProps } from './FiltersNav';
|
|
6
6
|
import { makeFilterAdapters } from './adapters';
|
|
7
7
|
import { FiltersInstructions } from './types';
|
|
8
|
-
|
|
9
8
|
interface UseResourceFiltersConfig {
|
|
10
9
|
/**
|
|
11
10
|
* Array of instruction items to build the filters behaviors
|
|
@@ -58,9 +57,9 @@ interface UseResourceFiltersHook {
|
|
|
58
57
|
/**
|
|
59
58
|
* Filtered ResourceList component based on current active filters
|
|
60
59
|
*/
|
|
61
|
-
FilteredList: <TResource extends ListableResourceType>(props: Omit<
|
|
62
|
-
query?: Omit<NonNullable<
|
|
63
|
-
metricsQuery?: Omit<NonNullable<
|
|
60
|
+
FilteredList: <TResource extends ListableResourceType>(props: Omit<UseResourceListConfig<TResource>, 'query' | 'metricsQuery'> & ResourceListProps<TResource> & {
|
|
61
|
+
query?: Omit<NonNullable<UseResourceListConfig<TResource>['query']>, 'filters'>;
|
|
62
|
+
metricsQuery?: Omit<NonNullable<UseResourceListConfig<TResource>['metricsQuery']>, 'filter'> & {
|
|
64
63
|
/** Filters need to be configured within the `useResourceFilters` options. */
|
|
65
64
|
filters?: never;
|
|
66
65
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useResourceList, type ResourceListItemTemplateProps, type ResourceListProps, type UseResourceListConfig } from './useResourceList';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { MetricsApiClient } from './metricsApiClient';
|
|
2
1
|
import { CommerceLayerClient, ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
|
|
3
|
-
|
|
2
|
+
import { MetricsApiClient } from './metricsApiClient';
|
|
4
3
|
type ListResource<TResource extends ListableResourceType> = Awaited<ReturnType<CommerceLayerClient[TResource]['list']>>;
|
|
5
4
|
export type Resource<TResource extends ListableResourceType> = ListResource<TResource>[number];
|
|
6
5
|
export interface FetcherResponse<TResource> {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { Resource } from './infiniteFetcher';
|
|
2
1
|
import { MetricsFilters } from '../useResourceFilters/adaptSdkToMetrics';
|
|
3
2
|
import { ListableResourceType, ListMeta, ListResponse } from '@commercelayer/sdk';
|
|
4
3
|
import { Writable } from 'type-fest';
|
|
5
|
-
|
|
4
|
+
import { Resource } from './infiniteFetcher';
|
|
6
5
|
export type MetricsResources = 'orders' | 'returns';
|
|
7
6
|
type ListResponseWithoutMeta<ResourceType extends MetricsResources> = Omit<ListResponse<Resource<ResourceType>>, 'meta'>;
|
|
8
7
|
type ListMetaWithCursor = Writable<ListMeta> & {
|
package/dist/ui/resources/{ResourceList/ResourceList.d.ts → useResourceList/useResourceList.d.ts}
RENAMED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { SectionProps } from '../../atoms/Section';
|
|
2
2
|
import { SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
|
|
3
3
|
import { ThProps } from '../../atoms/Table/Th';
|
|
4
|
-
import {
|
|
5
|
-
import { ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
|
|
4
|
+
import { ListMeta, ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
|
|
6
5
|
import { default as React, FC } from 'react';
|
|
7
|
-
|
|
6
|
+
import { Resource } from './infiniteFetcher';
|
|
8
7
|
export interface ResourceListItemTemplateProps<TResource extends ListableResourceType> extends SkeletonTemplateProps<{
|
|
9
8
|
/**
|
|
10
9
|
* The fetched resource
|
|
@@ -20,35 +19,13 @@ export interface ResourceListItemTemplateProps<TResource extends ListableResourc
|
|
|
20
19
|
type TableVariantHeading = Omit<ThProps, 'children'> & {
|
|
21
20
|
label: React.ReactNode;
|
|
22
21
|
};
|
|
23
|
-
export
|
|
22
|
+
export type ResourceListProps<TResource extends ListableResourceType> = Pick<SectionProps, 'actionButton'> & {
|
|
24
23
|
/**
|
|
25
24
|
* A react component to be used to render each item in the list.
|
|
26
25
|
* For best results, pass as `Item` a component already wrapped in a `SkeletonTemplate` (or `withSkeletonTemplate` HOC).
|
|
27
26
|
* In this way the loading state will be handled automatically.
|
|
28
27
|
*/
|
|
29
28
|
ItemTemplate: FC<ResourceListItemTemplateProps<TResource>>;
|
|
30
|
-
}
|
|
31
|
-
export type ResourceListProps<TResource extends ListableResourceType> = Pick<SectionProps, 'actionButton'> & {
|
|
32
|
-
/**
|
|
33
|
-
* The resource type to be fetched in the list
|
|
34
|
-
*/
|
|
35
|
-
type: TResource;
|
|
36
|
-
/**
|
|
37
|
-
* SDK query object to be used to fetch the list, excluding the pageNumber that is handled internally for infinite scrolling.
|
|
38
|
-
*/
|
|
39
|
-
query?: Omit<QueryParamsList<ResourceFields[TResource]>, 'pageNumber'>;
|
|
40
|
-
/**
|
|
41
|
-
* When set the component will fetch data from the Metrics API, and automatically use the returned cursor for infinite scrolling.
|
|
42
|
-
*/
|
|
43
|
-
metricsQuery?: {
|
|
44
|
-
search: {
|
|
45
|
-
limit?: number;
|
|
46
|
-
sort?: 'asc' | 'desc';
|
|
47
|
-
sort_by?: string;
|
|
48
|
-
fields?: string[];
|
|
49
|
-
};
|
|
50
|
-
filter: Record<string, unknown>;
|
|
51
|
-
};
|
|
52
29
|
/**
|
|
53
30
|
* An element to be rendered when the list is empty.
|
|
54
31
|
* When not provided, a default message will be shown.
|
|
@@ -68,32 +45,60 @@ export type ResourceListProps<TResource extends ListableResourceType> = Pick<Sec
|
|
|
68
45
|
/** Boxed variant wraps the list in a Card */
|
|
69
46
|
variant?: 'boxed';
|
|
70
47
|
} | {
|
|
48
|
+
/** Table variant wraps the list in a Table and enables the `headings` prop */
|
|
71
49
|
variant: 'table';
|
|
72
50
|
headings: TableVariantHeading[];
|
|
73
|
-
})
|
|
51
|
+
});
|
|
52
|
+
export interface UseResourceListConfig<TResource extends ListableResourceType> {
|
|
74
53
|
/**
|
|
75
|
-
*
|
|
76
|
-
* @example
|
|
77
|
-
* ```
|
|
78
|
-
* <ResourceList type='customers'>
|
|
79
|
-
* {({ isLoading, data }) => <ol>{data?.list.map(customer => <li>{customer.email}</li>)}</ol>
|
|
80
|
-
* </ResourceList>
|
|
81
|
-
* ```
|
|
54
|
+
* The resource type to be fetched in the list
|
|
82
55
|
*/
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
56
|
+
type: TResource;
|
|
57
|
+
/**
|
|
58
|
+
* SDK query object to be used to fetch the list, excluding the pageNumber that is handled internally for infinite scrolling.
|
|
59
|
+
*/
|
|
60
|
+
query?: Omit<QueryParamsList<ResourceFields[TResource]>, 'pageNumber'>;
|
|
61
|
+
/**
|
|
62
|
+
* When set the component will fetch data from the Metrics API, and automatically use the returned cursor for infinite scrolling.
|
|
63
|
+
*/
|
|
64
|
+
metricsQuery?: {
|
|
65
|
+
search: {
|
|
66
|
+
limit?: number;
|
|
67
|
+
sort?: 'asc' | 'desc';
|
|
68
|
+
sort_by?: string;
|
|
69
|
+
fields?: string[];
|
|
70
|
+
};
|
|
71
|
+
filter: Record<string, unknown>;
|
|
72
|
+
};
|
|
73
|
+
}
|
|
90
74
|
/**
|
|
91
75
|
* Renders a list of resources of a given type with infinite scrolling.
|
|
92
76
|
* It's possible to specify a query to filter the list and either
|
|
93
77
|
* a React component (`ItemTemplate`) to be used as item template for the list or a function as `children` to render a custom element.
|
|
94
78
|
*/
|
|
95
|
-
export declare function
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
79
|
+
export declare function useResourceList<TResource extends ListableResourceType>({ type, query, metricsQuery }: UseResourceListConfig<TResource>): {
|
|
80
|
+
/** The component that renders the list with infinite scrolling functionality */
|
|
81
|
+
ResourceList: FC<ResourceListProps<TResource>>;
|
|
82
|
+
/** The raw array of fetched resources, which grows each time a new page is fetched */
|
|
83
|
+
list?: Array<Resource<TResource>>;
|
|
84
|
+
/** Metadata related to pagination, as returned by the SDK */
|
|
85
|
+
meta?: ListMeta;
|
|
86
|
+
/** Indicates whether the list is currently loading the next page */
|
|
87
|
+
isLoading: boolean;
|
|
88
|
+
/** Indicates whether the list is loading for the first time (initial page load) */
|
|
89
|
+
isFirstLoading: boolean;
|
|
90
|
+
/** The error message (already parsed) returned from the API when a fetch request fails */
|
|
91
|
+
error?: string;
|
|
92
|
+
/** Removes an item from the list, typically can be triggered after a delete action from the UI */
|
|
93
|
+
removeItem: (resourceId: string) => void;
|
|
94
|
+
/**
|
|
95
|
+
* Manually triggers data fetching for the next page without requiring the user to reach the infinite scroll trigger.
|
|
96
|
+
* It does not trigger when last page has been reached.
|
|
97
|
+
*/
|
|
98
|
+
fetchMore: () => Promise<void>;
|
|
99
|
+
/** Refreshes the list by clearing all previously fetched data and resetting the initial loading state before refetching the first page. */
|
|
100
|
+
refresh: () => void;
|
|
101
|
+
/** Indicates whether there are more pages available for fetching */
|
|
102
|
+
hasMorePages?: boolean;
|
|
103
|
+
};
|
|
99
104
|
export {};
|
package/dist/utils/children.d.ts
CHANGED
package/dist/utils/text.d.ts
CHANGED
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-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-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.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}h2.react-datepicker__current-month{padding:0;margin:0}.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:content-box}.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:transparent}.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:rgba(33,107,165,.5)}.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:transparent}.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:content-box}.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 transparent;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:transparent;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:rgba(0,0,0,.8);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;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}:root{--var-border-color:#e6e7e7}.react-datepicker-wrapper{width:100%}.react-datepicker{font-family:inherit;border-color:var(--var-border-color);padding:1px;box-shadow:2px 2px 0 #f8f8f8}.react-datepicker-popper{min-width:370px;text-align:center}.react-datepicker-popper .react-datepicker__triangle{display:none}.react-datepicker__header{background-color:#f8f8f8}.react-datepicker__header,.react-datepicker__time-container{border-color:var(--var-border-color)}.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,.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:#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__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--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}:root{--tw-shadow-color:#e6e7e7}div[role=textbox],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}.group:focus-within div[role=textbox],.group:focus-within input,div[role=textbox]:focus,input:focus-visible,textarea:focus-visible{ring:none;outline:none!important;box-shadow:inset 0 0 0 2px #101111!important;-webkit-box-shadow:inset 0 0 0 2px #101111!important;-moz-box-shadow:inset 0 0 0 2px #101111!important}input[type=radio]{--tw-shadow-color:#e6e7e7}select:focus-visible{border-radius:2px;outline:2px solid #101111!important;outline-offset:4px}a:not(.button):not(:has(*)){text-decoration-line:underline}a:not([class]){display:inline;width:-moz-fit-content;width:fit-content;cursor:pointer;white-space:nowrap;border-radius:.313rem;border-color:#101111cc;line-height:1.25rem;--tw-text-opacity:1;color:rgb(16 17 17/var(--tw-text-opacity))}a:not([class]):hover{color:#101111cc}a,button{outline-offset:2px;outline-color:#101111}a:focus-visible,button:focus-visible{outline-style:solid;outline-width: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(16 17 17/var(--tw-bg-opacity))}progress.progress[value]::-moz-progress-bar{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(16 17 17/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-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-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.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}h2.react-datepicker__current-month{padding:0;margin:0}.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:content-box}.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:transparent}.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:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):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:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):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:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):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:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):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:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):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:rgba(33,107,165,.5)}.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 .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:content-box}.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 transparent;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:transparent;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:rgba(0,0,0,.8);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;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}:root{--var-border-color:#e6e7e7}.react-datepicker-wrapper{width:100%}.react-datepicker{font-family:inherit;border-color:var(--var-border-color);padding:1px;box-shadow:2px 2px 0 #f8f8f8}.react-datepicker-popper{min-width:370px;text-align:center}.react-datepicker-popper .react-datepicker__triangle{display:none}.react-datepicker__header{background-color:#f8f8f8}.react-datepicker__header,.react-datepicker__time-container{border-color:var(--var-border-color)}.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,.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:#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__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--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}:root{--tw-shadow-color:#e6e7e7}div[role=textbox],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}.group:focus-within div[role=textbox],.group:focus-within input,div[role=textbox]:focus,input:focus-visible,textarea:focus-visible{ring:none;outline:none!important;box-shadow:inset 0 0 0 2px #101111!important;-webkit-box-shadow:inset 0 0 0 2px #101111!important;-moz-box-shadow:inset 0 0 0 2px #101111!important}input[type=radio]{--tw-shadow-color:#e6e7e7}select:focus-visible{border-radius:2px;outline:2px solid #101111!important;outline-offset:4px}a:not(.button):not(:has(*)){text-decoration-line:underline}a:not([class]){display:inline;width:-moz-fit-content;width:fit-content;cursor:pointer;white-space:nowrap;border-radius:.313rem;border-color:#101111cc;line-height:1.25rem;--tw-text-opacity:1;color:rgb(16 17 17/var(--tw-text-opacity))}a:not([class]):hover{color:#101111cc}a,button{outline-offset:2px;outline-color:#101111}a:focus-visible,button:focus-visible{outline-style:solid;outline-width: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(16 17 17/var(--tw-bg-opacity))}progress.progress[value]::-moz-progress-bar{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(16 17 17/var(--tw-bg-opacity))}
|