@zohodesk/components 1.0.0-temp-667 → 1.0.0-temp-70

package/es/TextBox/props/propTypes.js

@@ -0,0 +1,53 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  autofocus: PropTypes.bool,
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  dataId: PropTypes.string,
+  htmlId: PropTypes.string,
+  id: PropTypes.string,
+  inputRef: PropTypes.func,
+  isClickable: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  maxLength: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  name: PropTypes.string,
+  needAppearance: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needEffect: PropTypes.bool,
+  needReadOnlyStyle: PropTypes.bool,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onClick: PropTypes.func,
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onKeyPress: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  onMouseDown: PropTypes.func,
+  placeHolder: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium']),
+  type: PropTypes.oneOf(['text', 'password', 'number']),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  variant: PropTypes.oneOf(['primary', 'secondary', 'default', 'light']),
+  htmlId: PropTypes.string,
+  customClass: PropTypes.string,
+  htmlId: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaAutocomplete: PropTypes.string,
+    ariaControls: PropTypes.string,
+    ariaDescribedby: PropTypes.string,
+    ariaExpanded: PropTypes.bool,
+    ariaLabel: PropTypes.string,
+    autoComplete: PropTypes.bool,
+    ariaHaspopup: PropTypes.bool,
+    ariaRequired: PropTypes.bool,
+    ariaLabelledby: PropTypes.string,
+    ariaInvalid: PropTypes.bool,
+    ariaOwns: PropTypes.string,
+    ariaActivedescendant: PropTypes.string,
+    ariaReadonly: PropTypes.bool,
+    ariaMultiselectable: PropTypes.bool
+  }),
+  isFocus: PropTypes.bool,
+  customProps: PropTypes.object
+};

package/es/TextBoxIcon/TextBoxIcon.js

@@ -1,7 +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); }
+function _extends() { _extends = Object.assign || 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 from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import TextBox from '../TextBox/TextBox';
 import { Container, Box } from '../Layout';
 import Icon from '@zohodesk/icons/lib/Icon';
@@ -156,75 +157,8 @@ export default class TextBoxIcon extends React.Component {
   }
 
 }
-TextBoxIcon.defaultProps = {
-  isDisabled: false,
-  isReadOnly: false,
-  iconRotated: false,
-  maxLength: '250',
-  needBorder: true,
-  size: 'medium',
-  type: 'text',
-  variant: 'default',
-  needReadOnlyStyle: true,
-  isClickable: false,
-  needEffect: true,
-  dataId: 'textBoxIcon',
-  borderColor: 'default',
-  showClearIcon: false,
-  i18nKeys: {},
-  customClass: {},
-  iconOnHover: false,
-  isFocus: false,
-  customProps: {}
-};
-TextBoxIcon.propTypes = {
-  borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  htmlId: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    clearText: PropTypes.string
-  }),
-  iconRotated: PropTypes.bool,
-  id: PropTypes.string,
-  inputRef: PropTypes.func,
-  isClickable: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  maxLength: PropTypes.string,
-  name: PropTypes.string,
-  needBorder: PropTypes.bool,
-  needEffect: PropTypes.bool,
-  needReadOnlyStyle: PropTypes.bool,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onClear: PropTypes.func,
-  onClick: PropTypes.func,
-  onFocus: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onKeyPress: PropTypes.func,
-  onKeyUp: PropTypes.func,
-  onMouseDown: PropTypes.func,
-  placeHolder: PropTypes.string,
-  showClearIcon: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium']),
-  title: PropTypes.func,
-  type: PropTypes.oneOf(['text', 'password', 'number']),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  variant: PropTypes.oneOf(['primary', 'secondary', 'default']),
-  customClass: PropTypes.shape({
-    customTBoxWrap: PropTypes.string,
-    customTextBox: PropTypes.string,
-    customTBoxIcon: PropTypes.string,
-    customTBoxLine: PropTypes.string
-  }),
-  iconOnHover: PropTypes.bool,
-  isFocus: PropTypes.bool,
-  onClearMouseDown: PropTypes.func,
-  customProps: PropTypes.shape({
-    TextBoxProps: PropTypes.object
-  })
-};
+TextBoxIcon.defaultProps = defaultProps;
+TextBoxIcon.propTypes = propTypes;
 
 if (false) {
   TextBoxIcon.docs = {

package/es/TextBoxIcon/props/defaultProps.js

@@ -0,0 +1,21 @@
+export const defaultProps = {
+  isDisabled: false,
+  isReadOnly: false,
+  iconRotated: false,
+  maxLength: '250',
+  needBorder: true,
+  size: 'medium',
+  type: 'text',
+  variant: 'default',
+  needReadOnlyStyle: true,
+  isClickable: false,
+  needEffect: true,
+  dataId: 'textBoxIcon',
+  borderColor: 'default',
+  showClearIcon: false,
+  i18nKeys: {},
+  customClass: {},
+  iconOnHover: false,
+  isFocus: false,
+  customProps: {}
+};

package/es/TextBoxIcon/props/propTypes.js

@@ -0,0 +1,49 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  htmlId: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    clearText: PropTypes.string
+  }),
+  iconRotated: PropTypes.bool,
+  id: PropTypes.string,
+  inputRef: PropTypes.func,
+  isClickable: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  maxLength: PropTypes.string,
+  name: PropTypes.string,
+  needBorder: PropTypes.bool,
+  needEffect: PropTypes.bool,
+  needReadOnlyStyle: PropTypes.bool,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onClear: PropTypes.func,
+  onClick: PropTypes.func,
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onKeyPress: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  onMouseDown: PropTypes.func,
+  placeHolder: PropTypes.string,
+  showClearIcon: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium']),
+  title: PropTypes.func,
+  type: PropTypes.oneOf(['text', 'password', 'number']),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  variant: PropTypes.oneOf(['primary', 'secondary', 'default']),
+  customClass: PropTypes.shape({
+    customTBoxWrap: PropTypes.string,
+    customTextBox: PropTypes.string,
+    customTBoxIcon: PropTypes.string,
+    customTBoxLine: PropTypes.string
+  }),
+  iconOnHover: PropTypes.bool,
+  isFocus: PropTypes.bool,
+  onClearMouseDown: PropTypes.func,
+  customProps: PropTypes.shape({
+    TextBoxProps: PropTypes.object
+  })
+};

