@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
|
@@ -125,6 +125,7 @@ var BaseStyling = function BaseStyling(_ref) {
|
|
|
125
125
|
var _useState = React.useState(true),
|
|
126
126
|
isLoading = _useState[0],
|
|
127
127
|
setIsLoading = _useState[1];
|
|
128
|
+
var baseStylingWrapper = React.useRef(null);
|
|
128
129
|
var setCSSProperties = function setCSSProperties(CSSPropertiesObject) {
|
|
129
130
|
for (var _i = 0, _Object$entries = Object.entries(CSSPropertiesObject); _i < _Object$entries.length; _i++) {
|
|
130
131
|
var _Object$entries$_i = _Object$entries[_i],
|
|
@@ -133,41 +134,65 @@ var BaseStyling = function BaseStyling(_ref) {
|
|
|
133
134
|
var formattedPropertyName = key.replace(/([A-Z])/g, function (val) {
|
|
134
135
|
return "-" + val.toLowerCase();
|
|
135
136
|
});
|
|
136
|
-
|
|
137
|
+
baseStylingWrapper.current.style.setProperty("--" + formattedPropertyName, value);
|
|
137
138
|
}
|
|
138
139
|
};
|
|
139
140
|
React.useEffect(function () {
|
|
140
|
-
if (Object.keys(properties).length !== 0) {
|
|
141
|
+
if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {
|
|
141
142
|
var mergedState = _extends({}, defaultProperties, properties);
|
|
142
143
|
setCSSProperties(mergedState);
|
|
143
|
-
} else {
|
|
144
|
+
} else if (baseStylingWrapper.current) {
|
|
144
145
|
setCSSProperties(defaultProperties);
|
|
145
146
|
}
|
|
146
147
|
setIsLoading(false);
|
|
147
|
-
}, [properties]);
|
|
148
|
-
return
|
|
148
|
+
}, [properties, baseStylingWrapper.current]);
|
|
149
|
+
return React__default["default"].createElement("div", {
|
|
150
|
+
className: "basestyling-wrapper",
|
|
151
|
+
ref: baseStylingWrapper
|
|
152
|
+
}, !isLoading ? children : null);
|
|
149
153
|
};
|
|
150
154
|
|
|
151
155
|
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}}
|
|
152
156
|
|
|
153
|
-
var css$Y = ".
|
|
154
|
-
var modules_3484519b = {"sr-only":"
|
|
157
|
+
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)}}";
|
|
158
|
+
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"};
|
|
155
159
|
n(css$Y,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
156
160
|
|
|
157
|
-
var
|
|
161
|
+
var Spinner = function Spinner(props) {
|
|
162
|
+
return React__default["default"].createElement("svg", _extends({}, props, {
|
|
163
|
+
width: "24",
|
|
164
|
+
height: "24",
|
|
165
|
+
viewBox: "0 0 24 24",
|
|
166
|
+
fill: "none",
|
|
167
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
168
|
+
}), React__default["default"].createElement("path", {
|
|
169
|
+
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",
|
|
170
|
+
fill: "#5D607E"
|
|
171
|
+
}));
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
var _excluded$_ = ["children", "type", "className", "loading", "disabled"];
|
|
158
175
|
var BaseButtonComponent = function BaseButtonComponent(_ref, ref) {
|
|
159
176
|
var children = _ref.children,
|
|
160
177
|
_ref$type = _ref.type,
|
|
161
178
|
type = _ref$type === void 0 ? "button" : _ref$type,
|
|
162
179
|
className = _ref.className,
|
|
180
|
+
loading = _ref.loading,
|
|
181
|
+
disabled = _ref.disabled,
|
|
163
182
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$_);
|
|
164
183
|
var validTypes = ["submit", "button", "reset"];
|
|
184
|
+
var isDisabled = disabled || loading;
|
|
165
185
|
if (!validTypes.includes(type)) throw new Error("You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got " + type);
|
|
166
186
|
return React__default["default"].createElement("button", _extends({}, rest, {
|
|
187
|
+
disabled: isDisabled,
|
|
167
188
|
ref: ref,
|
|
168
189
|
type: type,
|
|
169
|
-
className: modules_3484519b.button + " " + (className ? className : "")
|
|
170
|
-
}),
|
|
190
|
+
className: modules_3484519b.button + " " + (loading ? modules_3484519b.loading : "") + " " + (className ? className : "")
|
|
191
|
+
}), loading ? React__default["default"].createElement(React.Fragment, null, React__default["default"].createElement("div", {
|
|
192
|
+
className: modules_3484519b["content-hidden"]
|
|
193
|
+
}, children), React__default["default"].createElement(Spinner, {
|
|
194
|
+
className: modules_3484519b["spinner"]
|
|
195
|
+
})) : children);
|
|
171
196
|
};
|
|
172
197
|
var BaseButton = /*#__PURE__*/React__default["default"].forwardRef(BaseButtonComponent);
|
|
173
198
|
|
|
@@ -587,8 +612,8 @@ var usePosition = function usePosition(providedConfigObject) {
|
|
|
587
612
|
});
|
|
588
613
|
};
|
|
589
614
|
var calculatePosition = useDebouncedCallback(function () {
|
|
590
|
-
var _configObject$relativ;
|
|
591
|
-
if (!((_configObject$relativ = configObject.relativeElement) != null && _configObject$relativ.current)) return;
|
|
615
|
+
var _configObject$relativ, _configObject$element;
|
|
616
|
+
if (!((_configObject$relativ = configObject.relativeElement) != null && _configObject$relativ.current) || !((_configObject$element = configObject.elementToBePositioned) != null && _configObject$element.current)) return;
|
|
592
617
|
var relativeElRect = configObject.relativeElement.current.getBoundingClientRect();
|
|
593
618
|
var elementToBePositionedDimensions = {
|
|
594
619
|
height: configObject.elementToBePositioned.current.offsetHeight,
|
|
@@ -702,6 +727,27 @@ var useBodyClick = function useBodyClick(checkFunction, callbackFunction, depend
|
|
|
702
727
|
}, [dependingStateVariable]);
|
|
703
728
|
};
|
|
704
729
|
|
|
730
|
+
var useGetDomRoot = function useGetDomRoot(passedDomRoot, relativeElement) {
|
|
731
|
+
var _useState = React.useState(document.body),
|
|
732
|
+
root = _useState[0],
|
|
733
|
+
setRoot = _useState[1];
|
|
734
|
+
React.useEffect(function () {
|
|
735
|
+
if (relativeElement && relativeElement.current && !passedDomRoot) {
|
|
736
|
+
var closestBaseStylingWrapper = relativeElement.current.closest(".basestyling-wrapper");
|
|
737
|
+
if (closestBaseStylingWrapper) {
|
|
738
|
+
setRoot(closestBaseStylingWrapper);
|
|
739
|
+
return;
|
|
740
|
+
}
|
|
741
|
+
} else if (passedDomRoot) {
|
|
742
|
+
setRoot(passedDomRoot);
|
|
743
|
+
return;
|
|
744
|
+
}
|
|
745
|
+
}, [relativeElement]);
|
|
746
|
+
return {
|
|
747
|
+
root: root
|
|
748
|
+
};
|
|
749
|
+
};
|
|
750
|
+
|
|
705
751
|
var _excluded$U = ["trigger", "children", "decorativeElement", "id", "show", "onShow", "onClose", "placement", "offset", "transformOrigin", "debounceAmount", "domRoot", "popoverProps"];
|
|
706
752
|
var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
707
753
|
var trigger = _ref.trigger,
|
|
@@ -730,11 +776,11 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
|
730
776
|
vertical: "top"
|
|
731
777
|
} : _ref$transformOrigin,
|
|
732
778
|
debounceAmount = _ref.debounceAmount,
|
|
733
|
-
|
|
734
|
-
domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
|
|
779
|
+
domRoot = _ref.domRoot,
|
|
735
780
|
popoverProps = _ref.popoverProps,
|
|
736
781
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$U);
|
|
737
782
|
var anchorEl = React.useRef(null);
|
|
783
|
+
var wrappingDivRef = ref || React.createRef();
|
|
738
784
|
var _useState = React.useState(show),
|
|
739
785
|
showContextMenu = _useState[0],
|
|
740
786
|
setShowContextMenu = _useState[1];
|
|
@@ -752,6 +798,8 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
|
752
798
|
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. */
|
|
753
799
|
var _useState6 = React.useState(React__default["default"].Children.count(children)),
|
|
754
800
|
childrenCount = _useState6[0];
|
|
801
|
+
var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
|
|
802
|
+
root = _useGetDomRoot.root;
|
|
755
803
|
if (!id) {
|
|
756
804
|
throw new Error("You need to provide an ID to the context menu");
|
|
757
805
|
}
|
|
@@ -849,8 +897,11 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
|
849
897
|
var onOutOfViewHandler = React.useCallback(function () {
|
|
850
898
|
setShowContextMenu(false);
|
|
851
899
|
}, []);
|
|
900
|
+
if (!root) {
|
|
901
|
+
return null;
|
|
902
|
+
}
|
|
852
903
|
return React__default["default"].createElement("div", _extends({}, rest, {
|
|
853
|
-
ref:
|
|
904
|
+
ref: wrappingDivRef,
|
|
854
905
|
onKeyDown: onArrowNavigation,
|
|
855
906
|
className: modules_846e6042["context-menu"]
|
|
856
907
|
}), renderTrigger(), reactDom.createPortal(React__default["default"].createElement(Popover, _extends({}, popoverProps, {
|
|
@@ -868,7 +919,7 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
|
|
|
868
919
|
id: id + "-menu",
|
|
869
920
|
"aria-describedby": id,
|
|
870
921
|
role: "menu"
|
|
871
|
-
}, renderChildren())),
|
|
922
|
+
}, renderChildren())), root));
|
|
872
923
|
};
|
|
873
924
|
var ContextMenu = /*#__PURE__*/React__default["default"].forwardRef(ContextMenuComponent);
|
|
874
925
|
|
|
@@ -1446,8 +1497,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
|
|
|
1446
1497
|
offset = _ref$offset === void 0 ? defaultPosition.offset : _ref$offset,
|
|
1447
1498
|
_ref$transformOrigin = _ref.transformOrigin,
|
|
1448
1499
|
transformOrigin = _ref$transformOrigin === void 0 ? defaultPosition.transformOrigin : _ref$transformOrigin,
|
|
1449
|
-
|
|
1450
|
-
domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
|
|
1500
|
+
domRoot = _ref.domRoot,
|
|
1451
1501
|
label = _ref.label,
|
|
1452
1502
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$K);
|
|
1453
1503
|
var _useState = React.useState(generateID()),
|
|
@@ -1455,6 +1505,9 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
|
|
|
1455
1505
|
var _useState2 = React.useState(false),
|
|
1456
1506
|
visible = _useState2[0],
|
|
1457
1507
|
setVisible = _useState2[1];
|
|
1508
|
+
var wrappingDivRef = ref || React.createRef();
|
|
1509
|
+
var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
|
|
1510
|
+
root = _useGetDomRoot.root;
|
|
1458
1511
|
var relativeElement = React.useRef(null);
|
|
1459
1512
|
var elementToBePositioned = React.useRef(null);
|
|
1460
1513
|
var _usePosition = usePosition({
|
|
@@ -1511,7 +1564,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
|
|
|
1511
1564
|
}, label);
|
|
1512
1565
|
};
|
|
1513
1566
|
return React__default["default"].createElement("div", _extends({}, rest, {
|
|
1514
|
-
ref:
|
|
1567
|
+
ref: wrappingDivRef,
|
|
1515
1568
|
className: modules_16974fb0.wrapper + " " + (className != null ? className : "")
|
|
1516
1569
|
}), renderChildren(), React__default["default"].createElement("div", {
|
|
1517
1570
|
className: "" + modules_16974fb0["tooltip-wrapper"]
|
|
@@ -1537,7 +1590,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
|
|
|
1537
1590
|
"aria-hidden": !visible,
|
|
1538
1591
|
id: identifier,
|
|
1539
1592
|
className: modules_16974fb0.tooltip + " " + (visible ? modules_16974fb0.visible : "")
|
|
1540
|
-
}, children),
|
|
1593
|
+
}, children), root)));
|
|
1541
1594
|
};
|
|
1542
1595
|
var Tooltip = /*#__PURE__*/React__default["default"].forwardRef(TooltipComponent);
|
|
1543
1596
|
|
|
@@ -2437,10 +2490,12 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
|
|
|
2437
2490
|
_ref$forceContainerOp = _ref.forceContainerOpen,
|
|
2438
2491
|
forceContainerOpen = _ref$forceContainerOp === void 0 ? false : _ref$forceContainerOp,
|
|
2439
2492
|
zIndex = _ref.zIndex,
|
|
2440
|
-
|
|
2441
|
-
domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
|
|
2493
|
+
domRoot = _ref.domRoot,
|
|
2442
2494
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$B);
|
|
2443
2495
|
useSetBodyScroll(open);
|
|
2496
|
+
var wrappingDivRef = React.useRef(null);
|
|
2497
|
+
var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
|
|
2498
|
+
root = _useGetDomRoot.root;
|
|
2444
2499
|
var handleEscKeyPress = function handleEscKeyPress(event) {
|
|
2445
2500
|
if (!disableEscapeKeyDown && event.key === "Escape") {
|
|
2446
2501
|
event.stopPropagation();
|
|
@@ -2450,7 +2505,9 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
|
|
|
2450
2505
|
var handleBackdropClick = function handleBackdropClick() {
|
|
2451
2506
|
return !disableBackdrop && onClose && onClose();
|
|
2452
2507
|
};
|
|
2453
|
-
return
|
|
2508
|
+
return React__default["default"].createElement("div", {
|
|
2509
|
+
ref: wrappingDivRef
|
|
2510
|
+
}, reactDom.createPortal(React__default["default"].createElement("div", _extends({}, rest, {
|
|
2454
2511
|
ref: ref,
|
|
2455
2512
|
id: id,
|
|
2456
2513
|
className: modules_cf1b230e["modal"] + " " + (open ? modules_cf1b230e["visible"] : "") + " " + className,
|
|
@@ -2480,7 +2537,7 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
|
|
|
2480
2537
|
zIndex: zIndex && zIndex + 1
|
|
2481
2538
|
},
|
|
2482
2539
|
className: modules_cf1b230e["container"] + " " + ((_containerProps$class2 = containerProps == null ? void 0 : containerProps.className) != null ? _containerProps$class2 : "")
|
|
2483
|
-
}), children)),
|
|
2540
|
+
}), children)), root));
|
|
2484
2541
|
};
|
|
2485
2542
|
var BaseModal = /*#__PURE__*/React__default["default"].forwardRef(BaseModalComponent);
|
|
2486
2543
|
|
|
@@ -2564,8 +2621,8 @@ var BaseModalContentComponent = function BaseModalContentComponent(_ref, ref) {
|
|
|
2564
2621
|
};
|
|
2565
2622
|
var BaseModalContent = /*#__PURE__*/React__default["default"].forwardRef(BaseModalContentComponent);
|
|
2566
2623
|
|
|
2567
|
-
var css$x = ".
|
|
2568
|
-
var modules_6b4a9db0 = {"actions":"
|
|
2624
|
+
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}";
|
|
2625
|
+
var modules_6b4a9db0 = {"actions":"BaseModalActions_module_actions__b0981b5d"};
|
|
2569
2626
|
n(css$x,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
2570
2627
|
|
|
2571
2628
|
var _excluded$z = ["children", "className"];
|
|
@@ -3050,13 +3107,15 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3050
3107
|
} : _ref$autoHideDuration,
|
|
3051
3108
|
_ref$stackSize = _ref.stackSize,
|
|
3052
3109
|
stackSize = _ref$stackSize === void 0 ? 3 : _ref$stackSize,
|
|
3053
|
-
|
|
3054
|
-
domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
|
|
3110
|
+
domRoot = _ref.domRoot,
|
|
3055
3111
|
children = _ref.children,
|
|
3056
3112
|
className = _ref.className;
|
|
3057
3113
|
var _useState = React.useState([]),
|
|
3058
3114
|
snackbars = _useState[0],
|
|
3059
3115
|
setSnackbars = _useState[1];
|
|
3116
|
+
var wrappingDivRef = React.useRef(null);
|
|
3117
|
+
var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
|
|
3118
|
+
root = _useGetDomRoot.root;
|
|
3060
3119
|
var addSnackbar = function addSnackbar(item) {
|
|
3061
3120
|
setSnackbars(function (items) {
|
|
3062
3121
|
return [].concat(items, [item]);
|
|
@@ -3134,7 +3193,7 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3134
3193
|
var snackbarPortal = reactDom.createPortal(React__default["default"].createElement(SnackbarContainer, {
|
|
3135
3194
|
placement: placement,
|
|
3136
3195
|
className: className
|
|
3137
|
-
}, snackbarList),
|
|
3196
|
+
}, snackbarList), root);
|
|
3138
3197
|
return React__default["default"].createElement(SnackbarContextProvider, {
|
|
3139
3198
|
initialState: {
|
|
3140
3199
|
enqueueSnackbar: enqueueSnackbar,
|
|
@@ -3143,7 +3202,9 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3143
3202
|
setSnackbarHeight: setSnackbarHeight,
|
|
3144
3203
|
snackbars: snackbars
|
|
3145
3204
|
}
|
|
3146
|
-
}, children,
|
|
3205
|
+
}, children, React__default["default"].createElement("div", {
|
|
3206
|
+
ref: wrappingDivRef
|
|
3207
|
+
}, snackbarPortal));
|
|
3147
3208
|
};
|
|
3148
3209
|
|
|
3149
3210
|
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)}";
|
|
@@ -3570,8 +3631,8 @@ var FormControlComponent = function FormControlComponent(_ref, ref) {
|
|
|
3570
3631
|
};
|
|
3571
3632
|
var FormControl = /*#__PURE__*/React__default["default"].forwardRef(FormControlComponent);
|
|
3572
3633
|
|
|
3573
|
-
var css$h = ".
|
|
3574
|
-
var modules_bc06a1ad = {"sr-only":"
|
|
3634
|
+
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)}";
|
|
3635
|
+
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"};
|
|
3575
3636
|
n(css$h,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3576
3637
|
|
|
3577
3638
|
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}";
|