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

package/es/TextBox/props/propTypes.js

@@ -1,53 +0,0 @@
-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/props/defaultProps.js

@@ -1,21 +0,0 @@
-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

@@ -1,49 +0,0 @@
-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/props/defaultProps.js

@@ -1,16 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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/props/defaultProps.js

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

package/es/Tooltip/props/propTypes.js

@@ -1,8 +0,0 @@
-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/props/defaultProps.js

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

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

@@ -1,12 +0,0 @@
-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/props/defaultProps.js

@@ -1,15 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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/deprecated/PortalLayer/props/defaultProps.js

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

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

@@ -1,11 +0,0 @@
-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
-};

package/es/semantic/Button/props/defaultProps.js

@@ -1,12 +0,0 @@
-export const defaultProps = {
-  children: null,
-  autoFocus: false,
-  dataId: 'semanticButton',
-  disabled: false,
-  palette: 'primary',
-  text: 'Button',
-  type: 'button',
-  value: 'text',
-  customClass: '',
-  a11y: {}
-};

package/es/semantic/Button/props/propTypes.js

@@ -1,26 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  ariaControls: PropTypes.bool,
-  ariaExpanded: PropTypes.bool,
-  ariaHaspopup: PropTypes.bool,
-  ariaLabel: PropTypes.string,
-  autofocus: PropTypes.bool,
-  children: PropTypes.node,
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  disabled: PropTypes.bool,
-  name: PropTypes.string,
-  onClick: PropTypes.func,
-  ref: PropTypes.func,
-  text: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['submit', 'reset', 'button']),
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    ariaLabel: PropTypes.string,
-    ariaHaspopup: PropTypes.bool,
-    ariaExpanded: PropTypes.bool,
-    ariaControls: PropTypes.string,
-    ariaLabelledby: PropTypes.string
-  })
-};

package/es/ucl/Grid/Grid.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import { withTheme } from '@zohodesk/theme';
-import style from './css/Grid.module.css';
-import defaultProps from './props/defaultProps';
-import propTypes from './props/propTypes';
-import constantProps from './props/propConstants';
-import cssJSLogic from './css/cssJSLogic';
-import componentNames from './componentNames';
-const additionStyle = ['base'];
-const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
-  let {
-    tagName,
-    customStyle,
-    customId,
-    tagAttributes,
-    tagGeneralAttributes,
-    children,
-    a11y
-  } = props;
-  /* external customization - need memorize?*/
-
-  let newStyle = useMergeStyle(style, customStyle, additionStyle);
-  /* css classname added based on logic */
-
-  const className = cssJSLogic(props, newStyle);
-  return /*#__PURE__*/React.createElement(tagName, { ...tagGeneralAttributes,
-    'data-id': customId,
-    className,
-    ref,
-    ...tagAttributes,
-    ...a11y
-  }, children);
-});
-Grid.displayName = 'Grid';
-Grid.defaultProps = defaultProps;
-Grid.propTypes = propTypes;
-Grid.constantProps = constantProps;
-export default withTheme(Grid, componentNames.GridLayout);
-Grid.docs = {
-  componentGroup: 'Grid',
-  folderName: 'Style Guide',
-  description: ' ',
-  external: false
-};

package/es/ucl/Grid/componentNames.js

@@ -1,6 +0,0 @@
-export default {
-  "GridLayout": "GridLayout",
-  "NileLayout": "NileLayout",
-  "AmazonLayout": "AmazonLayout",
-  "YangtzeLayout": "YangtzeLayout"
-};

package/es/ucl/Grid/css/Grid.module.css

