@zohodesk/components 1.0.0-temp-256.1 → 1.0.0-temp-257.1

package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js

@@ -73,27 +73,4 @@ describe('ListItemWithCheckBox', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
-  test('ListItemWithCheckBox with renderLeftValuePlaceholderNode', function () {
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListItemWithCheckBox["default"], {
-      renderLeftValuePlaceholderNode: function renderLeftValuePlaceholderNode() {
-        return /*#__PURE__*/_react["default"].createElement("div", null, "Left Placeholder");
-      }
-    })),
-        asFragment = _render8.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('ListItemWithCheckBox with renderLeftValuePlaceholderNode & it\'s custom class', function () {
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListItemWithCheckBox["default"], {
-      renderLeftValuePlaceholderNode: function renderLeftValuePlaceholderNode() {
-        return /*#__PURE__*/_react["default"].createElement("div", null, "Left Placeholder");
-      },
-      customClass: {
-        customLeftValuePlaceholder: "customLeftValuePlaceholderClass"
-      }
-    })),
-        asFragment = _render9.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
 });

package/lib/ListItem/__tests__/ListItemWithIcon.spec.js

@@ -71,25 +71,4 @@ describe('ListItemWithIcon', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
-  test('ListItemWithIcon with renderLeftValuePlaceholderNode', function () {
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], {
-      renderLeftValuePlaceholderNode: function renderLeftValuePlaceholderNode() {
-        return /*#__PURE__*/_react["default"].createElement("div", null, "Left Placeholder");
-      }
-    })),
-        asFragment = _render8.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('ListItemWithIcon with renderLeftValuePlaceholderNode & it\'s custom class', function () {
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], {
-      renderLeftValuePlaceholderNode: function renderLeftValuePlaceholderNode() {
-        return /*#__PURE__*/_react["default"].createElement("div", null, "Left Placeholder");
-      },
-      customLeftValuePlaceholderClass: "customLeftValuePlaceholderClass"
-    })),
-        asFragment = _render9.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
 });

package/lib/ListItem/__tests__/ListItemWithRadio.spec.js

@@ -73,27 +73,4 @@ describe('ListItemWithRadio', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
-  test('ListItemWithRadio with renderLeftValuePlaceholderNode', function () {
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListItemWithRadio["default"], {
-      renderLeftValuePlaceholderNode: function renderLeftValuePlaceholderNode() {
-        return /*#__PURE__*/_react["default"].createElement("div", null, "Left Placeholder");
-      }
-    })),
-        asFragment = _render8.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('ListItemWithRadio with renderLeftValuePlaceholderNode & it\'s custom class', function () {
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListItemWithRadio["default"], {
-      renderLeftValuePlaceholderNode: function renderLeftValuePlaceholderNode() {
-        return /*#__PURE__*/_react["default"].createElement("div", null, "Left Placeholder");
-      },
-      customClass: {
-        customLeftValuePlaceholder: "customLeftValuePlaceholderClass"
-      }
-    })),
-        asFragment = _render9.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
 });

package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap

@@ -1,113 +1,5 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
-exports[`ListItemWithAvatar ListItemWithAvatar with renderLeftValuePlaceholderNode & it's custom class 1`] = `
-<DocumentFragment>
-  <li
-    class="flex row alignItems_center list medium default withBorder"
-    data-a11y-inset-focus="true"
-    data-id="List_ListItemWithAvatar"
-    data-selector-id="listItemWithAvatar"
-    data-test-id="List_ListItemWithAvatar"
-    role="option"
-    tabindex="0"
-  >
-    <div
-      class="noShrink contentWrapper"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="flexible basis_zero noShrink leftBox selfAlign_center"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <div
-          class="noShrink titleBox"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <div
-            class="basis_auto noShrink customLeftValuePlaceholderClass"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            <div>
-              Left Placeholder
-            </div>
-          </div>
-          <div
-            class="basis_auto shrink value"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            List
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-</DocumentFragment>
-`;
-
-exports[`ListItemWithAvatar ListItemWithAvatar with renderLeftValuePlaceholderNode 1`] = `
-<DocumentFragment>
-  <li
-    class="flex row alignItems_center list medium default withBorder"
-    data-a11y-inset-focus="true"
-    data-id="List_ListItemWithAvatar"
-    data-selector-id="listItemWithAvatar"
-    data-test-id="List_ListItemWithAvatar"
-    role="option"
-    tabindex="0"
-  >
-    <div
-      class="noShrink contentWrapper"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="flexible basis_zero noShrink leftBox selfAlign_center"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <div
-          class="noShrink titleBox"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <div
-            class="basis_auto noShrink"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            <div>
-              Left Placeholder
-            </div>
-          </div>
-          <div
-            class="basis_auto shrink value"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            List
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-</DocumentFragment>
-`;
-
 exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode & it's custom class 1`] = `
 <DocumentFragment>
   <li

package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap

