@zohodesk/components 1.0.0-temp-84 → 1.0.0-test-252

package/es/DateTime/docs/DateWidget__default.docs.js

@@ -1,178 +0,0 @@
-import React from 'react';
-import DateWidget from '../DateWidget';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-import data from './timezonedata.json';
-import datetime from '@zohodesk/datetimejs';
-import { Box, Container } from '../../Layout';
-export default class DateWidget__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      dateTime: '2021-08-13T20:00:00.000Z',
-      date: '1999-04-03'
-    };
-    this.handleDateChange = this.handleDateChange.bind(this);
-    this.handleDateTimeChange = this.handleDateTimeChange.bind(this);
-  }
-  handleDateChange(date) {
-    this.setState({
-      date
-    });
-  }
-  handleDateTimeChange(dateTime) {
-    this.setState({
-      dateTime
-    });
-  }
-  render() {
-    const i18nKey = {
-      submitText: 'OK',
-      cancelText: 'Close',
-      timeText: 'Choose Time',
-      nextMonthTitleText: 'Go Next',
-      prevMonthTitleText: 'Go Prev',
-      monthNames: ['ஜனவரி', 'பிப்ரவரி', 'மார்ச்', 'ஏப்ரல்', 'மே', 'ஜூன்', 'ஜூலை', 'ஆகஸ்ட்', 'செப்டம்பர்', 'அக்டோபர்', 'நவம்பர்', 'டிசம்பர்'],
-      monthNamesShort: ['ஜன', 'பிப்', 'மார்', 'ஏப்', 'மே', 'ஜூன்', 'ஜூலை', 'ஆக', 'செப்', 'அக்', 'நவ', 'டிச'],
-      dayNames: ['ஞாயிறு', 'திங்கள்', 'செவ்வாய்', 'புதன்', 'வியாழன்', 'வெள்ளி', 'சனி'],
-      dayNamesShort: ['ஞா', 'தி', 'செ', 'பு', 'வி', 'வெ', 'ச'],
-      ampmText: ['மு.ப', 'பி.ப']
-    };
-    const dataFormats = ['YYYY/MM/DD', 'YYYY-MM-DD', 'YYYY.MM.DD', 'YYYY MM DD', 'MM/DD/YYYY', 'MM-DD-YYYY', 'MM.DD.YYYY', 'MM DD YYYY', 'DD/MM/YYYY', 'DD-MM-YYYY', 'DD.MM.YYYY', 'DD MM YYYY', 'YYYY/MMM/DD', 'YYYY-MMM-DD', 'YYYY.MMM.DD', 'YYYY MMM DD', 'MMM/DD/YYYY', 'MMM-DD-YYYY', 'MMM.DD.YYYY', 'MMM DD YYYY', 'DD/MMM/YYYY', 'DD-MMM-YYYY', 'DD.MMM.YYYY', 'DD MMM YYYY', 'DD/MMMM/YYYY', 'DD-MMMM-YYYY', 'DD-MMMM-YYYY', 'DD MMMM YYYY', 'MMMM/DD/YYYY', 'MMMM-DD-YYYY', 'MMMM.DD.YYYY', 'MMMM DD YYYY', 'YYYY/MMMM/DD', 'YYYY-MMMM-DD', 'YYYY.MMMM.DD', 'YYYY MMMM DD', 'DD/MM/YY', 'DD-MM-YY', 'DD.MM.YY', 'DD MM YY', 'MM/DD/YY', 'MM-DD-YY', 'MM.DD.YY', 'MM DD YY', 'YY/MM/DD', 'YY-MM-DD', 'YY.MM.DD', 'YY MM DD', 'DD/MMM/YY', 'DD-MMM-YY', 'DD.MMM.YY', 'DD MMM YY', 'MMM/DD/YY', 'MMM-DD-YY', 'MMM.DD.YY', 'MMM DD YY', 'YY/MMM/DD', 'YY-MMM-DD', 'YY.MMM.DD', 'YY MMM DD', 'DD/MMMM/YY', 'DD-MMMM-YY', 'DD.MMMM.YY', 'DD MMMM YY', 'MMMM/DD/YY', 'MMMM-DD-YY', 'MMMM.DD.YY', 'MMMM DD YY', 'YY/MMMM/DD', 'YY-MMMM-DD', 'YY.MMMM.DD', 'YY MMMM DD'];
-    const {
-      date,
-      dateTime
-    } = this.state;
-    const boxStyle = {
-      padding: '10px',
-      border: '1px solid #000',
-      margin: '5px',
-      minWidth: '300px'
-    };
-    const headingStyle = {
-      fontSize: '14px',
-      textDecoration: 'underline',
-      marginBottom: '10px'
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      wrap: "wrap"
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, dataFormats.map(format => /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: headingStyle
-    }, format), /*#__PURE__*/React.createElement(DateWidget, {
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      value: dateTime,
-      onSelect: this.handleDateTimeChange,
-      isDateTime: true,
-      position: "bottomLeft",
-      dateFormat: format,
-      timeZone: datetime.tz.unpack(data.timezone),
-      isEditable: true,
-      is24Hour: false,
-      i18nKeys: i18nKey
-    }))), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: headingStyle
-    }, "24 Hours"), /*#__PURE__*/React.createElement(DateWidget, {
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      value: dateTime,
-      onSelect: this.handleDateTimeChange,
-      isDateTime: true,
-      position: "bottomLeft",
-      dateFormat: "MMM-dd-yyyy",
-      timeZone: datetime.tz.unpack(data.timezone),
-      needDefaultTime: true,
-      is24Hour: true
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: headingStyle
-    }, "Default Time"), /*#__PURE__*/React.createElement(DateWidget, {
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      value: dateTime,
-      onSelect: this.handleDateTimeChange,
-      isDateTime: true,
-      position: "bottomLeft",
-      dateFormat: "MMM-dd-yyyy",
-      timeZone: datetime.tz.unpack(data.timezone),
-      needDefaultTime: true
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: headingStyle
-    }, "ReadOnly"), /*#__PURE__*/React.createElement(DateWidget, {
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      value: dateTime,
-      onSelect: this.handleDateTimeChange,
-      isDateTime: true,
-      position: "bottomLeft",
-      dateFormat: "yyyy.MM.dd",
-      timeZone: datetime.tz.unpack(data.timezone),
-      needDefaultTime: false,
-      isReadOnly: true
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: headingStyle
-    }, "Without Time"), /*#__PURE__*/React.createElement(DateWidget, {
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      value: date,
-      onSelect: this.handleDateChange,
-      isDateTime: false,
-      position: "bottomLeft",
-      dateFormat: "yyyy.MM.dd",
-      timeZone: datetime.tz.unpack(data.timezone)
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: headingStyle
-    }, "Disabled"), /*#__PURE__*/React.createElement(DateWidget, {
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      value: date,
-      onSelect: this.handleDateChange,
-      isDateTime: false,
-      position: "bottomLeft",
-      dateFormat: "MM-dd-yyyy",
-      isDisabled: true,
-      timeZone: datetime.tz.unpack(data.timezone)
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: headingStyle
-    }, "Hide Current Year"), /*#__PURE__*/React.createElement(DateWidget, {
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      value: dateTime,
-      onSelect: this.handleDateTimeChange,
-      isDateTime: true,
-      position: "bottomLeft",
-      dateFormat: "MMM-dd-yyyy",
-      timeZone: datetime.tz.unpack(data.timezone),
-      needDefaultTime: true,
-      is24Hour: true,
-      isEditable: true,
-      isHideCurrentYear: true
-    })))));
-  }
-}
-if (false) {
-  DateWidget__default.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}

