@spscommerce/ds-react 5.10.6 → 5.12.1

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.
Files changed (12) hide show
  1. package/lib/autocomplete/SpsAutocomplete.d.ts +2 -1
  2. package/lib/dropdown/SpsDropdown.d.ts +1 -0
  3. package/lib/form/hooks/useSpsForm.d.ts +2 -0
  4. package/lib/index.cjs.js +377 -108
  5. package/lib/index.es.js +1184 -789
  6. package/lib/list-toolbar/SpsListToolbar.d.ts +1 -0
  7. package/lib/multi-select/SpsMultiSelect.d.ts +2 -1
  8. package/lib/option-list/SpsOptionListProps.d.ts +3 -0
  9. package/lib/search-results-bar/SpsSearchResultsBarV2.d.ts +14 -0
  10. package/lib/search-results-bar/index.d.ts +1 -0
  11. package/lib/select/SpsSelect.d.ts +2 -1
  12. package/package.json +9 -9
package/lib/index.es.js CHANGED
@@ -81,7 +81,7 @@ var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof win
81
81
  function commonjsRequire(path) {
82
82
  throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
83
83
  }
84
- var propTypes$1M = { exports: {} };
84
+ var propTypes$1N = { exports: {} };
85
85
  var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
86
86
  var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
87
87
  var ReactPropTypesSecret = ReactPropTypesSecret_1;
@@ -129,32 +129,32 @@ var factoryWithThrowingShims = function() {
129
129
  return ReactPropTypes;
130
130
  };
131
131
  {
132
- propTypes$1M.exports = factoryWithThrowingShims();
132
+ propTypes$1N.exports = factoryWithThrowingShims();
133
133
  }
134
134
  function deprecated(type) {
135
135
  return type;
136
136
  }
137
137
  function enumValue(e2) {
138
- return propTypes$1M.exports.oneOf(values$3(e2));
138
+ return propTypes$1N.exports.oneOf(values$3(e2));
139
139
  }
140
140
  function fun() {
141
- return propTypes$1M.exports.func;
141
+ return propTypes$1N.exports.func;
142
142
  }
143
143
  function impl() {
144
- return propTypes$1M.exports.object;
144
+ return propTypes$1N.exports.object;
145
145
  }
146
146
  function ref() {
147
- return propTypes$1M.exports.object;
147
+ return propTypes$1N.exports.object;
148
148
  }
149
- const nodeOrRenderFn = propTypes$1M.exports.oneOfType([propTypes$1M.exports.node, propTypes$1M.exports.func]);
149
+ const nodeOrRenderFn = propTypes$1N.exports.oneOfType([propTypes$1N.exports.node, propTypes$1N.exports.func]);
150
150
  const spsGlobalPropTypes = {
151
- children: propTypes$1M.exports.oneOfType([propTypes$1M.exports.arrayOf(propTypes$1M.exports.node), propTypes$1M.exports.node]),
152
- className: propTypes$1M.exports.string,
153
- "data-testid": propTypes$1M.exports.string,
154
- unsafelyReplaceClassName: propTypes$1M.exports.string
151
+ children: propTypes$1N.exports.oneOfType([propTypes$1N.exports.arrayOf(propTypes$1N.exports.node), propTypes$1N.exports.node]),
152
+ className: propTypes$1N.exports.string,
153
+ "data-testid": propTypes$1N.exports.string,
154
+ unsafelyReplaceClassName: propTypes$1N.exports.string
155
155
  };
156
156
  const I18nContext = React.createContext(noI18nI18n);
157
- const propsDoc$1H = {
157
+ const propsDoc$1I = {
158
158
  disabled: "boolean",
159
159
  href: "string",
160
160
  icon: "SpsIcon",
@@ -163,13 +163,13 @@ const propsDoc$1H = {
163
163
  spinningTitle: "string",
164
164
  type: "ButtonType"
165
165
  };
166
- const propTypes$1L = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
167
- disabled: propTypes$1M.exports.bool,
168
- href: propTypes$1M.exports.string,
166
+ const propTypes$1M = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
167
+ disabled: propTypes$1N.exports.bool,
168
+ href: propTypes$1N.exports.string,
169
169
  icon: enumValue(SpsIcon),
170
170
  kind: enumValue(ButtonKind),
171
- spinning: propTypes$1M.exports.bool,
172
- spinningTitle: propTypes$1M.exports.string,
171
+ spinning: propTypes$1N.exports.bool,
172
+ spinningTitle: propTypes$1N.exports.string,
173
173
  type: enumValue(ButtonType)
174
174
  });
175
175
  function SpsButton(props2) {
@@ -219,8 +219,8 @@ function SpsButton(props2) {
219
219
  }), iconElement, children, spinner));
220
220
  }
221
221
  Object.assign(SpsButton, {
222
- props: propsDoc$1H,
223
- propTypes: propTypes$1L,
222
+ props: propsDoc$1I,
223
+ propTypes: propTypes$1M,
224
224
  displayName: "SpsButton"
225
225
  });
226
226
  const spsFormProps = {
@@ -272,7 +272,7 @@ Object.assign(SpsForm, {
272
272
  function contentOf(nodeOrRenderFn2) {
273
273
  return typeof nodeOrRenderFn2 === "function" ? nodeOrRenderFn2() : nodeOrRenderFn2;
274
274
  }
275
- const propsDoc$1G = __spreadProps(__spreadValues({}, spsFormProps), {
275
+ const propsDoc$1H = __spreadProps(__spreadValues({}, spsFormProps), {
276
276
  controlsDisabled: "boolean",
277
277
  footerLinks: "ReactNodeOrRenderFn",
278
278
  formMeta: "SpsFormArrayMeta<any> | SpsFormGroupMeta<any>",
@@ -280,16 +280,16 @@ const propsDoc$1G = __spreadProps(__spreadValues({}, spsFormProps), {
280
280
  onClear: "() => void",
281
281
  onSubmit: "React.FormEventHandler"
282
282
  });
283
- const propTypes$1K = __spreadProps(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsFormPropTypes), {
284
- controlsDisabled: propTypes$1M.exports.bool,
283
+ const propTypes$1L = __spreadProps(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsFormPropTypes), {
284
+ controlsDisabled: propTypes$1N.exports.bool,
285
285
  footerLinks: nodeOrRenderFn,
286
286
  formArray: impl(),
287
287
  formGroup: impl(),
288
- formMeta: propTypes$1M.exports.oneOfType([
288
+ formMeta: propTypes$1N.exports.oneOfType([
289
289
  impl(),
290
290
  impl()
291
291
  ]),
292
- isOpen: propTypes$1M.exports.bool,
292
+ isOpen: propTypes$1N.exports.bool,
293
293
  onClear: fun(),
294
294
  onSubmit: fun()
295
295
  });
@@ -354,8 +354,8 @@ function SpsAdvancedSearch(props2) {
354
354
  }, t2("design-system:advancedSearch.search"))))));
355
355
  }
356
356
  Object.assign(SpsAdvancedSearch, {
357
- props: propsDoc$1G,
358
- propTypes: propTypes$1K,
357
+ props: propsDoc$1H,
358
+ propTypes: propTypes$1L,
359
359
  displayName: "SpsAdvancedSearch"
360
360
  });
361
361
  const SpsAdvancedSearchExamples = {
@@ -922,6 +922,9 @@ class SpsFormMetaBase {
922
922
  isValid() {
923
923
  return !this.errors || this.isPristine();
924
924
  }
925
+ hasErrors() {
926
+ return !!this.errors;
927
+ }
925
928
  isVisibilyInvalid() {
926
929
  return this.errors && (this.revealAllErrors || !this.isPristine() && Object.keys(this.errors).some((key) => AsTypingErrorKeys.has(key)));
927
930
  }
@@ -1019,6 +1022,9 @@ class SpsFormSetMeta extends SpsFormFieldMeta {
1019
1022
  isValid() {
1020
1023
  return super.isValid() && this.rollup("isValid");
1021
1024
  }
1025
+ hasErrors() {
1026
+ return super.hasErrors() || Object.keys(this.fields).some((key) => this.fields[key].hasErrors());
1027
+ }
1022
1028
  contentsAreValid() {
1023
1029
  return this.rollup("isValid") && this.rollup("contentsAreValid");
1024
1030
  }
@@ -1268,7 +1274,7 @@ function useSpsForm(value, validatorMap) {
1268
1274
  return state;
1269
1275
  }
1270
1276
  const spsFormComponentWrapperPropTypes = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
1271
- focusInputOnClick: propTypes$1M.exports.bool,
1277
+ focusInputOnClick: propTypes$1N.exports.bool,
1272
1278
  formMeta: impl(),
1273
1279
  formControl: impl(),
1274
1280
  inputRef: ref()
@@ -1444,15 +1450,15 @@ var scrollIntoViewImport = /* @__PURE__ */ Object.freeze({
1444
1450
  [Symbol.toStringTag]: "Module",
1445
1451
  "default": scrollIntoView$1
1446
1452
  });
1447
- const propsDoc$1F = {
1453
+ const propsDoc$1G = {
1448
1454
  alt: "string",
1449
1455
  size: "SpinnerSize",
1450
1456
  title: "string"
1451
1457
  };
1452
- const propTypes$1J = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
1453
- alt: propTypes$1M.exports.string,
1458
+ const propTypes$1K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
1459
+ alt: propTypes$1N.exports.string,
1454
1460
  size: enumValue(SpinnerSize),
1455
- title: propTypes$1M.exports.string
1461
+ title: propTypes$1N.exports.string
1456
1462
  });
1457
1463
  function SpsSpinner(props2) {
1458
1464
  const _a = props2, {
@@ -1480,8 +1486,8 @@ function SpsSpinner(props2) {
1480
1486
  }, rest));
1481
1487
  }
1482
1488
  Object.assign(SpsSpinner, {
1483
- props: propsDoc$1F,
1484
- propTypes: propTypes$1J,
1489
+ props: propsDoc$1G,
1490
+ propTypes: propTypes$1K,
1485
1491
  displayName: "SpsSpinner"
1486
1492
  });
1487
1493
  const NAVBAR_HEIGHT = 60;
@@ -1665,51 +1671,53 @@ const spsOptionListPassthroughProps = {
1665
1671
  tall: "boolean",
1666
1672
  textKey: "string",
1667
1673
  valueKey: "string",
1668
- zeroState: "string"
1674
+ zeroState: "string",
1675
+ maxHeight: "number"
1669
1676
  },
1670
1677
  propTypes: {
1671
- captionKey: propTypes$1M.exports.string,
1672
- comparisonKey: propTypes$1M.exports.string,
1673
- disabledOptions: propTypes$1M.exports.arrayOf(propTypes$1M.exports.any),
1674
- options: propTypes$1M.exports.oneOfType([
1675
- propTypes$1M.exports.array,
1676
- propTypes$1M.exports.instanceOf(Promise),
1678
+ captionKey: propTypes$1N.exports.string,
1679
+ comparisonKey: propTypes$1N.exports.string,
1680
+ disabledOptions: propTypes$1N.exports.arrayOf(propTypes$1N.exports.any),
1681
+ options: propTypes$1N.exports.oneOfType([
1682
+ propTypes$1N.exports.array,
1683
+ propTypes$1N.exports.instanceOf(Promise),
1677
1684
  fun()
1678
1685
  ]).isRequired,
1679
- tall: propTypes$1M.exports.bool,
1680
- textKey: propTypes$1M.exports.string,
1681
- valueKey: propTypes$1M.exports.string,
1682
- zeroState: propTypes$1M.exports.string
1686
+ tall: propTypes$1N.exports.bool,
1687
+ textKey: propTypes$1N.exports.string,
1688
+ valueKey: propTypes$1N.exports.string,
1689
+ zeroState: propTypes$1N.exports.string,
1690
+ maxHeight: propTypes$1N.exports.number
1683
1691
  }
1684
1692
  };
1685
1693
  const searchableOptionListProps = {
1686
- hideInlineSearch: propTypes$1M.exports.bool,
1694
+ hideInlineSearch: propTypes$1N.exports.bool,
1687
1695
  onSearchChange: fun(),
1688
- search: propTypes$1M.exports.string,
1689
- searchDebounce: propTypes$1M.exports.number,
1690
- searchPlaceholder: propTypes$1M.exports.string,
1696
+ search: propTypes$1N.exports.string,
1697
+ searchDebounce: propTypes$1N.exports.number,
1698
+ searchPlaceholder: propTypes$1N.exports.string,
1691
1699
  searchInputRef: ref()
1692
1700
  };
1693
- const propTypes$1I = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsOptionListPassthroughProps.propTypes), searchableOptionListProps), {
1701
+ const propTypes$1J = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsOptionListPassthroughProps.propTypes), searchableOptionListProps), {
1694
1702
  attachTo: ref().isRequired,
1695
- conformWidth: propTypes$1M.exports.bool,
1696
- id: propTypes$1M.exports.string.isRequired,
1697
- isOpen: propTypes$1M.exports.bool,
1698
- keepOpen: propTypes$1M.exports.bool,
1703
+ conformWidth: propTypes$1N.exports.bool,
1704
+ id: propTypes$1N.exports.string.isRequired,
1705
+ isOpen: propTypes$1N.exports.bool,
1706
+ keepOpen: propTypes$1N.exports.bool,
1699
1707
  keyDown: impl(),
1700
- nullOption: propTypes$1M.exports.string,
1701
- offsets: propTypes$1M.exports.arrayOf(propTypes$1M.exports.number),
1708
+ nullOption: propTypes$1N.exports.string,
1709
+ offsets: propTypes$1N.exports.arrayOf(propTypes$1N.exports.number),
1702
1710
  onOptionListChanged: fun(),
1703
1711
  onOptionSelected: fun(),
1704
1712
  onPositionFlip: fun(),
1705
1713
  onSelfToggle: fun(),
1706
- optionRole: propTypes$1M.exports.string,
1707
- positionOverride: propTypes$1M.exports.arrayOf(enumValue(Position)),
1708
- selectedOption: propTypes$1M.exports.any,
1714
+ optionRole: propTypes$1N.exports.string,
1715
+ positionOverride: propTypes$1N.exports.arrayOf(enumValue(Position)),
1716
+ selectedOption: propTypes$1N.exports.any,
1709
1717
  specialAction: fun(),
1710
- ignoreWidthStyles: propTypes$1M.exports.bool,
1711
- loading: propTypes$1M.exports.bool,
1712
- filterByTextAndCaptionKey: propTypes$1M.exports.bool
1718
+ ignoreWidthStyles: propTypes$1N.exports.bool,
1719
+ loading: propTypes$1N.exports.bool,
1720
+ filterByTextAndCaptionKey: propTypes$1N.exports.bool
1713
1721
  });
1714
1722
  async function updateOptions(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon, promiseRef) {
1715
1723
  const options = typeof props2.options === "function" ? props2.options(searchState.value) : props2.options || [];
@@ -2017,6 +2025,7 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
2017
2025
  unsafelyReplaceClassName,
2018
2026
  loading,
2019
2027
  filterByTextAndCaptionKey,
2028
+ maxHeight,
2020
2029
  "data-testid": testId
2021
2030
  } = _a, rest = __objRest(_a, [
2022
2031
  "captionKey",
@@ -2052,6 +2061,7 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
2052
2061
  "unsafelyReplaceClassName",
2053
2062
  "loading",
2054
2063
  "filterByTextAndCaptionKey",
2064
+ "maxHeight",
2055
2065
  "data-testid"
2056
2066
  ]);
2057
2067
  const specialActionOption = React.useMemo(() => specialAction ? new SpsOptionListOption(specialAction, {
@@ -2285,7 +2295,8 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
2285
2295
  }, rest), searchElement, /* @__PURE__ */ React.createElement("div", {
2286
2296
  className: optionsClasses,
2287
2297
  ref: optionsRef,
2288
- "data-testid": `${testId}-options`
2298
+ "data-testid": `${testId}-options`,
2299
+ style: maxHeight ? { maxHeight: `${maxHeight}px` } : {}
2289
2300
  }, !loading && !searchState.pending && zeroState && (searchState.value || !searchState.isAsync) && optionList.length === 0 && /* @__PURE__ */ React.createElement("div", {
2290
2301
  className: "sps-option-list__zero-state"
2291
2302
  }, zeroState), (loading || searchState.pending) && /* @__PURE__ */ React.createElement("div", {
@@ -2333,7 +2344,7 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
2333
2344
  }), /* @__PURE__ */ React.createElement("span", null, specialAction.label))));
2334
2345
  });
2335
2346
  Object.assign(SpsOptionList, {
2336
- propTypes: propTypes$1I,
2347
+ propTypes: propTypes$1J,
2337
2348
  displayName: "SpsOptionList"
2338
2349
  });
2339
2350
  function selectChildren(children = [], groups = []) {
@@ -2422,7 +2433,7 @@ function useInputPopup(rootRef, popupRef) {
2422
2433
  doHidePopup
2423
2434
  };
2424
2435
  }
2425
- const propsDoc$1E = {
2436
+ const propsDoc$1F = {
2426
2437
  debounce: "number",
2427
2438
  disabled: "boolean",
2428
2439
  formMeta: "SpsFormFieldMeta<string>",
@@ -2439,25 +2450,27 @@ const propsDoc$1E = {
2439
2450
  tallOptionList: "boolean",
2440
2451
  value: "string",
2441
2452
  zeroState: "string",
2442
- loading: "boolean"
2453
+ loading: "boolean",
2454
+ maxHeightOptionList: "number"
2443
2455
  };
2444
- const propTypes$1H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
2445
- debounce: propTypes$1M.exports.number,
2446
- disabled: propTypes$1M.exports.bool,
2456
+ const propTypes$1I = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
2457
+ debounce: propTypes$1N.exports.number,
2458
+ disabled: propTypes$1N.exports.bool,
2447
2459
  formControl: impl(),
2448
2460
  formMeta: impl(),
2449
2461
  icon: enumValue(SpsIcon),
2450
2462
  onChange: fun(),
2451
- placeholder: propTypes$1M.exports.string,
2452
- suggestions: propTypes$1M.exports.oneOfType([
2453
- propTypes$1M.exports.arrayOf(propTypes$1M.exports.string),
2454
- propTypes$1M.exports.instanceOf(Promise),
2463
+ placeholder: propTypes$1N.exports.string,
2464
+ suggestions: propTypes$1N.exports.oneOfType([
2465
+ propTypes$1N.exports.arrayOf(propTypes$1N.exports.string),
2466
+ propTypes$1N.exports.instanceOf(Promise),
2455
2467
  fun()
2456
2468
  ]).isRequired,
2457
- tallOptionList: propTypes$1M.exports.bool,
2458
- value: propTypes$1M.exports.string,
2459
- zeroState: propTypes$1M.exports.string,
2460
- loading: propTypes$1M.exports.bool
2469
+ tallOptionList: propTypes$1N.exports.bool,
2470
+ value: propTypes$1N.exports.string,
2471
+ zeroState: propTypes$1N.exports.string,
2472
+ loading: propTypes$1N.exports.bool,
2473
+ maxHeightOptionList: propTypes$1N.exports.number
2461
2474
  });
2462
2475
  function SpsAutocomplete(_a) {
2463
2476
  var _b = _a, {
@@ -2475,7 +2488,8 @@ function SpsAutocomplete(_a) {
2475
2488
  tallOptionList,
2476
2489
  value = "",
2477
2490
  zeroState,
2478
- loading
2491
+ loading,
2492
+ maxHeightOptionList
2479
2493
  } = _b, rest = __objRest(_b, [
2480
2494
  "className",
2481
2495
  "debounce",
@@ -2491,7 +2505,8 @@ function SpsAutocomplete(_a) {
2491
2505
  "tallOptionList",
2492
2506
  "value",
2493
2507
  "zeroState",
2494
- "loading"
2508
+ "loading",
2509
+ "maxHeightOptionList"
2495
2510
  ]);
2496
2511
  const meta = formMeta || formControl2;
2497
2512
  const { wrapperId, controlId } = useFormControlId(id2, meta);
@@ -2600,12 +2615,13 @@ function SpsAutocomplete(_a) {
2600
2615
  searchDebounce: debounce2,
2601
2616
  tall: tallOptionList,
2602
2617
  zeroState,
2603
- loading
2618
+ loading,
2619
+ maxHeight: maxHeightOptionList
2604
2620
  }));
2605
2621
  }
2606
2622
  Object.assign(SpsAutocomplete, {
2607
- props: propsDoc$1E,
2608
- propTypes: propTypes$1H,
2623
+ props: propsDoc$1F,
2624
+ propTypes: propTypes$1I,
2609
2625
  displayName: "SpsAutocomplete"
2610
2626
  });
2611
2627
  const SpsAutocompleteExamples = {
@@ -2728,7 +2744,7 @@ const SpsAutocompleteExamples = {
2728
2744
  }
2729
2745
  }
2730
2746
  };
2731
- const propsDoc$1D = {
2747
+ const propsDoc$1E = {
2732
2748
  alignLeft: "boolean",
2733
2749
  disabled: "boolean",
2734
2750
  icon: "SpsIcon",
@@ -2740,21 +2756,23 @@ const propsDoc$1D = {
2740
2756
  tallOptionList: "boolean",
2741
2757
  onOpen: "() => void",
2742
2758
  onClose: "() => void",
2743
- loading: "boolean"
2759
+ loading: "boolean",
2760
+ maxHeightOptionList: "number"
2744
2761
  };
2745
- const propTypes$1G = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
2746
- alignLeft: propTypes$1M.exports.bool,
2747
- disabled: propTypes$1M.exports.bool,
2762
+ const propTypes$1H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
2763
+ alignLeft: propTypes$1N.exports.bool,
2764
+ disabled: propTypes$1N.exports.bool,
2748
2765
  icon: enumValue(SpsIcon),
2749
2766
  kind: enumValue(DropdownKind),
2750
- label: propTypes$1M.exports.string,
2751
- options: propTypes$1M.exports.arrayOf(propTypes$1M.exports.oneOfType([propTypes$1M.exports.func, propTypes$1M.exports.any])).isRequired,
2752
- spinning: propTypes$1M.exports.bool,
2753
- spinningTitle: propTypes$1M.exports.string,
2754
- tallOptionList: propTypes$1M.exports.bool,
2767
+ label: propTypes$1N.exports.string,
2768
+ options: propTypes$1N.exports.arrayOf(propTypes$1N.exports.oneOfType([propTypes$1N.exports.func, propTypes$1N.exports.any])).isRequired,
2769
+ spinning: propTypes$1N.exports.bool,
2770
+ spinningTitle: propTypes$1N.exports.string,
2771
+ tallOptionList: propTypes$1N.exports.bool,
2755
2772
  onOpen: fun(),
2756
2773
  onClose: fun(),
2757
- loading: propTypes$1M.exports.bool
2774
+ loading: propTypes$1N.exports.bool,
2775
+ maxHeightOptionList: propTypes$1N.exports.number
2758
2776
  });
2759
2777
  function SpsDropdown(props2) {
2760
2778
  const _a = props2, {
@@ -2773,7 +2791,8 @@ function SpsDropdown(props2) {
2773
2791
  unsafelyReplaceClassName,
2774
2792
  onOpen,
2775
2793
  onClose,
2776
- loading
2794
+ loading,
2795
+ maxHeightOptionList
2777
2796
  } = _a, rest = __objRest(_a, [
2778
2797
  "alignLeft",
2779
2798
  "className",
@@ -2790,7 +2809,8 @@ function SpsDropdown(props2) {
2790
2809
  "unsafelyReplaceClassName",
2791
2810
  "onOpen",
2792
2811
  "onClose",
2793
- "loading"
2812
+ "loading",
2813
+ "maxHeightOptionList"
2794
2814
  ]);
2795
2815
  const { t: t2 } = React.useContext(I18nContext);
2796
2816
  const id2 = useElementId(idProp);
@@ -2889,7 +2909,8 @@ function SpsDropdown(props2) {
2889
2909
  offsets: [0, 0],
2890
2910
  tall: tallOptionList,
2891
2911
  optionRole: "option",
2892
- loading
2912
+ loading,
2913
+ maxHeight: maxHeightOptionList
2893
2914
  }), /* @__PURE__ */ React.createElement("div", {
2894
2915
  onClick: handleButtonClick,
2895
2916
  className: buttonClasses,
@@ -2911,12 +2932,12 @@ function SpsDropdown(props2) {
2911
2932
  }, spinningTitle || t2("design-system:button.spinningTitle")))));
2912
2933
  }
