@elliemae/ds-controlled-form 2.3.0-rc.1 → 2.3.1-rc.0

package/cjs/controlled-checkbox/ControlledCheckbox.js

@@ -25,7 +25,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
-const _excluded = ["id", "disabled", "readOnly", "label", "aria-label", "aria-controls", "onKeyDown"];
+const _excluded = ["id", "disabled", "readOnly", "label", "aria-label", "aria-controls", "onKeyDown", "className"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -42,7 +42,8 @@ const DSControlledCheckbox = props => {
     innerRef,
     tabIndex,
     ariaLabel: legacyAriaLabel,
-    ariaControls: legacyAriaControls
+    ariaControls: legacyAriaControls,
+    'data-testid': dataTestid = 'ds-checkbox-container'
   } = propsWithDefault;
   const handleOnKeyDown = React.useCallback(e => {
     if (checkboxRef.current && e.key === 'Enter') {
@@ -60,18 +61,21 @@ const DSControlledCheckbox = props => {
     label: globalLabel,
     'aria-label': ariaLabel,
     'aria-controls': ariaControls,
-    onKeyDown
+    onKeyDown,
+    className
   } = _useGetGlobalAttribut,
         restGlobals = _objectWithoutProperties__default["default"](_useGetGlobalAttribut, _excluded);
 
   return /*#__PURE__*/_jsx__default["default"](styles.StyledContainer, {
-    "data-testid": "ds-checkbox-container"
+    "data-testid": dataTestid,
+    className: className
   }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCheckBox, {
     checked: checked,
     hasError: hasError,
     disabled: disabled,
     readOnly: readOnly
   }, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.StyledInput, _objectSpread(_objectSpread({}, restGlobals), {}, {
+    "data-testid": "ds-checkbox",
     id: id,
     ref: ref => setMultipleRefs.setMultipleRefs([checkboxRef, innerRef])(ref),
     onKeyDown: handleOnKeyDown,

package/esm/controlled-checkbox/ControlledCheckbox.js

@@ -15,7 +15,7 @@ import { setMultipleRefs } from './utils/setMultipleRefs.js';
 import { useValidateProps } from './config/useValidateProps.js';
 import { jsx } from 'react/jsx-runtime';
 
-const _excluded = ["id", "disabled", "readOnly", "label", "aria-label", "aria-controls", "onKeyDown"];
+const _excluded = ["id", "disabled", "readOnly", "label", "aria-label", "aria-controls", "onKeyDown", "className"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -32,7 +32,8 @@ const DSControlledCheckbox = props => {
     innerRef,
     tabIndex,
     ariaLabel: legacyAriaLabel,
-    ariaControls: legacyAriaControls
+    ariaControls: legacyAriaControls,
+    'data-testid': dataTestid = 'ds-checkbox-container'
   } = propsWithDefault;
   const handleOnKeyDown = useCallback(e => {
     if (checkboxRef.current && e.key === 'Enter') {
@@ -50,18 +51,21 @@ const DSControlledCheckbox = props => {
     label: globalLabel,
     'aria-label': ariaLabel,
     'aria-controls': ariaControls,
-    onKeyDown
+    onKeyDown,
+    className
   } = _useGetGlobalAttribut,
         restGlobals = _objectWithoutProperties(_useGetGlobalAttribut, _excluded);
 
   return /*#__PURE__*/_jsx(StyledContainer, {
-    "data-testid": "ds-checkbox-container"
+    "data-testid": dataTestid,
+    className: className
   }, void 0, /*#__PURE__*/_jsx(StyledCheckBox, {
     checked: checked,
     hasError: hasError,
     disabled: disabled,
     readOnly: readOnly
   }, void 0, /*#__PURE__*/jsx(StyledInput, _objectSpread(_objectSpread({}, restGlobals), {}, {
+    "data-testid": "ds-checkbox",
     id: id,
     ref: ref => setMultipleRefs([checkboxRef, innerRef])(ref),
     onKeyDown: handleOnKeyDown,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.3.0-rc.1",
+  "version": "2.3.1-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -720,15 +720,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-rc.1",
-    "@elliemae/ds-form-layout-blocks": "2.3.0-rc.1",
-    "@elliemae/ds-grid": "2.3.0-rc.1",
-    "@elliemae/ds-icon": "2.3.0-rc.1",
-    "@elliemae/ds-icons": "2.3.0-rc.1",
-    "@elliemae/ds-props-helpers": "2.3.0-rc.1",
-    "@elliemae/ds-system": "2.3.0-rc.1",
-    "@elliemae/ds-tooltip": "2.3.0-rc.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-rc.1",
+    "@elliemae/ds-button": "2.3.1-rc.0",
+    "@elliemae/ds-form-layout-blocks": "2.3.1-rc.0",
+    "@elliemae/ds-grid": "2.3.1-rc.0",
+    "@elliemae/ds-icon": "2.3.1-rc.0",
+    "@elliemae/ds-icons": "2.3.1-rc.0",
+    "@elliemae/ds-props-helpers": "2.3.1-rc.0",
+    "@elliemae/ds-system": "2.3.1-rc.0",
+    "@elliemae/ds-tooltip": "2.3.1-rc.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.1-rc.0",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",

package/types/controlled-checkbox/react-desc-prop-types.d.ts

@@ -5,6 +5,7 @@ export declare namespace DSControlledCheckboxT {
         checked: boolean | 'mixed';
         tabIndex?: number;
         hasError?: boolean;
+        'data-testid'?: string;
     }
     interface OptionalProps {
         innerRef: React.RefObject<HTMLInputElement> | React.LegacyRef<HTMLInputElement>;