@zohodesk/dot 1.0.0-temp-62 → 1.0.0-temp-65

package/src/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -0,0 +1,134 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
+import AvatarTeam from '@zohodesk/components/lib/AvatarTeam/AvatarTeam';
+import style from './AvatarWithTeam.module.css';
+
+export default class AvatarWithTeam extends React.Component {
+
+  render() {
+    let {
+      name,
+      size,
+      src,
+      teamName,
+      isTeam,
+      needTitle = false,
+      initial,
+      title,
+      palette,
+      textPalette,
+      customTextClass,
+      teamClassName,
+      borderOnActive,
+      customProps
+        } = this.props;
+    let { AvatarWithTeamProps = {}, Avatar1Props = {},AvatarTeam1Props={},Avatar2Props={},AvatarTeam2Props={} } = customProps;
+    
+    return (
+      <span className={`${style.container} `} data-id='avatarWithTeamId' {...AvatarWithTeamProps}>
+        {isTeam && teamName ? (
+          <Avatar
+            name={name}
+            src={src}
+            size={size}
+            initial={initial}
+            needTitle={needTitle}
+            palette={palette}
+            textPalette={textPalette}
+            customClass={customTextClass}
+            borderOnActive={borderOnActive}
+            {...Avatar1Props}
+          />
+        ) : isTeam ? (
+          <AvatarTeam
+            name={name}
+            src={src}
+            size={size}
+            needTitle={needTitle}
+            title={needTitle ? title : undefined}
+            palette={palette}
+            textPalette={textPalette}
+            customClass={{
+              customAvatar: customTextClass
+            }}
+            borderOnActive={borderOnActive}
+           {...AvatarTeam1Props}
+          />
+        ) : (
+          <Avatar
+            name={name}
+            src={src}
+            size={size}
+            initial={initial}
+            needTitle={needTitle}
+            palette={palette}
+            textPalette={textPalette}
+            customClass={customTextClass}
+            borderOnActive={borderOnActive}
+           {...Avatar2Props}
+          />
+        )}
+
+        {teamName ? (
+          <span
+            className={`${style.teamAvatar} ${teamClassName} `}
+            data-id='teamNameTestId'
+            data-title={needTitle ? title : undefined}
+          >
+            <AvatarTeam
+              name={teamName}
+              size='small'
+              palette={palette}
+              textPalette={textPalette}
+              isFilled
+              needTitle={needTitle}
+              customClass={{
+                customAvatar: customTextClass
+              }}
+              borderOnActive={borderOnActive}
+             {...AvatarTeam2Props}
+            />
+          </span>
+        ) : null}
+      </span>
+    );
+  }
+}
+
+AvatarWithTeam.defaultProps = {
+  size: 'xmedium',
+  isTeam: false,
+  teamClassName: '',
+  borderOnActive: false,
+  customProps:{}
+};
+
+AvatarWithTeam.propTypes = {
+  customTextClass: PropTypes.string,
+  initial: PropTypes.string,
+  isTeam: PropTypes.bool,
+  name: PropTypes.string,
+  needTitle: PropTypes.bool,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  size: PropTypes.string,
+  src: PropTypes.string,
+  teamClassName: PropTypes.string,
+  teamName: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  title: PropTypes.string,
+  borderOnActive: PropTypes.bool,
+  customProps:PropTypes.shape({
+    AvatarWithTeamProps: PropTypes.object,
+    Avatar1Props: PropTypes.object,
+    AvatarTeam1Props: PropTypes.object,
+    Avatar2Props: PropTypes.object,
+    AvatarTeam2Props: PropTypes.object
+  })
+};
+
+if (__DOCS__) {
+  AvatarWithTeam.docs = {
+    componentGroup: 'Avatar Group'
+  };
+}

package/src/avatar/AvatarWithTeam/AvatarWithTeam.module.css