package/es/DateTime/docs/timezonedata.json

@@ -1 +0,0 @@
-{ "timezone": "7Q.W 80 70 70 70|0121213412121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121|-3tFE0 1nEe0 1nX0 11B0 1nX0 SgN0 8x10 iy0 5Wp1 1VaX 3dA0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1fA0 1a00 1fA0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1cN0 1cL0 1cN0 1cL0 s10 1Vz0 LB0 1BX0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0|15e6" }

package/es/DropBox/docs/DropBox__custom.docs.js

@@ -1,64 +0,0 @@
-import React, { Component } from 'react';
-import DropBox from '../DropBox';
-import styles from '../../common/docStyle.module.css';
-export default class DropBox__custom extends Component {
-  render() {
-    let style = {
-        height: '80px',
-        width: '100px',
-        position: 'relative',
-        display: 'inline-block',
-        background: '#e6e5e5',
-        fontSize: '14px'
-      },
-      boxstyle = {
-        height: '100px',
-        textAlign: 'center',
-        fontSize: 'var(--zd_size20)'
-      },
-      containerStyle = {
-        display: 'inline-block',
-        verticalAlign: 'top',
-        width: 'calc(33.3333333% - 300px)',
-        marginBottom: '150px',
-        marginLeft: '275px'
-      },
-      dropBoxStyle = {
-        display: 'flex',
-        flexWrap: 'wrap',
-        flexDirection: 'row',
-        justifyContent: 'right'
-      };
-    let sizes = ['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default'];
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        dropBoxStyle
-      }
-    }, sizes.map((size, i) => /*#__PURE__*/React.createElement("div", {
-      style: containerStyle,
-      key: i
-    }, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(DropBox, {
-      size: size,
-      isActive: true,
-      isModel: false,
-      customClass: {
-        customDropBox: styles.customDropbox,
-        customDropBoxWrap: styles.dropboxSize,
-        customMobileDropBox: styles.mobDropbox,
-        customMobileDropBoxWrap: styles.mobBg
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: boxstyle
-    }, /*#__PURE__*/React.createElement("li", null, "DropBox"), /*#__PURE__*/React.createElement("li", null, "Size - ", size)))))));
-  }
-}
-if (false) {
-  DropBox__custom.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/DropBox/docs/DropBox__customOrder.docs.js

@@ -1,85 +0,0 @@
-import React, { Component, Fragment } from 'react';
-import Popup from '../../Popup/Popup';
-import DropBox from '../DropBox';
-class DropBox__customOrderComp extends Component {
-  constructor(props) {
-    super(props);
-    this.togglePopup = this.togglePopup.bind(this);
-  }
-  togglePopup(e) {
-    let {
-      togglePopup
-    } = this.props;
-    togglePopup && togglePopup(e, 'bottomLeftToRight');
-  }
-  render() {
-    let layoutStyle = {
-      padding: 20
-    };
-    let containerStyle = {
-      position: 'relative',
-      display: 'inline-block'
-    };
-    let targetStyle = {
-      height: '40px',
-      width: '40px',
-      borderRadius: '50%',
-      position: 'relative',
-      background: '#e6e5e5',
-      cursor: 'pointer'
-    };
-    let boxStyle = {
-      height: '300px'
-    };
-    let {
-      isPopupOpen,
-      isPopupReady,
-      position,
-      removeClose,
-      getContainerRef,
-      getTargetRef,
-      isAbsolutePositioningNeeded,
-      targetOffset,
-      positionsOffset
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: layoutStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: containerStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: targetStyle,
-      onClick: this.togglePopup,
-      ref: getTargetRef
-    }), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
-      size: "large",
-      isActive: isPopupReady,
-      boxPosition: position,
-      onClick: removeClose,
-      getRef: getContainerRef,
-      isArrow: false,
-      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-      animationStyle: "bounce",
-      positionsOffset: positionsOffset,
-      targetOffset: targetOffset
-    }, /*#__PURE__*/React.createElement("div", {
-      style: boxStyle
-    })) : null)), /*#__PURE__*/React.createElement("div", {
-      "data-portal": "portal1"
-    }));
-  }
-}
-DropBox__customOrderComp.displayName = 'DropBox__customOrder';
-let DropBox__customOrder = Popup(DropBox__customOrderComp);
-DropBox__customOrder.defaultProps = {
-  isAbsolutePositioningNeeded: false,
-  customOrder: ['bottomCenter', 'bottomLeftToRight', 'bottomRightToLeft', 'topLeftToRight', 'topRightToLeft', 'rightCenter', 'rightBottomToTop', 'leftTopToBottom', 'leftCenter', 'leftBottomToTop', 'leftCenterToTop']
-};
-if (false) {
-  DropBox__customOrder.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
-export default DropBox__customOrder;

package/es/DropBox/docs/DropBox__fixedPosition.docs.js

@@ -1,84 +0,0 @@
-import React, { Component, Fragment } from 'react';
-import Popup from '../../Popup/Popup';
-import DropBox from '../DropBox';
-class DropBox__fixedPositionComp extends Component {
-  constructor(props) {
-    super(props);
-    this.togglePopup = this.togglePopup.bind(this);
-  }
-  togglePopup(e) {
-    let {
-      togglePopup
-    } = this.props;
-    togglePopup && togglePopup(e);
-  }
-  render() {
-    let layoutStyle = {
-      padding: 20
-    };
-    let containerStyle = {
-      position: 'relative',
-      display: 'inline-block'
-    };
-    let targetStyle = {
-      height: '40px',
-      width: '40px',
-      borderRadius: '50%',
-      position: 'relative',
-      background: '#e6e5e5',
-      cursor: 'pointer'
-    };
-    let boxStyle = {
-      height: '300px'
-    };
-    let {
-      isPopupOpen,
-      isPopupReady,
-      position,
-      removeClose,
-      getContainerRef,
-      getTargetRef,
-      isAbsolutePositioningNeeded,
-      targetOffset,
-      positionsOffset
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: layoutStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: containerStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: targetStyle,
-      onClick: this.togglePopup,
-      ref: getTargetRef
-    }), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
-      size: "large",
-      isActive: isPopupReady,
-      boxPosition: position,
-      onClick: removeClose,
-      getRef: getContainerRef,
-      isArrow: false,
-      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-      animationStyle: "bounce",
-      positionsOffset: positionsOffset,
-      targetOffset: targetOffset
-    }, /*#__PURE__*/React.createElement("div", {
-      style: boxStyle
-    })) : null)), /*#__PURE__*/React.createElement("div", {
-      "data-portal": "portal1"
-    }));
-  }
-}
-DropBox__fixedPositionComp.displayName = 'DropBox__fixedPosition';
-let DropBox__fixedPosition = Popup(DropBox__fixedPositionComp);
-DropBox__fixedPosition.defaultProps = {
-  isAbsolutePositioningNeeded: false
-};
-if (false) {
-  DropBox__fixedPosition.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
-export default DropBox__fixedPosition;

package/es/DropBox/docs/DropBox__position.docs.js

@@ -1,85 +0,0 @@
-import React, { Component } from 'react';
-import DropBox from '../DropBox';
-export default class DropBox__position extends Component {
-  render() {
-    let style = {
-        height: '80px',
-        width: '100px',
-        position: 'relative',
-        display: 'inline-block',
-        background: '#e6e5e5',
-        fontSize: '14px'
-      },
-      boxstyle = {
-        height: '100px',
-        listStyleType: 'none',
-        padding: '5px 10px',
-        margin: 0
-      },
-      direction = {
-        display: 'flex',
-        flexDirection: 'column'
-      },
-      position = {
-        display: 'flex',
-        justifyContent: 'space-around',
-        height: '300px',
-        alignItems: 'center'
-      },
-      containerStyle = {
-        display: 'inline-flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      title = {
-        fontSize: '25px',
-        color: 'rgba(0, 0, 0, 0.7)',
-        textAlign: 'center',
-        padding: '0 15px',
-        margin: '15px 0'
-      };
-    let directions = [{
-      direction: 'Bottom',
-      position: ['bottomLeft', 'bottomCenter', 'bottomRight']
-    }, {
-      direction: 'Top',
-      position: ['topLeft', 'topCenter', 'topRight']
-    }, {
-      direction: 'Left',
-      position: ['leftTop', 'leftCenter', 'leftBottom']
-    }, {
-      direction: 'Right',
-      position: ['rightTop', 'rightCenter', 'rightBottom']
-    }];
-    return /*#__PURE__*/React.createElement("div", null, directions.map((item, i) => /*#__PURE__*/React.createElement("div", {
-      style: direction,
-      key: `direction${i}-${item.direction}`
-    }, /*#__PURE__*/React.createElement("div", {
-      style: title
-    }, item.direction), /*#__PURE__*/React.createElement("div", {
-      style: position
-    }, item.position.map((boxPos, j) => {
-      return /*#__PURE__*/React.createElement("div", {
-        style: containerStyle,
-        key: `position${j}-${boxPos}`
-      }, /*#__PURE__*/React.createElement("div", {
-        style: style
-      }, /*#__PURE__*/React.createElement(DropBox, {
-        size: "xsmall",
-        isAnimate: true,
-        boxPosition: boxPos,
-        isActive: true
-      }, /*#__PURE__*/React.createElement("ul", {
-        style: boxstyle
-      }, /*#__PURE__*/React.createElement("li", null, "boxPosition - ", boxPos)))));
-    })))));
-  }
-}
-if (false) {
-  DropBox__position.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/DropBox/docs/DropBox__size.docs.js

@@ -1,59 +0,0 @@
-import React, { Component } from 'react';
-import DropBox from '../DropBox';
-export default class DropBox__size extends Component {
-  render() {
-    let style = {
-        height: '80px',
-        width: '100px',
-        position: 'relative',
-        display: 'inline-block',
-        background: '#e6e5e5',
-        fontSize: '14px'
-      },
-      boxstyle = {
-        height: '100px',
-        textAlign: 'center',
-        fontSize: 'var(--zd_size20)',
-        listStyleType: 'none',
-        padding: 0,
-        margin: 0
-      },
-      containerStyle = {
-        display: 'inline-block',
-        verticalAlign: 'top',
-        width: 'calc(33.3333333% - 300px)',
-        marginBottom: '150px',
-        marginLeft: '275px'
-      },
-      dropBoxStyle = {
-        display: 'flex',
-        flexWrap: 'wrap',
-        flexDirection: 'row',
-        justifyContent: 'right'
-      };
-    let sizes = ['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'default'];
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        dropBoxStyle
-      }
-    }, sizes.map((size, i) => /*#__PURE__*/React.createElement("div", {
-      style: containerStyle,
-      key: i
-    }, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(DropBox, {
-      size: size,
-      isActive: true
-    }, /*#__PURE__*/React.createElement("ul", {
-      style: boxstyle
-    }, /*#__PURE__*/React.createElement("li", null, "DropBox"), /*#__PURE__*/React.createElement("li", null, "Size - ", size)))))));
-  }
-}
-if (false) {
-  DropBox__size.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/DropDown/docs/DropDownHeading__custom.docs.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import DropDownHeading from '../DropDownHeading';
-import styles from '../../common/docStyle.module.css';
-export default class DropDownHeading__custom extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropDownHeading, {
-      customClass: styles.dropdownheading,
-      text: "DropDownHeading"
-    }), /*#__PURE__*/React.createElement(DropDownHeading, {
-      customClass: styles.dropdownheading,
-      palette: "dark",
-      text: "DropDownHeading"
-    }));
-  }
-}
-if (false) {
-  DropDownHeading__custom.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}

