npm - @zohodesk/components - Versions diffs - 1.2.33 → 1.2.35 - Mend

@zohodesk/components 1.2.33 → 1.2.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (265) hide show

package/lib/Modal/__tests__/Modal.spec.js ADDED Viewed

@@ -0,0 +1,22 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _Modal = _interopRequireDefault(require("../Modal"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('Modal', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+      "data-portal": "testPortal"
+    }), /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
+      portalId: "testPortal"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Modal Div Check")), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Modal["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, "Modal outer div check"))))),
+        baseElement = _render.baseElement;
+    expect(baseElement).toMatchSnapshot();
+  });
+});

package/lib/Modal/__tests__/__snapshots__/Modal.spec.js.snap ADDED Viewed

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`Modal rendering the defult props 1`] = `
+<body>
+  <div>
+    <div>
+      <div
+        data-portal="testPortal"
+      >
+        <div>
+          Modal Div Check
+        </div>
+      </div>
+      <div />
+    </div>
+  </div>
+  <div
+    class="container"
+    data-portal="CPortal1"
+  >
+    <div>
+      Modal outer div check
+    </div>
+  </div>
+</body>
+`;

package/lib/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js ADDED Viewed

@@ -0,0 +1,18 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _MobileHeader = _interopRequireDefault(require("../MobileHeader"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('MobileHeader', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_MobileHeader["default"], null)),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap ADDED Viewed

@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`MobileHeader rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+  >
+    <div
+      class="header flex rowdir alignBetween vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="cardHeading grow basis shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <button
+          class="buttonText bold plainprimary medium"
+          data-id="buttonComp"
+          data-selector-id="button"
+          data-test-id="buttonComp"
+          type="button"
+        >
+          Close
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/MultiSelect/MultiSelect.js CHANGED Viewed

@@ -1114,7 +1114,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         },
         size: boxSize,
         alignBox: "row",
-        isResponsivePadding: getFooter ? false : true
+        isResponsivePadding: getFooter ? false : true,
+        dataId: "".concat(dataId, "_dropbox")
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
       }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {

package/lib/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _AdvancedGroupMultiSelect = _interopRequireDefault(require("../AdvancedGroupMultiSelect"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('AdvancedGroupMultiSelect', function () {
+  test('rendering the defult props', function () {
+    var mockOnChange = jest.fn();
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AdvancedGroupMultiSelect["default"], null)),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _AdvancedMultiSelect = _interopRequireDefault(require("../AdvancedMultiSelect"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('AdvancedMultiSelect', function () {
+  test('rendering the defult props', function () {
+    var mockOnChange = jest.fn();
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AdvancedMultiSelect["default"], null)),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/__tests__/EmptyState.spec.js ADDED Viewed

@@ -0,0 +1,22 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _EmptyState = _interopRequireDefault(require("../EmptyState"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('EmptyState', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+      searchString: [],
+      suggestions: [],
+      options: []
+    })),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/__tests__/MultiSelect.spec.js ADDED Viewed

@@ -0,0 +1,18 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _MultiSelect = _interopRequireDefault(require("../MultiSelect"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('MultiSelect', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], null)),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/__tests__/MultiSelectHeader.spec.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _MultiSelectHeader = _interopRequireDefault(require("../MultiSelectHeader"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('MultiSelectHeader', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
+      suggestions: [Option]
+    })),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the basic value', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
+      suggestions: [1, 2, 3]
+    })),
+        asFragment = _render2.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js ADDED Viewed

@@ -0,0 +1,18 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _MultiSelectWithAvatar = _interopRequireDefault(require("../MultiSelectWithAvatar"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('MultiSelectWithAvatar', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_MultiSelectWithAvatar["default"], null)),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/__tests__/SelectedOptions.spec.js ADDED Viewed

@@ -0,0 +1,35 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _SelectedOptions = _interopRequireDefault(require("../SelectedOptions"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('SelectedOptions', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SelectedOptions["default"], {
+      selectedOptions: []
+    })),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the basic select options', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SelectedOptions["default"], {
+      highLightedSelectOptions: [],
+      selectedOptions: [{
+        value: 'SelectedObject1'
+      }, {
+        value: 'SelectedObject2'
+      }, {
+        value: 'SelectedObject3'
+      }]
+    })),
+        asFragment = _render2.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/__tests__/Suggestions.spec.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _Suggestions = _interopRequireDefault(require("../Suggestions"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('Suggestions', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
+      suggestions: []
+    })),
+        asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap ADDED Viewed

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper  effect"
+    data-id="multiSelect"
+    data-selector-id="advancedGroupMultiSelect"
+    data-test-id="multiSelect"
+  >
+    <div
+      class="container medium  hasBorder borderColor_default  flex cover rowdir wrap vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="wrapper grow basisAuto shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <span
+          class=" custmSpan custmSpanMedium
+              "
+        />
+        <div
+          class="container effect  custmInputWrapper  flex rowdir"
+          data-id="containerComponent"
+          data-selector-id="textBoxIcon"
+          data-test-id="containerComponent"
+        >
+          <div
+            class="grow basis shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <input
+              aria-controls="1"
+              aria-describedby="2"
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-owns="1"
+              autocomplete="off"
+              class="  container medium  default  effect  borderColor_default  "
+              data-id="multiSelect_textBox"
+              data-selector-id="textBoxIcon"
+              data-test-id="multiSelect_textBox"
+              maxlength="250"
+              role="combobox"
+              type="text"
+              value=""
+            />
+          </div>
+          <div
+            class="iconContainer  shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <div
+              class="flex cover rowdir"
+              data-id="containerComponent"
+              data-selector-id="container"
+              data-test-id="containerComponent"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap ADDED Viewed

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`AdvancedMultiSelect rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper   effect "
+    data-id="multiSelectComp"
+    data-selector-id="advancedMultiSelect"
+    data-test-id="multiSelectComp"
+  >
+    <div
+      class="container medium  hasBorder borderColor_default flex cover rowdir wrap vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="wrapper grow basisAuto shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <span
+          class=" custmSpan custmSpanMedium
+              "
+        />
+        <div
+          class="container effect  custmInputWrapper  flex rowdir"
+          data-id="containerComponent"
+          data-selector-id="textBoxIcon"
+          data-test-id="containerComponent"
+        >
+          <div
+            class="grow basis shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <input
+              aria-controls="1"
+              aria-describedby="2"
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-owns="1"
+              autocomplete="off"
+              class="  container medium  default  effect  borderColor_default  "
+              data-id="textBoxIcon"
+              data-selector-id="textBoxIcon"
+              data-test-id="textBoxIcon"
+              maxlength="250"
+              role="combobox"
+              type="text"
+              value=""
+            />
+          </div>
+          <div
+            class="iconContainer  shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <div
+              class="flex cover rowdir"
+              data-id="containerComponent"
+              data-selector-id="container"
+              data-test-id="containerComponent"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap ADDED Viewed

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`EmptyState rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=" default"
+    data-id="empty_noOptnsMsg"
+    data-test-id="empty_noOptnsMsg"
+    role="alert"
+  />
+</DocumentFragment>
+`;

package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap ADDED Viewed

@@ -0,0 +1,86 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`MultiSelect rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper     effect"
+    data-id="multiSelect"
+    data-selector-id="multiSelect"
+    data-test-id="multiSelect"
+  >
+    <div
+      class="container medium borderColor_default   hasBorder flex cover rowdir wrap vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="wrapper grow basisAuto shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <span
+          class=" custmSpan custmSpanMedium
+          "
+        />
+        <div
+          class="container effect  custmInputWrapper  flex rowdir"
+          data-id="containerComponent"
+          data-selector-id="textBoxIcon"
+          data-test-id="containerComponent"
+        >
+          <div
+            class="grow basis shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <input
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-required="true"
+              autocomplete="off"
+              class="  container medium  default  effect  borderColor_default  "
+              data-id="multiSelect_textBox"
+              data-selector-id="textBoxIcon"
+              data-test-id="multiSelect_textBox"
+              maxlength="250"
+              role="combobox"
+              type="text"
+              value=""
+            />
+          </div>
+          <div
+            class="iconContainer  shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <div
+              class="flex cover rowdir"
+              data-id="containerComponent"
+              data-selector-id="container"
+              data-test-id="containerComponent"
+            >
+              <div
+                class="icon  shrinkOff"
+                data-id="boxComponent"
+                data-selector-id="box"
+                data-test-id="boxComponent"
+              >
+                <div
+                  class="flex cover rowdir vCenter"
+                  data-id="containerComponent"
+                  data-selector-id="container"
+                  data-test-id="containerComponent"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap ADDED Viewed

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`MultiSelectHeader rendering the basic value 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium  default     withBorder selectAll flex rowdir vCenter"
+    data-a11y-inset-focus="true"
+    data-id="MultiSelectHeader_selectAll"
+    data-selector-id="listItemWithIcon"
+    data-test-id="MultiSelectHeader_selectAll"
+    role="option"
+    tabindex="0"
+  >
+    <div
+      aria-hidden="true"
+      class="iconBox shrinkOff"
+      data-id="MultiSelectHeader_selectAll_Icon"
+      data-selector-id="box"
+      data-test-id="MultiSelectHeader_selectAll_Icon"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-androidd    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size15);"
+      />
+    </div>
+    <div
+      class="value grow basis shrinkOn"
+      data-id="MultiSelectHeader_selectAll_Text"
+      data-selector-id="box"
+      data-test-id="MultiSelectHeader_selectAll_Text"
+    >
+      List
+    </div>
+  </li>
+</DocumentFragment>
+`;
+exports[`MultiSelectHeader rendering the defult props 1`] = `<DocumentFragment />`;