@@ -0,0 +1,16 @@
+.container {
+  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  vertical-align: middle;
+  position: relative;
+}
+
+.teamAvatar {
+  position: absolute;
+  padding: var(--zd_size2);
+  border-radius: 50%;
+  bottom: calc(var(--zd_size6) * -1);
+  right: calc(var(--zd_size10) * -1);
+  transform: scale(0.8);
+  background-color: var(--zdt_avatarteam_default_bg);
+  font-size: 0;
+}

package/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js

@@ -0,0 +1,50 @@
+import expect from 'expect';
+import AvatarWithTeam from '../AvatarWithTeam';
+
+let defaultProps = {
+    name: "Tested Team",
+    src: null,
+    teamName: null,
+    isTeam: null
+}
+
+describe('SampleTest', () => {
+    let { renderedDOM, props } = global.setup(AvatarWithTeam, defaultProps);
+
+
+    let Avatarid = global.TestUtils.findRenderedComponentsWithTestid(
+        renderedDOM,
+        'avatarWithTeamId'
+    );
+
+    it(`Check whether Avatar mounted or not`, () => {
+        expect(global.TestUtils.isDOMComponent(Avatarid)).toBeTruthy();
+    });
+
+    it(`Check children length `, () => {
+        expect(Avatarid.children.length).toBe(1);
+    });
+
+    let properties = Object.assign({}, defaultProps, { isTeam: true, teamName: "Tested Team", name: "Sangeetha" })
+
+    it(`Check whether AvatarWithTeam mounted or not`, () => {
+        let { renderedDOM, props } = global.setup(AvatarWithTeam, properties);
+        let AvatarWithTeamId = global.TestUtils.findRenderedComponentsWithTestid(
+            renderedDOM,
+            'teamNameTestId'
+        );
+        expect(global.TestUtils.isDOMComponent(AvatarWithTeamId)).toBeTruthy();
+    });
+
+    let property = Object.assign({}, defaultProps, { isTeam:true, name: "Tested Team", teamName: null });
+
+    it(`Check whether AvatarTeam  mounted or not`, () => {
+        let { renderedDOM, props } = global.setup(AvatarWithTeam, property);
+        let AvatarTeamId = global.TestUtils.findRenderedComponentsWithTestid(
+            renderedDOM,
+            'avatarWithTeamId'
+        );
+        expect(global.TestUtils.isDOMComponent(AvatarTeamId)).toBeTruthy();
+    });
+
+});

package/src/avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs.js

@@ -0,0 +1,28 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import AvatarWithTeam from '../AvatarWithTeam';
+
+export default class AvatarWithTeam__default extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <AvatarWithTeam
+          name='feedback'
+          src='https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg'
+          teamName='BK'
+        />
+      </div>
+    );
+  }
+}
+
+if (__DOCS__) {
+  AvatarWithTeam__default.docs = {
+    componentGroup: 'Avatar Group',
+    description: ' '
+  };
+}

package/src/deprecated/SelectDropdown/SelectDropdown.js

