@indico-data/design-system 1.0.48 → 1.0.49

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 (64) hide show
  1. package/lib/components/Accordion/Accordion.styles.d.ts +1 -275
  2. package/lib/components/Icon/Icon.stories.d.ts +2 -2
  3. package/lib/components/Icon/storyHelpers.d.ts +3 -813
  4. package/lib/components/ListTable/Header/Header.styles.d.ts +1 -272
  5. package/lib/components/ListTable/ListTable.styles.d.ts +1 -272
  6. package/lib/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts +2 -543
  7. package/lib/components/Navigation/Drawer/DrawerLinkList.styles.d.ts +1 -272
  8. package/lib/components/Pagination/Pagination.styles.d.ts +1 -272
  9. package/lib/components/Wizard/Wizard.styles.d.ts +3 -814
  10. package/lib/components/basic-section/Section/Section.styles.d.ts +1 -272
  11. package/lib/components/basic-section/SectionBlock/SectionBlock.styles.d.ts +1 -272
  12. package/lib/components/basic-section/SectionBody/SectionBody.styles.d.ts +1 -272
  13. package/lib/components/basic-section/SectionHeader/SectionHeader.styles.d.ts +1 -272
  14. package/lib/components/basic-section/SectionTable/SectionTable.styles.d.ts +1 -272
  15. package/lib/components/buttons/Button/Button.styles.d.ts +1 -282
  16. package/lib/components/buttons/IconButton/IconButton.styles.d.ts +2 -567
  17. package/lib/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts +2 -543
  18. package/lib/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts +1 -84
  19. package/lib/components/dropdowns/Select/Select.styles.d.ts +1 -272
  20. package/lib/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts +1 -84
  21. package/lib/components/index.d.ts +1 -1
  22. package/lib/components/inputs/EditableInput/EditableInput.styles.d.ts +1 -272
  23. package/lib/components/inputs/NumberInput/NumberInput.styles.d.ts +1 -272
  24. package/lib/components/inputs/RadioButtons/RadioButtons.d.ts +24 -0
  25. package/lib/components/inputs/RadioButtons/RadioButtons.stories.d.ts +15 -0
  26. package/lib/components/inputs/RadioButtons/RadioButtons.styles.d.ts +14 -0
  27. package/lib/components/inputs/RadioButtons/index.d.ts +1 -0
  28. package/lib/components/inputs/RadioGroup/RadioGroup.d.ts +27 -0
  29. package/lib/components/inputs/RadioGroup/RadioGroup.stories.d.ts +16 -0
  30. package/lib/components/inputs/RadioGroup/RadioGroup.styles.d.ts +2 -0
  31. package/lib/components/inputs/RadioGroup/index.d.ts +1 -0
  32. package/lib/components/inputs/SearchInput/SearchInput.styles.d.ts +1 -272
  33. package/lib/components/inputs/TextInput/TextInput.styles.d.ts +2 -543
  34. package/lib/components/inputs/index.d.ts +2 -0
  35. package/lib/components/loading-indicators/BarSpinner/BarSpinner.styles.d.ts +1 -272
  36. package/lib/components/loading-indicators/LoadingList/LoadingList.styles.d.ts +1 -272
  37. package/lib/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts +1 -272
  38. package/lib/components/modals/ConfirmModal/ConfirmModal.styles.d.ts +1 -272
  39. package/lib/components/modals/ModalBase/ModalBase.styles.d.ts +1 -3
  40. package/lib/components/user-feedback/Shrug/Shrug.styles.d.ts +1 -272
  41. package/lib/index.d.ts +191 -953
  42. package/lib/index.esm.js +1624 -186
  43. package/lib/index.esm.js.map +1 -1
  44. package/lib/index.js +1626 -184
  45. package/lib/index.js.map +1 -1
  46. package/lib/tokens/colors.d.ts +2 -0
  47. package/package.json +45 -42
  48. package/src/components/Wizard/Wizard.tsx +0 -1
  49. package/src/components/WizardWithSidebar/WizardWithSidebar.tsx +1 -0
  50. package/src/components/index.ts +10 -1
  51. package/src/components/inputs/RadioButtons/RadioButtons.stories.tsx +84 -0
  52. package/src/components/inputs/RadioButtons/RadioButtons.styles.ts +82 -0
  53. package/src/components/inputs/RadioButtons/RadioButtons.tsx +61 -0
  54. package/src/components/inputs/RadioButtons/index.tsx +1 -0
  55. package/src/components/inputs/RadioGroup/RadioGroup.stories.tsx +66 -0
  56. package/src/components/inputs/RadioGroup/RadioGroup.styles.ts +11 -0
  57. package/src/components/inputs/RadioGroup/RadioGroup.tsx +120 -0
  58. package/src/components/inputs/RadioGroup/index.ts +1 -0
  59. package/src/components/inputs/SearchInput/SearchInput.styles.ts +1 -1
  60. package/src/components/inputs/index.ts +2 -0
  61. package/src/components/loading-indicators/LoadingIndicator/LoadingIndicator.stories.tsx +0 -1
  62. package/src/index.ts +4 -0
  63. package/src/tokens/colors.ts +2 -0
  64. package/lib/components/Navigation/Drawer/constants.d.ts +0 -3
package/lib/index.js CHANGED
@@ -149,6 +149,7 @@ const allColors = {
149
149
  bouqet: '#a35c9a',
150
150
  brick: '#c62828',
151
151
  brightDusk: '#efebf7',
152
+ britishShorthair: '#4b94eb',
152
153
  brown: '#785349',
153
154
  candyCorn: '#fcef4d',
154
155
  carnation: '#ff8adf',
@@ -159,6 +160,7 @@ const allColors = {
159
160
  charcoal: '#474b4b',
160
161
  chartreuse: '#34ff01',
161
162
  clay: '#283243',
163
+ clementine: '#F16E00',
162
164
  cocoaBean: '#5c1200',
163
165
  comet: '#5a6982',
164
166
  cornflower: '#2060ff',
@@ -8350,39 +8352,57 @@ var classnames = {exports: {}};
8350
8352
 
8351
8353
  var hasOwn = {}.hasOwnProperty;
8352
8354
 
8353
- function classNames() {
8354
- var classes = [];
8355
+ function classNames () {
8356
+ var classes = '';
8355
8357
 
8356
8358
  for (var i = 0; i < arguments.length; i++) {
8357
8359
  var arg = arguments[i];
8358
- if (!arg) continue;
8359
-
8360
- var argType = typeof arg;
8361
-
8362
- if (argType === 'string' || argType === 'number') {
8363
- classes.push(arg);
8364
- } else if (Array.isArray(arg)) {
8365
- if (arg.length) {
8366
- var inner = classNames.apply(null, arg);
8367
- if (inner) {
8368
- classes.push(inner);
8369
- }
8370
- }
8371
- } else if (argType === 'object') {
8372
- if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
8373
- classes.push(arg.toString());
8374
- continue;
8375
- }
8360
+ if (arg) {
8361
+ classes = appendClass(classes, parseValue(arg));
8362
+ }
8363
+ }
8376
8364
 
8377
- for (var key in arg) {
8378
- if (hasOwn.call(arg, key) && arg[key]) {
8379
- classes.push(key);
8380
- }
8381
- }
8365
+ return classes;
8366
+ }
8367
+
8368
+ function parseValue (arg) {
8369
+ if (typeof arg === 'string' || typeof arg === 'number') {
8370
+ return arg;
8371
+ }
8372
+
8373
+ if (typeof arg !== 'object') {
8374
+ return '';
8375
+ }
8376
+
8377
+ if (Array.isArray(arg)) {
8378
+ return classNames.apply(null, arg);
8379
+ }
8380
+
8381
+ if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
8382
+ return arg.toString();
8383
+ }
8384
+
8385
+ var classes = '';
8386
+
8387
+ for (var key in arg) {
8388
+ if (hasOwn.call(arg, key) && arg[key]) {
8389
+ classes = appendClass(classes, key);
8382
8390
  }
8383
8391
  }
8384
8392
 
8385
- return classes.join(' ');
8393
+ return classes;
8394
+ }
8395
+
8396
+ function appendClass (value, newClass) {
8397
+ if (!newClass) {
8398
+ return value;
8399
+ }
8400
+
8401
+ if (value) {
8402
+ return value + ' ' + newClass;
8403
+ }
8404
+
8405
+ return value + newClass;
8386
8406
  }
8387
8407
 
8388
8408
  if (module.exports) {
@@ -9784,7 +9804,191 @@ function Button(props) {
9784
9804
  }), "data-cy": props['data-cy'], disabled: disabled, id: id, onClick: busy ? undefined : onClick, onFocus: onFocus, role: role, style: style, tabIndex: tabindex, type: type || 'button' }, rest, { children: [busy && jsxRuntime.jsx(CircleSpinner, { size: "0.9em", style: { marginRight: '0.5em' } }), children] })));
9785
9805
  }
9786
9806
 
