@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/Checkbox/DSCheckbox.js

@@ -1,57 +1,74 @@
-import * as React from "react";
-import React2, { useMemo, useRef, useCallback } from "react";
-import { describe } from "react-desc";
-import { uid } from "uid";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { cx } from "@elliemae/ds-utilities";
-import { CHECKBOX_VARIANT } from "@elliemae/ds-shared/prop-types";
-import { CheckMark } from "./elements/CheckMark";
-import { defaultProps } from "./defaultProps";
-import { checkboxProps } from "./props";
-function Checkbox({
-  className,
-  onChange,
-  checked,
-  innerRef,
-  onKeyDown = () => null,
-  readOnly,
-  value,
-  disabled,
-  style,
-  variant,
-  tabIndex = 0,
-  name,
-  onMouseEnter,
-  onMouseLeave,
-  instanceUID,
-  labelText,
-  ...rest
-}) {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { useMemo, useRef, useCallback } from 'react';
+import { describe } from 'react-desc';
+import { uid } from 'uid';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { cx } from '@elliemae/ds-utilities';
+export { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
+import CheckMark from './elements/CheckMark.js';
+import { defaultProps } from './defaultProps.js';
+import { checkboxProps } from './props.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const _excluded = ["className", "onChange", "checked", "innerRef", "onKeyDown", "readOnly", "value", "disabled", "style", "variant", "tabIndex", "name", "onMouseEnter", "onMouseLeave", "instanceUID", "labelText"],
+      _excluded2 = ["labelText", "className", "htmlFor", "hasError", "readOnly", "disabled", "checked", "onChange", "variant", "children", "containerProps", "innerRef", "name"];
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function Checkbox(_ref) {
+  let {
+    className,
+    onChange,
+    checked,
+    innerRef,
+    onKeyDown = () => null,
+    readOnly,
+    value,
+    disabled,
+    style,
+    variant,
+    tabIndex = 0,
+    name,
+    onMouseEnter,
+    onMouseLeave,
+    instanceUID,
+    labelText
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   const checkRef = useRef(null);
-  const handleClick = useCallback((e) => {
-    if (e.currentTarget.dataset.kind === "checkmark") {
+  const handleClick = useCallback(e => {
+    // prevent double onChange call
+    if (e.currentTarget.dataset.kind === 'checkmark') {
       e.target = checkRef.current;
-      if (readOnly)
-        return;
+      if (readOnly) return;
       onChange(e);
     }
   }, [onChange, readOnly]);
-  return /* @__PURE__ */ React2.createElement("span", {
-    onMouseEnter,
-    onMouseLeave
-  }, /* @__PURE__ */ React2.createElement(CheckMark, {
-    ...rest,
+  return /*#__PURE__*/_jsx("span", {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, void 0, /*#__PURE__*/jsx(CheckMark, _objectSpread(_objectSpread({}, rest), {}, {
     ref: innerRef,
-    "data-testid": rest["data-testid"] || "ds-checkbox",
+    "data-testid": rest['data-testid'] || 'ds-checkbox',
     "aria-checked": checked,
     "aria-disabled": disabled,
-    className: `${className} ${variant || ""} ${disabled ? "disabled" : ""}`,
+    className: "".concat(className, " ").concat(variant || '', " ").concat(disabled ? 'disabled' : ''),
     "data-kind": "checkmark",
-    onKeyDown: (e) => {
+    onKeyDown: e => {
       e.target = checkRef.current;
-      if (readOnly)
-        return;
-      if (e.key === "Enter" || e.key === " ") {
+      if (readOnly) return;
+
+      if (e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
         onChange(e);
         onKeyDown(e);
@@ -59,83 +76,88 @@ function Checkbox({
     },
     onClick: handleClick,
     role: "checkbox",
-    style,
-    tabIndex,
-    value
-  }, /* @__PURE__ */ React2.createElement("input", {
-    id: `${instanceUID}-${labelText}`,
-    onClick: handleClick,
-    ref: checkRef,
-    checked: !!checked,
-    disabled,
-    name,
-    readOnly,
-    style: { visibility: "hidden", pointerEvents: "none" },
-    type: "checkbox",
-    value,
-    onChange: () => {
-    }
+    style: style,
+    tabIndex: tabIndex,
+    value: value,
+    children: /*#__PURE__*/jsx("input", {
+      id: "".concat(instanceUID, "-").concat(labelText),
+      onClick: handleClick,
+      ref: checkRef,
+      checked: !!checked,
+      disabled: disabled,
+      name: name,
+      readOnly: readOnly,
+      style: {
+        visibility: 'hidden',
+        pointerEvents: 'none'
+      },
+      type: "checkbox",
+      value: value,
+      onChange: () => {} // this suppress the warning, we manage onChange on another item level
+
+    })
   })));
 }
-const DSCheckbox = ({
-  labelText = void 0,
-  className = void 0,
-  htmlFor = void 0,
-  hasError,
-  readOnly,
-  disabled,
-  checked,
-  onChange,
-  variant,
-  children,
-  containerProps,
-  innerRef,
-  name,
-  ...otherProps
-}) => {
-  const { cssClassName, classNameElement } = convertPropToCssClassName("form-element-checkbox", className, {
+
+const DSCheckbox = _ref2 => {
+  let {
+    labelText = undefined,
+    className = undefined,
+    htmlFor = undefined,
     hasError,
     readOnly,
-    disabled
-  });
-  const instanceUID = useMemo(() => uid(5), []);
-  const checkbox = /* @__PURE__ */ React2.createElement(Checkbox, {
-    ...otherProps,
-    checked,
-    className: cx(`${classNameElement("input-button")} checkbox-${String(checked)}`, className),
     disabled,
-    innerRef,
-    name,
+    checked,
     onChange,
-    readOnly,
     variant,
-    labelText,
-    instanceUID
+    children,
+    containerProps,
+    innerRef,
+    name
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded2);
+
+  const {
+    cssClassName,
+    classNameElement
+  } = convertPropToCssClassName('form-element-checkbox', className, {
+    hasError,
+    readOnly,
+    disabled
   });
-  if (!labelText)
-    return checkbox;
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: `${cssClassName} ${variant}`,
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement("label", {
-    "data-testid": "ds-checkbox-label",
-    className: classNameElement("label"),
-    htmlFor: `${instanceUID}-${labelText}`
-  }, checkbox, /* @__PURE__ */ React2.createElement("span", {
-    className: classNameElement("label-text")
-  }, labelText)), children && /* @__PURE__ */ React2.createElement("div", {
-    className: classNameElement("checkbox-children")
-  }, children));
+  const instanceUID = useMemo(() => uid(5), []);
+
+  const checkbox = /*#__PURE__*/jsx(Checkbox, _objectSpread(_objectSpread({}, otherProps), {}, {
+    checked: checked,
+    className: cx("".concat(classNameElement('input-button'), " checkbox-").concat(String(checked)), className),
+    disabled: disabled,
+    innerRef: innerRef,
+    name: name,
+    onChange: onChange,
+    readOnly: readOnly,
+    variant: variant,
+    labelText: labelText,
+    instanceUID: instanceUID
+  }));
+
+  if (!labelText) return checkbox;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+    className: "".concat(cssClassName, " ").concat(variant)
+  }, containerProps), {}, {
+    children: [/*#__PURE__*/_jsx("label", {
+      "data-testid": "ds-checkbox-label",
+      className: classNameElement('label'),
+      htmlFor: "".concat(instanceUID, "-").concat(labelText)
+    }, void 0, checkbox, /*#__PURE__*/_jsx("span", {
+      className: classNameElement('label-text')
+    }, void 0, labelText)), children && /*#__PURE__*/_jsx("div", {
+      className: classNameElement('checkbox-children')
+    }, void 0, children)]
+  }));
 };
-DSCheckbox.propTypes = checkboxProps;
+
 DSCheckbox.defaultProps = defaultProps;
 const CheckboxWithSchema = describe(DSCheckbox);
 CheckboxWithSchema.propTypes = checkboxProps;
-var DSCheckbox_default = DSCheckbox;
-export {
-  CHECKBOX_VARIANT,
-  CheckboxWithSchema,
-  DSCheckbox,
-  DSCheckbox_default as default
-};
-//# sourceMappingURL=DSCheckbox.js.map
+
+export { CheckboxWithSchema, DSCheckbox, DSCheckbox as default };

package/esm/Checkbox/defaultProps.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { CHECKBOX_VARIANT } from "@elliemae/ds-shared/prop-types";
+import { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
+
 const defaultProps = {
   hasError: false,
   readOnly: false,
@@ -9,9 +9,7 @@ const defaultProps = {
   variant: CHECKBOX_VARIANT.DEFAULT,
   children: null,
   containerProps: {},
-  name: ""
+  name: ''
 };
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map
+
+export { defaultProps };

package/esm/Checkbox/elements/CheckMark.js

@@ -1,9 +1,7 @@
-import * as React from "react";
-import styled from "styled-components";
-const CheckMark = styled.span``;
-var CheckMark_default = CheckMark;
-export {
-  CheckMark,
-  CheckMark_default as default
-};
-//# sourceMappingURL=CheckMark.js.map
+import styled from 'styled-components';
+
+const CheckMark = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-1rrft2r-0"
+})([""]);
+
+export { CheckMark as default };

package/esm/Checkbox/index.js

@@ -1,3 +1,2 @@
-import * as React from "react";
-export * from "./DSCheckbox";
-//# sourceMappingURL=index.js.map
+export { CheckboxWithSchema, DSCheckbox, DSCheckbox as default } from './DSCheckbox.js';
+export { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';

package/esm/Checkbox/props.js

@@ -1,24 +1,19 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import {
-  CHECKBOX_VARIANT,
-  checkboxVariants
-} from "@elliemae/ds-shared/prop-types";
+import { PropTypes } from 'react-desc';
+import { checkboxVariants, CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
+
 const checkboxProps = {
-  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
-  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Displayable label for the checkbox"),
-  htmlFor: PropTypes.element.description("html for attr"),
-  hasError: PropTypes.bool.description("Whether the checkbox has error or not").defaultValue(false),
-  readOnly: PropTypes.bool.description("Whether the checkbox is read only or not").defaultValue(false),
-  disabled: PropTypes.bool.description("Whether the checkbox is disabled or not").defaultValue(false),
-  checked: PropTypes.oneOfType([PropTypes.oneOf(["mixed"]), PropTypes.bool]).description("Whether the checkbox is checked, mixed or unchecked").defaultValue(false),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("Value that takes the checkbox if it is checked"),
-  variant: PropTypes.oneOf(checkboxVariants).description("checbkox variant").defaultValue(CHECKBOX_VARIANT.DEFAULT),
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description("children elements"),
-  onChange: PropTypes.func.description("function executed when the checkbox changes"),
-  name: PropTypes.string.description("checkbox s name")
+  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
+  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Displayable label for the checkbox'),
+  htmlFor: PropTypes.element.description('html for attr'),
+  hasError: PropTypes.bool.description('Whether the checkbox has error or not').defaultValue(false),
+  readOnly: PropTypes.bool.description('Whether the checkbox is read only or not').defaultValue(false),
+  disabled: PropTypes.bool.description('Whether the checkbox is disabled or not').defaultValue(false),
+  checked: PropTypes.oneOfType([PropTypes.oneOf(['mixed']), PropTypes.bool]).description('Whether the checkbox is checked, mixed or unchecked').defaultValue(false),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('Value that takes the checkbox if it is checked'),
+  variant: PropTypes.oneOf(checkboxVariants).description('checbkox variant').defaultValue(CHECKBOX_VARIANT.DEFAULT),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description('children elements'),
+  onChange: PropTypes.func.description('function executed when the checkbox changes'),
+  name: PropTypes.string.description('checkbox s name')
 };
-export {
-  checkboxProps
-};
-//# sourceMappingURL=props.js.map
+
+export { checkboxProps };

package/esm/CheckboxGroup/DSCheckboxGroup.js

@@ -1,95 +1,103 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { describe } from "react-desc";
-import { GroupItem, Group } from "@elliemae/ds-shared";
-import { DSFormItemLayout } from "../FormItem";
-import { DSCheckbox } from "../Checkbox";
-import { props as cprops } from "./props";
-import { defaultProps } from "./defaultProps";
-const emClassPrefix = "em-ds";
-const baseClass = `${emClassPrefix}-checkbox-group`;
-const CheckboxItem = (props) => /* @__PURE__ */ React2.createElement(GroupItem, {
-  render: (context) => /* @__PURE__ */ React2.createElement(DSCheckbox, {
-    ...props,
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import React from 'react';
+import { describe } from 'react-desc';
+import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
+import Group from '@elliemae/ds-shared/GroupContext/Group';
+import DSFormItemLayout from '../FormItem/DSFormItemLayout.js';
+import '../FormItem/Error/DSError.js';
+import { DSCheckbox } from '../Checkbox/DSCheckbox.js';
+import { props } from './props.js';
+import { defaultProps } from './defaultProps.js';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const emClassPrefix = 'em-ds';
+const baseClass = "".concat(emClassPrefix, "-checkbox-group");
+
+const CheckboxItem = props => /*#__PURE__*/_jsx(GroupItem, {
+  render: context => /*#__PURE__*/jsx(DSCheckbox, _objectSpread(_objectSpread({}, props), {}, {
     checked: context.activeValue && context.activeValue.indexOf(props.value) !== -1,
     disabled: context.disabled || props.disabled,
     onChange: context.onChange
-  })
+  }))
 });
-const DSCheckboxGroup = ({
-  onChange,
-  activeValue,
-  children,
-  disabled,
-  orientation,
-  truncateText,
-  labelProps,
-  containerProps
-}) => {
+
+const DSCheckboxGroup = _ref => {
+  let {
+    onChange,
+    activeValue,
+    children,
+    disabled,
+    orientation,
+    truncateText,
+    labelProps,
+    containerProps
+  } = _ref;
   const checkRefs = [];
-  const count = React2.Children.count(children);
+  const count = React.Children.count(children);
+
   const onKeyDown = (e, index) => {
-    if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-      if (index === 0)
-        checkRefs[count - 1].focus();
-      else
-        checkRefs[index - 1].focus();
+    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
+      if (index === 0) checkRefs[count - 1].focus();else checkRefs[index - 1].focus();
     }
-    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-      if (index === count - 1)
-        checkRefs[0].focus();
-      else
-        checkRefs[index + 1].focus();
+
+    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
+      if (index === count - 1) checkRefs[0].focus();else checkRefs[index + 1].focus();
     }
   };
-  const group = /* @__PURE__ */ React2.createElement(Group, {
-    activeValue,
-    disabled,
+
+  const group = /*#__PURE__*/_jsx(Group, {
+    activeValue: activeValue,
+    disabled: disabled,
     multiple: true,
-    onChange
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: `${baseClass} ${baseClass}--${orientation}`,
-    ...labelProps && labelProps.labelText ? {} : containerProps,
-    role: "group"
-  }, React2.Children.map(children, (child, index) => /* @__PURE__ */ React2.createElement(CheckboxItem, {
-    ...child.props,
-    innerRef: (t) => {
-      checkRefs.push(t);
-    },
-    onKeyDown: (e) => onKeyDown(e, index)
-  }), null)));
+    onChange: onChange
+  }, void 0, /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+    className: "".concat(baseClass, " ").concat(baseClass, "--").concat(orientation)
+  }, labelProps && labelProps.labelText ? {} : containerProps), {}, {
+    role: "group",
+    children: React.Children.map(children, (child, index) => /*#__PURE__*/jsx(CheckboxItem, _objectSpread(_objectSpread({}, child.props), {}, {
+      innerRef: t => {
+        checkRefs.push(t);
+      },
+      onKeyDown: e => onKeyDown(e, index)
+    })), null)
+  })));
+
   if (labelProps && labelProps.labelText) {
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: `${baseClass}-form-item-layout-wrapper`,
-      ...containerProps,
-      role: "group"
-    }, /* @__PURE__ */ React2.createElement(DSFormItemLayout, {
-      ...labelProps,
-      inputComponent: group,
-      onChange,
-      truncateText
+    return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+      className: "".concat(baseClass, "-form-item-layout-wrapper")
+    }, containerProps), {}, {
+      role: "group",
+      children: /*#__PURE__*/jsx(DSFormItemLayout, _objectSpread(_objectSpread({}, labelProps), {}, {
+        inputComponent: group,
+        onChange: onChange,
+        truncateText: truncateText
+      }))
     }));
   }
+
   return group;
 };
+
 const noop = () => null;
-DSCheckboxGroup.propTypes = cprops;
+
 DSCheckboxGroup.defaultProps = defaultProps;
 const DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);
-DSCheckboxGroupWithSchema.propTypes = cprops;
-CheckboxItem.propTypes = {
-  checked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func
-};
+DSCheckboxGroupWithSchema.propTypes = props;
 CheckboxItem.defaultProps = {
   checked: false,
   disabled: false,
   onChange: noop
 };
-export {
-  DSCheckboxGroup,
-  DSCheckboxGroupWithSchema
-};
-//# sourceMappingURL=DSCheckboxGroup.js.map
+
+export { DSCheckboxGroup, DSCheckboxGroupWithSchema, DSCheckboxGroup as default };

package/esm/CheckboxGroup/defaultProps.js

@@ -1,19 +1,16 @@
-import * as React from "react";
 const defaultProps = {
   onChange: () => null,
   activeValue: [],
   children: [],
   disabled: false,
-  orientation: "vertical",
+  orientation: 'vertical',
   truncateText: false,
   labelProps: {
-    feedbackMessage: "",
-    labelText: "",
+    feedbackMessage: '',
+    labelText: '',
     required: false
   },
   containerProps: {}
 };
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map
+
+export { defaultProps };

package/esm/CheckboxGroup/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./DSCheckboxGroup";
-//# sourceMappingURL=index.js.map
+export { DSCheckboxGroup, DSCheckboxGroupWithSchema, DSCheckboxGroup as default } from './DSCheckboxGroup.js';

package/esm/CheckboxGroup/props.js

@@ -1,26 +1,43 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { DSCheckbox } from "../Checkbox";
-import { orientation as checkboxGroupOrientation } from "@elliemae/ds-shared/prop-types";
+import { PropTypes } from 'react-desc';
+import { DSCheckbox } from '../Checkbox/DSCheckbox.js';
+import { orientation } from '@elliemae/ds-shared/prop-types';
+
 const props = {
-  onChange: PropTypes.func.description("Allows a function that is triggered once the checkbox group changes"),
-  activeValue: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.array
-  ]).description("Default active value"),
+  /**
+   * Allows a function that is triggered once the checkbox group changes
+   */
+  onChange: PropTypes.func.description('Allows a function that is triggered once the checkbox group changes'),
+
+  /**
+   * Default active value
+   */
+  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]).description('Default active value'),
+
+  /**
+   * Checkbox group items to show of type DSCheckbox
+   */
   children: PropTypes.arrayOf(PropTypes.shape({
     type: DSCheckbox
-  })).description("Checkbox group items to show of type DSCheckbox"),
-  disabled: PropTypes.bool.description("Whether the checkbox group is disabled or not"),
-  orientation: PropTypes.oneOf(checkboxGroupOrientation).description("['horizontal', 'vertical']"),
+  })).description('Checkbox group items to show of type DSCheckbox'),
+
+  /**
+   * Whether the checkbox group is disabled or not
+   */
+  disabled: PropTypes.bool.description('Whether the checkbox group is disabled or not'),
+
+  /**
+   * ['horizontal', 'vertical']
+   */
+  orientation: PropTypes.oneOf(orientation).description("['horizontal', 'vertical']"),
+
+  /**
+   * label props
+   */
   labelProps: PropTypes.objectOf(PropTypes.shape({
     feedbackMessage: PropTypes.string,
     labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     required: PropTypes.bool
-  })).description("label props")
+  })).description('label props')
 };
-export {
-  props
-};
-//# sourceMappingURL=props.js.map
+
+export { props };