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

package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -1,63 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { DSControlledCheckbox } from '@elliemae/ds-controlled-form';
-import { itemProps, defaultProps } from '../../props.js';
-import { StyledItemContent } from './styled.js';
-import { StyledGlobalMenuItemWrapper } from '../styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-const MultiMenuItem = props => {
-  const {
-    dsId,
-    value,
-    label,
-    disabled,
-    isSelected,
-    isActive,
-    onClick,
-    isFocus,
-    innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    onMouseDown,
-    wrapperStyles,
-    tabIndex,
-    render
-  } = props;
-  return /*#__PURE__*/jsx(StyledGlobalMenuItemWrapper, {
-    id: dsId,
-    disabled: disabled,
-    isActive: isActive,
-    isSelected: isSelected,
-    isFocus: isFocus,
-    onClick: onClick,
-    ref: innerRef,
-    onMouseDown: onMouseDown,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    role: "option",
-    className: isActive ? 'ds-list-item-active' : '',
-    "aria-selected": isSelected,
-    style: wrapperStyles,
-    pr: render ? 0 : 40,
-    "data-testid": "combobox-option",
-    children: /*#__PURE__*/_jsx(StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx(DSControlledCheckbox, {
-      tabIndex: tabIndex,
-      disabled: disabled,
-      checked: isSelected,
-      onMouseDown: onMouseDown,
-      name: value,
-      ariaLabel: label,
-      label: label,
-      id: value,
-      onChange: onClick
-    }))
-  });
-};
-
-MultiMenuItem.defaultProps = defaultProps;
-const MultiMenuItemWithSchema = describe(MultiMenuItem);
-MultiMenuItemWithSchema.propTypes = itemProps;
-
-export { MultiMenuItem, MultiMenuItemWithSchema };

package/esm/MenuItem/components/MultiMenuItem/styled.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-const StyledItemContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1stlix4-0"
-})(["display:flex;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
-
-export { StyledItemContent };

package/esm/MenuItem/components/Section/index.js

@@ -1,29 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import Grid from '@elliemae/ds-grid';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
-import { itemProps, defaultProps } from './props.js';
-import { StyledSectionWrapper, StyledGroupLabel } from './styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-const Section = props => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, itemProps);
-  const {
-    label,
-    wrapperStyles,
-    innerRef,
-    render
-  } = props;
-  return /*#__PURE__*/jsx(StyledSectionWrapper, {
-    style: wrapperStyles,
-    ref: innerRef,
-    children: render ? render(props) : /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(StyledGroupLabel, {}, void 0, label))
-  });
-};
-
-const MenuSectionItemWithSchema = describe(Section);
-MenuSectionItemWithSchema.propTypes = itemProps;
-
-export { Section };

package/esm/MenuItem/components/Section/props.js

@@ -1,11 +0,0 @@
-import { PropTypes } from 'react-desc';
-
-const defaultProps = {
-  label: '',
-  wrapperStyles: {}
-};
-const itemProps = {
-  label: PropTypes.string.description('').defaultValue('')
-};
-
-export { defaultProps, itemProps };

package/esm/MenuItem/components/Section/styled.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { position, layout, sizing } from '@xstyled/styled-components';
-
-const StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-6xya9j-0"
-})(["font-family:12px;color:", ";"], props => props.theme.colors.neutral[500]);
-const StyledSectionWrapper = /*#__PURE__*/styled.li.withConfig({
-  componentId: "sc-6xya9j-1"
-})(["", " ", " ", " list-style:none;padding:0px 16px;height:24px;display:flex;align-items:center;"], position, layout, sizing);
-
-export { StyledGroupLabel, StyledSectionWrapper };

package/esm/MenuItem/components/Separator/index.js

@@ -1,21 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { StyledSeparatorWrapper, StyledSeparator } from './styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _StyledSeparator;
-
-const Separator = props => {
-  const {
-    wrapperStyles,
-    innerRef,
-    render
-  } = props;
-  return /*#__PURE__*/jsx(StyledSeparatorWrapper, {
-    style: wrapperStyles,
-    ref: innerRef,
-    children: render ? render(props) : _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {}))
-  });
-};
-
-export { Separator };