@@ -1,217 +0,0 @@
-.cover {
-  height: 100%;
-  width: 100%;
-}
-
-/*Container Props */
-
-.grid {
-  display: grid;
-}
-
-.inlineGrid {
-  display: inline-grid;
-}
-
-.row {
-  grid-auto-flow: row;
-}
-
-.column {
-  grid-auto-flow: column;
-}
-
-.dense {
-  grid-auto-flow: dense;
-}
-
-.rowDense {
-  grid-auto-flow: row dense;
-}
-
-.colDense {
-  grid-auto-flow: column dense;
-}
-
-/* align-items props start */
-
-.alignItems_start {
-  align-items: start;
-}
-
-.alignItems_end {
-  align-items: end;
-}
-
-.alignItems_center {
-  align-items: center;
-}
-
-.alignItems_stretch {
-  align-items: stretch;
-}
-
-.alignItems_baseline {
-  align-items: baseline;
-}
-
-/* align-items props end */
-
-/* align-self props start */
-
-.alignSelf_start {
-  align-self: start;
-}
-
-.alignSelf_end {
-  align-self: end;
-}
-
-.alignSelf_center {
-  align-self: center;
-}
-
-.alignSelf_stretch {
-  align-self: stretch;
-}
-
-.alignSelf_baseline {
-  align-self: baseline;
-}
-
-/* align-self props End */
-
-/* align-content props start*/
-
-.alignContent_start {
-  align-content: start;
-}
-
-.alignContent_end {
-  align-content: end;
-}
-
-.alignContent_center {
-  align-content: center;
-}
-
-.alignContent_stretch {
-  align-content: stretch;
-}
-
-.alignContent_baseline {
-  align-content: baseline;
-}
-
-.alignContent_spaceBetween {
-  align-content: space-between;
-}
-
-.alignContent_spaceAround {
-  align-content: space-around;
-}
-
-.alignContent_spaceEvenly {
-  align-content: space-evenly;
-}
-
-/* align-content props end*/
-
-
-/* justify-items props start */
-
-.justifyItems_start {
-  justify-items: start;
-}
-
-.justifyItems_end {
-  justify-items: end;
-}
-
-.justifyItems_center {
-  justify-items: center;
-}
-
-.justifyItems_stretch {
-  justify-items: stretch;
-}
-
-.justifyItems_baseline {
-  justify-items: baseline;
-}
-
-/* justify-items props end */
-
-/* justify-self props start */
-
-.justifySelf_start {
-  justify-self: start;
-}
-
-.justifySelf_end {
-  justify-self: end;
-}
-
-.justifySelf_center {
-  justify-self: center;
-}
-
-.justifySelf_stretch {
-  justify-self: stretch;
-}
-
-.justifySelf_baseline {
-  justify-self: baseline;
-}
-
-/* justify-self props end */
-
-/* justify-content props start */
-
-.justifyContent_start {
-  justify-content: start;
-}
-
-.justifyContent_end {
-  justify-content: end;
-}
-
-.justifyContent_center {
-  justify-content: center;
-}
-
-.justifyContent_stretch {
-  justify-content: stretch;
-}
-
-.justifyContent_spaceBetween {
-  justify-content: space-between;
-}
-
-.justifyContent_spaceAround {
-  justify-content: space-around;
-}
-
-.justifyContent_spaceEvenly {
-  justify-content: space-evenly;
-}
-
-/* justify-content props end */
-
-.scroll_y {
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.scroll_x {
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-
-.scroll_none {
-  overflow: hidden;
-}
-
-.scroll_both {
-  overflow: auto;
-}

package/es/ucl/Grid/css/cssJSLogic.js

@@ -1,46 +0,0 @@
-import { compileClassNames } from '@zohodesk/utils';
-import propConstants from '../props/propConstants';
-/**
- * container classname based on js state
- * @param {object} props flex props
- * @param {object} flex style object
- * @returns {string} classnames string with space separate
- */
-
-export default function (props, newStyle) {
-  const {
-    display,
-    flow,
-    alignItems,
-    alignSelf,
-    alignContent,
-    justifyItems,
-    justifySelf,
-    justifyContent,
-    overFlowScroll,
-    isCover,
-    className
-  } = props;
-  const alignItemsClassname = `alignItems_${alignItems}`;
-  const alignSelfClassname = `alignSelf_${alignSelf}`;
-  const alignContentClassname = `alignContent_${alignContent}`;
-  const justifyItemsClassname = `justifyItems_${justifyItems}`;
-  const justifySelfClassname = `justifySelf_${justifySelf}`;
-  const justifyContentClassname = `justifyContent_${justifyContent}`;
-  const overFlow = `scroll_${overFlowScroll}`;
-  return compileClassNames({
-    [newStyle.base]: true,
-    [newStyle.grid]: display === propConstants.display.grid,
-    [newStyle.inlineGrid]: display === propConstants.display.inline,
-    [newStyle[flow]]: flow && display,
-    [newStyle[alignItemsClassname]]: alignItems && display,
-    [newStyle[justifyItemsClassname]]: justifyItems && display,
-    [newStyle[alignContentClassname]]: alignContent && display,
-    [newStyle[justifyContentClassname]]: justifyContent && display,
-    [newStyle[alignSelfClassname]]: alignSelf,
-    [newStyle[justifySelfClassname]]: justifySelf,
-    [newStyle[overFlow]]: overFlowScroll,
-    [newStyle.cover]: isCover,
-    [className]: className
-  });
-}

package/es/ucl/Grid/docs/Grid__Area_Based_Detail_Layout.docs.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import Grid from '../Grid';
-import propConstants from '../props/propConstants';
-import commonStyle from './css/gridDocsStyle.module.css';
-import style from './css/gridDocsAreaBasedDetailLayout.module.css';
-export default class Grid__Area_Based_Detail_Layout extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: commonStyle.parent
-    }, /*#__PURE__*/React.createElement(Grid, {
-      display: propConstants.display.grid,
-      isCover: true,
-      customStyle: {
-        base: style.container
-      }
-    }, /*#__PURE__*/React.createElement(Grid, {
-      customStyle: {
-        base: style.leftPanel
-      }
-    }, "Left Panel"), /*#__PURE__*/React.createElement(Grid, {
-      customStyle: {
-        base: style.propertiesPanel
-      }
-    }, "Properties Panel"), /*#__PURE__*/React.createElement(Grid, {
-      customStyle: {
-        base: style.mainContent
-      }
-    }, "Main Content"), /*#__PURE__*/React.createElement(Grid, {
-      customStyle: {
-        base: style.rightPanel
-      }
-    }, "Right Panel")));
-  }
-
-}
-Grid__Area_Based_Detail_Layout.docs = {
-  componentGroup: 'Grid',
-  folderName: 'Style Guide',
-  description: ' ',
-  external: false
-};