@deque/cauldron-react 6.1.0-canary.f877edfd → 6.2.0-canary.39cdc690

package/lib/index.js

@@ -2342,7 +2342,7 @@ var TextField = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         _a.onChange; 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        _a.defaultValue; var _b = _a.error, error = _b === void 0 ? null : _b, requiredText = _a.requiredText, multiline = _a.multiline, ariaDescribedby = _a["aria-describedby"], other = tslib.__rest(_a, ["label", "fieldRef", "value", "onChange", "defaultValue", "error", "requiredText", "multiline", 'aria-describedby']);
+        _a.defaultValue; var _b = _a.error, error = _b === void 0 ? null : _b, requiredText = _a.requiredText, multiline = _a.multiline, ariaDescribedby = _a["aria-describedby"], className = _a.className, other = tslib.__rest(_a, ["label", "fieldRef", "value", "onChange", "defaultValue", "error", "requiredText", "multiline", 'aria-describedby', "className"]);
         // typescript can't infer the type so it's complaining about
         // textarea and input props being incompatible
         // we should probably fix this
@@ -2359,7 +2359,7 @@ var TextField = /** @class */ (function (_super) {
                 }), htmlFor: this.inputId },
                 React__default["default"].createElement("span", null, label),
                 isRequired && (React__default["default"].createElement("span", { className: "Field__required-text" }, requiredText))),
-            React__default["default"].createElement(Field, tslib.__assign({ className: classNames__default["default"]({
+            React__default["default"].createElement(Field, tslib.__assign({ className: classNames__default["default"](className, {
                     'Field__text-input': !multiline,
                     Field__textarea: multiline,
                     'Field--has-error': error
@@ -2372,7 +2372,7 @@ var TextField = /** @class */ (function (_super) {
     TextField.prototype.onChange = function (e) {
         var _a, _b;
         if (this.props.onChange) {
-            this.props.onChange(((_a = this.input) === null || _a === void 0 ? void 0 : _a.value) || '', e);
+            this.props.onChange(((_a = this.input) === null || _a === void 0 ? void 0 : _a.value) || /* istanbul ignore next: default value */ '', e);
         }
         if (typeof this.props.value !== 'undefined') {
             return;
@@ -3697,7 +3697,7 @@ var Combobox = React.forwardRef(function (_a, ref) {
     var noMatchingOptions = !!(value === null || value === void 0 ? void 0 : value.length) && !matchingOptions.size && (React__default["default"].createElement(NoMatchingOptions, null));
     var comboboxListbox = (React__default["default"].createElement(Listbox, { className: classNames__default["default"]('Combobox__listbox', {
             'Combobox__listbox--open': open
-        }), role: "listbox", "aria-labelledby": "".concat(id, "-label"), id: "".concat(id, "-listbox"), value: selectedValue, onMouseDown: handleComboboxOptionMouseDown, onClick: handleComboboxOptionClick, onSelectionChange: handleSelectionChange, onActiveChange: handleActiveChange, ref: listboxRef, tabIndex: undefined, "aria-activedescendant": undefined },
+        }), role: noMatchingOptions ? 'presentation' : 'listbox', "aria-labelledby": noMatchingOptions ? undefined : "".concat(id, "-label"), id: "".concat(id, "-listbox"), value: selectedValue, onMouseDown: handleComboboxOptionMouseDown, onClick: handleComboboxOptionClick, onSelectionChange: handleSelectionChange, onActiveChange: handleActiveChange, ref: listboxRef, tabIndex: undefined, "aria-activedescendant": undefined },
         comboboxOptions,
         noMatchingOptions));
     var errorId = "".concat(id, "-error");

package/lib/src/components/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

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/lib/src/components/Tag/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/TextField/TextField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/TextField/index.d.ts

@@ -4,7 +4,7 @@ export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInput
     error?: React.ReactNode;
     defaultValue?: string;
     onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    fieldRef: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
+    fieldRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
     requiredText?: string;
     multiline?: boolean;
 }

package/lib/src/utils/setRef.d.ts

@@ -1 +1 @@
-export default function setRef<T>(ref: React.Ref<T>, element: T): void;
+export default function setRef<T>(ref: React.Ref<T> | undefined, element: T): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.1.0-canary.f877edfd",
+  "version": "6.2.0-canary.39cdc690",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
@@ -44,10 +44,11 @@
     "@rollup/plugin-typescript": "^11.1.2",
     "@svgr/rollup": "^6.1.2",
     "@testing-library/jest-dom": "^6.1.3",
-    "@testing-library/react": "11.1.2",
+    "@testing-library/react": "^12",
+    "@testing-library/user-event": "^14.5.2",
     "@types/classnames": "^2.2.10",
     "@types/enzyme-adapter-react-16": "^1.0.9",
-    "@types/jest": "^24.7.1",
+    "@types/jest": "^29.5.11",
     "@types/jest-axe": "^3.5.4",
     "@types/node": "^17.0.42",
     "@types/react": "^18.0.12",
@@ -60,8 +61,9 @@
     "concurrently": "^5.3.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
-    "jest": "^24.7.1",
+    "jest": "^29.7.0",
     "jest-axe": "^8.0.0",
+    "jest-environment-jsdom": "^29.7.0",
     "nyc": "^15.0.1",
     "postcss-cli": "^7.1.1",
     "postcss-import": "^12.0.1",
@@ -70,6 +72,7 @@
     "react-dom": "^16.13.1",
     "rollup": "^2.23.0",
     "sinon": "^10.0.0",
+    "ts-node": "^10.9.2",
     "typescript": "~5.0.0"
   },
   "repository": {
@@ -95,24 +98,5 @@
       "coverage",
       "test/**/*.js"
     ]
-  },
-  "jest": {
-    "setupFilesAfterEnv": [
-      "<rootDir>__tests__/setupTests.ts"
-    ],
-    "testMatch": [
-      "**/__tests__/src/**/*.js",
-      "**/__tests__/demo/**/*.js",
-      "**/src/components/**/*.test.tsx"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{ts,tsx}"
-    ],
-    "moduleNameMapper": {
-      "\\.(css|less)$": "<rootDir>/__tests__/styleMock.js",
-      "react-syntax-highlighter/dist/esm/light": "<rootDir>/__tests__/reactSyntaxHighlighterMock.js",
-      "react-syntax-highlighter/dist/esm/languages/hljs/(.*)": "<rootDir>/__tests__/hljsMock.js",
-      "\\.svg$": "<rootDir>/__tests__/svgMock.js"
-    }
   }
 }