package/esm/MenuItem/components/Separator/styled.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { position, layout, sizing } from '@xstyled/styled-components';
-
-const StyledSeparator = /*#__PURE__*/styled.hr.withConfig({
-  componentId: "sc-1xat2d9-0"
-})(["border:0;border-top:1px solid #697489;margin:4px 0px;padding:0;"]);
-const StyledSeparatorWrapper = /*#__PURE__*/styled.li.withConfig({
-  componentId: "sc-1xat2d9-1"
-})(["list-style:none;padding:0px 16px;", " ", " ", ""], position, layout, sizing);
-
-export { StyledSeparator, StyledSeparatorWrapper };

package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -1,61 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { Checkmark } from '@elliemae/ds-icons';
-import Grid from '@elliemae/ds-grid';
-import { itemProps, defaultProps } from '../../props.js';
-import { StyledGlobalMenuItemWrapper } from '../styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-const SingleMenuItem = props => {
-  const {
-    dsId,
-    label,
-    isSelected,
-    onClick,
-    isFocus,
-    isActive,
-    innerRef,
-    onMouseDown,
-    onMouseEnter,
-    onMouseLeave,
-    wrapperStyles,
-    render,
-    dataTestid
-  } = props;
-  return /*#__PURE__*/jsx(StyledGlobalMenuItemWrapper, {
-    "aria-selected": isSelected,
-    id: dsId,
-    role: "option",
-    isActive: isActive,
-    isSelected: isSelected,
-    isFocus: isFocus,
-    onClick: onClick,
-    ref: innerRef,
-    onMouseDown: onMouseDown,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    className: isActive ? 'ds-list-item-active' : '',
-    style: wrapperStyles,
-    pr: render ? 0 : 40,
-    "data-testid": dataTestid,
-    children: render ? render(props) : /*#__PURE__*/_jsx(Grid, {
-      cols: ['16px', 'auto'],
-      height: "16px",
-      gutter: "xxs",
-      alignItems: "center"
-    }, void 0, /*#__PURE__*/_jsx("div", {}, void 0, isSelected && /*#__PURE__*/_jsx(Checkmark, {
-      size: "s",
-      color: ['brand-primary', '600']
-    })), /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-      value: label
-    }))
-  });
-};
-
-SingleMenuItem.defaultProps = defaultProps;
-const SingleMenuItemWithSchema = describe(SingleMenuItem);
-SingleMenuItemWithSchema.propTypes = itemProps;
-
-export { SingleMenuItem };

package/esm/MenuItem/components/SubmenuItem/index.js

