@zohodesk/components 1.2.19 → 1.2.20

package/es/v1/MultiSelect/props/defaultProps.js

@@ -0,0 +1,153 @@
+import { getLibraryConfig } from '../../Provider/Config';
+export const AdvancedGroupMultiSelect_defaultProps = {
+  animationStyle: 'bounce',
+  autoComplete: getLibraryConfig('autoComplete'),
+  dataId: 'multiSelect',
+  defaultDropBoxPosition: 'bottom',
+  dropBoxSize: 'small',
+  isAnimate: true,
+  isDisabled: false,
+  isPopupOpenOnEnter: false,
+  isPopupOpen: false,
+  isPopupReady: false,
+  isReadOnly: false,
+  needLocalSearch: true,
+  needSelectAll: false,
+  needToCloseOnSelect: false,
+  needBorder: true,
+  size: 'medium',
+  textBoxSize: 'medium',
+  textField: 'text',
+  valueField: 'id',
+  variant: 'default',
+  isSearching: false,
+  selectedOptionDetails: {},
+  selectedGroupOptions: [],
+  listItemSize: 'large',
+  isDataLoaded: true,
+  isNextOptions: false,
+  customClass: '',
+  borderColor: 'default',
+  isPadding: false,
+  i18nKeys: {},
+  a11y: {},
+  isSearchClearOnSelect: true,
+  needEffect: true,
+  palette: 'default',
+  isLoading: false,
+  dataSelectorId: 'advancedGroupMultiSelect'
+};
+export const AdvancedMultiSelect_defaultProps = {
+  animationStyle: 'bounce',
+  dataIdClearIcon: 'clearIcon',
+  dataIdLoading: 'loading',
+  dataIdMultiSelectComp: 'multiSelectComp',
+  dataIdSelectAllEle: 'selectAllEle',
+  defaultDropBoxPosition: 'bottom',
+  dropBoxSize: 'small',
+  isAnimate: true,
+  isDisabled: false,
+  isReadOnly: false,
+  needLocalSearch: true,
+  needSelectAll: false,
+  selectedOptions: [],
+  size: 'medium',
+  textBoxSize: 'medium',
+  textField: 'text',
+  valueField: 'id',
+  variant: 'default',
+  isSearchClearOnClose: true,
+  needBorder: true,
+  i18nKeys: {},
+  a11y: {},
+  borderColor: 'default',
+  isBoxPaddingNeed: true,
+  isSearchClearOnSelect: true,
+  customProps: {},
+  needEffect: true,
+  isLoading: false,
+  dataSelectorId: 'advancedMultiSelect'
+};
+export const EmptyState_defaultProps = {
+  dataId: 'empty',
+  palette: 'default',
+  i18nKeys: {},
+  a11y: {}
+};
+export const MultiSelect_defaultProps = {
+  animationStyle: 'bounce',
+  autoComplete: getLibraryConfig('autoComplete'),
+  dataId: 'multiSelect',
+  dropBoxSize: 'small',
+  isAnimate: true,
+  isDisabled: false,
+  isPopupOpenOnEnter: false,
+  isReadOnly: false,
+  needLocalSearch: true,
+  needSelectAll: false,
+  needToCloseOnSelect: false,
+  size: 'medium',
+  textBoxSize: 'medium',
+  textField: 'text',
+  valueField: 'id',
+  variant: 'default',
+  isSearching: false,
+  borderColor: 'default',
+  needBorder: true,
+  disableAction: false,
+  isSearchClearOnClose: true,
+  isBoxPaddingNeed: true,
+  needAutoFocus: false,
+  i18nKeys: {},
+  a11y: {},
+  textBoxClass: '',
+  palette: 'default',
+  isSearchClearOnSelect: true,
+  needEffect: true,
+  boxSize: 'default',
+  isLoading: false,
+  dataSelectorId: 'multiSelect',
+  keepSelectedOptions: false,
+  selectedOptionsCount: 0,
+  cardHeaderName: ''
+};
+export const MultiSelectHeader_defaultProps = {
+  dataId: 'MultiSelectHeader'
+};
+export const MultiSelectWithAvatar_defaultProps = {
+  animationStyle: 'bounce',
+  defaultDropBoxPosition: 'bottom',
+  dropBoxSize: 'small',
+  imageField: 'photoURL',
+  isAnimate: true,
+  isDisabled: false,
+  isReadOnly: false,
+  needLocalSearch: true,
+  needSelectAll: false,
+  size: 'medium',
+  textBoxSize: 'medium',
+  textField: 'text',
+  valueField: 'id',
+  variant: 'default',
+  dataId: 'multiSelectWithAvatar',
+  borderColor: 'default',
+  needBorder: true,
+  disableAction: false,
+  isSearchClearOnClose: true,
+  i18nKeys: {},
+  a11y: {},
+  palette: 'default',
+  isBoxPaddingNeed: true,
+  isSearchClearOnSelect: true,
+  needEffect: true,
+  isLoading: false,
+  dataSelectorId: 'multiSelectWithAvatar',
+  keepSelectedOptions: false,
+  customProps: {}
+};
+export const SelectedOptions_defaultProps = {
+  size: 'medium'
+};
+export const Suggestions_defaultProps = {
+  a11y: {}
+};