@@ -0,0 +1,122 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import DropBox from '@zohodesk/components/lib/DropBox/DropBox';
+import Popup from '@zohodesk/components/lib/Popup/Popup';
+import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
+import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
+import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
+import Icon from '@zohodesk/icons/lib/Icon';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import style from './SelectDropdown.module.css';
+class SelectDropdown extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleTogglePopup = this.handleTogglePopup.bind(this);
+    this.handleClick = this.handleClick.bind(this);
+  }
+
+  handleClick(id, value, index, e) {
+    let { onClick, togglePopup } = this.props;
+    onClick && onClick(id, value, index, e);
+    togglePopup(e, 'bottomRight');
+  }
+
+  handleTogglePopup(e) {
+    let { togglePopup } = this.props;
+    togglePopup(e, 'bottomRight');
+  }
+
+  render() {
+    let {
+      title,
+      selectedText,
+      isPopupOpen,
+      isPopupReady,
+      getTargetRef,
+      getContainerRef,
+      removeClose,
+      suggestions,
+      selectedId,
+      isSearchRequired = false
+    } = this.props;
+    let { idKey, valueKey, options = [] } = suggestions;
+    return (
+      <span
+        ref={getTargetRef}
+        className={style.container}
+        onClick={removeClose}
+      >
+        <span className={style.departName} onClick={this.handleTogglePopup}>
+          {selectedText}
+        </span>
+        <span className={style.departIcon} onClick={this.handleTogglePopup}>
+          <Icon name='ZD-down1' size='6' />
+        </span>
+        <DropBox
+          size='medium'
+          boxPosition='bottomRight'
+          isArrow
+          isAnimate
+          right='-25'
+          isActive={isPopupOpen && isPopupReady}
+          getRef={getContainerRef}
+        >
+          <Container alignBox='column' className={style.rulesPopup}>
+            <Box className={style.rulesDepart}>
+              <DropDownHeading text={title} />
+            </Box>
+            {isSearchRequired ? (
+              <Box className={style.searchDepart}>
+                <TextBox
+                  name='Test'
+                  id='Test'
+                  maxLength='150'
+                  placeHolder='Search Department'
+                />
+              </Box>
+            ) : null}
+            <Box scroll='vertical' flexible shrink>
+              {options &&
+                options.length &&
+                options.map((obj, index) => (
+                  <ListItem
+                    key={index}
+                    autoHover
+                    value={obj[valueKey]}
+                    active={selectedId == obj[idKey]}
+                    id={obj[idKey]}
+                    onClick={this.handleClick}
+                  />
+                ))}
+            </Box>
+          </Container>
+        </DropBox>
+      </span>
+    );
+  }
+}
+SelectDropdown.propTypes = {
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isSearchRequired: PropTypes.bool,
+  onClick: PropTypes.func,
+  removeClose: PropTypes.func,
+  selectedId: PropTypes.string,
+  selectedText: PropTypes.string,
+  suggestions: PropTypes.shape({
+    idKey: PropTypes.string,
+    valueKey: PropTypes.string,
+    options: PropTypes.array
+  }),
+  title: PropTypes.string
+};
+if (__DOCS__) {
+  SelectDropdown.docs = {
+    componentGroup: 'Header',
+    folderName: 'Setup'
+  };
+}
+
+export default Popup(SelectDropdown);

package/src/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -0,0 +1,47 @@
+.container {
+  padding: var(--zd_size3) var(--zd_size15);
+  margin-left: var(--zd_size15);
+  position: relative;
+  line-height: var(--zd_size18);
+  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  cursor: pointer;
+}
+.container:hover {
+  background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
+}
+.departName {
+  font-size: var(--zd_font_size13);
+  color: var(--zdt_selectdropdown_departname_text);
+  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
+}
+.departIcon {
+  color: var(--zdt_selectdropdown_departicon);
+  margin-left: var(--zd_size5);
+  cursor: pointer;
+}
+.rulesPopup {
+  max-height: var(--zd_size260);
+  padding: var(--zd_size10) 0;
+}
+.rulesDepart {
+  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
+}
+.searchDepart {
+  padding: 0 var(--zd_size20);
+  margin: 0 0 var(--zd_size10) 0;
+}
+
+/*Variables */
+/* select dropdown */
+
+[data-mode='dark'] {
+  --zdt_selectdropdown_hover_bg: var(--zd_bg_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_text_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_text_dark5);
+}
+
+[data-mode='default'] {
+  --zdt_selectdropdown_hover_bg: var(--zd_bg_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_text_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_text_dark5);
+}