2913
2934
  Object.assign(SpsDropdown, {
2914
- props: propsDoc$1D,
2915
- propTypes: propTypes$1G,
2935
+ props: propsDoc$1E,
2936
+ propTypes: propTypes$1H,
2916
2937
  displayName: "SpsDropdown"
2917
2938
  });
2918
- const propsDoc$1C = {};
2919
- const propTypes$1F = __spreadValues({}, spsGlobalPropTypes);
2939
+ const propsDoc$1D = {};
2940
+ const propTypes$1G = __spreadValues({}, spsGlobalPropTypes);
2920
2941
  function SpsButtonGroup(props2) {
2921
2942
  const _a = props2, {
2922
2943
  children,
@@ -2947,8 +2968,8 @@ function SpsButtonGroup(props2) {
2947
2968
  }), others.length > 0 && others);
2948
2969
  }
2949
2970
  Object.assign(SpsButtonGroup, {
2950
- props: propsDoc$1C,
2951
- propTypes: propTypes$1F,
2971
+ props: propsDoc$1D,
2972
+ propTypes: propTypes$1G,
2952
2973
  displayName: "SpsButtonGroup"
2953
2974
  });
2954
2975
  const SpsButtonExamples = {
@@ -5680,8 +5701,8 @@ function SpsTabPanel(_c) {
5680
5701
  className: "sps-card__body"
5681
5702
  }), state.selectedItem ? state.selectedItem.props.children : null);
5682
5703
  }
5683
- const propsDoc$1B = {};
5684
- const propTypes$1E = {};
5704
+ const propsDoc$1C = {};
5705
+ const propTypes$1F = {};
5685
5706
  function SpsTabsV2(props2) {
5686
5707
  const state = useTabListState(props2);
5687
5708
  const ref2 = React.useRef();
@@ -5699,12 +5720,12 @@ function SpsTabsV2(props2) {
5699
5720
  }));
5700
5721
  }
5701
5722
  Object.assign(SpsTabsV2, {
5702
- props: propsDoc$1B,
5703
- propTypes: propTypes$1E,
5723
+ props: propsDoc$1C,
5724
+ propTypes: propTypes$1F,
5704
5725
  displayName: "SpsTabsV2"
5705
5726
  });
5706
- const propsDoc$1A = {};
5707
- const propTypes$1D = {};
5727
+ const propsDoc$1B = {};
5728
+ const propTypes$1E = {};
5708
5729
  function SpsCardV2Footer(_e) {
5709
5730
  var _f = _e, {
5710
5731
  children,
@@ -5718,12 +5739,12 @@ function SpsCardV2Footer(_e) {
5718
5739
  }, rest), children);
5719
5740
  }
5720
5741
  Object.assign(SpsCardV2Footer, {
5721
- props: propsDoc$1A,
5722
- propTypes: propTypes$1D,
5742
+ props: propsDoc$1B,
5743
+ propTypes: propTypes$1E,
5723
5744
  displayName: "SpsCardV2Footer"
5724
5745
  });
5725
- const propsDoc$1z = {};
5726
- const propTypes$1C = {};
5746
+ const propsDoc$1A = {};
5747
+ const propTypes$1D = {};
5727
5748
  function SpsCardV2Header(_g) {
5728
5749
  var _h = _g, {
5729
5750
  children,
@@ -5737,12 +5758,12 @@ function SpsCardV2Header(_g) {
5737
5758
  }, rest), children);
5738
5759
  }
5739
5760
  Object.assign(SpsCardV2Header, {
5740
- props: propsDoc$1z,
5741
- propTypes: propTypes$1C,
5761
+ props: propsDoc$1A,
5762
+ propTypes: propTypes$1D,
5742
5763
  displayName: "SpsCardV2Header"
5743
5764
  });
5744
- const propsDoc$1y = {};
5745
- const propTypes$1B = {};
5765
+ const propsDoc$1z = {};
5766
+ const propTypes$1C = {};
5746
5767
  function SpsCardV2(_i) {
5747
5768
  var _j = _i, {
5748
5769
  children,
@@ -5768,12 +5789,12 @@ function SpsCardV2(_i) {
5768
5789
  }, bodyContent), footer);
5769
5790
  }
5770
5791
  Object.assign(SpsCardV2, {
5771
- props: propsDoc$1y,
5772
- propTypes: propTypes$1B,
5792
+ props: propsDoc$1z,
5793
+ propTypes: propTypes$1C,
5773
5794
  displayName: "SpsCardV2"
5774
5795
  });
5775
- const propsDoc$1x = {};
5776
- const propTypes$1A = {};
5796
+ const propsDoc$1y = {};
5797
+ const propTypes$1B = {};
5777
5798
  function SpsCardV2Title(_k) {
5778
5799
  var _l = _k, {
5779
5800
  children,
@@ -5787,8 +5808,8 @@ function SpsCardV2Title(_k) {
5787
5808
  }, rest), children);
5788
5809
  }
5789
5810
  Object.assign(SpsCardV2Title, {
5790
- props: propsDoc$1x,
5791
- propTypes: propTypes$1A,
5811
+ props: propsDoc$1y,
5812
+ propTypes: propTypes$1B,
5792
5813
  displayName: "SpsCardV2Title"
5793
5814
  });
5794
5815
  const SpsCardExamples = {
@@ -6096,7 +6117,7 @@ const SpsCardExamples = {
6096
6117
  }
6097
6118
  }
6098
6119
  };
6099
- const propsDoc$1w = {
6120
+ const propsDoc$1x = {
6100
6121
  checked: "boolean",
6101
6122
  disabled: "boolean",
6102
6123
  formMeta: "SpsFormFieldMeta<boolean>",
@@ -6105,14 +6126,14 @@ const propsDoc$1w = {
6105
6126
  label: "string",
6106
6127
  onChange: "ChangeEventHandler"
6107
6128
  };
6108
- const propTypes$1z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
6109
- checked: propTypes$1M.exports.bool,
6110
- disabled: propTypes$1M.exports.bool,
6129
+ const propTypes$1A = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
6130
+ checked: propTypes$1N.exports.bool,
6131
+ disabled: propTypes$1N.exports.bool,
6111
6132
  formControl: impl(),
6112
6133
  formMeta: impl(),
6113
- indeterminate: propTypes$1M.exports.bool,
6114
- inline: propTypes$1M.exports.bool,
6115
- label: propTypes$1M.exports.string,
6134
+ indeterminate: propTypes$1N.exports.bool,
6135
+ inline: propTypes$1N.exports.bool,
6136
+ label: propTypes$1N.exports.string,
6116
6137
  onChange: fun()
6117
6138
  });
6118
6139
  function SpsCheckbox(_m) {
@@ -6188,8 +6209,8 @@ function SpsCheckbox(_m) {
6188
6209
  }, label || ""));
6189
6210
  }
6190
6211
  Object.assign(SpsCheckbox, {
6191
- props: propsDoc$1w,
6192
- propTypes: propTypes$1z,
6212
+ props: propsDoc$1x,
6213
+ propTypes: propTypes$1A,
6193
6214
  displayName: "SpsCheckbox"
6194
6215
  });
6195
6216
  const SpsCheckboxExamples = {
@@ -6317,16 +6338,16 @@ const SpsCheckboxExamples = {
6317
6338
  }
6318
6339
  }
6319
6340
  };
6320
- const propsDoc$1v = {
6341
+ const propsDoc$1w = {
6321
6342
  disabled: "boolean",
6322
6343
  href: "string",
6323
6344
  kind: "ClickableTagKind",
6324
6345
  onAdd: "() => void",
6325
6346
  onRemove: "() => void"
6326
6347
  };
6327
- const propTypes$1y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
6328
- disabled: propTypes$1M.exports.bool,
6329
- href: propTypes$1M.exports.string,
6348
+ const propTypes$1z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
6349
+ disabled: propTypes$1N.exports.bool,
6350
+ href: propTypes$1N.exports.string,
6330
6351
  kind: enumValue(ClickableTagKind),
6331
6352
  onAdd: fun(),
6332
6353
  onRemove: fun()
@@ -6397,8 +6418,8 @@ function SpsClickableTag(props2) {
6397
6418
  })));
6398
6419
  }
6399
6420
  Object.assign(SpsClickableTag, {
6400
- props: propsDoc$1v,
6401
- propTypes: propTypes$1y,
6421
+ props: propsDoc$1w,
6422
+ propTypes: propTypes$1z,
6402
6423
  displayName: "SpsClickableTag"
6403
6424
  });
6404
6425
  const SpsClickableTagExamples = {
@@ -14626,15 +14647,15 @@ var ConnectedDraggable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
14626
14647
  areStatePropsEqual: isStrictEqual
14627
14648
  })(Draggable);
14628
14649
  ConnectedDraggable.defaultProps = defaultProps$1;
14629
- const propsDoc$1u = {
14650
+ const propsDoc$1v = {
14630
14651
  content: "ReactNodeLike",
14631
14652
  icon: "SpsIcon",
14632
14653
  title: "string"
14633
14654
  };
14634
- const propTypes$1x = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14635
- content: propTypes$1M.exports.node,
14655
+ const propTypes$1y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14656
+ content: propTypes$1N.exports.node,
14636
14657
  icon: enumValue(SpsIcon),
14637
- title: propTypes$1M.exports.string
14658
+ title: propTypes$1N.exports.string
14638
14659
  });
14639
14660
  function SpsCardHeader(props2) {
14640
14661
  const _a = props2, {
@@ -14666,15 +14687,15 @@ function SpsCardHeader(props2) {
14666
14687
  }, content));
14667
14688
  }
14668
14689
  Object.assign(SpsCardHeader, {
14669
- props: propsDoc$1u,
14670
- propTypes: propTypes$1x,
14690
+ props: propsDoc$1v,
14691
+ propTypes: propTypes$1y,
14671
14692
  displayName: "SpsCardHeader"
14672
14693
  });
14673
- const propsDoc$1t = {
14694
+ const propsDoc$1u = {
14674
14695
  icon: "SpsIcon",
14675
14696
  kind: "TagKind"
14676
14697
  };
14677
- const propTypes$1w = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14698
+ const propTypes$1x = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14678
14699
  icon: enumValue(SpsIcon),
14679
14700
  kind: enumValue(TagKind)
14680
14701
  });
@@ -14707,11 +14728,11 @@ function SpsTag(props2) {
14707
14728
  }), children);
14708
14729
  }
14709
14730
  Object.assign(SpsTag, {
14710
- props: propsDoc$1t,
14711
- propTypes: propTypes$1w,
14731
+ props: propsDoc$1u,
14732
+ propTypes: propTypes$1x,
14712
14733
  displayName: "SpsTag"
14713
14734
  });
14714
- const propsDoc$1s = {
14735
+ const propsDoc$1t = {
14715
14736
  activateTab: "Function",
14716
14737
  active: "boolean",
14717
14738
  icon: "SpsIcon",
@@ -14721,13 +14742,13 @@ const propsDoc$1s = {
14721
14742
  tagKind: "TagKind",
14722
14743
  tagIcon: "SpsIcon"
14723
14744
  };
14724
- const propTypes$1v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14725
- activateTab: propTypes$1M.exports.func,
14726
- active: propTypes$1M.exports.bool,
14745
+ const propTypes$1w = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14746
+ activateTab: propTypes$1N.exports.func,
14747
+ active: propTypes$1N.exports.bool,
14727
14748
  icon: enumValue(SpsIcon),
14728
- label: propTypes$1M.exports.string,
14729
- index: propTypes$1M.exports.number,
14730
- tag: propTypes$1M.exports.string,
14749
+ label: propTypes$1N.exports.string,
14750
+ index: propTypes$1N.exports.number,
14751
+ tag: propTypes$1N.exports.string,
14731
14752
  tagKind: enumValue(TagKind),
14732
14753
  tagIcon: enumValue(SpsIcon)
14733
14754
  });
@@ -14790,8 +14811,8 @@ function SpsCardTabbedPane(props2) {
14790
14811
  }, tag));
14791
14812
  }
14792
14813
  Object.assign(SpsCardTabbedPane, {
14793
- props: propsDoc$1s,
14794
- propTypes: propTypes$1v,
14814
+ props: propsDoc$1t,
14815
+ propTypes: propTypes$1w,
14795
14816
  displayName: "SpsCardTabbedPane"
14796
14817
  });
14797
14818
  function useTab(children, activeTab, isTabbedCard) {
@@ -14833,19 +14854,19 @@ function useTab(children, activeTab, isTabbedCard) {
14833
14854
  }, [activeTab, children]);
14834
14855
  return [currentlyActiveTab, activateTab];
14835
14856
  }
14836
- const propsDoc$1r = {
14857
+ const propsDoc$1s = {
14837
14858
  activeTab: "string",
14838
14859
  footer: "ReactNodeOrRenderFn",
14839
14860
  headerContent: "ReactNodeOrRenderFn",
14840
14861
  headerIcon: "SpsIcon",
14841
14862
  headerTitle: "string"
14842
14863
  };
14843
- const propTypes$1u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14844
- activeTab: propTypes$1M.exports.string,
14864
+ const propTypes$1v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14865
+ activeTab: propTypes$1N.exports.string,
14845
14866
  footer: nodeOrRenderFn,
14846
14867
  headerContent: nodeOrRenderFn,
14847
14868
  headerIcon: enumValue(SpsIcon),
14848
- headerTitle: propTypes$1M.exports.string
14869
+ headerTitle: propTypes$1N.exports.string
14849
14870
  });
14850
14871
  function SpsCard(props2) {
14851
14872
  React.useEffect(() => {
@@ -14912,11 +14933,11 @@ function SpsCard(props2) {
14912
14933
  }, contentOf(footer)));
14913
14934
  }
14914
14935
  Object.assign(SpsCard, {
14915
- props: propsDoc$1r,
14916
- propTypes: propTypes$1u,
14936
+ props: propsDoc$1s,
14937
+ propTypes: propTypes$1v,
14917
14938
  displayName: "SpsCard"
14918
14939
  });
14919
- const propsDoc$1q = {
14940
+ const propsDoc$1r = {
14920
14941
  index: "number",
14921
14942
  key: "string",
14922
14943
  columnId: "string",
@@ -14925,14 +14946,14 @@ const propsDoc$1q = {
14925
14946
  onDelete: "(columnValue: string) => void",
14926
14947
  mandatory: "boolean"
14927
14948
  };
14928
- const propTypes$1t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14929
- index: propTypes$1M.exports.number,
14930
- key: propTypes$1M.exports.string,
14931
- columnId: propTypes$1M.exports.string,
14932
- name: propTypes$1M.exports.string,
14933
- value: propTypes$1M.exports.string,
14949
+ const propTypes$1u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
14950
+ index: propTypes$1N.exports.number,
14951
+ key: propTypes$1N.exports.string,
14952
+ columnId: propTypes$1N.exports.string,
14953
+ name: propTypes$1N.exports.string,
14954
+ value: propTypes$1N.exports.string,
14934
14955
  onDelete: fun(),
14935
- mandatory: propTypes$1M.exports.bool
14956
+ mandatory: propTypes$1N.exports.bool
14936
14957
  });
14937
14958
  function SpsColumnChooserColumn(props2) {
14938
14959
  const _a = props2, {
@@ -14988,20 +15009,20 @@ function SpsColumnChooserColumn(props2) {
14988
15009
  })))));
14989
15010
  }
14990
15011
  Object.assign(SpsColumnChooserColumn, {
14991
- props: propsDoc$1q,
14992
- propTypes: propTypes$1t,
15012
+ props: propsDoc$1r,
15013
+ propTypes: propTypes$1u,
14993
15014
  displayName: "SpsColumnChooserColumn"
14994
15015
  });
14995
- const propsDoc$1p = {
15016
+ const propsDoc$1q = {
14996
15017
  maxSelectedColumns: "number",
14997
15018
  unselectedColumns: "ColumnProps[]",
14998
15019
  selectedColumns: "ColumnProps[]",
14999
15020
  onApplyChanges: "(selectedColumns: ColumnProps[]) => void"
15000
15021
  };
15001
- const propTypes$1s = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15002
- maxSelectedColumns: propTypes$1M.exports.number,
15003
- unselectedColumns: propTypes$1M.exports.array,
15004
- selectedColumns: propTypes$1M.exports.array,
15022
+ const propTypes$1t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15023
+ maxSelectedColumns: propTypes$1N.exports.number,
15024
+ unselectedColumns: propTypes$1N.exports.array,
15025
+ selectedColumns: propTypes$1N.exports.array,
15005
15026
  onApplyChanges: fun()
15006
15027
  });
15007
15028
  function SpsColumnChooser(props2) {
@@ -15141,8 +15162,8 @@ function SpsColumnChooser(props2) {
15141
15162
  })), provided.placeholder)))));
15142
15163
  }
15143
15164
  Object.assign(SpsColumnChooser, {
15144
- props: propsDoc$1p,
15145
- propTypes: propTypes$1s,
15165
+ props: propsDoc$1q,
15166
+ propTypes: propTypes$1t,
15146
15167
  displayName: "SpsColumnChooser"
15147
15168
  });
15148
15169
  const SpsColumnChooserExamples = {
@@ -15174,11 +15195,11 @@ const SpsColumnChooserExamples = {
15174
15195
  }
15175
15196
  }
15176
15197
  };
15177
- const propsDoc$1o = {
15198
+ const propsDoc$1p = {
15178
15199
  icon: { type: "SpsIcon", required: true },
15179
15200
  size: "SpsIconSize"
15180
15201
  };
15181
- const propTypes$1r = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15202
+ const propTypes$1s = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15182
15203
  icon: enumValue(SpsIcon).isRequired,
15183
15204
  size: enumValue(SpsIconSize)
15184
15205
  });
@@ -15204,28 +15225,28 @@ function SpsI(props2) {
15204
15225
  }, rest));
15205
15226
  }
15206
15227
  Object.assign(SpsI, {
15207
- props: propsDoc$1o,
15208
- propTypes: propTypes$1r,
15228
+ props: propsDoc$1p,
15229
+ propTypes: propTypes$1s,
15209
15230
  displayName: "SpsI"
15210
15231
  });
15211
15232
  Object.assign(SpsI, {
15212
- props: propsDoc$1o,
15213
- propTypes: propTypes$1r,
15233
+ props: propsDoc$1p,
15234
+ propTypes: propTypes$1s,
15214
15235
  displayName: "SpsI"
15215
15236
  });
15216
- const propsDoc$1n = {
15237
+ const propsDoc$1o = {
15217
15238
  borderless: "boolean",
15218
15239
  lean: "boolean",
15219
15240
  leaner: { type: "boolean", deprecated: true },
15220
15241
  widthPx: "number",
15221
15242
  widthRem: "number"
15222
15243
  };
15223
- const propTypes$1q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15224
- borderless: propTypes$1M.exports.bool,
15225
- lean: propTypes$1M.exports.bool,
15226
- leaner: propTypes$1M.exports.bool,
15227
- widthPx: propTypes$1M.exports.number,
15228
- widthRem: propTypes$1M.exports.number
15244
+ const propTypes$1r = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15245
+ borderless: propTypes$1N.exports.bool,
15246
+ lean: propTypes$1N.exports.bool,
15247
+ leaner: propTypes$1N.exports.bool,
15248
+ widthPx: propTypes$1N.exports.number,
15249
+ widthRem: propTypes$1N.exports.number
15229
15250
  });
15230
15251
  function SpsContentRowCol(props2) {
15231
15252
  const _a = props2, {
@@ -15270,12 +15291,12 @@ function SpsContentRowCol(props2) {
15270
15291
  }), children);
15271
15292
  }
15272
15293
  Object.assign(SpsContentRowCol, {
15273
- props: propsDoc$1n,
15274
- propTypes: propTypes$1q,
15294
+ props: propsDoc$1o,
15295
+ propTypes: propTypes$1r,
15275
15296
  displayName: "SpsContentRowCol"
15276
15297
  });