package/es/v1/MultiSelect/props/propTypes.js

@@ -0,0 +1,312 @@
+import PropTypes from 'prop-types';
+export const EmptyState_propTypes = {
+  dataId: PropTypes.string,
+  emptyMessage: PropTypes.string,
+  getCustomEmptyState: PropTypes.func,
+  i18nKeys: PropTypes.shape({
+    loadingText: PropTypes.string,
+    emptyText: PropTypes.string,
+    noMoreText: PropTypes.string,
+    searchEmptyText: PropTypes.string
+  }),
+  palette: PropTypes.oneOf(['default', 'dark']),
+  isLoading: PropTypes.bool,
+  noMoreOptionsMessage: PropTypes.string,
+  options: PropTypes.array,
+  searchEmptyMessage: PropTypes.string,
+  searchString: PropTypes.string,
+  suggestions: PropTypes.array,
+  htmlId: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string
+  })
+};
+export const MultiSelect_propTypes = {
+  animationStyle: PropTypes.string,
+  autoComplete: PropTypes.bool,
+  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
+  closePopupOnly: PropTypes.func,
+  dataId: PropTypes.string,
+  defaultDropBoxPosition: PropTypes.oneOf(['bottom', 'top', 'left', 'right']),
+  disableAction: PropTypes.bool,
+  dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  emptyMessage: PropTypes.string.isRequired,
+  getContainerRef: PropTypes.func,
+  getNextOptions: PropTypes.func,
+  getPublicMethods: PropTypes.func,
+  getRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  i18nKeys: PropTypes.shape({
+    clearText: PropTypes.string,
+    loadingText: PropTypes.string,
+    emptyText: PropTypes.string,
+    noMoreText: PropTypes.string,
+    searchEmptyText: PropTypes.string
+  }),
+  a11y: PropTypes.shape({
+    clearLabel: PropTypes.string
+  }),
+  isAnimate: PropTypes.bool,
+  isBoxPaddingNeed: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupOpenOnEnter: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isSearchClearOnClose: PropTypes.bool,
+  isSearching: PropTypes.bool,
+  needAutoFocus: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needLocalSearch: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  needToCloseOnSelect: PropTypes.bool,
+  //For Group multiSelect
+  noMoreOptionsMessage: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  onDropBoxClose: PropTypes.func,
+  onDropBoxOpen: PropTypes.func,
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onSearch: PropTypes.func,
+  openPopupOnly: PropTypes.func,
+  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    text: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  }))]).isRequired,
+  palette: PropTypes.oneOf(['default', 'dark']),
+  placeHolder: PropTypes.string,
+  position: PropTypes.string,
+  prefixText: PropTypes.string,
+  removeClose: PropTypes.func,
+  searchDebounceTime: PropTypes.number,
+  searchEmptyMessage: PropTypes.string,
+  selectedOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).isRequired,
+  size: PropTypes.oneOf(['medium', 'xmedium']),
+  textBoxClass: PropTypes.string,
+  textBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
+  textField: PropTypes.string,
+  title: PropTypes.string,
+  togglePopup: PropTypes.func,
+  valueField: PropTypes.string,
+  variant: PropTypes.string,
+  htmlId: PropTypes.string,
+  isSearchClearOnSelect: PropTypes.bool,
+  children: PropTypes.node,
+  customChildrenClass: PropTypes.string,
+  disabledOptions: PropTypes.arrayOf(PropTypes.string),
+  getFooter: PropTypes.func,
+  needEffect: PropTypes.bool,
+  boxSize: PropTypes.string,
+  isLoading: PropTypes.bool,
+  dataSelectorId: PropTypes.string,
+  keepSelectedOptions: PropTypes.bool,
+  needSelectAll: PropTypes.bool,
+  selectAllText: PropTypes.string,
+  setAriaId: PropTypes.string,
+  ariaErrorId: PropTypes.string
+};
+export const MultiSelectHeader_propTypes = {
+  dataId: PropTypes.string,
+  onSelect: PropTypes.func,
+  selectAllText: PropTypes.string,
+  suggestions: PropTypes.array
+};
+export const MultiSelectWithAvatar_propTypes = {
+  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    text: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    photoURL: PropTypes.string
+  }))]).isRequired,
+  imageField: PropTypes.string,
+  customProps: PropTypes.shape({
+    SuggestionsProps: PropTypes.object,
+    DropBoxProps: PropTypes.object
+  }),
+  ...MultiSelect_propTypes
+};
+export const SelectedOptions_propTypes = {
+  getRef: PropTypes.func,
+  highLightedSelectOptions: PropTypes.array,
+  isReadOnly: PropTypes.bool,
+  onRemove: PropTypes.func,
+  onSelect: PropTypes.func,
+  selectedOptions: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    photoURL: PropTypes.string,
+    logo: PropTypes.string,
+    optionType: PropTypes.string
+  })),
+  size: PropTypes.oneOf(['medium', 'xmedium']),
+  palette: PropTypes.string
+};
+export const Suggestions_propTypes = {
+  a11y: PropTypes.shape({
+    ariaParentRole: PropTypes.string,
+    ariaMultiselectable: PropTypes.bool
+  }),
+  activeId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  avatarPalette: PropTypes.string,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  getRef: PropTypes.func,
+  hoverId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  hoverOption: PropTypes.number,
+  listItemSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  needBorder: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  palette: PropTypes.string,
+  selectedOptions: PropTypes.array,
+  htmlId: PropTypes.string,
+  suggestions: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    photoURL: PropTypes.string,
+    logo: PropTypes.string,
+    optionType: PropTypes.string,
+    listItemProps: PropTypes.object
+  }))
+};
+export const AdvancedGroupMultiSelect_propTypes = {
+  animationStyle: PropTypes.string,
+  autoComplete: PropTypes.bool,
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  defaultDropBoxPosition: PropTypes.oneOf(['bottom', 'top', 'left', 'right']),
+  dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  emptyMessage: PropTypes.string.isRequired,
+  getContainerRef: PropTypes.func,
+  getFooter: PropTypes.func,
+  groupedOptions: PropTypes.array.isRequired,
+  i18nKeys: PropTypes.shape({
+    loadingText: PropTypes.string,
+    emptyText: PropTypes.string,
+    noMoreText: PropTypes.string,
+    searchEmptyText: PropTypes.string
+  }),
+  a11y: PropTypes.shape({
+    clearLabel: PropTypes.string
+  }),
+  isDataLoaded: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isPadding: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  listItemSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  needBorder: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  needSelectAll: PropTypes.bool,
+  notifyPopupToggle: PropTypes.func,
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onSearch: PropTypes.func,
+  placeHolder: PropTypes.string,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  searchDebounceTime: PropTypes.number,
+  searchEmptyMessage: PropTypes.string,
+  selectAllText: PropTypes.string,
+  selectedGroupOptions: PropTypes.array.isRequired,
+  selectedOptionDetails: PropTypes.object,
+  size: PropTypes.oneOf(['medium', 'xmedium']),
+  textBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
+  title: PropTypes.string,
+  variant: PropTypes.string,
+  htmlId: PropTypes.string,
+  isSearchClearOnSelect: PropTypes.bool,
+  palette: PropTypes.oneOf(['default', 'dark']),
+  needEffect: true,
+  dataSelectorId: PropTypes.string,
+  valueField: PropTypes.string,
+  textField: PropTypes.string,
+  getTargetRef: PropTypes.func,
+  togglePopup: PropTypes.func,
+  needLocalSearch: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  getNextOptions: PropTypes.func,
+  isPopupOpenOnEnter: PropTypes.bool,
+  onChange: PropTypes.func,
+  needToCloseOnSelect: PropTypes.func,
+  searchStr: PropTypes.string,
+  children: PropTypes.node,
+  dataSelectorId: PropTypes.string
+};
+export const AdvancedMultiSelect_propTypes = { ...MultiSelect_propTypes,
+  selectedOptionDetails: PropTypes.string,
+  iconSize: PropTypes.string,
+  id: PropTypes.string.isRequired,
+  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    text: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    photoURL: PropTypes.string
+  }))]).isRequired,
+  selectedOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).isRequired,
+  selectedOptionsLimit: PropTypes.number,
+  getSelectedOptionDetails: PropTypes.func,
+  emptyMessage: PropTypes.string.isRequired,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  needLocalSearch: PropTypes.bool,
+  needSelectAll: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  searchEmptyMessage: PropTypes.string,
+  placeHolder: PropTypes.string,
+  selectAllText: PropTypes.string,
+  textField: PropTypes.string,
+  valueField: PropTypes.string,
+  imageField: PropTypes.string,
+  iconName: PropTypes.string,
+  prefixText: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  //For grouping multiSelect
+  optionType: PropTypes.oneOf(['default', 'avatar', 'icon']),
+  needEffect: PropTypes.bool,
+  animationStyle: PropTypes.string,
+  defaultDropBoxPosition: PropTypes.oneOf(['bottom', 'top', 'left', 'right']),
+  dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  isAnimate: PropTypes.bool,
+  size: PropTypes.oneOf(['medium', 'xmedium']),
+  textBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
+  title: PropTypes.string,
+  variant: PropTypes.string,
+  dataIdClearIcon: PropTypes.string,
+  dataIdLoading: PropTypes.string,
+  dataIdMultiSelectComp: PropTypes.string,
+  dataIdSelectAllEle: PropTypes.string,
+
+  /**** Popup Props ****/
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  togglePopup: PropTypes.func,
+  getContainerRef: PropTypes.func,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  listItemSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  needBorder: PropTypes.bool,
+  htmlId: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    clearText: PropTypes.string,
+    loadingText: PropTypes.string,
+    emptyText: PropTypes.string,
+    noMoreText: PropTypes.string,
+    searchEmptyText: PropTypes.string
+  }),
+  a11y: PropTypes.shape({
+    clearLabel: PropTypes.string
+  }),
+  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
+  isBoxPaddingNeed: PropTypes.bool,
+  isSearchClearOnSelect: PropTypes.bool,
+  disabledOptions: PropTypes.arrayOf(PropTypes.string),
+  getFooter: PropTypes.func,
+  customProps: PropTypes.shape({
+    SuggestionsProps: PropTypes.object,
+    DropBoxProps: PropTypes.object
+  }),
+  isLoading: PropTypes.bool,
+  dataSelectorId: PropTypes.string
+};