package/src/deprecated/SelectDropdown/docs/SelectDropdown__default.docs.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SelectDropdown from '../SelectDropdown';
+export default class SelectDropdown__default extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <SelectDropdown
+        title='DropDown'
+        suggestions={{
+          options: [
+            { id: '1', value: 'Zoho desk' },
+            { id: '2', value: 'Zoho projects' }
+          ],
+          idKey: 'id',
+          valueKey: 'value'
+        }}
+        selectedText='Zoho Desk'
+      />
+    );
+  }
+}
+if (__DOCS__) {
+  SelectDropdown__default.docs = {
+    componentGroup: 'Header',
+    folderName: 'Setup'
+  };
+}

package/src/docs/formDocs.js

@@ -0,0 +1,26 @@
+export { default as FieldLayout } from '../form/layout/Field/Field';
+export { default as FieldLayout__default } from '../form/layout/Field/docs/Field__default.docs';
+export { default as New_Section } from '../form/layout/Section/Section';
+export { default as New_Section__default } from '../form/layout/Section/docs/Section__default.docs';
+export { default as ValidationMessage } from '../form/fields/ValidationMessage/ValidationMessage';
+export { default as ValidationMessage__default } from '../form/fields/ValidationMessage/docs/ValidationMessage__default.docs';
+export { default as TextBoxField } from '../form/fields/TextBoxField/TextBoxField';
+export { default as TextBoxField__default } from '../form/fields/TextBoxField/docs/TextBoxField__default.docs';
+export { default as TextareaField } from '../form/fields/TextareaField/TextareaField';
+export { default as TextareaField__default } from '../form/fields/TextareaField/docs/TextareaField__default.docs';
+export { default as SelectField } from '../form/fields/SelectField/SelectField';
+export { default as SelectField__default } from '../form/fields/SelectField/docs/SelectField__default.docs';
+export { default as PhoneField } from '../form/fields/PhoneField/PhoneField';
+export { default as PhoneField__default } from '../form/fields/PhoneField/docs/PhoneField__default.docs';
+export { default as MultiSelectField } from '../form/fields/MultiSelectField/MultiSelectField';
+export { default as MultiSelectField__default } from '../form/fields/MultiSelectField/docs/MultiSelectField__default.docs';
+export { default as DateField } from '../form/fields/DateField/DateField';
+export { default as DateField__default } from '../form/fields/DateField/docs/DateField__default.docs';
+export { default as CheckBoxField } from '../form/fields/CheckBoxField/CheckBoxField';
+export { default as CheckBoxField__default } from '../form/fields/CheckBoxField/docs/CheckBoxField__default.docs';
+export { default as TagsMultiSelect } from '../form/fields/TagsMultiSelect/TagsMultiSelect';
+export { default as TagsMultiSelect__default } from '../form/fields/TagsMultiSelect/docs/TagsMultiSelect__default.docs';
+export { default as TagsMultiSelectField } from '../form/fields/TagsMultiSelectField/TagsMultiSelectField';
+export { default as TagsMultiSelectField__default } from '../form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs';
+export { default as TextEditorField } from '../form/fields/TextEditorField/TextEditorField';
+export { default as TextEditorField__default } from '../form/fields/TextEditorField/docs/TextEditorField__default.docs';

package/src/docs/generalDocs.js