@@ -1,129 +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/web.dom-collections.iterator.js';
-import { useState, useEffect, useRef, useCallback } from 'react';
-import { describe } from 'react-desc';
-import Grid from '@elliemae/ds-grid';
-import { DSButtonV2 } from '@elliemae/ds-button';
-import Ellipsis from '@elliemae/ds-icons/MoreOptionsVert';
-import ChevronRight from '@elliemae/ds-icons/ChevronRight';
-import { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
-import { itemProps, defaultProps } from '../../props.js';
-import { StyledItemLabel } from './styled.js';
-import { StyledSubmenuItemWrapper } from '../styled.js';
-import { jsxs } from 'react/jsx-runtime';
-
-var _Ellipsis, _ChevronRight;
-
-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 SubmenuItem = props => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, itemProps);
-  const {
-    dsId,
-    label,
-    isSelected,
-    isActive,
-    onClick,
-    isFocus,
-    rightAddon,
-    options,
-    selectedOptions,
-    innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    onKeyDown,
-    onOptionClick,
-    onClickOutside,
-    wrapperStyles,
-    minWidth,
-    maxHeight,
-    render
-  } = propsWithDefault; // If we don't delay the opening of the poppers, the position will not be placed correctly
-  // That why we delay it for the next render using the useEffect hook
-
-  const [delayedIsOpened, setDelayedIsOpened] = useState(false);
-  useEffect(() => {
-    setDelayedIsOpened(isSelected);
-  }, [isSelected]);
-  const timeoutRef = useRef(null);
-  const onMouseEnterHandler = useCallback(e => {
-    if (rightAddon !== 'ellipsis') {
-      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);else if (!isSelected) onClick(e);
-      timeoutRef.current = null;
-    }
-
-    if (e.target) onMouseEnter(e);
-  }, [isSelected, onClick, onMouseEnter, rightAddon]);
-  const onMouseLeaveHandler = useCallback(e => {
-    if (rightAddon !== 'ellipsis') {
-      if (timeoutRef.current === null) {
-        timeoutRef.current = setTimeout(() => {
-          timeoutRef.current = null;
-          onClick(e);
-        }, 300);
-      }
-    }
-
-    onMouseLeave(e);
-  }, [onClick, onMouseLeave, rightAddon]);
-  return /*#__PURE__*/_jsx(DSDropdownMenuV2, {
-    isOpened: delayedIsOpened,
-    options: options,
-    onOptionClick: onOptionClick,
-    startPlacementPreference: "right-start",
-    placementOrderPreference: ['right-start', 'right-end', 'left-start', 'left-end'],
-    selectedOptions: selectedOptions,
-    onKeyDown: onKeyDown,
-    onMouseEnter: onMouseEnterHandler,
-    onMouseLeave: onMouseLeaveHandler,
-    onClickOutside: onClickOutside,
-    customOffset: [0, 1],
-    wrapperStyles: _objectSpread(_objectSpread({}, wrapperStyles), {}, {
-      w: '100%'
-    }),
-    minWidth: minWidth,
-    maxHeight: maxHeight
-  }, void 0, /*#__PURE__*/jsxs(StyledSubmenuItemWrapper, {
-    "aria-selected": isSelected,
-    pr: 0,
-    id: dsId,
-    role: "option",
-    isSelected: isSelected,
-    isActive: isActive,
-    isFocus: isFocus,
-    onClick: onClick,
-    ref: innerRef,
-    onMouseEnter: onMouseEnterHandler,
-    onMouseLeave: onMouseLeaveHandler,
-    "aria-describedby": "dropdownmenu-submenu-".concat(dsId),
-    children: [render ? render(props) : /*#__PURE__*/_jsx(Grid, {
-      cols: ['auto', 'min-content']
-    }, void 0, /*#__PURE__*/_jsx(StyledItemLabel, {}, void 0, label), /*#__PURE__*/_jsx(DSButtonV2, {
-      buttonType: "icon",
-      onClick: e => {
-        e.stopPropagation();
-        onClick(e);
-      }
-    }, void 0, rightAddon === 'ellipsis' ? _Ellipsis || (_Ellipsis = /*#__PURE__*/_jsx(Ellipsis, {})) : _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx(ChevronRight, {})))), /*#__PURE__*/_jsx("span", {
-      id: "dropdownmenu-submenu-".concat(dsId),
-      style: {
-        display: 'none'
-      }
-    }, void 0, "Submenu. To open this submenu press the Right Arrow key.")]
-  }));
-};
-
-const SubmenuItemWithSchema = describe(SubmenuItem);
-SubmenuItemWithSchema.propTypes = itemProps;
-
-export { SubmenuItem, SubmenuItemWithSchema };