package/es/DropDown/docs/DropDownHeading__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import DropDownHeading from '../DropDownHeading';
-export default class DropDownHeading__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropDownHeading, {
-      text: "DropDownHeading"
-    }), /*#__PURE__*/React.createElement(DropDownHeading, {
-      text: "DropDownHeading1"
-    }, /*#__PURE__*/React.createElement("span", null, "Test")), /*#__PURE__*/React.createElement(DropDownHeading, {
-      text: "DropDownHeading2"
-    }));
-  }
-}
-if (false) {
-  DropDownHeading__default.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}

package/es/Heading/docs/Heading__default.docs.js

@@ -1,19 +0,0 @@
-import React, { Component } from 'react';
-import Heading from '../Heading';
-export default class Heading__default extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, {
-      title: "Heading Text",
-      a11y: {
-        'tabindex': '0',
-        'aria-label': 'customAriaLabel'
-      }
-    }));
-  }
-}
-if (false) {
-  Heading__default.docs = {
-    folderName: 'Style Guide',
-    componentGroup: 'Accessibility'
-  };
-}

package/es/Label/docs/Label__clipped.docs.js

@@ -1,25 +0,0 @@
-import React, { Component } from 'react';
-import Label from '../Label';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Label__clipped extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'inline-block',
-        width: '200px'
-      }
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Label, {
-      text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry",
-      id: "label8",
-      size: "medium",
-      clipped: true
-    })));
-  }
-}
-if (false) {
-  Label__clipped.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    description: ' '
-  };
-}