15277
- const propsDoc$1m = {};
15278
- const propTypes$1p = __spreadValues({}, spsGlobalPropTypes);
15298
+ const propsDoc$1n = {};
15299
+ const propTypes$1q = __spreadValues({}, spsGlobalPropTypes);
15279
15300
  function SpsContentRowExpansion(props2) {
15280
15301
  const _a = props2, {
15281
15302
  children,
@@ -15296,11 +15317,11 @@ function SpsContentRowExpansion(props2) {
15296
15317
  }), children);
15297
15318
  }
15298
15319
  Object.assign(SpsContentRowExpansion, {
15299
- props: propsDoc$1m,
15300
- propTypes: propTypes$1p,
15320
+ props: propsDoc$1n,
15321
+ propTypes: propTypes$1q,
15301
15322
  displayName: "SpsContentRowExpansion"
15302
15323
  });
15303
- const propsDoc$1l = {
15324
+ const propsDoc$1m = {
15304
15325
  alternateLayout: "boolean",
15305
15326
  initiallyExpanded: "boolean",
15306
15327
  cardSpacing: "boolean",
@@ -15313,18 +15334,18 @@ const propsDoc$1l = {
15313
15334
  selectable: "boolean",
15314
15335
  selected: "boolean"
15315
15336
  };
15316
- const propTypes$1o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15317
- alternateLayout: propTypes$1M.exports.bool,
15318
- cardSpacing: propTypes$1M.exports.bool,
15319
- expanded: propTypes$1M.exports.bool,
15320
- initiallyExpanded: propTypes$1M.exports.bool,
15337
+ const propTypes$1p = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15338
+ alternateLayout: propTypes$1N.exports.bool,
15339
+ cardSpacing: propTypes$1N.exports.bool,
15340
+ expanded: propTypes$1N.exports.bool,
15341
+ initiallyExpanded: propTypes$1N.exports.bool,
15321
15342
  onBeforeCollapsed: fun(),
15322
15343
  onBeforeExpanded: fun(),
15323
15344
  onSelectionChange: fun(),
15324
15345
  onCollapsed: fun(),
15325
15346
  onExpanded: fun(),
15326
- selectable: propTypes$1M.exports.bool,
15327
- selected: propTypes$1M.exports.bool
15347
+ selectable: propTypes$1N.exports.bool,
15348
+ selected: propTypes$1N.exports.bool
15328
15349
  });
15329
15350
  function SpsContentRow(props2) {
15330
15351
  const _a = props2, {
@@ -15405,8 +15426,8 @@ function SpsContentRow(props2) {
15405
15426
  }, /* @__PURE__ */ React.createElement("section", null, ContentRowCheckBox()), /* @__PURE__ */ React.createElement("section", null, ExpandoThingy())), columns), expansion);
15406
15427
  }
15407
15428
  Object.assign(SpsContentRow, {
15408
- props: propsDoc$1l,
15409
- propTypes: propTypes$1o,
15429
+ props: propsDoc$1m,
15430
+ propTypes: propTypes$1p,
15410
15431
  displayName: "SpsContentRow"
15411
15432
  });
15412
15433
  const SpsContentRowExamples = {
@@ -15875,7 +15896,7 @@ function parse2(value) {
15875
15896
  function weekOfMonth$1(date2) {
15876
15897
  return Math.floor((date2.clone().date(1).day() + date2.date() - 1) / 7);
15877
15898
  }
15878
- const propsDoc$1k = {
15899
+ const propsDoc$1l = {
15879
15900
  disabled: "boolean",
15880
15901
  format: "string",
15881
15902
  maxDate: "string",
@@ -15885,15 +15906,15 @@ const propsDoc$1k = {
15885
15906
  placeholder: "string",
15886
15907
  value: "string"
15887
15908
  };
15888
- const propTypes$1n = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15889
- disabled: propTypes$1M.exports.bool,
15890
- format: propTypes$1M.exports.string,
15891
- maxDate: propTypes$1M.exports.string,
15892
- minDate: propTypes$1M.exports.string,
15909
+ const propTypes$1o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15910
+ disabled: propTypes$1N.exports.bool,
15911
+ format: propTypes$1N.exports.string,
15912
+ maxDate: propTypes$1N.exports.string,
15913
+ minDate: propTypes$1N.exports.string,
15893
15914
  onChange: fun(),
15894
15915
  onClickOutside: fun(),
15895
- placeholder: propTypes$1M.exports.string,
15896
- value: propTypes$1M.exports.string
15916
+ placeholder: propTypes$1N.exports.string,
15917
+ value: propTypes$1N.exports.string
15897
15918
  });
15898
15919
  function SpsDatepicker(props2) {
15899
15920
  const _a = props2, {
@@ -16256,8 +16277,8 @@ function SpsDatepicker(props2) {
16256
16277
  }))));
16257
16278
  }
16258
16279
  Object.assign(SpsDatepicker, {
16259
- props: propsDoc$1k,
16260
- propTypes: propTypes$1n,
16280
+ props: propsDoc$1l,
16281
+ propTypes: propTypes$1o,
16261
16282
  displayName: "SpsDatepicker"
16262
16283
  });
16263
16284
  const SpsDatepickerExamples = {
@@ -16352,7 +16373,7 @@ const SpsDatepickerExamples = {
16352
16373
  }
16353
16374
  }
16354
16375
  };
16355
- const propsDoc$1j = {
16376
+ const propsDoc$1k = {
16356
16377
  placeholder: "string",
16357
16378
  disabled: "boolean",
16358
16379
  format: "string",
@@ -16363,13 +16384,13 @@ const propsDoc$1j = {
16363
16384
  value: "MomentRange",
16364
16385
  preset: "Duration"
16365
16386
  };
16366
- const propTypes$1m = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
16367
- placeholder: propTypes$1M.exports.string,
16368
- disabled: propTypes$1M.exports.bool,
16369
- format: propTypes$1M.exports.string,
16370
- minDate: propTypes$1M.exports.string,
16371
- maxDate: propTypes$1M.exports.string,
16372
- availablePresets: propTypes$1M.exports.array,
16387
+ const propTypes$1n = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
16388
+ placeholder: propTypes$1N.exports.string,
16389
+ disabled: propTypes$1N.exports.bool,
16390
+ format: propTypes$1N.exports.string,
16391
+ minDate: propTypes$1N.exports.string,
16392
+ maxDate: propTypes$1N.exports.string,
16393
+ availablePresets: propTypes$1N.exports.array,
16373
16394
  onChange: fun(),
16374
16395
  value: impl(),
16375
16396
  preset: impl()
@@ -17017,8 +17038,8 @@ function SpsDateRangePicker(props2) {
17017
17038
  }) : "")));
17018
17039
  }
17019
17040
  Object.assign(SpsDateRangePicker, {
17020
- props: propsDoc$1j,
17021
- propTypes: propTypes$1m,
17041
+ props: propsDoc$1k,
17042
+ propTypes: propTypes$1n,
17022
17043
  displayName: "SpsDateRangePicker"
17023
17044
  });
17024
17045
  const SpsDateRangePickerExamples = {
@@ -21621,7 +21642,7 @@ const formatMaps = {
21621
21642
  LONG_FULLDATETIME: "LLLL",
21622
21643
  LONG_FULLDATETIME_ZONE: "LLLL z"
21623
21644
  };
21624
- const propsDoc$1i = {
21645
+ const propsDoc$1j = {
21625
21646
  currentUser: "any",
21626
21647
  dateToFormat: "string | Date",
21627
21648
  format: "string",
@@ -21630,17 +21651,17 @@ const propsDoc$1i = {
21630
21651
  relativeHrs: "number",
21631
21652
  tz: "string"
21632
21653
  };
21633
- const propTypes$1l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
21634
- currentUser: propTypes$1M.exports.any,
21635
- dateToFormat: propTypes$1M.exports.oneOfType([
21636
- propTypes$1M.exports.string,
21637
- propTypes$1M.exports.instanceOf(Date)
21654
+ const propTypes$1m = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
21655
+ currentUser: propTypes$1N.exports.any,
21656
+ dateToFormat: propTypes$1N.exports.oneOfType([
21657
+ propTypes$1N.exports.string,
21658
+ propTypes$1N.exports.instanceOf(Date)
21638
21659
  ]),
21639
- format: propTypes$1M.exports.string,
21640
- locale: propTypes$1M.exports.string,
21641
- relative: propTypes$1M.exports.bool,
21642
- relativeHrs: propTypes$1M.exports.number,
21643
- tz: propTypes$1M.exports.string
21660
+ format: propTypes$1N.exports.string,
21661
+ locale: propTypes$1N.exports.string,
21662
+ relative: propTypes$1N.exports.bool,
21663
+ relativeHrs: propTypes$1N.exports.number,
21664
+ tz: propTypes$1N.exports.string
21644
21665
  });
21645
21666
  function showRelative(dateToCheck, relative, relativeHrs) {
21646
21667
  if (!relativeHrs && !relative) {
@@ -21716,8 +21737,8 @@ function SpsDateTime(props2) {
21716
21737
  }));
21717
21738
  }
21718
21739
  Object.assign(SpsDateTime, {
21719
- props: propsDoc$1i,
21720
- propTypes: propTypes$1l,
21740
+ props: propsDoc$1j,
21741
+ propTypes: propTypes$1m,
21721
21742
  displayName: "SpsDateTime"
21722
21743
  });
21723
21744
  const SpsDatetimeExamples = {
@@ -21738,15 +21759,15 @@ const SpsDatetimeExamples = {
21738
21759
  }
21739
21760
  }
21740
21761
  };
21741
- const propsDoc$1h = {
21762
+ const propsDoc$1i = {
21742
21763
  compact: "boolean",
21743
21764
  wideTerms: "boolean",
21744
21765
  widerTerms: "boolean"
21745
21766
  };
21746
- const propTypes$1k = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
21747
- compact: propTypes$1M.exports.bool,
21748
- wideTerms: propTypes$1M.exports.bool,
21749
- widerTerms: propTypes$1M.exports.bool
21767
+ const propTypes$1l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
21768
+ compact: propTypes$1N.exports.bool,
21769
+ wideTerms: propTypes$1N.exports.bool,
21770
+ widerTerms: propTypes$1N.exports.bool
21750
21771
  });
21751
21772
  function SpsDescriptionList(props2) {
21752
21773
  const _a = props2, {
@@ -21786,20 +21807,20 @@ function SpsDescriptionList(props2) {
21786
21807
  }, rest), childrenWithProps);
21787
21808
  }
21788
21809
  Object.assign(SpsDescriptionList, {
21789
- props: propsDoc$1h,
21790
- propTypes: propTypes$1k,
21810
+ props: propsDoc$1i,
21811
+ propTypes: propTypes$1l,
21791
21812
  displayName: "SpsDescriptionList / SpsDl"
21792
21813
  });
21793
21814
  function SpsDl(p2) {
21794
21815
  return SpsDescriptionList(p2);
21795
21816
  }
21796
21817
  Object.assign(SpsDl, {
21797
- props: propsDoc$1h,
21798
- propTypes: propTypes$1k,
21818
+ props: propsDoc$1i,
21819
+ propTypes: propTypes$1l,
21799
21820
  displayName: "SpsDescriptionList / SpsDl"
21800
21821
  });
21801
- const propsDoc$1g = {};
21802
- const propTypes$1j = __spreadValues({}, spsGlobalPropTypes);
21822
+ const propsDoc$1h = {};
21823
+ const propTypes$1k = __spreadValues({}, spsGlobalPropTypes);
21803
21824
  function SpsDescriptionListDefinition(props2) {
21804
21825
  const _a = props2, {
21805
21826
  children,
@@ -21819,16 +21840,16 @@ function SpsDescriptionListDefinition(props2) {
21819
21840
  }, rest), children);
21820
21841
  }
21821
21842
  Object.assign(SpsDescriptionListDefinition, {
21822
- props: propsDoc$1g,
21823
- propTypes: propTypes$1j,
21843
+ props: propsDoc$1h,
21844
+ propTypes: propTypes$1k,
21824
21845
  displayName: "SpsDescriptionListDefinition / SpsDd"
21825
21846
  });
21826
21847
  function SpsDd(p2) {
21827
21848
  return SpsDescriptionListDefinition(p2);
21828
21849
  }
21829
21850
  Object.assign(SpsDd, {
21830
- props: propsDoc$1g,
21831
- propTypes: propTypes$1j,
21851
+ props: propsDoc$1h,
21852
+ propTypes: propTypes$1k,
21832
21853
  displayName: "SpsDescriptionListDefinition / SpsDd"
21833
21854
  });
21834
21855
  var TooltipVisibility;
@@ -21843,7 +21864,7 @@ function toggleTooltipState(state) {
21843
21864
  }
21844
21865
  const CARET_SPACING_PX = 13;
21845
21866
  const openTips = new Map();
21846
- const propsDoc$1f = {
21867
+ const propsDoc$1g = {
21847
21868
  for: { type: "React.MutableRefObject<any> | string", required: true },
21848
21869
  hideDelay: "number",
21849
21870
  isShown: "TooltipVisibility",
@@ -21855,17 +21876,17 @@ const propsDoc$1f = {
21855
21876
  showOn: "TooltipShowTrigger",
21856
21877
  title: "string | ReactNode"
21857
21878
  };
21858
- const propTypes$1i = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
21859
- for: propTypes$1M.exports.oneOfType([ref(), propTypes$1M.exports.string]).isRequired,
21860
- hideDelay: propTypes$1M.exports.number,
21879
+ const propTypes$1j = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
21880
+ for: propTypes$1N.exports.oneOfType([ref(), propTypes$1N.exports.string]).isRequired,
21881
+ hideDelay: propTypes$1N.exports.number,
21861
21882
  isShown: enumValue(TooltipVisibility),
21862
21883
  kind: enumValue(TooltipKind),
21863
- offsets: propTypes$1M.exports.arrayOf(propTypes$1M.exports.number),
21884
+ offsets: propTypes$1N.exports.arrayOf(propTypes$1N.exports.number),
21864
21885
  onDeferred: fun(),
21865
21886
  position: enumValue(Position),
21866
21887
  altPosition: enumValue(Position),
21867
21888
  showOn: enumValue(TooltipShowTrigger),
21868
- title: propTypes$1M.exports.string || propTypes$1M.exports.node
21889
+ title: propTypes$1N.exports.string || propTypes$1N.exports.node
21869
21890
  });
21870
21891
  function SpsTooltip({
21871
21892
  children,
@@ -22038,11 +22059,18 @@ function SpsTooltip({
22038
22059
  }, []);
22039
22060
  const portal = usePortal("sps-tooltip-portal");
22040
22061
  const portalContext = React.useContext(PortalContext);
22041
- const [posStyle, altPositionUsed] = shown ? getPosition(rootElement, forElementRef, position3, __spreadValues({
22042
- altPosition,
22043
- setMinWidth: false,
22044
- offsets: [offsets[0] - CARET_SPACING_PX, offsets[1] + getSecondaryOffset(position3)]
22045
- }, portalContext)) : [{}, false];
22062
+ const [[posStyle, altPositionUsed], setPositionData] = React.useState([{}, false]);
22063
+ React.useEffect(() => {
22064
+ if (shown) {
22065
+ setPositionData(getPosition(rootElement, forElementRef, position3, __spreadValues({
22066
+ altPosition,
22067
+ setMinWidth: false,
22068
+ offsets: [offsets[0] - CARET_SPACING_PX, offsets[1] + getSecondaryOffset(position3)]
22069
+ }, portalContext)));
22070
+ } else {
22071
+ setPositionData([{}, false]);
22072
+ }
22073
+ }, [shown, position3, altPosition, offsets[0], offsets[1], children]);
22046
22074
  const classes = clsx(unsafelyReplaceClassName || "sps-tooltip", "z-stratum-tip", `sps-tooltip--${kind}`, `sps-tooltip--pos-${(altPositionUsed ? altPosition : position3).replace(" ", "-")}`, shown && "sps-tooltip--shown", className);
22047
22075
  return portal(/* @__PURE__ */ React.createElement("div", {
22048
22076
  role: "tooltip",
@@ -22062,26 +22090,26 @@ function SpsTooltip({
22062
22090
  })));
22063
22091
  }
22064
22092
  Object.assign(SpsTooltip, {
22065
- props: propsDoc$1f,
22066
- propTypes: propTypes$1i,
22093
+ props: propsDoc$1g,
22094
+ propTypes: propTypes$1j,
22067
22095
  displayName: "SpsTooltip"
22068
22096
  });
22069
- const propsDoc$1e = {
22097
+ const propsDoc$1f = {
22070
22098
  error: "boolean",
22071
22099
  errors: "ReactNodeOrRenderFn",
22072
22100
  help: "ReactNodeOrRenderFn",
22073
22101
  labelFor: "SpsFormFieldMeta<any>",
22074
22102
  required: "boolean"
22075
22103
  };
22076
- const propTypes$1h = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
22077
- error: propTypes$1M.exports.bool,
22104
+ const propTypes$1i = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
22105
+ error: propTypes$1N.exports.bool,
22078
22106
  errors: nodeOrRenderFn,
22079
22107
  help: nodeOrRenderFn,
22080
- labelFor: propTypes$1M.exports.oneOfType([
22108
+ labelFor: propTypes$1N.exports.oneOfType([
22081
22109
  impl(),
22082
22110
  impl()
22083
22111
  ]),
22084
- required: propTypes$1M.exports.bool
22112
+ required: propTypes$1N.exports.bool
22085
22113
  });
22086
22114
  function SpsDescriptionListTerm(props2) {
22087
22115
  const _a = props2, {
@@ -22137,16 +22165,16 @@ function SpsDescriptionListTerm(props2) {
22137
22165
  }, contentOf(tipKind === TooltipKind.ERROR ? errors : help)));
22138
22166
  }
22139
22167
  Object.assign(SpsDescriptionListTerm, {
22140
- props: propsDoc$1e,
22141
- propTypes: propTypes$1h,
22168
+ props: propsDoc$1f,
22169
+ propTypes: propTypes$1i,
22142
22170
  displayName: "SpsDescriptionListTerm / SpsDt"
22143
22171
  });
22144
22172
  function SpsDt(p2) {
22145
22173
  return SpsDescriptionListTerm(p2);
22146
22174
  }
22147
22175
  Object.assign(SpsDt, {
22148
- props: propsDoc$1e,
22149
- propTypes: propTypes$1h,
22176
+ props: propsDoc$1f,
22177
+ propTypes: propTypes$1i,
22150
22178
  displayName: "SpsDescriptionListTerm / SpsDt"
22151
22179
  });
22152
22180
  const SpsDescriptionListExamples = {
@@ -22624,19 +22652,19 @@ const SpsDropdownExamples = {
22624
22652
  }
22625
22653
  }
22626
22654
  };
22627
- const propsDoc$1d = {
22655
+ const propsDoc$1e = {
22628
22656
  checked: "boolean",
22629
22657
  onChange: "ChangeEventHandler",
22630
22658
  indeterminate: "boolean",
22631
22659
  disabled: "boolean",
22632
22660
  options: "Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"
22633
22661
  };
22634
- const propTypes$1g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
22635
- checked: propTypes$1M.exports.bool,
22662
+ const propTypes$1h = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
22663
+ checked: propTypes$1N.exports.bool,
22636
22664
  onChange: fun(),
22637
- indeterminate: propTypes$1M.exports.bool,
22638
- options: propTypes$1M.exports.arrayOf(propTypes$1M.exports.oneOfType([propTypes$1M.exports.func, propTypes$1M.exports.any])).isRequired,
22639
- disabled: propTypes$1M.exports.bool
22665
+ indeterminate: propTypes$1N.exports.bool,
22666
+ options: propTypes$1N.exports.arrayOf(propTypes$1N.exports.oneOfType([propTypes$1N.exports.func, propTypes$1N.exports.any])).isRequired,
22667
+ disabled: propTypes$1N.exports.bool
22640
22668
  });
22641
22669
  function SpsCheckboxDropdown(props2) {
22642
22670
  const _a = props2, {
@@ -22670,14 +22698,14 @@ function SpsCheckboxDropdown(props2) {
22670
22698
  }));
22671
22699
  }
22672
22700
  Object.assign(SpsCheckboxDropdown, {
22673
- props: propsDoc$1d,
22674
- propTypes: propTypes$1g,
22701
+ props: propsDoc$1e,
22702
+ propTypes: propTypes$1h,
22675
22703
  displayName: "SpsCheckboxDropdown"
22676
22704
  });
22677
- const propsDoc$1c = {
22705
+ const propsDoc$1d = {
22678
22706
  kind: "FeedbackBlockKind"
22679
22707
  };
22680
- const propTypes$1f = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
22708
+ const propTypes$1g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
22681
22709
  kind: enumValue(FeedbackBlockKind)
22682
22710
  });
22683
22711
  function SpsFeedbackBlock(props2) {
@@ -22708,8 +22736,8 @@ function SpsFeedbackBlock(props2) {
22708
22736
  }, children));
22709
22737
  }
22710
22738
  Object.assign(SpsFeedbackBlock, {
22711
- props: propsDoc$1c,
22712
- propTypes: propTypes$1f,
22739
+ props: propsDoc$1d,
22740
+ propTypes: propTypes$1g,
22713
22741
  displayName: "SpsFeedbackBlock"
22714
22742
  });
22715
22743
  const SpsFeedbackBlockExamples = {
@@ -22811,7 +22839,7 @@ const SpsFeedbackBlockExamples = {
22811
22839
  }
22812
22840
  }
22813
22841
  };
