@activecollab/components 1.0.409 → 1.0.410

package/dist/esm/components/ScrollShadow/ScrollShadow.spec.js

@@ -0,0 +1,140 @@
+import React from "react";
+import { mount, shallow } from "enzyme";
+import { ScrollShadow } from "./ScrollShadow";
+describe("<ScrollShadow />", function () {
+  var wrapper;
+  beforeEach(function () {
+    wrapper = shallow( /*#__PURE__*/React.createElement(ScrollShadow, null, function (_ref) {
+      var onScroll = _ref.onScroll;
+      return /*#__PURE__*/React.createElement("div", {
+        id: "test",
+        onScroll: onScroll
+      }, "Test");
+    }));
+  });
+  it("should render", function () {
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render top shadow", function () {
+    wrapper.setProps({
+      disableHorizontal: true
+    });
+    wrapper.find("div#test").first().simulate("scroll", {
+      target: {
+        scrollTop: 50,
+        scrollHeight: 100,
+        clientHeight: 50,
+        scrollLeft: 0,
+        scrollWidth: 0,
+        clientWidth: 0
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render bottom shadow", function () {
+    wrapper.setProps({
+      disableHorizontal: true
+    });
+    wrapper.find("div#test").first().simulate("scroll", {
+      target: {
+        scrollTop: 0,
+        scrollHeight: 100,
+        clientHeight: 50,
+        scrollLeft: 0,
+        scrollWidth: 0,
+        clientWidth: 0
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render left shadow", function () {
+    wrapper.setProps({
+      disableVertical: true
+    });
+    wrapper.find("div#test").first().simulate("scroll", {
+      target: {
+        scrollTop: 0,
+        scrollHeight: 0,
+        clientHeight: 0,
+        scrollLeft: 50,
+        scrollWidth: 100,
+        clientWidth: 50
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render right shadow", function () {
+    wrapper.setProps({
+      disableVertical: true
+    });
+    wrapper.find("div#test").first().simulate("scroll", {
+      target: {
+        scrollTop: 0,
+        scrollHeight: 0,
+        clientHeight: 0,
+        scrollLeft: 0,
+        scrollWidth: 100,
+        clientWidth: 50
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render still", function () {
+    wrapper.setProps({
+      disableHorizontal: true,
+      disableVertical: true
+    });
+    wrapper.find("div#test").first().simulate("scroll", {
+      target: {
+        scrollTop: 50,
+        scrollHeight: 100,
+        clientHeight: 50,
+        scrollLeft: 50,
+        scrollWidth: 100,
+        clientWidth: 50
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render inverted", function () {
+    wrapper.setProps({
+      invertVertical: true,
+      invertHorizontal: true
+    });
+    wrapper.find("div#test").first().simulate("scroll", {
+      target: {
+        scrollTop: -50,
+        scrollHeight: 100,
+        clientHeight: 50,
+        scrollLeft: -50,
+        scrollWidth: 100,
+        clientWidth: 50
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with gradient custom colors", function () {
+    wrapper = mount( /*#__PURE__*/React.createElement(ScrollShadow, {
+      innerColor: "rgba(255,0,0,0)",
+      outerColor: "rgba(255,0,0,1)"
+    }, function (_ref2) {
+      var onScroll = _ref2.onScroll;
+      return /*#__PURE__*/React.createElement("div", {
+        id: "test",
+        onScroll: onScroll
+      }, "Test");
+    }));
+    wrapper.find("div#test").first().simulate("scroll", {
+      target: {
+        scrollTop: 50,
+        scrollHeight: 100,
+        clientHeight: 50,
+        scrollLeft: 50,
+        scrollWidth: 100,
+        clientWidth: 50
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=ScrollShadow.spec.js.map

package/dist/esm/components/ScrollShadow/ScrollShadow.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollShadow.spec.js","names":["React","mount","shallow","ScrollShadow","describe","wrapper","beforeEach","onScroll","it","expect","toMatchSnapshot","setProps","disableHorizontal","find","first","simulate","target","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","clientWidth","disableVertical","invertVertical","invertHorizontal"],"sources":["../../../../src/components/ScrollShadow/ScrollShadow.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { mount, shallow } from \"enzyme\";\nimport { ScrollShadow } from \"./ScrollShadow\";\n\ndescribe(\"<ScrollShadow />\", () => {\n  let wrapper;\n\n  beforeEach(() => {\n    wrapper = shallow(\n      <ScrollShadow>\n        {({ onScroll }): JSX.Element => (\n          <div id=\"test\" onScroll={onScroll}>\n            Test\n          </div>\n        )}\n      </ScrollShadow>\n    );\n  });\n\n  it(\"should render\", () => {\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render top shadow\", () => {\n    wrapper.setProps({ disableHorizontal: true });\n    wrapper\n      .find(\"div#test\")\n      .first()\n      .simulate(\"scroll\", {\n        target: {\n          scrollTop: 50,\n          scrollHeight: 100,\n          clientHeight: 50,\n          scrollLeft: 0,\n          scrollWidth: 0,\n          clientWidth: 0,\n        },\n      });\n\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render bottom shadow\", () => {\n    wrapper.setProps({ disableHorizontal: true });\n    wrapper\n      .find(\"div#test\")\n      .first()\n      .simulate(\"scroll\", {\n        target: {\n          scrollTop: 0,\n          scrollHeight: 100,\n          clientHeight: 50,\n          scrollLeft: 0,\n          scrollWidth: 0,\n          clientWidth: 0,\n        },\n      });\n\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render left shadow\", () => {\n    wrapper.setProps({ disableVertical: true });\n    wrapper\n      .find(\"div#test\")\n      .first()\n      .simulate(\"scroll\", {\n        target: {\n          scrollTop: 0,\n          scrollHeight: 0,\n          clientHeight: 0,\n          scrollLeft: 50,\n          scrollWidth: 100,\n          clientWidth: 50,\n        },\n      });\n\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render right shadow\", () => {\n    wrapper.setProps({ disableVertical: true });\n    wrapper\n      .find(\"div#test\")\n      .first()\n      .simulate(\"scroll\", {\n        target: {\n          scrollTop: 0,\n          scrollHeight: 0,\n          clientHeight: 0,\n          scrollLeft: 0,\n          scrollWidth: 100,\n          clientWidth: 50,\n        },\n      });\n\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render still\", () => {\n    wrapper.setProps({ disableHorizontal: true, disableVertical: true });\n    wrapper\n      .find(\"div#test\")\n      .first()\n      .simulate(\"scroll\", {\n        target: {\n          scrollTop: 50,\n          scrollHeight: 100,\n          clientHeight: 50,\n          scrollLeft: 50,\n          scrollWidth: 100,\n          clientWidth: 50,\n        },\n      });\n\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render inverted\", () => {\n    wrapper.setProps({ invertVertical: true, invertHorizontal: true });\n    wrapper\n      .find(\"div#test\")\n      .first()\n      .simulate(\"scroll\", {\n        target: {\n          scrollTop: -50,\n          scrollHeight: 100,\n          clientHeight: 50,\n          scrollLeft: -50,\n          scrollWidth: 100,\n          clientWidth: 50,\n        },\n      });\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render with gradient custom colors\", () => {\n    wrapper = mount(\n      <ScrollShadow innerColor=\"rgba(255,0,0,0)\" outerColor=\"rgba(255,0,0,1)\">\n        {({ onScroll }): JSX.Element => (\n          <div id=\"test\" onScroll={onScroll}>\n            Test\n          </div>\n        )}\n      </ScrollShadow>\n    );\n    wrapper\n      .find(\"div#test\")\n      .first()\n      .simulate(\"scroll\", {\n        target: {\n          scrollTop: 50,\n          scrollHeight: 100,\n          clientHeight: 50,\n          scrollLeft: 50,\n          scrollWidth: 100,\n          clientWidth: 50,\n        },\n      });\n    expect(wrapper).toMatchSnapshot();\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components/Select/Option/Option.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Option.spec.d.ts.map

package/dist/esm/components/Select/Option/Option.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Option/Option.spec.tsx"],"names":[],"mappings":""}

package/dist/esm/components/Select/Option/Option.spec.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { mount, render } from "enzyme";
+import { Option } from "./Option";
+// import avatar1 from "./../static/avatar1.png";
+
+describe("<Option/>", function () {
+  it("should render", function () {
+    var wrapper = render( /*#__PURE__*/React.createElement(Option, {
+      id: "test",
+      name: "Option 1",
+      className: "custom-classname"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with renderOption", function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Option, {
+      renderOption: /*#__PURE__*/React.createElement("span", {
+        id: "render_test"
+      }, "text"),
+      id: "test",
+      name: "Option 1"
+    }));
+    expect(wrapper.find("#render_test").text()).toBe("text");
+  });
+});
+//# sourceMappingURL=Option.spec.js.map

package/dist/esm/components/Select/Option/Option.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.spec.js","names":["React","mount","render","Option","describe","it","wrapper","expect","toMatchSnapshot","find","text","toBe"],"sources":["../../../../../src/components/Select/Option/Option.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { mount, render } from \"enzyme\";\nimport { Option } from \"./Option\";\n// import avatar1 from \"./../static/avatar1.png\";\n\ndescribe(\"<Option/>\", () => {\n  it(\"should render\", () => {\n    const wrapper = render(\n      <Option id=\"test\" name=\"Option 1\" className=\"custom-classname\" />\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render with renderOption\", () => {\n    const wrapper = mount(\n      <Option\n        renderOption={<span id=\"render_test\">text</span>}\n        id=\"test\"\n        name=\"Option 1\"\n      />\n    );\n    expect(wrapper.find(\"#render_test\").text()).toBe(\"text\");\n  });\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,MAAM,QAAQ,QAAQ;AACtC,SAASC,MAAM,QAAQ,UAAU;AACjC;;AAEAC,QAAQ,CAAC,WAAW,EAAE,YAAM;EAC1BC,EAAE,CAAC,eAAe,EAAE,YAAM;IACxB,IAAMC,OAAO,GAAGJ,MAAM,eACpB,oBAAC,MAAM;MAAC,EAAE,EAAC,MAAM;MAAC,IAAI,EAAC,UAAU;MAAC,SAAS,EAAC;IAAkB,EAAG,CAClE;IACDK,MAAM,CAACD,OAAO,CAAC,CAACE,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFH,EAAE,CAAC,iCAAiC,EAAE,YAAM;IAC1C,IAAMC,OAAO,GAAGL,KAAK,eACnB,oBAAC,MAAM;MACL,YAAY,eAAE;QAAM,EAAE,EAAC;MAAa,GAAC,MAAI,CAAQ;MACjD,EAAE,EAAC,MAAM;MACT,IAAI,EAAC;IAAU,EACf,CACH;IACDM,MAAM,CAACD,OAAO,CAACG,IAAI,CAAC,cAAc,CAAC,CAACC,IAAI,EAAE,CAAC,CAACC,IAAI,CAAC,MAAM,CAAC;EAC1D,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Select/OptionGroup/OptionGroup.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=OptionGroup.spec.d.ts.map

package/dist/esm/components/Select/OptionGroup/OptionGroup.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionGroup.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.spec.tsx"],"names":[],"mappings":""}

package/dist/esm/components/Select/OptionGroup/OptionGroup.spec.js

@@ -0,0 +1,189 @@
+import React from "react";
+import { mount, render } from "enzyme";
+import { OptionGroup } from "./OptionGroup";
+import { Checkbox } from "../../Checkbox";
+describe("<OptionGroup/>", function () {
+  it("should render group name without options", function () {
+    var wrapper = render( /*#__PURE__*/React.createElement(OptionGroup, {
+      id: "something",
+      optionGroupClassName: "custom-classname",
+      name: "Group",
+      options: [],
+      checked: []
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should hover option in single select", function () {
+    var setHover = jest.fn();
+    var wrapper = mount( /*#__PURE__*/React.createElement(OptionGroup, {
+      optionGroupClassName: "custom-classname",
+      name: "Group",
+      checked: [],
+      type: "single",
+      id: "0",
+      setHover: setHover,
+      hover: "0",
+      options: [{
+        id: "1",
+        name: "1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar"
+      }, {
+        id: "2",
+        name: "5avatara"
+      }, {
+        id: "3",
+        name: "3avatar"
+      }, {
+        id: "4",
+        name: "3avatar"
+      }, {
+        id: "5",
+        name: "5avatar"
+      }, {
+        id: "6",
+        name: "4avatar"
+      }]
+    }));
+    var firstOptionInGroup = wrapper.find("StyledOptionGroupOption").first();
+    firstOptionInGroup.simulate("mouseenter");
+    expect(setHover).toBeCalled();
+    expect(setHover).toBeCalledWith(undefined);
+    wrapper.unmount();
+  });
+  it("should handle hover when group is of multiple type", function () {
+    var setHover = jest.fn();
+    var wrapper = mount( /*#__PURE__*/React.createElement(OptionGroup, {
+      optionGroupClassName: "custom-classname",
+      name: "Group",
+      checked: [],
+      type: "multiple",
+      id: "0",
+      setHover: setHover,
+      hover: "0",
+      options: [{
+        id: "1",
+        name: "option 1"
+      }, {
+        id: "2",
+        name: "option 2"
+      }, {
+        id: "3",
+        name: "option 3"
+      }]
+    }));
+    var firstOptionInGroup = wrapper.find("StyledOptionGroupOption").first();
+    firstOptionInGroup.simulate("mouseenter");
+    expect(setHover).toBeCalled();
+    expect(setHover).toBeCalledWith("0");
+    wrapper.unmount();
+  });
+  it("should render filtered options", function () {
+    var renderOptions = function renderOptions(option) {
+      return /*#__PURE__*/React.createElement("li", {
+        key: option.id
+      }, option.name);
+    };
+    var wrapper = mount( /*#__PURE__*/React.createElement(OptionGroup, {
+      optionGroupClassName: "custom-classname",
+      renderOptions: renderOptions,
+      name: "Group",
+      checked: [],
+      id: "0",
+      options: [{
+        id: "1",
+        name: "Option 1"
+      }, {
+        id: "2",
+        name: "Target 2"
+      }, {
+        id: "3",
+        name: "Option 3"
+      }, {
+        id: "4",
+        name: "Target 4"
+      }]
+    }));
+    expect(wrapper.find("ul").first().find("li").length).toEqual(4);
+    wrapper.setProps({
+      filter: "Option"
+    });
+    wrapper.update();
+    expect(wrapper.find("ul").first().find("li").length).toEqual(2);
+    wrapper.unmount();
+  });
+  it("should handle click on option", function () {
+    var onChangeCallback = jest.fn();
+    var stopPropagationCallback = jest.fn();
+    var wrapper = mount( /*#__PURE__*/React.createElement(OptionGroup, {
+      type: "multiple",
+      onChange: onChangeCallback,
+      optionGroupClassName: "custom-classname",
+      name: "Group",
+      checked: [],
+      id: "0",
+      filter: "3avatar",
+      options: [{
+        id: "1",
+        name: "option 1"
+      }, {
+        id: "2",
+        name: "option 2"
+      }, {
+        id: "3",
+        name: "option 3"
+      }]
+    }));
+    wrapper.find("input").simulate("change", {
+      stopPropagation: stopPropagationCallback
+    });
+    expect(stopPropagationCallback).toHaveBeenCalled();
+    expect(onChangeCallback).toHaveBeenCalled();
+    wrapper.unmount();
+  });
+  it("should render with isIndeterminate set to true when not all options are checked", function () {
+    var options = [{
+      id: "1",
+      name: "Option 1"
+    }, {
+      id: "2",
+      name: "Option 2"
+    }, {
+      id: "3",
+      name: "Option 3"
+    }];
+    var checked = ["1", "2"];
+    var wrapper = mount( /*#__PURE__*/React.createElement(OptionGroup, {
+      id: "group1",
+      name: "Group 1",
+      options: options,
+      type: "multiple",
+      checked: checked
+    }));
+    var checkbox = wrapper.find(Checkbox);
+    expect(checkbox.prop("isIndeterminate")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should render with isIndeterminate set to false when all options are checked", function () {
+    var options = [{
+      id: "1",
+      name: "Option 1"
+    }, {
+      id: "2",
+      name: "Option 2"
+    }, {
+      id: "3",
+      name: "Option 3"
+    }];
+    var checked = ["1", "2", "3"];
+    var wrapper = mount( /*#__PURE__*/React.createElement(OptionGroup, {
+      id: "group2",
+      name: "Group 2",
+      options: options,
+      type: "multiple",
+      checked: checked
+    }));
+    var checkbox = wrapper.find(Checkbox);
+    expect(checkbox.prop("isIndeterminate")).toBe(false);
+    wrapper.unmount();
+  });
+});
+//# sourceMappingURL=OptionGroup.spec.js.map

package/dist/esm/components/Select/OptionGroup/OptionGroup.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionGroup.spec.js","names":["React","mount","render","OptionGroup","Checkbox","describe","it","wrapper","expect","toMatchSnapshot","setHover","jest","fn","id","name","firstOptionInGroup","find","first","simulate","toBeCalled","toBeCalledWith","undefined","unmount","renderOptions","option","length","toEqual","setProps","filter","update","onChangeCallback","stopPropagationCallback","stopPropagation","toHaveBeenCalled","options","checked","checkbox","prop","toBe"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.spec.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { mount, render } from \"enzyme\";\nimport { OptionGroup } from \"./OptionGroup\";\nimport { Checkbox } from \"../../Checkbox\";\n\ndescribe(\"<OptionGroup/>\", () => {\n  it(\"should render group name without options\", () => {\n    const wrapper = render(\n      <OptionGroup\n        id=\"something\"\n        optionGroupClassName=\"custom-classname\"\n        name=\"Group\"\n        options={[]}\n        checked={[]}\n      />\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should hover option in single select\", () => {\n    const setHover = jest.fn();\n    const wrapper = mount(\n      <OptionGroup\n        optionGroupClassName=\"custom-classname\"\n        name=\"Group\"\n        checked={[]}\n        type=\"single\"\n        id=\"0\"\n        setHover={setHover}\n        hover=\"0\"\n        options={[\n          {\n            id: \"1\",\n            name: \"1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar\",\n          },\n          { id: \"2\", name: \"5avatara\" },\n          { id: \"3\", name: \"3avatar\" },\n          { id: \"4\", name: \"3avatar\" },\n          { id: \"5\", name: \"5avatar\" },\n          { id: \"6\", name: \"4avatar\" },\n        ]}\n      />\n    );\n\n    const firstOptionInGroup = wrapper.find(\"StyledOptionGroupOption\").first();\n    firstOptionInGroup.simulate(\"mouseenter\");\n    expect(setHover).toBeCalled();\n    expect(setHover).toBeCalledWith(undefined);\n\n    wrapper.unmount();\n  });\n\n  it(\"should handle hover when group is of multiple type\", () => {\n    const setHover = jest.fn();\n    const wrapper = mount(\n      <OptionGroup\n        optionGroupClassName=\"custom-classname\"\n        name=\"Group\"\n        checked={[]}\n        type=\"multiple\"\n        id=\"0\"\n        setHover={setHover}\n        hover=\"0\"\n        options={[\n          { id: \"1\", name: \"option 1\" },\n          { id: \"2\", name: \"option 2\" },\n          { id: \"3\", name: \"option 3\" },\n        ]}\n      />\n    );\n\n    const firstOptionInGroup = wrapper.find(\"StyledOptionGroupOption\").first();\n    firstOptionInGroup.simulate(\"mouseenter\");\n    expect(setHover).toBeCalled();\n    expect(setHover).toBeCalledWith(\"0\");\n\n    wrapper.unmount();\n  });\n\n  it(\"should render filtered options\", () => {\n    const renderOptions = (option): ReactElement => (\n      <li key={option.id}>{option.name}</li>\n    );\n    const wrapper = mount(\n      <OptionGroup\n        optionGroupClassName=\"custom-classname\"\n        renderOptions={renderOptions}\n        name=\"Group\"\n        checked={[]}\n        id=\"0\"\n        options={[\n          { id: \"1\", name: \"Option 1\" },\n          { id: \"2\", name: \"Target 2\" },\n          { id: \"3\", name: \"Option 3\" },\n          { id: \"4\", name: \"Target 4\" },\n        ]}\n      />\n    );\n\n    expect(wrapper.find(\"ul\").first().find(\"li\").length).toEqual(4);\n    wrapper.setProps({ filter: \"Option\" });\n    wrapper.update();\n    expect(wrapper.find(\"ul\").first().find(\"li\").length).toEqual(2);\n\n    wrapper.unmount();\n  });\n\n  it(\"should handle click on option\", () => {\n    const onChangeCallback = jest.fn();\n    const stopPropagationCallback = jest.fn();\n    const wrapper = mount(\n      <OptionGroup\n        type=\"multiple\"\n        onChange={onChangeCallback}\n        optionGroupClassName=\"custom-classname\"\n        name=\"Group\"\n        checked={[]}\n        id=\"0\"\n        filter=\"3avatar\"\n        options={[\n          { id: \"1\", name: \"option 1\" },\n          { id: \"2\", name: \"option 2\" },\n          { id: \"3\", name: \"option 3\" },\n        ]}\n      />\n    );\n\n    wrapper\n      .find(\"input\")\n      .simulate(\"change\", { stopPropagation: stopPropagationCallback });\n    expect(stopPropagationCallback).toHaveBeenCalled();\n    expect(onChangeCallback).toHaveBeenCalled();\n\n    wrapper.unmount();\n  });\n\n  it(\"should render with isIndeterminate set to true when not all options are checked\", () => {\n    const options = [\n      { id: \"1\", name: \"Option 1\" },\n      { id: \"2\", name: \"Option 2\" },\n      { id: \"3\", name: \"Option 3\" },\n    ];\n    const checked = [\"1\", \"2\"];\n    const wrapper = mount(\n      <OptionGroup\n        id=\"group1\"\n        name=\"Group 1\"\n        options={options}\n        type=\"multiple\"\n        checked={checked}\n      />\n    );\n\n    const checkbox = wrapper.find(Checkbox);\n    expect(checkbox.prop(\"isIndeterminate\")).toBe(true);\n\n    wrapper.unmount();\n  });\n\n  it(\"should render with isIndeterminate set to false when all options are checked\", () => {\n    const options = [\n      { id: \"1\", name: \"Option 1\" },\n      { id: \"2\", name: \"Option 2\" },\n      { id: \"3\", name: \"Option 3\" },\n    ];\n    const checked = [\"1\", \"2\", \"3\"];\n    const wrapper = mount(\n      <OptionGroup\n        id=\"group2\"\n        name=\"Group 2\"\n        options={options}\n        type=\"multiple\"\n        checked={checked}\n      />\n    );\n\n    const checkbox = wrapper.find(Checkbox);\n    expect(checkbox.prop(\"isIndeterminate\")).toBe(false);\n\n    wrapper.unmount();\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components/Select/Select.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Select.spec.d.ts.map

package/dist/esm/components/Select/Select.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.spec.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.spec.tsx"],"names":[],"mappings":""}