@elliemae/ds-form 3.0.0-next.2 → 3.0.0-next.6

package/esm/Checkbox/DSCheckbox.js

@@ -1,163 +0,0 @@
-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 => {
-    // prevent double onChange call
-    if (e.currentTarget.dataset.kind === 'checkmark') {
-      e.target = checkRef.current;
-      if (readOnly) return;
-      onChange(e);
-    }
-  }, [onChange, readOnly]);
-  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',
-    "aria-checked": checked,
-    "aria-disabled": disabled,
-    className: "".concat(className, " ").concat(variant || '', " ").concat(disabled ? 'disabled' : ''),
-    "data-kind": "checkmark",
-    onKeyDown: e => {
-      e.target = checkRef.current;
-      if (readOnly) return;
-
-      if (e.key === 'Enter' || e.key === ' ') {
-        e.preventDefault();
-        onChange(e);
-        onKeyDown(e);
-      }
-    },
-    onClick: handleClick,
-    role: "checkbox",
-    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 = _ref2 => {
-  let {
-    labelText = undefined,
-    className = undefined,
-    htmlFor = undefined,
-    hasError,
-    readOnly,
-    disabled,
-    checked,
-    onChange,
-    variant,
-    children,
-    containerProps,
-    innerRef,
-    name
-  } = _ref2,
-      otherProps = _objectWithoutProperties(_ref2, _excluded2);
-
-  const {
-    cssClassName,
-    classNameElement
-  } = convertPropToCssClassName('form-element-checkbox', className, {
-    hasError,
-    readOnly,
-    disabled
-  });
-  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.defaultProps = defaultProps;
-const CheckboxWithSchema = describe(DSCheckbox);
-CheckboxWithSchema.propTypes = checkboxProps;
-
-export { CheckboxWithSchema, DSCheckbox, DSCheckbox as default };

package/esm/Checkbox/defaultProps.js

@@ -1,15 +0,0 @@
-import { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
-
-const defaultProps = {
-  hasError: false,
-  readOnly: false,
-  disabled: false,
-  checked: false,
-  onChange: () => null,
-  variant: CHECKBOX_VARIANT.DEFAULT,
-  children: null,
-  containerProps: {},
-  name: ''
-};
-
-export { defaultProps };

package/esm/Checkbox/elements/CheckMark.js

@@ -1,7 +0,0 @@
-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,2 +0,0 @@
-export { CheckboxWithSchema, DSCheckbox, DSCheckbox as default } from './DSCheckbox.js';
-export { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';

package/esm/Checkbox/props.js

@@ -1,19 +0,0 @@
-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')
-};
-
-export { checkboxProps };

package/esm/CheckboxGroup/DSCheckboxGroup.js

@@ -1,103 +0,0 @@
-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 = _ref => {
-  let {
-    onChange,
-    activeValue,
-    children,
-    disabled,
-    orientation,
-    truncateText,
-    labelProps,
-    containerProps
-  } = _ref;
-  const checkRefs = [];
-  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 === 'ArrowRight' || e.key === 'ArrowDown') {
-      if (index === count - 1) checkRefs[0].focus();else checkRefs[index + 1].focus();
-    }
-  };
-
-  const group = /*#__PURE__*/_jsx(Group, {
-    activeValue: activeValue,
-    disabled: disabled,
-    multiple: true,
-    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__*/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.defaultProps = defaultProps;
-const DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);
-DSCheckboxGroupWithSchema.propTypes = props;
-CheckboxItem.defaultProps = {
-  checked: false,
-  disabled: false,
-  onChange: noop
-};
-
-export { DSCheckboxGroup, DSCheckboxGroupWithSchema, DSCheckboxGroup as default };

package/esm/CheckboxGroup/defaultProps.js

@@ -1,16 +0,0 @@
-const defaultProps = {
-  onChange: () => null,
-  activeValue: [],
-  children: [],
-  disabled: false,
-  orientation: 'vertical',
-  truncateText: false,
-  labelProps: {
-    feedbackMessage: '',
-    labelText: '',
-    required: false
-  },
-  containerProps: {}
-};
-
-export { defaultProps };

package/esm/CheckboxGroup/index.js

@@ -1 +0,0 @@
-export { DSCheckboxGroup, DSCheckboxGroupWithSchema, DSCheckboxGroup as default } from './DSCheckboxGroup.js';

package/esm/CheckboxGroup/props.js

@@ -1,43 +0,0 @@
-import { PropTypes } from 'react-desc';
-import { DSCheckbox } from '../Checkbox/DSCheckbox.js';
-import { orientation } from '@elliemae/ds-shared/prop-types';
-
-const props = {
-  /**
-   * 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'),
-
-  /**
-   * 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')
-};
-
-export { props };

package/esm/ComboBox/DSComboBox.js

@@ -1,4 +0,0 @@
-import './v1/DSComboBox.js';
-export { DSComboBox2, DSComboBox2 as default } from './v2/Combobox.js';
-export { components } from 'react-select';
-export { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';

package/esm/ComboBox/index.js

@@ -1,4 +0,0 @@
-import './v1/DSComboBox.js';
-export { ComboBoxWithSchema, DSComboBox2, DSComboBox2 as default } from './v2/Combobox.js';
-export { components } from 'react-select';
-export { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';