@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-159

package/es/IconButton/__tests__/IconButton.spec.js

@@ -0,0 +1,148 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import IconButton from '../IconButton.js';
+describe('IconButton', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  const palette = ['primary', 'primaryFilled', 'default'];
+  test.each(palette)('rendering the palette of- %s', palette => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      palette: palette
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palette)('rendering the isActive true with palette of- %s', palette => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      isActive: true,
+      palette: palette
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  const hoverType = ['default', 'border', 'bg'];
+  test.each(hoverType)('rendering the hovertypes- %s', hoverType => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      hoverType: hoverType
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering isNeedEffect is False', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      isNeedEffect: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering ally', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      a11y: {
+        ariaLabel: 'ariaLabel',
+        ariaControls: 'ariaControls',
+        ariaLabelledby: 'ariaLabelledby',
+        ariaHaspopup: true,
+        ariaExpanded: true
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering ally', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      a11y: {
+        ariaHaspopup: false,
+        ariaExpanded: false
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering needButtonTag', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      needButtonTag: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering tourId', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      tourId: "tourId"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in Icon', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      iconName: "ZD-GN-infoStroke",
+      isBold: true,
+      iconSize: "13",
+      iconClass: "iconClass"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in dataIsHtml is True', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      dataIsHtml: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in isDisabled is True', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      isDisabled: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in ClassName', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      className: "IconButtonClass"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in title', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      title: "IconTitle"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('eleRef prop is a function', () => {
+    // Create a mock function
+    const mockEleRef = jest.fn();
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      eleRef: mockEleRef
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Checking the "Children"', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(IconButton, {
+      customClass: "customClassButtonGroup"
+    }, /*#__PURE__*/React.createElement("span", null, "Element 1"), /*#__PURE__*/React.createElement("span", null, "Element 2"), /*#__PURE__*/React.createElement("span", null, "Element 3")));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap

@@ -0,0 +1,316 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`IconButton Checking the "Children" 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  >
+    <span>
+      Element 1
+    </span>
+    <span>
+      Element 2
+    </span>
+    <span>
+      Element 3
+    </span>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`IconButton eleRef prop is a function 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering ally 1`] = `
+<DocumentFragment>
+  <button
+    aria-controls="ariaControls"
+    aria-expanded="true"
+    aria-haspopup="true"
+    aria-label="ariaLabel"
+    aria-labelledby="ariaLabelledby"
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering ally 2`] = `
+<DocumentFragment>
+  <button
+    aria-expanded="false"
+    aria-haspopup="false"
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in ClassName 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper IconButtonClass undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in Icon 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-infoStroke fbold iconClass  "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size13);"
+    />
+  </button>
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in dataIsHtml is True 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="true"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in isDisabled is True 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover   disabled inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in title 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    data-title="IconTitle"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering isNeedEffect is False 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering needButtonTag 1`] = `
+<DocumentFragment>
+  <div
+    aria-pressed="false"
+    class="false wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the defult props 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- bg 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border bgHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- border 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border borderHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- primary 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primary_active effect primary border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- primaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primaryFilled_active effect primaryFilled border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- primary 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primary effect primary border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- primaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primaryFilled effect primaryFilled border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering tourId 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    data-tour="tourId"
+  />
+</DocumentFragment>
+`;

package/es/Link/props/propTypes.js

@@ -10,5 +10,9 @@ export const propTypes = {
   title: PropTypes.string,
   urlData: PropTypes.object,
   urlName: PropTypes.string,
-  customProps: PropTypes.object
+  customProps: PropTypes.object,
+  onClick: PropTypes.func,
+  download: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  key: PropTypes.string
 };

package/es/Message/Message.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import AutoClose from '../actions/AutoClose';
 import style from './Message.module.css';
@@ -109,8 +109,10 @@ export function MessageUI(props) {
     size: "10"
   }))));
 }
+MessageUI.propTypes = MessageUI_propTypes;
 export function MessageNew(props) {
   return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
     Element: MessageUI
   }));
-}
+}
+MessageNew.propTypes = MessageNew_propTypes;

package/es/Message/props/propTypes.js

@@ -1,13 +1,20 @@
 import PropTypes from 'prop-types';
+import { propTypes as AutoClose_PropTypes } from '../../actions/props/propTypes';
 export const propTypes = {
-  dataId: PropTypes.string,
   hideMessage: PropTypes.func,
+  showMessage: PropTypes.bool,
+  type: PropTypes.oneOf(['success', 'alert', 'info'])
+};
+export const MessageUI_propTypes = {
   message: PropTypes.string,
   onClick: PropTypes.func,
-  showMessage: PropTypes.bool,
+  onClose: PropTypes.func,
   dataSelectorId: PropTypes.string,
-  type: PropTypes.oneOf(['success', 'alert', 'info']),
   i18nKeys: PropTypes.shape({
     closeTitle: PropTypes.string
-  })
+  }),
+  hideMessage: PropTypes.func,
+  type: PropTypes.oneOf(['success', 'alert', 'info'])
+};
+export const MessageNew_propTypes = { ...AutoClose_PropTypes
 };

package/es/Separator/props/propTypes.js

@@ -6,6 +6,6 @@ export const propTypes = {
   shrink: PropTypes.bool,
   type: PropTypes.oneOf(['dot', 'slash', 'arrow', 'comma', 'none']),
   wrap: PropTypes.bool,
-  customClass: PropTypes.obj,
+  customClass: PropTypes.object,
   customSeparatorType: PropTypes.string
 };

package/es/TagWithIcon/props/propTypes.js

@@ -6,7 +6,8 @@ export const propTypes = {
   title: PropTypes.string,
   isBold: PropTypes.bool,
   palette: PropTypes.oneOf(['yellow', 'blue', 'grey']),
-  size: PropTypes.oneOf('small', 'large'),
+  size: PropTypes.oneOf(['small', 'large']),
   className: PropTypes.string,
-  text: PropTypes.string
+  text: PropTypes.string,
+  dataId: PropTypes.string
 };

package/es/ToastMessage/props/propTypes.js

@@ -8,12 +8,10 @@ export const propTypes = {
   getInnerBottomContainer: PropTypes.func,
   getLeftContainer: PropTypes.func,
   getSubmitContainer: PropTypes.func,
-  hidePopNotification: PropTypes.func,
   hideTime: PropTypes.string,
   iconName: PropTypes.string,
   iconPalette: PropTypes.oneOf(['successFill', 'dangerFill', 'dangerShadow', 'successPlain', 'dangerPlain', 'primaryPlain']),
   iconSize: PropTypes.string,
-  id: PropTypes.string,
   info: PropTypes.string,
   isAnimate: PropTypes.bool,
   isClose: PropTypes.bool,
@@ -35,5 +33,8 @@ export const propTypes = {
     ariaAtomic: PropTypes.bool,
     ariaDescribedby: PropTypes.string,
     ariaLabelledby: PropTypes.string
-  })
+  }),
+  Element: PropTypes.element,
+  onPortalClose: PropTypes.func,
+  onClose: PropTypes.func
 };

package/es/actions/props/propTypes.js

@@ -3,5 +3,6 @@ export const propTypes = {
   Element: PropTypes.element,
   autoClose: PropTypes.bool,
   hideTime: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onPortalClose: PropTypes.func
+  onPortalClose: PropTypes.func,
+  isClose: PropTypes.bool
 };

package/es/alert/AlertLookup/props/propTypes.js

@@ -11,7 +11,6 @@ export const propTypes = {
   iconName: PropTypes.string,
   iconSize: PropTypes.string,
   isActive: PropTypes.bool,
-  isDefaultFocus: PropTypes.bool,
   message: PropTypes.node,
   needIcon: PropTypes.bool,
   onCancelClick: PropTypes.func,

package/es/avatar/AvatarThread/props/propTypes.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
-  borderPalette: PropTypes.oneOfType(['primary', 'success', 'danger', 'default', 'orange']),
+  borderPalette: PropTypes.oneOf(['primary', 'success', 'danger', 'default', 'orange']),
   customTextClass: PropTypes.string,
   dataId: PropTypes.string,
   iconColor: PropTypes.string,

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -140,12 +140,7 @@ SelectDropdown.propTypes = {
     valueKey: PropTypes.string,
     options: PropTypes.array
   }),
-  title: PropTypes.string
-}; // if (__DOCS__) {
-//   SelectDropdown.docs = {
-//     componentGroup: 'Header',
-//     folderName: 'Setup'
-//   };
-// }
-
+  title: PropTypes.string,
+  togglePopup: PropTypes.func
+};
 export default Popup(SelectDropdown);

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -852,10 +852,13 @@ export class ToggleDropDown extends Component {
 
 }
 ToggleDropDown.defaultProps = defaultProps;
-ToggleDropDown.propTypes = propTypes; // if (__DOCS__) {
+ToggleDropDown.propTypes = propTypes;
+const ToggleDropDown_Component = Popup(ToggleDropDown);
+ToggleDropDown_Component.defaultProps = ToggleDropDown.defaultProps;
+ToggleDropDown_Component.propTypes = ToggleDropDown.propTypes; // if (__DOCS__) {
 //   ToggleDropDown.docs = {
 //     componentGroup: 'Molecule'
 //   };
 // }
 
-export default Popup(ToggleDropDown);
+export default ToggleDropDown_Component;

package/es/dropdown/ToggleDropDown/props/propTypes.js

@@ -72,5 +72,8 @@ export const propTypes = {
   customClass: PropTypes.shape({
     customDropBox: PropTypes.string,
     customListBox: PropTypes.string
-  })
+  }),
+  onSelectLabel: PropTypes.func,
+  from: PropTypes.string,
+  top: PropTypes.number
 };

package/es/emptystate/EditionPage/props/propTypes.js

@@ -2,6 +2,10 @@ import PropTypes from 'prop-types';
 export const propTypes = {
   dataId: PropTypes.string,
   footerText: PropTypes.string,
-  subTitle: PropTypes.string,
-  title: PropTypes.string
+  title: PropTypes.string,
+  subtitle: PropTypes.string,
+  information: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  butttonText: PropTypes.string,
+  children: PropTypes.string
 };

package/es/form/fields/CheckBoxField/props/propTypes.js

@@ -23,5 +23,5 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  ...FieldCommonPropTypes
 };

package/es/form/fields/CurrencyField/props/propTypes.js

@@ -31,6 +31,9 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
+  onFocus: PropTypes.func,
   formatCurrency: PropTypes.func,
-  ...FieldCommonPropTypes()
+  htmlId: PropTypes.string,
+  userCurrencyType: PropTypes.string,
+  ...FieldCommonPropTypes
 };

package/es/form/fields/DateField/props/propTypes.js

@@ -35,5 +35,5 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  ...FieldCommonPropTypes
 };