22814
- const propsDoc$1b = {
22842
+ const propsDoc$1c = {
22815
22843
  errors: "ReactNodeOrRenderFn",
22816
22844
  formMeta: "SpsFormSetMeta<any>",
22817
22845
  legend: "string",
@@ -22820,16 +22848,16 @@ const propsDoc$1b = {
22820
22848
  onToggled: "(isEnabled: boolean) => void",
22821
22849
  tooltip: "string"
22822
22850
  };
22823
- const propTypes$1e = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
22851
+ const propTypes$1f = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
22824
22852
  errors: nodeOrRenderFn,
22825
22853
  formArray: impl(),
22826
22854
  formGroup: impl(),
22827
22855
  formMeta: impl(),
22828
- legend: propTypes$1M.exports.string,
22829
- optional: propTypes$1M.exports.bool,
22830
- enabled: propTypes$1M.exports.bool,
22856
+ legend: propTypes$1N.exports.string,
22857
+ optional: propTypes$1N.exports.bool,
22858
+ enabled: propTypes$1N.exports.bool,
22831
22859
  onToggled: fun(),
22832
- tooltip: propTypes$1M.exports.string
22860
+ tooltip: propTypes$1N.exports.string
22833
22861
  });
22834
22862
  function SpsFieldset({
22835
22863
  children,
@@ -22909,8 +22937,8 @@ function SpsFieldset({
22909
22937
  }, contentOf(errors)), children));
22910
22938
  }
22911
22939
  Object.assign(SpsFieldset, {
22912
- props: propsDoc$1b,
22913
- propTypes: propTypes$1e,
22940
+ props: propsDoc$1c,
22941
+ propTypes: propTypes$1f,
22914
22942
  displayName: "SpsFieldset"
22915
22943
  });
22916
22944
  const SpsFieldsetExamples = {
@@ -23196,8 +23224,8 @@ const SpsFieldsetExamples = {
23196
23224
  }
23197
23225
  }
23198
23226
  };
23199
- const propsDoc$1a = {};
23200
- const propTypes$1d = __spreadValues({}, spsGlobalPropTypes);
23227
+ const propsDoc$1b = {};
23228
+ const propTypes$1e = __spreadValues({}, spsGlobalPropTypes);
23201
23229
  function SpsFocusedTaskActions(props2) {
23202
23230
  const _a = props2, {
23203
23231
  children,
@@ -23218,18 +23246,18 @@ function SpsFocusedTaskActions(props2) {
23218
23246
  }, children)));
23219
23247
  }
23220
23248
  Object.assign(SpsFocusedTaskActions, {
23221
- props: propsDoc$1a,
23222
- propTypes: propTypes$1d,
23249
+ props: propsDoc$1b,
23250
+ propTypes: propTypes$1e,
23223
23251
  displayName: "SpsFocusedTaskActions"
23224
23252
  });
23225
- const propsDoc$19 = {
23253
+ const propsDoc$1a = {
23226
23254
  fullWidth: "boolean",
23227
23255
  isOpen: "boolean",
23228
23256
  onClose: "() => void"
23229
23257
  };
23230
- const propTypes$1c = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
23231
- fullWidth: propTypes$1M.exports.bool,
23232
- isOpen: propTypes$1M.exports.bool,
23258
+ const propTypes$1d = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
23259
+ fullWidth: propTypes$1N.exports.bool,
23260
+ isOpen: propTypes$1N.exports.bool,
23233
23261
  onClose: fun()
23234
23262
  });
23235
23263
  function SpsFocusedTask(props2) {
@@ -23286,8 +23314,8 @@ function SpsFocusedTask(props2) {
23286
23314
  }, isOpen && content)), actions);
23287
23315
  }
23288
23316
  Object.assign(SpsFocusedTask, {
23289
- props: propsDoc$19,
23290
- propTypes: propTypes$1c,
23317
+ props: propsDoc$1a,
23318
+ propTypes: propTypes$1d,
23291
23319
  displayName: "SpsFocusedTask"
23292
23320
  });
23293
23321
  const SpsFocusedTaskExamples = {
@@ -24272,19 +24300,19 @@ const SpsAddRemoveFormRowExamples = {
24272
24300
  }
24273
24301
  }
24274
24302
  };
24275
- const propsDoc$18 = {
24303
+ const propsDoc$19 = {
24276
24304
  imgSrc: "string",
24277
24305
  kind: "GrowlerKind",
24278
24306
  onClose: "() => void",
24279
24307
  persist: "boolean",
24280
24308
  title: "string"
24281
24309
  };
24282
- const propTypes$1b = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
24283
- imgSrc: propTypes$1M.exports.string,
24310
+ const propTypes$1c = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
24311
+ imgSrc: propTypes$1N.exports.string,
24284
24312
  kind: enumValue(GrowlerKind),
24285
24313
  onClose: fun(),
24286
- persist: propTypes$1M.exports.bool,
24287
- title: propTypes$1M.exports.string
24314
+ persist: propTypes$1N.exports.bool,
24315
+ title: propTypes$1N.exports.string
24288
24316
  });
24289
24317
  function SpsGrowler(props2) {
24290
24318
  const _a = props2, {
@@ -24390,8 +24418,8 @@ function SpsGrowler(props2) {
24390
24418
  })))));
24391
24419
  }
24392
24420
  Object.assign(SpsGrowler, {
24393
- props: propsDoc$18,
24394
- propTypes: propTypes$1b,
24421
+ props: propsDoc$19,
24422
+ propTypes: propTypes$1c,
24395
24423
  displayName: "SpsGrowler"
24396
24424
  });
24397
24425
  const SpsGrowlerExamples = {
@@ -24766,18 +24794,18 @@ const SpsGrowlerExamples = {
24766
24794
  }
24767
24795
  }
24768
24796
  };
24769
- const propsDoc$17 = {
24797
+ const propsDoc$18 = {
24770
24798
  disabled: "boolean",
24771
24799
  min: "number",
24772
24800
  max: "number",
24773
24801
  step: "number",
24774
24802
  onValueChange: "(newValue: number) => void"
24775
24803
  };
24776
- const propTypes$1a = __spreadValues({
24777
- disabled: propTypes$1M.exports.bool,
24778
- min: propTypes$1M.exports.number,
24779
- max: propTypes$1M.exports.number,
24780
- step: propTypes$1M.exports.number,
24804
+ const propTypes$1b = __spreadValues({
24805
+ disabled: propTypes$1N.exports.bool,
24806
+ min: propTypes$1N.exports.number,
24807
+ max: propTypes$1N.exports.number,
24808
+ step: propTypes$1N.exports.number,
24781
24809
  onValueChange: fun()
24782
24810
  }, spsGlobalPropTypes);
24783
24811
  function SpsIncrementor(props2) {
@@ -24880,8 +24908,8 @@ function SpsIncrementor(props2) {
24880
24908
  }))));
24881
24909
  }
24882
24910
  Object.assign(SpsIncrementor, {
24883
- props: propsDoc$17,
24884
- propTypes: propTypes$1a,
24911
+ props: propsDoc$18,
24912
+ propTypes: propTypes$1b,
24885
24913
  displayName: "SpsIncrementor"
24886
24914
  });
24887
24915
  const SpsIncrementorExamples = {
@@ -24920,7 +24948,7 @@ function SpsInsights(props2) {
24920
24948
  className: "insight-tile-wrapper"
24921
24949
  }, children);
24922
24950
  }
24923
- const propsDoc$16 = {
24951
+ const propsDoc$17 = {
24924
24952
  horizontal: "boolean",
24925
24953
  icon: "SpsIcon",
24926
24954
  kind: "SpsInsightTileKind",
@@ -24929,14 +24957,14 @@ const propsDoc$16 = {
24929
24957
  partnerCount: "number",
24930
24958
  totalPartners: "number"
24931
24959
  };
24932
- const propTypes$19 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
24933
- horizontal: propTypes$1M.exports.bool,
24960
+ const propTypes$1a = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
24961
+ horizontal: propTypes$1N.exports.bool,
24934
24962
  icon: enumValue(SpsIcon),
24935
24963
  kind: enumValue(SpsInsightTileKind),
24936
- title: propTypes$1M.exports.string,
24937
- metric: propTypes$1M.exports.number || propTypes$1M.exports.string,
24938
- partnerCount: propTypes$1M.exports.number,
24939
- totalPartners: propTypes$1M.exports.number
24964
+ title: propTypes$1N.exports.string,
24965
+ metric: propTypes$1N.exports.number || propTypes$1N.exports.string,
24966
+ partnerCount: propTypes$1N.exports.number,
24967
+ totalPartners: propTypes$1N.exports.number
24940
24968
  });
24941
24969
  function SpsInsightTile(props2) {
24942
24970
  const _a = props2, {
@@ -24996,8 +25024,8 @@ function SpsInsightTile(props2) {
24996
25024
  }, t2("design-system:insightTile.partners")))));
24997
25025
  }
24998
25026
  Object.assign(SpsInsightTile, {
24999
- props: propsDoc$16,
25000
- propTypes: propTypes$19,
25027
+ props: propsDoc$17,
25028
+ propTypes: propTypes$1a,
25001
25029
  displayName: "SpsInsightTile"
25002
25030
  });
25003
25031
  const SpsInsightTileExamples = {
@@ -25271,11 +25299,11 @@ const SpsInsightTileExamples = {
25271
25299
  }
25272
25300
  }
25273
25301
  };
25274
- const propsDoc$15 = {
25302
+ const propsDoc$16 = {
25275
25303
  inline: "boolean"
25276
25304
  };
25277
- const propTypes$18 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
25278
- inline: propTypes$1M.exports.bool
25305
+ const propTypes$19 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
25306
+ inline: propTypes$1N.exports.bool
25279
25307
  });
25280
25308
  function SpsKeyValueList(props2) {
25281
25309
  const _a = props2, {
@@ -25298,16 +25326,16 @@ function SpsKeyValueList(props2) {
25298
25326
  }, rest), children);
25299
25327
  }
25300
25328
  Object.assign(SpsKeyValueList, {
25301
- props: propsDoc$15,
25302
- propTypes: propTypes$18,
25329
+ props: propsDoc$16,
25330
+ propTypes: propTypes$19,
25303
25331
  displayName: "SpsKeyValueList"
25304
25332
  });
25305
- const propsDoc$14 = {
25333
+ const propsDoc$15 = {
25306
25334
  itemKey: { type: "string | nodeOrRenderFn", required: true },
25307
25335
  titleColor: "KeyValueListTitleColor"
25308
25336
  };
25309
- const propTypes$17 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
25310
- itemKey: propTypes$1M.exports.string.isRequired || nodeOrRenderFn.isRequired,
25337
+ const propTypes$18 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
25338
+ itemKey: propTypes$1N.exports.string.isRequired || nodeOrRenderFn.isRequired,
25311
25339
  titleColor: enumValue(KeyValueListTitleColor)
25312
25340
  });
25313
25341
  function SpsKeyValueListItem(props2) {
@@ -25339,8 +25367,8 @@ function SpsKeyValueListItem(props2) {
25339
25367
  }, children));
25340
25368
  }
25341
25369
  Object.assign(SpsKeyValueListItem, {
25342
- props: propsDoc$14,
25343
- propTypes: propTypes$17,
25370
+ props: propsDoc$15,
25371
+ propTypes: propTypes$18,
25344
25372
  displayName: "SpsKeyValueListItem"
25345
25373
  });
25346
25374
  const SpsKeyValueListExamples = {
@@ -25383,7 +25411,7 @@ const SpsKeyValueListExamples = {
25383
25411
  }
25384
25412
  }
25385
25413
  };
25386
- const propsDoc$13 = {
25414
+ const propsDoc$14 = {
25387
25415
  for: { type: "SpsFormMetaBase<any>", required: true },
25388
25416
  description: "string",
25389
25417
  stronglySuggested: "boolean",
@@ -25392,16 +25420,16 @@ const propsDoc$13 = {
25392
25420
  helpIconColor: "string",
25393
25421
  errors: "ReactNodeOrRenderFn"
25394
25422
  };
25395
- const propTypes$16 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
25396
- description: propTypes$1M.exports.string,
25397
- for: propTypes$1M.exports.oneOfType([
25423
+ const propTypes$17 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
25424
+ description: propTypes$1N.exports.string,
25425
+ for: propTypes$1N.exports.oneOfType([
25398
25426
  impl(),
25399
25427
  impl()
25400
25428
  ]).isRequired,
25401
- stronglySuggested: propTypes$1M.exports.bool,
25429
+ stronglySuggested: propTypes$1N.exports.bool,
25402
25430
  help: nodeOrRenderFn,
25403
25431
  helpIcon: enumValue(SpsIcon),
25404
- helpIconColor: propTypes$1M.exports.string,
25432
+ helpIconColor: propTypes$1N.exports.string,
25405
25433
  errors: nodeOrRenderFn
25406
25434
  });
25407
25435
  function SpsLabel(_o) {
@@ -25597,8 +25625,8 @@ function SpsLabel(_o) {
25597
25625
  }, description));
25598
25626
  }
25599
25627
  Object.assign(SpsLabel, {
25600
- props: propsDoc$13,
25601
- propTypes: propTypes$16,
25628
+ props: propsDoc$14,
25629
+ propTypes: propTypes$17,
25602
25630
  displayName: "SpsLabel"
25603
25631
  });
25604
25632
  const SpsLabelExamples = {
@@ -25816,13 +25844,13 @@ const SpsLabelExamples = {
25816
25844
  }
25817
25845
  }
25818
25846
  };
25819
- const propsDoc$12 = {
25847
+ const propsDoc$13 = {
25820
25848
  clearSelected: { type: "() => void", required: true },
25821
25849
  itemsSelected: { type: "string | number", required: true }
25822
25850
  };
25823
- const propTypes$15 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
25851
+ const propTypes$16 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
25824
25852
  clearSelected: fun().isRequired,
25825
- itemsSelected: propTypes$1M.exports.oneOfType([propTypes$1M.exports.string, propTypes$1M.exports.number])
25853
+ itemsSelected: propTypes$1N.exports.oneOfType([propTypes$1N.exports.string, propTypes$1N.exports.number])
25826
25854
  });
25827
25855
  function SpsListActionBar(props2) {
25828
25856
  const _a = props2, {
@@ -25872,8 +25900,8 @@ function SpsListActionBar(props2) {
25872
25900
  }, t2("design-system:listActionBar.clearSelected")))));
25873
25901
  }
25874
25902
  Object.assign(SpsListActionBar, {
25875
- props: propsDoc$12,
25876
- propTypes: propTypes$15,
25903
+ props: propsDoc$13,
25904
+ propTypes: propTypes$16,
25877
25905
  displayName: "SpsListActionBar"
25878
25906
  });
25879
25907
  const getScrollParent = (node) => {
@@ -26069,18 +26097,18 @@ const usePinnedTableHeadStyle = (containerRef) => {
26069
26097
  };
26070
26098
  });
26071
26099
  };
26072
- const propsDoc$11 = {
26100
+ const propsDoc$12 = {
26073
26101
  controlCell: "boolean",
26074
26102
  currentSort: "Array<SortedColumn>",
26075
26103
  onSortChange: "SortChangeHandler",
26076
26104
  sortKey: "string"
26077
26105
  };
26078
- const propTypes$14 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26079
- controlCell: propTypes$1M.exports.bool,
26080
- currentSort: propTypes$1M.exports.arrayOf(impl()),
26106
+ const propTypes$15 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26107
+ controlCell: propTypes$1N.exports.bool,
26108
+ currentSort: propTypes$1N.exports.arrayOf(impl()),
26081
26109
  onSortChange: fun(),
26082
- sortKey: propTypes$1M.exports.string,
26083
- pinned: propTypes$1M.exports.bool
26110
+ sortKey: propTypes$1N.exports.string,
26111
+ pinned: propTypes$1N.exports.bool
26084
26112
  });
26085
26113
  function SpsTableHeader(props2) {
26086
26114
  const _a = props2, {
@@ -26139,24 +26167,24 @@ function SpsTableHeader(props2) {
26139
26167
  }, children));
26140
26168
  }
26141
26169
  Object.assign(SpsTableHeader, {
26142
- props: propsDoc$11,
26143
- propTypes: propTypes$14,
26170
+ props: propsDoc$12,
26171
+ propTypes: propTypes$15,
26144
26172
  displayName: "SpsTableHeader"
26145
26173
  });
26146
26174
  function SpsTh(props2) {
26147
26175
  return /* @__PURE__ */ React.createElement(SpsTableHeader, __spreadValues({}, props2));
26148
26176
  }
26149
26177
  Object.assign(SpsTh, {
26150
- props: propsDoc$11,
26151
- propTypes: propTypes$14,
26178
+ props: propsDoc$12,
26179
+ propTypes: propTypes$15,
26152
26180
  displayName: "SpsTh"
26153
26181
  });
26154
- const propsDoc$10 = {
26182
+ const propsDoc$11 = {
26155
26183
  currentSort: "Array<SortedColumn>",
26156
26184
  onSortChange: "SortChangeHandler"
26157
26185
  };
26158
- const propTypes$13 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26159
- currentSort: propTypes$1M.exports.arrayOf(impl()),
26186
+ const propTypes$14 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26187
+ currentSort: propTypes$1N.exports.arrayOf(impl()),
26160
26188
  onSortChange: fun()
26161
26189
  });
26162
26190
  function SpsTableRow(props2) {
@@ -26192,26 +26220,26 @@ function SpsTableRow(props2) {
26192
26220
  }));
26193
26221
  }
26194
26222
  Object.assign(SpsTableRow, {
26195
- props: propsDoc$10,
26196
- propTypes: propTypes$13,
26223
+ props: propsDoc$11,
26224
+ propTypes: propTypes$14,
26197
26225
  displayName: "SpsTableRow"
26198
26226
  });
26199
26227
  function SpsTr(props2) {
26200
26228
  return /* @__PURE__ */ React.createElement(SpsTableRow, __spreadValues({}, props2));
26201
26229
  }
26202
26230
  Object.assign(SpsTr, {
26203
- props: propsDoc$10,
26204
- propTypes: propTypes$13,
26231
+ props: propsDoc$11,
26232
+ propTypes: propTypes$14,
26205
26233
  displayName: "SpsTr"
26206
26234
  });
26207
- const propsDoc$$ = {
26235
+ const propsDoc$10 = {
26208
26236
  currentSort: "Array<SortedColumn>",
26209
26237
  onSortChange: "SortChangeHandler"
26210
26238
  };
26211
- const propTypes$12 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26239
+ const propTypes$13 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26212
26240
  onSortChange: fun(),
26213
- currentSort: propTypes$1M.exports.arrayOf(impl()),
26214
- pinned: propTypes$1M.exports.bool
26241
+ currentSort: propTypes$1N.exports.arrayOf(impl()),
26242
+ pinned: propTypes$1N.exports.bool
26215
26243
  });
26216
26244
  function SpsTableHead(props2) {
26217
26245
  const _a = props2, {
@@ -26247,27 +26275,27 @@ function SpsTableHead(props2) {
26247
26275
  }));
26248
26276
  }
26249
26277
  Object.assign(SpsTableHead, {
26250
- props: propsDoc$$,
26251
- propTypes: propTypes$12,
26278
+ props: propsDoc$10,
26279
+ propTypes: propTypes$13,
26252
26280
  displayName: "SpsTableHead"
26253
26281
  });
26254
26282
  function SpsThead(props2) {
26255
26283
  return /* @__PURE__ */ React.createElement(SpsTableHead, __spreadValues({}, props2));
26256
26284
  }
26257
26285
  Object.assign(SpsThead, {
26258
- props: propsDoc$$,
26259
- propTypes: propTypes$12,
26286
+ props: propsDoc$10,
26287
+ propTypes: propTypes$13,
26260
26288
  displayName: "SpsThead"
26261
26289
  });
26262
- const propsDoc$_ = {
26290
+ const propsDoc$$ = {
26263
26291
  sort: "SortedColumn",
26264
26292
  onSortChange: "SortChangeHandler",
26265
26293
  selectable: "boolean"
26266
26294
  };
26267
- const propTypes$11 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26295
+ const propTypes$12 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26268
26296
  onSortChange: fun(),
26269
- sort: propTypes$1M.exports.arrayOf(impl()),
26270
- selectable: propTypes$1M.exports.bool
26297
+ sort: propTypes$1N.exports.arrayOf(impl()),
26298
+ selectable: propTypes$1N.exports.bool
26271
26299
  });
26272
26300
  function SpsTable(props2) {
26273
26301
  const _a = props2, {
@@ -26289,7 +26317,8 @@ function SpsTable(props2) {
26289
26317
  const updateSortingDisplay = (newSort) => {
26290
26318
  const sortedColumn = newSort && newSort[0];
26291
26319
  React.Children.map(children, (child) => React.Children.map(child.props.children, (c2) => React.Children.map(c2.props.children, (c22) => {
26292
- if (sortedColumn && (c22.props.sortKey && c22.props.sortKey === sortedColumn.key)) {
26320
+ var _a2, _b;
26321
+ if (sortedColumn && (((_a2 = c22 == null ? void 0 : c22.props) == null ? void 0 : _a2.sortKey) && ((_b = c22 == null ? void 0 : c22.props) == null ? void 0 : _b.sortKey) === sortedColumn.key)) {
26293
26322
  setSort([sortedColumn]);
26294
26323
  }
26295
26324
  })));
@@ -26322,12 +26351,12 @@ function SpsTable(props2) {
26322
26351
  })));
26323
26352
  }
26324
26353
  Object.assign(SpsTable, {
26325
- props: propsDoc$_,
26326
- propTypes: propTypes$11,
26354
+ props: propsDoc$$,
26355
+ propTypes: propTypes$12,
26327
26356
  displayName: "SpsTable"
26328
26357
  });
26329
- const propsDoc$Z = {};
26330
- const propTypes$10 = __spreadValues({}, spsGlobalPropTypes);
26358
+ const propsDoc$_ = {};
26359
+ const propTypes$11 = __spreadValues({}, spsGlobalPropTypes);
26331
26360
  function SpsTableBody(props2) {
26332
26361
  const _a = props2, {
26333
26362
  children,
@@ -26347,34 +26376,34 @@ function SpsTableBody(props2) {
26347
26376
  }, rest), children);
26348
26377
  }
26349
26378
  Object.assign(SpsTableBody, {
26350
- props: propsDoc$Z,
26351
- propTypes: propTypes$10,
26379
+ props: propsDoc$_,
26380
+ propTypes: propTypes$11,
26352
26381
  displayName: "SpsTableBody"
26353
26382
  });