package/es/v1/PopOver/PopOver.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { PopOver_defaultProps, PopOverContainer_defaultProps } from '../../PopOver/props/defaultProps';
-import { PopOver_propTypes, PopOverTarget_propTypes, PopOverContainer_propTypes } from '../../PopOver/props/propTypes';
+import { PopOver_defaultProps, PopOverContainer_defaultProps } from './props/defaultProps';
+import { PopOver_propTypes, PopOverTarget_propTypes, PopOverContainer_propTypes } from './props/propTypes';
 import Popup from '../Popup/Popup';
 import { Box } from '../Layout';
 import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';

package/es/v1/PopOver/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const PopOver_defaultProps = {
+  isAnimate: false,
+  isArrow: false
+};
+export const PopOverContainer_defaultProps = {
+  isArrow: false
+};

package/es/v1/PopOver/props/propTypes.js

@@ -0,0 +1,53 @@
+import PropTypes from 'prop-types';
+export const PopOver_propTypes = {
+  arrowBottom: PropTypes.string,
+  arrowLeft: PropTypes.string,
+  arrowPosition: PropTypes.string,
+  arrowRight: PropTypes.string,
+  arrowTop: PropTypes.string,
+  bottom: PropTypes.string,
+  boxPosition: PropTypes.string,
+  children: PropTypes.node,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  isAnimate: PropTypes.bool,
+  isArrow: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  left: PropTypes.string,
+  onClick: PropTypes.func,
+  onPopupClose: PropTypes.func,
+  onPopupOpen: PropTypes.func,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  right: PropTypes.string,
+  size: PropTypes.string,
+  togglePopup: PropTypes.func,
+  top: PropTypes.string
+};
+export const PopOverTarget_propTypes = {
+  children: PropTypes.node,
+  getRef: PropTypes.func,
+  togglePopup: PropTypes.func
+};
+export const PopOverContainer_propTypes = {
+  animationStyle: PropTypes.string,
+  arrowBottom: PropTypes.string,
+  arrowLeft: PropTypes.string,
+  arrowPosition: PropTypes.string,
+  arrowRight: PropTypes.string,
+  arrowTop: PropTypes.string,
+  bottom: PropTypes.string,
+  boxPosition: PropTypes.string,
+  children: PropTypes.node,
+  getRef: PropTypes.func,
+  isAnimate: PropTypes.bool,
+  isArrow: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  left: PropTypes.string,
+  onClick: PropTypes.func,
+  removeClose: PropTypes.func,
+  right: PropTypes.string,
+  size: PropTypes.string,
+  top: PropTypes.string
+};