package/es/Textarea/Textarea.js

@@ -1,7 +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); }
+function _extends() { _extends = Object.assign || 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 from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['resizeX', 'resizeY', 'noresize', 'resizeboth', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'default', 'primary'] }] */
 
 import style from './Textarea.module.css';
@@ -104,52 +105,8 @@ export default class Textarea extends React.Component {
   }
 
 }
-Textarea.defaultProps = {
-  isDisabled: false,
-  isReadOnly: false,
-  dataId: 'TextareaComp',
-  needBorder: true,
-  resize: 'none',
-  size: 'small',
-  variant: 'default',
-  needAppearance: true,
-  needReadOnlyStyle: true,
-  borderColor: 'default',
-  needEffect: true,
-  autoFocus: false,
-  customClass: '',
-  a11y: {}
-};
-Textarea.propTypes = {
-  animated: PropTypes.bool,
-  autoFocus: PropTypes.bool,
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  getRef: PropTypes.func,
-  htmlId: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  needAppearance: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needEffect: PropTypes.bool,
-  needReadOnlyStyle: PropTypes.bool,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  placeHolder: PropTypes.string,
-  resize: PropTypes.oneOf(['horizontal', 'vertical', 'both', 'none']),
-  size: PropTypes.oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large']),
-  text: PropTypes.string,
-  variant: PropTypes.oneOf(['default', 'primary']),
-  customClass: PropTypes.string,
-  a11y: PropTypes.shape({
-    ariaLabel: PropTypes.string,
-    ariaLabelledby: PropTypes.string
-  })
-};
+Textarea.defaultProps = defaultProps;
+Textarea.propTypes = propTypes;
 
 if (false) {
   Textarea.docs = {

package/es/Textarea/props/defaultProps.js

@@ -0,0 +1,16 @@
+export const defaultProps = {
+  isDisabled: false,
+  isReadOnly: false,
+  dataId: 'TextareaComp',
+  needBorder: true,
+  resize: 'none',
+  size: 'small',
+  variant: 'default',
+  needAppearance: true,
+  needReadOnlyStyle: true,
+  borderColor: 'default',
+  needEffect: true,
+  autoFocus: false,
+  customClass: '',
+  a11y: {}
+};

package/es/Textarea/props/propTypes.js

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  animated: PropTypes.bool,
+  autoFocus: PropTypes.bool,
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  getRef: PropTypes.func,
+  htmlId: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  needAppearance: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needEffect: PropTypes.bool,
+  needReadOnlyStyle: PropTypes.bool,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  placeHolder: PropTypes.string,
+  resize: PropTypes.oneOf(['horizontal', 'vertical', 'both', 'none']),
+  size: PropTypes.oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large']),
+  text: PropTypes.string,
+  variant: PropTypes.oneOf(['default', 'primary']),
+  customClass: PropTypes.string,
+  a11y: PropTypes.shape({
+    ariaLabel: PropTypes.string,
+    ariaLabelledby: PropTypes.string
+  })
+};

package/es/Tooltip/Tooltip.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { getLibraryConfig } from '../Provider/Config';
 import style from './Tooltip.module.css';
 import ResizeObserver from '../Responsive/ResizeObserver';
@@ -502,17 +503,8 @@ export default class Tooltip extends React.Component {
   }
 
 }
