@spscommerce/ds-react 8.20.11 → 8.20.13
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/lib/advanced-search/SpsAdvancedSearch.d.ts +1 -1
- package/lib/autocomplete/SpsAutocomplete.d.ts +1 -1
- package/lib/button/SpsButton.d.ts +1 -1
- package/lib/button/SpsButtonGroup.d.ts +1 -1
- package/lib/button/SpsIconButtonPanel.d.ts +1 -1
- package/lib/card/SpsCard.d.ts +1 -1
- package/lib/card/SpsCardHeader.d.ts +1 -1
- package/lib/card/SpsCardTabbedPane.d.ts +1 -1
- package/lib/card/useTab.d.ts +1 -1
- package/lib/checkbox/SpsCheckbox.d.ts +1 -1
- package/lib/checkbox-dropdown/SpsCheckboxDropdown.d.ts +3 -3
- package/lib/clickable-tag/SpsClickableTag.d.ts +1 -1
- package/lib/column-chooser/SpsColumnChooser.d.ts +1 -1
- package/lib/column-chooser/SpsColumnChooserColumn.d.ts +1 -1
- package/lib/conditional-field/SpsConditionalField.d.ts +1 -1
- package/lib/content-row/SpsContentRow.d.ts +1 -1
- package/lib/content-row/SpsContentRowCol.d.ts +1 -1
- package/lib/content-row/SpsContentRowExpansion.d.ts +1 -1
- package/lib/currency-input/SpsCurrencyInput.d.ts +1 -1
- package/lib/dateRangePicker/SpsDateRangePicker.d.ts +1 -1
- package/lib/dateTimeRangePicker/SpsDateTimeRangePicker.d.ts +1 -1
- package/lib/datepicker/SpsDatepicker.d.ts +1 -1
- package/lib/datepicker/SpsDatepickerCalendar.d.ts +1 -1
- package/lib/datepicker/SpsDatepickerPopup.d.ts +2 -2
- package/lib/datetime/SpsDateTime.d.ts +1 -1
- package/lib/description-list/SpsDescriptionList.d.ts +1 -1
- package/lib/description-list/SpsDescriptionListDefinition.d.ts +1 -1
- package/lib/description-list/SpsDescriptionListTerm.d.ts +1 -1
- package/lib/dropdown/SpsDropdown.d.ts +1 -1
- package/lib/feedback-block/SpsFeedbackBlock.d.ts +1 -1
- package/lib/fieldset/SpsFieldset.d.ts +1 -1
- package/lib/filter-panel/SpsFilterPanel.d.ts +1 -1
- package/lib/filter-panel/SpsFilterPanelCap.d.ts +1 -1
- package/lib/filter-panel/SpsFilterPanelFilterBox.d.ts +1 -1
- package/lib/filter-panel/SpsFilterPanelSection.d.ts +1 -1
- package/lib/filter-tile-list/SpsFilterTile.d.ts +1 -1
- package/lib/filter-tile-list/SpsFilterTileList.d.ts +1 -1
- package/lib/focused-task/SpsFocusedTask.d.ts +1 -1
- package/lib/focused-task/SpsFocusedTaskActions.d.ts +1 -1
- package/lib/form/SpsForm.d.ts +3 -3
- package/lib/form/SpsFormComponentWrapper.d.ts +3 -3
- package/lib/form/hooks/useSpsForm.d.ts +9 -9
- package/lib/form/validation/SpsValidators.d.ts +3 -3
- package/lib/form/validation/types.d.ts +4 -4
- package/lib/growler/SpsGrowler.d.ts +1 -1
- package/lib/icon/SpsIcon.d.ts +1 -1
- package/lib/incrementor/SpsIncrementor.d.ts +1 -1
- package/lib/index.cjs.js +56 -56
- package/lib/index.es.js +549 -546
- package/lib/input-group/SpsInputGroup.d.ts +1 -1
- package/lib/insight-tile/SpsInsightTile.d.ts +1 -1
- package/lib/insight-tile/SpsInsights.d.ts +1 -1
- package/lib/key-value-list/SpsKeyValueList.d.ts +1 -1
- package/lib/key-value-list/SpsKeyValueListItem.d.ts +1 -1
- package/lib/key-value-tag/SpsKeyValueTag.d.ts +1 -1
- package/lib/label/SpsLabel.d.ts +1 -1
- package/lib/list-action-bar/SpsListActionBar.d.ts +1 -1
- package/lib/list-toolbar/SpsListToolbar.d.ts +1 -1
- package/lib/list-toolbar/SpsListToolbarSearch.d.ts +1 -1
- package/lib/list-toolbar/SpsListToolbarSearchInfo.d.ts +1 -1
- package/lib/list-toolbar/SpsListToolbarSortBy.d.ts +1 -1
- package/lib/micro-block/SpsMicroBlock.d.ts +1 -1
- package/lib/modal/SpsModal.d.ts +1 -1
- package/lib/modal/useModals.d.ts +1 -1
- package/lib/multi-select/SpsMultiSelect.d.ts +1 -1
- package/lib/multi-value-text-input/SpsMultiValueTextInput.d.ts +1 -1
- package/lib/option-list/SpsOptionListProps.d.ts +1 -1
- package/lib/page-title/SpsPageSubtitle.d.ts +1 -1
- package/lib/page-title/SpsPageTitle.d.ts +1 -1
- package/lib/pagination/SpsPageSelector.d.ts +1 -1
- package/lib/pagination/SpsPagination.d.ts +1 -1
- package/lib/product-bar/SpsProductBar.d.ts +1 -1
- package/lib/product-bar/SpsProductBarTab.d.ts +1 -1
- package/lib/progress-bar/SpsProgressBar.d.ts +1 -1
- package/lib/progress-ring/SpsProgressRing.d.ts +1 -1
- package/lib/radio-button/SpsRadioButton.d.ts +1 -1
- package/lib/scrollable-container/SpsScrollableContainer.d.ts +1 -1
- package/lib/search-results-bar/SpsSearchResultsBar.d.ts +1 -1
- package/lib/search-results-bar/SpsSearchResultsBarV2.d.ts +1 -1
- package/lib/select/SpsSelect.d.ts +27 -27
- package/lib/slack-link/SpsSlackLink.d.ts +1 -1
- package/lib/slide-in-panel/SpsSlideInPanel.d.ts +1 -1
- package/lib/sorting-header/SpsSortingHeader.d.ts +1 -1
- package/lib/sorting-header/SpsSortingHeaderCell.d.ts +1 -1
- package/lib/spinner/SpsSpinner.d.ts +1 -1
- package/lib/split-button/SpsSplitButton.d.ts +1 -1
- package/lib/stepped-progress-bar/SpsSteppedProgressBar.d.ts +1 -1
- package/lib/summary-list/SpsSummaryListColumn.d.ts +1 -1
- package/lib/summary-list/SpsSummaryListExpansion.d.ts +1 -1
- package/lib/summary-list/SpsSummaryListRow.d.ts +1 -1
- package/lib/table/SpsTable.d.ts +1 -1
- package/lib/table/SpsTableBody.d.ts +1 -1
- package/lib/table/SpsTableCell.d.ts +1 -1
- package/lib/table/SpsTableHead.d.ts +1 -1
- package/lib/table/SpsTableHeader.d.ts +1 -1
- package/lib/table/SpsTableRow.d.ts +1 -1
- package/lib/tabs/SpsTabs.d.ts +1 -1
- package/lib/tag/SpsTag.d.ts +1 -1
- package/lib/task-queue/SpsTaskQueue.d.ts +2 -2
- package/lib/text-input/SpsTextInput.d.ts +13 -13
- package/lib/textarea/SpsTextarea.d.ts +1 -1
- package/lib/tile-list/SpsTile.d.ts +1 -1
- package/lib/tile-list/SpsTileList.d.ts +1 -1
- package/lib/time-input/SpsTimeInput.d.ts +1 -1
- package/lib/toggle/SpsToggle.d.ts +1 -1
- package/lib/tooltip/SpsTooltip.d.ts +1 -1
- package/lib/tooltip/SpsTooltipTitle.d.ts +1 -1
- package/lib/utils/Provide.d.ts +1 -1
- package/lib/utils/bindProps.d.ts +1 -1
- package/lib/utils/usePortal.d.ts +2 -2
- package/lib/vertical-rule/SpsVerticalRule.d.ts +1 -1
- package/lib/wizard/SpsWizardSidebar.d.ts +1 -1
- package/lib/wizard/SpsWizardSubstep.d.ts +1 -1
- package/lib/workflow/SpsWorkflow.d.ts +1 -1
- package/lib/workflow/SpsWorkflowDocument.d.ts +1 -1
- package/lib/workflow/SpsWorkflowDocumentStatus.d.ts +1 -1
- package/lib/workflow/SpsWorkflowStep.d.ts +1 -1
- package/lib/zero-state/SpsMicroZeroState.d.ts +1 -1
- package/lib/zero-state/SpsZeroState.d.ts +1 -1
- package/package.json +12 -12
|
@@ -3,7 +3,7 @@ import type { SpsGlobalPropTypes } from "../prop-types";
|
|
|
3
3
|
import type { SpsFormArray } from "../form/hooks/formArray";
|
|
4
4
|
import type { SpsFormGroup } from "../form/hooks/formGroup";
|
|
5
5
|
import type { SpsFormSetMeta } from "../form/hooks/useSpsForm";
|
|
6
|
-
export
|
|
6
|
+
export type SpsInputGroupProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
7
7
|
formArray?: SpsFormArray<any>;
|
|
8
8
|
formGroup?: SpsFormGroup;
|
|
9
9
|
formMeta?: SpsFormSetMeta<any>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { SpsInsightTileKind, SpsIcon } from "@spscommerce/ds-shared";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsInsightTileProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
horizontal?: boolean;
|
|
6
6
|
icon?: SpsIcon;
|
|
7
7
|
kind?: SpsInsightTileKind;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsInsightsProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
|
|
4
4
|
export declare function SpsInsights(props: SpsInsightsProps): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsKeyValueListProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
inline?: boolean;
|
|
5
5
|
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
6
6
|
export declare function SpsKeyValueList(props: SpsKeyValueListProps): React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { KeyValueListTitleColor } from "@spscommerce/ds-shared";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsKeyValueListItemProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
itemKey: string | React.ReactNode | (() => React.ReactNode);
|
|
6
6
|
titleColor?: KeyValueListTitleColor;
|
|
7
7
|
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SpsIcon, TagKind } from "@spscommerce/ds-shared";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsKeyValueTagProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
color?: TagKind;
|
|
6
6
|
href?: string;
|
|
7
7
|
icon?: SpsIcon;
|
package/lib/label/SpsLabel.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
4
|
import type { SpsFormControl } from "../form/hooks/formControl";
|
|
5
5
|
import { SpsFormMetaBase } from "../form/hooks/useSpsForm";
|
|
6
|
-
export
|
|
6
|
+
export type SpsLabelProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
7
7
|
description?: string;
|
|
8
8
|
for: SpsFormMetaBase<any> | SpsFormControl<any>;
|
|
9
9
|
stronglySuggested?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsListActionBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
clearSelected: () => void;
|
|
5
5
|
itemsSelected: string | number;
|
|
6
6
|
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { SpsTab } from "@spscommerce/ds-shared";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsListToolbarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
activeTab?: SpsTab;
|
|
6
6
|
advancedSearch?: {
|
|
7
7
|
isOpen: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsListToolbarSearchProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
onSubmit?: React.FormEventHandler;
|
|
5
5
|
}> & React.HTMLAttributes<HTMLElement>;
|
|
6
6
|
export declare function SpsListToolbarSearch(props: SpsListToolbarSearchProps): React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsListToolbarSearchInfoProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLElement>;
|
|
4
4
|
export declare function SpsListToolbarSearchInfo(props: SpsListToolbarSearchInfoProps): React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ export interface SortOption {
|
|
|
7
7
|
direction: SortDirection;
|
|
8
8
|
icon: SpsIcon;
|
|
9
9
|
}
|
|
10
|
-
export
|
|
10
|
+
export type SpsListToolbarSortByProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
11
11
|
options?: SortOption[];
|
|
12
12
|
activeOption?: SortOption;
|
|
13
13
|
onSortChange?: (option: SortOption) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FeedbackBlockKind } from "@spscommerce/ds-shared";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsMicroBlockProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
kind?: FeedbackBlockKind;
|
|
6
6
|
message: string;
|
|
7
7
|
}> & React.HTMLAttributes<HTMLDivElement>;
|
package/lib/modal/SpsModal.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ModalKind, ModalSize } from "@spscommerce/ds-shared";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsModalProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
kind?: ModalKind;
|
|
6
6
|
size?: ModalSize;
|
|
7
7
|
title?: string;
|
package/lib/modal/useModals.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import type { SpsActionMethod, SpsIcon } from "@spscommerce/ds-shared";
|
|
|
4
4
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
5
5
|
import type { SpsFormControl } from "../form/hooks/formControl";
|
|
6
6
|
import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
|
|
7
|
-
export
|
|
7
|
+
export type SpsMultiSelectProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
8
8
|
autoComplete?: string;
|
|
9
9
|
action?: SpsActionMethod;
|
|
10
10
|
captionKey?: string;
|
|
@@ -3,7 +3,7 @@ import type { SpsIcon } from "@spscommerce/ds-shared";
|
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
4
|
import type { SpsFormControl } from "../form/hooks/formControl";
|
|
5
5
|
import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
|
|
6
|
-
export
|
|
6
|
+
export type SpsMultiValueTextInputProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
7
7
|
autoComplete?: string;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
formControl?: SpsFormControl<any[]>;
|
|
@@ -39,7 +39,7 @@ export interface SpsSearchableOptionListProps {
|
|
|
39
39
|
searchInputRef?: MutableRefObject<HTMLInputElement | null>;
|
|
40
40
|
onSpecialActionSelect?: () => void;
|
|
41
41
|
}
|
|
42
|
-
export
|
|
42
|
+
export type SpsOptionListProps = PropsWithChildren<SpsGlobalPropTypes & SpsOptionListPassthroughProps & SpsSearchableOptionListProps & {
|
|
43
43
|
attachTo: MutableRefObject<HTMLElement | null>;
|
|
44
44
|
conformWidth?: boolean;
|
|
45
45
|
id: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsPageSubtitleProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
|
|
4
4
|
export declare function SpsPageSubtitle(props: SpsPageSubtitleProps): React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsPageTitleProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
|
|
4
4
|
export declare function SpsPageTitle(props: SpsPageTitleProps): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsPageSelectorProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
numPages?: number;
|
|
5
5
|
onPageChange?: (number: any) => void;
|
|
6
6
|
page?: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsPaginationProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
onPageChange: (page: number, pageSize: number, indices: [number, number]) => void;
|
|
5
5
|
page?: number;
|
|
6
6
|
pageSize?: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsProductBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
activeTab?: string;
|
|
5
5
|
fullWidth?: boolean;
|
|
6
6
|
onTabChange?: (newTab: string) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsProgressBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
percentComplete?: number;
|
|
5
5
|
title?: string;
|
|
6
6
|
detail?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { RingSize } from "@spscommerce/ds-shared";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsProgressRingProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
progress?: number;
|
|
6
6
|
size?: RingSize;
|
|
7
7
|
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
3
|
import type { SpsFormControl } from "../form/hooks/formControl";
|
|
4
4
|
import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
|
|
5
|
-
export
|
|
5
|
+
export type SpsRadioButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
6
6
|
autoComplete?: string;
|
|
7
7
|
checked?: boolean;
|
|
8
8
|
disabled?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsScrollableContainerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
maxHeight?: string;
|
|
5
5
|
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
6
6
|
export declare function SpsScrollableContainer(props: SpsScrollableContainerProps): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsSearchResultsBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
resultsCount?: number;
|
|
5
5
|
totalResults?: number;
|
|
6
6
|
onClear?: () => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsSearchResultsBarV2Props = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
results?: number | null;
|
|
5
5
|
selections?: Record<string, string[]>;
|
|
6
6
|
zeroStateText?: string;
|
|
@@ -4,7 +4,7 @@ import * as React from "react";
|
|
|
4
4
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
5
5
|
import type { SpsFormControl } from "../form/hooks/formControl";
|
|
6
6
|
import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
|
|
7
|
-
export
|
|
7
|
+
export type SpsSelectProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
8
8
|
action?: SpsActionMethod;
|
|
9
9
|
captionKey?: string;
|
|
10
10
|
comparisonKey?: string;
|
|
@@ -32,37 +32,37 @@ export declare type SpsSelectProps = React.PropsWithChildren<SpsGlobalPropTypes
|
|
|
32
32
|
disableDefaultOptionsFiltering?: boolean;
|
|
33
33
|
onBeforeChange?: (value: string) => boolean | Promise<boolean>;
|
|
34
34
|
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
35
|
-
|
|
35
|
+
type FocusRef = {
|
|
36
36
|
focus: () => void;
|
|
37
37
|
} | null;
|
|
38
38
|
export declare const SpsSelect: React.ForwardRefExoticComponent<SpsGlobalPropTypes & {
|
|
39
|
-
action?: SpsActionMethod
|
|
40
|
-
captionKey?: string
|
|
41
|
-
comparisonKey?: string
|
|
42
|
-
disabled?: boolean
|
|
43
|
-
formControl?: SpsFormControl<any
|
|
44
|
-
formMeta?: SpsFormFieldMeta<any
|
|
45
|
-
notClearable?: boolean
|
|
39
|
+
action?: SpsActionMethod;
|
|
40
|
+
captionKey?: string;
|
|
41
|
+
comparisonKey?: string;
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
formControl?: SpsFormControl<any>;
|
|
44
|
+
formMeta?: SpsFormFieldMeta<any>;
|
|
45
|
+
notClearable?: boolean;
|
|
46
46
|
options: Eventually<any[]> | ((filter?: string) => Eventually<any[]>);
|
|
47
|
-
onChange?: React.ChangeEventHandler
|
|
48
|
-
onOpen?: (
|
|
49
|
-
placeholder?: string
|
|
50
|
-
searchDebounce?: number
|
|
51
|
-
searchPlaceholder?: string
|
|
52
|
-
tallOptionList?: boolean
|
|
53
|
-
textKey?: string
|
|
54
|
-
valueKey?: string
|
|
47
|
+
onChange?: React.ChangeEventHandler;
|
|
48
|
+
onOpen?: () => void;
|
|
49
|
+
placeholder?: string;
|
|
50
|
+
searchDebounce?: number;
|
|
51
|
+
searchPlaceholder?: string;
|
|
52
|
+
tallOptionList?: boolean;
|
|
53
|
+
textKey?: string;
|
|
54
|
+
valueKey?: string;
|
|
55
55
|
value?: any;
|
|
56
|
-
zeroState?: string
|
|
57
|
-
autoFixWidth?: boolean
|
|
58
|
-
loading?: boolean
|
|
59
|
-
filterByTextAndCaptionKey?: boolean
|
|
60
|
-
maxHeightOptionListPx?: number
|
|
61
|
-
maxHeightOptionListRem?: number
|
|
62
|
-
disableOptionsMemoization?: boolean
|
|
63
|
-
disableDefaultOptionsFiltering?: boolean
|
|
64
|
-
onBeforeChange?: (
|
|
56
|
+
zeroState?: string;
|
|
57
|
+
autoFixWidth?: boolean;
|
|
58
|
+
loading?: boolean;
|
|
59
|
+
filterByTextAndCaptionKey?: boolean;
|
|
60
|
+
maxHeightOptionListPx?: number;
|
|
61
|
+
maxHeightOptionListRem?: number;
|
|
62
|
+
disableOptionsMemoization?: boolean;
|
|
63
|
+
disableDefaultOptionsFiltering?: boolean;
|
|
64
|
+
onBeforeChange?: (value: string) => boolean | Promise<boolean>;
|
|
65
65
|
} & {
|
|
66
|
-
children?: React.ReactNode;
|
|
66
|
+
children?: React.ReactNode | undefined;
|
|
67
67
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<FocusRef>>;
|
|
68
68
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsSlackLinkProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
channelId: string;
|
|
5
5
|
}> & React.HTMLAttributes<HTMLAnchorElement>;
|
|
6
6
|
export declare function SpsSlackLink(props: SpsSlackLinkProps): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsSlideInPanelProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
title?: string;
|
|
5
5
|
show?: boolean;
|
|
6
6
|
onClose?: () => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsSortingHeaderProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
sort: SortedColumn[];
|
|
6
6
|
onSortChange: SortChangeHandler;
|
|
7
7
|
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsSortingHeaderCellProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
sortKey?: string;
|
|
6
6
|
sortDisabled?: boolean;
|
|
7
7
|
sort?: SortedColumn[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SpinnerSize } from "@spscommerce/ds-shared";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsSpinnerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
alt?: string;
|
|
6
6
|
size?: SpinnerSize;
|
|
7
7
|
title?: string;
|
|
@@ -3,7 +3,7 @@ import { StdButtonKind } from "@spscommerce/ds-shared";
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
5
5
|
import { SpsDropdown } from "../dropdown/SpsDropdown";
|
|
6
|
-
export
|
|
6
|
+
export type SpsSplitButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
href?: string;
|
|
9
9
|
label?: string;
|
|
@@ -9,7 +9,7 @@ export interface SteppedProgressBarData {
|
|
|
9
9
|
description: string;
|
|
10
10
|
skipped: boolean;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type SpsSteppedProgressBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
13
13
|
title?: string;
|
|
14
14
|
stepsCount?: number;
|
|
15
15
|
completedStepsCount?: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsSummaryListColumnProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
borderless?: boolean;
|
|
5
5
|
lean?: boolean;
|
|
6
6
|
leaner?: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsSummaryListExpansionProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
|
|
4
4
|
export declare function SpsSummaryListExpansion(props: SpsSummaryListExpansionProps): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsSummaryListRowProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
expanded?: boolean;
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
onToggle?: (isExpanded: boolean) => void;
|
package/lib/table/SpsTable.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { SortChangeHandler, SortedColumn, ResizeState, ResizeStateChangeHandler } from "@spscommerce/ds-shared";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsTableProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
onSortChange?: SortChangeHandler;
|
|
6
6
|
sort?: SortedColumn[];
|
|
7
7
|
selectable?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsTableBodyProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLTableSectionElement>;
|
|
4
4
|
export declare function SpsTableBody(props: SpsTableBodyProps): React.JSX.Element;
|
|
5
5
|
export declare function SpsTbody(props: SpsTableBodyProps): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsTableCellProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
buttonCell?: boolean;
|
|
5
5
|
controlCell?: boolean;
|
|
6
6
|
wrap?: 200 | 300 | 400 | 500 | 600;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsTableHeadProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
pinned?: boolean;
|
|
5
5
|
}> & React.HTMLAttributes<HTMLTableSectionElement>;
|
|
6
6
|
export declare function SpsTableHead({ children, className, "data-testid": testId, unsafelyReplaceClassName, pinned, ...rest }: SpsTableHeadProps): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsTableHeaderProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
controlCell?: boolean;
|
|
5
5
|
sortKey?: string;
|
|
6
6
|
resizeKey?: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsTableRowProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLTableRowElement>;
|
|
4
4
|
export declare function SpsTableRow({ children, className, "data-testid": testId, unsafelyReplaceClassName, ...rest }: SpsTableRowProps): React.JSX.Element;
|
|
5
5
|
export declare function SpsTr(props: SpsTableRowProps): React.JSX.Element;
|
package/lib/tabs/SpsTabs.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { SpsTab } from "@spscommerce/ds-shared";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
-
export
|
|
4
|
+
export type SpsTabsProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
5
|
tabs: SpsTab[];
|
|
6
6
|
activeTab?: SpsTab;
|
|
7
7
|
onTabChange?: (newTab: SpsTab) => void;
|
package/lib/tag/SpsTag.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type { SpsIcon } from "@spscommerce/ds-shared";
|
|
|
2
2
|
import { TagKind } from "@spscommerce/ds-shared";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
5
|
-
export
|
|
5
|
+
export type SpsTagProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
6
6
|
icon?: SpsIcon;
|
|
7
7
|
kind?: TagKind;
|
|
8
8
|
}> & React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -9,12 +9,12 @@ export interface ReactSpsTaskAction {
|
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
onClick?: (task: ReactSpsTask) => void;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type ReactSpsTask = Pick<SpsTask, "heading" | "status" | "unread"> & {
|
|
13
13
|
id?: string;
|
|
14
14
|
subheading?: React.ReactNode;
|
|
15
15
|
actions?: Array<ReactSpsTaskAction | React.ReactElement>;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type SpsTaskQueueProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
18
18
|
tasks?: ReactSpsTask[];
|
|
19
19
|
taskQueuePosition?: Position;
|
|
20
20
|
notificationText?: string;
|
|
@@ -3,7 +3,7 @@ import type { SpsIcon } from "@spscommerce/ds-shared";
|
|
|
3
3
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
4
|
import type { SpsFormControl } from "../form/hooks/formControl";
|
|
5
5
|
import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
|
|
6
|
-
export
|
|
6
|
+
export type SpsTextInputProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
7
7
|
autoComplete?: string;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
formControl?: SpsFormControl<string>;
|
|
@@ -17,17 +17,17 @@ export declare type SpsTextInputProps = React.PropsWithChildren<SpsGlobalPropTyp
|
|
|
17
17
|
notClearable?: boolean;
|
|
18
18
|
}> & React.HTMLAttributes<HTMLInputElement>;
|
|
19
19
|
export declare const SpsTextInput: React.ForwardRefExoticComponent<SpsGlobalPropTypes & {
|
|
20
|
-
autoComplete?: string
|
|
21
|
-
disabled?: boolean
|
|
22
|
-
formControl?: SpsFormControl<string
|
|
23
|
-
formMeta?: SpsFormFieldMeta<string
|
|
24
|
-
icon?: SpsIcon
|
|
25
|
-
name?: string
|
|
26
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement
|
|
27
|
-
placeholder?: string
|
|
28
|
-
value?: string
|
|
29
|
-
additionalText?: string
|
|
30
|
-
notClearable?: boolean
|
|
20
|
+
autoComplete?: string;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
formControl?: SpsFormControl<string>;
|
|
23
|
+
formMeta?: SpsFormFieldMeta<string>;
|
|
24
|
+
icon?: SpsIcon;
|
|
25
|
+
name?: string;
|
|
26
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
27
|
+
placeholder?: string;
|
|
28
|
+
value?: string;
|
|
29
|
+
additionalText?: string;
|
|
30
|
+
notClearable?: boolean;
|
|
31
31
|
} & {
|
|
32
|
-
children?: React.ReactNode;
|
|
32
|
+
children?: React.ReactNode | undefined;
|
|
33
33
|
} & React.HTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
3
|
import type { SpsFormControl } from "../form/hooks/formControl";
|
|
4
4
|
import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
|
|
5
|
-
export
|
|
5
|
+
export type SpsTextareaProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
6
6
|
autoComplete?: string;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
formControl?: SpsFormControl<string>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsTileProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
4
|
href?: string;
|
|
5
5
|
target?: string;
|
|
6
6
|
icon: React.ReactNode | (() => React.ReactNode);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
-
export
|
|
3
|
+
export type SpsTileListProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
|
|
4
4
|
export declare function SpsTileList(props: SpsTileListProps): React.JSX.Element;
|