package/es/v1/Radio/Radio.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../Radio/props/defaultProps';
-import { propTypes } from '../../Radio/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Label from '../Label/Label';
 import { Container, Box } from '../Layout';
 import style from '../../Radio/Radio.module.css';
@@ -66,7 +66,7 @@ const Radio = props => {
     "aria-labelledby": ariaLabelledby,
     "aria-readonly": ariaReadonly
   }, /*#__PURE__*/React.createElement(Box, {
-    className: `${style.radio} ${checked ? `${style[`rdBox${palette}`]}` : ''} 
+    className: `${style.radio} ${checked ? `${style[`rdBox${palette}`]}` : ''}
           ${isReadOnly || disabled ? '' : `${style[`hover${palette}`]}`} ${style[size]} ${isFilled ? style.filled : ''} ${style[`centerPath${palette}`]} ${customRadio}`
   }, /*#__PURE__*/React.createElement("input", {
     type: "hidden",
@@ -100,7 +100,7 @@ const Radio = props => {
     dataId: `${text}_label`,
     variant: variant,
     title: toolTip ? toolTip : text,
-    customClass: `${checked && active && !disabled ? `${style[`${palette}checkedActive`]}` : ''} 
+    customClass: `${checked && active && !disabled ? `${style[`${palette}checkedActive`]}` : ''}
             ${style[`${palette}Label`]} ${accessMode} ${customLabel}`
   })));
 };