-Tooltip.propTypes = {
-  dataId: PropTypes.string,
-  isHtml: PropTypes.string,
-  isPosition: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
-  title: PropTypes.string,
-  customClass: PropTypes.string
-};
-Tooltip.defaultProps = {
-  dataId: 'toolTip',
-  customClass: ''
-};
+Tooltip.propTypes = propTypes;
+Tooltip.defaultProps = defaultProps;
 
 if (false) {
   Tooltip.docs = {

package/es/Tooltip/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'toolTip',
+  customClass: ''
+};

package/es/Tooltip/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  isHtml: PropTypes.string,
+  isPosition: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
+  title: PropTypes.string,
+  customClass: PropTypes.string
+};

package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
 import LibraryContext from '../../Provider/LibraryContextInit';
@@ -67,28 +68,8 @@ export default class VelocityAnimation extends React.Component {
   }
 
 }
-VelocityAnimation.defaultProps = {
-  runOnMount: false,
-  isCustomized: true,
-  needUIPack: true,
-  isFlex: false,
-  duration: 300
-};
-VelocityAnimation.propTypes = {
-  children: PropTypes.node.isRequired,
-  delay: PropTypes.number,
-  duration: PropTypes.number,
-  isActive: PropTypes.bool.isRequired,
-  isCustomized: PropTypes.bool,
-  isFlex: PropTypes.bool,
-  name: PropTypes.oneOf(['fade', 'slideRight', 'shrink', 'expand', 'slideDown', 'flyDown', 'slideLeft']),
-  needUIPack: PropTypes.bool,
-  runOnMount: PropTypes.bool
-};
-VelocityAnimation.contextTypes = {
-  direction: PropTypes.string,
-  isReducedMotion: PropTypes.bool
-};
+VelocityAnimation.defaultProps = defaultProps;
+VelocityAnimation.propTypes = propTypes;
 VelocityAnimation.contextType = LibraryContext;
 
 if (false) {

package/es/VelocityAnimation/VelocityAnimation/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  runOnMount: false,
+  isCustomized: true,
+  needUIPack: true,
+  isFlex: false,
+  duration: 300
+};

package/es/VelocityAnimation/VelocityAnimation/props/propTypes.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node.isRequired,
+  delay: PropTypes.number,
+  duration: PropTypes.number,
+  isActive: PropTypes.bool.isRequired,
+  isCustomized: PropTypes.bool,
+  isFlex: PropTypes.bool,
+  name: PropTypes.oneOf(['fade', 'slideRight', 'shrink', 'expand', 'slideDown', 'flyDown', 'slideLeft']),
+  needUIPack: PropTypes.bool,
+  runOnMount: PropTypes.bool
+};

package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,7 +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); }
+function _extends() { _extends = Object.assign || 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 from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
 import LibraryContext from '../../Provider/LibraryContextInit';
@@ -96,44 +97,10 @@ export default class VelocityAnimationGroup extends React.Component {
   }
 
 }
-VelocityAnimationGroup.defaultProps = {
-  runOnMount: false,
-  enterHideStyle: {
-    display: 'none'
-  },
-  enterShowStyle: {
-    display: ''
-  },
-  isFlex: false,
-  enterDuration: 300,
-  exitDuration: 300,
-  isActive: false,
-  isCustomized: true,
-  needUIPack: true,
+VelocityAnimationGroup.defaultProps = { ...defaultProps,
   component: React.Fragment
 };
-VelocityAnimationGroup.propTypes = {
-  children: PropTypes.node.isRequired,
-  component: PropTypes.element,
-  enterDelay: PropTypes.number,
-  enterDuration: PropTypes.number,
-  enterHideStyle: PropTypes.object,
-  enterName: PropTypes.string,
-  enterShowStyle: PropTypes.object,
-  exitDelay: PropTypes.number,
-  exitDuration: PropTypes.number,
-  exitName: PropTypes.string,
-  isActive: PropTypes.bool,
-  isCustomized: PropTypes.bool,
-  isFlex: PropTypes.bool,
-  name: PropTypes.oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
-  needUIPack: PropTypes.bool,
-  runOnMount: PropTypes.bool
-};
-VelocityAnimationGroup.contextTypes = {
-  direction: PropTypes.string,
-  isReducedMotion: PropTypes.bool
-};
+VelocityAnimationGroup.propTypes = propTypes;
 VelocityAnimationGroup.contextType = LibraryContext;
 
 if (false) {

package/es/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const defaultProps = {
+  runOnMount: false,
+  enterHideStyle: {
+    display: 'none'
+  },
+  enterShowStyle: {
+    display: ''
+  },
+  isFlex: false,
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  isCustomized: true,
+  needUIPack: true
+};

package/es/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node.isRequired,
+  component: PropTypes.element,
+  enterDelay: PropTypes.number,
+  enterDuration: PropTypes.number,
+  enterHideStyle: PropTypes.object,
+  enterName: PropTypes.string,
+  enterShowStyle: PropTypes.object,
+  exitDelay: PropTypes.number,
+  exitDuration: PropTypes.number,
+  exitName: PropTypes.string,
+  isActive: PropTypes.bool,
+  isCustomized: PropTypes.bool,
+  isFlex: PropTypes.bool,
+  name: PropTypes.oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
+  needUIPack: PropTypes.bool,
+  runOnMount: PropTypes.bool
+};

package/es/common/common.module.css

@@ -23,6 +23,19 @@
   overflow: auto;
 }
 
