@onewelcome/react-lib-components 1.8.3 → 1.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button/BaseButton.d.ts +2 -1
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/IconButton.d.ts +1 -1
- package/dist/Button/Spinner.d.ts +2 -0
- package/dist/Notifications/BaseModal/BaseModal.d.ts +1 -1
- package/dist/_BaseStyling_/BaseStyling.d.ts +1 -1
- package/dist/hooks/useGetDomRoot.d.ts +3 -0
- package/dist/react-lib-components.cjs.development.js +93 -32
- package/dist/react-lib-components.cjs.development.js.map +1 -1
- package/dist/react-lib-components.cjs.production.min.js +1 -1
- package/dist/react-lib-components.cjs.production.min.js.map +1 -1
- package/dist/react-lib-components.esm.js +94 -33
- package/dist/react-lib-components.esm.js.map +1 -1
- package/dist/util/helper.d.ts +1 -0
- package/package.json +14 -14
- package/src/Button/BaseButton.module.scss +24 -0
- package/src/Button/BaseButton.test.tsx +12 -0
- package/src/Button/BaseButton.tsx +17 -5
- package/src/Button/Spinner.tsx +33 -0
- package/src/ContextMenu/ContextMenu.tsx +18 -3
- package/src/DataGrid/DataGridBody/__snapshots__/DataGridBody.test.tsx.snap +4 -4
- package/src/Form/FileUpload/FileUpload.module.scss +9 -2
- package/src/Form/FileUpload/FileUpload.tsx +35 -33
- package/src/Form/Wrapper/InputWrapper/InputWrapper.module.scss +1 -0
- package/src/Notifications/BaseModal/BaseModal.tsx +48 -41
- package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss +1 -1
- package/src/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.tsx +7 -4
- package/src/Tooltip/Tooltip.tsx +9 -3
- package/src/_BaseStyling_/BaseStyling.tsx +14 -6
- package/src/hooks/useGetDomRoot.ts +40 -0
- package/src/hooks/usePosition.ts +2 -1
- package/src/hooks/useUploadFile.test.ts +2 -2
- package/src/hooks/useUploadFile.tsx +8 -5
- package/src/util/helper.test.tsx +16 -1
- package/src/util/helper.tsx +9 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState, useEffect, Fragment,
|
|
1
|
+
import React, { useState, useRef, useEffect, Fragment, createRef, useCallback, useLayoutEffect, createContext, useContext, useReducer, useMemo } from 'react';
|
|
2
2
|
import { createPortal } from 'react-dom';
|
|
3
3
|
|
|
4
4
|
function _extends() {
|
|
@@ -117,6 +117,7 @@ var BaseStyling = function BaseStyling(_ref) {
|
|
|
117
117
|
var _useState = useState(true),
|
|
118
118
|
isLoading = _useState[0],
|
|
119
119
|
setIsLoading = _useState[1];
|
|
120
|
+
var baseStylingWrapper = useRef(null);
|
|
120
121
|
var setCSSProperties = function setCSSProperties(CSSPropertiesObject) {
|
|
121
122
|
for (var _i = 0, _Object$entries = Object.entries(CSSPropertiesObject); _i < _Object$entries.length; _i++) {
|
|
122
123
|
var _Object$entries$_i = _Object$entries[_i],
|
|
@@ -125,41 +126,65 @@ var BaseStyling = function BaseStyling(_ref) {
|
|
|
125
126
|
var formattedPropertyName = key.replace(/([A-Z])/g, function (val) {
|
|
126
127
|
return "-" + val.toLowerCase();
|
|
127
128
|
});
|
|
128
|
-
|
|
129
|
+
baseStylingWrapper.current.style.setProperty("--" + formattedPropertyName, value);
|
|
129
130
|
}
|
|
130
131
|
};
|
|
131
132
|
useEffect(function () {
|
|
132
|
-
if (Object.keys(properties).length !== 0) {
|
|
133
|
+
if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {
|
|
133
134
|
var mergedState = _extends({}, defaultProperties, properties);
|
|
134
135
|
setCSSProperties(mergedState);
|
|
135
|
-
} else {
|
|
136
|
+
} else if (baseStylingWrapper.current) {
|
|
136
137
|
setCSSProperties(defaultProperties);
|
|
137
138
|
}
|
|
138
139
|
setIsLoading(false);
|
|
139
|
-
}, [properties]);
|
|
140
|
-
return
|
|
140
|
+
}, [properties, baseStylingWrapper.current]);
|
|
141
|
+
return React.createElement("div", {
|
|
142
|
+
className: "basestyling-wrapper",
|
|
143
|
+
ref: baseStylingWrapper
|
|
144
|
+
}, !isLoading ? children : null);
|
|
141
145
|
};
|
|
142
146
|
|
|
143
147
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
144
148
|
|
|
145
|
-
var css$Y = ".
|
|
146
|
-
var modules_3484519b = {"sr-only":"
|
|
149
|
+
var css$Y = ".BaseButton_module_srOnly__3c780b95{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseButton_module_hidden__3c780b95{display:none}.BaseButton_module_slideIn__3c780b95{animation:BaseButton_module_slideIn__3c780b95 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_module_slideIn__3c780b95{animation-duration:.1ms}}.BaseButton_module_slideOut__3c780b95{animation:BaseButton_module_slideOut__3c780b95 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_module_slideOut__3c780b95{animation-duration:.1ms}}@keyframes BaseButton_module_slideIn__3c780b95{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseButton_module_slideOut__3c780b95{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseButton_module_w6__3c780b95{width:6%}.BaseButton_module_w7__3c780b95{width:7%}.BaseButton_module_w8__3c780b95{width:8%}.BaseButton_module_w9__3c780b95{width:9%}.BaseButton_module_w10__3c780b95{width:10%}.BaseButton_module_w11__3c780b95{width:11%}.BaseButton_module_w12__3c780b95{width:12%}.BaseButton_module_w13__3c780b95{width:13%}.BaseButton_module_w14__3c780b95{width:14%}.BaseButton_module_w15__3c780b95{width:15%}.BaseButton_module_w16__3c780b95{width:16%}.BaseButton_module_w17__3c780b95{width:17%}.BaseButton_module_w18__3c780b95{width:18%}.BaseButton_module_w19__3c780b95{width:19%}.BaseButton_module_w20__3c780b95{width:20%}.BaseButton_module_w21__3c780b95{width:21%}.BaseButton_module_w22__3c780b95{width:22%}.BaseButton_module_w23__3c780b95{width:23%}.BaseButton_module_w24__3c780b95{width:24%}.BaseButton_module_w25__3c780b95{width:25%}.BaseButton_module_w26__3c780b95{width:26%}.BaseButton_module_w27__3c780b95{width:27%}.BaseButton_module_w28__3c780b95{width:28%}.BaseButton_module_w29__3c780b95{width:29%}.BaseButton_module_w30__3c780b95{width:30%}.BaseButton_module_w31__3c780b95{width:31%}.BaseButton_module_w32__3c780b95{width:32%}.BaseButton_module_w33__3c780b95{width:33%}.BaseButton_module_w34__3c780b95{width:34%}.BaseButton_module_w35__3c780b95{width:35%}.BaseButton_module_w36__3c780b95{width:36%}.BaseButton_module_w37__3c780b95{width:37%}.BaseButton_module_w38__3c780b95{width:38%}.BaseButton_module_w39__3c780b95{width:39%}.BaseButton_module_w40__3c780b95{width:40%}.BaseButton_module_w41__3c780b95{width:41%}.BaseButton_module_w42__3c780b95{width:42%}.BaseButton_module_w43__3c780b95{width:43%}.BaseButton_module_w44__3c780b95{width:44%}.BaseButton_module_w45__3c780b95{width:45%}.BaseButton_module_w46__3c780b95{width:46%}.BaseButton_module_w47__3c780b95{width:47%}.BaseButton_module_w48__3c780b95{width:48%}.BaseButton_module_w49__3c780b95{width:49%}.BaseButton_module_w50__3c780b95{width:50%}.BaseButton_module_w51__3c780b95{width:51%}.BaseButton_module_w52__3c780b95{width:52%}.BaseButton_module_w53__3c780b95{width:53%}.BaseButton_module_w54__3c780b95{width:54%}.BaseButton_module_w55__3c780b95{width:55%}.BaseButton_module_w56__3c780b95{width:56%}.BaseButton_module_w57__3c780b95{width:57%}.BaseButton_module_w58__3c780b95{width:58%}.BaseButton_module_w59__3c780b95{width:59%}.BaseButton_module_w60__3c780b95{width:60%}.BaseButton_module_w61__3c780b95{width:61%}.BaseButton_module_w62__3c780b95{width:62%}.BaseButton_module_w63__3c780b95{width:63%}.BaseButton_module_w64__3c780b95{width:64%}.BaseButton_module_w65__3c780b95{width:65%}.BaseButton_module_w66__3c780b95{width:66%}.BaseButton_module_w67__3c780b95{width:67%}.BaseButton_module_w68__3c780b95{width:68%}.BaseButton_module_w69__3c780b95{width:69%}.BaseButton_module_w70__3c780b95{width:70%}.BaseButton_module_w71__3c780b95{width:71%}.BaseButton_module_w72__3c780b95{width:72%}.BaseButton_module_w73__3c780b95{width:73%}.BaseButton_module_w74__3c780b95{width:74%}.BaseButton_module_w75__3c780b95{width:75%}.BaseButton_module_w76__3c780b95{width:76%}.BaseButton_module_w77__3c780b95{width:77%}.BaseButton_module_w78__3c780b95{width:78%}.BaseButton_module_w79__3c780b95{width:79%}.BaseButton_module_w80__3c780b95{width:80%}.BaseButton_module_w81__3c780b95{width:81%}.BaseButton_module_w82__3c780b95{width:82%}.BaseButton_module_w83__3c780b95{width:83%}.BaseButton_module_w84__3c780b95{width:84%}.BaseButton_module_w85__3c780b95{width:85%}.BaseButton_module_w86__3c780b95{width:86%}.BaseButton_module_w87__3c780b95{width:87%}.BaseButton_module_w88__3c780b95{width:88%}.BaseButton_module_w89__3c780b95{width:89%}.BaseButton_module_w90__3c780b95{width:90%}.BaseButton_module_w91__3c780b95{width:91%}.BaseButton_module_w92__3c780b95{width:92%}.BaseButton_module_w93__3c780b95{width:93%}.BaseButton_module_w94__3c780b95{width:94%}.BaseButton_module_w95__3c780b95{width:95%}.BaseButton_module_w96__3c780b95{width:96%}.BaseButton_module_w97__3c780b95{width:97%}.BaseButton_module_w98__3c780b95{width:98%}.BaseButton_module_w99__3c780b95{width:99%}.BaseButton_module_w100__3c780b95{width:100%}.BaseButton_module_w101__3c780b95{width:101%}.BaseButton_module_w102__3c780b95{width:102%}.BaseButton_module_w103__3c780b95{width:103%}.BaseButton_module_w104__3c780b95{width:104%}.BaseButton_module_w105__3c780b95{width:105%}.BaseButton_module_button__3c780b95{border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-font-size);margin:0;min-height:2.5rem;padding:.5rem 1.25rem;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.BaseButton_module_button__3c780b95{transition-duration:.1ms}}.BaseButton_module_button__3c780b95:disabled{color:var(--greyed-out);cursor:not-allowed}.BaseButton_module_button__3c780b95 .BaseButton_module_contentHidden__3c780b95{display:flex;visibility:hidden}.BaseButton_module_spinner__3c780b95{animation:BaseButton_module_spin__3c780b95 1s linear infinite;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transform:translate(-50%,-50%)}@keyframes BaseButton_module_spin__3c780b95{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";
|
|
150
|
+
var modules_3484519b = {"sr-only":"BaseButton_module_srOnly__3c780b95","hidden":"BaseButton_module_hidden__3c780b95","slide-in":"BaseButton_module_slideIn__3c780b95","slide-out":"BaseButton_module_slideOut__3c780b95","w-6":"BaseButton_module_w6__3c780b95","w-7":"BaseButton_module_w7__3c780b95","w-8":"BaseButton_module_w8__3c780b95","w-9":"BaseButton_module_w9__3c780b95","w-10":"BaseButton_module_w10__3c780b95","w-11":"BaseButton_module_w11__3c780b95","w-12":"BaseButton_module_w12__3c780b95","w-13":"BaseButton_module_w13__3c780b95","w-14":"BaseButton_module_w14__3c780b95","w-15":"BaseButton_module_w15__3c780b95","w-16":"BaseButton_module_w16__3c780b95","w-17":"BaseButton_module_w17__3c780b95","w-18":"BaseButton_module_w18__3c780b95","w-19":"BaseButton_module_w19__3c780b95","w-20":"BaseButton_module_w20__3c780b95","w-21":"BaseButton_module_w21__3c780b95","w-22":"BaseButton_module_w22__3c780b95","w-23":"BaseButton_module_w23__3c780b95","w-24":"BaseButton_module_w24__3c780b95","w-25":"BaseButton_module_w25__3c780b95","w-26":"BaseButton_module_w26__3c780b95","w-27":"BaseButton_module_w27__3c780b95","w-28":"BaseButton_module_w28__3c780b95","w-29":"BaseButton_module_w29__3c780b95","w-30":"BaseButton_module_w30__3c780b95","w-31":"BaseButton_module_w31__3c780b95","w-32":"BaseButton_module_w32__3c780b95","w-33":"BaseButton_module_w33__3c780b95","w-34":"BaseButton_module_w34__3c780b95","w-35":"BaseButton_module_w35__3c780b95","w-36":"BaseButton_module_w36__3c780b95","w-37":"BaseButton_module_w37__3c780b95","w-38":"BaseButton_module_w38__3c780b95","w-39":"BaseButton_module_w39__3c780b95","w-40":"BaseButton_module_w40__3c780b95","w-41":"BaseButton_module_w41__3c780b95","w-42":"BaseButton_module_w42__3c780b95","w-43":"BaseButton_module_w43__3c780b95","w-44":"BaseButton_module_w44__3c780b95","w-45":"BaseButton_module_w45__3c780b95","w-46":"BaseButton_module_w46__3c780b95","w-47":"BaseButton_module_w47__3c780b95","w-48":"BaseButton_module_w48__3c780b95","w-49":"BaseButton_module_w49__3c780b95","w-50":"BaseButton_module_w50__3c780b95","w-51":"BaseButton_module_w51__3c780b95","w-52":"BaseButton_module_w52__3c780b95","w-53":"BaseButton_module_w53__3c780b95","w-54":"BaseButton_module_w54__3c780b95","w-55":"BaseButton_module_w55__3c780b95","w-56":"BaseButton_module_w56__3c780b95","w-57":"BaseButton_module_w57__3c780b95","w-58":"BaseButton_module_w58__3c780b95","w-59":"BaseButton_module_w59__3c780b95","w-60":"BaseButton_module_w60__3c780b95","w-61":"BaseButton_module_w61__3c780b95","w-62":"BaseButton_module_w62__3c780b95","w-63":"BaseButton_module_w63__3c780b95","w-64":"BaseButton_module_w64__3c780b95","w-65":"BaseButton_module_w65__3c780b95","w-66":"BaseButton_module_w66__3c780b95","w-67":"BaseButton_module_w67__3c780b95","w-68":"BaseButton_module_w68__3c780b95","w-69":"BaseButton_module_w69__3c780b95","w-70":"BaseButton_module_w70__3c780b95","w-71":"BaseButton_module_w71__3c780b95","w-72":"BaseButton_module_w72__3c780b95","w-73":"BaseButton_module_w73__3c780b95","w-74":"BaseButton_module_w74__3c780b95","w-75":"BaseButton_module_w75__3c780b95","w-76":"BaseButton_module_w76__3c780b95","w-77":"BaseButton_module_w77__3c780b95","w-78":"BaseButton_module_w78__3c780b95","w-79":"BaseButton_module_w79__3c780b95","w-80":"BaseButton_module_w80__3c780b95","w-81":"BaseButton_module_w81__3c780b95","w-82":"BaseButton_module_w82__3c780b95","w-83":"BaseButton_module_w83__3c780b95","w-84":"BaseButton_module_w84__3c780b95","w-85":"BaseButton_module_w85__3c780b95","w-86":"BaseButton_module_w86__3c780b95","w-87":"BaseButton_module_w87__3c780b95","w-88":"BaseButton_module_w88__3c780b95","w-89":"BaseButton_module_w89__3c780b95","w-90":"BaseButton_module_w90__3c780b95","w-91":"BaseButton_module_w91__3c780b95","w-92":"BaseButton_module_w92__3c780b95","w-93":"BaseButton_module_w93__3c780b95","w-94":"BaseButton_module_w94__3c780b95","w-95":"BaseButton_module_w95__3c780b95","w-96":"BaseButton_module_w96__3c780b95","w-97":"BaseButton_module_w97__3c780b95","w-98":"BaseButton_module_w98__3c780b95","w-99":"BaseButton_module_w99__3c780b95","w-100":"BaseButton_module_w100__3c780b95","w-101":"BaseButton_module_w101__3c780b95","w-102":"BaseButton_module_w102__3c780b95","w-103":"BaseButton_module_w103__3c780b95","w-104":"BaseButton_module_w104__3c780b95","w-105":"BaseButton_module_w105__3c780b95","button":"BaseButton_module_button__3c780b95","content-hidden":"BaseButton_module_contentHidden__3c780b95","spinner":"BaseButton_module_spinner__3c780b95","spin":"BaseButton_module_spin__3c780b95"};
|
|
147
151
|
n(css$Y,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
148
152
|
|
|
149
|
-
var
|
|
153
|
+
var Spinner = function Spinner(props) {
|
|
154
|
+
return React.createElement("svg", _extends({}, props, {
|
|
155
|
+
width: "24",
|
|
156
|
+
height: "24",
|
|
157
|
+
viewBox: "0 0 24 24",
|
|
158
|
+
fill: "none",
|
|
159
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
160
|
+
}), React.createElement("path", {
|
|
161
|
+
d: "M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z",
|
|
162
|
+
fill: "#5D607E"
|
|
163
|
+
}));
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
var _excluded$_ = ["children", "type", "className", "loading", "disabled"];
|
|
150
167
|
var BaseButtonComponent = function BaseButtonComponent(_ref, ref) {
|
|
151
168
|
var children = _ref.children,
|
|
152
169
|
_ref$type = _ref.type,
|
|
153
170
|
type = _ref$type === void 0 ? "button" : _ref$type,
|
|
154
171
|
className = _ref.className,
|
|
172
|
+
loading = _ref.loading,
|
|
173
|
+
disabled = _ref.disabled,
|
|
155
174
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$_);
|
|
156
175
|
var validTypes = ["submit", "button", "reset"];
|
|
176
|
+
var isDisabled = disabled || loading;
|
|
157
177
|
if (!validTypes.includes(type)) throw new Error("You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got " + type);
|
|
158
178
|
return React.createElement("button", _extends({}, rest, {
|
|
179
|
+
disabled: isDisabled,
|
|
159
180
|
ref: ref,
|
|
160
181
|
type: type,
|
|
161
|
-
className: modules_3484519b.button + " " + (className ? className : "")
|
|
162
|
-
}),
|
|
182
|
+
className: modules_3484519b.button + " " + (loading ? modules_3484519b.loading : "") + " " + (className ? className : "")
|
|
183
|
+
}), loading ? React.createElement(Fragment, null, React.createElement("div", {
|
|
184
|
+
className: modules_3484519b["content-hidden"]
|
|
185
|
+
}, children), React.createElement(Spinner, {
|
|
186
|
+
className: modules_3484519b["spinner"]
|
|
187
|
+
})) : children);
|
|
163
188
|
};
|
|
164
189
|
var BaseButton = /*#__PURE__*/React.forwardRef(BaseButtonComponent);
|
|
165
190
|
|
|
@@ -579,8 +604,8 @@ var usePosition = function usePosition(providedConfigObject) {
|
|
|
579
604
|
});
|
|
580
605
|
};
|
|
581
606
|
var calculatePosition = useDebouncedCallback(function () {
|
|
582
|
-
var _configObject$relativ;
|
|
583
|
-
if (!((_configObject$relativ = configObject.relativeElement) != null && _configObject$relativ.current)) return;
|
|
607
|
+
var _configObject$relativ, _configObject$element;
|
|
608
|
+
if (!((_configObject$relativ = configObject.relativeElement) != null && _configObject$relativ.current) || !((_configObject$element = configObject.elementToBePositioned) != null && _configObject$element.current)) return;
|
|
584
609
|
var relativeElRect = configObject.relativeElement.current.getBoundingClientRect();
|
|
585
610
|
var elementToBePositionedDimensions = {
|
|
586
611
|
height: configObject.elementToBePositioned.current.offsetHeight,
|
|
@@ -694,6 +719,27 @@ var useBodyClick = function useBodyClick(checkFunction, callbackFunction, depend
|
|
|
694
719
|
}, [dependingStateVariable]);
|
|
695
720
|
};
|
|
696
721
|
|
|
722
|
+
var useGetDomRoot = function useGetDomRoot(passedDomRoot, relativeElement) {
|
|
723
|
+
var _useState = useState(document.body),
|
|
724
|
+
root = _useState[0],
|
|
725
|
+
setRoot = _useState[1];
|
|
726
|
+
useEffect(function () {
|
|
727
|
+
if (relativeElement && relativeElement.current && !passedDomRoot) {
|
|
728
|
+
var closestBaseStylingWrapper = relativeElement.current.closest(".basestyling-wrapper");
|
|
729
|
+
if (closestBaseStylingWrapper) {
|
|
730
|
+
setRoot(closestBaseStylingWrapper);
|
|
731
|
+
return;
|
|
732
|
+
}
|
|
733
|
+
} else if (passedDomRoot) {
|
|
734
|
+
setRoot(passedDomRoot);
|
|
735
|
+
return;
|
|
736
|
+
}
|
|
737
|
+
}, [relativeElement]);
|
|
738
|
+
return {
|
|
739
|
+
root: root
|
|
740
|
+
};
|
|
741
|
+
};
|
|
742
|
+
|
|
697
743
|
var _excluded$U = ["trigger", "children", "decorativeElement", "id", "show", "onShow", "onClose", "placement", "offset", "transformOrigin", "debounceAmount", "domRoot", "popoverProps"];
|
|
698
744
|
var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
699
745
|
var trigger = _ref.trigger,
|
|
@@ -722,11 +768,11 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
|
722
768
|
vertical: "top"
|
|
723
769
|
} : _ref$transformOrigin,
|
|
724
770
|
debounceAmount = _ref.debounceAmount,
|
|
725
|
-
|
|
726
|
-
domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
|
|
771
|
+
domRoot = _ref.domRoot,
|
|
727
772
|
popoverProps = _ref.popoverProps,
|
|
728
773
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$U);
|
|
729
774
|
var anchorEl = useRef(null);
|
|
775
|
+
var wrappingDivRef = ref || createRef();
|
|
730
776
|
var _useState = useState(show),
|
|
731
777
|
showContextMenu = _useState[0],
|
|
732
778
|
setShowContextMenu = _useState[1];
|
|
@@ -744,6 +790,8 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
|
744
790
|
setShouldClick = _useState5[1]; /** We need this, because whenever we use the arrow keys to select the contextmenu item, and we focus the currently selected item it fires the "click" listener in ContextMenuItem component. Instead, we only want this to fire if we press "enter" or "spacebar" so we set this to true whenever that is the case, and back to false when it has been executed. */
|
|
745
791
|
var _useState6 = useState(React.Children.count(children)),
|
|
746
792
|
childrenCount = _useState6[0];
|
|
793
|
+
var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
|
|
794
|
+
root = _useGetDomRoot.root;
|
|
747
795
|
if (!id) {
|
|
748
796
|
throw new Error("You need to provide an ID to the context menu");
|
|
749
797
|
}
|
|
@@ -841,8 +889,11 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
|
841
889
|
var onOutOfViewHandler = useCallback(function () {
|
|
842
890
|
setShowContextMenu(false);
|
|
843
891
|
}, []);
|
|
892
|
+
if (!root) {
|
|
893
|
+
return null;
|
|
894
|
+
}
|
|
844
895
|
return React.createElement("div", _extends({}, rest, {
|
|
845
|
-
ref:
|
|
896
|
+
ref: wrappingDivRef,
|
|
846
897
|
onKeyDown: onArrowNavigation,
|
|
847
898
|
className: modules_846e6042["context-menu"]
|
|
848
899
|
}), renderTrigger(), createPortal(React.createElement(Popover, _extends({}, popoverProps, {
|
|
@@ -860,7 +911,7 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
|
860
911
|
id: id + "-menu",
|
|
861
912
|
"aria-describedby": id,
|
|
862
913
|
role: "menu"
|
|
863
|
-
}, renderChildren())),
|
|
914
|
+
}, renderChildren())), root));
|
|
864
915
|
};
|
|
865
916
|
var ContextMenu = /*#__PURE__*/React.forwardRef(ContextMenuComponent);
|
|
866
917
|
|
|
@@ -1438,8 +1489,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
|
|
|
1438
1489
|
offset = _ref$offset === void 0 ? defaultPosition.offset : _ref$offset,
|
|
1439
1490
|
_ref$transformOrigin = _ref.transformOrigin,
|
|
1440
1491
|
transformOrigin = _ref$transformOrigin === void 0 ? defaultPosition.transformOrigin : _ref$transformOrigin,
|
|
1441
|
-
|
|
1442
|
-
domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
|
|
1492
|
+
domRoot = _ref.domRoot,
|
|
1443
1493
|
label = _ref.label,
|
|
1444
1494
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$K);
|
|
1445
1495
|
var _useState = useState(generateID()),
|
|
@@ -1447,6 +1497,9 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
|
|
|
1447
1497
|
var _useState2 = useState(false),
|
|
1448
1498
|
visible = _useState2[0],
|
|
1449
1499
|
setVisible = _useState2[1];
|
|
1500
|
+
var wrappingDivRef = ref || createRef();
|
|
1501
|
+
var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
|
|
1502
|
+
root = _useGetDomRoot.root;
|
|
1450
1503
|
var relativeElement = useRef(null);
|
|
1451
1504
|
var elementToBePositioned = useRef(null);
|
|
1452
1505
|
var _usePosition = usePosition({
|
|
@@ -1503,7 +1556,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
|
|
|
1503
1556
|
}, label);
|
|
1504
1557
|
};
|
|
1505
1558
|
return React.createElement("div", _extends({}, rest, {
|
|
1506
|
-
ref:
|
|
1559
|
+
ref: wrappingDivRef,
|
|
1507
1560
|
className: modules_16974fb0.wrapper + " " + (className != null ? className : "")
|
|
1508
1561
|
}), renderChildren(), React.createElement("div", {
|
|
1509
1562
|
className: "" + modules_16974fb0["tooltip-wrapper"]
|
|
@@ -1529,7 +1582,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
|
|
|
1529
1582
|
"aria-hidden": !visible,
|
|
1530
1583
|
id: identifier,
|
|
1531
1584
|
className: modules_16974fb0.tooltip + " " + (visible ? modules_16974fb0.visible : "")
|
|
1532
|
-
}, children),
|
|
1585
|
+
}, children), root)));
|
|
1533
1586
|
};
|
|
1534
1587
|
var Tooltip = /*#__PURE__*/React.forwardRef(TooltipComponent);
|
|
1535
1588
|
|
|
@@ -2429,10 +2482,12 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
|
|
|
2429
2482
|
_ref$forceContainerOp = _ref.forceContainerOpen,
|
|
2430
2483
|
forceContainerOpen = _ref$forceContainerOp === void 0 ? false : _ref$forceContainerOp,
|
|
2431
2484
|
zIndex = _ref.zIndex,
|
|
2432
|
-
|
|
2433
|
-
domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
|
|
2485
|
+
domRoot = _ref.domRoot,
|
|
2434
2486
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$B);
|
|
2435
2487
|
useSetBodyScroll(open);
|
|
2488
|
+
var wrappingDivRef = useRef(null);
|
|
2489
|
+
var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
|
|
2490
|
+
root = _useGetDomRoot.root;
|
|
2436
2491
|
var handleEscKeyPress = function handleEscKeyPress(event) {
|
|
2437
2492
|
if (!disableEscapeKeyDown && event.key === "Escape") {
|
|
2438
2493
|
event.stopPropagation();
|
|
@@ -2442,7 +2497,9 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
|
|
|
2442
2497
|
var handleBackdropClick = function handleBackdropClick() {
|
|
2443
2498
|
return !disableBackdrop && onClose && onClose();
|
|
2444
2499
|
};
|
|
2445
|
-
return
|
|
2500
|
+
return React.createElement("div", {
|
|
2501
|
+
ref: wrappingDivRef
|
|
2502
|
+
}, createPortal(React.createElement("div", _extends({}, rest, {
|
|
2446
2503
|
ref: ref,
|
|
2447
2504
|
id: id,
|
|
2448
2505
|
className: modules_cf1b230e["modal"] + " " + (open ? modules_cf1b230e["visible"] : "") + " " + className,
|
|
@@ -2472,7 +2529,7 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
|
|
|
2472
2529
|
zIndex: zIndex && zIndex + 1
|
|
2473
2530
|
},
|
|
2474
2531
|
className: modules_cf1b230e["container"] + " " + ((_containerProps$class2 = containerProps == null ? void 0 : containerProps.className) != null ? _containerProps$class2 : "")
|
|
2475
|
-
}), children)),
|
|
2532
|
+
}), children)), root));
|
|
2476
2533
|
};
|
|
2477
2534
|
var BaseModal = /*#__PURE__*/React.forwardRef(BaseModalComponent);
|
|
2478
2535
|
|
|
@@ -2556,8 +2613,8 @@ var BaseModalContentComponent = function BaseModalContentComponent(_ref, ref) {
|
|
|
2556
2613
|
};
|
|
2557
2614
|
var BaseModalContent = /*#__PURE__*/React.forwardRef(BaseModalContentComponent);
|
|
2558
2615
|
|
|
2559
|
-
var css$x = ".
|
|
2560
|
-
var modules_6b4a9db0 = {"actions":"
|
|
2616
|
+
var css$x = ".BaseModalActions_module_actions__b0981b5d{display:flex;justify-content:flex-end;margin:1.875rem 1.25rem}.BaseModalActions_module_actions__b0981b5d>*{margin-left:2rem}";
|
|
2617
|
+
var modules_6b4a9db0 = {"actions":"BaseModalActions_module_actions__b0981b5d"};
|
|
2561
2618
|
n(css$x,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
2562
2619
|
|
|
2563
2620
|
var _excluded$z = ["children", "className"];
|
|
@@ -3042,13 +3099,15 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3042
3099
|
} : _ref$autoHideDuration,
|
|
3043
3100
|
_ref$stackSize = _ref.stackSize,
|
|
3044
3101
|
stackSize = _ref$stackSize === void 0 ? 3 : _ref$stackSize,
|
|
3045
|
-
|
|
3046
|
-
domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
|
|
3102
|
+
domRoot = _ref.domRoot,
|
|
3047
3103
|
children = _ref.children,
|
|
3048
3104
|
className = _ref.className;
|
|
3049
3105
|
var _useState = useState([]),
|
|
3050
3106
|
snackbars = _useState[0],
|
|
3051
3107
|
setSnackbars = _useState[1];
|
|
3108
|
+
var wrappingDivRef = useRef(null);
|
|
3109
|
+
var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
|
|
3110
|
+
root = _useGetDomRoot.root;
|
|
3052
3111
|
var addSnackbar = function addSnackbar(item) {
|
|
3053
3112
|
setSnackbars(function (items) {
|
|
3054
3113
|
return [].concat(items, [item]);
|
|
@@ -3126,7 +3185,7 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3126
3185
|
var snackbarPortal = createPortal(React.createElement(SnackbarContainer, {
|
|
3127
3186
|
placement: placement,
|
|
3128
3187
|
className: className
|
|
3129
|
-
}, snackbarList),
|
|
3188
|
+
}, snackbarList), root);
|
|
3130
3189
|
return React.createElement(SnackbarContextProvider, {
|
|
3131
3190
|
initialState: {
|
|
3132
3191
|
enqueueSnackbar: enqueueSnackbar,
|
|
@@ -3135,7 +3194,9 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3135
3194
|
setSnackbarHeight: setSnackbarHeight,
|
|
3136
3195
|
snackbars: snackbars
|
|
3137
3196
|
}
|
|
3138
|
-
}, children,
|
|
3197
|
+
}, children, React.createElement("div", {
|
|
3198
|
+
ref: wrappingDivRef
|
|
3199
|
+
}, snackbarPortal));
|
|
3139
3200
|
};
|
|
3140
3201
|
|
|
3141
3202
|
var css$p = ".Checkbox_module_checkboxWrapper__0342c60f{position:relative}.Checkbox_module_checkboxWrapper__0342c60f+.Checkbox_module_checkboxWrapper__0342c60f{margin-top:1.25rem}.Checkbox_module_checkboxContainer__0342c60f{align-items:center;display:flex}.Checkbox_module_checkboxContainer__0342c60f label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size);margin-left:.5rem;user-select:none}.Checkbox_module_checkboxList__0342c60f{list-style:none;margin:1.25rem 0 0 1.75rem;padding:0}.Checkbox_module_checkboxList__0342c60f li+li{margin-top:1.25rem}.Checkbox_module_nativeInput__0342c60f{height:1.25rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.25rem}.Checkbox_module_nativeInput__0342c60f:checked+*{color:var(--color-primary)}.Checkbox_module_nativeInput__0342c60f:focus-visible+*{border-radius:2px;outline:1px solid var(--color-focus);outline-offset:1px}.Checkbox_module_nativeInput__0342c60f.Checkbox_module_error__0342c60f:focus-visible+*{outline-color:var(--color-error)}.Checkbox_module_input__0342c60f{font-size:1.25rem;pointer-events:none}.Checkbox_module_disabled__0342c60f{color:var(--disabled)}";
|
|
@@ -3562,8 +3623,8 @@ var FormControlComponent = function FormControlComponent(_ref, ref) {
|
|
|
3562
3623
|
};
|
|
3563
3624
|
var FormControl = /*#__PURE__*/React.forwardRef(FormControlComponent);
|
|
3564
3625
|
|
|
3565
|
-
var css$h = ".
|
|
3566
|
-
var modules_bc06a1ad = {"sr-only":"
|
|
3626
|
+
var css$h = ".InputWrapper_module_srOnly__ff80c51e{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.InputWrapper_module_hidden__ff80c51e{display:none}.InputWrapper_module_slideIn__ff80c51e{animation:InputWrapper_module_slideIn__ff80c51e .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideIn__ff80c51e{animation-duration:.1ms}}.InputWrapper_module_slideOut__ff80c51e{animation:InputWrapper_module_slideOut__ff80c51e .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideOut__ff80c51e{animation-duration:.1ms}}@keyframes InputWrapper_module_slideIn__ff80c51e{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_module_slideOut__ff80c51e{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.InputWrapper_module_w6__ff80c51e{width:6%}.InputWrapper_module_w7__ff80c51e{width:7%}.InputWrapper_module_w8__ff80c51e{width:8%}.InputWrapper_module_w9__ff80c51e{width:9%}.InputWrapper_module_w10__ff80c51e{width:10%}.InputWrapper_module_w11__ff80c51e{width:11%}.InputWrapper_module_w12__ff80c51e{width:12%}.InputWrapper_module_w13__ff80c51e{width:13%}.InputWrapper_module_w14__ff80c51e{width:14%}.InputWrapper_module_w15__ff80c51e{width:15%}.InputWrapper_module_w16__ff80c51e{width:16%}.InputWrapper_module_w17__ff80c51e{width:17%}.InputWrapper_module_w18__ff80c51e{width:18%}.InputWrapper_module_w19__ff80c51e{width:19%}.InputWrapper_module_w20__ff80c51e{width:20%}.InputWrapper_module_w21__ff80c51e{width:21%}.InputWrapper_module_w22__ff80c51e{width:22%}.InputWrapper_module_w23__ff80c51e{width:23%}.InputWrapper_module_w24__ff80c51e{width:24%}.InputWrapper_module_w25__ff80c51e{width:25%}.InputWrapper_module_w26__ff80c51e{width:26%}.InputWrapper_module_w27__ff80c51e{width:27%}.InputWrapper_module_w28__ff80c51e{width:28%}.InputWrapper_module_w29__ff80c51e{width:29%}.InputWrapper_module_w30__ff80c51e{width:30%}.InputWrapper_module_w31__ff80c51e{width:31%}.InputWrapper_module_w32__ff80c51e{width:32%}.InputWrapper_module_w33__ff80c51e{width:33%}.InputWrapper_module_w34__ff80c51e{width:34%}.InputWrapper_module_w35__ff80c51e{width:35%}.InputWrapper_module_w36__ff80c51e{width:36%}.InputWrapper_module_w37__ff80c51e{width:37%}.InputWrapper_module_w38__ff80c51e{width:38%}.InputWrapper_module_w39__ff80c51e{width:39%}.InputWrapper_module_w40__ff80c51e{width:40%}.InputWrapper_module_w41__ff80c51e{width:41%}.InputWrapper_module_w42__ff80c51e{width:42%}.InputWrapper_module_w43__ff80c51e{width:43%}.InputWrapper_module_w44__ff80c51e{width:44%}.InputWrapper_module_w45__ff80c51e{width:45%}.InputWrapper_module_w46__ff80c51e{width:46%}.InputWrapper_module_w47__ff80c51e{width:47%}.InputWrapper_module_w48__ff80c51e{width:48%}.InputWrapper_module_w49__ff80c51e{width:49%}.InputWrapper_module_w50__ff80c51e{width:50%}.InputWrapper_module_w51__ff80c51e{width:51%}.InputWrapper_module_w52__ff80c51e{width:52%}.InputWrapper_module_w53__ff80c51e{width:53%}.InputWrapper_module_w54__ff80c51e{width:54%}.InputWrapper_module_w55__ff80c51e{width:55%}.InputWrapper_module_w56__ff80c51e{width:56%}.InputWrapper_module_w57__ff80c51e{width:57%}.InputWrapper_module_w58__ff80c51e{width:58%}.InputWrapper_module_w59__ff80c51e{width:59%}.InputWrapper_module_w60__ff80c51e{width:60%}.InputWrapper_module_w61__ff80c51e{width:61%}.InputWrapper_module_w62__ff80c51e{width:62%}.InputWrapper_module_w63__ff80c51e{width:63%}.InputWrapper_module_w64__ff80c51e{width:64%}.InputWrapper_module_w65__ff80c51e{width:65%}.InputWrapper_module_w66__ff80c51e{width:66%}.InputWrapper_module_w67__ff80c51e{width:67%}.InputWrapper_module_w68__ff80c51e{width:68%}.InputWrapper_module_w69__ff80c51e{width:69%}.InputWrapper_module_w70__ff80c51e{width:70%}.InputWrapper_module_w71__ff80c51e{width:71%}.InputWrapper_module_w72__ff80c51e{width:72%}.InputWrapper_module_w73__ff80c51e{width:73%}.InputWrapper_module_w74__ff80c51e{width:74%}.InputWrapper_module_w75__ff80c51e{width:75%}.InputWrapper_module_w76__ff80c51e{width:76%}.InputWrapper_module_w77__ff80c51e{width:77%}.InputWrapper_module_w78__ff80c51e{width:78%}.InputWrapper_module_w79__ff80c51e{width:79%}.InputWrapper_module_w80__ff80c51e{width:80%}.InputWrapper_module_w81__ff80c51e{width:81%}.InputWrapper_module_w82__ff80c51e{width:82%}.InputWrapper_module_w83__ff80c51e{width:83%}.InputWrapper_module_w84__ff80c51e{width:84%}.InputWrapper_module_w85__ff80c51e{width:85%}.InputWrapper_module_w86__ff80c51e{width:86%}.InputWrapper_module_w87__ff80c51e{width:87%}.InputWrapper_module_w88__ff80c51e{width:88%}.InputWrapper_module_w89__ff80c51e{width:89%}.InputWrapper_module_w90__ff80c51e{width:90%}.InputWrapper_module_w91__ff80c51e{width:91%}.InputWrapper_module_w92__ff80c51e{width:92%}.InputWrapper_module_w93__ff80c51e{width:93%}.InputWrapper_module_w94__ff80c51e{width:94%}.InputWrapper_module_w95__ff80c51e{width:95%}.InputWrapper_module_w96__ff80c51e{width:96%}.InputWrapper_module_w97__ff80c51e{width:97%}.InputWrapper_module_w98__ff80c51e{width:98%}.InputWrapper_module_w99__ff80c51e{width:99%}.InputWrapper_module_w100__ff80c51e{width:100%}.InputWrapper_module_w101__ff80c51e{width:101%}.InputWrapper_module_w102__ff80c51e{width:102%}.InputWrapper_module_w103__ff80c51e{width:103%}.InputWrapper_module_w104__ff80c51e{width:104%}.InputWrapper_module_w105__ff80c51e{width:105%}label.InputWrapper_module_inputLabel__ff80c51e.InputWrapper_module_focus__ff80c51e.InputWrapper_module_focus__ff80c51e{color:var(--color-primary)}input.InputWrapper_module_floatingLabel__ff80c51e{padding-top:1rem}.InputWrapper_module_inputWrapperHelper__ff80c51e{margin-top:.25rem}.InputWrapper_module_inputWrapper__ff80c51e [data-icon]:before{font-size:1.125rem;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.InputWrapper_module_inputWrapper__ff80c51e [data-icon]:before{transition-duration:.1ms}}.InputWrapper_module_inputWrapper__ff80c51e .InputWrapper_module_floatingLabelActive__ff80c51e [data-icon]:before{transform:translateY(5px)}.InputWrapper_module_inputWrapper__ff80c51e [data-prefix],.InputWrapper_module_inputWrapper__ff80c51e [data-suffix]{font-family:var(--font-family);transform:translateY(-.125rem)}.InputWrapper_module_inputWrapper__ff80c51e [data-prefix]+input{padding-left:.5rem}.InputWrapper_module_inputWrapper__ff80c51e [data-suffix]{padding-left:1.25rem}.InputWrapper_module_inputWrapper__ff80c51e input+[data-suffix]{padding-left:.5rem}.InputWrapper_module_inputWrapper__ff80c51e .InputWrapper_module_disabled__ff80c51e{background-color:var(--disabled);cursor:not-allowed}.InputWrapper_module_floatingLabelActive__ff80c51e [data-prefix],.InputWrapper_module_floatingLabelActive__ff80c51e [data-suffix]{padding-top:1rem;transform:translateY(0)}";
|
|
3627
|
+
var modules_bc06a1ad = {"sr-only":"InputWrapper_module_srOnly__ff80c51e","hidden":"InputWrapper_module_hidden__ff80c51e","slide-in":"InputWrapper_module_slideIn__ff80c51e","slide-out":"InputWrapper_module_slideOut__ff80c51e","w-6":"InputWrapper_module_w6__ff80c51e","w-7":"InputWrapper_module_w7__ff80c51e","w-8":"InputWrapper_module_w8__ff80c51e","w-9":"InputWrapper_module_w9__ff80c51e","w-10":"InputWrapper_module_w10__ff80c51e","w-11":"InputWrapper_module_w11__ff80c51e","w-12":"InputWrapper_module_w12__ff80c51e","w-13":"InputWrapper_module_w13__ff80c51e","w-14":"InputWrapper_module_w14__ff80c51e","w-15":"InputWrapper_module_w15__ff80c51e","w-16":"InputWrapper_module_w16__ff80c51e","w-17":"InputWrapper_module_w17__ff80c51e","w-18":"InputWrapper_module_w18__ff80c51e","w-19":"InputWrapper_module_w19__ff80c51e","w-20":"InputWrapper_module_w20__ff80c51e","w-21":"InputWrapper_module_w21__ff80c51e","w-22":"InputWrapper_module_w22__ff80c51e","w-23":"InputWrapper_module_w23__ff80c51e","w-24":"InputWrapper_module_w24__ff80c51e","w-25":"InputWrapper_module_w25__ff80c51e","w-26":"InputWrapper_module_w26__ff80c51e","w-27":"InputWrapper_module_w27__ff80c51e","w-28":"InputWrapper_module_w28__ff80c51e","w-29":"InputWrapper_module_w29__ff80c51e","w-30":"InputWrapper_module_w30__ff80c51e","w-31":"InputWrapper_module_w31__ff80c51e","w-32":"InputWrapper_module_w32__ff80c51e","w-33":"InputWrapper_module_w33__ff80c51e","w-34":"InputWrapper_module_w34__ff80c51e","w-35":"InputWrapper_module_w35__ff80c51e","w-36":"InputWrapper_module_w36__ff80c51e","w-37":"InputWrapper_module_w37__ff80c51e","w-38":"InputWrapper_module_w38__ff80c51e","w-39":"InputWrapper_module_w39__ff80c51e","w-40":"InputWrapper_module_w40__ff80c51e","w-41":"InputWrapper_module_w41__ff80c51e","w-42":"InputWrapper_module_w42__ff80c51e","w-43":"InputWrapper_module_w43__ff80c51e","w-44":"InputWrapper_module_w44__ff80c51e","w-45":"InputWrapper_module_w45__ff80c51e","w-46":"InputWrapper_module_w46__ff80c51e","w-47":"InputWrapper_module_w47__ff80c51e","w-48":"InputWrapper_module_w48__ff80c51e","w-49":"InputWrapper_module_w49__ff80c51e","w-50":"InputWrapper_module_w50__ff80c51e","w-51":"InputWrapper_module_w51__ff80c51e","w-52":"InputWrapper_module_w52__ff80c51e","w-53":"InputWrapper_module_w53__ff80c51e","w-54":"InputWrapper_module_w54__ff80c51e","w-55":"InputWrapper_module_w55__ff80c51e","w-56":"InputWrapper_module_w56__ff80c51e","w-57":"InputWrapper_module_w57__ff80c51e","w-58":"InputWrapper_module_w58__ff80c51e","w-59":"InputWrapper_module_w59__ff80c51e","w-60":"InputWrapper_module_w60__ff80c51e","w-61":"InputWrapper_module_w61__ff80c51e","w-62":"InputWrapper_module_w62__ff80c51e","w-63":"InputWrapper_module_w63__ff80c51e","w-64":"InputWrapper_module_w64__ff80c51e","w-65":"InputWrapper_module_w65__ff80c51e","w-66":"InputWrapper_module_w66__ff80c51e","w-67":"InputWrapper_module_w67__ff80c51e","w-68":"InputWrapper_module_w68__ff80c51e","w-69":"InputWrapper_module_w69__ff80c51e","w-70":"InputWrapper_module_w70__ff80c51e","w-71":"InputWrapper_module_w71__ff80c51e","w-72":"InputWrapper_module_w72__ff80c51e","w-73":"InputWrapper_module_w73__ff80c51e","w-74":"InputWrapper_module_w74__ff80c51e","w-75":"InputWrapper_module_w75__ff80c51e","w-76":"InputWrapper_module_w76__ff80c51e","w-77":"InputWrapper_module_w77__ff80c51e","w-78":"InputWrapper_module_w78__ff80c51e","w-79":"InputWrapper_module_w79__ff80c51e","w-80":"InputWrapper_module_w80__ff80c51e","w-81":"InputWrapper_module_w81__ff80c51e","w-82":"InputWrapper_module_w82__ff80c51e","w-83":"InputWrapper_module_w83__ff80c51e","w-84":"InputWrapper_module_w84__ff80c51e","w-85":"InputWrapper_module_w85__ff80c51e","w-86":"InputWrapper_module_w86__ff80c51e","w-87":"InputWrapper_module_w87__ff80c51e","w-88":"InputWrapper_module_w88__ff80c51e","w-89":"InputWrapper_module_w89__ff80c51e","w-90":"InputWrapper_module_w90__ff80c51e","w-91":"InputWrapper_module_w91__ff80c51e","w-92":"InputWrapper_module_w92__ff80c51e","w-93":"InputWrapper_module_w93__ff80c51e","w-94":"InputWrapper_module_w94__ff80c51e","w-95":"InputWrapper_module_w95__ff80c51e","w-96":"InputWrapper_module_w96__ff80c51e","w-97":"InputWrapper_module_w97__ff80c51e","w-98":"InputWrapper_module_w98__ff80c51e","w-99":"InputWrapper_module_w99__ff80c51e","w-100":"InputWrapper_module_w100__ff80c51e","w-101":"InputWrapper_module_w101__ff80c51e","w-102":"InputWrapper_module_w102__ff80c51e","w-103":"InputWrapper_module_w103__ff80c51e","w-104":"InputWrapper_module_w104__ff80c51e","w-105":"InputWrapper_module_w105__ff80c51e","input-label":"InputWrapper_module_inputLabel__ff80c51e","focus":"InputWrapper_module_focus__ff80c51e","floating-label":"InputWrapper_module_floatingLabel__ff80c51e","input-wrapper-helper":"InputWrapper_module_inputWrapperHelper__ff80c51e","input-wrapper":"InputWrapper_module_inputWrapper__ff80c51e","floating-label-active":"InputWrapper_module_floatingLabelActive__ff80c51e","disabled":"InputWrapper_module_disabled__ff80c51e"};
|
|
3567
3628
|
n(css$h,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3568
3629
|
|
|
3569
3630
|
var css$g = ".FormGroup_module_formGroup__9eafa373{position:relative}.FormGroup_module_error__9eafa373{color:var(--error)}.FormGroup_module_errorMessage__9eafa373{align-items:flex-end;display:flex}.FormGroup_module_errorIcon__9eafa373{font-size:1.25rem;margin-right:.5rem}.FormGroup_module_errorIconBefore__9eafa373{margin-right:.5rem}.FormGroup_module_errorIconAfter__9eafa373{margin-left:.5rem}.FormGroup_module_defaultHelper__9eafa373{font-size:.75rem}";
|