package/es/v1/Radio/props/defaultProps.js

@@ -0,0 +1,14 @@
+export const defaultProps = {
+  checked: false,
+  disabled: false,
+  isReadOnly: false,
+  active: false,
+  palette: 'primary',
+  labelPalette: 'default',
+  labelSize: 'medium',
+  size: 'medium',
+  variant: 'default',
+  isFilled: true,
+  customClass: {},
+  a11y: {}
+};

package/es/v1/Radio/props/propTypes.js

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  active: PropTypes.bool,
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  disabledTitle: PropTypes.string,
+  id: PropTypes.string,
+  isFilled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  labelPalette: PropTypes.oneOf(['default', 'primary', 'danger', 'mandatory']),
+  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  name: PropTypes.string,
+  palette: PropTypes.oneOf(['primary', 'danger']),
+  size: PropTypes.oneOf(['small', 'medium']),
+  title: PropTypes.string,
+  value: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'default']),
+  customClass: PropTypes.shape({
+    customRadioWrap: PropTypes.string,
+    customRadio: PropTypes.string,
+    customLabel: PropTypes.string
+  }),
+  a11y: PropTypes.shape({
+    ariaChecked: PropTypes.bool,
+    ariaHidden: PropTypes.bool,
+    role: PropTypes.string,
+    ariaLabelledby: PropTypes.string,
+    ariaLabel: PropTypes.string,
+    ariaReadonly: PropTypes.bool
+  }),
+  onChange: PropTypes.func,
+  text: PropTypes.string
+};