package/esm/MenuItem/components/SubmenuItem/styled.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { StyledGlobalMenuItemWrapper } from '../styled.js';
-
-const StyledItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
-  componentId: "sc-1kei8ft-0"
-})(["background-color:", " !important;"], props => props.isSelected ? props.theme.colors.brand[200] : 'white');
-const StyledItemLabel = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1kei8ft-1"
-})(["display:grid;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
-
-export { StyledItemLabel, StyledItemWrapper };

package/esm/MenuItem/components/index.js

@@ -1,6 +0,0 @@
-export { SingleMenuItem } from './SingleMenuItem/SingleMenuItem.js';
-export { MultiMenuItem, MultiMenuItemWithSchema } from './MultiMenuItem/MultiMenuItem.js';
-export { MenuItem, MenuItemWithSchema } from './MenuItem/index.js';
-export { SubmenuItem, SubmenuItemWithSchema } from './SubmenuItem/index.js';
-export { Section } from './Section/index.js';
-export { Separator } from './Separator/index.js';

package/esm/MenuItem/components/styled.js

@@ -1,30 +0,0 @@
-import styled, { css } from 'styled-components';
-import { position, layout, sizing, space } from '@xstyled/styled-components';
-
-const borderOutside = function (color) {
-  let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  return css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
-};
-
-const disabledOption = () => css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
-
-const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
-
-const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
-
-const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
-  componentId: "sc-jyoobd-0"
-})(["cursor:pointer;height:32px;padding-left:16px;padding-right:16px;display:grid;align-items:center;list-style:none;position:relative;", " ", " ", " ", " ", ";background-color:", ";&:hover{background-color:", ";}"], position, layout, sizing, space, props => {
-  if (props.disabled) return disabledOption();
-  if (props.isFocus) return focusBorderCss(props);
-  if (props.isActive) return activeBorderCss(props);
-  return '';
-}, props => props.isActive ? props.theme.colors.brand[200] : 'white', props => !props.disabled && props.theme.colors.brand[200]);
-const StyledMenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
-  componentId: "sc-jyoobd-1"
-})(["background-color:", " !important;cursor:", ";", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.disabled && 'not-allowed', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
-const StyledSubmenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
-  componentId: "sc-jyoobd-2"
-})(["", ";padding-right:0;"], props => props.isSelected || props.isActive ? activeBorderCss(props) : '');
-
-export { StyledGlobalMenuItemWrapper, StyledMenuItemWrapper, StyledSubmenuItemWrapper };

package/esm/MenuItem/index.js

@@ -1,6 +0,0 @@
-export { SingleMenuItem } from './components/SingleMenuItem/SingleMenuItem.js';
-export { MultiMenuItem, MultiMenuItemWithSchema } from './components/MultiMenuItem/MultiMenuItem.js';
-export { MenuItem, MenuItemWithSchema } from './components/MenuItem/index.js';
-export { SubmenuItem, SubmenuItemWithSchema } from './components/SubmenuItem/index.js';
-export { Section } from './components/Section/index.js';
-export { Separator } from './components/Separator/index.js';

package/esm/MenuItem/props.js

@@ -1,23 +0,0 @@
-import { noop } from 'lodash';
-import { PropTypes } from 'react-desc';
-
-const defaultProps = {
-  dsId: '',
-  value: '',
-  label: '',
-  onClick: noop,
-  onKeyUp: noop,
-  isSelected: false,
-  isActive: false,
-  isFocus: false,
-  disabled: false,
-  wrapperStyles: {},
-  withVirtualization: false,
-  dataTestid: 'ds-menu-item'
-};
-const itemProps = {
-  value: PropTypes.any.description('').defaultValue(''),
-  label: PropTypes.string.description('').defaultValue('')
-};
-
-export { defaultProps, itemProps };

package/esm/Radio/Circle.js

@@ -1,24 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { withTheme } from '@elliemae/ds-system';
-
-const Circle = _ref => {
-  let {
-    checked,
-    theme
-  } = _ref;
-  const r = theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;
-  return /*#__PURE__*/_jsx("svg", {
-    width: "100%",
-    height: "100%"
-  }, void 0, /*#__PURE__*/_jsx("circle", {
-    className: checked ? 'checked' : 'unchecked',
-    r: r,
-    cx: "50%",
-    cy: "50%"
-  }));
-};
-
-var Circle$1 = withTheme(Circle);
-
-export { Circle$1 as default };

package/esm/Radio/DSRadio.js