9787
- function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
9807
+ /*
9808
+ * Copyright 2020 Adobe. All rights reserved.
9809
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
9810
+ * you may not use this file except in compliance with the License. You may obtain a copy
9811
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
9812
+ *
9813
+ * Unless required by applicable law or agreed to in writing, software distributed under
9814
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9815
+ * OF ANY KIND, either express or implied. See the License for the specific language
9816
+ * governing permissions and limitations under the License.
9817
+ */ /*
9818
+ * Copyright 2020 Adobe. All rights reserved.
9819
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
9820
+ * you may not use this file except in compliance with the License. You may obtain a copy
9821
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
9822
+ *
9823
+ * Unless required by applicable law or agreed to in writing, software distributed under
9824
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9825
+ * OF ANY KIND, either express or implied. See the License for the specific language
9826
+ * governing permissions and limitations under the License.
9827
+ */
9828
+ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
9829
+ let [stateValue, setStateValue] = ($73SJx$react.useState)(value || defaultValue);
9830
+ let isControlledRef = ($73SJx$react.useRef)(value !== undefined);
9831
+ let isControlled = value !== undefined;
9832
+ ($73SJx$react.useEffect)(()=>{
9833
+ let wasControlled = isControlledRef.current;
9834
+ if (wasControlled !== isControlled) console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
9835
+ isControlledRef.current = isControlled;
9836
+ }, [
9837
+ isControlled
9838
+ ]);
9839
+ let currentValue = isControlled ? value : stateValue;
9840
+ let setValue = ($73SJx$react.useCallback)((value, ...args)=>{
9841
+ let onChangeCaller = (value, ...onChangeArgs)=>{
9842
+ if (onChange) {
9843
+ if (!Object.is(currentValue, value)) onChange(value, ...onChangeArgs);
9844
+ }
9845
+ if (!isControlled) // If uncontrolled, mutate the currentValue local variable so that
9846
+ // calling setState multiple times with the same value only emits onChange once.
9847
+ // We do not use a ref for this because we specifically _do_ want the value to
9848
+ // reset every render, and assigning to a ref in render breaks aborted suspended renders.
9849
+ // eslint-disable-next-line react-hooks/exhaustive-deps
9850
+ currentValue = value;
9851
+ };
9852
+ if (typeof value === "function") {
9853
+ console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320");
9854
+ // this supports functional updates https://reactjs.org/docs/hooks-reference.html#functional-updates
9855
+ // when someone using useControlledState calls setControlledState(myFunc)
9856
+ // this will call our useState setState with a function as well which invokes myFunc and calls onChange with the value from myFunc
9857
+ // if we're in an uncontrolled state, then we also return the value of myFunc which to setState looks as though it was just called with myFunc from the beginning
9858
+ // otherwise we just return the controlled value, which won't cause a rerender because React knows to bail out when the value is the same
9859
+ let updateFunction = (oldValue, ...functionArgs)=>{
9860
+ let interceptedValue = value(isControlled ? currentValue : oldValue, ...functionArgs);
9861
+ onChangeCaller(interceptedValue, ...args);
9862
+ if (!isControlled) return interceptedValue;
9863
+ return oldValue;
9864
+ };
9865
+ setStateValue(updateFunction);
9866
+ } else {
9867
+ if (!isControlled) setStateValue(value);
9868
+ onChangeCaller(value, ...args);
9869
+ }
9870
+ }, [
9871
+ isControlled,
9872
+ currentValue,
9873
+ onChange
9874
+ ]);
9875
+ return [
9876
+ currentValue,
9877
+ setValue
9878
+ ];
9879
+ }
9880
+
9881
+ /*
9882
+ * Copyright 2020 Adobe. All rights reserved.
9883
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
9884
+ * you may not use this file except in compliance with the License. You may obtain a copy
9885
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
9886
+ *
9887
+ * Unless required by applicable law or agreed to in writing, software distributed under
9888
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9889
+ * OF ANY KIND, either express or implied. See the License for the specific language
9890
+ * governing permissions and limitations under the License.
9891
+ */ /*
9892
+ * Copyright 2020 Adobe. All rights reserved.
9893
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
9894
+ * you may not use this file except in compliance with the License. You may obtain a copy
9895
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
9896
+ *
9897
+ * Unless required by applicable law or agreed to in writing, software distributed under
9898
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9899
+ * OF ANY KIND, either express or implied. See the License for the specific language
9900
+ * governing permissions and limitations under the License.
9901
+ */ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
9902
+ // guarded by a check that it only runs on the client side.
9903
+ // eslint-disable-next-line rulesdir/useLayoutEffectRule
9904
+
9905
+ // Default context value to use in case there is no SSRProvider. This is fine for
9906
+ // client-only apps. In order to support multiple copies of React Aria potentially
9907
+ // being on the page at once, the prefix is set to a random number. SSRProvider
9908
+ // will reset this to zero for consistency between server and client, so in the
9909
+ // SSR case multiple copies of React Aria is not supported.
9910
+ const $b5e257d569688ac6$var$defaultContext = {
9911
+ prefix: String(Math.round(Math.random() * 10000000000)),
9912
+ current: 0
9913
+ };
9914
+ const $b5e257d569688ac6$var$SSRContext = /*#__PURE__*/ ($73SJx$react__default.default).createContext($b5e257d569688ac6$var$defaultContext);
9915
+ const $b5e257d569688ac6$var$IsSSRContext = /*#__PURE__*/ ($73SJx$react__default.default).createContext(false);
9916
+ let $b5e257d569688ac6$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
9917
+ let $b5e257d569688ac6$var$componentIds = new WeakMap();
9918
+ function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
9919
+ let ctx = ($73SJx$react.useContext)($b5e257d569688ac6$var$SSRContext);
9920
+ let ref = ($73SJx$react.useRef)(null);
9921
+ // eslint-disable-next-line rulesdir/pure-render
9922
+ if (ref.current === null && !isDisabled) {
9923
+ var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
9924
+ // In strict mode, React renders components twice, and the ref will be reset to null on the second render.
9925
+ // This means our id counter will be incremented twice instead of once. This is a problem because on the
9926
+ // server, components are only rendered once and so ids generated on the server won't match the client.
9927
+ // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this
9928
+ // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.
9929
+ // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.
9930
+ // To ensure that we only increment the global counter once, we store the starting id for this component in
9931
+ // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
9932
+ // Since React runs the second render immediately after the first, this is safe.
9933
+ // @ts-ignore
9934
+ let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ($73SJx$react__default.default).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
9935
+ if (currentOwner) {
9936
+ let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
9937
+ if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
9938
+ $b5e257d569688ac6$var$componentIds.set(currentOwner, {
9939
+ id: ctx.current,
9940
+ state: currentOwner.memoizedState
9941
+ });
9942
+ else if (currentOwner.memoizedState !== prevComponentValue.state) {
9943
+ // On the second render, the memoizedState gets reset by React.
9944
+ // Reset the counter, and remove from the weak map so we don't
9945
+ // do this for subsequent useId calls.
9946
+ ctx.current = prevComponentValue.id;
9947
+ $b5e257d569688ac6$var$componentIds.delete(currentOwner);
9948
+ }
9949
+ }
9950
+ // eslint-disable-next-line rulesdir/pure-render
9951
+ ref.current = ++ctx.current;
9952
+ }
9953
+ // eslint-disable-next-line rulesdir/pure-render
9954
+ return ref.current;
9955
+ }
9956
+ function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
9957
+ let ctx = ($73SJx$react.useContext)($b5e257d569688ac6$var$SSRContext);
9958
+ // If we are rendering in a non-DOM environment, and there's no SSRProvider,
9959
+ // provide a warning to hint to the developer to add one.
9960
+ if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM) console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
9961
+ let counter = $b5e257d569688ac6$var$useCounter(!!defaultId);
9962
+ let prefix = ctx === $b5e257d569688ac6$var$defaultContext && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ctx.prefix}`;
9963
+ return defaultId || `${prefix}-${counter}`;
9964
+ }
9965
+ function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
9966
+ // @ts-ignore
9967
+ let id = ($73SJx$react__default.default).useId();
9968
+ let [didSSR] = ($73SJx$react.useState)($b5e257d569688ac6$export$535bd6ca7f90a273());
9969
+ let prefix = didSSR || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
9970
+ return defaultId || `${prefix}-${id}`;
9971
+ }
9972
+ const $b5e257d569688ac6$export$619500959fc48b26 = typeof ($73SJx$react__default.default)["useId"] === "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
9973
+ function $b5e257d569688ac6$var$getSnapshot() {
9974
+ return false;
9975
+ }
9976
+ function $b5e257d569688ac6$var$getServerSnapshot() {
9977
+ return true;
9978
+ }
9979
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
9980
+ function $b5e257d569688ac6$var$subscribe(onStoreChange) {
9981
+ // noop
9982
+ return ()=>{};
9983
+ }
9984
+ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
9985
+ // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
9986
+ if (typeof ($73SJx$react__default.default)["useSyncExternalStore"] === "function") return ($73SJx$react__default.default)["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
9987
+ // eslint-disable-next-line react-hooks/rules-of-hooks
9988
+ return ($73SJx$react.useContext)($b5e257d569688ac6$var$IsSSRContext);
9989
+ }
9990
+
9991
+ function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
9788
9992
 
9789
9993
  /*
9790
9994
  * Copyright 2020 Adobe. All rights reserved.
@@ -9858,7 +10062,72 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
9858
10062
  return f(...args);
9859
10063
  }, []);
9860
10064
  }
10065
+
10066
+
10067
+ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
10068
+ let [value, setValue] = ($73SJx$react.useState)(defaultValue);
10069
+ let effect = ($73SJx$react.useRef)(null);
10070
+ // Store the function in a ref so we can always access the current version
10071
+ // which has the proper `value` in scope.
10072
+ let nextRef = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
10073
+ // Run the generator to the next yield.
10074
+ let newValue = effect.current.next();
10075
+ // If the generator is done, reset the effect.
10076
+ if (newValue.done) {
10077
+ effect.current = null;
10078
+ return;
10079
+ }
10080
+ // If the value is the same as the current value,
10081
+ // then continue to the next yield. Otherwise,
10082
+ // set the value in state and wait for the next layout effect.
10083
+ if (value === newValue.value) nextRef();
10084
+ else setValue(newValue.value);
10085
+ });
10086
+ ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
10087
+ // If there is an effect currently running, continue to the next yield.
10088
+ if (effect.current) nextRef();
10089
+ });
10090
+ let queue = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((fn)=>{
10091
+ effect.current = fn(value);
10092
+ nextRef();
10093
+ });
10094
+ return [
10095
+ value,
10096
+ queue
10097
+ ];
10098
+ }
10099
+
10100
+
10101
+ // copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
10102
+ let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
9861
10103
  let $bdb11010cef70236$var$idsUpdaterMap = new Map();
10104
+ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
10105
+ let [value, setValue] = ($73SJx$react.useState)(defaultId);
10106
+ let nextId = ($73SJx$react.useRef)(null);
10107
+ let res = ($b5e257d569688ac6$export$619500959fc48b26)(value);
10108
+ let updateValue = ($73SJx$react.useCallback)((val)=>{
10109
+ nextId.current = val;
10110
+ }, []);
10111
+ if ($bdb11010cef70236$var$canUseDOM) $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
10112
+ ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
10113
+ let r = res;
10114
+ return ()=>{
10115
+ $bdb11010cef70236$var$idsUpdaterMap.delete(r);
10116
+ };
10117
+ }, [
10118
+ res
10119
+ ]);
10120
+ // This cannot cause an infinite loop because the ref is updated first.
10121
+ // eslint-disable-next-line
10122
+ ($73SJx$react.useEffect)(()=>{
10123
+ let newId = nextId.current;
10124
+ if (newId) {
10125
+ nextId.current = null;
10126
+ setValue(newId);
10127
+ }
10128
+ });
10129
+ return res;
10130
+ }
9862
10131
  function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
9863
10132
  if (idA === idB) return idA;
9864
10133
  let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
@@ -9873,6 +10142,25 @@ function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
9873
10142
  }
9874
10143
  return idB;
9875
10144
  }
10145
+ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
10146
+ let id = $bdb11010cef70236$export$f680877a34711e37();
10147
+ let [resolvedId, setResolvedId] = ($1dbecbe27a04f9af$export$14d238f342723f25)(id);
10148
+ let updateId = ($73SJx$react.useCallback)(()=>{
10149
+ setResolvedId(function*() {
10150
+ yield id;
10151
+ yield document.getElementById(id) ? id : undefined;
10152
+ });
10153
+ }, [
10154
+ id,
10155
+ setResolvedId
10156
+ ]);
10157
+ ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(updateId, [
10158
+ id,
10159
+ updateId,
10160
+ ...depArray
10161
+ ]);
10162
+ return resolvedId;
10163
+ }
9876
10164
 
9877
10165
 
9878
10166
  /*
@@ -10255,6 +10543,41 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
10255
10543
  }
10256
10544
 
10257
10545
 
10546
+ /*
10547
+ * Copyright 2020 Adobe. All rights reserved.
10548
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
10549
+ * you may not use this file except in compliance with the License. You may obtain a copy
10550
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
10551
+ *
10552
+ * Unless required by applicable law or agreed to in writing, software distributed under
10553
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
10554
+ * OF ANY KIND, either express or implied. See the License for the specific language
10555
+ * governing permissions and limitations under the License.
10556
+ */
10557
+ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
10558
+ let { id: id, "aria-label": label, "aria-labelledby": labelledBy } = props;
10559
+ // If there is both an aria-label and aria-labelledby,
10560
+ // combine them by pointing to the element itself.
10561
+ id = ($bdb11010cef70236$export$f680877a34711e37)(id);
10562
+ if (labelledBy && label) {
10563
+ let ids = new Set([
10564
+ id,
10565
+ ...labelledBy.trim().split(/\s+/)
10566
+ ]);
10567
+ labelledBy = [
10568
+ ...ids
10569
+ ].join(" ");
10570
+ } else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(" ");
10571
+ // If no labels are provided, use the default
10572
+ if (!label && !labelledBy && defaultLabel) label = defaultLabel;
10573
+ return {
10574
+ id: id,
10575
+ "aria-label": label,
10576
+ "aria-labelledby": labelledBy
10577
+ };
10578
+ }
10579
+
10580
+
10258
10581
  /*
10259
10582
  * Copyright 2020 Adobe. All rights reserved.
10260
10583
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -10309,6 +10632,37 @@ function $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {
10309
10632
  return !($c87311424ea30a05$export$a11b0059900ceec8)() && event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse";
10310
10633
  }
10311
10634
 
10635
+
10636
+ /*
10637
+ * Copyright 2023 Adobe. All rights reserved.
10638
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
10639
+ * you may not use this file except in compliance with the License. You may obtain a copy
10640
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
10641
+ *
10642
+ * Unless required by applicable law or agreed to in writing, software distributed under
10643
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
10644
+ * OF ANY KIND, either express or implied. See the License for the specific language
10645
+ * governing permissions and limitations under the License.
10646
+ */
10647
+
10648
+ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
10649
+ let resetValue = ($73SJx$react.useRef)(initialValue);
10650
+ let handleReset = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
10651
+ if (onReset) onReset(resetValue.current);
10652
+ });
10653
+ ($73SJx$react.useEffect)(()=>{
10654
+ var _ref_current;
10655
+ let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
10656
+ form === null || form === void 0 ? void 0 : form.addEventListener("reset", handleReset);
10657
+ return ()=>{
10658
+ form === null || form === void 0 ? void 0 : form.removeEventListener("reset", handleReset);
10659
+ };
10660
+ }, [
10661
+ ref,
10662
+ handleReset
10663
+ ]);
10664
+ }
10665
+
10312
10666
  function _class_apply_descriptor_get(receiver, descriptor) {
10313
10667
  if (descriptor.get) return descriptor.get.call(receiver);
10314
10668
 
@@ -10453,7 +10807,7 @@ function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
10453
10807
  {
10454
10808
  if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
10455
10809
  let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
10456
- if (target.style.userSelect === "none" && targetOldUserSelect) target.style.userSelect = targetOldUserSelect;
10810
+ if (target.style.userSelect === "none") target.style.userSelect = targetOldUserSelect;
10457
10811
  if (target.getAttribute("style") === "") target.removeAttribute("style");
10458
10812
  $14c0b72509d70225$var$modifiedElementMap.delete(target);
10459
10813
  }
@@ -11291,6 +11645,10 @@ function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
11291
11645
  function $507fabe10e71c6fb$export$630ff653c5ada6a9() {
11292
11646
  return $507fabe10e71c6fb$var$currentModality;
11293
11647
  }
11648
+ function $507fabe10e71c6fb$export$8397ddfc504fdb9a(modality) {
11649
+ $507fabe10e71c6fb$var$currentModality = modality;
11650
+ $507fabe10e71c6fb$var$triggerChangeHandlers(modality, null);
11651
+ }
11294
11652
  const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
11295
11653
  "checkbox",
11296
11654
  "radio",
@@ -11484,19 +11842,84 @@ function $6a99195332edec8b$export$80f3e147d781571c(element) {
11484
11842
  // the page before shifting focus. This avoids issues with VoiceOver on iOS
11485
11843
  // causing the page to scroll when moving focus if the element is transitioning
11486
11844
  // from off the screen.
11845
+ const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(element);
11487
11846
  if (($507fabe10e71c6fb$export$630ff653c5ada6a9)() === "virtual") {
11488
- let lastFocusedElement = document.activeElement;
11847
+ let lastFocusedElement = ownerDocument.activeElement;
11489
11848
  ($bbed8b41f857bcc0$export$24490316f764c430)(()=>{
11490
11849
  // If focus did not move and the element is still in the document, focus it.
11491
- if (document.activeElement === lastFocusedElement && document.contains(element)) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
11850
+ if (ownerDocument.activeElement === lastFocusedElement && element.isConnected) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
11492
11851
  });
11493
11852
  } else ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
11494
11853
  }
11854
+
11855
+
11856
+
11857
+ /*
11858
+ * Copyright 2021 Adobe. All rights reserved.
11859
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
11860
+ * you may not use this file except in compliance with the License. You may obtain a copy
11861
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
11862
+ *
11863
+ * Unless required by applicable law or agreed to in writing, software distributed under
11864
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
11865
+ * OF ANY KIND, either express or implied. See the License for the specific language
11866
+ * governing permissions and limitations under the License.
11867
+ */
11868
+ function $645f2e67b85a24c9$var$isStyleVisible(element) {
11869
+ const windowObject = ($431fbd86ca7dc216$export$f21a1ffae260145a)(element);
11870
+ if (!(element instanceof windowObject.HTMLElement) && !(element instanceof windowObject.SVGElement)) return false;
11871
+ let { display: display, visibility: visibility } = element.style;
11872
+ let isVisible = display !== "none" && visibility !== "hidden" && visibility !== "collapse";
11873
+ if (isVisible) {
11874
+ const { getComputedStyle: getComputedStyle } = element.ownerDocument.defaultView;
11875
+ let { display: computedDisplay, visibility: computedVisibility } = getComputedStyle(element);
11876
+ isVisible = computedDisplay !== "none" && computedVisibility !== "hidden" && computedVisibility !== "collapse";
11877
+ }
11878
+ return isVisible;
11879
+ }
11880
+ function $645f2e67b85a24c9$var$isAttributeVisible(element, childElement) {
11881
+ return !element.hasAttribute("hidden") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
11882
+ }
11883
+ function $645f2e67b85a24c9$export$e989c0fffaa6b27a(element, childElement) {
11884
+ return element.nodeName !== "#comment" && $645f2e67b85a24c9$var$isStyleVisible(element) && $645f2e67b85a24c9$var$isAttributeVisible(element, childElement) && (!element.parentElement || $645f2e67b85a24c9$export$e989c0fffaa6b27a(element.parentElement, element));
11885
+ }
11886
+ const $9bf71ea28793e738$var$focusableElements = [
11887
+ "input:not([disabled]):not([type=hidden])",
11888
+ "select:not([disabled])",
11889
+ "textarea:not([disabled])",
11890
+ "button:not([disabled])",
11891
+ "a[href]",
11892
+ "area[href]",
11893
+ "summary",
11894
+ "iframe",
11895
+ "object",
11896
+ "embed",
11897
+ "audio[controls]",
11898
+ "video[controls]",
11899
+ "[contenteditable]"
11900
+ ];
11901
+ const $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
11902
+ $9bf71ea28793e738$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
11903
+ const $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
11495
11904
  function $9bf71ea28793e738$var$isElementInScope(element, scope) {
11496
11905
  if (!element) return false;
11497
11906
  if (!scope) return false;
11498
11907
  return scope.some((node)=>node.contains(element));
11499
11908
  }
11909
+ function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
11910
+ let selector = (opts === null || opts === void 0 ? void 0 : opts.tabbable) ? $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR : $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR;
11911
+ let walker = ($431fbd86ca7dc216$export$b204af158042fbac)(root).createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
11912
+ acceptNode (node) {
11913
+ var _opts_from;
11914
+ // Skip nodes inside the starting node.
11915
+ if (opts === null || opts === void 0 ? void 0 : (_opts_from = opts.from) === null || _opts_from === void 0 ? void 0 : _opts_from.contains(node)) return NodeFilter.FILTER_REJECT;
11916
+ if (node.matches(selector) && ($645f2e67b85a24c9$export$e989c0fffaa6b27a)(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts === void 0 ? void 0 : opts.accept) || opts.accept(node))) return NodeFilter.FILTER_ACCEPT;
11917
+ return NodeFilter.FILTER_SKIP;
11918
+ }
11919
+ });
11920
+ if (opts === null || opts === void 0 ? void 0 : opts.from) walker.currentNode = opts.from;
11921
+ return walker;
11922
+ }
11500
11923
  class $9bf71ea28793e738$var$Tree {
11501
11924
  get size() {
11502
11925
  return this.fastMap.size;
@@ -12366,54 +12789,1070 @@ function TextInput(props) {
12366
12789
  }) })), maxLength && (jsxRuntime.jsxs("div", { className: classNames('count', { isMax: (value === null || value === void 0 ? void 0 : value.length) === maxLength }), children: [(value === null || value === void 0 ? void 0 : value.length) || 0, " / ", maxLength] }))] }))] }));
12367
12790
  }
12368
12791
 
12369
- const paddingRight = '30px';
12370
- const StyledPagination = styled__default.default.div `
12371
- width: 100%;
12372
- position: relative;
12373
-
12374
- .Pagination--stats {
12375
- display: inline-block;
12376
- padding: 10px 0;
12377
- line-height: 1.6;
12378
- }
12379
-
12380
- .Pagination--button-group {
12381
- display: flex;
12382
- justify-content: flex-end;
12383
- width: calc(25% + ${paddingRight});
12384
- padding: 10px ${paddingRight} 10px 0;
12385
- position: absolute;
12386
- top: 0;
12387
- right: 0;
12388
-
12389
- > * {
12390
- display: inline-block;
12391
- font-size: 18px;
12392
- vertical-align: middle;
12393
- margin-right: 8px;
12394
- }
12395
-
12396
- button {
12397
- width: auto;
12398
- padding: 0;
12399
- display: inline-block;
12400
- background: none;
12401
- box-shadow: none;
12402
- text-decoration: underline;
12403
- color: ${allColors.midFontColor};
12792
+ /*
12793
+ * Copyright 2023 Adobe. All rights reserved.
12794
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
12795
+ * you may not use this file except in compliance with the License. You may obtain a copy
12796
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
12797
+ *
12798
+ * Unless required by applicable law or agreed to in writing, software distributed under
12799
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
12800
+ * OF ANY KIND, either express or implied. See the License for the specific language
12801
+ * governing permissions and limitations under the License.
12802
+ */ /*
12803
+ * Copyright 2023 Adobe. All rights reserved.
12804
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
12805
+ * you may not use this file except in compliance with the License. You may obtain a copy
12806
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
12807
+ *
12808
+ * Unless required by applicable law or agreed to in writing, software distributed under
12809
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
12810
+ * OF ANY KIND, either express or implied. See the License for the specific language
12811
+ * governing permissions and limitations under the License.
12812
+ */
12404
12813
 
12405
- &:hover {
12406
- color: ${allColors.defaultFontColor};
12407
- }
12408
12814
 
12409
- &.Pagination--non-click {
12410
- text-decoration: none;
12411
- }
12815
+ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
12816
+ let { validationBehavior: validationBehavior, focus: focus } = props;
12817
+ // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
12818
+ ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
12819
+ if (validationBehavior === "native" && (ref === null || ref === void 0 ? void 0 : ref.current)) {
12820
+ let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
12821
+ ref.current.setCustomValidity(errorMessage);
12822
+ // Prevent default tooltip for validation message.
12823
+ // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
12824
+ if (!ref.current.hasAttribute("title")) ref.current.title = "";
12825
+ if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
12826
+ }
12827
+ });
12828
+ let onReset = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
12829
+ state.resetValidation();
12830
+ });
12831
+ let onInvalid = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
12832
+ var _ref_current;
12833
+ // Only commit validation if we are not already displaying one.
12834
+ // This avoids clearing server errors that the user didn't actually fix.
12835
+ if (!state.displayValidation.isInvalid) state.commitValidation();
12836
+ // Auto focus the first invalid input in a form, unless the error already had its default prevented.
12837
+ let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
12838
+ if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
12839
+ var _ref_current1;
12840
+ if (focus) focus();
12841
+ else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
12842
+ // Always show focus ring.
12843
+ ($507fabe10e71c6fb$export$8397ddfc504fdb9a)("keyboard");
12844
+ }
12845
+ // Prevent default browser error UI from appearing.
12846
+ e.preventDefault();
12847
+ });
12848
+ let onChange = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
12849
+ state.commitValidation();
12850
+ });
12851
+ ($73SJx$react.useEffect)(()=>{
12852
+ let input = ref === null || ref === void 0 ? void 0 : ref.current;
12853
+ if (!input) return;
12854
+ let form = input.form;
12855
+ input.addEventListener("invalid", onInvalid);
12856
+ input.addEventListener("change", onChange);
12857
+ form === null || form === void 0 ? void 0 : form.addEventListener("reset", onReset);
12858
+ return ()=>{
12859
+ input.removeEventListener("invalid", onInvalid);
12860
+ input.removeEventListener("change", onChange);
12861
+ form === null || form === void 0 ? void 0 : form.removeEventListener("reset", onReset);
12862
+ };
12863
+ }, [
12864
+ ref,
12865
+ onInvalid,
12866
+ onChange,
12867
+ onReset,
12868
+ validationBehavior
12869
+ ]);
12870
+ }
12871
+ function $e93e671b31057976$var$getValidity(input) {
12872
+ // The native ValidityState object is live, meaning each property is a getter that returns the current state.
12873
+ // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
12874
+ let validity = input.validity;
12875
+ return {
12876
+ badInput: validity.badInput,
12877
+ customError: validity.customError,
12878
+ patternMismatch: validity.patternMismatch,
12879
+ rangeOverflow: validity.rangeOverflow,
12880
+ rangeUnderflow: validity.rangeUnderflow,
12881
+ stepMismatch: validity.stepMismatch,
12882
+ tooLong: validity.tooLong,
12883
+ tooShort: validity.tooShort,
12884
+ typeMismatch: validity.typeMismatch,
12885
+ valueMissing: validity.valueMissing,
12886
+ valid: validity.valid
12887
+ };
12888
+ }
12889
+ function $e93e671b31057976$var$getNativeValidity(input) {
12890
+ return {
12891
+ isInvalid: !input.validity.valid,
12892
+ validationDetails: $e93e671b31057976$var$getValidity(input),
12893
+ validationErrors: input.validationMessage ? [
12894
+ input.validationMessage
12895
+ ] : []
12896
+ };
12897
+ }
12898
+ function $e93e671b31057976$var$getFirstInvalidInput(form) {
12899
+ for(let i = 0; i < form.elements.length; i++){
12900
+ let element = form.elements[i];
12901
+ if (!element.validity.valid) return element;
12412
12902
  }
12413
- }
12414
- `;
12903
+ return null;
12904
+ }
12415
12905
 
12416
- function Pagination(props) {
12906
+ /*
12907
+ * Copyright 2020 Adobe. All rights reserved.
12908
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
12909
+ * you may not use this file except in compliance with the License. You may obtain a copy
12910
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
12911
+ *
12912
+ * Unless required by applicable law or agreed to in writing, software distributed under
12913
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
12914
+ * OF ANY KIND, either express or implied. See the License for the specific language
12915
+ * governing permissions and limitations under the License.
12916
+ */ /*
12917
+ * Copyright 2021 Adobe. All rights reserved.
12918
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
12919
+ * you may not use this file except in compliance with the License. You may obtain a copy
12920
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
12921
+ *
12922
+ * Unless required by applicable law or agreed to in writing, software distributed under
12923
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
12924
+ * OF ANY KIND, either express or implied. See the License for the specific language
12925
+ * governing permissions and limitations under the License.
12926
+ */ /*
12927
+ * Copyright 2020 Adobe. All rights reserved.
12928
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
12929
+ * you may not use this file except in compliance with the License. You may obtain a copy
12930
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
12931
+ *
12932
+ * Unless required by applicable law or agreed to in writing, software distributed under
12933
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
12934
+ * OF ANY KIND, either express or implied. See the License for the specific language
12935
+ * governing permissions and limitations under the License.
12936
+ */
12937
+ function $d191a55c9702f145$export$8467354a121f1b9f(props) {
12938
+ let { id: id, label: label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType: labelElementType = "label" } = props;
12939
+ id = ($bdb11010cef70236$export$f680877a34711e37)(id);
12940
+ let labelId = ($bdb11010cef70236$export$f680877a34711e37)();
12941
+ let labelProps = {};
12942
+ if (label) {
12943
+ ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
12944
+ labelProps = {
12945
+ id: labelId,
12946
+ htmlFor: labelElementType === "label" ? id : undefined
12947
+ };
12948
+ } else if (!ariaLabelledby && !ariaLabel) console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
12949
+ let fieldProps = ($313b98861ee5dd6c$export$d6875122194c7b44)({
12950
+ id: id,
12951
+ "aria-label": ariaLabel,
12952
+ "aria-labelledby": ariaLabelledby
12953
+ });
12954
+ return {
12955
+ labelProps: labelProps,
12956
+ fieldProps: fieldProps
12957
+ };
12958
+ }
12959
+
12960
+
12961
+
12962
+ function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
12963
+ let { description: description, errorMessage: errorMessage, isInvalid: isInvalid, validationState: validationState } = props;
12964
+ let { labelProps: labelProps, fieldProps: fieldProps } = ($d191a55c9702f145$export$8467354a121f1b9f)(props);
12965
+ let descriptionId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)([
12966
+ Boolean(description),
12967
+ Boolean(errorMessage),
12968
+ isInvalid,
12969
+ validationState
12970
+ ]);
12971
+ let errorMessageId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)([
12972
+ Boolean(description),
12973
+ Boolean(errorMessage),
12974
+ isInvalid,
12975
+ validationState
12976
+ ]);
12977
+ fieldProps = ($3ef42575df84b30b$export$9d1611c77c2fe928)(fieldProps, {
12978
+ "aria-describedby": [
12979
+ descriptionId,
12980
+ // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
12981
+ errorMessageId,
12982
+ props["aria-describedby"]
12983
+ ].filter(Boolean).join(" ") || undefined
12984
+ });
12985
+ return {
12986
+ labelProps: labelProps,
12987
+ fieldProps: fieldProps,
12988
+ descriptionProps: {
12989
+ id: descriptionId
12990
+ },
12991
+ errorMessageProps: {
12992
+ id: errorMessageId
12993
+ }
12994
+ };
12995
+ }
12996
+
12997
+ /*
12998
+ * Copyright 2020 Adobe. All rights reserved.
12999
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13000
+ * you may not use this file except in compliance with the License. You may obtain a copy
13001
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13002
+ *
13003
+ * Unless required by applicable law or agreed to in writing, software distributed under
13004
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13005
+ * OF ANY KIND, either express or implied. See the License for the specific language
13006
+ * governing permissions and limitations under the License.
13007
+ */ /*
13008
+ * Copyright 2020 Adobe. All rights reserved.
13009
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13010
+ * you may not use this file except in compliance with the License. You may obtain a copy
13011
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13012
+ *
13013
+ * Unless required by applicable law or agreed to in writing, software distributed under
13014
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13015
+ * OF ANY KIND, either express or implied. See the License for the specific language
13016
+ * governing permissions and limitations under the License.
13017
+ */ /*
13018
+ * Copyright 2020 Adobe. All rights reserved.
13019
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13020
+ * you may not use this file except in compliance with the License. You may obtain a copy
13021
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13022
+ *
13023
+ * Unless required by applicable law or agreed to in writing, software distributed under
13024
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13025
+ * OF ANY KIND, either express or implied. See the License for the specific language
13026
+ * governing permissions and limitations under the License.
13027
+ */ // https://en.wikipedia.org/wiki/Right-to-left
13028
+ const $148a7a147e38ea7f$var$RTL_SCRIPTS = new Set([
13029
+ "Arab",
13030
+ "Syrc",
13031
+ "Samr",
13032
+ "Mand",
13033
+ "Thaa",
13034
+ "Mend",
13035
+ "Nkoo",
13036
+ "Adlm",
13037
+ "Rohg",
13038
+ "Hebr"
13039
+ ]);
13040
+ const $148a7a147e38ea7f$var$RTL_LANGS = new Set([
13041
+ "ae",
13042
+ "ar",
13043
+ "arc",
13044
+ "bcc",
13045
+ "bqi",
13046
+ "ckb",
13047
+ "dv",
13048
+ "fa",
13049
+ "glk",
13050
+ "he",
13051
+ "ku",
13052
+ "mzn",
13053
+ "nqo",
13054
+ "pnb",
13055
+ "ps",
13056
+ "sd",
13057
+ "ug",
13058
+ "ur",
13059
+ "yi"
13060
+ ]);
13061
+ function $148a7a147e38ea7f$export$702d680b21cbd764(localeString) {
13062
+ // If the Intl.Locale API is available, use it to get the locale's text direction.
13063
+ // @ts-ignore
13064
+ if (Intl.Locale) {
13065
+ let locale = new Intl.Locale(localeString).maximize();
13066
+ // Use the text info object to get the direction if possible.
13067
+ // @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.
13068
+ // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo
13069
+ let textInfo = typeof locale.getTextInfo === "function" ? locale.getTextInfo() : locale.textInfo;
13070
+ if (textInfo) return textInfo.direction === "rtl";
13071
+ // Fallback: guess using the script.
13072
+ // This is more accurate than guessing by language, since languages can be written in multiple scripts.
13073
+ if (locale.script) return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(locale.script);
13074
+ }
13075
+ // If not, just guess by the language (first part of the locale)
13076
+ let lang = localeString.split("-")[0];
13077
+ return $148a7a147e38ea7f$var$RTL_LANGS.has(lang);
13078
+ }
13079
+
13080
+
13081
+ /*
13082
+ * Copyright 2020 Adobe. All rights reserved.
13083
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13084
+ * you may not use this file except in compliance with the License. You may obtain a copy
13085
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13086
+ *
13087
+ * Unless required by applicable law or agreed to in writing, software distributed under
13088
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13089
+ * OF ANY KIND, either express or implied. See the License for the specific language
13090
+ * governing permissions and limitations under the License.
13091
+ */
13092
+
13093
+
13094
+ // Locale passed from server by PackageLocalizationProvider.
13095
+ const $1e5a04cdaf7d1af8$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
13096
+ function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() {
13097
+ let locale = typeof window !== "undefined" && window[$1e5a04cdaf7d1af8$var$localeSymbol] || typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
13098
+ try {
13099
+ // @ts-ignore
13100
+ Intl.DateTimeFormat.supportedLocalesOf([
13101
+ locale
13102
+ ]);
13103
+ } catch (_err) {
13104
+ locale = "en-US";
13105
+ }
13106
+ return {
13107
+ locale: locale,
13108
+ direction: ($148a7a147e38ea7f$export$702d680b21cbd764)(locale) ? "rtl" : "ltr"
13109
+ };
13110
+ }
13111
+ let $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
13112
+ let $1e5a04cdaf7d1af8$var$listeners = new Set();
13113
+ function $1e5a04cdaf7d1af8$var$updateLocale() {
13114
+ $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
13115
+ for (let listener of $1e5a04cdaf7d1af8$var$listeners)listener($1e5a04cdaf7d1af8$var$currentLocale);
13116
+ }
13117
+ function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
13118
+ let isSSR = ($b5e257d569688ac6$export$535bd6ca7f90a273)();
13119
+ let [defaultLocale, setDefaultLocale] = ($73SJx$react.useState)($1e5a04cdaf7d1af8$var$currentLocale);
13120
+ ($73SJx$react.useEffect)(()=>{
13121
+ if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.addEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
13122
+ $1e5a04cdaf7d1af8$var$listeners.add(setDefaultLocale);
13123
+ return ()=>{
13124
+ $1e5a04cdaf7d1af8$var$listeners.delete(setDefaultLocale);
13125
+ if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
13126
+ };
13127
+ }, []);
13128
+ // We cannot determine the browser's language on the server, so default to
13129
+ // en-US. This will be updated after hydration on the client to the correct value.
13130
+ if (isSSR) return {
13131
+ locale: "en-US",
13132
+ direction: "ltr"
13133
+ };
13134
+ return defaultLocale;
13135
+ }
13136
+
13137
+
13138
+
13139
+ const $18f2051aff69b9bf$var$I18nContext = /*#__PURE__*/ ($73SJx$react__default.default).createContext(null);
13140
+ function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
13141
+ let defaultLocale = ($1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a)();
13142
+ let context = ($73SJx$react.useContext)($18f2051aff69b9bf$var$I18nContext);
13143
+ return context || defaultLocale;
13144
+ }
13145
+
13146
+ /*
13147
+ * Copyright 2020 Adobe. All rights reserved.
13148
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13149
+ * you may not use this file except in compliance with the License. You may obtain a copy
13150
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13151
+ *
13152
+ * Unless required by applicable law or agreed to in writing, software distributed under
13153
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13154
+ * OF ANY KIND, either express or implied. See the License for the specific language
13155
+ * governing permissions and limitations under the License.
13156
+ */ /*
13157
+ * Copyright 2020 Adobe. All rights reserved.
13158
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13159
+ * you may not use this file except in compliance with the License. You may obtain a copy
13160
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13161
+ *
13162
+ * Unless required by applicable law or agreed to in writing, software distributed under
13163
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13164
+ * OF ANY KIND, either express or implied. See the License for the specific language
13165
+ * governing permissions and limitations under the License.
13166
+ */
13167
+ /*
13168
+ * Copyright 2020 Adobe. All rights reserved.
13169
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13170
+ * you may not use this file except in compliance with the License. You may obtain a copy
13171
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13172
+ *
13173
+ * Unless required by applicable law or agreed to in writing, software distributed under
13174
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13175
+ * OF ANY KIND, either express or implied. See the License for the specific language
13176
+ * governing permissions and limitations under the License.
13177
+ */ const $884aeceb3d67f00f$export$37b65e5b5444d35c = new WeakMap();
13178
+
13179
+
13180
+
13181
+
13182
+
13183
+ function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
13184
+ let { value: value, children: children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = props;
13185
+ const isDisabled = props.isDisabled || state.isDisabled;
13186
+ let hasChildren = children != null;
13187
+ let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
13188
+ if (!hasChildren && !hasAriaLabel) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
13189
+ let checked = state.selectedValue === value;
13190
+ let onChange = (e)=>{
13191
+ e.stopPropagation();
13192
+ state.setSelectedValue(value);
13193
+ };
13194
+ let { pressProps: pressProps, isPressed: isPressed } = ($f6c31cce2adf654f$export$45712eceda6fad21)({
13195
+ isDisabled: isDisabled
13196
+ });
13197
+ // iOS does not toggle radios if you drag off and back onto the label, so handle it ourselves.
13198
+ let { pressProps: labelProps, isPressed: isLabelPressed } = ($f6c31cce2adf654f$export$45712eceda6fad21)({
13199
+ isDisabled: isDisabled,
13200
+ onPress () {
13201
+ state.setSelectedValue(value);
13202
+ }
13203
+ });
13204
+ let { focusableProps: focusableProps } = ($e6afbd83fe6ebbd2$export$4c014de7c8940b4c)(($3ef42575df84b30b$export$9d1611c77c2fe928)(props, {
13205
+ onFocus: ()=>state.setLastFocusedValue(value)
13206
+ }), ref);
13207
+ let interactions = ($3ef42575df84b30b$export$9d1611c77c2fe928)(pressProps, focusableProps);
13208
+ let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
13209
+ labelable: true
13210
+ });
13211
+ let tabIndex = -1;
13212
+ if (state.selectedValue != null) {
13213
+ if (state.selectedValue === value) tabIndex = 0;
13214
+ } else if (state.lastFocusedValue === value || state.lastFocusedValue == null) tabIndex = 0;
13215
+ if (isDisabled) tabIndex = undefined;
13216
+ let { name: name, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = ($884aeceb3d67f00f$export$37b65e5b5444d35c).get(state);
13217
+ ($99facab73266f662$export$5add1d006293d136)(ref, state.selectedValue, state.setSelectedValue);
13218
+ ($e93e671b31057976$export$b8473d3665f3a75a)({
13219
+ validationBehavior: validationBehavior
13220
+ }, state, ref);
13221
+ return {
13222
+ labelProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(labelProps, {
13223
+ onClick: (e)=>e.preventDefault()
13224
+ }),
13225
+ inputProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, {
13226
+ ...interactions,
13227
+ type: "radio",
13228
+ name: name,
13229
+ tabIndex: tabIndex,
13230
+ disabled: isDisabled,
13231
+ required: state.isRequired && validationBehavior === "native",
13232
+ checked: checked,
13233
+ value: value,
13234
+ onChange: onChange,
13235
+ "aria-describedby": [
13236
+ props["aria-describedby"],
13237
+ state.isInvalid ? errorMessageId : null,
13238
+ descriptionId
13239
+ ].filter(Boolean).join(" ") || undefined
13240
+ }),
13241
+ isDisabled: isDisabled,
13242
+ isSelected: checked,
13243
+ isPressed: isPressed || isLabelPressed
13244
+ };
13245
+ }
13246
+
13247
+
13248
+ /*
13249
+ * Copyright 2020 Adobe. All rights reserved.
13250
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13251
+ * you may not use this file except in compliance with the License. You may obtain a copy
13252
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13253
+ *
13254
+ * Unless required by applicable law or agreed to in writing, software distributed under
13255
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13256
+ * OF ANY KIND, either express or implied. See the License for the specific language
13257
+ * governing permissions and limitations under the License.
13258
+ */
13259
+
13260
+
13261
+
13262
+
13263
+
13264
+ function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
13265
+ let { name: name, isReadOnly: isReadOnly, isRequired: isRequired, isDisabled: isDisabled, orientation: orientation = "vertical", validationBehavior: validationBehavior = "aria" } = props;
13266
+ let { direction: direction } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
13267
+ let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
13268
+ let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($2baaea4c71418dea$export$294aa081a6c6f55d)({
13269
+ ...props,
13270
+ // Radio group is not an HTML input element so it
13271
+ // shouldn't be labeled by a <label> element.
13272
+ labelElementType: "span",
13273
+ isInvalid: state.isInvalid,
13274
+ errorMessage: props.errorMessage || validationErrors
13275
+ });
13276
+ let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
13277
+ labelable: true
13278
+ });
13279
+ // When the radio group loses focus, reset the focusable radio to null if
13280
+ // there is no selection. This allows tabbing into the group from either
13281
+ // direction to go to the first or last radio.
13282
+ let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
13283
+ onBlurWithin (e) {
13284
+ var _props_onBlur;
13285
+ (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
13286
+ if (!state.selectedValue) state.setLastFocusedValue(null);
13287
+ },
13288
+ onFocusWithin: props.onFocus,
13289
+ onFocusWithinChange: props.onFocusChange
13290
+ });
13291
+ let onKeyDown = (e)=>{
13292
+ let nextDir;
13293
+ switch(e.key){
13294
+ case "ArrowRight":
13295
+ if (direction === "rtl" && orientation !== "vertical") nextDir = "prev";
13296
+ else nextDir = "next";
13297
+ break;
13298
+ case "ArrowLeft":
13299
+ if (direction === "rtl" && orientation !== "vertical") nextDir = "next";
13300
+ else nextDir = "prev";
13301
+ break;
13302
+ case "ArrowDown":
13303
+ nextDir = "next";
13304
+ break;
13305
+ case "ArrowUp":
13306
+ nextDir = "prev";
13307
+ break;
13308
+ default:
13309
+ return;
13310
+ }
13311
+ e.preventDefault();
13312
+ let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(e.currentTarget, {
13313
+ from: e.target
13314
+ });
13315
+ let nextElem;
13316
+ if (nextDir === "next") {
13317
+ nextElem = walker.nextNode();
13318
+ if (!nextElem) {
13319
+ walker.currentNode = e.currentTarget;
13320
+ nextElem = walker.firstChild();
13321
+ }
13322
+ } else {
13323
+ nextElem = walker.previousNode();
13324
+ if (!nextElem) {
13325
+ walker.currentNode = e.currentTarget;
13326
+ nextElem = walker.lastChild();
13327
+ }
13328
+ }
13329
+ if (nextElem) {
13330
+ // Call focus on nextElem so that keyboard navigation scrolls the radio into view
13331
+ nextElem.focus();
13332
+ state.setSelectedValue(nextElem.value);
13333
+ }
13334
+ };
13335
+ let groupName = ($bdb11010cef70236$export$f680877a34711e37)(name);
13336
+ ($884aeceb3d67f00f$export$37b65e5b5444d35c).set(state, {
13337
+ name: groupName,
13338
+ descriptionId: descriptionProps.id,
13339
+ errorMessageId: errorMessageProps.id,
13340
+ validationBehavior: validationBehavior
13341
+ });
13342
+ return {
13343
+ radioGroupProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, {
13344
+ // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
13345
+ role: "radiogroup",
13346
+ onKeyDown: onKeyDown,
13347
+ "aria-invalid": state.isInvalid || undefined,
13348
+ "aria-errormessage": props["aria-errormessage"],
13349
+ "aria-readonly": isReadOnly || undefined,
13350
+ "aria-required": isRequired || undefined,
13351
+ "aria-disabled": isDisabled || undefined,
13352
+ "aria-orientation": orientation,
13353
+ ...fieldProps,
13354
+ ...focusWithinProps
13355
+ }),
13356
+ labelProps: labelProps,
13357
+ descriptionProps: descriptionProps,
13358
+ errorMessageProps: errorMessageProps,
13359
+ isInvalid: isInvalid,
13360
+ validationErrors: validationErrors,
13361
+ validationDetails: validationDetails
13362
+ };
13363
+ }
13364
+
13365
+ /*
13366
+ * Copyright 2020 Adobe. All rights reserved.
13367
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13368
+ * you may not use this file except in compliance with the License. You may obtain a copy
13369
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13370
+ *
13371
+ * Unless required by applicable law or agreed to in writing, software distributed under
13372
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13373
+ * OF ANY KIND, either express or implied. See the License for the specific language
13374
+ * governing permissions and limitations under the License.
13375
+ */ /*
13376
+ * Copyright 2020 Adobe. All rights reserved.
13377
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13378
+ * you may not use this file except in compliance with the License. You may obtain a copy
13379
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13380
+ *
13381
+ * Unless required by applicable law or agreed to in writing, software distributed under
13382
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13383
+ * OF ANY KIND, either express or implied. See the License for the specific language
13384
+ * governing permissions and limitations under the License.
13385
+ */
13386
+
13387
+
13388
+ const $5c3e21d68f1c4674$var$styles = {
13389
+ border: 0,
13390
+ clip: "rect(0 0 0 0)",
13391
+ clipPath: "inset(50%)",
13392
+ height: "1px",
13393
+ margin: "-1px",
13394
+ overflow: "hidden",
13395
+ padding: 0,
13396
+ position: "absolute",
13397
+ width: "1px",
13398
+ whiteSpace: "nowrap"
13399
+ };
13400
+ function $5c3e21d68f1c4674$export$a966af930f325cab(props = {}) {
13401
+ let { style: style, isFocusable: isFocusable } = props;
13402
+ let [isFocused, setFocused] = ($73SJx$react.useState)(false);
13403
+ let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
13404
+ isDisabled: !isFocusable,
13405
+ onFocusWithinChange: (val)=>setFocused(val)
13406
+ });
13407
+ // If focused, don't hide the element.
13408
+ let combinedStyles = ($73SJx$react.useMemo)(()=>{
13409
+ if (isFocused) return style;
13410
+ else if (style) return {
13411
+ ...$5c3e21d68f1c4674$var$styles,
13412
+ ...style
13413
+ };
13414
+ else return $5c3e21d68f1c4674$var$styles;
13415
+ // eslint-disable-next-line react-hooks/exhaustive-deps
13416
+ }, [
13417
+ isFocused
13418
+ ]);
13419
+ return {
13420
+ visuallyHiddenProps: {
13421
+ ...focusWithinProps,
13422
+ style: combinedStyles
13423
+ }
13424
+ };
13425
+ }
13426
+
13427
+ /*
13428
+ * Copyright 2023 Adobe. All rights reserved.
13429
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13430
+ * you may not use this file except in compliance with the License. You may obtain a copy
13431
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13432
+ *
13433
+ * Unless required by applicable law or agreed to in writing, software distributed under
13434
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13435
+ * OF ANY KIND, either express or implied. See the License for the specific language
13436
+ * governing permissions and limitations under the License.
13437
+ */ /*
13438
+ * Copyright 2023 Adobe. All rights reserved.
13439
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13440
+ * you may not use this file except in compliance with the License. You may obtain a copy
13441
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13442
+ *
13443
+ * Unless required by applicable law or agreed to in writing, software distributed under
13444
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13445
+ * OF ANY KIND, either express or implied. See the License for the specific language
13446
+ * governing permissions and limitations under the License.
13447
+ */
13448
+ const $e5be200c675c3b3a$export$aca958c65c314e6c = {
13449
+ badInput: false,
13450
+ customError: false,
13451
+ patternMismatch: false,
13452
+ rangeOverflow: false,
13453
+ rangeUnderflow: false,
13454
+ stepMismatch: false,
13455
+ tooLong: false,
13456
+ tooShort: false,
13457
+ typeMismatch: false,
13458
+ valueMissing: false,
13459
+ valid: true
13460
+ };
13461
+ const $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE = {
13462
+ ...$e5be200c675c3b3a$export$aca958c65c314e6c,
13463
+ customError: true,
13464
+ valid: false
13465
+ };
13466
+ const $e5be200c675c3b3a$export$dad6ae84456c676a = {
13467
+ isInvalid: false,
13468
+ validationDetails: $e5be200c675c3b3a$export$aca958c65c314e6c,
13469
+ validationErrors: []
13470
+ };
13471
+ const $e5be200c675c3b3a$export$571b5131b7e65c11 = ($73SJx$react.createContext)({});
13472
+ const $e5be200c675c3b3a$export$a763b9476acd3eb = "__formValidationState" + Date.now();
13473
+ function $e5be200c675c3b3a$export$fc1a364ae1f3ff10(props) {
13474
+ // Private prop for parent components to pass state to children.
13475
+ if (props[$e5be200c675c3b3a$export$a763b9476acd3eb]) {
13476
+ let { realtimeValidation: realtimeValidation, displayValidation: displayValidation, updateValidation: updateValidation, resetValidation: resetValidation, commitValidation: commitValidation } = props[$e5be200c675c3b3a$export$a763b9476acd3eb];
13477
+ return {
13478
+ realtimeValidation: realtimeValidation,
13479
+ displayValidation: displayValidation,
13480
+ updateValidation: updateValidation,
13481
+ resetValidation: resetValidation,
13482
+ commitValidation: commitValidation
13483
+ };
13484
+ }
13485
+ // eslint-disable-next-line react-hooks/rules-of-hooks
13486
+ return $e5be200c675c3b3a$var$useFormValidationStateImpl(props);
13487
+ }
13488
+ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
13489
+ let { isInvalid: isInvalid, validationState: validationState, name: name, value: value, builtinValidation: builtinValidation, validate: validate, validationBehavior: validationBehavior = "aria" } = props;
13490
+ // backward compatibility.
13491
+ if (validationState) isInvalid || (isInvalid = validationState === "invalid");
13492
+ // If the isInvalid prop is true, update validation result in realtime (controlled).
13493
+ let controlledError = isInvalid ? {
13494
+ isInvalid: true,
13495
+ validationErrors: [],
13496
+ validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
13497
+ } : null;
13498
+ // Perform custom client side validation.
13499
+ let clientError = ($73SJx$react.useMemo)(()=>$e5be200c675c3b3a$var$getValidationResult($e5be200c675c3b3a$var$runValidate(validate, value)), [
13500
+ validate,
13501
+ value
13502
+ ]);
13503
+ if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = null;
13504
+ // Get relevant server errors from the form.
13505
+ let serverErrors = ($73SJx$react.useContext)($e5be200c675c3b3a$export$571b5131b7e65c11);
13506
+ let serverErrorMessages = ($73SJx$react.useMemo)(()=>{
13507
+ if (name) return Array.isArray(name) ? name.flatMap((name)=>$e5be200c675c3b3a$var$asArray(serverErrors[name])) : $e5be200c675c3b3a$var$asArray(serverErrors[name]);
13508
+ return [];
13509
+ }, [
13510
+ serverErrors,
13511
+ name
13512
+ ]);
13513
+ // Show server errors when the form gets a new value, and clear when the user changes the value.
13514
+ let [lastServerErrors, setLastServerErrors] = ($73SJx$react.useState)(serverErrors);
13515
+ let [isServerErrorCleared, setServerErrorCleared] = ($73SJx$react.useState)(false);
13516
+ if (serverErrors !== lastServerErrors) {
13517
+ setLastServerErrors(serverErrors);
13518
+ setServerErrorCleared(false);
13519
+ }
13520
+ let serverError = ($73SJx$react.useMemo)(()=>$e5be200c675c3b3a$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
13521
+ isServerErrorCleared,
13522
+ serverErrorMessages
13523
+ ]);
13524
+ // Track the next validation state in a ref until commitValidation is called.
13525
+ let nextValidation = ($73SJx$react.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a);
13526
+ let [currentValidity, setCurrentValidity] = ($73SJx$react.useState)($e5be200c675c3b3a$export$dad6ae84456c676a);
13527
+ let lastError = ($73SJx$react.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a);
13528
+ let commitValidation = ()=>{
13529
+ if (!commitQueued) return;
13530
+ setCommitQueued(false);
13531
+ let error = clientError || builtinValidation || nextValidation.current;
13532
+ if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
13533
+ lastError.current = error;
13534
+ setCurrentValidity(error);
13535
+ }
13536
+ };
13537
+ let [commitQueued, setCommitQueued] = ($73SJx$react.useState)(false);
13538
+ ($73SJx$react.useEffect)(commitValidation);
13539
+ // realtimeValidation is used to update the native input element's state based on custom validation logic.
13540
+ // displayValidation is the currently displayed validation state that the user sees (e.g. on input change/form submit).
13541
+ // With validationBehavior="aria", all errors are displayed in realtime rather than on submit.
13542
+ let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $e5be200c675c3b3a$export$dad6ae84456c676a;
13543
+ let displayValidation = validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
13544
+ return {
13545
+ realtimeValidation: realtimeValidation,
13546
+ displayValidation: displayValidation,
13547
+ updateValidation (value) {
13548
+ // If validationBehavior is 'aria', update in realtime. Otherwise, store in a ref until commit.
13549
+ if (validationBehavior === "aria" && !$e5be200c675c3b3a$var$isEqualValidation(currentValidity, value)) setCurrentValidity(value);
13550
+ else nextValidation.current = value;
13551
+ },
13552
+ resetValidation () {
13553
+ // Update the currently displayed validation state to valid on form reset,
13554
+ // even if the native validity says it isn't. It'll show again on the next form submit.
13555
+ let error = $e5be200c675c3b3a$export$dad6ae84456c676a;
13556
+ if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
13557
+ lastError.current = error;
13558
+ setCurrentValidity(error);
13559
+ }
13560
+ // Do not commit validation after the next render. This avoids a condition where
13561
+ // useSelect calls commitValidation inside an onReset handler.
13562
+ if (validationBehavior === "native") setCommitQueued(false);
13563
+ setServerErrorCleared(true);
13564
+ },
13565
+ commitValidation () {
13566
+ // Commit validation state so the user sees it on blur/change/submit. Also clear any server errors.
13567
+ // Wait until after the next render to commit so that the latest value has been validated.
13568
+ if (validationBehavior === "native") setCommitQueued(true);
13569
+ setServerErrorCleared(true);
13570
+ }
13571
+ };
13572
+ }
13573
+ function $e5be200c675c3b3a$var$asArray(v) {
13574
+ if (!v) return [];
13575
+ return Array.isArray(v) ? v : [
13576
+ v
13577
+ ];
13578
+ }
13579
+ function $e5be200c675c3b3a$var$runValidate(validate, value) {
13580
+ if (typeof validate === "function") {
13581
+ let e = validate(value);
13582
+ if (e && typeof e !== "boolean") return $e5be200c675c3b3a$var$asArray(e);
13583
+ }
13584
+ return [];
13585
+ }
13586
+ function $e5be200c675c3b3a$var$getValidationResult(errors) {
13587
+ return errors.length ? {
13588
+ isInvalid: true,
13589
+ validationErrors: errors,
13590
+ validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
13591
+ } : null;
13592
+ }
13593
+ function $e5be200c675c3b3a$var$isEqualValidation(a, b) {
13594
+ if (a === b) return true;
13595
+ return a && b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a, i)=>a === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v])=>b.validationDetails[k] === v);
13596
+ }
13597
+
13598
+ /*
13599
+ * Copyright 2020 Adobe. All rights reserved.
13600
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13601
+ * you may not use this file except in compliance with the License. You may obtain a copy
13602
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13603
+ *
13604
+ * Unless required by applicable law or agreed to in writing, software distributed under
13605
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13606
+ * OF ANY KIND, either express or implied. See the License for the specific language
13607
+ * governing permissions and limitations under the License.
13608
+ */ /*
13609
+ * Copyright 2020 Adobe. All rights reserved.
13610
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13611
+ * you may not use this file except in compliance with the License. You may obtain a copy
13612
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13613
+ *
13614
+ * Unless required by applicable law or agreed to in writing, software distributed under
13615
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13616
+ * OF ANY KIND, either express or implied. See the License for the specific language
13617
+ * governing permissions and limitations under the License.
13618
+ */
13619
+
13620
+
13621
+ let $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 10000000000);
13622
+ let $a54cdc5c1942b639$var$i = 0;
13623
+ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
13624
+ // Preserved here for backward compatibility. React Aria now generates the name instead of stately.
13625
+ let name = ($73SJx$react.useMemo)(()=>props.name || `radio-group-${$a54cdc5c1942b639$var$instance}-${++$a54cdc5c1942b639$var$i}`, [
13626
+ props.name
13627
+ ]);
13628
+ var _props_defaultValue;
13629
+ let [selectedValue, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);
13630
+ let [lastFocusedValue, setLastFocusedValue] = ($73SJx$react.useState)(null);
13631
+ let validation = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
13632
+ ...props,
13633
+ value: selectedValue
13634
+ });
13635
+ let setSelectedValue = (value)=>{
13636
+ if (!props.isReadOnly && !props.isDisabled) {
13637
+ setSelected(value);
13638
+ validation.commitValidation();
13639
+ }
13640
+ };
13641
+ let isInvalid = validation.displayValidation.isInvalid;
13642
+ return {
13643
+ ...validation,
13644
+ name: name,
13645
+ selectedValue: selectedValue,
13646
+ setSelectedValue: setSelectedValue,
13647
+ lastFocusedValue: lastFocusedValue,
13648
+ setLastFocusedValue: setLastFocusedValue,
13649
+ isDisabled: props.isDisabled || false,
13650
+ isReadOnly: props.isReadOnly || false,
13651
+ isRequired: props.isRequired || false,
13652
+ validationState: props.validationState || (isInvalid ? "invalid" : null),
13653
+ isInvalid: isInvalid
13654
+ };
13655
+ }
13656
+
13657
+ const StyledRadioGroup$1 = styled__default.default.div `
13658
+ &.horizontal {
13659
+ display: flex;
13660
+
13661
+ > * {
13662
+ margin-right: 10px;
13663
+ }
13664
+ }
13665
+ `;
13666
+
13667
+ const RadioContext = $73SJx$react.createContext({});
13668
+ /**
13669
+ * Renders a group of radio buttons with no styling. This component is not
13670
+ * designed to be user-facing, and should only be used to provide functionality.
13671
+ *
13672
+ * A group label must be included: either pass a string or markup into the
13673
+ * `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
13674
+ */
13675
+ function RadioGroup$1(props) {
13676
+ const { children, className, value, id, isDisabled, isReadOnly, label, name, onChange, orientation, defaultValue, } = props;
13677
+ const [lastFocusedValue, setLastFocusedValue] = $73SJx$react.useState(null);
13678
+ const radioGroupState = {
13679
+ isDisabled: isDisabled || false,
13680
+ isReadOnly: isReadOnly || false,
13681
+ lastFocusedValue,
13682
+ name: name || '',
13683
+ selectedValue: value,
13684
+ setLastFocusedValue,
13685
+ setSelectedValue: onChange,
13686
+ defaultValue,
13687
+ };
13688
+ const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(radioGroupState);
13689
+ const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
13690
+ return (jsxRuntime.jsxs(StyledRadioGroup$1, Object.assign({}, radioGroupProps, { className: classNames(className, { horizontal: orientation === 'horizontal' }), "data-cy": props['data-cy'], id: id, children: [label && (jsxRuntime.jsx("div", Object.assign({ className: "groupLabel" }, labelProps, { children: label }))), jsxRuntime.jsx(RadioContext.Provider, { value: state, children: children })] })));
13691
+ }
13692
+ /**
13693
+ * A single radio button and its label; no styling is applied, and the native
13694
+ * radio button is visually hidden.
13695
+ */
13696
+ function Radio$1(props) {
13697
+ const { children, className, isDisabled, isVisuallySelected } = props;
13698
+ const state = $73SJx$react.useContext(RadioContext);
13699
+ const inputRef = $73SJx$react.useRef(null);
13700
+ const { visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab();
13701
+ const { inputProps } = $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, inputRef);
13702
+ const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
13703
+ let isSelected;
13704
+ if (isVisuallySelected) {
13705
+ isSelected = isVisuallySelected(state.selectedValue);
13706
+ }
13707
+ else {
13708
+ // @ts-ignore
13709
+ isSelected = state.selectedValue === props.value || (state === null || state === void 0 ? void 0 : state.defaultValue) === props.value;
13710
+ }
13711
+ return (jsxRuntime.jsxs("label", { className: classNames(className, {
13712
+ disabled: isDisabled || state.isDisabled,
13713
+ selected: isSelected,
13714
+ focused: isFocusVisible,
13715
+ }), children: [jsxRuntime.jsx("input", Object.assign({}, inputProps, visuallyHiddenProps, focusProps, { ref: inputRef })), children] }));
13716
+ }
13717
+
13718
+ const radioSize = '20px';
13719
+ const strokeWidth = 2;
13720
+ const StyledRadioGroup = styled__default.default(RadioGroup$1) `
13721
+ color: ${(props) => props.color || 'currentColor'};
13722
+
13723
+ .groupLabel {
13724
+ margin-bottom: ${spacings.sm};
13725
+ font-size: 16px;
13726
+ color: ${(props) => props.labelColor || allColors.lightGray};
13727
+ }
13728
+
13729
+ // this is the Radio component; something gets cranky and styles end up
13730
+ // not applied if we create a separate StyledComponent for Radio.
13731
+ label {
13732
+ display: flex;
13733
+ align-items: center;
13734
+
13735
+ margin-bottom: ${spacings.sm};
13736
+
13737
+ &.disabled {
13738
+ cursor: not-allowed;
13739
+ }
13740
+
13741
+ &:not(.disabled) {
13742
+ cursor: pointer;
13743
+
13744
+ &.selected,
13745
+ &:hover {
13746
+ color: ${(props) => props.hoverAndSelectedColor || allColors.white};
13747
+ }
13748
+ }
13749
+
13750
+ transition: color ${animation.duration} ${animation.timing};
13751
+
13752
+ svg {
13753
+ width: ${radioSize};
13754
+ height: ${radioSize};
13755
+
13756
+ margin-top: 1px;
13757
+ margin-right: ${spacings.sm};
13758
+ }
13759
+
13760
+ .radioCircle {
13761
+ stroke-width: ${strokeWidth};
13762
+ }
13763
+
13764
+ .radioDot {
13765
+ opacity: 0;
13766
+ }
13767
+
13768
+ .focusRing {
13769
+ opacity: 0;
13770
+
13771
+ stroke: ${(props) => props.focusRingColor || allColors.curiousBlue};
13772
+ stroke-width: ${strokeWidth};
13773
+ }
13774
+
13775
+ &.selected {
13776
+ .radioDot {
13777
+ opacity: 1;
13778
+ }
13779
+ }
13780
+
13781
+ &.focused {
13782
+ .focusRing {
13783
+ opacity: ${(props) => (props.hideFocusRing ? 0 : 1)};
13784
+ }
13785
+ }
13786
+ }
13787
+ `;
13788
+
13789
+ /**
13790
+ * Renders a group of radio buttons.
13791
+ *
13792
+ * A group label must be included: either pass a string or markup into the
13793
+ * `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
13794
+ */
13795
+ function RadioGroup(_a) {
13796
+ var { children } = _a, props = __rest(_a, ["children"]);
13797
+ const { color, hideFocusRing, labelColor, hoverAndSelectedColor, focusRingColor } = props;
13798
+ return (jsxRuntime.jsx(StyledRadioGroup, Object.assign({}, props, { hideFocusRing: true, "data-cy": props['data-cy'], color: color, labelColor: labelColor, hoverAndSelectedColor: hoverAndSelectedColor, focusRingColor: focusRingColor, children: children })));
13799
+ }
13800
+ /**
13801
+ * A single radio button and its label.
13802
+ */
13803
+ function Radio(_a) {
13804
+ var { children } = _a, props = __rest(_a, ["children"]);
13805
+ return (jsxRuntime.jsxs(Radio$1, Object.assign({}, props, { children: [jsxRuntime.jsxs("svg", { viewBox: "0 0 20 20", "aria-hidden": "true", focusable: "false", overflow: "visible", children: [jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 9, fill: "none", stroke: "currentColor", className: "radioCircle" }), jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 5, fill: "currentColor", stroke: "none", className: "radioDot" }), jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 12, fill: "none", className: "focusRing" })] }), children] })));
13806
+ }
13807
+
13808
+ const paddingRight = '30px';
13809
+ const StyledPagination = styled__default.default.div `
13810
+ width: 100%;
13811
+ position: relative;
13812
+
13813
+ .Pagination--stats {
13814
+ display: inline-block;
13815
+ padding: 10px 0;
13816
+ line-height: 1.6;
13817
+ }
13818
+
13819
+ .Pagination--button-group {
13820
+ display: flex;
13821
+ justify-content: flex-end;
13822
+ width: calc(25% + ${paddingRight});
13823
+ padding: 10px ${paddingRight} 10px 0;
13824
+ position: absolute;
13825
+ top: 0;
13826
+ right: 0;
13827
+
13828
+ > * {
13829
+ display: inline-block;
13830
+ font-size: 18px;
13831
+ vertical-align: middle;
13832
+ margin-right: 8px;
13833
+ }
13834
+
13835
+ button {
13836
+ width: auto;
13837
+ padding: 0;
13838
+ display: inline-block;
13839
+ background: none;
13840
+ box-shadow: none;
13841
+ text-decoration: underline;
13842
+ color: ${allColors.midFontColor};
13843
+
13844
+ &:hover {
13845
+ color: ${allColors.defaultFontColor};
13846
+ }
13847
+
13848
+ &.Pagination--non-click {
13849
+ text-decoration: none;
13850
+ }
13851
+ }
13852
+ }
13853
+ `;
13854
+
13855
+ function Pagination(props) {
12417
13856
  // renderPreviousPages = (currentPage, lastPage) => {
12418
13857
  // if (currentPage === lastPage - 2) {
12419
13858
  // return null
@@ -12660,99 +14099,33 @@ var Modal$1 = {};
12660
14099
 
12661
14100
  var propTypes = {exports: {}};
12662
14101
 
12663
- /**
12664
- * Copyright (c) 2013-present, Facebook, Inc.
12665
- *
12666
- * This source code is licensed under the MIT license found in the
12667
- * LICENSE file in the root directory of this source tree.
12668
- */
12669
-
12670
- var ReactPropTypesSecret_1;
12671
- var hasRequiredReactPropTypesSecret;
12672
-
12673
- function requireReactPropTypesSecret () {
12674
- if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
12675
- hasRequiredReactPropTypesSecret = 1;
12676
-
12677
- var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
14102
+ var reactIs = {exports: {}};
12678
14103
 
12679
- ReactPropTypesSecret_1 = ReactPropTypesSecret;
12680
- return ReactPropTypesSecret_1;
12681
- }
14104
+ var reactIs_production_min = {};
12682
14105
 
12683
- /**
12684
- * Copyright (c) 2013-present, Facebook, Inc.
14106
+ /** @license React v16.13.1
14107
+ * react-is.production.min.js
14108
+ *
14109
+ * Copyright (c) Facebook, Inc. and its affiliates.
12685
14110
  *
12686
14111
  * This source code is licensed under the MIT license found in the
12687
14112
  * LICENSE file in the root directory of this source tree.
12688
14113
  */
12689
14114
 
12690
- var factoryWithThrowingShims;
12691
- var hasRequiredFactoryWithThrowingShims;
12692
-
12693
- function requireFactoryWithThrowingShims () {
12694
- if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
12695
- hasRequiredFactoryWithThrowingShims = 1;
12696
-
12697
- var ReactPropTypesSecret = requireReactPropTypesSecret();
12698
-
12699
- function emptyFunction() {}
12700
- function emptyFunctionWithReset() {}
12701
- emptyFunctionWithReset.resetWarningCache = emptyFunction;
12702
-
12703
- factoryWithThrowingShims = function() {
12704
- function shim(props, propName, componentName, location, propFullName, secret) {
12705
- if (secret === ReactPropTypesSecret) {
12706
- // It is still safe when called from React.
12707
- return;
12708
- }
12709
- var err = new Error(
12710
- 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
12711
- 'Use PropTypes.checkPropTypes() to call them. ' +
12712
- 'Read more at http://fb.me/use-check-prop-types'
12713
- );
12714
- err.name = 'Invariant Violation';
12715
- throw err;
12716
- } shim.isRequired = shim;
12717
- function getShim() {
12718
- return shim;
12719
- } // Important!
12720
- // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
12721
- var ReactPropTypes = {
12722
- array: shim,
12723
- bigint: shim,
12724
- bool: shim,
12725
- func: shim,
12726
- number: shim,
12727
- object: shim,
12728
- string: shim,
12729
- symbol: shim,
12730
-
12731
- any: shim,
12732
- arrayOf: getShim,
12733
- element: shim,
12734
- elementType: shim,
12735
- instanceOf: getShim,
12736
- node: shim,
12737
- objectOf: getShim,
12738
- oneOf: getShim,
12739
- oneOfType: getShim,
12740
- shape: getShim,
12741
- exact: getShim,
12742
-
12743
- checkPropTypes: emptyFunctionWithReset,
12744
- resetWarningCache: emptyFunction
12745
- };
12746
-
12747
- ReactPropTypes.PropTypes = ReactPropTypes;
14115
+ var hasRequiredReactIs_production_min;
12748
14116
 
12749
- return ReactPropTypes;
12750
- };
12751
- return factoryWithThrowingShims;
14117
+ function requireReactIs_production_min () {
14118
+ if (hasRequiredReactIs_production_min) return reactIs_production_min;
14119
+ hasRequiredReactIs_production_min = 1;
14120
+ var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
14121
+ Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
14122
+ function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
14123
+ reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
14124
+ reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
14125
+ reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
14126
+ return reactIs_production_min;
12752
14127
  }
12753
14128
 
12754
- var reactIs = {exports: {}};
12755
-
12756
14129
  var reactIs_development = {};
12757
14130
 
12758
14131
  /** @license React v16.13.1
@@ -12942,31 +14315,6 @@ function requireReactIs_development () {
12942
14315
  return reactIs_development;
12943
14316
  }
12944
14317
 
12945
- var reactIs_production_min = {};
12946
-
12947
- /** @license React v16.13.1
12948
- * react-is.production.min.js
12949
- *
12950
- * Copyright (c) Facebook, Inc. and its affiliates.
12951
- *
12952
- * This source code is licensed under the MIT license found in the
12953
- * LICENSE file in the root directory of this source tree.
12954
- */
12955
-
12956
- var hasRequiredReactIs_production_min;
12957
-
12958
- function requireReactIs_production_min () {
12959
- if (hasRequiredReactIs_production_min) return reactIs_production_min;
12960
- hasRequiredReactIs_production_min = 1;
12961
- var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
12962
- Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
12963
- function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
12964
- reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
12965
- reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
12966
- reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
12967
- return reactIs_production_min;
12968
- }
12969
-
12970
14318
  var hasRequiredReactIs;
12971
14319
 
12972
14320
  function requireReactIs () {
@@ -13079,6 +14427,26 @@ function requireObjectAssign () {
13079
14427
  return objectAssign;
13080
14428
  }
13081
14429
 
14430
+ /**
14431
+ * Copyright (c) 2013-present, Facebook, Inc.
14432
+ *
14433
+ * This source code is licensed under the MIT license found in the
14434
+ * LICENSE file in the root directory of this source tree.
14435
+ */
14436
+
14437
+ var ReactPropTypesSecret_1;
14438
+ var hasRequiredReactPropTypesSecret;
14439
+
14440
+ function requireReactPropTypesSecret () {
14441
+ if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
14442
+ hasRequiredReactPropTypesSecret = 1;
14443
+
14444
+ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
14445
+
14446
+ ReactPropTypesSecret_1 = ReactPropTypesSecret;
14447
+ return ReactPropTypesSecret_1;
14448
+ }
14449
+
13082
14450
  var has;
13083
14451
  var hasRequiredHas;
13084
14452
 
@@ -13818,6 +15186,77 @@ function requireFactoryWithTypeCheckers () {
13818
15186
  return factoryWithTypeCheckers;
13819
15187
  }
13820
15188
 
15189
+ /**
15190
+ * Copyright (c) 2013-present, Facebook, Inc.
15191
+ *
15192
+ * This source code is licensed under the MIT license found in the
15193
+ * LICENSE file in the root directory of this source tree.
15194
+ */
15195
+
15196
+ var factoryWithThrowingShims;
15197
+ var hasRequiredFactoryWithThrowingShims;
15198
+
15199
+ function requireFactoryWithThrowingShims () {
15200
+ if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
15201
+ hasRequiredFactoryWithThrowingShims = 1;
15202
+
15203
+ var ReactPropTypesSecret = requireReactPropTypesSecret();
15204
+
15205
+ function emptyFunction() {}
15206
+ function emptyFunctionWithReset() {}
15207
+ emptyFunctionWithReset.resetWarningCache = emptyFunction;
15208
+
15209
+ factoryWithThrowingShims = function() {
15210
+ function shim(props, propName, componentName, location, propFullName, secret) {
15211
+ if (secret === ReactPropTypesSecret) {
15212
+ // It is still safe when called from React.
15213
+ return;
15214
+ }
15215
+ var err = new Error(
15216
+ 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
15217
+ 'Use PropTypes.checkPropTypes() to call them. ' +
15218
+ 'Read more at http://fb.me/use-check-prop-types'
15219
+ );
15220
+ err.name = 'Invariant Violation';
15221
+ throw err;
15222
+ } shim.isRequired = shim;
15223
+ function getShim() {
15224
+ return shim;
15225
+ } // Important!
15226
+ // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
15227
+ var ReactPropTypes = {
15228
+ array: shim,
15229
+ bigint: shim,
15230
+ bool: shim,
15231
+ func: shim,
15232
+ number: shim,
15233
+ object: shim,
15234
+ string: shim,
15235
+ symbol: shim,
15236
+
15237
+ any: shim,
15238
+ arrayOf: getShim,
15239
+ element: shim,
15240
+ elementType: shim,
15241
+ instanceOf: getShim,
15242
+ node: shim,
15243
+ objectOf: getShim,
15244
+ oneOf: getShim,
15245
+ oneOfType: getShim,
15246
+ shape: getShim,
15247
+ exact: getShim,
15248
+
15249
+ checkPropTypes: emptyFunctionWithReset,
15250
+ resetWarningCache: emptyFunction
15251
+ };
15252
+
15253
+ ReactPropTypes.PropTypes = ReactPropTypes;
15254
+
15255
+ return ReactPropTypes;
15256
+ };
15257
+ return factoryWithThrowingShims;
15258
+ }
15259
+
13821
15260
  /**
13822
15261
  * Copyright (c) 2013-present, Facebook, Inc.
13823
15262
  *
@@ -15855,7 +17294,6 @@ function Wizard(props) {
15855
17294
  };
15856
17295
  const handleNextPress = () => {
15857
17296
  const allowNext = onNextPress ? onNextPress() : true;
15858
- debugger;
15859
17297
  if (!allowNext) {
15860
17298
  return;
15861
17299
  }
@@ -16051,7 +17489,7 @@ function WizardWithSidebar(props) {
16051
17489
  }), children: [(Object.keys(validationErrors ? validationErrors : []).some((error) => stepSchema[step].inputsRequiringValidation.includes(error)) ||
16052
17490
  index > steps.indexOf(currentStep)) && (jsxRuntime.jsx("div", { className: "sidebar-step__number-icon", children: index + 1 })), !Object.keys(validationErrors ? validationErrors : []).some((error) => stepSchema[step].inputsRequiringValidation.includes(error)) &&
16053
17491
  index <= steps.indexOf(currentStep) && (jsxRuntime.jsx(Icon, { name: "fa-check-circle", className: "sidebar-step__check-icon" })), step] }, step));
16054
- })] }), jsxRuntime.jsxs("div", { className: "wizard-content", children: [jsxRuntime.jsx("div", { className: "wizard-content__header", children: jsxRuntime.jsx("h2", { children: currentStep }) }), jsxRuntime.jsx("div", { className: "wizard-content__body", children: children }), jsxRuntime.jsx("nav", { children: jsxRuntime.jsxs("div", { className: "wizard-buttons", children: [jsxRuntime.jsx(Button, { onClick: () => setOpenCancelConfirm(true), variant: "link-style", children: "Cancel" }), steps.indexOf(currentStep) !== 0 && (jsxRuntime.jsx(IconButton, { variant: "outline", iconName: "fa-arrow-left", label: "Previous Step", onPress: prevStep, isDisabled: disablePrevStep })), onLastStep ? (jsxRuntime.jsx(IconButton, { variant: "primary", iconName: "check", busy: isBusy, label: isBusy ? submitProcessing : submitButtonLabel, onPress: handleNextPress, isDisabled: disableSubmit })) : (jsxRuntime.jsx(IconButton, Object.assign({ variant: "primary", iconSide: "end", iconName: "fa-arrow-right", label: "Next Step", onPress: handleNextPress, isDisabled: disableNextStep }, nextButtonProps)))] }) })] }), jsxRuntime.jsx(ConfirmModal, { title: confirmCancel.title, message: confirmCancel.message, confirmText: confirmCancel.confirmText, rejectText: confirmCancel.rejectText, open: openCancelConfirm, clickOutsideHandler: () => setOpenCancelConfirm(false), responseHandler: handleCancelRequest })] }));
17492
+ })] }), jsxRuntime.jsxs("div", { className: "wizard-content", children: [jsxRuntime.jsx("div", { className: "wizard-content__header", children: jsxRuntime.jsx("h2", { children: currentStep }) }), jsxRuntime.jsx("div", { className: "wizard-content__body", children: children }), jsxRuntime.jsx("nav", { children: jsxRuntime.jsxs("div", { className: "wizard-buttons", children: [jsxRuntime.jsx(Button, { onClick: () => setOpenCancelConfirm(true), variant: "link-style", children: "Cancel" }), steps.indexOf(currentStep) !== 0 && (jsxRuntime.jsx(IconButton, { variant: "outline", iconName: "fa-arrow-left", label: "Previous Step", onPress: prevStep, isDisabled: disablePrevStep })), onLastStep ? (jsxRuntime.jsx(IconButton, { variant: "primary", iconName: "check", busy: isBusy, label: isBusy ? submitProcessing : submitButtonLabel, onPress: handleNextPress, isDisabled: disableSubmit })) : (jsxRuntime.jsx(IconButton, Object.assign({ variant: "primary", iconSide: "end", iconName: "fa-arrow-right", label: "Next Step", onPress: handleNextPress, isDisabled: disableNextStep }, nextButtonProps)))] }) })] }), jsxRuntime.jsx(ConfirmModal, { title: confirmCancel.title, message: confirmCancel.message, confirmText: confirmCancel.confirmText, rejectText: confirmCancel.rejectText, open: openCancelConfirm, clickOutsideHandler: () => setOpenCancelConfirm(false), responseHandler: handleCancelRequest, width: 430 })] }));
16055
17493
  }
16056
17494
 
16057
17495
  const fullViewportHeightMinusOffset = 'calc(100% - 42px)';
@@ -16211,6 +17649,8 @@ const Drawer = (props) => {
16211
17649
  };
16212
17650
 
16213
17651
  exports.ANIMATION = animation;
17652
+ exports.AbstractRadio = Radio$1;
17653
+ exports.AbstractRadioGroup = RadioGroup$1;
16214
17654
  exports.Accordion = Accordion;
16215
17655
  exports.BREAKPOINT = breakpoints;
16216
17656
  exports.BarSpinner = BarSpinner;
@@ -16237,6 +17677,8 @@ exports.NumberInput = NumberInput;
16237
17677
  exports.PADDINGS = padding;
16238
17678
  exports.Pagination = Pagination;
16239
17679
  exports.PercentageRing = PercentageRing;
17680
+ exports.Radio = Radio;
17681
+ exports.RadioGroup = RadioGroup;
16240
17682
  exports.RandomLoadingMessage = RandomLoadingMessage;
16241
17683
  exports.SPACING = spacings;
16242
17684
  exports.SearchInput = SearchInput;