@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.
- package/lib/components/Accordion/Accordion.styles.d.ts +1 -275
- package/lib/components/Icon/Icon.stories.d.ts +2 -2
- package/lib/components/Icon/storyHelpers.d.ts +3 -813
- package/lib/components/ListTable/Header/Header.styles.d.ts +1 -272
- package/lib/components/ListTable/ListTable.styles.d.ts +1 -272
- package/lib/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts +2 -543
- package/lib/components/Navigation/Drawer/DrawerLinkList.styles.d.ts +1 -272
- package/lib/components/Pagination/Pagination.styles.d.ts +1 -272
- package/lib/components/Wizard/Wizard.styles.d.ts +3 -814
- package/lib/components/basic-section/Section/Section.styles.d.ts +1 -272
- package/lib/components/basic-section/SectionBlock/SectionBlock.styles.d.ts +1 -272
- package/lib/components/basic-section/SectionBody/SectionBody.styles.d.ts +1 -272
- package/lib/components/basic-section/SectionHeader/SectionHeader.styles.d.ts +1 -272
- package/lib/components/basic-section/SectionTable/SectionTable.styles.d.ts +1 -272
- package/lib/components/buttons/Button/Button.styles.d.ts +1 -282
- package/lib/components/buttons/IconButton/IconButton.styles.d.ts +2 -567
- package/lib/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts +2 -543
- package/lib/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts +1 -84
- package/lib/components/dropdowns/Select/Select.styles.d.ts +1 -272
- package/lib/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts +1 -84
- package/lib/components/index.d.ts +1 -1
- package/lib/components/inputs/EditableInput/EditableInput.styles.d.ts +1 -272
- package/lib/components/inputs/NumberInput/NumberInput.styles.d.ts +1 -272
- package/lib/components/inputs/RadioButtons/RadioButtons.d.ts +24 -0
- package/lib/components/inputs/RadioButtons/RadioButtons.stories.d.ts +15 -0
- package/lib/components/inputs/RadioButtons/RadioButtons.styles.d.ts +14 -0
- package/lib/components/inputs/RadioButtons/index.d.ts +1 -0
- package/lib/components/inputs/RadioGroup/RadioGroup.d.ts +27 -0
- package/lib/components/inputs/RadioGroup/RadioGroup.stories.d.ts +16 -0
- package/lib/components/inputs/RadioGroup/RadioGroup.styles.d.ts +2 -0
- package/lib/components/inputs/RadioGroup/index.d.ts +1 -0
- package/lib/components/inputs/SearchInput/SearchInput.styles.d.ts +1 -272
- package/lib/components/inputs/TextInput/TextInput.styles.d.ts +2 -543
- package/lib/components/inputs/index.d.ts +2 -0
- package/lib/components/loading-indicators/BarSpinner/BarSpinner.styles.d.ts +1 -272
- package/lib/components/loading-indicators/LoadingList/LoadingList.styles.d.ts +1 -272
- package/lib/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts +1 -272
- package/lib/components/modals/ConfirmModal/ConfirmModal.styles.d.ts +1 -272
- package/lib/components/modals/ModalBase/ModalBase.styles.d.ts +1 -3
- package/lib/components/user-feedback/Shrug/Shrug.styles.d.ts +1 -272
- package/lib/index.d.ts +191 -953
- package/lib/index.esm.js +1624 -186
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +1626 -184
- package/lib/index.js.map +1 -1
- package/lib/tokens/colors.d.ts +2 -0
- package/package.json +45 -42
- package/src/components/Wizard/Wizard.tsx +0 -1
- package/src/components/WizardWithSidebar/WizardWithSidebar.tsx +1 -0
- package/src/components/index.ts +10 -1
- package/src/components/inputs/RadioButtons/RadioButtons.stories.tsx +84 -0
- package/src/components/inputs/RadioButtons/RadioButtons.styles.ts +82 -0
- package/src/components/inputs/RadioButtons/RadioButtons.tsx +61 -0
- package/src/components/inputs/RadioButtons/index.tsx +1 -0
- package/src/components/inputs/RadioGroup/RadioGroup.stories.tsx +66 -0
- package/src/components/inputs/RadioGroup/RadioGroup.styles.ts +11 -0
- package/src/components/inputs/RadioGroup/RadioGroup.tsx +120 -0
- package/src/components/inputs/RadioGroup/index.ts +1 -0
- package/src/components/inputs/SearchInput/SearchInput.styles.ts +1 -1
- package/src/components/inputs/index.ts +2 -0
- package/src/components/loading-indicators/LoadingIndicator/LoadingIndicator.stories.tsx +0 -1
- package/src/index.ts +4 -0
- package/src/tokens/colors.ts +2 -0
- 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 (
|
|
8359
|
-
|
|
8360
|
-
|
|
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
|
-
|
|
8378
|
-
|
|
8379
|
-
|
|
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
|
|
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
|
-
|
|
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"
|
|
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 =
|
|
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 (
|
|
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
|
-
|
|
12370
|
-
|
|
12371
|
-
|
|
12372
|
-
|
|
12373
|
-
|
|
12374
|
-
|
|
12375
|
-
|
|
12376
|
-
|
|
12377
|
-
|
|
12378
|
-
|
|
12379
|
-
|
|
12380
|
-
|
|
12381
|
-
|
|
12382
|
-
|
|
12383
|
-
|
|
12384
|
-
|
|
12385
|
-
|
|
12386
|
-
|
|
12387
|
-
|
|
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
|
-
|
|
12410
|
-
|
|
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
|
-
|
|
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
|
-
|
|
12680
|
-
return ReactPropTypesSecret_1;
|
|
12681
|
-
}
|
|
14104
|
+
var reactIs_production_min = {};
|
|
12682
14105
|
|
|
12683
|
-
/**
|
|
12684
|
-
*
|
|
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
|
|
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
|
-
|
|
12750
|
-
|
|
12751
|
-
|
|
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;
|