@@ -1,217 +1,5 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
-exports[`ListItemWithCheckBox ListItemWithCheckBox with renderLeftValuePlaceholderNode & it's custom class 1`] = `
-<DocumentFragment>
-  <li
-    class="flex row alignItems_center list medium default withBorder"
-    data-a11y-inset-focus="true"
-    data-id="List_ListItemWithCheckBox"
-    data-selector-id="listItemWithCheckBox"
-    data-test-id="List_ListItemWithCheckBox"
-    role="option"
-    tabindex="0"
-  >
-    <div
-      class="noShrink contentWrapper"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="iconBox lhsJustifyContent_center"
-        data-id="List_checkBox"
-        data-test-id="List_checkBox"
-      >
-        <div
-          class="noShrink alignSelf_start lhsBoxInner"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <div
-            aria-checked="false"
-            aria-hidden="true"
-            class="inlineFlex row alignItems_center container pointer primary"
-            data-id="checkBox"
-            data-selector-id="container"
-            data-test-id="checkBox"
-            role="checkbox"
-            tabindex="-1"
-          >
-            <div
-              class="noShrink boxContainer medium filled"
-              data-id="boxComponent"
-              data-selector-id="box"
-              data-test-id="boxComponent"
-            >
-              <input
-                type="hidden"
-              />
-              <label
-                class="checkbox pointer medium"
-              >
-                <svg
-                  viewBox="0 0 40 40"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <rect
-                    class="cbBox"
-                    height="38"
-                    rx="4"
-                    width="38"
-                    x="1"
-                    xmlns="http://www.w3.org/2000/svg"
-                    y="1"
-                  />
-                </svg>
-              </label>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="flexible basis_zero noShrink leftBox selfAlign_center"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <div
-          class="noShrink titleBox"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <div
-            class="basis_auto noShrink customLeftValuePlaceholderClass"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            <div>
-              Left Placeholder
-            </div>
-          </div>
-          <div
-            class="basis_auto shrink value"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            List
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-</DocumentFragment>
-`;
-
-exports[`ListItemWithCheckBox ListItemWithCheckBox with renderLeftValuePlaceholderNode 1`] = `
-<DocumentFragment>
-  <li
-    class="flex row alignItems_center list medium default withBorder"
-    data-a11y-inset-focus="true"
-    data-id="List_ListItemWithCheckBox"
-    data-selector-id="listItemWithCheckBox"
-    data-test-id="List_ListItemWithCheckBox"
-    role="option"
-    tabindex="0"
-  >
-    <div
-      class="noShrink contentWrapper"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="iconBox lhsJustifyContent_center"
-        data-id="List_checkBox"
-        data-test-id="List_checkBox"
-      >
-        <div
-          class="noShrink alignSelf_start lhsBoxInner"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <div
-            aria-checked="false"
-            aria-hidden="true"
-            class="inlineFlex row alignItems_center container pointer primary"
-            data-id="checkBox"
-            data-selector-id="container"
-            data-test-id="checkBox"
-            role="checkbox"
-            tabindex="-1"
-          >
-            <div
-              class="noShrink boxContainer medium filled"
-              data-id="boxComponent"
-              data-selector-id="box"
-              data-test-id="boxComponent"
-            >
-              <input
-                type="hidden"
-              />
-              <label
-                class="checkbox pointer medium"
-              >
-                <svg
-                  viewBox="0 0 40 40"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <rect
-                    class="cbBox"
-                    height="38"
-                    rx="4"
-                    width="38"
-                    x="1"
-                    xmlns="http://www.w3.org/2000/svg"
-                    y="1"
-                  />
-                </svg>
-              </label>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="flexible basis_zero noShrink leftBox selfAlign_center"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <div
-          class="noShrink titleBox"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <div
-            class="basis_auto noShrink"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            <div>
-              Left Placeholder
-            </div>
-          </div>
-          <div
-            class="basis_auto shrink value"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            List
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-</DocumentFragment>
-`;
-
 exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlaceholderNode & it's custom class 1`] = `
 <DocumentFragment>
   <li

package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap

@@ -1,113 +1,5 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
-exports[`ListItemWithIcon ListItemWithIcon with renderLeftValuePlaceholderNode & it's custom class 1`] = `
-<DocumentFragment>
-  <li
-    class="flex row alignItems_center list medium default withBorder"
-    data-a11y-inset-focus="true"
-    data-id="list"
-    data-selector-id="listItemWithIcon"
-    data-test-id="list"
-    role="option"
-    tabindex="0"
-  >
-    <div
-      class="noShrink contentWrapper"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="flexible basis_zero noShrink leftBox selfAlign_center"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <div
-          class="noShrink titleBox"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <div
-            class="basis_auto noShrink customLeftValuePlaceholderClass"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            <div>
-              Left Placeholder
-            </div>
-          </div>
-          <div
-            class="basis_auto shrink value"
-            data-id="list_Text"
-            data-selector-id="box"
-            data-test-id="list_Text"
-          >
-            List
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-</DocumentFragment>
-`;
-
-exports[`ListItemWithIcon ListItemWithIcon with renderLeftValuePlaceholderNode 1`] = `
-<DocumentFragment>
-  <li
-    class="flex row alignItems_center list medium default withBorder"
-    data-a11y-inset-focus="true"
-    data-id="list"
-    data-selector-id="listItemWithIcon"
-    data-test-id="list"
-    role="option"
-    tabindex="0"
-  >
-    <div
-      class="noShrink contentWrapper"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="flexible basis_zero noShrink leftBox selfAlign_center"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <div
-          class="noShrink titleBox"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <div
-            class="basis_auto noShrink"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            <div>
-              Left Placeholder
-            </div>
-          </div>
-          <div
-            class="basis_auto shrink value"
-            data-id="list_Text"
-            data-selector-id="box"
-            data-test-id="list_Text"
-          >
-            List
-          </div>
-        </div>
-      </div>
-    </div>
-  </li>
-</DocumentFragment>
-`;
-
 exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode & it's custom class 1`] = `
 <DocumentFragment>
   <li