26354
26383
  function SpsTbody(props2) {
26355
26384
  return /* @__PURE__ */ React.createElement(SpsTableBody, __spreadValues({}, props2));
26356
26385
  }
26357
26386
  Object.assign(SpsTbody, {
26358
- props: propsDoc$Z,
26359
- propTypes: propTypes$10,
26387
+ props: propsDoc$_,
26388
+ propTypes: propTypes$11,
26360
26389
  displayName: "SpsTbody"
26361
26390
  });
26362
- const propsDoc$Y = {
26391
+ const propsDoc$Z = {
26363
26392
  buttonCell: "boolean",
26364
26393
  controlCell: "boolean",
26365
26394
  wrap: "SpsTableCellWrapWidth"
26366
26395
  };
26367
- const propTypes$$ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26368
- buttonCell: propTypes$1M.exports.bool,
26369
- controlCell: propTypes$1M.exports.bool,
26370
- wrap: propTypes$1M.exports.oneOf([
26396
+ const propTypes$10 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
26397
+ buttonCell: propTypes$1N.exports.bool,
26398
+ controlCell: propTypes$1N.exports.bool,
26399
+ wrap: propTypes$1N.exports.oneOf([
26371
26400
  200,
26372
26401
  300,
26373
26402
  400,
26374
26403
  500,
26375
26404
  600
26376
26405
  ]),
26377
- pinned: propTypes$1M.exports.bool
26406
+ pinned: propTypes$1N.exports.bool
26378
26407
  });
26379
26408
  function SpsTableCell(props2) {
26380
26409
  const _a = props2, {
@@ -26407,20 +26436,20 @@ function SpsTableCell(props2) {
26407
26436
  }, rest), children);
26408
26437
  }
26409
26438
  Object.assign(SpsTableCell, {
26410
- props: propsDoc$Y,
26411
- propTypes: propTypes$$,
26439
+ props: propsDoc$Z,
26440
+ propTypes: propTypes$10,
26412
26441
  displayName: "SpsTableCell"
26413
26442
  });
26414
26443
  function SpsTd(props2) {
26415
26444
  return /* @__PURE__ */ React.createElement(SpsTableCell, __spreadValues({}, props2));
26416
26445
  }
26417
26446
  Object.assign(SpsTd, {
26418
- props: propsDoc$Y,
26419
- propTypes: propTypes$$,
26447
+ props: propsDoc$Z,
26448
+ propTypes: propTypes$10,
26420
26449
  displayName: "SpsTd"
26421
26450
  });
26422
- const propsDoc$X = {};
26423
- const propTypes$_ = __spreadValues({}, spsGlobalPropTypes);
26451
+ const propsDoc$Y = {};
26452
+ const propTypes$$ = __spreadValues({}, spsGlobalPropTypes);
26424
26453
  const CSS_BLOCK$3 = "sps-icon-button-panel";
26425
26454
  function SpsIconButtonPanel(_q) {
26426
26455
  var _r = _q, {
@@ -26439,8 +26468,8 @@ function SpsIconButtonPanel(_q) {
26439
26468
  }, rest), iconButtons);
26440
26469
  }
26441
26470
  Object.assign(SpsIconButtonPanel, {
26442
- props: propsDoc$X,
26443
- propTypes: propTypes$_,
26471
+ props: propsDoc$Y,
26472
+ propTypes: propTypes$$,
26444
26473
  displayName: "SpsIconButtonPanel"
26445
26474
  });
26446
26475
  const SpsTableExamples = {
@@ -27624,8 +27653,8 @@ const SpsListActionBarExamples = {
27624
27653
  }
27625
27654
  }
27626
27655
  };
27627
- const propTypes$Z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
27628
- tabs: propTypes$1M.exports.arrayOf(impl()).isRequired,
27656
+ const propTypes$_ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
27657
+ tabs: propTypes$1N.exports.arrayOf(impl()).isRequired,
27629
27658
  activeTab: impl(),
27630
27659
  onTabChange: fun()
27631
27660
  });
@@ -27689,18 +27718,300 @@ function SpsTabs(props2) {
27689
27718
  }, tab2.tag)))));
27690
27719
  }
27691
27720
  Object.assign(SpsTabs, {
27692
- propTypes: propTypes$Z,
27721
+ propTypes: propTypes$_,
27693
27722
  displayName: "SpsTabs"
27694
27723
  });
27724
+ const propsDoc$X = {
27725
+ resultsCount: "number",
27726
+ totalResults: "number",
27727
+ onClear: "() => void"
27728
+ };
27729
+ const propTypes$Z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
27730
+ resultsCount: propTypes$1N.exports.number,
27731
+ totalResults: propTypes$1N.exports.number,
27732
+ onClear: fun()
27733
+ });
27734
+ function SpsSearchResultsBar(props2) {
27735
+ const _a = props2, {
27736
+ children,
27737
+ className,
27738
+ resultsCount,
27739
+ totalResults,
27740
+ onClear,
27741
+ "data-testid": testId,
27742
+ unsafelyReplaceClassName
27743
+ } = _a, rest = __objRest(_a, [
27744
+ "children",
27745
+ "className",
27746
+ "resultsCount",
27747
+ "totalResults",
27748
+ "onClear",
27749
+ "data-testid",
27750
+ "unsafelyReplaceClassName"
27751
+ ]);
27752
+ const { t: t2 } = React.useContext(I18nContext);
27753
+ const classes = clsx(unsafelyReplaceClassName || "sps-search-results-bar", className);
27754
+ const [
27755
+ count,
27756
+ ofText,
27757
+ total
27758
+ ] = t2("design-system:searchResultsBar.count", { count: resultsCount, total: totalResults }).split(" ");
27759
+ return /* @__PURE__ */ React.createElement("div", __spreadValues({
27760
+ className: classes,
27761
+ "data-testid": `${testId}`
27762
+ }, rest), /* @__PURE__ */ React.createElement("span", {
27763
+ className: "sps-search-results-bar__label",
27764
+ "data-testid": `${testId}__label`
27765
+ }, t2("design-system:searchResultsBar.matchingResults")), count && !Number.isNaN(Number(count)) && /* @__PURE__ */ React.createElement("span", {
27766
+ className: "sps-search-results-bar__count",
27767
+ "data-testid": `${testId}__count`
27768
+ }, /* @__PURE__ */ React.createElement("i", {
27769
+ className: "sps-icon sps-icon-double-angle-right"
27770
+ }), /* @__PURE__ */ React.createElement("span", null, count)), total && !Number.isNaN(Number(total)) && /* @__PURE__ */ React.createElement("span", {
27771
+ className: "sps-search-results-bar__total",
27772
+ "data-testid": `${testId}__total`
27773
+ }, ofText, " ", total), /* @__PURE__ */ React.createElement("div", {
27774
+ className: "sps-search-results-bar__buttons",
27775
+ "data-testid": `${testId}__button`
27776
+ }, /* @__PURE__ */ React.createElement("button", {
27777
+ type: "button",
27778
+ onClick: onClear
27779
+ }, t2("design-system:searchResultsBar.clear"))));
27780
+ }
27781
+ Object.assign(SpsSearchResultsBar, {
27782
+ props: propsDoc$X,
27783
+ propTypes: propTypes$Z,
27784
+ displayName: "SpsSearchResultsBar"
27785
+ });
27695
27786
  const propsDoc$W = {
27787
+ results: "number",
27788
+ selections: "{ [key: string]: string[] }",
27789
+ zeroStateText: "string",
27790
+ onClear: "() => void"
27791
+ };
27792
+ const propTypes$Y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
27793
+ results: propTypes$1N.exports.number,
27794
+ selections: impl(),
27795
+ zeroStateText: propTypes$1N.exports.string,
27796
+ onClear: fun()
27797
+ });
27798
+ function SpsSearchResultsBarV2(props2) {
27799
+ const _a = props2, {
27800
+ className,
27801
+ results = 0,
27802
+ selections,
27803
+ zeroStateText,
27804
+ onClear,
27805
+ "data-testid": testId,
27806
+ unsafelyReplaceClassName
27807
+ } = _a, rest = __objRest(_a, [
27808
+ "className",
27809
+ "results",
27810
+ "selections",
27811
+ "zeroStateText",
27812
+ "onClear",
27813
+ "data-testid",
27814
+ "unsafelyReplaceClassName"
27815
+ ]);
27816
+ const { t: t2 } = React.useContext(I18nContext);
27817
+ const classes = clsx(unsafelyReplaceClassName || "sps-search-results-bar-v2", className);
27818
+ const filteredSelections = selections ? Object.keys(selections).reduce((acc, value) => {
27819
+ if (selections[value].length > 0) {
27820
+ acc[value] = selections[value];
27821
+ }
27822
+ return acc;
27823
+ }, {}) : {};
27824
+ return /* @__PURE__ */ React.createElement("div", __spreadValues({
27825
+ className: classes,
27826
+ "data-testid": `${testId}`
27827
+ }, rest), /* @__PURE__ */ React.createElement("div", {
27828
+ className: "sps-search-results-bar-v2__results"
27829
+ }, /* @__PURE__ */ React.createElement("span", {
27830
+ "data-testid": `${testId}__label`
27831
+ }, t2("design-system:searchResultsBar.results")), /* @__PURE__ */ React.createElement(SpsTag, {
27832
+ kind: TagKind.INFO
27833
+ }, /* @__PURE__ */ React.createElement("span", null, results))), /* @__PURE__ */ React.createElement("div", {
27834
+ className: "sps-search-results-bar-v2__selections"
27835
+ }, Object.keys(filteredSelections).length > 0 ? Object.keys(filteredSelections).map((selection, i2) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", {
27836
+ key: i2,
27837
+ className: "sps-search-results-bar-v2__selection"
27838
+ }, selection, ":"), filteredSelections[selection].map((label, j) => /* @__PURE__ */ React.createElement(SpsTag, {
27839
+ key: j,
27840
+ kind: TagKind.KEY
27841
+ }, /* @__PURE__ */ React.createElement("span", null, label))))) : /* @__PURE__ */ React.createElement("span", {
27842
+ className: "font-italic"
27843
+ }, zeroStateText || t2("design-system:searchResultsBar.noAdvancedSearchSelections"))), /* @__PURE__ */ React.createElement("div", {
27844
+ className: "sps-search-results-bar-v2__buttons",
27845
+ "data-testid": `${testId}__button`
27846
+ }, /* @__PURE__ */ React.createElement(SpsButton, {
27847
+ kind: ButtonKind.LINK,
27848
+ onClick: onClear
27849
+ }, t2("design-system:searchResultsBar.clearResults"))));
27850
+ }
27851
+ Object.assign(SpsSearchResultsBarV2, {
27852
+ props: propsDoc$W,
27853
+ propTypes: propTypes$Y,
27854
+ displayName: "SpsSearchResultsBarV2"
27855
+ });
27856
+ const SpsSearchResultsBarExamples = {
27857
+ basic: {
27858
+ label: "Basic",
27859
+ description: ({ NavigateTo }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", null, "SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."), /* @__PURE__ */ React.createElement("p", null, "For more examples go to the Advanced Search section on the", " ", /* @__PURE__ */ React.createElement(NavigateTo, {
27860
+ to: "list-toolbar"
27861
+ }, "List Toolbar"), " page.")),
27862
+ examples: {
27863
+ basic: {
27864
+ react: code`
27865
+ function Component() {
27866
+
27867
+ const [advSearch, setAdvSearch] = React.useState({
27868
+ isOpen: false
27869
+ });
27870
+
27871
+ const [showSearchBar, setShowSearchBar] = React.useState(true);
27872
+
27873
+ const [results, setResults] = React.useState(10);
27874
+
27875
+ const initialSelections = {
27876
+ sender: ["Aktie Sports","Modells Sporting Goods", "Perry Sport"],
27877
+ receiver: ["FGL Sports", "Foot Asylum", "Hervis", "Lovell Rugby"],
27878
+ };
27879
+
27880
+ const [selections, setSelections] = React.useState(initialSelections);
27881
+
27882
+ const initValue = {
27883
+ searchText: "",
27884
+ };
27885
+
27886
+ const { formValue, formMeta, updateForm } = useSpsForm(initValue);
27887
+
27888
+ function handleToggleAdvancedSearch(isOpen) {
27889
+ setAdvSearch({ isOpen });
27890
+ }
27891
+
27892
+ function handleAdvancedSearchSubmit() {
27893
+ console.log("submit");
27894
+ setResults(10);
27895
+ setSelections(initialSelections);
27896
+ }
27897
+
27898
+ function handleClear() {
27899
+ setResults(0);
27900
+ setSelections({});
27901
+ }
27902
+
27903
+ return (
27904
+ <>
27905
+ <SpsListToolbar advancedSearch={advSearch}
27906
+ onToggleAdvancedSearch={handleToggleAdvancedSearch}
27907
+ >
27908
+ <SpsListToolbarSearch>
27909
+ <SpsTextInput
27910
+ value={formValue.searchText}
27911
+ formMeta={formMeta.fields.searchText}
27912
+ placeholder="Search fields"
27913
+ />
27914
+ <SpsButton kind={ButtonKind.ICON} icon={SpsIcon.SEARCH} />
27915
+ </SpsListToolbarSearch>
27916
+ <SpsSearchResultsBarV2
27917
+ results={results}
27918
+ onClear={handleClear}
27919
+ selections={selections}
27920
+ />
27921
+ </SpsListToolbar>
27922
+ <SpsAdvancedSearch {...advSearch} onSubmit={handleAdvancedSearchSubmit}>
27923
+ <i>insert form here</i>
27924
+ </SpsAdvancedSearch>
27925
+ </>
27926
+ )
27927
+ }
27928
+ `
27929
+ }
27930
+ }
27931
+ },
27932
+ customText: {
27933
+ label: "Custom Text",
27934
+ description: () => /* @__PURE__ */ React.createElement("p", null, "You can pass in custom text to be displayed when there are no selections."),
27935
+ examples: {
27936
+ customText: {
27937
+ react: code`
27938
+ function Component() {
27939
+ const [advSearch, setAdvSearch] = React.useState({
27940
+ isOpen: false
27941
+ });
27942
+
27943
+ const [showSearchBar, setShowSearchBar] = React.useState(true);
27944
+
27945
+ const [results, setResults] = React.useState(0);
27946
+
27947
+ const initialSelections = {
27948
+ sender: ["Aktie Sports","Modells Sporting Goods", "Perry Sport"],
27949
+ receiver: ["FGL Sports", "Foot Asylum", "Hervis", "Lovell Rugby"],
27950
+ };
27951
+
27952
+ const [selections, setSelections] = React.useState({});
27953
+
27954
+ const initValue = {
27955
+ searchText: "",
27956
+ };
27957
+
27958
+ const { formValue, formMeta, updateForm } = useSpsForm(initValue);
27959
+
27960
+ function handleToggleAdvancedSearch(isOpen) {
27961
+ setAdvSearch({ isOpen });
27962
+ }
27963
+
27964
+ function handleAdvancedSearchSubmit() {
27965
+ console.log("submit");
27966
+ setResults(10);
27967
+ setSelections(initialSelections);
27968
+ }
27969
+
27970
+ function handleClear() {
27971
+ setResults(0);
27972
+ setSelections({});
27973
+ }
27974
+
27975
+ return (
27976
+ <>
27977
+ <SpsListToolbar advancedSearch={advSearch}
27978
+ onToggleAdvancedSearch={handleToggleAdvancedSearch}
27979
+ >
27980
+ <SpsListToolbarSearch>
27981
+ <SpsTextInput
27982
+ value={formValue.searchText}
27983
+ formMeta={formMeta.fields.searchText}
27984
+ placeholder="Search fields"
27985
+ />
27986
+ <SpsButton kind={ButtonKind.ICON} icon={SpsIcon.SEARCH} />
27987
+ </SpsListToolbarSearch>
27988
+ <SpsSearchResultsBarV2
27989
+ results={results}
27990
+ onClear={handleClear}
27991
+ selections={selections}
27992
+ zeroStateText="There are no selections here"
27993
+ />
27994
+ </SpsListToolbar>
27995
+ <SpsAdvancedSearch {...advSearch} onSubmit={handleAdvancedSearchSubmit}>
27996
+ <i>insert form here</i>
27997
+ </SpsAdvancedSearch>
27998
+ </>
27999
+ )
28000
+ }
28001
+ `
28002
+ }
28003
+ }
28004
+ }
28005
+ };
28006
+ const propsDoc$V = {
27696
28007
  formMeta: "SpsFormSetMeta<any>",
27697
28008
  stacked: "boolean"
27698
28009
  };
27699
- const propTypes$Y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
28010
+ const propTypes$X = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
27700
28011
  formArray: impl(),
27701
28012
  formGroup: impl(),
27702
28013
  formMeta: impl(),
27703
- stacked: propTypes$1M.exports.bool
28014
+ stacked: propTypes$1N.exports.bool
27704
28015
  });
27705
28016
  function SpsInputGroup(_s) {
27706
28017
  var _t = _s, {
@@ -27745,14 +28056,14 @@ function SpsInputGroup(_s) {
27745
28056
  }, children));
27746
28057
  }
27747
28058
  Object.assign(SpsInputGroup, {
27748
- props: propsDoc$W,
27749
- propTypes: propTypes$Y,
28059
+ props: propsDoc$V,
28060
+ propTypes: propTypes$X,
27750
28061
  displayName: "SpsInputGroup"
27751
28062
  });
27752
- const propsDoc$V = {
28063
+ const propsDoc$U = {
27753
28064
  onSubmit: "FormEventHandler"
27754
28065
  };
27755
- const propTypes$X = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
28066
+ const propTypes$W = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
27756
28067
  onSubmit: fun()
27757
28068
  });
27758
28069
  function SpsListToolbarSearch(props2) {
@@ -27775,12 +28086,12 @@ function SpsListToolbarSearch(props2) {
27775
28086
  }, children));
27776
28087
  }
27777
28088
  Object.assign(SpsListToolbarSearch, {
27778
- props: propsDoc$V,
27779
- propTypes: propTypes$X,
28089
+ props: propsDoc$U,
28090
+ propTypes: propTypes$W,
27780
28091
  displayName: "SpsListToolbarSearch"
27781
28092
  });
