@deque/cauldron-react 6.1.0-canary.66285037 → 6.1.0-canary.c2d49bda

package/lib/index.js

@@ -1345,7 +1345,8 @@ SideBarItem.defaultProps = {
  */
 var AriaIsolate = /** @class */ (function () {
     function AriaIsolate(el) {
-        if (!(el instanceof HTMLElement)) {
+        // eslint-disable-next-line ssr-friendly/no-dom-globals-in-constructor
+        if (typeof HTMLElement === 'undefined' || !(el instanceof HTMLElement)) {
             throw new Error('AriaIsolate must be instantiated with a valid HTML element');
         }
         this.element = el;
@@ -1735,7 +1736,9 @@ function Tooltip(_a) {
             }), ref: setTooltipElement, role: "tooltip", style: styles.popper }, attributes.popper, props),
             variant !== 'big' && (React__default["default"].createElement("div", { className: "TooltipArrow", ref: setArrowElement, style: styles.arrow })),
             children), (portal && 'current' in portal ? portal.current : portal) ||
-            document.body)
+            (
+            // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
+            document === null || document === void 0 ? void 0 : document.body))
         : null));
 }
 Tooltip.displayName = 'Tooltip';
@@ -3717,10 +3720,13 @@ var Combobox = React.forwardRef(function (_a, ref) {
             onClick: handleInputClick },
             React__default["default"].createElement("input", tslib.__assign({ type: "text", id: "".concat(id, "-input"), ref: inputRef, value: value, role: "combobox", "aria-autocomplete": !isAutoComplete ? 'none' : 'list', "aria-controls": "".concat(id, "-listbox"), "aria-expanded": open, "aria-haspopup": "listbox", "aria-activedescendant": open && activeDescendant ? activeDescendant.element.id : undefined }, inputProps, { onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur })),
             React__default["default"].createElement("span", { className: "Combobox__arrow" })),
-        React__default["default"].createElement(ComboboxProvider, { autocomplete: autocomplete, inputValue: value, formValue: formValue, selectedValue: selectedValue, matches: !isAutoComplete || defaultAutoCompleteMatches, matchingOptions: matchingOptions, setMatchingOptions: setMatchingOptions, setFormValue: setFormValue }, portal
-            ? reactDom.createPortal(comboboxListbox, portal instanceof HTMLElement
+        React__default["default"].createElement(ComboboxProvider, { autocomplete: autocomplete, inputValue: value, formValue: formValue, selectedValue: selectedValue, matches: !isAutoComplete || defaultAutoCompleteMatches, matchingOptions: matchingOptions, setMatchingOptions: setMatchingOptions, setFormValue: setFormValue }, portal && typeof document !== 'undefined'
+            ? reactDom.createPortal(comboboxListbox, 
+            // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
+            portal instanceof HTMLElement
                 ? portal
                 : portal.current ||
+                    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
                     /* istanbul ignore next: default fallback value */ document.body)
             : comboboxListbox),
         hasError && (React__default["default"].createElement("div", { className: "Error", id: errorId }, error))));
@@ -3868,7 +3874,10 @@ var Popover = React.forwardRef(function (_a, ref) {
                 }), ref: popoverRef, role: "dialog", style: styles.popper }, attributes.popper, additionalProps, props),
                 React__default["default"].createElement("div", { className: "Popover__popoverArrow", ref: setArrowElement, style: styles.arrow }),
                 React__default["default"].createElement("div", { className: "Popover__borderLeft" }),
-                variant === 'prompt' ? (React__default["default"].createElement(PromptPopoverContent, { applyButtonText: applyButtonText, onApply: onApply, closeButtonText: closeButtonText, infoText: infoText || '', onClose: handleClosePopover, infoTextId: "".concat(id, "-label") })) : (children)))), (portal && 'current' in portal ? portal.current : portal) || document.body);
+                variant === 'prompt' ? (React__default["default"].createElement(PromptPopoverContent, { applyButtonText: applyButtonText, onApply: onApply, closeButtonText: closeButtonText, infoText: infoText || '', onClose: handleClosePopover, infoTextId: "".concat(id, "-label") })) : (children)))), (portal && 'current' in portal ? portal.current : portal) ||
+        // Dependent on "isBrowser" check above:
+        // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
+        document.body);
 });
 Popover.displayName = 'Popover';
 
@@ -3893,17 +3902,21 @@ var ThemeContext = React.createContext({
     }
 });
 var ThemeProvider = function (_a) {
-    var children = _a.children, _b = _a.context, context = _b === void 0 ? document.body : _b, _c = _a.initialTheme, initialTheme = _c === void 0 ? 'light' : _c;
+    var children = _a.children, 
+    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
+    _b = _a.context, 
+    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
+    context = _b === void 0 ? document === null || document === void 0 ? void 0 : document.body : _b, _c = _a.initialTheme, initialTheme = _c === void 0 ? 'light' : _c;
     var _d = tslib.__read(React.useState(initialTheme), 2), theme = _d[0], setTheme = _d[1];
     var getThemeFromContext = function () {
-        return context.classList.contains(DARK_THEME_CLASS) ? 'dark' : 'light';
+        return (context === null || context === void 0 ? void 0 : context.classList.contains(DARK_THEME_CLASS)) ? 'dark' : 'light';
     };
     var toggleTheme = function () {
         return setTheme(getThemeFromContext() === 'dark' ? 'light' : 'dark');
     };
     React.useEffect(function () {
-        context.classList.toggle(LIGHT_THEME_CLASS, theme === 'light');
-        context.classList.toggle(DARK_THEME_CLASS, theme === 'dark');
+        context === null || context === void 0 ? void 0 : context.classList.toggle(LIGHT_THEME_CLASS, theme === 'light');
+        context === null || context === void 0 ? void 0 : context.classList.toggle(DARK_THEME_CLASS, theme === 'dark');
     }, [context, theme]);
     // Use a MutationObserver to track changes to the classes outside of the context of React
     var handleMutation = function (mutationList) {
@@ -3926,6 +3939,9 @@ var ThemeProvider = function (_a) {
         }
     };
     React.useEffect(function () {
+        if (!context) {
+            return;
+        }
         var observer = new MutationObserver(handleMutation);
         observer.observe(context, {
             childList: false,

package/lib/src/components/Combobox/Combobox.d.ts

@@ -28,5 +28,5 @@ interface ComboboxProps extends React.InputHTMLAttributes<Omit<HTMLInputElement,
     portal?: React.RefObject<HTMLElement> | HTMLElement;
     inputRef?: React.Ref<HTMLInputElement>;
 }
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
 export default Combobox;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.1.0-canary.66285037",
+  "version": "6.1.0-canary.c2d49bda",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",