@commercelayer/app-elements 5.6.0 → 5.7.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/CodeEditorComponent--5lVbv6t.js +720 -0
- package/dist/InputDateComponent-NpCZmpgY.js +4887 -0
- package/dist/RuleEngineComponent-BbIy4caP.js +1404 -0
- package/dist/dictionaries/customers.d.ts +1 -1
- package/dist/dictionaries/orders.d.ts +7 -7
- package/dist/dictionaries/promotions.d.ts +2 -2
- package/dist/dictionaries/returns.d.ts +4 -4
- package/dist/dictionaries/shipments.d.ts +4 -4
- package/dist/dictionaries/stockTransfers.d.ts +4 -4
- package/dist/dictionaries/types.d.ts +2 -2
- package/dist/fetchCoreResourcesSuggestions-DLZhtrDX.js +124 -0
- package/dist/helpers/appsNavigation.d.ts +2 -2
- package/dist/helpers/attachments.d.ts +1 -1
- package/dist/helpers/date.d.ts +13 -13
- package/dist/helpers/downloadJsonAsFile.d.ts +1 -1
- package/dist/helpers/resources.d.ts +4 -4
- package/dist/helpers/tracking.d.ts +4 -4
- package/dist/hooks/useClickAway.d.ts +1 -1
- package/dist/hooks/useEditMetadataOverlay.d.ts +3 -3
- package/dist/hooks/useEditTagsOverlay.d.ts +2 -2
- package/dist/hooks/useIsChanged.d.ts +1 -1
- package/dist/{main-YD7ko8U-.js → main-BqlK85T7.js} +26914 -28733
- package/dist/main.d.ts +60 -60
- package/dist/main.js +1 -1
- package/dist/{parseISO-Cq_loYUP.js → parseISO-B-bk2SyC.js} +17 -17
- package/dist/providers/CoreSdkProvider/CoreSdkProvider.d.ts +1 -1
- package/dist/providers/CoreSdkProvider/makeSdkClient.d.ts +1 -1
- package/dist/providers/CoreSdkProvider/useCoreApi.d.ts +1 -1
- package/dist/providers/GTMProvider.d.ts +1 -1
- package/dist/providers/TokenProvider/MockTokenProvider.d.ts +1 -1
- package/dist/providers/TokenProvider/TokenProvider.d.ts +1 -1
- package/dist/providers/TokenProvider/getAccessTokenFromUrl.d.ts +1 -1
- package/dist/providers/TokenProvider/index.d.ts +1 -1
- package/dist/providers/TokenProvider/reducer.d.ts +2 -2
- package/dist/providers/TokenProvider/storage.d.ts +4 -4
- package/dist/providers/TokenProvider/types.d.ts +10 -10
- package/dist/providers/TokenProvider/url.d.ts +1 -1
- package/dist/providers/TokenProvider/validateToken.d.ts +2 -2
- package/dist/providers/createApp.d.ts +1 -1
- package/dist/style.css +1 -1
- package/dist/tailwind.config.js +141 -142
- package/dist/ui/atoms/A.d.ts +1 -1
- package/dist/ui/atoms/Alert.d.ts +1 -1
- package/dist/ui/atoms/Avatar.d.ts +3 -3
- package/dist/ui/atoms/Avatar.utils.d.ts +18 -18
- package/dist/ui/atoms/AvatarLetter/colors.d.ts +1 -1
- package/dist/ui/atoms/Badge/Badge.d.ts +3 -3
- package/dist/ui/atoms/Badge/badgeVariants.d.ts +1 -1
- package/dist/ui/atoms/ButtonFilter.d.ts +1 -1
- package/dist/ui/atoms/Card.d.ts +15 -11
- package/dist/ui/atoms/CodeBlock.d.ts +1 -1
- package/dist/ui/atoms/EmptyState.d.ts +1 -1
- package/dist/ui/atoms/Grid.d.ts +6 -6
- package/dist/ui/atoms/Hint.d.ts +1 -1
- package/dist/ui/atoms/Hr.d.ts +2 -2
- package/dist/ui/atoms/Icon/Icon.d.ts +2 -2
- package/dist/ui/atoms/Icon/icons.d.ts +1 -1
- package/dist/ui/atoms/PageHeading/PageHeading.d.ts +3 -3
- package/dist/ui/atoms/PageHeading/PageHeadingToolbar.d.ts +2 -2
- package/dist/ui/atoms/Progress.d.ts +1 -1
- package/dist/ui/atoms/RadialProgress.d.ts +2 -2
- package/dist/ui/atoms/Section.d.ts +2 -2
- package/dist/ui/atoms/Skeleton.d.ts +1 -1
- package/dist/ui/atoms/Spacer.d.ts +3 -3
- package/dist/ui/atoms/StatusDot.d.ts +1 -1
- package/dist/ui/atoms/StatusIcon.d.ts +2 -2
- package/dist/ui/atoms/Table/Table.d.ts +1 -1
- package/dist/ui/atoms/Tag.d.ts +3 -3
- package/dist/ui/atoms/Text.d.ts +6 -6
- package/dist/ui/atoms/Tooltip.d.ts +2 -2
- package/dist/ui/composite/ActionButtons/ActionButtons.d.ts +2 -2
- package/dist/ui/composite/Address.d.ts +1 -1
- package/dist/ui/composite/Dropdown/Dropdown.d.ts +1 -1
- package/dist/ui/composite/Dropdown/DropdownItem.d.ts +11 -7
- package/dist/ui/composite/Dropdown/DropdownMenu.d.ts +3 -3
- package/dist/ui/composite/HomePageLayout.d.ts +3 -3
- package/dist/ui/composite/List.d.ts +2 -2
- package/dist/ui/composite/ListDetails.d.ts +2 -2
- package/dist/ui/composite/ListDetailsItem.d.ts +3 -3
- package/dist/ui/composite/ListItem.d.ts +7 -7
- package/dist/ui/composite/PageError.d.ts +2 -2
- package/dist/ui/composite/PageLayout.d.ts +6 -6
- package/dist/ui/composite/Routes/Routes.d.ts +3 -3
- package/dist/ui/composite/Routes/index.d.ts +2 -2
- package/dist/ui/composite/Routes/utils.d.ts +5 -5
- package/dist/ui/composite/SearchBar.d.ts +1 -1
- package/dist/ui/composite/Timeline.d.ts +1 -1
- package/dist/ui/composite/Toast.d.ts +1 -1
- package/dist/ui/composite/Toolbar.d.ts +6 -6
- package/dist/ui/forms/CodeEditor/CodeEditorComponent.d.ts +4 -4
- package/dist/ui/forms/CodeEditor/HookedCodeEditor.d.ts +1 -1
- package/dist/ui/forms/CodeEditor/fetchCoreResourcesSuggestions.d.ts +7 -7
- package/dist/ui/forms/CodeEditor/index.d.ts +1 -1
- package/dist/ui/forms/Input/Input.d.ts +2 -2
- package/dist/ui/forms/InputCheckbox/HookedInputCheckbox.d.ts +1 -1
- package/dist/ui/forms/InputCheckbox/InputCheckbox.d.ts +2 -2
- package/dist/ui/forms/InputCheckbox/index.d.ts +1 -1
- package/dist/ui/forms/InputCheckboxGroup/HookedInputCheckboxGroup.d.ts +1 -1
- package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroupItem.d.ts +2 -2
- package/dist/ui/forms/InputCheckboxGroup/index.d.ts +2 -2
- package/dist/ui/forms/InputCheckboxGroup/reducer.d.ts +3 -3
- package/dist/ui/forms/InputCurrency/HookedInputCurrency.d.ts +1 -1
- package/dist/ui/forms/InputCurrency/InputCurrency.d.ts +3 -3
- package/dist/ui/forms/InputCurrency/index.d.ts +1 -1
- package/dist/ui/forms/InputCurrency/utils.d.ts +1 -1
- package/dist/ui/forms/InputCurrencyRange.d.ts +3 -3
- package/dist/ui/forms/InputDate/HookedInputDate.d.ts +1 -1
- package/dist/ui/forms/InputDateRange/HookedInputDateRange.d.ts +1 -1
- package/dist/ui/forms/InputDateRange/InputDateRange.d.ts +5 -5
- package/dist/ui/forms/InputDateRange/index.d.ts +1 -1
- package/dist/ui/forms/InputFeedback.d.ts +1 -1
- package/dist/ui/forms/InputFile.d.ts +1 -1
- package/dist/ui/forms/InputJson.d.ts +1 -1
- package/dist/ui/forms/InputRadioGroup/HookedInputRadioGroup.d.ts +1 -1
- package/dist/ui/forms/InputRadioGroup/index.d.ts +1 -1
- package/dist/ui/forms/InputResourceGroup/FullList.d.ts +3 -3
- package/dist/ui/forms/InputResourceGroup/HookedInputResourceGroup.d.ts +1 -1
- package/dist/ui/forms/InputResourceGroup/InputResourceGroup.d.ts +1 -1
- package/dist/ui/forms/InputResourceGroup/index.d.ts +2 -2
- package/dist/ui/forms/InputResourceGroup/utils.d.ts +3 -3
- package/dist/ui/forms/InputSelect/CreatableComponent.d.ts +1 -1
- package/dist/ui/forms/InputSelect/GenericAsyncComponent.d.ts +1 -1
- package/dist/ui/forms/InputSelect/HookedInputSelect.d.ts +1 -1
- package/dist/ui/forms/InputSelect/InputSelect.d.ts +1 -1
- package/dist/ui/forms/InputSelect/SelectComponent.d.ts +1 -1
- package/dist/ui/forms/InputSelect/index.d.ts +3 -3
- package/dist/ui/forms/InputSelect/styles.d.ts +1 -1
- package/dist/ui/forms/InputSelect/utils.d.ts +1 -1
- package/dist/ui/forms/InputSimpleSelect/InputSimpleSelect.d.ts +1 -1
- package/dist/ui/forms/InputSimpleSelect/index.d.ts +2 -2
- package/dist/ui/forms/InputSpinner/HookedInputSpinner.d.ts +1 -1
- package/dist/ui/forms/InputSpinner/InputSpinner.d.ts +1 -1
- package/dist/ui/forms/InputSpinner/index.d.ts +1 -1
- package/dist/ui/forms/InputSwitch/InputSwitch.d.ts +1 -1
- package/dist/ui/forms/InputSwitch/index.d.ts +1 -1
- package/dist/ui/forms/InputTextArea/index.d.ts +1 -1
- package/dist/ui/forms/InputToggleButton/HookedInputToggleButton.d.ts +1 -1
- package/dist/ui/forms/InputToggleButton/InputToggleButton.d.ts +4 -4
- package/dist/ui/forms/InputToggleButton/index.d.ts +2 -2
- package/dist/ui/forms/MarketWithCurrencySelector/HookedMarketWithCurrencySelector.d.ts +2 -2
- package/dist/ui/forms/MarketWithCurrencySelector/index.d.ts +1 -1
- package/dist/ui/forms/ReactHookForm/HookedValidationApiError.d.ts +1 -1
- package/dist/ui/forms/ReactHookForm/setApiFormErrors.d.ts +1 -1
- package/dist/ui/forms/ReactHookForm/useValidationFeedback.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/Action/ActionListItem.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/Action/ActionValue.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/Action/index.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/Condition/ArrayMatch.d.ts +0 -0
- package/dist/ui/forms/RuleEngine/Condition/ConditionListItem.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/Condition/ConditionMatcher.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/Condition/ConditionValue.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/Condition/Connector.d.ts +0 -0
- package/dist/ui/forms/RuleEngine/Condition/RangeInputs.d.ts +0 -0
- package/dist/ui/forms/RuleEngine/Condition/ValueComponents/InputArrayMatch.d.ts +2 -2
- package/dist/ui/forms/RuleEngine/Condition/ValueComponents/InputNumberRange.d.ts +2 -2
- package/dist/ui/forms/RuleEngine/Condition/ValueComponents/InputTextRange.d.ts +2 -2
- package/dist/ui/forms/RuleEngine/Condition/dictionaries.d.ts +0 -0
- package/dist/ui/forms/RuleEngine/Condition/index.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/Condition/types.d.ts +0 -0
- package/dist/ui/forms/RuleEngine/Condition/utils.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/RuleEngineComponent.d.ts +4 -4
- package/dist/ui/forms/RuleEngine/RuleEngineContext.d.ts +1 -1
- package/dist/ui/forms/RuleEngine/utils.d.ts +6 -6
- package/dist/ui/internals/FlexRow.d.ts +1 -1
- package/dist/ui/internals/InputWrapper.d.ts +6 -6
- package/dist/ui/internals/InteractiveElement.className.d.ts +4 -4
- package/dist/ui/internals/Overlay.d.ts +1 -1
- package/dist/ui/resources/ResourceAddress/ResourceAddress.d.ts +2 -2
- package/dist/ui/resources/ResourceAddress/ResourceAddressFormFields.d.ts +1 -1
- package/dist/ui/resources/ResourceAddress/index.d.ts +1 -1
- package/dist/ui/resources/ResourceAddress/useResourceAddressOverlay.d.ts +2 -2
- package/dist/ui/resources/ResourceAttachments/index.d.ts +1 -1
- package/dist/ui/resources/ResourceDetails/useEditDetailsOverlay.d.ts +2 -2
- package/dist/ui/resources/ResourceLineItems/index.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/ResourceListItem.d.ts +2 -2
- package/dist/ui/resources/ResourceListItem/ResourceListItem.mocks.d.ts +9 -0
- package/dist/ui/resources/ResourceListItem/index.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/types.d.ts +3 -3
- package/dist/ui/resources/ResourceMetadata/ResourceMetadata.d.ts +2 -2
- package/dist/ui/resources/ResourceMetadata/index.d.ts +1 -1
- package/dist/ui/resources/ResourceOrderTimeline.d.ts +1 -1
- package/dist/ui/resources/ResourcePaymentMethod.d.ts +3 -3
- package/dist/ui/resources/ResourceShipmentParcels.mocks.d.ts +2 -2
- package/dist/ui/resources/ResourceTags.d.ts +3 -3
- package/dist/ui/resources/useResourceFilters/FieldCurrencyRange.d.ts +1 -2
- package/dist/ui/resources/useResourceFilters/FiltersForm.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/FiltersNav.d.ts +1 -2
- package/dist/ui/resources/useResourceFilters/FiltersSearchBar.d.ts +3 -3
- package/dist/ui/resources/useResourceFilters/adaptFormValuesToSdk.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adaptFormValuesToUrlQuery.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adaptSdkToMetrics.d.ts +4 -4
- package/dist/ui/resources/useResourceFilters/adaptSdkToUrlQuery.d.ts +2 -2
- package/dist/ui/resources/useResourceFilters/adaptUrlQueryToFormValues.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adaptUrlQueryToSdk.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adaptUrlQueryToUrlQuery.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adapters.types.d.ts +8 -8
- package/dist/ui/resources/useResourceFilters/timeUtils.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/types.d.ts +18 -18
- package/dist/ui/resources/useResourceFilters/useResourceFilters.d.ts +10 -11
- package/dist/ui/resources/useResourceFilters/utils.d.ts +2 -2
- package/dist/ui/resources/useResourceList/adaptMetricsOrderToCore.d.ts +1 -1
- package/dist/ui/resources/useResourceList/index.d.ts +1 -1
- package/dist/ui/resources/useResourceList/infiniteFetcher.d.ts +5 -5
- package/dist/ui/resources/useResourceList/metricsApiClient.d.ts +4 -4
- package/dist/ui/resources/useResourceList/reducer.d.ts +5 -5
- package/dist/ui/resources/useResourceList/useResourceList.d.ts +10 -10
- package/dist/ui/resources/useResourceList/utils.d.ts +1 -1
- package/dist/utils/array.d.ts +1 -1
- package/dist/utils/htmltags.d.ts +1 -1
- package/dist/utils/pagination.d.ts +4 -4
- package/dist/vendor.css +1 -1
- package/package.json +32 -35
- package/dist/CodeEditorComponent-DhpbUF3I.js +0 -739
- package/dist/InputDateComponent-BZyuY3F6.js +0 -4964
- package/dist/RuleEngineComponent-UggkM5Zc.js +0 -1390
- package/dist/fetchCoreResourcesSuggestions-CZkDwjO2.js +0 -126
|
@@ -8,4 +8,4 @@ export interface AdaptFormValuesToUrlQueryParams<FilterFormValues extends FormFu
|
|
|
8
8
|
* @param formValues a valid FilterFormValues object
|
|
9
9
|
* @returns a string ready to be used in URL
|
|
10
10
|
*/
|
|
11
|
-
export declare function adaptFormValuesToUrlQuery<FilterFormValues extends FormFullValues>({ formValues, instructions }: AdaptFormValuesToUrlQueryParams<FilterFormValues>): string;
|
|
11
|
+
export declare function adaptFormValuesToUrlQuery<FilterFormValues extends FormFullValues>({ formValues, instructions, }: AdaptFormValuesToUrlQueryParams<FilterFormValues>): string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { FiltersInstructions } from './types';
|
|
2
1
|
import { ListableResourceType, QueryFilter } from '@commercelayer/sdk';
|
|
3
|
-
|
|
4
|
-
type
|
|
2
|
+
import { FiltersInstructions } from './types';
|
|
3
|
+
export type CoreResourceEnabledInMetrics = "orders" | "returns";
|
|
4
|
+
type MetricsResource = "order" | "return";
|
|
5
5
|
/** Record of core api filter operators with relative metrics operator */
|
|
6
6
|
declare const metricsFiltersMapping: {
|
|
7
7
|
readonly _eq: "eq";
|
|
@@ -27,5 +27,5 @@ export interface AdaptSdkToMetricsParams {
|
|
|
27
27
|
instructions: FiltersInstructions;
|
|
28
28
|
predicateWhitelist?: string[];
|
|
29
29
|
}
|
|
30
|
-
export declare function adaptSdkToMetrics({ sdkFilters, resourceType, instructions, predicateWhitelist }: AdaptSdkToMetricsParams): MetricsFilters;
|
|
30
|
+
export declare function adaptSdkToMetrics({ sdkFilters, resourceType, instructions, predicateWhitelist, }: AdaptSdkToMetricsParams): MetricsFilters;
|
|
31
31
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { FiltersInstructions } from './types';
|
|
2
1
|
import { QueryFilter } from '@commercelayer/sdk';
|
|
2
|
+
import { FiltersInstructions } from './types';
|
|
3
3
|
export interface AdaptSdkToUrlQueryParams {
|
|
4
4
|
sdkFilters: QueryFilter;
|
|
5
5
|
instructions: FiltersInstructions;
|
|
6
6
|
predicateWhitelist?: string[];
|
|
7
7
|
}
|
|
8
|
-
export declare function adaptSdkToUrlQuery({ sdkFilters, predicateWhitelist, instructions }: AdaptSdkToUrlQueryParams): string;
|
|
8
|
+
export declare function adaptSdkToUrlQuery({ sdkFilters, predicateWhitelist, instructions, }: AdaptSdkToUrlQueryParams): string;
|
|
@@ -9,4 +9,4 @@ export interface AdaptUrlQueryToFormValuesParams {
|
|
|
9
9
|
* @param qs url query string
|
|
10
10
|
* @returns an object containing FilterFormValues
|
|
11
11
|
*/
|
|
12
|
-
export declare function adaptUrlQueryToFormValues<FilterFormValues extends Record<UiFilterName, UiFilterValue>>({ queryString, instructions, predicateWhitelist }: AdaptUrlQueryToFormValuesParams): FilterFormValues & FormFullValues;
|
|
12
|
+
export declare function adaptUrlQueryToFormValues<FilterFormValues extends Record<UiFilterName, UiFilterValue>>({ queryString, instructions, predicateWhitelist, }: AdaptUrlQueryToFormValuesParams): FilterFormValues & FormFullValues;
|
|
@@ -12,4 +12,4 @@ export interface AdaptUrlQueryToSdkParams {
|
|
|
12
12
|
* @returns an object of type QueryFilter to be used in the SDK
|
|
13
13
|
* stripping out empty or undefined values and enforcing default status_in when empty
|
|
14
14
|
*/
|
|
15
|
-
export declare function adaptUrlQueryToSdk({ queryString, instructions, predicateWhitelist, timezone }: AdaptUrlQueryToSdkParams): QueryFilter;
|
|
15
|
+
export declare function adaptUrlQueryToSdk({ queryString, instructions, predicateWhitelist, timezone, }: AdaptUrlQueryToSdkParams): QueryFilter;
|
|
@@ -9,4 +9,4 @@ export interface AdaptUrlQueryToUrlQueryParams {
|
|
|
9
9
|
* @param qs url query string
|
|
10
10
|
* @returns an object of type QueryFilter to be used in the SDK stripping out empty or undefined values
|
|
11
11
|
*/
|
|
12
|
-
export declare function adaptUrlQueryToUrlQuery({ queryString, instructions, predicateWhitelist }: AdaptUrlQueryToUrlQueryParams): string;
|
|
12
|
+
export declare function adaptUrlQueryToUrlQuery({ queryString, instructions, predicateWhitelist, }: AdaptUrlQueryToUrlQueryParams): string;
|
|
@@ -12,14 +12,14 @@ interface MakeFilterAdaptersParams {
|
|
|
12
12
|
predicateWhitelist: string[];
|
|
13
13
|
}
|
|
14
14
|
interface MakeFilterAdaptersReturn<FilterFormValues extends FormFullValues> {
|
|
15
|
-
adaptFormValuesToUrlQuery: (params: Pick<AdaptFormValuesToUrlQueryParams<FormFullValues>,
|
|
16
|
-
adaptFormValuesToSdk: (params: Pick<AdaptFormValuesToSdkParams<FilterFormValues>,
|
|
17
|
-
adaptUrlQueryToFormValues: (params: Pick<AdaptUrlQueryToFormValuesParams,
|
|
18
|
-
adaptUrlQueryToSdk: (params: Pick<AdaptUrlQueryToSdkParams,
|
|
19
|
-
adaptUrlQueryToUrlQuery: (params: Pick<AdaptUrlQueryToUrlQueryParams,
|
|
20
|
-
adaptSdkToMetrics: (params: Pick<AdaptSdkToMetricsParams,
|
|
21
|
-
adaptSdkToUrlQuery: (params: Pick<AdaptSdkToUrlQueryParams,
|
|
15
|
+
adaptFormValuesToUrlQuery: (params: Pick<AdaptFormValuesToUrlQueryParams<FormFullValues>, "formValues">) => string;
|
|
16
|
+
adaptFormValuesToSdk: (params: Pick<AdaptFormValuesToSdkParams<FilterFormValues>, "formValues" | "timezone">) => QueryFilter;
|
|
17
|
+
adaptUrlQueryToFormValues: (params: Pick<AdaptUrlQueryToFormValuesParams, "queryString">) => FilterFormValues & TimeRangeFormValues & PageInfoFormValues;
|
|
18
|
+
adaptUrlQueryToSdk: (params: Pick<AdaptUrlQueryToSdkParams, "queryString" | "timezone">) => QueryFilter;
|
|
19
|
+
adaptUrlQueryToUrlQuery: (params: Pick<AdaptUrlQueryToUrlQueryParams, "queryString">) => string;
|
|
20
|
+
adaptSdkToMetrics: (params: Pick<AdaptSdkToMetricsParams, "sdkFilters" | "resourceType">) => MetricsFilters;
|
|
21
|
+
adaptSdkToUrlQuery: (params: Pick<AdaptSdkToUrlQueryParams, "sdkFilters">) => string;
|
|
22
22
|
validInstructions: FiltersInstructions;
|
|
23
23
|
}
|
|
24
|
-
export type MakeFiltersAdapters = <FilterFormValues extends Record<UiFilterName, UiFilterValue>>({ instructions, predicateWhitelist }: MakeFilterAdaptersParams) => MakeFilterAdaptersReturn<FilterFormValues>;
|
|
24
|
+
export type MakeFiltersAdapters = <FilterFormValues extends Record<UiFilterName, UiFilterValue>>({ instructions, predicateWhitelist, }: MakeFilterAdaptersParams) => MakeFilterAdaptersReturn<FilterFormValues>;
|
|
25
25
|
export {};
|
|
@@ -8,7 +8,7 @@ interface MakerSdkFilterTimeParams {
|
|
|
8
8
|
timezone?: string;
|
|
9
9
|
sdkFilterName?: string;
|
|
10
10
|
}
|
|
11
|
-
export declare const makeSdkFilterTime: ({ timePreset, timeFrom, timeTo, timezone, sdkFilterName }: MakerSdkFilterTimeParams) => Record<string, string | undefined>;
|
|
11
|
+
export declare const makeSdkFilterTime: ({ timePreset, timeFrom, timeTo, timezone, sdkFilterName, }: MakerSdkFilterTimeParams) => Record<string, string | undefined>;
|
|
12
12
|
export declare function getDefaultBrowserTimezone(): string | undefined;
|
|
13
13
|
export declare function getTimeRangePresetName(timeRangePreset: TimeRangePreset, t: typeof tFn): string;
|
|
14
14
|
export declare const timeRangeValidationSchema: z.ZodEffects<z.ZodObject<{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { InputCurrencyRangeProps } from '../../forms/InputCurrencyRange';
|
|
2
|
-
import { InputResourceGroupProps } from '../../forms/InputResourceGroup';
|
|
3
1
|
import { QueryFilter } from '@commercelayer/sdk';
|
|
4
2
|
import { ValueOf } from 'type-fest';
|
|
3
|
+
import { InputCurrencyRangeProps } from '../../forms/InputCurrencyRange';
|
|
4
|
+
import { InputResourceGroupProps } from '../../forms/InputResourceGroup';
|
|
5
5
|
export declare const filterableTimeRangePreset: readonly ["today", "last7days", "last30days", "custom"];
|
|
6
6
|
export type UiFilterName = string;
|
|
7
7
|
export type UiFilterValue = string | string[] | boolean | Date | undefined;
|
|
@@ -52,17 +52,17 @@ export interface BaseFilterItem {
|
|
|
52
52
|
};
|
|
53
53
|
}
|
|
54
54
|
export type FilterItemOptions = BaseFilterItem & {
|
|
55
|
-
type:
|
|
55
|
+
type: "options";
|
|
56
56
|
render: {
|
|
57
57
|
/**
|
|
58
58
|
* UI component to render
|
|
59
59
|
*/
|
|
60
|
-
component:
|
|
60
|
+
component: "inputToggleButton";
|
|
61
61
|
/**
|
|
62
62
|
* props required for the UI component
|
|
63
63
|
*/
|
|
64
64
|
props: {
|
|
65
|
-
mode:
|
|
65
|
+
mode: "multi" | "single";
|
|
66
66
|
/**
|
|
67
67
|
* an option can be hidden from the UI but still be used in the query
|
|
68
68
|
* Example: we wont show the button to filter `pending` status in the UI, but we still want to accept it for a predefined list)
|
|
@@ -77,27 +77,27 @@ export type FilterItemOptions = BaseFilterItem & {
|
|
|
77
77
|
/**
|
|
78
78
|
* UI component to render
|
|
79
79
|
*/
|
|
80
|
-
component:
|
|
80
|
+
component: "inputResourceGroup";
|
|
81
81
|
/**
|
|
82
82
|
* props required for the UI component
|
|
83
83
|
*/
|
|
84
|
-
props: Omit<InputResourceGroupProps,
|
|
84
|
+
props: Omit<InputResourceGroupProps, "onChange" | "defaultValues" | "title">;
|
|
85
85
|
};
|
|
86
86
|
};
|
|
87
|
-
export interface FilterItemTextSearch extends Omit<BaseFilterItem,
|
|
88
|
-
type:
|
|
87
|
+
export interface FilterItemTextSearch extends Omit<BaseFilterItem, "sdk"> {
|
|
88
|
+
type: "textSearch";
|
|
89
89
|
render: {
|
|
90
90
|
/**
|
|
91
91
|
* UI component to render.
|
|
92
92
|
*
|
|
93
93
|
* ⚠️ You can have only one `searchBar` component.
|
|
94
94
|
*/
|
|
95
|
-
component:
|
|
95
|
+
component: "searchBar" | "input";
|
|
96
96
|
};
|
|
97
|
-
sdk: Pick<BaseFilterItem[
|
|
97
|
+
sdk: Pick<BaseFilterItem["sdk"], "predicate" | "parseFormValue">;
|
|
98
98
|
}
|
|
99
|
-
export interface FilterItemTime extends Omit<BaseFilterItem,
|
|
100
|
-
type:
|
|
99
|
+
export interface FilterItemTime extends Omit<BaseFilterItem, "sdk"> {
|
|
100
|
+
type: "timeRange";
|
|
101
101
|
sdk: {
|
|
102
102
|
/**
|
|
103
103
|
* SDK predicate to use in the query (example: `updated_at` or `updated_at`).
|
|
@@ -107,11 +107,11 @@ export interface FilterItemTime extends Omit<BaseFilterItem, 'sdk'> {
|
|
|
107
107
|
predicate: string;
|
|
108
108
|
};
|
|
109
109
|
render: {
|
|
110
|
-
component:
|
|
110
|
+
component: "dateRangePicker";
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
|
-
export interface FilterItemCurrencyRange extends Omit<BaseFilterItem,
|
|
114
|
-
type:
|
|
113
|
+
export interface FilterItemCurrencyRange extends Omit<BaseFilterItem, "sdk"> {
|
|
114
|
+
type: "currencyRange";
|
|
115
115
|
sdk: {
|
|
116
116
|
/**
|
|
117
117
|
* SDK predicate to use in the query (example: `total_amount_cents` or `subtotal_amount_cents`).
|
|
@@ -122,8 +122,8 @@ export interface FilterItemCurrencyRange extends Omit<BaseFilterItem, 'sdk'> {
|
|
|
122
122
|
predicate: string;
|
|
123
123
|
};
|
|
124
124
|
render: {
|
|
125
|
-
component:
|
|
126
|
-
props: Omit<InputCurrencyRangeProps,
|
|
125
|
+
component: "inputCurrencyRange";
|
|
126
|
+
props: Omit<InputCurrencyRangeProps, "onChange" | "fromCents" | "toCents" | "defaultCurrency" | "currencyList">;
|
|
127
127
|
};
|
|
128
128
|
}
|
|
129
129
|
export type FiltersInstructionItem = FilterItemOptions | FilterItemTextSearch | FilterItemTime | FilterItemCurrencyRange;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import { ListableResourceType, QueryFilter } from '@commercelayer/sdk';
|
|
1
2
|
import { UseResourceListConfig } from '../useResourceList';
|
|
2
3
|
import { ResourceListProps } from '../useResourceList/useResourceList';
|
|
3
|
-
import {
|
|
4
|
-
import { JSX } from 'react';
|
|
4
|
+
import { makeFilterAdapters } from './adapters';
|
|
5
5
|
import { FiltersFormProps } from './FiltersForm';
|
|
6
6
|
import { FiltersNavProps } from './FiltersNav';
|
|
7
|
-
import { makeFilterAdapters } from './adapters';
|
|
8
7
|
import { FiltersInstructions } from './types';
|
|
9
8
|
interface UseResourceFiltersConfig {
|
|
10
9
|
/**
|
|
@@ -33,7 +32,7 @@ interface UseResourceFiltersHook {
|
|
|
33
32
|
/**
|
|
34
33
|
* Search bar component with filters navigation buttons
|
|
35
34
|
*/
|
|
36
|
-
SearchWithNav: (props: Pick<FiltersNavProps,
|
|
35
|
+
SearchWithNav: (props: Pick<FiltersNavProps, "onFilterClick" | "queryString"> & {
|
|
37
36
|
/**
|
|
38
37
|
* Callback triggered when user interact with search bar or remove a filter from the buttons
|
|
39
38
|
*/
|
|
@@ -50,22 +49,22 @@ interface UseResourceFiltersHook {
|
|
|
50
49
|
* @default 500
|
|
51
50
|
*/
|
|
52
51
|
searchBarDebounceMs?: number;
|
|
53
|
-
}) =>
|
|
52
|
+
}) => React.ReactNode;
|
|
54
53
|
/**
|
|
55
54
|
* Form component with filters fields based on provided instructions
|
|
56
55
|
*/
|
|
57
|
-
FiltersForm: (props: Pick<FiltersFormProps,
|
|
56
|
+
FiltersForm: (props: Pick<FiltersFormProps, "onSubmit">) => React.ReactNode;
|
|
58
57
|
/**
|
|
59
58
|
* Filtered ResourceList component based on current active filters
|
|
60
59
|
*/
|
|
61
|
-
FilteredList: <TResource extends ListableResourceType>(props: Omit<UseResourceListConfig<TResource>,
|
|
62
|
-
query?: Omit<NonNullable<UseResourceListConfig<TResource>[
|
|
63
|
-
metricsQuery?: Omit<NonNullable<UseResourceListConfig<TResource>[
|
|
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
|
};
|
|
67
66
|
hideTitle?: boolean;
|
|
68
|
-
}) =>
|
|
67
|
+
}) => React.ReactNode;
|
|
69
68
|
/**
|
|
70
69
|
* SDK filters object to be used in the sdk query
|
|
71
70
|
*/
|
|
@@ -80,5 +79,5 @@ interface UseResourceFiltersHook {
|
|
|
80
79
|
*/
|
|
81
80
|
viewTitle?: string;
|
|
82
81
|
}
|
|
83
|
-
export declare function useResourceFilters({ instructions, predicateWhitelist }: UseResourceFiltersConfig): UseResourceFiltersHook;
|
|
82
|
+
export declare function useResourceFilters({ instructions, predicateWhitelist, }: UseResourceFiltersConfig): UseResourceFiltersHook;
|
|
84
83
|
export {};
|
|
@@ -9,7 +9,7 @@ import { FilterItemOptions, FiltersInstructions } from './types';
|
|
|
9
9
|
* "Markets · 2 of 4"
|
|
10
10
|
* "Markets · 4"
|
|
11
11
|
*/
|
|
12
|
-
export declare function computeFilterLabel({ label, totalCount, selectedCount }: {
|
|
12
|
+
export declare function computeFilterLabel({ label, totalCount, selectedCount, }: {
|
|
13
13
|
label: string;
|
|
14
14
|
totalCount: number;
|
|
15
15
|
selectedCount: number;
|
|
@@ -21,7 +21,7 @@ export declare function computeFilterLabel({ label, totalCount, selectedCount }:
|
|
|
21
21
|
* Example: if we have 3 markets selected, will still count as `1` active filter group
|
|
22
22
|
* If we have 3 markets and 1 status selected, will count as `2`.
|
|
23
23
|
*/
|
|
24
|
-
export declare function getActiveFilterCountFromUrl({ includeTextSearch, instructions, queryString }: {
|
|
24
|
+
export declare function getActiveFilterCountFromUrl({ includeTextSearch, instructions, queryString, }: {
|
|
25
25
|
includeTextSearch?: boolean;
|
|
26
26
|
instructions: FiltersInstructions;
|
|
27
27
|
queryString: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { type ResourceListItemTemplateProps, type ResourceListProps, type UseResourceListConfig, useResourceList, } from './useResourceList';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommerceLayerClient, ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
|
|
2
2
|
import { MetricsApiClient } from './metricsApiClient';
|
|
3
|
-
type ListResource<TResource extends ListableResourceType> = Awaited<ReturnType<CommerceLayerClient[TResource][
|
|
3
|
+
type ListResource<TResource extends ListableResourceType> = Awaited<ReturnType<CommerceLayerClient[TResource]["list"]>>;
|
|
4
4
|
export type Resource<TResource extends ListableResourceType> = ListResource<TResource>[number];
|
|
5
5
|
export interface FetcherResponse<TResource> {
|
|
6
6
|
list: TResource[];
|
|
@@ -12,16 +12,16 @@ export interface FetcherResponse<TResource> {
|
|
|
12
12
|
cursor?: string | null;
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
|
-
export declare function infiniteFetcher<TResource extends ListableResourceType>({ currentData, resourceType, client, clientType, query }: {
|
|
15
|
+
export declare function infiniteFetcher<TResource extends ListableResourceType>({ currentData, resourceType, client, clientType, query, }: {
|
|
16
16
|
currentData?: FetcherResponse<Resource<TResource>>;
|
|
17
17
|
resourceType: TResource;
|
|
18
18
|
} & ({
|
|
19
19
|
client: CommerceLayerClient;
|
|
20
|
-
clientType:
|
|
21
|
-
query?: Omit<QueryParamsList<ResourceFields[TResource]>,
|
|
20
|
+
clientType: "coreSdkClient";
|
|
21
|
+
query?: Omit<QueryParamsList<ResourceFields[TResource]>, "pageNumber">;
|
|
22
22
|
} | {
|
|
23
23
|
client: MetricsApiClient;
|
|
24
|
-
clientType:
|
|
24
|
+
clientType: "metricsClient";
|
|
25
25
|
query: Record<string, Record<string, unknown>>;
|
|
26
26
|
})): Promise<FetcherResponse<Resource<TResource>>>;
|
|
27
27
|
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { MetricsFilters } from '../useResourceFilters/adaptSdkToMetrics';
|
|
2
1
|
import { ListableResourceType, ListMeta, ListResponse } from '@commercelayer/sdk';
|
|
3
2
|
import { Writable } from 'type-fest';
|
|
3
|
+
import { MetricsFilters } from '../useResourceFilters/adaptSdkToMetrics';
|
|
4
4
|
import { Resource } from './infiniteFetcher';
|
|
5
|
-
export type MetricsResources =
|
|
6
|
-
type ListResponseWithoutMeta<ResourceType extends MetricsResources> = Omit<ListResponse<Resource<ResourceType>>,
|
|
5
|
+
export type MetricsResources = "orders" | "returns";
|
|
6
|
+
type ListResponseWithoutMeta<ResourceType extends MetricsResources> = Omit<ListResponse<Resource<ResourceType>>, "meta">;
|
|
7
7
|
type ListMetaWithCursor = Writable<ListMeta> & {
|
|
8
8
|
cursor: string | null;
|
|
9
9
|
};
|
|
@@ -13,7 +13,7 @@ type ListResponseMetrics<ResourceType extends MetricsResources> = ListResponseWi
|
|
|
13
13
|
type MetricsList = <Resource extends MetricsResources>(resourceType: Resource, query: {
|
|
14
14
|
search?: {
|
|
15
15
|
limit?: number;
|
|
16
|
-
sort?:
|
|
16
|
+
sort?: "asc" | "desc";
|
|
17
17
|
sort_by?: string;
|
|
18
18
|
fields?: string[];
|
|
19
19
|
cursor?: string | null;
|
|
@@ -9,17 +9,17 @@ interface ResourceListInternalState<TResource extends ListableResourceType> {
|
|
|
9
9
|
}
|
|
10
10
|
export declare const initialState: ResourceListInternalState<ListableResourceType>;
|
|
11
11
|
type Action<TResource extends ListableResourceType> = {
|
|
12
|
-
type:
|
|
12
|
+
type: "prepare";
|
|
13
13
|
} | {
|
|
14
|
-
type:
|
|
14
|
+
type: "reset";
|
|
15
15
|
} | {
|
|
16
|
-
type:
|
|
16
|
+
type: "loaded";
|
|
17
17
|
payload: FetcherResponse<Resource<TResource>>;
|
|
18
18
|
} | {
|
|
19
|
-
type:
|
|
19
|
+
type: "error";
|
|
20
20
|
payload: string;
|
|
21
21
|
} | {
|
|
22
|
-
type:
|
|
22
|
+
type: "removeItem";
|
|
23
23
|
payload: {
|
|
24
24
|
resourceId: string;
|
|
25
25
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { ListableResourceType, ListMeta, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
|
|
2
|
+
import { default as React, FC, ReactNode } from 'react';
|
|
1
3
|
import { SectionProps } from '../../atoms/Section';
|
|
2
4
|
import { SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
|
|
3
5
|
import { ThProps } from '../../atoms/Table/Th';
|
|
4
|
-
import { ListMeta, ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
|
|
5
|
-
import { default as React, FC, ReactNode } from 'react';
|
|
6
6
|
import { Resource } from './infiniteFetcher';
|
|
7
7
|
export interface ResourceListItemTemplateProps<TResource extends ListableResourceType> extends SkeletonTemplateProps<{
|
|
8
8
|
/**
|
|
@@ -16,10 +16,10 @@ export interface ResourceListItemTemplateProps<TResource extends ListableResourc
|
|
|
16
16
|
remove?: () => void;
|
|
17
17
|
}> {
|
|
18
18
|
}
|
|
19
|
-
type TableVariantHeading = Omit<ThProps,
|
|
19
|
+
type TableVariantHeading = Omit<ThProps, "children"> & {
|
|
20
20
|
label: React.ReactNode;
|
|
21
21
|
};
|
|
22
|
-
export type ResourceListProps<TResource extends ListableResourceType> = Pick<SectionProps,
|
|
22
|
+
export type ResourceListProps<TResource extends ListableResourceType> = Pick<SectionProps, "actionButton"> & {
|
|
23
23
|
/**
|
|
24
24
|
* A react component to be used to render each item in the list.
|
|
25
25
|
* For best results, pass as `Item` a component already wrapped in a `SkeletonTemplate` (or `withSkeletonTemplate` HOC).
|
|
@@ -40,13 +40,13 @@ export type ResourceListProps<TResource extends ListableResourceType> = Pick<Sec
|
|
|
40
40
|
/**
|
|
41
41
|
* Force the size of the title, when not defined, title size will be `small` by default or `normal` when variant is `table` or `boxed`.
|
|
42
42
|
*/
|
|
43
|
-
titleSize?: SectionProps[
|
|
43
|
+
titleSize?: SectionProps["titleSize"];
|
|
44
44
|
} & ({
|
|
45
45
|
/** Boxed variant wraps the list in a Card */
|
|
46
|
-
variant?:
|
|
46
|
+
variant?: "boxed";
|
|
47
47
|
} | {
|
|
48
48
|
/** Table variant wraps the list in a Table and enables the `headings` prop */
|
|
49
|
-
variant:
|
|
49
|
+
variant: "table";
|
|
50
50
|
headings: TableVariantHeading[];
|
|
51
51
|
});
|
|
52
52
|
export interface UseResourceListConfig<TResource extends ListableResourceType> {
|
|
@@ -57,14 +57,14 @@ export interface UseResourceListConfig<TResource extends ListableResourceType> {
|
|
|
57
57
|
/**
|
|
58
58
|
* SDK query object to be used to fetch the list, excluding the pageNumber that is handled internally for infinite scrolling.
|
|
59
59
|
*/
|
|
60
|
-
query?: Omit<QueryParamsList<ResourceFields[TResource]>,
|
|
60
|
+
query?: Omit<QueryParamsList<ResourceFields[TResource]>, "pageNumber">;
|
|
61
61
|
/**
|
|
62
62
|
* When set the component will fetch data from the Metrics API, and automatically use the returned cursor for infinite scrolling.
|
|
63
63
|
*/
|
|
64
64
|
metricsQuery?: {
|
|
65
65
|
search: {
|
|
66
66
|
limit?: number;
|
|
67
|
-
sort?:
|
|
67
|
+
sort?: "asc" | "desc";
|
|
68
68
|
sort_by?: string;
|
|
69
69
|
fields?: string[];
|
|
70
70
|
};
|
|
@@ -76,7 +76,7 @@ export interface UseResourceListConfig<TResource extends ListableResourceType> {
|
|
|
76
76
|
* It's possible to specify a query to filter the list and either
|
|
77
77
|
* a React component (`ItemTemplate`) to be used as item template for the list or a function as `children` to render a custom element.
|
|
78
78
|
*/
|
|
79
|
-
export declare function useResourceList<TResource extends ListableResourceType>({ type, query, metricsQuery }: UseResourceListConfig<TResource>): {
|
|
79
|
+
export declare function useResourceList<TResource extends ListableResourceType>({ type, query, metricsQuery, }: UseResourceListConfig<TResource>): {
|
|
80
80
|
/** The component that renders the list with infinite scrolling functionality */
|
|
81
81
|
ResourceList: FC<ResourceListProps<TResource>>;
|
|
82
82
|
/** The raw array of fetched resources, which grows each time a new page is fetched */
|
package/dist/utils/array.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export declare function isDefined<T>(value: T | undefined | null): value is T;
|
|
|
5
5
|
type AsUniqueArray<A extends readonly any[], B extends readonly any[]> = {
|
|
6
6
|
[I in keyof A]: unknown extends {
|
|
7
7
|
[J in keyof B]: J extends I ? never : B[J] extends A[I] ? unknown : never;
|
|
8
|
-
}[number] ? Invalid<[A[I],
|
|
8
|
+
}[number] ? Invalid<[A[I], "is repeated"]> : A[I];
|
|
9
9
|
};
|
|
10
10
|
export declare const asUniqueArray: <N extends string, A extends [] | (readonly N[] & AsUniqueArray<A, A>)>(a: A) => A;
|
|
11
11
|
export {};
|
package/dist/utils/htmltags.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { JSX } from 'react';
|
|
2
|
-
export declare function enforceAllowedTags<AllowedTags extends ReadonlyArray<keyof JSX.IntrinsicElements>, Tag extends AllowedTags[number], DefaultTag extends AllowedTags[number]>({ tag, allowedTags, defaultTag }: {
|
|
2
|
+
export declare function enforceAllowedTags<AllowedTags extends ReadonlyArray<keyof JSX.IntrinsicElements>, Tag extends AllowedTags[number], DefaultTag extends AllowedTags[number]>({ tag, allowedTags, defaultTag, }: {
|
|
3
3
|
tag?: Tag;
|
|
4
4
|
allowedTags: AllowedTags;
|
|
5
5
|
defaultTag: DefaultTag;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @returns an object containing `firstOfPage` which is the first index of the current page (on page 2 with 30 items per page will be 31)
|
|
8
8
|
* and `lastOfPage` which is the last index of the current page (on page 2 with 30 items per page will be 60)
|
|
9
9
|
*/
|
|
10
|
-
export declare function makeCurrentPageOffsets({ currentPage, recordsPerPage, recordCount }: {
|
|
10
|
+
export declare function makeCurrentPageOffsets({ currentPage, recordsPerPage, recordCount, }: {
|
|
11
11
|
currentPage: number;
|
|
12
12
|
recordsPerPage: number;
|
|
13
13
|
recordCount: number;
|
|
@@ -27,14 +27,14 @@ export declare function makeCurrentPageOffsets({ currentPage, recordsPerPage, re
|
|
|
27
27
|
* @param excludeCurrentPage - Boolean flag, in case we don't need the current page to be in the array
|
|
28
28
|
* @returns an array of adjacent page numbers
|
|
29
29
|
*/
|
|
30
|
-
export declare function makeSomeAdjacentPages({ currentPage, pageCount, adjacentPagesCount, direction, excludeCurrentPage }: {
|
|
30
|
+
export declare function makeSomeAdjacentPages({ currentPage, pageCount, adjacentPagesCount, direction, excludeCurrentPage, }: {
|
|
31
31
|
currentPage: number;
|
|
32
32
|
pageCount: number;
|
|
33
33
|
adjacentPagesCount: number;
|
|
34
|
-
direction?:
|
|
34
|
+
direction?: "backward" | "forward";
|
|
35
35
|
excludeCurrentPage?: boolean;
|
|
36
36
|
}): number[];
|
|
37
|
-
export declare function computeTitleWithPagination({ title, firstOfPage, lastOfPage, recordCount, currentPage }: {
|
|
37
|
+
export declare function computeTitleWithPagination({ title, firstOfPage, lastOfPage, recordCount, currentPage, }: {
|
|
38
38
|
title: string;
|
|
39
39
|
firstOfPage: number;
|
|
40
40
|
lastOfPage: number;
|
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):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__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;z-index:30}.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,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--tw-shadow-color:#e6e7e7}.form-input,.form-textarea,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}.form-input:focus,.form-textarea:focus,.group:focus-within .form-input,.group:focus-within .form-textarea,.group:focus-within div[role=textbox],.group:focus-within input,[contenteditable]:focus-visible,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:focus-visible+.suffix{border-color:#101111;border-width:2px;padding-right:11px}input[type=radio]{--tw-shadow-color:#e6e7e7}select:focus-visible{border-radius:2px;outline:2px solid #101111!important;outline-offset:4px}[contenteditable]{border-radius:.625rem;padding:.5rem}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,1))}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,1))}progress.progress::-moz-progress-bar{overflow:hidden;border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(237 238 238/var(--tw-bg-opacity,1))}progress.progress::-webkit-progress-value{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(16 17 17/var(--tw-bg-opacity,1))}progress.progress[value]::-moz-progress-bar{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(16 17 17/var(--tw-bg-opacity,1))}.underline-dotted{text-decoration-line:underline;text-underline-position:under;text-decoration-thickness:5%;text-decoration-style:dotted}
|
|
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):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__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;z-index:30}.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: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,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--tw-shadow-color:#e6e7e7}.form-input,.form-textarea,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}.form-input:focus,.form-textarea:focus,.group:focus-within .form-input,.group:focus-within .form-textarea,.group:focus-within div[role=textbox],.group:focus-within input,[contenteditable]:focus-visible,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:focus-visible+.suffix{border-color:#101111;border-width:2px;padding-right:11px}input[type=radio]{--tw-shadow-color:#e6e7e7}select:focus-visible{border-radius:2px;outline:2px solid #101111!important;outline-offset:4px}[contenteditable]{border-radius:.625rem;padding:.5rem}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,1))}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,1))}progress.progress::-moz-progress-bar{overflow:hidden;border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(237 238 238/var(--tw-bg-opacity,1))}progress.progress::-webkit-progress-value{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(16 17 17/var(--tw-bg-opacity,1))}progress.progress[value]::-moz-progress-bar{border-radius:.313rem;--tw-bg-opacity:1;background-color:rgb(16 17 17/var(--tw-bg-opacity,1))}.underline-dotted{text-decoration-line:underline;text-underline-position:under;text-decoration-thickness:5%;text-decoration-style:dotted}
|