@spscommerce/ds-react 6.37.3 → 7.0.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/lib/advanced-search/SpsAdvancedSearch.d.ts +8 -20
- package/lib/autocomplete/SpsAutocomplete.d.ts +19 -25
- package/lib/button/SpsButton.d.ts +13 -17
- package/lib/button/SpsButtonGroup.d.ts +3 -9
- package/lib/button/SpsIconButtonPanel.d.ts +3 -9
- package/lib/card/SpsCard.d.ts +9 -14
- package/lib/card/SpsCardHeader.d.ts +8 -13
- package/lib/card/SpsCardTabbedPane.d.ts +14 -18
- package/lib/card/index.d.ts +0 -1
- package/lib/checkbox/SpsCheckbox.d.ts +12 -17
- package/lib/checkbox-dropdown/SpsCheckboxDropdown.d.ts +6 -14
- package/lib/clickable-tag/SpsClickableTag.d.ts +9 -14
- package/lib/column-chooser/SpsColumnChooser.d.ts +8 -13
- package/lib/column-chooser/SpsColumnChooserColumn.d.ts +12 -16
- package/lib/conditional-field/SpsConditionalField.d.ts +6 -11
- package/lib/content-row/SpsContentRow.d.ts +14 -20
- package/lib/content-row/SpsContentRowCol.d.ts +9 -14
- package/lib/content-row/SpsContentRowExpansion.d.ts +3 -9
- package/lib/currency-input/SpsCurrencyInput.d.ts +9 -15
- package/lib/dateRangePicker/SpsDateRangePicker.d.ts +10 -16
- package/lib/datepicker/SpsDatepicker.d.ts +10 -15
- package/lib/datepicker/SpsDatepickerCalendar.d.ts +8 -15
- package/lib/datepicker/SpsDatepickerPopup.d.ts +10 -12
- package/lib/datepicker/useMoment.d.ts +1 -1
- package/lib/datepicker/utils.d.ts +7 -7
- package/lib/datetime/SpsDateTime.d.ts +10 -16
- package/lib/description-list/SpsDescriptionList.d.ts +8 -13
- package/lib/description-list/SpsDescriptionListDefinition.d.ts +4 -10
- package/lib/description-list/SpsDescriptionListTerm.d.ts +10 -15
- package/lib/dropdown/SpsDropdown.d.ts +20 -25
- package/lib/feedback-block/SpsFeedbackBlock.d.ts +5 -10
- package/lib/fieldset/SpsFieldset.d.ts +13 -18
- package/lib/filter-panel/SpsFilterPanel.d.ts +3 -9
- package/lib/filter-panel/SpsFilterPanelCap.d.ts +5 -10
- package/lib/filter-panel/SpsFilterPanelFilterBox.d.ts +7 -13
- package/lib/filter-panel/SpsFilterPanelSection.d.ts +10 -15
- package/lib/filter-tile-list/SpsFilterTile.d.ts +8 -13
- package/lib/filter-tile-list/SpsFilterTileList.d.ts +3 -9
- package/lib/focused-task/SpsFocusedTask.d.ts +7 -12
- package/lib/focused-task/SpsFocusedTaskActions.d.ts +3 -9
- package/lib/form/SpsForm.d.ts +6 -12
- package/lib/form/SpsFormComponentWrapper.d.ts +7 -12
- package/lib/form/hooks/useFormControlId.d.ts +2 -2
- package/lib/form/hooks/useServerSideValidation.d.ts +1 -1
- package/lib/form/hooks/useSpsForm.d.ts +9 -9
- package/lib/growler/SpsGrowler.d.ts +8 -14
- package/lib/growler/useGrowlers.d.ts +2 -2
- package/lib/icon/SpsIcon.d.ts +8 -12
- package/lib/incrementor/SpsIncrementor.d.ts +9 -14
- package/lib/index.cjs.js +1075 -1600
- package/lib/index.es.js +22208 -28833
- package/lib/input-group/SpsInputGroup.d.ts +8 -13
- package/lib/insight-tile/SpsInsightTile.d.ts +12 -17
- package/lib/insight-tile/SpsInsights.d.ts +3 -9
- package/lib/key-value-list/SpsKeyValueList.d.ts +5 -10
- package/lib/key-value-list/SpsKeyValueListItem.d.ts +6 -11
- package/lib/key-value-list/index.d.ts +0 -1
- package/lib/key-value-tag/SpsKeyValueTag.d.ts +9 -14
- package/lib/label/SpsLabel.d.ts +11 -16
- package/lib/list-action-bar/SpsListActionBar.d.ts +7 -12
- package/lib/list-toolbar/SpsListToolbar.d.ts +20 -25
- package/lib/list-toolbar/SpsListToolbarSearch.d.ts +4 -10
- package/lib/list-toolbar/SpsListToolbarSearchInfo.d.ts +3 -9
- package/lib/list-toolbar/SpsListToolbarSortBy.d.ts +8 -13
- package/lib/micro-block/SpsMicroBlock.d.ts +6 -11
- package/lib/modal/SpsModal.d.ts +9 -15
- package/lib/multi-select/SpsMultiSelect.d.ts +27 -34
- package/lib/multi-value-text-input/SpsMultiValueTextInput.d.ts +13 -19
- package/lib/option-list/SpsOptionListProps.d.ts +46 -69
- package/lib/option-list/useOptionListSearch.d.ts +1 -1
- package/lib/option-list-v2/SpsOptionListV2.d.ts +0 -0
- package/lib/option-list-v2/index.d.ts +0 -0
- package/lib/page-title/SpsPageSubtitle.d.ts +3 -9
- package/lib/page-title/SpsPageTitle.d.ts +3 -9
- package/lib/pagination/SpsPageSelector.d.ts +10 -15
- package/lib/pagination/SpsPagination.d.ts +13 -18
- package/lib/product-bar/SpsProductBar.d.ts +11 -17
- package/lib/progress-bar/SpsProgressBar.d.ts +9 -14
- package/lib/progress-ring/SpsProgressRing.d.ts +6 -11
- package/lib/prop-types.d.ts +4 -23
- package/lib/radio-button/SpsRadioButton.d.ts +14 -20
- package/lib/scrollable-container/SpsScrollableContainer.d.ts +5 -10
- package/lib/scrollable-container/index.d.ts +0 -1
- package/lib/search-results-bar/SpsSearchResultsBar.d.ts +7 -12
- package/lib/search-results-bar/SpsSearchResultsBarV2.d.ts +8 -13
- package/lib/select/SpsSelect.d.ts +57 -34
- package/lib/slack-link/SpsSlackLink.d.ts +5 -10
- package/lib/slide-in-panel/SpsSlideInPanel.d.ts +8 -14
- package/lib/sorting-header/SpsSortingHeader.d.ts +6 -11
- package/lib/sorting-header/SpsSortingHeaderCell.d.ts +10 -15
- package/lib/spinner/SpsSpinner.d.ts +7 -12
- package/lib/spinner/index.d.ts +0 -1
- package/lib/split-button/SpsSplitButton.d.ts +13 -17
- package/lib/stepped-progress-bar/SpsSteppedProgressBar.d.ts +11 -12
- package/lib/summary-list/SpsSummaryListColumn.d.ts +8 -13
- package/lib/summary-list/SpsSummaryListExpansion.d.ts +3 -9
- package/lib/summary-list/SpsSummaryListRow.d.ts +7 -12
- package/lib/table/SpsTable.d.ts +12 -17
- package/lib/table/SpsTableBody.d.ts +3 -9
- package/lib/table/SpsTableCell.d.ts +8 -13
- package/lib/table/SpsTableHead.d.ts +5 -10
- package/lib/table/SpsTableHeader.d.ts +8 -13
- package/lib/table/SpsTableRow.d.ts +3 -9
- package/lib/table/useColumnResizer.d.ts +2 -2
- package/lib/table/usePinnedStyles.d.ts +4 -4
- package/lib/tabs/SpsTabs.d.ts +7 -12
- package/lib/tag/SpsTag.d.ts +8 -12
- package/lib/task-queue/SpsTaskQueue.d.ts +14 -20
- package/lib/text-input/SpsTextInput.d.ts +26 -20
- package/lib/textarea/SpsTextarea.d.ts +13 -19
- package/lib/tile-list/SpsTile.d.ts +13 -18
- package/lib/tile-list/SpsTileList.d.ts +3 -9
- package/lib/toggle/SpsToggle.d.ts +13 -19
- package/lib/tooltip/SpsTooltip.d.ts +13 -19
- package/lib/tooltip/SpsTooltipTitle.d.ts +8 -12
- package/lib/utils/contentOf.d.ts +2 -2
- package/lib/utils/useCheckDeprecatedProps.d.ts +1 -2
- package/lib/utils/useElementId.d.ts +3 -2
- package/lib/utils/useInputPopup.d.ts +1 -1
- package/lib/utils/usePortal.d.ts +3 -3
- package/lib/vertical-rule/SpsVerticalRule.d.ts +3 -9
- package/lib/wizard/SpsWizardSidebar.d.ts +5 -10
- package/lib/wizard/SpsWizardSubstep.d.ts +7 -12
- package/lib/workflow/SpsWorkflow.d.ts +7 -12
- package/lib/workflow/SpsWorkflowDocument.d.ts +3 -9
- package/lib/workflow/SpsWorkflowDocumentStatus.d.ts +6 -11
- package/lib/workflow/SpsWorkflowStep.d.ts +7 -12
- package/lib/zero-state/SpsMicroZeroState.d.ts +9 -14
- package/lib/zero-state/SpsZeroState.d.ts +8 -13
- package/package.json +35 -22
- package/vite.config.js +6 -6
- package/lib/_template/SpsComponent.d.ts +0 -15
- package/lib/_template/SpsComponent.examples.d.ts +0 -2
- package/lib/_template/index.d.ts +0 -2
- package/lib/card/SpsCard.examples.d.ts +0 -2
- package/lib/insight-tile/SpsInsightTile.examples.d.ts +0 -2
- package/lib/key-value-list/SpsKeyValueList.examples.d.ts +0 -2
- package/lib/scrollable-container/SpsScrollableContainer.examples.d.ts +0 -14
- package/lib/spinner/SpsSpinner.examples.d.ts +0 -2
- package/lib/test-util.d.ts +0 -2
package/lib/utils/contentOf.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type
|
|
2
|
-
export declare function contentOf(nodeOrRenderFn:
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export declare function contentOf(nodeOrRenderFn: ReactNode | (() => ReactNode)): ReactNode;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function useCheckDeprecatedProps(componentName: string, propsDoc: PropTypes.TypeDoc, props: any): void;
|
|
1
|
+
export declare function useCheckDeprecatedProps(componentName: string, propsDoc: Record<string, any>, props: any): void;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export declare function useElementId(id?: string): {
|
|
2
|
+
current: string;
|
|
3
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement>, popupRef: React.MutableRefObject<HTMLElement>, onHide?: () => void): {
|
|
2
|
+
export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement | null>, popupRef: React.MutableRefObject<HTMLElement | null>, onHide?: () => void): {
|
|
3
3
|
showPopup: boolean;
|
|
4
4
|
doShowPopup: () => void;
|
|
5
5
|
doHidePopup: (suppressNextShow?: any) => void;
|
package/lib/utils/usePortal.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode, ReactPortal, RefObject } from "react";
|
|
2
2
|
export declare const PortalContext: import("react").Context<{
|
|
3
|
-
parentElementRef?: RefObject<HTMLElement
|
|
4
|
-
fixed?: boolean;
|
|
5
|
-
}>;
|
|
3
|
+
parentElementRef?: RefObject<HTMLElement> | undefined;
|
|
4
|
+
fixed?: boolean | undefined;
|
|
5
|
+
} | null>;
|
|
6
6
|
export declare function usePortal(id: string, classes?: string[]): (jsx: ReactNode) => ReactPortal;
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
className: PropTypes.Requireable<string>;
|
|
5
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
6
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
7
|
-
};
|
|
8
|
-
export declare type SpsVerticalRuleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
+
export declare type SpsVerticalRuleProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
|
|
9
4
|
export declare function SpsVerticalRule(props: SpsVerticalRuleProps): JSX.Element;
|
|
10
5
|
export declare function SpsVr(props: SpsVerticalRuleProps): JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
2
3
|
export interface WizardStep {
|
|
3
4
|
title: string;
|
|
4
5
|
percentComplete: number;
|
|
@@ -11,13 +12,7 @@ export interface WizardPhase {
|
|
|
11
12
|
title: string;
|
|
12
13
|
disabled: boolean;
|
|
13
14
|
}
|
|
14
|
-
declare
|
|
15
|
-
phases
|
|
16
|
-
|
|
17
|
-
className: PropTypes.Requireable<string>;
|
|
18
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
19
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
20
|
-
};
|
|
21
|
-
export declare type SpsWizardSidebarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
|
|
15
|
+
export declare type SpsWizardSidebarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
16
|
+
phases?: WizardPhase[];
|
|
17
|
+
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
22
18
|
export declare function SpsWizardSidebar({ className, phases, }: SpsWizardSidebarProps): JSX.Element;
|
|
23
|
-
export {};
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import { WizardSubstepConditions } from "@spscommerce/ds-shared";
|
|
2
|
-
import
|
|
3
|
-
declare
|
|
4
|
-
condition:
|
|
5
|
-
display:
|
|
6
|
-
orderPosition:
|
|
7
|
-
|
|
8
|
-
className: PropTypes.Requireable<string>;
|
|
9
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
10
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
11
|
-
};
|
|
12
|
-
export declare type SpsWizardSubstepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
|
|
3
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
+
export declare type SpsWizardSubstepProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
|
+
condition: WizardSubstepConditions;
|
|
6
|
+
display: string;
|
|
7
|
+
orderPosition: string | number;
|
|
8
|
+
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
13
9
|
export declare function SpsWizardSubstep(props: SpsWizardSubstepProps): JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import { SpsIcon } from "@spscommerce/ds-shared";
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
9
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
10
|
-
};
|
|
11
|
-
export declare type SpsWorkflowProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
|
|
1
|
+
import type { SpsIcon } from "@spscommerce/ds-shared";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
+
export declare type SpsWorkflowProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
|
+
heading?: string;
|
|
6
|
+
icon?: SpsIcon;
|
|
7
|
+
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
12
8
|
export declare function SpsWorkflow(props: SpsWorkflowProps): JSX.Element;
|
|
13
9
|
export declare function SpsWf(props: SpsWorkflowProps): JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
className: PropTypes.Requireable<string>;
|
|
5
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
6
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
7
|
-
};
|
|
8
|
-
export declare type SpsWorkflowDocumentProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
+
export declare type SpsWorkflowDocumentProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLSpanElement>;
|
|
9
4
|
export declare function SpsWorkflowDocument(props: SpsWorkflowDocumentProps): JSX.Element;
|
|
10
5
|
export declare function SpsWfDoc(props: SpsWorkflowDocumentProps): JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
import { SpsIcon } from "@spscommerce/ds-shared";
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
8
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
9
|
-
};
|
|
10
|
-
export declare type SpsWorkflowDocumentStatusProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
|
|
1
|
+
import type { SpsIcon } from "@spscommerce/ds-shared";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
+
export declare type SpsWorkflowDocumentStatusProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
|
+
icon?: SpsIcon;
|
|
6
|
+
}> & React.HTMLAttributes<HTMLSpanElement>;
|
|
11
7
|
export declare function SpsWorkflowDocumentStatus(props: SpsWorkflowDocumentStatusProps): JSX.Element;
|
|
12
8
|
export declare function SpsWfDs(props: SpsWorkflowDocumentStatusProps): JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import { SpsIcon } from "@spscommerce/ds-shared";
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
9
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
10
|
-
};
|
|
11
|
-
export declare type SpsWorkflowStepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
|
|
1
|
+
import type { SpsIcon } from "@spscommerce/ds-shared";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
+
export declare type SpsWorkflowStepProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
|
+
icon: SpsIcon;
|
|
6
|
+
title: string;
|
|
7
|
+
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
12
8
|
export declare function SpsWorkflowStep(props: SpsWorkflowStepProps): JSX.Element;
|
|
13
9
|
export declare function SpsWfStep(props: SpsWorkflowStepProps): JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
import { SpsIcon } from "@spscommerce/ds-shared";
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
11
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
12
|
-
};
|
|
13
|
-
export declare type SpsMicroZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
|
|
1
|
+
import type { SpsIcon } from "@spscommerce/ds-shared";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
4
|
+
export declare type SpsMicroZeroStateProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
5
|
+
illustration?: string;
|
|
6
|
+
icon?: SpsIcon;
|
|
7
|
+
heading?: React.ReactNode | (() => React.ReactNode);
|
|
8
|
+
subHeading?: React.ReactNode | (() => React.ReactNode);
|
|
9
|
+
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
14
10
|
export declare function SpsMicroZeroState(props: SpsMicroZeroStateProps): JSX.Element;
|
|
15
|
-
export {};
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
10
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
11
|
-
};
|
|
12
|
-
export declare type SpsZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { SpsGlobalPropTypes } from "../prop-types";
|
|
3
|
+
export declare type SpsZeroStateProps = React.PropsWithChildren<SpsGlobalPropTypes & {
|
|
4
|
+
illustration?: string;
|
|
5
|
+
artwork?: string;
|
|
6
|
+
heading: string;
|
|
7
|
+
subHeading?: string;
|
|
8
|
+
}> & React.HTMLAttributes<HTMLDivElement>;
|
|
13
9
|
export declare function SpsZeroState(props: SpsZeroStateProps): JSX.Element;
|
|
14
|
-
export {};
|
package/package.json
CHANGED
|
@@ -1,22 +1,28 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spscommerce/ds-react",
|
|
3
3
|
"description": "SPS Design System React components",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "7.0.0",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
|
-
"repository": "https://github.com/spscommerce/
|
|
8
|
-
"homepage": "https://github.com/spscommerce/
|
|
9
|
-
"main": "./lib/index.
|
|
7
|
+
"repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
|
|
8
|
+
"homepage": "https://github.com/spscommerce/woodland/tree/master/packages/@spscommerce/ds-react#readme",
|
|
9
|
+
"main": "./lib/index.es.js",
|
|
10
10
|
"module": "./lib/index.es.js",
|
|
11
11
|
"types": "./lib/index.d.ts",
|
|
12
12
|
"publishConfig": {
|
|
13
13
|
"access": "public"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
+
"@react-aria/button": "^3.4.1",
|
|
17
|
+
"@react-aria/focus": "^3.5.2",
|
|
18
|
+
"@react-aria/listbox": "^3.4.2",
|
|
19
|
+
"@react-aria/overlays": "^3.7.5",
|
|
20
|
+
"@react-aria/select": "^3.6.2",
|
|
16
21
|
"@react-aria/tabs": "^3.0.1",
|
|
22
|
+
"@react-aria/utils": "^3.11.2",
|
|
23
|
+
"@react-stately/list": "^3.4.3",
|
|
24
|
+
"@react-stately/select": "^3.1.5",
|
|
17
25
|
"@react-stately/tabs": "^3.0.1",
|
|
18
|
-
"@react-types/shared": "^3.8.0",
|
|
19
|
-
"@react-types/tabs": "^3.0.1",
|
|
20
26
|
"axe-prop-types": "^1.0.9",
|
|
21
27
|
"clsx": "^1.0.3",
|
|
22
28
|
"lodash.isplainobject": "^4.0.6",
|
|
@@ -28,10 +34,11 @@
|
|
|
28
34
|
},
|
|
29
35
|
"peerDependencies": {
|
|
30
36
|
"@react-stately/collections": "^3.3.3",
|
|
31
|
-
"@
|
|
32
|
-
"@
|
|
33
|
-
"@spscommerce/ds-
|
|
34
|
-
"@spscommerce/
|
|
37
|
+
"@sps-woodland/illustrations": "7.0.0",
|
|
38
|
+
"@sps-woodland/tabs": "7.0.0",
|
|
39
|
+
"@spscommerce/ds-colors": "7.0.0",
|
|
40
|
+
"@spscommerce/ds-shared": "7.0.0",
|
|
41
|
+
"@spscommerce/positioning": "7.0.0",
|
|
35
42
|
"@spscommerce/utils": "^6.11.3",
|
|
36
43
|
"moment": "^2.25.3",
|
|
37
44
|
"moment-timezone": "^0.5.28",
|
|
@@ -39,24 +46,31 @@
|
|
|
39
46
|
"react-dom": "^16.9.0"
|
|
40
47
|
},
|
|
41
48
|
"devDependencies": {
|
|
49
|
+
"@react-spectrum/provider": "^3.4.1",
|
|
42
50
|
"@react-stately/collections": "^3.3.3",
|
|
43
|
-
"@
|
|
44
|
-
"@
|
|
45
|
-
"@
|
|
46
|
-
"@
|
|
47
|
-
"@
|
|
48
|
-
"@
|
|
51
|
+
"@react-types/list": "^3.0.0-alpha.1",
|
|
52
|
+
"@react-types/select": "^3.6.1",
|
|
53
|
+
"@react-types/shared": "^3.8.0",
|
|
54
|
+
"@react-types/tabs": "^3.0.1",
|
|
55
|
+
"@sps-woodland/illustrations": "7.0.0",
|
|
56
|
+
"@sps-woodland/tabs": "7.0.0",
|
|
57
|
+
"@spscommerce/ds-colors": "7.0.0",
|
|
58
|
+
"@spscommerce/ds-shared": "7.0.0",
|
|
59
|
+
"@spscommerce/positioning": "7.0.0",
|
|
60
|
+
"@spscommerce/utils": "^6.12.1",
|
|
61
|
+
"@testing-library/dom": "^8.17.1",
|
|
62
|
+
"@testing-library/react": "^10.0.0",
|
|
63
|
+
"@testing-library/react-hooks": "^8.0.1",
|
|
64
|
+
"@testing-library/user-event": "^14.4.3",
|
|
49
65
|
"@types/prop-types": "^15.7.1",
|
|
50
|
-
"@types/react": "^16.9.0",
|
|
51
66
|
"@types/react-beautiful-dnd": "^13.1.2",
|
|
52
|
-
"expect": "^24.1.0",
|
|
53
67
|
"lz-string": "^1.4.4",
|
|
54
68
|
"moment": "^2.25.3",
|
|
55
69
|
"moment-timezone": "^0.5.28",
|
|
56
70
|
"raf-stub": "^2.0.2",
|
|
57
71
|
"react": "^16.9.0",
|
|
58
72
|
"react-dom": "^16.9.0",
|
|
59
|
-
"
|
|
73
|
+
"test": "7.0.0"
|
|
60
74
|
},
|
|
61
75
|
"scripts": {
|
|
62
76
|
"build": "pnpm run build:js && pnpm run build:types",
|
|
@@ -64,7 +78,6 @@
|
|
|
64
78
|
"build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
|
|
65
79
|
"watch": "vite build --watch",
|
|
66
80
|
"clean": "git clean -fdX",
|
|
67
|
-
"pub": "
|
|
68
|
-
}
|
|
69
|
-
"readme": "[//]: # \"START_AUTOGENERATED\"\n\n## [@spscommerce/ds-react](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/ds-react#readme)\n\n\n\n\n\nSPS Design System React components \n \n ### Installation \n \n ```shell\nnpm install --save @spscommerce/ds-react\n```\n\n#### Peer Dependencies\n\n<div class=\"row\">\n <div class=\"col-5\"> \n <table class=\"sps-table\">\n <thead class=\"sps-table__head\">\n <tr class=\"sps-table__row\">\n <th class=\"sps-table__header\">\n <span class=\"sps-table__header-cell-body\"> \n Package\n </span>\n </th>\n <th class=\"sps-table__header text-right\">\n <span class=\"sps-table__header-cell-body\"> \n Version\n </span>\n </th>\n </tr>\n </thead>\n <tbody class=\"sps-table__body\">\n <tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-shared#readme\">@spscommerce/ds-shared</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/positioning#readme\">@spscommerce/positioning</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/utils#readme\">@spscommerce/utils</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"lukeed/clsx\">clsx</a></td><td class=\"sps-table__cell text-right\">^1.0.3</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://momentjs.com\">moment</a></td><td class=\"sps-table__cell text-right\">^2.25.3</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"http://momentjs.com/timezone/\">moment-timezone</a></td><td class=\"sps-table__cell text-right\">^0.5.28</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://facebook.github.io/react/\">prop-types</a></td><td class=\"sps-table__cell text-right\">^15.7.2</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://reactjs.org/\">react</a></td><td class=\"sps-table__cell text-right\">^16.9.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://reactjs.org/\">react-dom</a></td><td class=\"sps-table__cell text-right\">^16.9.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://scroll-into-view-if-needed.netlify.com\">scroll-into-view-if-needed</a></td><td class=\"sps-table__cell text-right\">^2.2.20</td></tr>\n </tbody>\n </table>\n </div>\n <div class=\"col-7\">\n \n </div>\n</div>\n\n[//]: # \"END_AUTOGENERATED\"\n"
|
|
81
|
+
"pub": "node ../../scripts/publish-package.js"
|
|
82
|
+
}
|
|
70
83
|
}
|
package/vite.config.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import path from
|
|
1
|
+
import path from "path";
|
|
2
2
|
|
|
3
|
-
import { defineConfig } from
|
|
3
|
+
import { defineConfig } from "vite";
|
|
4
4
|
|
|
5
|
-
import pkg from
|
|
5
|
+
import pkg from "./package.json";
|
|
6
6
|
|
|
7
7
|
export default defineConfig({
|
|
8
8
|
build: {
|
|
9
9
|
lib: {
|
|
10
|
-
entry: path.resolve(__dirname,
|
|
11
|
-
formats: [
|
|
10
|
+
entry: path.resolve(__dirname, "src/index.ts"),
|
|
11
|
+
formats: ["es", "cjs"],
|
|
12
12
|
fileName: (format) => `index.${format}.js`,
|
|
13
13
|
},
|
|
14
|
-
outDir: path.resolve(__dirname,
|
|
14
|
+
outDir: path.resolve(__dirname, "./lib"),
|
|
15
15
|
emptyOutDir: false,
|
|
16
16
|
rollupOptions: {
|
|
17
17
|
external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as PropTypes from "../prop-types";
|
|
2
|
-
declare const propTypes: {
|
|
3
|
-
someProp: PropTypes.Requireable<boolean>;
|
|
4
|
-
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
5
|
-
className: PropTypes.Requireable<string>;
|
|
6
|
-
"data-testid": PropTypes.Requireable<string>;
|
|
7
|
-
unsafelyReplaceClassName: PropTypes.Requireable<string>;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* replace HTMLDivElement with appropriate specific type
|
|
11
|
-
* e.g. HTMLButtonElement, or generic HTMLElement as applicable
|
|
12
|
-
*/
|
|
13
|
-
export declare type SpsComponentProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
|
|
14
|
-
export declare function SpsComponent({ children, className, someProp, ...rest }: SpsComponentProps): JSX.Element;
|
|
15
|
-
export {};
|
package/lib/_template/index.d.ts
DELETED
package/lib/test-util.d.ts
DELETED