27782
- const propsDoc$U = {};
27783
- const propTypes$W = __spreadValues({}, spsGlobalPropTypes);
28093
+ const propsDoc$T = {};
28094
+ const propTypes$V = __spreadValues({}, spsGlobalPropTypes);
27784
28095
  function SpsListToolbarSearchInfo(props2) {
27785
28096
  const {
27786
28097
  children
@@ -27788,11 +28099,11 @@ function SpsListToolbarSearchInfo(props2) {
27788
28099
  return /* @__PURE__ */ React.createElement("div", null, children);
27789
28100
  }
27790
28101
  Object.assign(SpsListToolbarSearchInfo, {
27791
- props: propsDoc$U,
27792
- propTypes: propTypes$W,
28102
+ props: propsDoc$T,
28103
+ propTypes: propTypes$V,
27793
28104
  displayName: "SpsListToolbarSearchInfo"
27794
28105
  });
27795
- const propsDoc$T = {
28106
+ const propsDoc$S = {
27796
28107
  activeTab: "SpsTab",
27797
28108
  advancedSearch: "{ isOpen: boolean, enteredFields: number }",
27798
28109
  onToggleAdvancedSearch: "(boolean) => void",
@@ -27803,23 +28114,25 @@ const propsDoc$T = {
27803
28114
  selectable: "boolean",
27804
28115
  isSelected: "boolean",
27805
28116
  isIndeterminate: "boolean",
27806
- onSelectionChange: "(boolean) => void"
28117
+ onSelectionChange: "(boolean) => void",
28118
+ pinResultsBar: "boolean"
27807
28119
  };
27808
- const propTypes$V = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
28120
+ const propTypes$U = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
27809
28121
  activeTab: impl(),
27810
- advancedSearch: propTypes$1M.exports.shape({
27811
- isOpen: propTypes$1M.exports.bool,
27812
- enteredFields: propTypes$1M.exports.number
28122
+ advancedSearch: propTypes$1N.exports.shape({
28123
+ isOpen: propTypes$1N.exports.bool,
28124
+ enteredFields: propTypes$1N.exports.number
27813
28125
  }),
27814
28126
  onToggleAdvancedSearch: fun(),
27815
28127
  onTabChange: fun(),
27816
- title: propTypes$1M.exports.string,
27817
- tabs: propTypes$1M.exports.arrayOf(impl()),
28128
+ title: propTypes$1N.exports.string,
28129
+ tabs: propTypes$1N.exports.arrayOf(impl()),
27818
28130
  onToolbarPinned: fun(),
27819
- selectable: propTypes$1M.exports.bool,
27820
- isSelected: propTypes$1M.exports.bool,
27821
- isIndeterminate: propTypes$1M.exports.bool,
27822
- onSelectionChange: fun()
28131
+ selectable: propTypes$1N.exports.bool,
28132
+ isSelected: propTypes$1N.exports.bool,
28133
+ isIndeterminate: propTypes$1N.exports.bool,
28134
+ onSelectionChange: fun(),
28135
+ pinResultsBar: propTypes$1N.exports.bool
27823
28136
  });
27824
28137
  function SpsListToolbar(props2) {
27825
28138
  const _a = props2, {
@@ -27837,6 +28150,7 @@ function SpsListToolbar(props2) {
27837
28150
  isSelected,
27838
28151
  isIndeterminate,
27839
28152
  onSelectionChange,
28153
+ pinResultsBar,
27840
28154
  "data-testid": testId
27841
28155
  } = _a, rest = __objRest(_a, [
27842
28156
  "activeTab",
@@ -27853,6 +28167,7 @@ function SpsListToolbar(props2) {
27853
28167
  "isSelected",
27854
28168
  "isIndeterminate",
27855
28169
  "onSelectionChange",
28170
+ "pinResultsBar",
27856
28171
  "data-testid"
27857
28172
  ]);
27858
28173
  const { t: t2 } = React.useContext(I18nContext);
@@ -27925,10 +28240,12 @@ function SpsListToolbar(props2) {
27925
28240
  const [
27926
28241
  listToolbarSearch,
27927
28242
  listToolbarSearchInfo,
28243
+ searchResultsBar,
27928
28244
  otherChildren
27929
28245
  ] = selectChildren(children, [
27930
28246
  { type: SpsListToolbarSearch },
27931
- { type: SpsListToolbarSearchInfo }
28247
+ { type: SpsListToolbarSearchInfo },
28248
+ { type: SpsSearchResultsBarV2 }
27932
28249
  ]);
27933
28250
  return /* @__PURE__ */ React.createElement("div", {
27934
28251
  className: "sps-list-toolbar__wrapper",
@@ -27937,7 +28254,9 @@ function SpsListToolbar(props2) {
27937
28254
  className: classes,
27938
28255
  "data-testid": testId,
27939
28256
  ref: rootElement
27940
- }, rest), !!selectable && /* @__PURE__ */ React.createElement("div", {
28257
+ }, rest), /* @__PURE__ */ React.createElement("div", {
28258
+ className: "sps-list-toolbar__content"
28259
+ }, !!selectable && /* @__PURE__ */ React.createElement("div", {
27941
28260
  className: "sps-list-toolbar__selection-controls"
27942
28261
  }, /* @__PURE__ */ React.createElement(SpsCheckbox, {
27943
28262
  checked: isSelected,
@@ -27971,11 +28290,11 @@ function SpsListToolbar(props2) {
27971
28290
  value: { fixed: true }
27972
28291
  }, otherChildren)) : /* @__PURE__ */ React.createElement("div", {
27973
28292
  className: "sps-list-toolbar__header-content"
27974
- }, otherChildren)));
28293
+ }, otherChildren)), /* @__PURE__ */ React.createElement("div", null, (!isPinned || isPinned && pinResultsBar) && searchResultsBar)));
27975
28294
  }
27976
28295
  Object.assign(SpsListToolbar, {
27977
- props: propsDoc$T,
27978
- propTypes: propTypes$V,
28296
+ props: propsDoc$S,
28297
+ propTypes: propTypes$U,
27979
28298
  displayName: "SpsListToolbar"
27980
28299
  });
27981
28300
  function ContentOrderExample() {
@@ -28317,6 +28636,185 @@ const SpsListToolbarExamples = {
28317
28636
  )
28318
28637
  }
28319
28638
  `
28639
+ },
28640
+ withResultsBar: {
28641
+ description: ({ NavigateTo }) => /* @__PURE__ */ React.createElement("p", null, "You can include ", /* @__PURE__ */ React.createElement(NavigateTo, {
28642
+ to: "search-results-bar"
28643
+ }, "Search Results Bar"), " (SpsSearchResultsBarV2)."),
28644
+ react: code`
28645
+ function Component() {
28646
+ const senderOptions = ["Aktie Sports", "FGL Sports","Modells Sporting Goods", "Perry Sport", "Sportman Warhouse Australia"];
28647
+ const receiverOptions = ["FGL Sports", "Foot Asylum", "Hervis", "Lovell Rugby", "Aktie Sports"];
28648
+ const doctypeOptions = [".doc", ".txt", ".pdf"];
28649
+ const statusOptions = ["pending", "done"];
28650
+
28651
+ const [advSearch, setAdvSearch] = React.useState({
28652
+ isOpen: false
28653
+ });
28654
+
28655
+ const [showSearchBar, setShowSearchBar] = React.useState(true);
28656
+
28657
+ const [selections, setSelections] = React.useState();
28658
+ const [results, setResults] = React.useState(0);
28659
+
28660
+ const initValue = {
28661
+ searchText: "",
28662
+ sender: [],
28663
+ receiver: [],
28664
+ doctype: [],
28665
+ status: [],
28666
+ };
28667
+
28668
+ const { formValue, formMeta, updateForm } = useSpsForm(initValue);
28669
+
28670
+ function handleToggleAdvancedSearch(isOpen) {
28671
+ setAdvSearch({ isOpen });
28672
+ }
28673
+
28674
+ function handleAdvancedSearchSubmit() {
28675
+ console.log("submit");
28676
+ setShowSearchBar(true);
28677
+ setSelections(omit(formValue, "searchText"));
28678
+ setResults(Math.floor(Math.random() * 100));
28679
+ }
28680
+
28681
+ function handleAdvancedSearchClear() {
28682
+ updateForm(initValue);
28683
+ }
28684
+
28685
+ return (
28686
+ <>
28687
+ <SpsListToolbar advancedSearch={advSearch}
28688
+ onToggleAdvancedSearch={handleToggleAdvancedSearch}
28689
+ >
28690
+ <SpsListToolbarSearch>
28691
+ <SpsTextInput
28692
+ value={formValue.searchText}
28693
+ formMeta={formMeta.fields.searchText}
28694
+ placeholder="Search fields"
28695
+ />
28696
+ <SpsButton kind={ButtonKind.ICON} icon={SpsIcon.SEARCH} />
28697
+ </SpsListToolbarSearch>
28698
+ <SpsButton kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD} />
28699
+ <SpsButton>Button</SpsButton>
28700
+ <SpsButton kind={ButtonKind.KEY}>Button</SpsButton>
28701
+ {showSearchBar && (
28702
+ <SpsSearchResultsBarV2
28703
+ results={results}
28704
+ selections={selections}
28705
+ onClear={() => setShowSearchBar(false)}
28706
+ />
28707
+ )}
28708
+ </SpsListToolbar>
28709
+ <SpsAdvancedSearch {...advSearch}
28710
+ formMeta={formMeta}
28711
+ onSubmit={handleAdvancedSearchSubmit}
28712
+ onClear={handleAdvancedSearchClear}
28713
+ >
28714
+ <div className="sfg-row">
28715
+ <div className="sfg-col-4">
28716
+ <SpsLabel for={formMeta.fields.sender}>Sender</SpsLabel>
28717
+ <SpsMultiSelect
28718
+ formMeta={formMeta.fields.sender}
28719
+ value={formValue.sender}
28720
+ options={senderOptions}
28721
+ />
28722
+ </div>
28723
+ <div className="sfg-col-4">
28724
+ <SpsLabel for={formMeta.fields.receiver}>Receiver</SpsLabel>
28725
+ <SpsMultiSelect
28726
+ formMeta={formMeta.fields.receiver}
28727
+ value={formValue.receiver}
28728
+ options={receiverOptions}
28729
+ />
28730
+ </div>
28731
+ <div className="sfg-col-4">
28732
+ <SpsLabel for={formMeta.fields.doctype}>Document Type</SpsLabel>
28733
+ <SpsMultiSelect
28734
+ formMeta={formMeta.fields.doctype}
28735
+ value={formValue.doctype}
28736
+ options={doctypeOptions}
28737
+ />
28738
+ </div>
28739
+ <div className="sfg-col-4">
28740
+ <SpsLabel for={formMeta.fields.status}>Status</SpsLabel>
28741
+ <SpsMultiSelect
28742
+ formMeta={formMeta.fields.status}
28743
+ value={formValue.status}
28744
+ options={statusOptions}
28745
+ />
28746
+ </div>
28747
+ </div>
28748
+ </SpsAdvancedSearch>
28749
+ </>
28750
+ )
28751
+ }
28752
+ `
28753
+ },
28754
+ pinnedResultsBar: {
28755
+ description: () => /* @__PURE__ */ React.createElement("p", null, "You can pin the Results Bar by passing pinResultsBar prop to SpsListToolbar."),
28756
+ react: code`
28757
+ function Component() {
28758
+ const [advSearch, setAdvSearch] = React.useState({
28759
+ isOpen: false
28760
+ });
28761
+
28762
+ const [showSearchBar, setShowSearchBar] = React.useState(true);
28763
+
28764
+ const [results, setResults] = React.useState(0);
28765
+
28766
+ const initValue = {
28767
+ searchText: "",
28768
+ };
28769
+
28770
+ const { formValue, formMeta, updateForm } = useSpsForm(initValue);
28771
+
28772
+ function handleToggleAdvancedSearch(isOpen) {
28773
+ setAdvSearch({ isOpen });
28774
+ }
28775
+
28776
+ function handleAdvancedSearchSubmit() {
28777
+ setShowSearchBar(true);
28778
+ setResults(Math.floor(Math.random() * 100));
28779
+ }
28780
+
28781
+ function handleAdvancedSearchClear() {
28782
+ updateForm(initValue);
28783
+ }
28784
+
28785
+ return (
28786
+ <>
28787
+ <SpsListToolbar advancedSearch={advSearch}
28788
+ onToggleAdvancedSearch={handleToggleAdvancedSearch}
28789
+ pinResultsBar
28790
+ >
28791
+ <SpsListToolbarSearch>
28792
+ <SpsTextInput
28793
+ value={formValue.searchText}
28794
+ formMeta={formMeta.fields.searchText}
28795
+ placeholder="Search fields"
28796
+ />
28797
+ <SpsButton kind={ButtonKind.ICON} icon={SpsIcon.SEARCH} />
28798
+ </SpsListToolbarSearch>
28799
+ <SpsButton kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD} />
28800
+ <SpsButton>Button</SpsButton>
28801
+ <SpsButton kind={ButtonKind.KEY}>Button</SpsButton>
28802
+ {showSearchBar && (
28803
+ <SpsSearchResultsBarV2
28804
+ results={results}
28805
+ onClear={() => setShowSearchBar(false)}
28806
+ />
28807
+ )}
28808
+ </SpsListToolbar>
28809
+ <SpsAdvancedSearch {...advSearch}
28810
+ onSubmit={handleAdvancedSearchSubmit}
28811
+ >
28812
+ <i>insert form here</i>
28813
+ </SpsAdvancedSearch>
28814
+ </>
28815
+ )
28816
+ }
28817
+ `
28320
28818
  }
28321
28819
  }
28322
28820
  },
@@ -28480,13 +28978,13 @@ const SpsListToolbarExamples = {
28480
28978
  }
28481
28979
  }
28482
28980
  };
28483
- const propsDoc$S = {
28981
+ const propsDoc$R = {
28484
28982
  kind: "FeedbackBlockKind",
28485
28983
  message: { type: "string", required: true }
28486
28984
  };
28487
- const propTypes$U = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
28985
+ const propTypes$T = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
28488
28986
  kind: enumValue(FeedbackBlockKind),
28489
- message: propTypes$1M.exports.node.isRequired
28987
+ message: propTypes$1N.exports.node.isRequired
28490
28988
  });
28491
28989
  function SpsMicroBlock(props2) {
28492
28990
  const _a = props2, {
@@ -28513,8 +29011,8 @@ function SpsMicroBlock(props2) {
28513
29011
  }), /* @__PURE__ */ React.createElement("span", null, message));
28514
29012
  }
28515
29013
  Object.assign(SpsMicroBlock, {
28516
- props: propsDoc$S,
28517
- propTypes: propTypes$U,
29014
+ props: propsDoc$R,
29015
+ propTypes: propTypes$T,
28518
29016
  displayName: "SpsMicroBlock"
28519
29017
  });
28520
29018
  const SpsMicroBlockExamples = {
@@ -28569,17 +29067,17 @@ const SpsMicroBlockExamples = {
28569
29067
  }
28570
29068
  }
28571
29069
  };
28572
- const propsDoc$R = {
29070
+ const propsDoc$Q = {
28573
29071
  kind: "ModalKind",
28574
29072
  size: "ModalSize",
28575
29073
  title: "string",
28576
29074
  onClose: "() => void",
28577
29075
  focusElementOnOpen: "React.MutableRefObject<HTMLElement>"
28578
29076
  };
28579
- const propTypes$T = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
29077
+ const propTypes$S = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
28580
29078
  kind: enumValue(ModalKind),
28581
29079
  size: enumValue(ModalSize),
28582
- title: propTypes$1M.exports.string,
29080
+ title: propTypes$1N.exports.string,
28583
29081
  onClose: fun(),
28584
29082
  focusElementOnOpen: ref()
28585
29083
  });
@@ -28705,8 +29203,8 @@ function SpsModalV2(_u) {
28705
29203
  }, t2("design-system:modal.defaultButtonLabel"))))) : /* @__PURE__ */ React.createElement(React.Fragment, null);
28706
29204
  }
28707
29205
  Object.assign(SpsModalV2, {
28708
- props: propsDoc$R,
28709
- propTypes: propTypes$T,
29206
+ props: propsDoc$Q,
29207
+ propTypes: propTypes$S,
28710
29208
  displayName: "SpsModalV2"
28711
29209
  });
28712
29210
  const SpsModalExamples = {
@@ -29153,7 +29651,7 @@ const SpsModalExamples = {
29153
29651
  }
29154
29652
  }
29155
29653
  };
29156
- const propsDoc$Q = {
29654
+ const propsDoc$P = {
29157
29655
  captionKey: "string",
29158
29656
  debounce: "number",
29159
29657
  disabled: "boolean",
@@ -29169,31 +29667,33 @@ const propsDoc$Q = {
29169
29667
  textKey: "string",
29170
29668
  value: "any",
29171
29669
  zeroState: "string",
29172
- loading: "boolean"
29670
+ loading: "boolean",
29671
+ maxHeightOptionList: "number"
29173
29672
  };
29174
- const propTypes$S = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
29673
+ const propTypes$R = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
29175
29674
  action: fun(),
29176
- captionKey: propTypes$1M.exports.string,
29177
- debounce: propTypes$1M.exports.number,
29178
- disabled: propTypes$1M.exports.bool,
29179
- disableSelected: propTypes$1M.exports.bool,
29180
- comparisonKey: propTypes$1M.exports.string,
29675
+ captionKey: propTypes$1N.exports.string,
29676
+ debounce: propTypes$1N.exports.number,
29677
+ disabled: propTypes$1N.exports.bool,
29678
+ disableSelected: propTypes$1N.exports.bool,
29679
+ comparisonKey: propTypes$1N.exports.string,
29181
29680
  formControl: impl(),
29182
29681
  formMeta: impl(),
29183
- hideSelected: propTypes$1M.exports.bool,
29682
+ hideSelected: propTypes$1N.exports.bool,
29184
29683
  icon: enumValue(SpsIcon),
29185
29684
  onChange: fun(),
29186
- options: propTypes$1M.exports.oneOfType([
29187
- propTypes$1M.exports.array,
29188
- propTypes$1M.exports.instanceOf(Promise),
29685
+ options: propTypes$1N.exports.oneOfType([
29686
+ propTypes$1N.exports.array,
29687
+ propTypes$1N.exports.instanceOf(Promise),
29189
29688
  fun()
29190
29689
  ]).isRequired,
29191
- placeholder: propTypes$1M.exports.string,
29192
- tallOptionList: propTypes$1M.exports.bool,
29193
- textKey: propTypes$1M.exports.string,
29194
- value: propTypes$1M.exports.any,
29195
- zeroState: propTypes$1M.exports.string,
29196
- loading: propTypes$1M.exports.bool
29690
+ placeholder: propTypes$1N.exports.string,
29691
+ tallOptionList: propTypes$1N.exports.bool,
29692
+ textKey: propTypes$1N.exports.string,
29693
+ value: propTypes$1N.exports.any,
29694
+ zeroState: propTypes$1N.exports.string,
29695
+ loading: propTypes$1N.exports.bool,
29696
+ maxHeightOptionList: propTypes$1N.exports.number
29197
29697
  });
29198
29698
  function SpsMultiSelect(_w) {
29199
29699
  var _x = _w, {
@@ -29218,6 +29718,7 @@ function SpsMultiSelect(_w) {
29218
29718
  zeroState = "There are no matching options.",
29219
29719
  loading,
29220
29720
  icon,
29721
+ maxHeightOptionList,
29221
29722
  "data-testid": testId
29222
29723
  } = _x, rest = __objRest(_x, [
29223
29724
  "action",
@@ -29241,6 +29742,7 @@ function SpsMultiSelect(_w) {
29241
29742
  "zeroState",
29242
29743
  "loading",
29243
29744
  "icon",
29745
+ "maxHeightOptionList",
29244
29746
  "data-testid"
29245
29747
  ]);
29246
29748
  const meta = formMeta || formControl2;
@@ -29439,12 +29941,13 @@ function SpsMultiSelect(_w) {
29439
29941
  tall: tallOptionList,
29440
29942
  textKey,
29441
29943
  zeroState,
29442
- loading
29944
+ loading,
29945
+ maxHeight: maxHeightOptionList
29443
29946
  }));
29444
29947
  }
29445
29948
  Object.assign(SpsMultiSelect, {
29446
- props: propsDoc$Q,
29447
- propTypes: propTypes$S,
29949
+ props: propsDoc$P,
29950
+ propTypes: propTypes$R,
29448
29951
  displayName: "SpsMultiSelect"
29449
29952
  });
29450
29953
  const SpsMultiSelectExamples = {
@@ -29608,8 +30111,8 @@ const SpsMultiSelectExamples = {
29608
30111
  }
29609
30112
  }
29610
30113
  };
29611
- const propsDoc$P = {};
29612
- const propTypes$R = __spreadValues({}, spsGlobalPropTypes);
30114
+ const propsDoc$O = {};
30115
+ const propTypes$Q = __spreadValues({}, spsGlobalPropTypes);
29613
30116
  function SpsPageTitle(props2) {
29614
30117
  const _a = props2, {
29615
30118
  children,
@@ -29641,12 +30144,12 @@ function SpsPageTitle(props2) {
29641
30144
  }, otherChildren));
29642
30145
  }
29643
30146
  Object.assign(SpsPageTitle, {
29644
- props: propsDoc$P,
29645
- propTypes: propTypes$R,
30147
+ props: propsDoc$O,
30148
+ propTypes: propTypes$Q,
29646
30149
  displayName: "SpsPageTitle"
29647
30150
  });
29648
- const propsDoc$O = {};
29649
- const propTypes$Q = __spreadValues({}, spsGlobalPropTypes);
30151
+ const propsDoc$N = {};
30152
+ const propTypes$P = __spreadValues({}, spsGlobalPropTypes);
29650
30153
  function SpsPageSubtitle(props2) {
29651
30154
  const _a = props2, {
29652
30155
  children,
@@ -29666,8 +30169,8 @@ function SpsPageSubtitle(props2) {
29666
30169
  }, rest), children);
29667
30170
  }
29668
30171
  Object.assign(SpsPageSubtitle, {
29669
- props: propsDoc$O,
29670
- propTypes: propTypes$Q,
30172
+ props: propsDoc$N,
30173
+ propTypes: propTypes$P,
29671
30174
  displayName: "SpsPageSubtitle"
29672
30175
  });
29673
30176
  const SpsPageTitleExamples = {
@@ -29730,7 +30233,7 @@ const SpsPageTitleExamples = {
29730
30233
  }
29731
30234
  }
29732
30235
  };
29733
- const propsDoc$N = {
30236
+ const propsDoc$M = {
29734
30237
  action: "SpsActionMethod",
29735
30238
  captionKey: "string",
29736
30239
  comparisonKey: "string",
@@ -29749,33 +30252,35 @@ const propsDoc$N = {
29749
30252
  zeroState: "string",
29750
30253
  autoFixWidth: "boolean",
29751
30254
  loading: "boolean",
29752
- filterByTextAndCaptionKey: "boolean"
30255
+ filterByTextAndCaptionKey: "boolean",
30256
+ maxHeightOptionList: "number"
29753
30257
  };
29754
- const propTypes$P = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
30258
+ const propTypes$O = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
29755
30259
  action: fun(),
29756
- captionKey: propTypes$1M.exports.string,
29757
- comparisonKey: propTypes$1M.exports.string,
29758
- disabled: propTypes$1M.exports.bool,
30260
+ captionKey: propTypes$1N.exports.string,
30261
+ comparisonKey: propTypes$1N.exports.string,
30262
+ disabled: propTypes$1N.exports.bool,
29759
30263
  formControl: impl(),
29760
30264
  formMeta: impl(),
29761
- notClearable: propTypes$1M.exports.bool,
29762
- options: propTypes$1M.exports.oneOfType([
29763
- propTypes$1M.exports.array,
29764
- propTypes$1M.exports.instanceOf(Promise),
30265
+ notClearable: propTypes$1N.exports.bool,
30266
+ options: propTypes$1N.exports.oneOfType([
30267
+ propTypes$1N.exports.array,
30268
+ propTypes$1N.exports.instanceOf(Promise),
29765
30269
  fun()
29766
30270
  ]).isRequired,
29767
30271
  onChange: fun(),
29768
- placeholder: propTypes$1M.exports.string,
29769
- searchDebounce: propTypes$1M.exports.number,
29770
- searchPlaceholder: propTypes$1M.exports.string,
29771
- tallOptionList: propTypes$1M.exports.bool,
29772
- textKey: propTypes$1M.exports.string,
29773
- valueKey: propTypes$1M.exports.string,
29774
- value: propTypes$1M.exports.any,
29775
- zeroState: propTypes$1M.exports.string,
29776
- autoFixWidth: propTypes$1M.exports.bool,
29777
- loading: propTypes$1M.exports.bool,
29778
- filterByTextAndCaptionKey: propTypes$1M.exports.bool
30272
+ placeholder: propTypes$1N.exports.string,
30273
+ searchDebounce: propTypes$1N.exports.number,
30274
+ searchPlaceholder: propTypes$1N.exports.string,
30275
+ tallOptionList: propTypes$1N.exports.bool,
30276
+ textKey: propTypes$1N.exports.string,
30277
+ valueKey: propTypes$1N.exports.string,
30278
+ value: propTypes$1N.exports.any,
30279
+ zeroState: propTypes$1N.exports.string,
30280
+ autoFixWidth: propTypes$1N.exports.bool,
30281
+ loading: propTypes$1N.exports.bool,
30282
+ filterByTextAndCaptionKey: propTypes$1N.exports.bool,
30283
+ maxHeightOptionList: propTypes$1N.exports.number
29779
30284
  });
29780
30285
  const SpsSelect = React.forwardRef((props2, ref2) => {
29781
30286
  const _a = props2, {
@@ -29803,6 +30308,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
29803
30308
  zeroState,
29804
30309
  loading,
29805
30310
  filterByTextAndCaptionKey,
30311
+ maxHeightOptionList,
29806
30312
  "data-testid": testId
29807
30313
  } = _a, rest = __objRest(_a, [
29808
30314
  "action",
@@ -29829,6 +30335,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
29829
30335
  "zeroState",
29830
30336
  "loading",
29831
30337
  "filterByTextAndCaptionKey",
30338
+ "maxHeightOptionList",
29832
30339
  "data-testid"
29833
30340
  ]);
29834
30341
  const meta = formMeta || formControl2;
@@ -29999,25 +30506,26 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
29999
30506
  zeroState,
30000
30507
  ignoreWidthStyles: autoFixWidth,
30001
30508
  loading,
30509
+ maxHeight: maxHeightOptionList,
30002
30510
  "data-testid": `${testId}-option-list`
30003
30511
  }));
30004
30512
  });
30005
30513
  Object.assign(SpsSelect, {
30006
- props: propsDoc$N,
30007
- propTypes: propTypes$P,
30514
+ props: propsDoc$M,
30515
+ propTypes: propTypes$O,
30008
30516
  displayName: "SpsSelect"
30009
30517
  });
30010
- const propsDoc$M = {
30518
+ const propsDoc$L = {
30011
30519
  page: "number",
30012
30520
  numPages: "number",
30013
30521
  onPageChange: "(number) => void",
30014
30522
  disabled: "boolean"
30015
30523
  };
30016
- const propTypes$O = __spreadValues({
30017
- numPages: propTypes$1M.exports.number,
30524
+ const propTypes$N = __spreadValues({
30525
+ numPages: propTypes$1N.exports.number,
30018
30526
  onPageChange: fun(),
30019
- page: propTypes$1M.exports.number,
30020
- disabled: propTypes$1M.exports.bool
30527
+ page: propTypes$1N.exports.number,
30528
+ disabled: propTypes$1N.exports.bool
30021
30529
  }, spsGlobalPropTypes);
30022
30530
  function SpsPageSelector(props2) {
30023
30531
  const _a = props2, {
@@ -30110,11 +30618,11 @@ function SpsPageSelector(props2) {
30110
30618
  })))));
30111
30619
  }
30112
30620
  Object.assign(SpsPageSelector, {
30113
- props: propsDoc$M,
30114
- propTypes: propTypes$O,
30621
+ props: propsDoc$L,
30622
+ propTypes: propTypes$N,
30115
30623
  displayName: "SpsPageSelector"
30116
30624
  });
30117
- const propsDoc$L = {
30625
+ const propsDoc$K = {
30118
30626
  page: "number",
30119
30627
  pageSize: "number",
30120
30628
  pageSizeOptions: "Array<number>",
@@ -30122,13 +30630,13 @@ const propsDoc$L = {
30122
30630
  onPageChange: "(page: number, pageSize: number, indices: [number, number]) => void",
30123
30631
  disabled: "boolean"
30124
30632
  };
30125
- const propTypes$N = __spreadValues({
30633
+ const propTypes$M = __spreadValues({
30126
30634
  onPageChange: fun().isRequired,
30127
- page: propTypes$1M.exports.number,
30128
- pageSize: propTypes$1M.exports.number,
30129
- pageSizeOptions: propTypes$1M.exports.arrayOf(propTypes$1M.exports.number),
30130
- totalResults: propTypes$1M.exports.number,
30131
- disabled: propTypes$1M.exports.bool
30635
+ page: propTypes$1N.exports.number,
30636
+ pageSize: propTypes$1N.exports.number,
30637
+ pageSizeOptions: propTypes$1N.exports.arrayOf(propTypes$1N.exports.number),
30638
+ totalResults: propTypes$1N.exports.number,
30639
+ disabled: propTypes$1N.exports.bool
30132
30640
  }, spsGlobalPropTypes);
30133
30641
  function SpsPagination(props2) {
30134
30642
  const _a = props2, {
@@ -30238,8 +30746,8 @@ function SpsPagination(props2) {
30238
30746
  }));
30239
30747
  }
30240
30748
  Object.assign(SpsPagination, {
30241
- props: propsDoc$L,
30242
- propTypes: propTypes$N,
30749
+ props: propsDoc$K,
30750
+ propTypes: propTypes$M,
30243
30751
  displayName: "SpsPagination"
30244
30752
  });
30245
30753
  const SpsPaginationExamples = {
@@ -30335,7 +30843,7 @@ const SpsPaginationExamples = {
30335
30843
  }
30336
30844
  }
30337
30845
  };
30338
- const propsDoc$K = {
30846
+ const propsDoc$J = {
30339
30847
  active: "boolean",
30340
30848
  as: "React.ElementType"
30341
30849
  };
@@ -30359,10 +30867,10 @@ function SpsProductBarTab(props2) {
30359
30867
  }, rest), children);
30360
30868
  }
30361
30869
  Object.assign(SpsProductBarTab, {
30362
- props: propsDoc$K,
30870
+ props: propsDoc$J,
30363
30871
  displayName: "SpsProductBarTab"
30364
30872
  });
30365
- const propsDoc$J = {
30873
+ const propsDoc$I = {
30366
30874
  activeTab: "string",
30367
30875
  fullWidth: "boolean",
30368
30876
  onTabChange: "(newTab: string) => void",
@@ -30372,15 +30880,15 @@ const propsDoc$J = {
30372
30880
  productNameHref: "string",
30373
30881
  tabs: "Array<string>"
30374
30882
  };
30375
- const propTypes$M = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
30376
- activeTab: propTypes$1M.exports.string,
30377
- fullWidth: propTypes$1M.exports.bool,
30883
+ const propTypes$L = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
30884
+ activeTab: propTypes$1N.exports.string,
30885
+ fullWidth: propTypes$1N.exports.bool,
30378
30886
  onTabChange: fun(),
30379
30887
  onProductNameClick: fun(),
30380
- productLogoSrc: propTypes$1M.exports.string,
30381
- productName: propTypes$1M.exports.string.isRequired,
30382
- productNameHref: propTypes$1M.exports.string,
30383
- tabs: propTypes$1M.exports.arrayOf(propTypes$1M.exports.string)
30888
+ productLogoSrc: propTypes$1N.exports.string,
30889
+ productName: propTypes$1N.exports.string.isRequired,
30890
+ productNameHref: propTypes$1N.exports.string,
30891
+ tabs: propTypes$1N.exports.arrayOf(propTypes$1N.exports.string)
30384
30892
  });
30385
30893
  function SpsProductBar(props2) {
30386
30894
  const _a = props2, {
@@ -30455,8 +30963,8 @@ function SpsProductBar(props2) {
30455
30963
  }, otherChildren))));
30456
30964
  }
30457
30965
  Object.assign(SpsProductBar, {
30458
- props: propsDoc$J,
30459
- propTypes: propTypes$M,
30966
+ props: propsDoc$I,
30967
+ propTypes: propTypes$L,
30460
30968
  displayName: "SpsProductBar"
30461
30969
  });
30462
30970
  const SpsProductBarExamples = {
@@ -30595,18 +31103,18 @@ const SpsProductBarExamples = {
30595
31103
  }
30596
31104
  }
30597
31105
  };
30598
- const propsDoc$I = {
31106
+ const propsDoc$H = {
30599
31107
  percentComplete: "number",
30600
31108
  title: "string",
30601
31109
  detail: "string",
30602
31110
  disabled: "boolean",
30603
31111
  onClose: "() => void"
30604
31112
  };
30605
- const propTypes$L = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
30606
- percentComplete: propTypes$1M.exports.number,
30607
- title: propTypes$1M.exports.string,
30608
- detail: propTypes$1M.exports.string,
30609
- disabled: propTypes$1M.exports.bool,
31113
+ const propTypes$K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
31114
+ percentComplete: propTypes$1N.exports.number,
31115
+ title: propTypes$1N.exports.string,
31116
+ detail: propTypes$1N.exports.string,
31117
+ disabled: propTypes$1N.exports.bool,
30610
31118
  onClose: fun()
30611
31119
  });
30612
31120
  function SpsProgressBar(props2) {
@@ -30662,8 +31170,8 @@ function SpsProgressBar(props2) {
30662
31170
  })));
30663
31171
  }
30664
31172
  Object.assign(SpsProgressBar, {
30665
- props: propsDoc$I,
30666
- propTypes: propTypes$L,
31173
+ props: propsDoc$H,
31174
+ propTypes: propTypes$K,
30667
31175
  displayName: "SpsProgressBar"
30668
31176
  });
30669
31177
  const SpsSteppedProgressBarExamples = {
@@ -30803,11 +31311,11 @@ const SpsSteppedProgressBarExamples = {
30803
31311
  }
30804
31312
  }
30805
31313
  };
30806
- const propsDoc$H = {
31314
+ const propsDoc$G = {
30807
31315
  icon: "SpsIcon",
30808
31316
  iconSize: "SpsIconSize"
30809
31317
  };
30810
- const propTypes$K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
31318
+ const propTypes$J = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
30811
31319
  icon: enumValue(SpsIcon),
30812
31320
  iconSize: enumValue(SpsIconSize)
30813
31321
  });
@@ -30826,8 +31334,8 @@ function SpsTooltipTitle({
30826
31334
  }, children));
30827
31335
  }
30828
31336
  Object.assign(SpsTooltipTitle, {
30829
- props: propsDoc$H,
30830
- propTypes: propTypes$K,
31337
+ props: propsDoc$G,
31338
+ propTypes: propTypes$J,
30831
31339
  displayName: "SpsTooltipTitle"
30832
31340
  });
30833
31341
  const SpsTooltipExamples = {
@@ -31336,7 +31844,7 @@ const SpsTooltipExamples = {
31336
31844
  }
31337
31845
  }
31338
31846
  };
31339
- const propsDoc$G = {
31847
+ const propsDoc$F = {
31340
31848
  title: "string",
31341
31849
  stepsCount: "number",
31342
31850
  completedStepsCount: "number",
@@ -31346,14 +31854,14 @@ const propsDoc$G = {
31346
31854
  tooltipsData: "TooltipsProps[]",
31347
31855
  color: "SteppedProgressBarColor"
31348
31856
  };
31349
- const propTypes$J = {
31350
- title: propTypes$1M.exports.string,
31351
- stepsCount: propTypes$1M.exports.number,
31352
- completedStepsCount: propTypes$1M.exports.number,
31353
- disabled: propTypes$1M.exports.bool,
31354
- showStepsCounter: propTypes$1M.exports.bool,
31355
- icons: propTypes$1M.exports.arrayOf(impl()),
31356
- tooltipsData: propTypes$1M.exports.arrayOf(impl()),
31857
+ const propTypes$I = {
31858
+ title: propTypes$1N.exports.string,
31859
+ stepsCount: propTypes$1N.exports.number,
31860
+ completedStepsCount: propTypes$1N.exports.number,
31861
+ disabled: propTypes$1N.exports.bool,
31862
+ showStepsCounter: propTypes$1N.exports.bool,
31863
+ icons: propTypes$1N.exports.arrayOf(impl()),
31864
+ tooltipsData: propTypes$1N.exports.arrayOf(impl()),
31357
31865
  color: enumValue(SteppedProgressBarColor)
31358
31866
  };
31359
31867
  function SpsSteppedProgressBar(props2) {
@@ -31402,8 +31910,8 @@ function SpsSteppedProgressBar(props2) {
31402
31910
  }, findTooltipData(index).description))))));
31403
31911
  }
31404
31912
  Object.assign(SpsSteppedProgressBar, {
31405
- props: propsDoc$G,
31406
- propTypes: propTypes$J,
31913
+ props: propsDoc$F,
31914
+ propTypes: propTypes$I,
31407
31915
  displayName: "SpsSteppedProgressBar"
31408
31916
  });
31409
31917
  const SpsProgressBarExamples = {
@@ -31501,7 +32009,7 @@ const SpsProgressBarExamples = {
31501
32009
  }
31502
32010
  }
31503
32011
  };
31504
- const propsDoc$F = {
32012
+ const propsDoc$E = {
31505
32013
  checked: "boolean",
31506
32014
  disabled: "boolean",
31507
32015
  formMeta: "SpsFormFieldMeta<any>",
@@ -31511,17 +32019,17 @@ const propsDoc$F = {
31511
32019
  onChange: "ChangeEventHandler",
31512
32020
  value: "any"
31513
32021
  };
31514
- const propTypes$I = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
31515
- checked: propTypes$1M.exports.bool,
31516
- disabled: propTypes$1M.exports.bool,
32022
+ const propTypes$H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
32023
+ checked: propTypes$1N.exports.bool,
32024
+ disabled: propTypes$1N.exports.bool,
31517
32025
  formControl: impl(),
31518
32026
  formMeta: impl(),
31519
- inline: propTypes$1M.exports.bool,
31520
- label: propTypes$1M.exports.string,
31521
- name: propTypes$1M.exports.string.isRequired,
32027
+ inline: propTypes$1N.exports.bool,
32028
+ label: propTypes$1N.exports.string,
32029
+ name: propTypes$1N.exports.string.isRequired,
31522
32030
  onChange: fun(),
31523
32031
  ref: ref(),
31524
- value: propTypes$1M.exports.any
32032
+ value: propTypes$1N.exports.any
31525
32033
  });
31526
32034
  function SpsRadioButton(_y) {
31527
32035
  var _z = _y, {
@@ -31594,8 +32102,8 @@ function SpsRadioButton(_y) {
31594
32102
  }, label || ""));
31595
32103
  }
31596
32104
  Object.assign(SpsRadioButton, {
31597
- props: propsDoc$F,
31598
- propTypes: propTypes$I,
32105
+ props: propsDoc$E,
32106
+ propTypes: propTypes$H,
31599
32107
  displayName: "SpsRadioButton"
31600
32108
  });
31601
32109
  const SpsRadioButtonExamples = {
@@ -31683,11 +32191,11 @@ const SpsRadioButtonExamples = {
31683
32191
  }
31684
32192
  }
31685
32193
  };
31686
- const propsDoc$E = {
32194
+ const propsDoc$D = {
31687
32195
  maxHeight: "string"
31688
32196
  };
31689
- const propTypes$H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
31690
- maxHeight: propTypes$1M.exports.string
32197
+ const propTypes$G = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
32198
+ maxHeight: propTypes$1N.exports.string
31691
32199
  });
31692
32200
  function SpsScrollableContainer(props2) {
31693
32201
  const {
@@ -31700,8 +32208,8 @@ function SpsScrollableContainer(props2) {
31700
32208
  }, children);
31701
32209
  }
31702
32210
  Object.assign(SpsScrollableContainer, {
31703
- props: propsDoc$E,
31704
- propTypes: propTypes$H,
32211
+ props: propsDoc$D,
32212
+ propTypes: propTypes$G,
31705
32213
  displayName: "SpsScrollableContainer"
31706
32214
  });
31707
32215
  const SpsScrollableContainerExamples = {
@@ -31781,125 +32289,6 @@ const SpsScrollableContainerExamples = {
31781
32289
  }
31782
32290
  }
31783
32291
  };
31784
- const propsDoc$D = {
31785
- resultsCount: "number",
31786
- totalResults: "number",
31787
- onClear: "() => void"
31788
- };
31789
- const propTypes$G = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
31790
- resultsCount: propTypes$1M.exports.number,
31791
- totalResults: propTypes$1M.exports.number,
31792
- onClear: fun()
31793
- });
31794
- function SpsSearchResultsBar(props2) {
31795
- const _a = props2, {
31796
- children,
31797
- className,
31798
- resultsCount,
31799
- totalResults,
31800
- onClear,
31801
- "data-testid": testId,
31802
- unsafelyReplaceClassName
31803
- } = _a, rest = __objRest(_a, [
31804
- "children",
31805
- "className",
31806
- "resultsCount",
31807
- "totalResults",
31808
- "onClear",
31809
- "data-testid",
31810
- "unsafelyReplaceClassName"
31811
- ]);
31812
- const { t: t2 } = React.useContext(I18nContext);
31813
- const classes = clsx(unsafelyReplaceClassName || "sps-search-results-bar", className);
31814
- const [
31815
- count,
31816
- ofText,
31817
- total
31818
- ] = t2("design-system:searchResultsBar.count", { count: resultsCount, total: totalResults }).split(" ");
31819
- return /* @__PURE__ */ React.createElement("div", __spreadValues({
31820
- className: classes,
31821
- "data-testid": `${testId}`
31822
- }, rest), /* @__PURE__ */ React.createElement("span", {
31823
- className: "sps-search-results-bar__label",
31824
- "data-testid": `${testId}__label`
31825
- }, t2("design-system:searchResultsBar.matchingResults")), count && !Number.isNaN(Number(count)) && /* @__PURE__ */ React.createElement("span", {
31826
- className: "sps-search-results-bar__count",
31827
- "data-testid": `${testId}__count`
31828
- }, /* @__PURE__ */ React.createElement("i", {
31829
- className: "sps-icon sps-icon-double-angle-right"
31830
- }), /* @__PURE__ */ React.createElement("span", null, count)), total && !Number.isNaN(Number(total)) && /* @__PURE__ */ React.createElement("span", {
31831
- className: "sps-search-results-bar__total",
31832
- "data-testid": `${testId}__total`
31833
- }, ofText, " ", total), /* @__PURE__ */ React.createElement("div", {
31834
- className: "sps-search-results-bar__buttons",
31835
- "data-testid": `${testId}__button`
31836
- }, /* @__PURE__ */ React.createElement("button", {
31837
- type: "button",
31838
- onClick: onClear
31839
- }, t2("design-system:searchResultsBar.clear"))));
31840
- }
31841
- Object.assign(SpsSearchResultsBar, {
31842
- props: propsDoc$D,
31843
- propTypes: propTypes$G,
31844
- displayName: "SpsSearchResultsBar"
31845
- });
31846
- const SpsSearchResultsBarExamples = {
31847
- noCount: {
31848
- label: "Basic",
31849
- description: "<p>Info about Basic Search Result Bars</p>",
31850
- examples: {
31851
- noCount: {
31852
- react: code`
31853
- function SpsSearchResultsBarBasic() {
31854
- function clearHandler() {
31855
- console.log("change handler called");
31856
- }
31857
- return (
31858
- <SpsSearchResultsBar onClear={clearHandler}/>
31859
- );
31860
- }
31861
- `
31862
- }
31863
- }
31864
- },
31865
- withCount: {
31866
- label: "With Count",
31867
- description: "<p>Info about Search Result Bars with count bars</p>",
31868
- examples: {
31869
- withCount: {
31870
- react: code`
31871
- function SpsSearchResultsBarCount() {
31872
- function clearHandler() {
31873
- console.log("change handler called");
31874
- }
31875
-
31876
- return (
31877
- <SpsSearchResultsBar resultsCount={125} onClear={clearHandler}/>
31878
- );
31879
- }
31880
- `
31881
- }
31882
- }
31883
- },
31884
- withCountAndTotal: {
31885
- label: "With Count and total",
31886
- description: "<p> Info about Search Result Bars with count & total</p>",
31887
- examples: {
31888
- withCountAndTotal: {
31889
- react: code`
31890
- function SpsSearchResultsBarCountTotal() {
31891
- function clearHandler() {
31892
- console.log("change handler called");
31893
- }
31894
- return (
31895
- <SpsSearchResultsBar resultsCount={125} totalResults={250} onClear={clearHandler} />
31896
- );
31897
- }
31898
- `
31899
- }
31900
- }
31901
- }
31902
- };
31903
32292
  const SpsSelectExamples = {
31904
32293
  basic: {
31905
32294
  label: "Basic",
@@ -32657,12 +33046,12 @@ const propsDoc$C = {
32657
33046
  widthRem: "number"
32658
33047
  };
32659
33048
  const propTypes$F = __spreadValues({
32660
- sortKey: propTypes$1M.exports.string,
32661
- sortDisabled: propTypes$1M.exports.bool,
32662
- sort: propTypes$1M.exports.arrayOf(impl()),
33049
+ sortKey: propTypes$1N.exports.string,
33050
+ sortDisabled: propTypes$1N.exports.bool,
33051
+ sort: propTypes$1N.exports.arrayOf(impl()),
32663
33052
  onSortChange: fun(),
32664
- widthPx: propTypes$1M.exports.number,
32665
- widthRem: propTypes$1M.exports.number
33053
+ widthPx: propTypes$1N.exports.number,
33054
+ widthRem: propTypes$1N.exports.number
32666
33055
  }, spsGlobalPropTypes);
32667
33056
  function SpsSortingHeaderCell(_A) {
32668
33057
  var _B = _A, {
@@ -32732,7 +33121,7 @@ const propsDoc$B = {
32732
33121
  onSortChange: "SortChangeHandler"
32733
33122
  };
32734
33123
  const propTypes$E = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
32735
- sort: propTypes$1M.exports.arrayOf(impl()),
33124
+ sort: propTypes$1N.exports.arrayOf(impl()),
32736
33125
  onSortChange: fun()
32737
33126
  });
32738
33127
  function SpsSortingHeader(_C) {
@@ -32810,12 +33199,12 @@ const propsDoc$A = {
32810
33199
  options: "Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"
32811
33200
  };
32812
33201
  const propTypes$D = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
32813
- disabled: propTypes$1M.exports.bool,
32814
- href: propTypes$1M.exports.string,
32815
- label: propTypes$1M.exports.string,
33202
+ disabled: propTypes$1N.exports.bool,
33203
+ href: propTypes$1N.exports.string,
33204
+ label: propTypes$1N.exports.string,
32816
33205
  icon: enumValue(SpsIcon),
32817
33206
  kind: enumValue(StdButtonKind),
32818
- options: propTypes$1M.exports.arrayOf(propTypes$1M.exports.oneOfType([propTypes$1M.exports.func, propTypes$1M.exports.any]))
33207
+ options: propTypes$1N.exports.arrayOf(propTypes$1N.exports.oneOfType([propTypes$1N.exports.func, propTypes$1N.exports.any]))
32819
33208
  });
32820
33209
  function SpsSplitButton(props2) {
32821
33210
  const _a = props2, {
@@ -32972,7 +33361,7 @@ const propsDoc$z = {
32972
33361
  channelId: { type: "string", required: true }
32973
33362
  };
32974
33363
  const propTypes$C = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
32975
- channelId: propTypes$1M.exports.string.isRequired
33364
+ channelId: propTypes$1N.exports.string.isRequired
32976
33365
  });
32977
33366
  function SpsSlackLink(props2) {
32978
33367
  const _a = props2, {
@@ -33054,8 +33443,8 @@ const propsDoc$x = {
33054
33443
  onToggle: "(isExpanded: boolean) => void"
33055
33444
  };
33056
33445
  const propTypes$A = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
33057
- expanded: propTypes$1M.exports.bool,
33058
- selected: propTypes$1M.exports.bool,
33446
+ expanded: propTypes$1N.exports.bool,
33447
+ selected: propTypes$1N.exports.bool,
33059
33448
  onToggle: fun()
33060
33449
  });
33061
33450
  function SpsSummaryListRow(props2) {
@@ -33137,10 +33526,10 @@ const propsDoc$w = {
33137
33526
  width: "string"
33138
33527
  };
33139
33528
  const propTypes$z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
33140
- borderless: propTypes$1M.exports.bool,
33141
- lean: propTypes$1M.exports.bool,
33142
- leaner: propTypes$1M.exports.bool,
33143
- width: propTypes$1M.exports.string
33529
+ borderless: propTypes$1N.exports.bool,
33530
+ lean: propTypes$1N.exports.bool,
33531
+ leaner: propTypes$1N.exports.bool,
33532
+ width: propTypes$1N.exports.string
33144
33533
  });
33145
33534
  function SpsSummaryListColumn(props2) {
33146
33535
  const _a = props2, {
@@ -33473,17 +33862,17 @@ const props = {
33473
33862
  suppressTooltips: "boolean"
33474
33863
  };
33475
33864
  const propTypes$y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
33476
- tasks: propTypes$1M.exports.arrayOf(propTypes$1M.exports.any),
33865
+ tasks: propTypes$1N.exports.arrayOf(propTypes$1N.exports.any),
33477
33866
  taskQueuePosition: enumValue(Position),
33478
- notificationText: propTypes$1M.exports.string,
33479
- tooltipConfig: propTypes$1M.exports.shape({
33867
+ notificationText: propTypes$1N.exports.string,
33868
+ tooltipConfig: propTypes$1N.exports.shape({
33480
33869
  position: enumValue(Position),
33481
33870
  kind: enumValue(TooltipKind)
33482
33871
  }),
33483
33872
  onClose: fun(),
33484
33873
  onOpen: fun(),
33485
33874
  onClearCompleted: fun(),
33486
- suppressTooltips: propTypes$1M.exports.bool
33875
+ suppressTooltips: propTypes$1N.exports.bool
33487
33876
  });
33488
33877
  function SpsTaskQueue(_E) {
33489
33878
  var _F = _E, {
@@ -34019,14 +34408,14 @@ const propsDoc$v = {
34019
34408
  value: "string"
34020
34409
  };
34021
34410
  const propTypes$x = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
34022
- disabled: propTypes$1M.exports.bool,
34411
+ disabled: propTypes$1N.exports.bool,
34023
34412
  formControl: impl(),
34024
34413
  formMeta: impl(),
34025
34414
  icon: enumValue(SpsIcon),
34026
- name: propTypes$1M.exports.string,
34415
+ name: propTypes$1N.exports.string,
34027
34416
  onChange: fun(),
34028
- placeholder: propTypes$1M.exports.string,
34029
- value: propTypes$1M.exports.string
34417
+ placeholder: propTypes$1N.exports.string,
34418
+ value: propTypes$1N.exports.string
34030
34419
  });
34031
34420
  const SpsTextInput = React.forwardRef((_G, ref2) => {
34032
34421
  var _H = _G, {
@@ -34216,15 +34605,15 @@ const propsDoc$u = {
34216
34605
  value: "string"
34217
34606
  };
34218
34607
  const propTypes$w = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
34219
- disabled: propTypes$1M.exports.bool,
34608
+ disabled: propTypes$1N.exports.bool,
34220
34609
  formControl: impl(),
34221
34610
  formMeta: impl(),
34222
- name: propTypes$1M.exports.string,
34611
+ name: propTypes$1N.exports.string,
34223
34612
  onChange: fun(),
34224
- placeholder: propTypes$1M.exports.string,
34613
+ placeholder: propTypes$1N.exports.string,
34225
34614
  ref: ref(),
34226
- rows: propTypes$1M.exports.number,
34227
- value: propTypes$1M.exports.string
34615
+ rows: propTypes$1N.exports.number,
34616
+ value: propTypes$1N.exports.string
34228
34617
  });
34229
34618
  function SpsTextarea(_I) {
34230
34619
  var _J = _I, {
@@ -34419,12 +34808,12 @@ const propsDoc$t = {
34419
34808
  warning: "boolean"
34420
34809
  };
34421
34810
  const propTypes$v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
34422
- href: propTypes$1M.exports.string,
34423
- target: propTypes$1M.exports.string,
34811
+ href: propTypes$1N.exports.string,
34812
+ target: propTypes$1N.exports.string,
34424
34813
  icon: nodeOrRenderFn.isRequired,
34425
- error: propTypes$1M.exports.bool,
34426
- title: propTypes$1M.exports.string.isRequired,
34427
- warning: propTypes$1M.exports.bool
34814
+ error: propTypes$1N.exports.bool,
34815
+ title: propTypes$1N.exports.string.isRequired,
34816
+ warning: propTypes$1N.exports.bool
34428
34817
  });
34429
34818
  function SpsTile(props2) {
34430
34819
  const _a = props2, {
@@ -34743,10 +35132,10 @@ const propsDoc$r = {
34743
35132
  active: "boolean"
34744
35133
  };
34745
35134
  const propTypes$t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
34746
- value: propTypes$1M.exports.number.isRequired,
34747
- title: propTypes$1M.exports.string.isRequired,
35135
+ value: propTypes$1N.exports.number.isRequired,
35136
+ title: propTypes$1N.exports.string.isRequired,
34748
35137
  kind: enumValue(SpsFilterTileKind),
34749
- active: propTypes$1M.exports.bool
35138
+ active: propTypes$1N.exports.bool
34750
35139
  });
34751
35140
  function SpsFilterTile(props2) {
34752
35141
  const _a = props2, {
@@ -34884,18 +35273,18 @@ const propsDoc$p = {
34884
35273
  onChange: "(isActive: boolean) => void"
34885
35274
  };
34886
35275
  const propTypes$r = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
34887
- active: propTypes$1M.exports.bool,
34888
- activeDescription: deprecated(propTypes$1M.exports.string),
34889
- activeLabel: deprecated(propTypes$1M.exports.string),
34890
- description: propTypes$1M.exports.string,
34891
- disabled: propTypes$1M.exports.bool,
35276
+ active: propTypes$1N.exports.bool,
35277
+ activeDescription: deprecated(propTypes$1N.exports.string),
35278
+ activeLabel: deprecated(propTypes$1N.exports.string),
35279
+ description: propTypes$1N.exports.string,
35280
+ disabled: propTypes$1N.exports.bool,
34892
35281
  formControl: impl(),
34893
35282
  formMeta: impl(),
34894
- id: propTypes$1M.exports.string,
34895
- inactiveDescription: deprecated(propTypes$1M.exports.string),
34896
- inactiveLabel: deprecated(propTypes$1M.exports.string),
34897
- label: propTypes$1M.exports.string,
34898
- large: propTypes$1M.exports.bool,
35283
+ id: propTypes$1N.exports.string,
35284
+ inactiveDescription: deprecated(propTypes$1N.exports.string),
35285
+ inactiveLabel: deprecated(propTypes$1N.exports.string),
35286
+ label: propTypes$1N.exports.string,
35287
+ large: propTypes$1N.exports.bool,
34899
35288
  onChange: fun(),
34900
35289
  ref: ref()
34901
35290
  });
@@ -35081,7 +35470,7 @@ const propsDoc$o = {
35081
35470
  icon: "SpsIcon"
35082
35471
  };
35083
35472
  const propTypes$q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
35084
- heading: propTypes$1M.exports.string,
35473
+ heading: propTypes$1N.exports.string,
35085
35474
  icon: enumValue(SpsIcon)
35086
35475
  });
35087
35476
  function SpsWorkflow(props2) {
@@ -35133,7 +35522,7 @@ const propsDoc$n = {
35133
35522
  progress: "number"
35134
35523
  };
35135
35524
  const propTypes$p = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
35136
- progress: propTypes$1M.exports.number,
35525
+ progress: propTypes$1N.exports.number,
35137
35526
  size: enumValue(RingSize)
35138
35527
  });
35139
35528
  function SpsProgressRing({
@@ -35178,7 +35567,7 @@ const propsDoc$m = {
35178
35567
  phases: "WizardPhase[]"
35179
35568
  };
35180
35569
  const propTypes$o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
35181
- phases: propTypes$1M.exports.arrayOf(impl())
35570
+ phases: propTypes$1N.exports.arrayOf(impl())
35182
35571
  });
35183
35572
  const CSS_BLOCK$2 = "sps-wizard-sidebar";
35184
35573
  function SpsWizardSidebar({
@@ -35229,10 +35618,10 @@ const propsDoc$l = {
35229
35618
  };
35230
35619
  const propTypes$n = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
35231
35620
  condition: enumValue(WizardSubstepConditions).isRequired,
35232
- display: propTypes$1M.exports.string.isRequired,
35233
- orderPosition: propTypes$1M.exports.oneOfType([
35234
- propTypes$1M.exports.string,
35235
- propTypes$1M.exports.number
35621
+ display: propTypes$1N.exports.string.isRequired,
35622
+ orderPosition: propTypes$1N.exports.oneOfType([
35623
+ propTypes$1N.exports.string,
35624
+ propTypes$1N.exports.number
35236
35625
  ]).isRequired
35237
35626
  });
35238
35627
  function SpsWizardSubstep(props2) {
@@ -35433,7 +35822,7 @@ const propsDoc$i = {
35433
35822
  };
35434
35823
  const propTypes$k = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
35435
35824
  icon: enumValue(SpsIcon).isRequired,
35436
- title: propTypes$1M.exports.string.isRequired
35825
+ title: propTypes$1N.exports.string.isRequired
35437
35826
  });
35438
35827
  function SpsWorkflowStep(props2) {
35439
35828
  const _a = props2, {
@@ -35544,9 +35933,9 @@ const propsDoc$h = {
35544
35933
  subHeading: "string"
35545
35934
  };
35546
35935
  const propTypes$j = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
35547
- artwork: propTypes$1M.exports.string.isRequired,
35548
- heading: propTypes$1M.exports.string.isRequired,
35549
- subHeading: propTypes$1M.exports.string
35936
+ artwork: propTypes$1N.exports.string.isRequired,
35937
+ heading: propTypes$1N.exports.string.isRequired,
35938
+ subHeading: propTypes$1N.exports.string
35550
35939
  });
35551
35940
  function SpsZeroState(props2) {
35552
35941
  const _a = props2, {
@@ -35822,10 +36211,10 @@ const propsDoc$e = {
35822
36211
  onCollapse: "() => void"
35823
36212
  };
35824
36213
  const propTypes$g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
35825
- title: propTypes$1M.exports.string,
35826
- expanded: propTypes$1M.exports.bool,
35827
- heightPx: propTypes$1M.exports.number,
35828
- heightRem: propTypes$1M.exports.number,
36214
+ title: propTypes$1N.exports.string,
36215
+ expanded: propTypes$1N.exports.bool,
36216
+ heightPx: propTypes$1N.exports.number,
36217
+ heightRem: propTypes$1N.exports.number,
35829
36218
  onExpand: fun(),
35830
36219
  onCollapse: fun()
35831
36220
  });
@@ -36251,9 +36640,9 @@ const propsDoc$c = {
36251
36640
  onFilterChange: "ChangeEventHandler<HTMLInputElement>"
36252
36641
  };
36253
36642
  const propTypes$e = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
36254
- value: propTypes$1M.exports.string,
36255
- placeholder: propTypes$1M.exports.string,
36256
- formMeta: propTypes$1M.exports.oneOfType([
36643
+ value: propTypes$1N.exports.string,
36644
+ placeholder: propTypes$1N.exports.string,
36645
+ formMeta: propTypes$1N.exports.oneOfType([
36257
36646
  impl(),
36258
36647
  impl()
36259
36648
  ]),
@@ -36293,7 +36682,7 @@ const propsDoc$b = {
36293
36682
  showCondition: "boolean"
36294
36683
  };
36295
36684
  const propTypes$d = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
36296
- showCondition: propTypes$1M.exports.bool
36685
+ showCondition: propTypes$1N.exports.bool
36297
36686
  });
36298
36687
  function SpsConditionalField(_S) {
36299
36688
  var _T = _S, {
@@ -36487,7 +36876,13 @@ const MANIFEST = {
36487
36876
  },
36488
36877
  Cards: {
36489
36878
  description: () => /* @__PURE__ */ React.createElement("p", null, "Cards are used to group similar or related content together in a single container. They can be combined with additional elements such as Headers, Footers, or Tabs."),
36490
- components: [SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, SpsTabsV2],
36879
+ components: [
36880
+ SpsCardV2,
36881
+ SpsCardV2Footer,
36882
+ SpsCardV2Header,
36883
+ SpsCardV2Title,
36884
+ SpsTabsV2
36885
+ ],
36491
36886
  examples: SpsCardExamples
36492
36887
  },
36493
36888
  Checkbox: {
@@ -36672,7 +37067,7 @@ const MANIFEST = {
36672
37067
  examples: SpsScrollableContainerExamples
36673
37068
  },
36674
37069
  "Search Results Bar": {
36675
- components: [SpsSearchResultsBar],
37070
+ components: [SpsSearchResultsBarV2],
36676
37071
  examples: SpsSearchResultsBarExamples
36677
37072
  },
36678
37073
  Select: {
@@ -36820,7 +37215,7 @@ const propTypes$c = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
36820
37215
  minDate: impl(),
36821
37216
  onNewSelection: fun().isRequired,
36822
37217
  selectedDate: impl(),
36823
- selectedRange: propTypes$1M.exports.arrayOf(impl())
37218
+ selectedRange: propTypes$1N.exports.arrayOf(impl())
36824
37219
  });
36825
37220
  const CSS_ELEMENT$1 = "sps-datepicker__calendar";
36826
37221
  function determineViewMonth({
@@ -36946,7 +37341,7 @@ Object.assign(SpsDatepickerCalendar, {
36946
37341
  const CSS_ELEMENT = "sps-datepicker__popup";
36947
37342
  const propTypes$b = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
36948
37343
  attachTo: ref().isRequired,
36949
- isOpen: propTypes$1M.exports.bool.isRequired
37344
+ isOpen: propTypes$1N.exports.bool.isRequired
36950
37345
  });
36951
37346
  const SpsDatepickerPopup = React.forwardRef((_U, ref2) => {
36952
37347
  var _V = _U, {
@@ -36984,7 +37379,7 @@ const propsDoc$a = {
36984
37379
  value: "SimpleDate"
36985
37380
  };
36986
37381
  const propTypes$a = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
36987
- disabled: propTypes$1M.exports.bool,
37382
+ disabled: propTypes$1N.exports.bool,
36988
37383
  formMeta: impl(),
36989
37384
  maxDate: impl(),
36990
37385
  minDate: impl(),
@@ -37109,12 +37504,12 @@ const propsDoc$9 = {
37109
37504
  value: "SimpleDateRange | DatePreset"
37110
37505
  };
37111
37506
  const propTypes$9 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
37112
- disabled: propTypes$1M.exports.bool,
37507
+ disabled: propTypes$1N.exports.bool,
37113
37508
  formMeta: impl(),
37114
37509
  maxDate: impl(),
37115
37510
  minDate: impl(),
37116
37511
  onChange: fun(),
37117
- presets: propTypes$1M.exports.arrayOf(impl())
37512
+ presets: propTypes$1N.exports.arrayOf(impl())
37118
37513
  });
37119
37514
  const CSS_BLOCK = "sps-datepicker";
37120
37515
  const DEFAULT_PRESETS = [
@@ -37340,12 +37735,12 @@ const propsDoc$8 = {
37340
37735
  value: "number"
37341
37736
  };
37342
37737
  const propTypes$8 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
37343
- disabled: propTypes$1M.exports.bool,
37738
+ disabled: propTypes$1N.exports.bool,
37344
37739
  formMeta: impl(),
37345
- name: propTypes$1M.exports.string,
37740
+ name: propTypes$1N.exports.string,
37346
37741
  onChange: fun(),
37347
37742
  ref: ref(),
37348
- value: propTypes$1M.exports.number
37743
+ value: propTypes$1N.exports.number
37349
37744
  });
37350
37745
  function strToDollars(str) {
37351
37746
  return str ? Number.parseInt(str.replace(/[^\d]/g, ""), 10) / 100 : null;
@@ -37520,10 +37915,10 @@ const propsDoc$7 = {
37520
37915
  };
37521
37916
  const propTypes$7 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
37522
37917
  color: enumValue(TagKind),
37523
- href: propTypes$1M.exports.string,
37918
+ href: propTypes$1N.exports.string,
37524
37919
  icon: enumValue(SpsIcon),
37525
- tagKey: propTypes$1M.exports.string.isRequired,
37526
- value: propTypes$1M.exports.string.isRequired
37920
+ tagKey: propTypes$1N.exports.string.isRequired,
37921
+ value: propTypes$1N.exports.string.isRequired
37527
37922
  });
37528
37923
  function SpsKeyValueTag(props2) {
37529
37924
  const _a = props2, {
@@ -37616,8 +38011,8 @@ const propsDoc$6 = {
37616
38011
  header: "string | () => string"
37617
38012
  };
37618
38013
  const propTypes$6 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
37619
- header: propTypes$1M.exports.oneOfType([
37620
- propTypes$1M.exports.string,
38014
+ header: propTypes$1N.exports.oneOfType([
38015
+ propTypes$1N.exports.string,
37621
38016
  fun()
37622
38017
  ])
37623
38018
  });
@@ -37649,8 +38044,8 @@ const propsDoc$5 = {
37649
38044
  backdrop: "string"
37650
38045
  };
37651
38046
  const propTypes$5 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
37652
- onOverlayClick: propTypes$1M.exports.func,
37653
- backdrop: propTypes$1M.exports.string
38047
+ onOverlayClick: propTypes$1N.exports.func,
38048
+ backdrop: propTypes$1N.exports.string
37654
38049
  });
37655
38050
  function SpsModalOverlay(props2) {
37656
38051
  const _a = props2, {
@@ -37720,12 +38115,12 @@ const propsDoc$3 = {
37720
38115
  closeModal: "() => void"
37721
38116
  };
37722
38117
  const propTypes$3 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
37723
- handleAsync: propTypes$1M.exports.shape({
37724
- turnAsyncOn: propTypes$1M.exports.func,
37725
- turnAsyncOff: propTypes$1M.exports.func,
37726
- isAsyncOn: propTypes$1M.exports.bool
38118
+ handleAsync: propTypes$1N.exports.shape({
38119
+ turnAsyncOn: propTypes$1N.exports.func,
38120
+ turnAsyncOff: propTypes$1N.exports.func,
38121
+ isAsyncOn: propTypes$1N.exports.bool
37727
38122
  }),
37728
- closeModal: propTypes$1M.exports.func
38123
+ closeModal: propTypes$1N.exports.func
37729
38124
  });
37730
38125
  function SpsModalFooter(props2) {
37731
38126
  const {
@@ -37767,10 +38162,10 @@ const propsDoc$2 = {
37767
38162
  const propTypes$2 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
37768
38163
  kind: enumValue(ButtonKind),
37769
38164
  closeModal: fun(),
37770
- handleAsync: propTypes$1M.exports.shape({
37771
- turnAsyncOn: propTypes$1M.exports.func,
37772
- turnAsyncOff: propTypes$1M.exports.func,
37773
- isAsyncOn: propTypes$1M.exports.bool
38165
+ handleAsync: propTypes$1N.exports.shape({
38166
+ turnAsyncOn: propTypes$1N.exports.func,
38167
+ turnAsyncOff: propTypes$1N.exports.func,
38168
+ isAsyncOn: propTypes$1N.exports.bool
37774
38169
  })
37775
38170
  });
37776
38171
  function SpsModalAction(props2) {
@@ -37825,18 +38220,18 @@ const propsDoc$1 = {
37825
38220
  onClose: "Function"
37826
38221
  };
37827
38222
  const propTypes$1 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
37828
- kind: propTypes$1M.exports.string,
37829
- id: propTypes$1M.exports.string,
37830
- isOpen: propTypes$1M.exports.bool,
37831
- header: propTypes$1M.exports.oneOfType([
37832
- propTypes$1M.exports.string,
38223
+ kind: propTypes$1N.exports.string,
38224
+ id: propTypes$1N.exports.string,
38225
+ isOpen: propTypes$1N.exports.bool,
38226
+ header: propTypes$1N.exports.oneOfType([
38227
+ propTypes$1N.exports.string,
37833
38228
  fun()
37834
38229
  ]),
37835
- onClose: propTypes$1M.exports.func,
37836
- onOpen: propTypes$1M.exports.func,
37837
- size: propTypes$1M.exports.string,
37838
- backdrop: propTypes$1M.exports.string,
37839
- actionRequired: propTypes$1M.exports.bool
38230
+ onClose: propTypes$1N.exports.func,
38231
+ onOpen: propTypes$1N.exports.func,
38232
+ size: propTypes$1N.exports.string,
38233
+ backdrop: propTypes$1N.exports.string,
38234
+ actionRequired: propTypes$1N.exports.bool
37840
38235
  });
37841
38236
  function SpsModal(modalProps) {
37842
38237
  let lastFocusable;
@@ -38090,4 +38485,4 @@ Object.assign(SpsVr, {
38090
38485
  propTypes,
38091
38486
  displayName: "SpsDescriptionListTerm / SpsDt"
38092
38487
  });
38093
- 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 };
38488
+ 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, SpsSearchResultsBarV2, 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 };