package/es/v1/Responsive/CustomResponsive.js

@@ -1,6 +1,6 @@
 import React, { useContext, useEffect, useState, useRef, useMemo } from 'react';
-import { CustomResponsiveSender_defaultProps, CustomResponsiveReceiver_defaultProps } from '../../Responsive/props/defaultProps';
-import { CustomResponsiveSender_propTypes, CustomResponsiveReceiver_propTypes } from '../../Responsive/props/propTypes';
+import { CustomResponsiveSender_defaultProps, CustomResponsiveReceiver_defaultProps } from './props/defaultProps';
+import { CustomResponsiveSender_propTypes, CustomResponsiveReceiver_propTypes } from './props/propTypes';
 import ResizeObserver from './ResizeObserver';
 import DOMRefWrapper from './RefWrapper';
 import shallowCompare from '../../Responsive/utils/shallowCompare';

package/es/v1/Responsive/Responsive.js

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useState, useMemo } from 'react'; // import React, { useState, useMemo, useCallback, useContext } from 'react';
 
-import { ResponsiveSender_defaultProps, ResponsiveReceiver_defaultProps } from '../../Responsive/props/defaultProps';
-import { ResponsiveSender_propTypes, ResponsiveReceiver_propTypes } from '../../Responsive/props/propTypes';
+import { ResponsiveSender_defaultProps, ResponsiveReceiver_defaultProps } from './props/defaultProps';
+import { ResponsiveSender_propTypes, ResponsiveReceiver_propTypes } from './props/propTypes';
 import ResizeObserver from './ResizeObserver';
 import DOMRefWrapper from './RefWrapper';
 import { windowResizeObserver } from '../../Responsive/windowResizeObserver';

package/es/v1/Responsive/props/defaultProps.js

@@ -0,0 +1,13 @@
+export const CustomResponsiveSender_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const CustomResponsiveReceiver_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const ResponsiveSender_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const ResponsiveReceiver_defaultProps = {
+  domRefKey: 'eleRef',
+  hiddenSizes: []
+};

package/es/v1/Responsive/props/propTypes.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+export const CustomResponsiveSender_propTypes = {
+  children: PropTypes.any.isRequired,
+  domRefKey: PropTypes.string,
+  responsiveId: PropTypes.string
+};
+export const CustomResponsiveReceiver_propTypes = {
+  children: PropTypes.func,
+  domRefKey: PropTypes.string,
+  eleRef: PropTypes.func,
+  query: PropTypes.func,
+  responsiveId: PropTypes.string
+};
+export const ResponsiveSender_propTypes = {
+  children: PropTypes.any.isRequired,
+  domRefKey: PropTypes.string,
+  responsiveId: PropTypes.string
+};
+export const ResponsiveReceiver_propTypes = {
+  children: PropTypes.func,
+  domRefKey: PropTypes.string,
+  eleRef: PropTypes.func,
+  hiddenSizes: PropTypes.array,
+  responsiveId: PropTypes.string
+};

package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useCallback } from 'react';
-import { defaultProps } from '../../ResponsiveDropBox/props/defaultProps';
-import { propTypes } from '../../ResponsiveDropBox/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import DropBox from '../DropBox/DropBox';
 import { Container } from '../Layout';
 import { ResponsiveReceiver } from '../Responsive/CustomResponsive';