@@ -1,179 +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 { useRef } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import Circle from './Circle.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "className", "style", "labelText", "htmlFor", "hasError", "readOnly", "disabled", "checked", "value", "name", "onChange", "children", "tabIndex"];
-
-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 DSRadio = _ref => {
-  let {
-    containerProps,
-    className,
-    style,
-    labelText,
-    htmlFor,
-    hasError,
-    readOnly,
-    disabled,
-    checked,
-    value,
-    name,
-    onChange,
-    children,
-    tabIndex
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  // this will be solved when we move to styled components...
-  // eslint-disable-next-line @typescript-eslint/unbound-method
-  const {
-    cssClassName,
-    classNameElement
-  } = convertPropToCssClassName('form-element-radio', className, {
-    hasError,
-    readOnly,
-    disabled
-  });
-  const checkRef = useRef(null);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    className: cssClassName,
-    children: [/*#__PURE__*/_jsx("label", {
-      className: classNameElement('label'),
-      htmlFor: htmlFor
-    }, void 0, /*#__PURE__*/jsx("input", _objectSpread(_objectSpread({}, otherProps), {}, {
-      ref: checkRef,
-      "aria-disabled": disabled,
-      checked: disabled ? false : checked,
-      className: classNameElement('input'),
-      disabled: disabled,
-      name: name,
-      onChange: e => {
-        if (!readOnly && !disabled) {
-          onChange(e);
-        }
-      },
-      readOnly: readOnly,
-      tabIndex: -1,
-      type: "radio",
-      value: value
-    })), /*#__PURE__*/jsx("span", {
-      ref: otherProps.innerRef,
-      "aria-checked": checked,
-      "aria-disabled": disabled,
-      className: classNameElement('input-button'),
-      onKeyDown: e => {
-        // really really bad pattern...
-        // overwriting the target to point to the hidden input because the focus is on the span and not on the input...
-        // we will solve this with a v2 of this when we move to controlled + styled components...
-        e.target = checkRef.current;
-        if (disabled) return;
-
-        if (e.key === 'Enter' || e.keyCode === 32) {
-          onChange(e);
-        } else if (otherProps.onKeyDown) {
-          otherProps.onKeyDown(e);
-        }
-      },
-      role: "radio",
-      style: style,
-      tabIndex: disabled ? -1 : tabIndex // value={value} // should be unused?
-      ,
-      children: /*#__PURE__*/_jsx(Circle, {
-        checked: checked
-      })
-    }), /*#__PURE__*/_jsx("span", {
-      className: classNameElement('label-text')
-    }, void 0, labelText)), children && /*#__PURE__*/_jsx("div", {
-      className: classNameElement('radio-children')
-    }, void 0, children)]
-  }));
-};
-
-DSRadio.defaultProps = {
-  containerProps: {},
-  className: '',
-  hasError: false,
-  readOnly: false,
-  disabled: false,
-  checked: false,
-  name: '',
-  onChange: () => null,
-  children: null,
-  tabIndex: 0
-};
-const radioProps = {
-  /** Injected props to wrapper element of component */
-  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),
-
-  /** css class prop */
-  className: PropTypes.string.description('css class prop'),
-
-  /** name property to manage form */
-  name: PropTypes.string.description('name property to manage form'),
-
-  /**
-   * Displayable label for the radio
-   */
-  labelText: PropTypes.string.description('Displayable label for the radio'),
-
-  /** HTMLFOR property to manage form */
-  htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),
-
-  /**
-   * Whether the radio has error or not
-   */
-  hasError: PropTypes.bool.description('Whether the radio has error or not'),
-
-  /**
-   * Whether the radio is read only or not
-   */
-  readOnly: PropTypes.bool.description('Whether the radio is read only or not'),
-
-  /**
-   * Whether the radio is disabled or not
-   */
-  disabled: PropTypes.bool.description('Whether the radio is disabled or not'),
-
-  /**
-   * Whether the radio is checked or not
-   */
-  checked: PropTypes.bool.description('Whether the radio is checked or not'),
-
-  /**
-   * Value that takes the checkbox if it is checked
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('Value that takes the checkbox if it is checked').isRequired,
-
-  /**
-   * Allows a function that is triggered once the radio changes
-   */
-  onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),
-
-  /**
-   * Optional, if you want a checkbox customized
-   */
-  children: PropTypes.node.description('Optional, if you want a checkbox customized'),
-
-  /** HTML tabindex to manage focus */
-  tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),
-
-  /** style override object */
-  style: PropTypes.number.description('style override object')
-};
-const DSRadioWithSchema = describe(DSRadio);
-DSRadioWithSchema.propTypes = radioProps;
-
-export { DSRadioWithSchema, DSRadio as default };

package/esm/Radio/index.js

@@ -1 +0,0 @@
-export { DSRadioWithSchema, default } from './DSRadio.js';