+.preventScrollBubbleX {
+  overscroll-behavior-x: contain;
+}
+
+.preventScrollBubbleY {
+  overscroll-behavior-y: contain;
+}
+
+.preventScrollBubbleBoth {
+  overscroll-behavior: contain;
+}
+
+
 /*  --Position Props-- */
 .posrel {
   position: relative;
@@ -53,14 +66,17 @@
 .clboth {
   clear: both;
 }
+
 .disable,
 .disabled {
   position: relative;
 }
+
 .disable::after {
   cursor: no-drop;
   background: var(--zdt_disable_bg);
 }
+
 .disable::after,
 .disabled::after,
 .readonly::after {
@@ -71,10 +87,12 @@
   content: '';
   user-select: none;
 }
+
 [dir=ltr] .disable::after, [dir=ltr] .disabled::after, [dir=ltr] .readonly::after {
   left: 0;
   right: 0;
 }
+
 [dir=rtl] .disable::after, [dir=rtl] .disabled::after, [dir=rtl] .readonly::after {
   right: 0;
   left: 0;
@@ -83,6 +101,7 @@
 .disabled, .readonly {
   cursor: not-allowed;
 }
+
 .disabled::after, .readonly::after {
   cursor: not-allowed;
 }
@@ -217,6 +236,7 @@
   -ms-flex-align: end;
   align-items: flex-end;
 }
+
 .alignBaseline {
   -webkit-box-align: baseline;
   -ms-flex-align: baseline;
@@ -466,6 +486,7 @@
   word-wrap: normal;
   text-overflow: ellipsis;
 }
+
 .clamp {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
@@ -492,11 +513,13 @@
   position: sticky;
   position: -webkit-sticky;
 }
-.fitContWidth{
+
+.fitContWidth {
   width: fit-content;
   width: -moz-fit-content;
 }
-.fitContHeight{
+
+.fitContHeight {
   height: fit-content;
   height: -moz-fit-content;
-}
+}

package/es/deprecated/PortalLayer/PortalLayer.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types'; //Components
+import { propTypes } from './props/propTypes';
+import { defaultProps } from './props/defaultProps'; //Components
 
 import Modal from '../../Modal/Modal';
 let RefElement = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -95,21 +96,8 @@ export default class PortalLayer extends React.Component {
   }
 
 }
-PortalLayer.defaultProps = {
-  autoZIndexNeeded: true,
-  isChildrenRestrictionNeeded: false,
-  portalId: 'portal1'
-};
-PortalLayer.propTypes = {
-  autoZIndexNeeded: PropTypes.bool,
-  children: PropTypes.element,
-  initialState: PropTypes.bool,
-  isChildrenRestrictionNeeded: PropTypes.bool,
-  portalId: PropTypes.string,
-  renderChildren: PropTypes.func,
-  saveGetFunction: PropTypes.func,
-  saveUpdateFunction: PropTypes.func
-};
+PortalLayer.defaultProps = defaultProps;
+PortalLayer.propTypes = propTypes;
 
 if (false) {
   PortalLayer.docs = {

package/es/deprecated/PortalLayer/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  autoZIndexNeeded: true,
+  isChildrenRestrictionNeeded: false,
+  portalId: 'portal1'
+};

package/es/deprecated/PortalLayer/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  autoZIndexNeeded: PropTypes.bool,
+  children: PropTypes.element,
+  initialState: PropTypes.bool,
+  isChildrenRestrictionNeeded: PropTypes.bool,
+  portalId: PropTypes.string,
+  renderChildren: PropTypes.func,
+  saveGetFunction: PropTypes.func,
+  saveUpdateFunction: PropTypes.func
+};