@spscommerce/ds-react 5.10.2 → 5.10.3

package/lib/index.es.js

@@ -1639,8 +1639,7 @@ function usePortal(id2, classes = []) {
         target.classList.add(className);
       }
       parent.appendChild(target);
-    } else if (target.nextElementSibling) {
-      parent.removeChild(target);
+    } else if (!parent.contains(target)) {
       parent.appendChild(target);
     }
     return createPortal(jsx, target);
@@ -36825,7 +36824,8 @@ function SpsDatepickerCalendar(props2) {
     minDate,
     onNewSelection,
     selectedDate,
-    selectedRange
+    selectedRange,
+    "data-testid": testId
   } = _a, rest = __objRest(_a, [
     "children",
     "className",
@@ -36833,7 +36833,8 @@ function SpsDatepickerCalendar(props2) {
     "minDate",
     "onNewSelection",
     "selectedDate",
-    "selectedRange"
+    "selectedRange",
+    "data-testid"
   ]);
   const { t: t2 } = React.useContext(I18nContext);
   const [viewMonth, setViewMonth] = React.useState(() => determineViewMonth(props2));
@@ -36874,12 +36875,14 @@ function SpsDatepickerCalendar(props2) {
   }
   const classes = clsx(CSS_ELEMENT$1, className);
   return viewMonth ? /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({
+    "data-testid": `${testId}`,
     className: classes
   }, rest), {
     onMouseOver: handleMouseEnter
   }), /* @__PURE__ */ React.createElement("div", {
     className: `${CSS_ELEMENT$1}-head`
   }, /* @__PURE__ */ React.createElement("button", {
+    "data-testid": `${testId}_prev_month`,
     type: "button",
     tabIndex: -1,
     disabled: SimpleDateUtils.isSameMonth(viewMonth, minDate),
@@ -36896,6 +36899,7 @@ function SpsDatepickerCalendar(props2) {
     className: `${CSS_ELEMENT$1}-head-label-year`
   }, viewMonth.year)), /* @__PURE__ */ React.createElement("button", {
     type: "button",
+    "data-testid": `${testId}_next_month`,
     tabIndex: -1,
     disabled: SimpleDateUtils.isSameMonth(viewMonth, maxDate),
     title: t2("design-system:datepicker.calendar.nextMonth"),
@@ -36916,7 +36920,8 @@ function SpsDatepickerCalendar(props2) {
   }, week.map((date2, j) => /* @__PURE__ */ React.createElement("div", {
     key: j,
     className: calendarCellClasses(date2),
-    onClick: () => handleCellClick(date2)
+    onClick: () => handleCellClick(date2),
+    "data-testid": `${testId}_${SimpleDateUtils.toString(date2)}`
   }, date2 ? date2.date : "")))))) : /* @__PURE__ */ React.createElement(React.Fragment, null);
 }
 Object.assign(SpsDatepickerCalendar, {
@@ -37112,7 +37117,8 @@ function SpsDateRangePickerV2(_Y) {
     minDate,
     onChange,
     presets = DEFAULT_PRESETS,
-    value
+    value,
+    "data-testid": testId
   } = _Z, rest = __objRest(_Z, [
     "children",
     "className",
@@ -37123,7 +37129,8 @@ function SpsDateRangePickerV2(_Y) {
     "minDate",
     "onChange",
     "presets",
-    "value"
+    "value",
+    "data-testid"
   ]);
   const { t: t2 } = React.useContext(I18nContext);
   const { wrapperId, controlId } = useFormControlId(id2, formMeta);
@@ -37238,6 +37245,7 @@ function SpsDateRangePickerV2(_Y) {
   }, /* @__PURE__ */ React.createElement("i", {
     className: clsx("sps-text-input__icon", "sps-icon", "sps-icon-calendar")
   }), selectedPreset && /* @__PURE__ */ React.createElement("div", {
+    "data-testid": `${testId}_selected_preset`,
     className: "sps-datepicker__selected-preset"
   }, /* @__PURE__ */ React.createElement("span", {
     className: "sps-tag sps-tag--info"
@@ -37245,6 +37253,7 @@ function SpsDateRangePickerV2(_Y) {
     type: "text",
     ref: textInput,
     className: "sps-text-input__input",
+    "data-testid": `${testId}_date_input`,
     id: controlId,
     placeholder: !stringValue && !selectedPreset ? FORMAT : void 0,
     onChange: handleTextInputChange,
@@ -37267,6 +37276,7 @@ function SpsDateRangePickerV2(_Y) {
   }, t2("design-system:datepicker.presetsLabel")), /* @__PURE__ */ React.createElement("div", {
     className: "sps-custom-control sps-custom-radio sps-custom-control--no-error"
   }, /* @__PURE__ */ React.createElement("input", {
+    "data-testid": `${testId}_presets_custom_input`,
     type: "radio",
     id: `sps-date-range-picker-${wrapperId}__range-custom`,
     className: "sps-custom-control__input",
@@ -37281,6 +37291,7 @@ function SpsDateRangePickerV2(_Y) {
     className: "sps-custom-control sps-custom-radio sps-custom-control--no-error"
   }, /* @__PURE__ */ React.createElement("input", {
     type: "radio",
+    "data-testid": `${testId}_preset_option_${preset2.label}`,
     id: `sps-date-range-picker-${wrapperId}__range-${i2}`,
     name: `sps-date-range-picker-${wrapperId}__range`,
     onChange: () => selectPreset(preset2),
@@ -37290,6 +37301,7 @@ function SpsDateRangePickerV2(_Y) {
     className: "sps-custom-control__label",
     htmlFor: `sps-date-range-picker-${wrapperId}__range-${i2}`
   }, getPresetText(preset2)))))), /* @__PURE__ */ React.createElement(SpsDatepickerCalendar, {
+    "data-testid": `${testId}_calendar`,
     selectedRange: Array.isArray(value) ? value : displayRange,
     onNewSelection: handleNewSelection,
     minDate,
@@ -38059,4 +38071,4 @@ Object.assign(SpsVr, {
   propTypes,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
-export { AsTypingErrorKeys, ContentOrderExample, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, PortalContext, PreventativeErrorKeys, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, SpsAutocomplete, SpsAutocompleteExamples, SpsButton, SpsButtonExamples, SpsButtonGroup, SpsCard, SpsCardExamples, SpsCardTabbedPane, SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, SpsCheckbox, SpsCheckboxDropdown, SpsCheckboxExamples, SpsClickableTag, SpsClickableTagExamples, SpsColumnChooser, SpsColumnChooserColumn, SpsColumnChooserExamples, SpsConditionalField, SpsConditionalFieldExamples, SpsContentRow, SpsContentRowCol, SpsContentRowExamples, SpsContentRowExpansion, SpsCurrencyInput, SpsCurrencyInputExamples, SpsDateRangePicker, SpsDateRangePickerExamples, SpsDateRangePickerV2, SpsDateTime, SpsDatepicker, SpsDatepickerExamples, SpsDatepickerV2, SpsDatetimeExamples, SpsDd, SpsDescriptionList, SpsDescriptionListDefinition, SpsDescriptionListExamples, SpsDescriptionListTerm, SpsDl, SpsDropdown, SpsDropdownExamples, SpsDt, SpsFeedbackBlock, SpsFeedbackBlockExamples, SpsFieldset, SpsFieldsetExamples, SpsFilterPanel, SpsFilterPanelCap, SpsFilterPanelExamples, SpsFilterPanelFilterBox, SpsFilterPanelSection, SpsFilterTile, SpsFilterTileList, SpsFilterTileListExamples, SpsFocusedTask, SpsFocusedTaskActions, SpsFocusedTaskExamples, SpsForm, SpsFormArrayMeta, SpsFormComponentWrapper, SpsFormExamples, SpsFormFieldMeta, SpsFormGroupMeta, SpsFormMetaBase, SpsFormSetMeta, SpsGrowler, SpsGrowlerExamples, SpsI, SpsIconButtonPanel, SpsIncrementor, SpsIncrementorExamples, SpsInputGroup, SpsInsightTile, SpsInsights, SpsKeyValueList, SpsKeyValueListExamples, SpsKeyValueListItem, SpsKeyValueTag, SpsKeyValueTagExamples, SpsLabel, SpsLabelExamples, SpsListActionBar, SpsListActionBarExamples, SpsListToolbar, SpsListToolbarExamples, SpsListToolbarSearch, SpsListToolbarSearchInfo, SpsMicroBlock, SpsMicroBlockExamples, SpsMicroZeroState, SpsModal, SpsModalAction, SpsModalBody, SpsModalExamples, SpsModalFooter, SpsModalHeader, SpsModalOverlay, SpsModalV2, SpsModalV2Footer, SpsMultiSelect, SpsMultiSelectExamples, SpsPageSelector, SpsPageSubtitle, SpsPageTitle, SpsPageTitleExamples, SpsPagination, SpsPaginationExamples, SpsProductBar, SpsProductBarExamples, SpsProductBarTab, SpsProgressBar, SpsProgressBarExamples, SpsProgressRing, SpsRadioButton, SpsRadioButtonExamples, SpsScrollableContainer, SpsScrollableContainerExamples, SpsSearchResultsBar, SpsSearchResultsBarExamples, SpsSelect, SpsSelectExamples, SpsSideNav, SpsSideNavExamples, SpsSlackLink, SpsSlackLinkExamples, SpsSortingHeader, SpsSortingHeaderCell, SpsSortingHeaderExamples, SpsSpinner, SpsSpinnerExamples, SpsSplitButton, SpsSplitButtonExamples, SpsSteppedProgressBar, SpsSteppedProgressBarExamples, SpsSummaryListColumn, SpsSummaryListExamples, SpsSummaryListExpansion, SpsSummaryListRow, SpsTab, SpsTabPanel, SpsTable, SpsTableBody, SpsTableCell, SpsTableExamples, SpsTableHead, SpsTableHeader, SpsTableRow, SpsTabsV2, SpsTag, SpsTagExamples, SpsTaskQueue, SpsTaskQueueExamples, SpsTbody, SpsTd, SpsTextInput, SpsTextInputExamples, SpsTextarea, SpsTextareaExamples, SpsTh, SpsThead, SpsTile, SpsTileList, SpsTileListExamples, SpsToggle, SpsToggleExamples, SpsTooltip, SpsTooltipExamples, SpsTooltipTitle, SpsTr, SpsValidators, SpsVerticalRule, SpsVr, SpsWf, SpsWfDoc, SpsWfDs, SpsWfStep, SpsWizardExamples, SpsWizardSidebar, SpsWizardSubstep, SpsWorkflow, SpsWorkflowDocument, SpsWorkflowDocumentStatus, SpsWorkflowExamples, SpsWorkflowStep, SpsZeroState, SpsZeroStateExamples, TooltipVisibility, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, validate, weekOfMonth };
+export { AsTypingErrorKeys, ContentOrderExample, DEFAULT_PRESETS, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, PortalContext, PreventativeErrorKeys, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, SpsAutocomplete, SpsAutocompleteExamples, SpsButton, SpsButtonExamples, SpsButtonGroup, SpsCard, SpsCardExamples, SpsCardTabbedPane, SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, SpsCheckbox, SpsCheckboxDropdown, SpsCheckboxExamples, SpsClickableTag, SpsClickableTagExamples, SpsColumnChooser, SpsColumnChooserColumn, SpsColumnChooserExamples, SpsConditionalField, SpsConditionalFieldExamples, SpsContentRow, SpsContentRowCol, SpsContentRowExamples, SpsContentRowExpansion, SpsCurrencyInput, SpsCurrencyInputExamples, SpsDateRangePicker, SpsDateRangePickerExamples, SpsDateRangePickerV2, SpsDateTime, SpsDatepicker, SpsDatepickerExamples, SpsDatepickerV2, SpsDatetimeExamples, SpsDd, SpsDescriptionList, SpsDescriptionListDefinition, SpsDescriptionListExamples, SpsDescriptionListTerm, SpsDl, SpsDropdown, SpsDropdownExamples, SpsDt, SpsFeedbackBlock, SpsFeedbackBlockExamples, SpsFieldset, SpsFieldsetExamples, SpsFilterPanel, SpsFilterPanelCap, SpsFilterPanelExamples, SpsFilterPanelFilterBox, SpsFilterPanelSection, SpsFilterTile, SpsFilterTileList, SpsFilterTileListExamples, SpsFocusedTask, SpsFocusedTaskActions, SpsFocusedTaskExamples, SpsForm, SpsFormArrayMeta, SpsFormComponentWrapper, SpsFormExamples, SpsFormFieldMeta, SpsFormGroupMeta, SpsFormMetaBase, SpsFormSetMeta, SpsGrowler, SpsGrowlerExamples, SpsI, SpsIconButtonPanel, SpsIncrementor, SpsIncrementorExamples, SpsInputGroup, SpsInsightTile, SpsInsights, SpsKeyValueList, SpsKeyValueListExamples, SpsKeyValueListItem, SpsKeyValueTag, SpsKeyValueTagExamples, SpsLabel, SpsLabelExamples, SpsListActionBar, SpsListActionBarExamples, SpsListToolbar, SpsListToolbarExamples, SpsListToolbarSearch, SpsListToolbarSearchInfo, SpsMicroBlock, SpsMicroBlockExamples, SpsMicroZeroState, SpsModal, SpsModalAction, SpsModalBody, SpsModalExamples, SpsModalFooter, SpsModalHeader, SpsModalOverlay, SpsModalV2, SpsModalV2Footer, SpsMultiSelect, SpsMultiSelectExamples, SpsPageSelector, SpsPageSubtitle, SpsPageTitle, SpsPageTitleExamples, SpsPagination, SpsPaginationExamples, SpsProductBar, SpsProductBarExamples, SpsProductBarTab, SpsProgressBar, SpsProgressBarExamples, SpsProgressRing, SpsRadioButton, SpsRadioButtonExamples, SpsScrollableContainer, SpsScrollableContainerExamples, SpsSearchResultsBar, SpsSearchResultsBarExamples, SpsSelect, SpsSelectExamples, SpsSideNav, SpsSideNavExamples, SpsSlackLink, SpsSlackLinkExamples, SpsSortingHeader, SpsSortingHeaderCell, SpsSortingHeaderExamples, SpsSpinner, SpsSpinnerExamples, SpsSplitButton, SpsSplitButtonExamples, SpsSteppedProgressBar, SpsSteppedProgressBarExamples, SpsSummaryListColumn, SpsSummaryListExamples, SpsSummaryListExpansion, SpsSummaryListRow, SpsTab, SpsTabPanel, SpsTable, SpsTableBody, SpsTableCell, SpsTableExamples, SpsTableHead, SpsTableHeader, SpsTableRow, SpsTabsV2, SpsTag, SpsTagExamples, SpsTaskQueue, SpsTaskQueueExamples, SpsTbody, SpsTd, SpsTextInput, SpsTextInputExamples, SpsTextarea, SpsTextareaExamples, SpsTh, SpsThead, SpsTile, SpsTileList, SpsTileListExamples, SpsToggle, SpsToggleExamples, SpsTooltip, SpsTooltipExamples, SpsTooltipTitle, SpsTr, SpsValidators, SpsVerticalRule, SpsVr, SpsWf, SpsWfDoc, SpsWfDs, SpsWfStep, SpsWizardExamples, SpsWizardSidebar, SpsWizardSubstep, SpsWorkflow, SpsWorkflowDocument, SpsWorkflowDocumentStatus, SpsWorkflowExamples, SpsWorkflowStep, SpsZeroState, SpsZeroStateExamples, TooltipVisibility, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, validate, weekOfMonth };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.10.2",
+  "version": "5.10.3",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,10 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.10.2",
-    "@spscommerce/ds-shared": "5.10.2",
-    "@spscommerce/positioning": "5.10.2",
-    "@spscommerce/utils": "5.10.2",
+    "@spscommerce/ds-colors": "5.10.3",
+    "@spscommerce/ds-shared": "5.10.3",
+    "@spscommerce/positioning": "5.10.3",
+    "@spscommerce/utils": "5.10.3",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
@@ -39,10 +39,10 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.10.2",
-    "@spscommerce/ds-shared": "5.10.2",
-    "@spscommerce/positioning": "5.10.2",
-    "@spscommerce/utils": "5.10.2",
+    "@spscommerce/ds-colors": "5.10.3",
+    "@spscommerce/ds-shared": "5.10.3",
+    "@spscommerce/positioning": "5.10.3",
+    "@spscommerce/utils": "5.10.3",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.9.0",