@@ -0,0 +1,162 @@
+export { default as Image } from '../Image/Image';
+export { default as Image__default } from '../Image/docs/Image__default.docs';
+export { default as AvatarStatus } from '../avatar/AvatarStatus/AvatarStatus';
+export { default as AvatarStatus__state } from '../avatar/AvatarStatus/docs/AvatarStatus__state.docs';
+export { default as AvatarStatus__size } from '../avatar/AvatarStatus/docs/AvatarStatus__size.docs';
+export { default as AvatarIcon } from '../avatar/AvatarIcon/AvatarIcon';
+export { default as AvatarIcon__palette } from '../avatar/AvatarIcon/docs/AvatarIcon__palette.docs';
+export { default as AvatarIcon__size } from '../avatar/AvatarIcon/docs/AvatarIcon__size.docs';
+
+export { default as AvatarUser } from '../avatar/AvatarUser/AvatarUser';
+export { default as AvatarUser__default } from '../avatar/AvatarUser/docs/AvatarUser__default.docs';
+export { default as AvatarClose } from '../avatar/AvatarClose/AvatarClose';
+export { default as AvatarClose__default } from '../avatar/AvatarClose/docs/AvatarClose__default.docs';
+export { default as AvatarCollision } from '../avatar/AvatarCollision/AvatarCollision';
+export { default as AvatarCollision__default } from '../avatar/AvatarCollision/docs/AvatarCollision__default.docs';
+export { default as AvatarThread } from '../avatar/AvatarThread/AvatarThread';
+export { default as AvatarThread__default } from '../avatar/AvatarThread/docs/AvatarThread__default.docs';
+export { default as AvatarWithTeam } from '../avatar/AvatarWithTeam/AvatarWithTeam';
+export { default as AvatarWithTeam__default } from '../avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs';
+export { default as ChannelIcon } from '../ChannelIcon/ChannelIcon';
+export { default as ChannelIcon__default } from '../ChannelIcon/docs/ChannelIcon__default.docs';
+export { default as FlipCard } from '../FlipCard/FlipCard';
+export { default as FlipCard__default } from '../FlipCard/docs/FlipCard__default.docs.js';
+
+export { default as ListAvatarFlip } from '../list/AvatarFlip/AvatarFlip';
+export { default as ListAvatarFlip__default } from '../list/AvatarFlip/docs/AvatarFlip__default.docs.js';
+export { default as ListComment } from '../list/Comment/Comment';
+export { default as ListComment__default } from '../list/Comment/docs/Comment__default.docs';
+
+export { default as ListDotNew } from '../list/DotNew/DotNew';
+export { default as ListDotNew__default } from '../list/DotNew/docs/DotNew__default.docs';
+
+export { default as GridStencils } from '../list/GridStencils/GridStencils';
+export { default as GridStencils__default } from '../list/GridStencils/docs/GridStencils__default.docs';
+
+export { default as ListUserTime } from '../list/UserTime/UserTime';
+export { default as ListUserTime__default } from '../list/UserTime/docs/UserTime__default.docs';
+
+export { default as ListThread } from '../list/Thread/Thread';
+export { default as ListThread__default } from '../list/Thread/docs/Thread__default.docs';
+
+export { default as ListTagNew } from '../list/TagNew/TagNew';
+export { default as ListTagNew__default } from '../list/TagNew/docs/TagNew__default.docs';
+export { default as ListItemLayout } from '../list/ListLayout/ListLayout';
+export { default as ListItemLayout__default } from '../list/ListLayout/docs/ListLayout__default.docs';
+
+export { default as ListStencils } from '../list/ListStencils/ListStencils';
+export { default as ListStencils__default } from '../list/ListStencils/docs/ListStencils__default.docs';
+
+export { default as SecondryPanel } from '../list/SecondryPanel/SecondryPanel';
+export { default as SecondryPanel__default } from '../list/SecondryPanel/docs/SecondryPanel__default.docs';
+export { default as ListFloatingIcons } from '../list/Icons/FloatingIcons';
+export { default as ListFloatingIcons__default } from '../list/Icons/docs/FloatingIcons__default.docs';
+
+export { default as Link } from '../Link/Link';
+export { default as Link__default } from '../Link/docs/Link__default.docs';
+
+export { default as ListSubject } from '../list/Subject/Subject';
+export { default as ListSubject__default } from '../list/Subject/docs/Subject__default.docs';
+
+export { default as ListStatusDropdown } from '../list/status/StatusDropdown/StatusDropdown';
+export { default as ListStatusDropdown__default } from '../list/status/StatusDropdown/docs/StatusDropdown__default.docs';
+
+export { default as StatusListItem } from '../list/status/StatusListItem/StatusListItem';
+export { default as StatusListItem__default } from '../list/status/StatusListItem/docs/StatusListItem__default.docs';
+
+export { default as ToggleDropDown } from '../dropdown/ToggleDropDown/ToggleDropDown';
+export { default as ToggleDropDown__default } from '../dropdown/ToggleDropDown/docs/ToggleDropDown__default.docs';
+
+export { default as SVG__default } from '../svg/docs/SVG__default.docs';
+
+export { default as SubtabLayout } from '../layout/SubtabLayout/SubtabLayout';
+export { default as SubtabLayout__default } from '../layout/SubtabLayout/docs/SubtabLayout__default.docs';
+
+export { default as FreezeLayer } from '../FreezeLayer/FreezeLayer';
+export { default as FreezeLayer__default } from '../FreezeLayer/docs/FreezeLayer__default.docs.js';
+export { default as FreezeLayer__dark } from '../FreezeLayer/docs/FreezeLayer__dark.docs.js';
+
+export { default as PlusIcon } from '../PlusIcon/PlusIcon';
+export { default as PlusIcon__default } from '../PlusIcon/docs/PlusIcon__default.docs';
+
+export { default as FormAction } from '../FormAction/FormAction';
+export { default as FormAction__default } from '../FormAction/docs/FormAction__default.docs';
+
+export { default as ToastMessage } from '../ToastMessage/ToastMessage';
+export { default as ToastMessager__information } from '../ToastMessage/docs/ToastMessage__information.docs';
+export { default as ToastMessager__primary } from '../ToastMessage/docs/ToastMessage__primary.docs';
+export { default as ToastMessager__secondary } from '../ToastMessage/docs/ToastMessage__secondary.docs';
+export { default as ToastMessager__success } from '../ToastMessage/docs/ToastMessage__success.docs';
+export { default as ToastMessager__custom } from '../ToastMessage/docs/ToastMessage__custom.docs';
+
+export { default as Drawer } from '../Drawer/Drawer';
+export { default as Drawer__default } from '../Drawer/docs/Drawer__default.docs';
+export { default as Drawer__multiDrawer } from '../Drawer/docs/Drawer__multiDrawer.docs';
+export { default as Drawer__withModal } from '../Drawer/docs/Drawer__withModal.docs';
+export { default as Drawer__noFreeze } from '../Drawer/docs/Drawer__noFreeze.docs';
+export { default as CommonEmptyState } from '../emptystate/CommonEmptyState/CommonEmptyState';
+export { default as CommonEmptyState__default } from '../emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs';
+export { default as EditionPage } from '../emptystate/EditionPage/EditionPage';
+export { default as EditionPage__default } from '../emptystate/EditionPage/docs/EditionPage__default.docs';
+
+export { default as EmState_Inconvenience } from '../errorstate/Inconvenience/Inconvenience';
+export { default as EmState_Inconvenience__default } from '../errorstate/Inconvenience/docs/Inconvenience__default.docs';
+export { default as EmState_NoRequestFound } from '../errorstate/NoRequestFound/NoRequestFound';
+export { default as EmState_NoRequestFound__default } from '../errorstate/NoRequestFound/docs/NoRequestFound__default.docs';
+export { default as EmState_PermissionPlay } from '../errorstate/PermissionPlay/PermissionPlay';
+export { default as EmState_PermissionPlay__default } from '../errorstate/PermissionPlay/docs/PermissionPlay__default.docs';
+export { default as EmState_RequestUrlNotFound } from '../errorstate/RequestUrlNotFound/RequestUrlNotFound';
+export { default as EmState_RequestUrlNotFound__default } from '../errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs';
+export { default as EmState_UnableToProcess } from '../errorstate/UnableToProcess/UnableToProcess';
+export { default as EmState_UnableToProcess__default } from '../errorstate/UnableToProcess/docs/UnableToProcess__default.docs';
+export { default as EmState_UnauthorizedLogin } from '../errorstate/UnauthorizedLogin/UnauthorizedLogin';
+export { default as EmState_UnauthorizedLogin__unauthorizedLogin } from '../errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__unauthorizedLogin.docs';
+export { default as EmState_UnauthorizedLogin__insufficient } from '../errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__insufficient.docs';
+export { default as EmState_WillBack } from '../errorstate/WillBack/WillBack';
+export { default as EmState_WillBack__default } from '../errorstate/WillBack/docs/WillBack__default.docs';
+export { default as EmState_LinkText } from '../errorstate/LinkText/LinkText';
+export { default as EmState_LinkText__default } from '../errorstate/LinkText/docs/LinkText__default.docs';
+export { default as IconButton } from '../IconButton/IconButton';
+export { default as IconButton__default } from '../IconButton/docs/IconButton__default.docs';
+
+export { default as AlphabeticList } from '../AlphabeticList/AlphabeticList';
+export { default as AlphabeticList__default } from '../AlphabeticList/docs/AlphabeticList__default.docs';
+export { default as AlphabeticList__horizontal } from '../AlphabeticList/docs/AlphabeticList__horizontal.docs';
+
+export { default as ImportantNotes } from '../ImportantNotes/ImportantNotes';
+export { default as ImportantNotes__default } from '../ImportantNotes/docs/ImportantNotes__default.docs';
+
+export { default as Attachment } from '../Attachment/Attachment';
+export { default as Attachment__default } from '../Attachment/docs/Attachment__default.docs';
+
+export { default as Upload } from '../Upload/Upload';
+export { default as Upload__default } from '../Upload/docs/Upload__default.docs';
+
+export { default as MessageBanner } from '../MessageBanner/MessageBanner';
+export { default as MessageBanner__default } from '../MessageBanner/docs/MessageBanner__default.docs';
+
+export { default as Loader } from '../Loader/Loader';
+export { default as Loader__default } from '../Loader/docs/Loader__default.docs';
+
+export { default as NewStar } from '../NewStar/NewStar';
+export { default as NewStar__default } from '../NewStar/docs/NewStar__default.docs';
+
+export { default as Message } from '../Message/Message';
+export { default as Message__default } from '../Message/docs/Message__default.docs';
+
+export { default as ActionButton } from '../ActionButton/ActionButton';
+export { default as ActionButton__default } from '../ActionButton/docs/ActionButton__default.docs';
+
+/* version 2 error states */
+export { default as V2_ErrState_Inconvenience } from '../version2/errorstate/Inconvenience/Inconvenience';
+export { default as V2_ErrState_Inconvenience__default } from '../version2/errorstate/Inconvenience/docs/Inconvenience__default.docs';
+export { default as V2_ErrState_UnableToProcessRequest } from '../version2/errorstate/UnableToProcessRequest/UnableToProcessRequest';
+export { default as V2_ErrState_UnableToProcessRequest__default } from '../version2/errorstate/UnableToProcessRequest/docs/UnableToProcessRequest__default.docs';
+export { default as V2_ErrState_UrlNotFound } from '../version2/errorstate/UrlNotFound/UrlNotFound';
+export { default as V2_ErrState_UrlNotFound__default } from '../version2/errorstate/UrlNotFound/docs/UrlNotFound__default.docs';
+export { default as V2_ErrState_UnauthorizedLogin } from '../version2/errorstate/UnauthorizedLogin/UnauthorizedLogin';
+export { default as V2_ErrState_UnauthorizedLogin__default } from '../version2/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__default.docs';
+export { default as V2_ErrState_WillBeRightBack } from '../version2/errorstate/WillBeRightBack/WillBeRightBack';
+export { default as V2_ErrState_WillBeRightBack__default } from '../version2/errorstate/WillBeRightBack/docs/WillBeRightBack__default.docs';
+export { default as V2_ErrState_OopsSomethingMiss } from '../version2/errorstate/OopsSomethingMiss/OopsSomethingMiss';
+export { default as V2_ErrState_OopsSomethingMiss__default } from '../version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs';