@zohodesk/dot 1.0.0-temp-187.22 → 1.0.0-temp-187.24

package/es/ActionButton/ActionButton.module.css

@@ -1,193 +0,0 @@
-.varClass {
-  --buttonBg: var(--zdt_actionButton_primaryFilled_bg);
-  --buttonBorder: var(--zdt_actionButton_primary_border);
-  --buttonSeparatorBorder: var(--zdt_actionButton_separator_border);
-}
-
-.container {
-  composes: varClass;
-}
-
-.container:hover {
-  --buttonSeparatorBorder: var(--zdt_actionButton_separator_hover_border);
-}
-
-.primaryFilledBox {
-  --buttonText: var(--zdt_actionButton_primaryFilled_text);
-}
-
-.primaryFilledBtn,
-.primaryFilledArw {
-  /* css:theme-validation:ignore */
-}
-
-.primaryFilledBtn, .primaryFilledArw {
-  background-color: var(--buttonBg);
-}
-
-.primaryBox {
-  --buttonText: var(--zdt_actionButton_primary_text);
-}
-
-.primaryBtn,
-.primaryArw {
-  /* css:theme-validation:ignore */
-}
-
-.primaryBtn, .primaryArw {
-  border: 1px solid var(--buttonBorder);
-}
-
-[dir=ltr] .primaryBtn {
-  border-right: none;
-}
-
-[dir=rtl] .primaryBtn {
-  border-left: none;
-}
-
-.contentBox,
-.arrowWrapper {
-  transition: width var(--zd_transition3), padding var(--zd_transition3), background-color var(--zd_transition2), border-color var(--zd_transition2);
-}
-
-.contentBox, .arrowWrapper {
-  margin: 0 ;
-}
-
-.clickable {
-  cursor: pointer;
-}
-
-[dir=ltr] .contentBoxBdr {
-  border-radius: var(--zd_size4) 0 0 var(--zd_size4);
-}
-
-[dir=rtl] .contentBoxBdr {
-  border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
-}
-
-.contentBoxBdrRds {
-  border-radius: var(--zd_size4);
-}
-
-.small {
-  height: var(--zd_size28) ;
-}
-
-.medium,
-.large {
-  height: var(--zd_size30) ;
-}
-
-.medium {
-  min-width: var(--zd_size115) ;
-}
-
-.large {
-  min-width: var(--zd_size135) ;
-}
-
-.small_btnBox {
-  padding: 0 var(--zd_size8) ;
-}
-
-.medium_btnBox, .large_btnBox {
-  padding: 0 var(--zd_size10) ;
-}
-
-.txt {
-  font-size: var(--zd_font_size13) ;
-  font-weight: var(--zd-fw-semibold);
-  text-transform: capitalize;
-}
-
-.subTxt {
-  font-size: var(--zd_font_size10) ;
-}
-
-.contentwrapper,
-.txt,
-.subTxt {
-  max-width: 100% ;
-}
-
-.txt,
-.subTxt {
-  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
-  /* css:theme-validation:ignore */
-  color: var(--buttonText);
-}
-
-.arrowWrapper {
-  position: relative;
-  composes: offSelection from '~@zohodesk/components/es/common/common.module.css';
-  cursor: pointer;
-}
-
-[dir=ltr] .arrowWrapper {
-  border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
-}
-
-[dir=rtl] .arrowWrapper {
-  border-radius: var(--zd_size4) 0 0 var(--zd_size4);
-}
-
-.primaryFilledArw {
-  /* css:theme-validation:ignore */
-}
-
-[dir=ltr] .primaryFilledArw {
-  border-left: 1px solid var(--buttonSeparatorBorder);
-}
-
-[dir=rtl] .primaryFilledArw {
-  border-right: 1px solid var(--buttonSeparatorBorder);
-}
-
-.small_arrowBox {
-  width: var(--zd_size20) ;
-}
-
-.medium_arrowBox {
-  width: var(--zd_size26) ;
-}
-
-.primaryFilledArw:hover,
-.primaryFilledArw.arrowActive,
-.clickable.primaryFilledBtn:hover,
-.wholeDiv.primaryFilledBox:hover {
-  --buttonBg: var(--zdt_actionButton_primaryFilled_hover_bg);
-}
-
-.primaryArw:hover,
-.primaryArw.arrowActive,
-.clickable.primaryBtn:hover,
-.wholeDiv.primaryBox:hover {
-  --buttonBorder: var(--zdt_actionButton_primary_hover_border);
-  --buttonText: var(--zdt_actionButton_primary_hover_text);
-}
-
-.btn {
-  height: 100% ;
-  width: 100% ;
-}
-
-.popupWrapper {
-  padding: var(--zd_size10) 0 ;
-  margin: var(--zd_size5) 0 ;
-}
-
-.arrow,
-.iconClr {
-  /* css:theme-validation:ignore */
-  color: var(--buttonText);
-}
-
-[dir=ltr] .iconMrgn {
-  margin-right: var(--zd_size6) ;
-}
-
-[dir=rtl] .iconMrgn {
-  margin-left: var(--zd_size6) ;
-}

package/es/ActionButton/__tests__/ActionButton.spec.js

@@ -1,369 +0,0 @@
-import React from 'react';
-import { render, cleanup } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { setGlobalId } from '@zohodesk/components/es/Provider/IdProvider';
-import ActionButton from "../ActionButton";
-beforeEach(() => {
-  setGlobalId(0);
-});
-afterEach(() => {
-  cleanup();
-});
-describe('ActionButton', () => {
-  const palettes = ['primaryFilled', 'primary'];
-  const sizes = ['small', 'medium', 'large'];
-  const iconProps = [{
-    iconName: 'ZD-replyall',
-    iconSize: '9'
-  }];
-  test('renders with default props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, null));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isLoading set to true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isLoading: true,
-      text: "Loading..."
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with text', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Not Loading - Main Text"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with subText', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isLoading: false,
-      subText: "Not Loading - Sub Text"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test.each(iconProps)('renders with iconName: %s and iconSize: %s', _ref => {
-    let {
-      iconName,
-      iconSize
-    } = _ref;
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isLoading: false,
-      iconName: iconName,
-      iconSize: iconSize,
-      text: "Not Loading - Main Text",
-      subText: "Not Loading - Sub Text"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with onClick prop and validates class', () => {
-    const mockOnClick = jest.fn();
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isLoading: false,
-      iconName: "ZD-replyall",
-      iconSize: "9",
-      text: "Not Loading - Main Text onClick",
-      subText: "Not Loading - Sub Text onClick",
-      onClick: mockOnClick
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test.each(sizes)('renders with size - %s', size => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      size: size
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with dataId prop', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      dataId: "testDataId"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders dataId prop with isLoading set to true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isLoading: true,
-      dataId: "testDataId"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with disabled state true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isDisabled: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with dropBoxClassProps - case 1', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isPopupOpen: true,
-      dropBoxClass: "custom-dropbox-class",
-      isBoxPaddingNeed: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with dropBoxClassProps - case 2', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isPopupOpen: false,
-      dropBoxClass: "",
-      isBoxPaddingNeed: false
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with dropBoxClassProps - case 3', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isPopupOpen: true,
-      dropBoxClass: "custom-dropbox-class",
-      isBoxPaddingNeed: false
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with dropBoxClassProps - case 4', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isPopupOpen: true,
-      dropBoxClass: "",
-      isBoxPaddingNeed: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with dataSelectorId and children props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      dataSelectorId: "testSelectorId"
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with custom className', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      className: "custom-class"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with dataTitle', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      dataTitle: "Test Data Title"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with innerClassName set to custom-class', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      innerClassName: "custom-class"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with innerClassName set to empty string', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      innerClassName: ""
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with innerClassName set to undefined', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      innerClassName: undefined
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with arrowBoxSize small and isPopupOpen true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      arrowBoxSize: "small",
-      isPopupOpen: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with arrowBoxSize medium and isPopupOpen false', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      arrowBoxSize: "medium",
-      isPopupOpen: false
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test.each(palettes)('renders with palette - %s', palette => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      palette: palette
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with children prop', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, null, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with dataId, children, and popup open', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      dataId: "testDataId",
-      isPopupOpen: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isArrow true and popup open', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isArrow: true,
-      isPopupOpen: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isArrow false and popup open', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isArrow: false,
-      isPopupOpen: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with children and tooltip enabled', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      removeChildrenTooltip: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with children and tooltip disabled', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      removeChildrenTooltip: null
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with arrowBoxSize small and children', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      arrowBoxSize: "small"
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with arrowBoxSize medium and children', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      arrowBoxSize: "medium"
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test.each(palettes)('renders with palette - %s and loading', palette => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      palette: palette,
-      isLoading: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test.each(palettes)('renders with palette - %s and children', palette => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      palette: palette
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isPopupOpen true and children', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isPopupOpen: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isPopupOpen false and children', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isPopupOpen: false
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with removeClose set to a function', () => {
-    const mockRemoveClose = jest.fn();
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      removeClose: mockRemoveClose
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isAbsolutePositioningNeeded set to true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isAbsolutePositioningNeeded: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isRestrictScroll set to true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isRestrictScroll: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isAbsolutePositioningNeeded set to true and isPopupOpen true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isAbsolutePositioningNeeded: true,
-      isPopupOpen: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('renders with isRestrictScroll set to true and isPopupOpen true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ActionButton, {
-      isRestrictScroll: true,
-      isPopupOpen: true
-    }, /*#__PURE__*/React.createElement("div", null, "Child Content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-});