@activecollab/components 1.0.408 → 1.0.410

package/dist/cjs/components/Pickers/YearMontPicker.spec.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _enzyme = require("enzyme");
+var _YearMonthPicker = require("./YearMonthPicker");
+var _react = _interopRequireDefault(require("react"));
+var _reactDayPicker = require("react-day-picker");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("<YearMonthPicker/>", function () {
+  var classNames = {
+    container: "something",
+    wrapper: "something",
+    interactionDisabled: "false",
+    navBar: "Nav Bar",
+    navButtonPrev: "Prev Button",
+    navButtonNext: "Next Button",
+    navButtonInteractionDisabled: "false",
+    months: "months",
+    month: "Jan",
+    caption: "Cap",
+    weekdays: "",
+    weekdaysRow: "",
+    weekday: "",
+    weekNumber: "",
+    body: "body",
+    week: "",
+    day: "",
+    footer: "",
+    todayButton: "",
+    today: "",
+    selected: "",
+    disabled: "false",
+    outside: ""
+  };
+  it("should render", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, {
+      date: new Date(2019, 1),
+      localeUtils: _reactDayPicker.LocaleUtils,
+      locale: "en",
+      text: "January 2019",
+      classNames: classNames,
+      isShown: true
+    }));
+    expect(wrapper.find(".c-monthPicker").exists()).toBeTruthy();
+    expect(wrapper).toMatchSnapshot();
+    wrapper.unmount();
+  });
+  it("should show months", function () {
+    var date = new Date(2020, 1);
+    var locale = "en";
+    var text = "January 2020";
+    var onClick = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, {
+      date: date,
+      localeUtils: _reactDayPicker.LocaleUtils,
+      locale: locale,
+      text: text,
+      classNames: classNames,
+      onClick: onClick,
+      isShown: true
+    }));
+    expect(wrapper.find("[data-test=\"months\"]").exists()).toBeTruthy();
+  });
+  it("should show months on click", function () {
+    var date = new Date(2020, 1);
+    var locale = "en";
+    var text = "January 2020";
+    var show = false;
+    var onClick = jest.fn(function () {
+      show = true;
+    });
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, {
+      date: date,
+      localeUtils: _reactDayPicker.LocaleUtils,
+      locale: locale,
+      text: text,
+      classNames: classNames,
+      onClick: onClick,
+      isShown: show,
+      onChange: onChange,
+      selectionMode: "quarterly"
+    }));
+    wrapper.find("[data-test=\"show-picker\"]").simulate("click");
+    expect(onClick).toBeCalled();
+    expect(show).toBeTruthy();
+  });
+  it("should hover quarter", function () {
+    var date = new Date(2020, 1);
+    var locale = "en";
+    var text = "January 2020";
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, {
+      date: date,
+      localeUtils: _reactDayPicker.LocaleUtils,
+      locale: locale,
+      text: text,
+      classNames: classNames,
+      selectionMode: "quarterly",
+      onChange: onChange
+    }));
+    var secondMonth = wrapper.find(".c-monthPicker__month").at(1);
+    secondMonth.simulate("mouseenter");
+    var firstMonth = wrapper.find(".c-monthPicker__month").at(0);
+    expect(firstMonth.prop("$isCurrentQuarter")).toBeTruthy();
+    var thirdMonth = wrapper.find(".c-monthPicker__month").at(2);
+    expect(thirdMonth.prop("$isCurrentQuarter")).toBeTruthy();
+    secondMonth.simulate("click");
+    expect(onChange).toBeCalled();
+    wrapper.unmount();
+  });
+  it("should hover monthly", function () {
+    var date = new Date(2020, 1);
+    var locale = "en";
+    var text = "January 2020";
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, {
+      date: date,
+      localeUtils: _reactDayPicker.LocaleUtils,
+      locale: locale,
+      text: text,
+      classNames: classNames,
+      selectionMode: "monthly",
+      onChange: onChange
+    }));
+    var secondMonth = wrapper.find(".c-monthPicker__month").at(1);
+    secondMonth.simulate("mouseenter");
+    var firstMonth = wrapper.find(".c-monthPicker__month").at(0);
+    expect(firstMonth.prop("className")).not.toContain("c-monthPicker__hovered_month");
+    var thirdMonth = wrapper.find(".c-monthPicker__month").at(2);
+    expect(thirdMonth.prop("className")).not.toContain("c-monthPicker__hovered_month");
+    secondMonth.simulate("click");
+    expect(onChange).toBeCalled();
+    wrapper.unmount();
+  });
+  it("should trigger change on month click", function () {
+    var date = new Date(2020, 1);
+    var locale = "en";
+    var text = "January 2020";
+    var onChange = jest.fn();
+    var onClick = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, {
+      date: date,
+      localeUtils: _reactDayPicker.LocaleUtils,
+      locale: locale,
+      text: text,
+      classNames: classNames,
+      isShown: true,
+      onChange: onChange,
+      onClick: onClick
+    }));
+    wrapper.find("[data-test=\"month\"]").first().simulate("click", {
+      target: {
+        dataset: {
+          value: 0
+        }
+      }
+    });
+    expect(onChange).toBeCalled();
+    expect(onClick).toBeCalled();
+  });
+  it("should trigger change on month click", function () {
+    var date = new Date(2020, 1);
+    var locale = "en";
+    var text = "January 2020";
+    var onClick = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, {
+      date: date,
+      localeUtils: _reactDayPicker.LocaleUtils,
+      locale: locale,
+      text: text,
+      classNames: classNames,
+      isShown: true,
+      onClick: onClick
+    }));
+    wrapper.find("[data-test=\"month\"]").first().simulate("click", {
+      target: {
+        dataset: {
+          value: 0
+        }
+      }
+    });
+    expect(onClick).toBeCalled();
+  });
+});
+//# sourceMappingURL=YearMontPicker.spec.js.map

package/dist/cjs/components/Pickers/YearMontPicker.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearMontPicker.spec.js","names":["describe","classNames","container","wrapper","interactionDisabled","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","months","month","caption","weekdays","weekdaysRow","weekday","weekNumber","body","week","day","footer","todayButton","today","selected","disabled","outside","it","shallow","Date","LocaleUtils","expect","find","exists","toBeTruthy","toMatchSnapshot","unmount","date","locale","text","onClick","jest","fn","show","onChange","simulate","toBeCalled","mount","secondMonth","at","firstMonth","prop","thirdMonth","not","toContain","first","target","dataset","value"],"sources":["../../../../src/components/Pickers/YearMontPicker.spec.tsx"],"sourcesContent":["import { mount, shallow } from \"enzyme\";\nimport { YearMonthPicker } from \"./YearMonthPicker\";\nimport React from \"react\";\nimport { ClassNames } from \"react-day-picker/types/ClassNames\";\nimport { LocaleUtils } from \"react-day-picker\";\n\ndescribe(\"<YearMonthPicker/>\", () => {\n  const classNames: ClassNames = {\n    container: \"something\",\n    wrapper: \"something\",\n    interactionDisabled: \"false\",\n    navBar: \"Nav Bar\",\n    navButtonPrev: \"Prev Button\",\n    navButtonNext: \"Next Button\",\n    navButtonInteractionDisabled: \"false\",\n    months: \"months\",\n    month: \"Jan\",\n    caption: \"Cap\",\n    weekdays: \"\",\n    weekdaysRow: \"\",\n    weekday: \"\",\n    weekNumber: \"\",\n    body: \"body\",\n    week: \"\",\n    day: \"\",\n    footer: \"\",\n    todayButton: \"\",\n    today: \"\",\n    selected: \"\",\n    disabled: \"false\",\n    outside: \"\",\n  };\n\n  it(`should render`, () => {\n    const wrapper = shallow(\n      <YearMonthPicker\n        date={new Date(2019, 1)}\n        localeUtils={LocaleUtils}\n        locale=\"en\"\n        text=\"January 2019\"\n        classNames={classNames}\n        isShown={true}\n      />\n    );\n\n    expect(wrapper.find(\".c-monthPicker\").exists()).toBeTruthy();\n    expect(wrapper).toMatchSnapshot();\n\n    wrapper.unmount();\n  });\n\n  it(`should show months`, () => {\n    const date = new Date(2020, 1);\n    const locale = \"en\";\n    const text = \"January 2020\";\n    const onClick = jest.fn();\n    const wrapper = shallow(\n      <YearMonthPicker\n        date={date}\n        localeUtils={LocaleUtils}\n        locale={locale}\n        text={text}\n        classNames={classNames}\n        onClick={onClick}\n        isShown={true}\n      />\n    );\n    expect(wrapper.find(`[data-test=\"months\"]`).exists()).toBeTruthy();\n  });\n\n  it(`should show months on click`, () => {\n    const date = new Date(2020, 1);\n    const locale = \"en\";\n    const text = \"January 2020\";\n    let show = false;\n    const onClick = jest.fn(() => {\n      show = true;\n    });\n    const onChange = jest.fn();\n\n    const wrapper = shallow(\n      <YearMonthPicker\n        date={date}\n        localeUtils={LocaleUtils}\n        locale={locale}\n        text={text}\n        classNames={classNames}\n        onClick={onClick}\n        isShown={show}\n        onChange={onChange}\n        selectionMode=\"quarterly\"\n      />\n    );\n    wrapper.find(`[data-test=\"show-picker\"]`).simulate(`click`);\n    expect(onClick).toBeCalled();\n    expect(show).toBeTruthy();\n  });\n\n  it(`should hover quarter`, () => {\n    const date = new Date(2020, 1);\n    const locale = \"en\";\n    const text = \"January 2020\";\n    const onChange = jest.fn();\n\n    const wrapper = mount(\n      <YearMonthPicker\n        date={date}\n        localeUtils={LocaleUtils}\n        locale={locale}\n        text={text}\n        classNames={classNames}\n        selectionMode=\"quarterly\"\n        onChange={onChange}\n      />\n    );\n\n    const secondMonth = wrapper.find(\".c-monthPicker__month\").at(1);\n    secondMonth.simulate(\"mouseenter\");\n    const firstMonth = wrapper.find(\".c-monthPicker__month\").at(0);\n\n    expect(firstMonth.prop(\"$isCurrentQuarter\")).toBeTruthy();\n\n    const thirdMonth = wrapper.find(\".c-monthPicker__month\").at(2);\n    expect(thirdMonth.prop(\"$isCurrentQuarter\")).toBeTruthy();\n\n    secondMonth.simulate(\"click\");\n    expect(onChange).toBeCalled();\n\n    wrapper.unmount();\n  });\n\n  it(`should hover monthly`, () => {\n    const date = new Date(2020, 1);\n    const locale = \"en\";\n    const text = \"January 2020\";\n    const onChange = jest.fn();\n\n    const wrapper = mount(\n      <YearMonthPicker\n        date={date}\n        localeUtils={LocaleUtils}\n        locale={locale}\n        text={text}\n        classNames={classNames}\n        selectionMode=\"monthly\"\n        onChange={onChange}\n      />\n    );\n\n    const secondMonth = wrapper.find(\".c-monthPicker__month\").at(1);\n    secondMonth.simulate(\"mouseenter\");\n    const firstMonth = wrapper.find(\".c-monthPicker__month\").at(0);\n    expect(firstMonth.prop(\"className\")).not.toContain(\n      \"c-monthPicker__hovered_month\"\n    );\n    const thirdMonth = wrapper.find(\".c-monthPicker__month\").at(2);\n    expect(thirdMonth.prop(\"className\")).not.toContain(\n      \"c-monthPicker__hovered_month\"\n    );\n    secondMonth.simulate(\"click\");\n    expect(onChange).toBeCalled();\n\n    wrapper.unmount();\n  });\n\n  it(`should trigger change on month click`, () => {\n    const date = new Date(2020, 1);\n    const locale = \"en\";\n    const text = \"January 2020\";\n    const onChange = jest.fn();\n    const onClick = jest.fn();\n\n    const wrapper = shallow(\n      <YearMonthPicker\n        date={date}\n        localeUtils={LocaleUtils}\n        locale={locale}\n        text={text}\n        classNames={classNames}\n        isShown={true}\n        onChange={onChange}\n        onClick={onClick}\n      />\n    );\n    wrapper\n      .find(`[data-test=\"month\"]`)\n      .first()\n      .simulate(`click`, {\n        target: {\n          dataset: {\n            value: 0,\n          },\n        },\n      });\n    expect(onChange).toBeCalled();\n    expect(onClick).toBeCalled();\n  });\n\n  it(`should trigger change on month click`, () => {\n    const date = new Date(2020, 1);\n    const locale = \"en\";\n    const text = \"January 2020\";\n    const onClick = jest.fn();\n\n    const wrapper = shallow(\n      <YearMonthPicker\n        date={date}\n        localeUtils={LocaleUtils}\n        locale={locale}\n        text={text}\n        classNames={classNames}\n        isShown={true}\n        onClick={onClick}\n      />\n    );\n    wrapper\n      .find(`[data-test=\"month\"]`)\n      .first()\n      .simulate(`click`, {\n        target: {\n          dataset: {\n            value: 0,\n          },\n        },\n      });\n    expect(onClick).toBeCalled();\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/components/Popper/Popper.spec.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _Popper = require("./Popper");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var mockUpdate = jest.fn();
+var mockDestroy = jest.fn();
+jest.mock("@popperjs/core", function () {
+  return {
+    createPopper: jest.fn().mockImplementation(function () {
+      return {
+        update: mockUpdate,
+        destroy: mockDestroy
+      };
+    })
+  };
+});
+describe("<Popper/>", function () {
+  afterEach(function () {
+    mockUpdate.mockReset();
+    mockDestroy.mockReset();
+  });
+  it("should render", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: true,
+      transition: true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      id: "div-element"
+    }, "Div")));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should not render because it's exited", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      id: "div-element"
+    }, "Div")));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should not render", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: false
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      id: "div-element"
+    }, "Div")));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should not render with transition on", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: false,
+      transition: true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      id: "div-element"
+    }, "Div")));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render without transition", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      id: "div-element"
+    }, "Div")));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with props", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: true,
+      style: {
+        color: "red"
+      },
+      placement: "right"
+    }, function () {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        id: "div-element"
+      }, "Div");
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should mount", function () {
+    var ref = /*#__PURE__*/_react.default.createRef();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: true,
+      transition: true,
+      ref: ref
+    }, function (props) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+        id: "div-element-enter",
+        onClick: props.transitionProps.onEnter
+      }, "OnEnter"), /*#__PURE__*/_react.default.createElement("div", {
+        id: "div-element-exit",
+        onClick: props.transitionProps.onExited
+      }, "OnExited"));
+    }));
+    wrapper.find("#div-element-enter").simulate("click");
+    expect(wrapper.find("#div-element-enter").text()).toBe("OnEnter");
+    wrapper.find("#div-element-exit").simulate("click");
+    expect(wrapper.find("#div-element-exit").text()).toBe("OnExited");
+    wrapper.unmount();
+  });
+  it("should create popper instance", function () {
+    var node = document.getElementsByTagName("body")[0];
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: true,
+      transition: true,
+      anchorEl: node
+    }, /*#__PURE__*/_react.default.createElement("span", null, "Test")));
+    expect(mockDestroy).not.toHaveBeenCalled();
+    wrapper.unmount();
+    expect(mockDestroy).toHaveBeenCalled();
+  });
+  it("should handle close when props has been changed", function () {
+    var node = document.getElementsByTagName("body")[0];
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+      open: true,
+      anchorEl: node
+    }, /*#__PURE__*/_react.default.createElement("span", null, "Test")));
+    expect(mockUpdate).toHaveBeenCalledTimes(1);
+    expect(mockDestroy).not.toHaveBeenCalled();
+    wrapper.setProps({
+      open: false
+    });
+    expect(mockUpdate).toHaveBeenCalledTimes(2);
+    expect(mockDestroy).toHaveBeenCalled();
+    wrapper.unmount();
+  });
+});
+//# sourceMappingURL=Popper.spec.js.map

package/dist/cjs/components/Popper/Popper.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.spec.js","names":["mockUpdate","jest","fn","mockDestroy","mock","createPopper","mockImplementation","update","destroy","describe","afterEach","mockReset","it","wrapper","shallow","expect","toMatchSnapshot","color","ref","React","createRef","mount","props","transitionProps","onEnter","onExited","find","simulate","text","toBe","unmount","node","document","getElementsByTagName","not","toHaveBeenCalled","toHaveBeenCalledTimes","setProps","open"],"sources":["../../../../src/components/Popper/Popper.spec.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { mount, shallow } from \"enzyme\";\nimport { Popper } from \"./Popper\";\nconst mockUpdate = jest.fn();\nconst mockDestroy = jest.fn();\n\njest.mock(\"@popperjs/core\", () => ({\n  createPopper: jest.fn().mockImplementation(() => ({\n    update: mockUpdate,\n    destroy: mockDestroy,\n  })),\n}));\n\ndescribe(\"<Popper/>\", () => {\n  afterEach(() => {\n    mockUpdate.mockReset();\n    mockDestroy.mockReset();\n  });\n\n  it(\"should render\", () => {\n    const wrapper = shallow(\n      <Popper open transition>\n        <div id=\"div-element\">Div</div>\n      </Popper>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should not render because it's exited\", () => {\n    const wrapper = shallow(\n      <Popper open>\n        <div id=\"div-element\">Div</div>\n      </Popper>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should not render\", () => {\n    const wrapper = shallow(\n      <Popper open={false}>\n        <div id=\"div-element\">Div</div>\n      </Popper>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should not render with transition on\", () => {\n    const wrapper = shallow(\n      <Popper open={false} transition>\n        <div id=\"div-element\">Div</div>\n      </Popper>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render without transition\", () => {\n    const wrapper = shallow(\n      <Popper open>\n        <div id=\"div-element\">Div</div>\n      </Popper>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render with props\", () => {\n    const wrapper = shallow(\n      <Popper open style={{ color: \"red\" }} placement=\"right\">\n        {(): ReactElement => <div id=\"div-element\">Div</div>}\n      </Popper>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should mount\", () => {\n    const ref = React.createRef<HTMLDivElement>();\n    const wrapper = mount(\n      <Popper open transition ref={ref}>\n        {(props): ReactElement => {\n          return (\n            <>\n              <div\n                id=\"div-element-enter\"\n                onClick={props.transitionProps.onEnter}\n              >\n                OnEnter\n              </div>\n              <div\n                id=\"div-element-exit\"\n                onClick={props.transitionProps.onExited}\n              >\n                OnExited\n              </div>\n            </>\n          );\n        }}\n      </Popper>\n    );\n    wrapper.find(\"#div-element-enter\").simulate(\"click\");\n    expect(wrapper.find(\"#div-element-enter\").text()).toBe(\"OnEnter\");\n    wrapper.find(\"#div-element-exit\").simulate(\"click\");\n    expect(wrapper.find(\"#div-element-exit\").text()).toBe(\"OnExited\");\n    wrapper.unmount();\n  });\n\n  it(\"should create popper instance\", () => {\n    const node = document.getElementsByTagName(\"body\")[0];\n    const wrapper = mount(\n      <Popper open transition anchorEl={node}>\n        <span>Test</span>\n      </Popper>\n    );\n    expect(mockDestroy).not.toHaveBeenCalled();\n    wrapper.unmount();\n    expect(mockDestroy).toHaveBeenCalled();\n  });\n\n  it(\"should handle close when props has been changed\", () => {\n    const node = document.getElementsByTagName(\"body\")[0];\n    const wrapper = mount(\n      <Popper open anchorEl={node}>\n        <span>Test</span>\n      </Popper>\n    );\n    expect(mockUpdate).toHaveBeenCalledTimes(1);\n    expect(mockDestroy).not.toHaveBeenCalled();\n    wrapper.setProps({ open: false });\n    expect(mockUpdate).toHaveBeenCalledTimes(2);\n    expect(mockDestroy).toHaveBeenCalled();\n    wrapper.unmount();\n  });\n});\n"],"mappings":";;AAAA;AACA;AACA;AAAkC;AAClC,IAAMA,UAAU,GAAGC,IAAI,CAACC,EAAE,EAAE;AAC5B,IAAMC,WAAW,GAAGF,IAAI,CAACC,EAAE,EAAE;AAE7BD,IAAI,CAACG,IAAI,CAAC,gBAAgB,EAAE;EAAA,OAAO;IACjCC,YAAY,EAAEJ,IAAI,CAACC,EAAE,EAAE,CAACI,kBAAkB,CAAC;MAAA,OAAO;QAChDC,MAAM,EAAEP,UAAU;QAClBQ,OAAO,EAAEL;MACX,CAAC;IAAA,CAAC;EACJ,CAAC;AAAA,CAAC,CAAC;AAEHM,QAAQ,CAAC,WAAW,EAAE,YAAM;EAC1BC,SAAS,CAAC,YAAM;IACdV,UAAU,CAACW,SAAS,EAAE;IACtBR,WAAW,CAACQ,SAAS,EAAE;EACzB,CAAC,CAAC;EAEFC,EAAE,CAAC,eAAe,EAAE,YAAM;IACxB,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,cAAM;MAAC,IAAI;MAAC,UAAU;IAAA,gBACrB;MAAK,EAAE,EAAC;IAAa,GAAC,KAAG,CAAM,CACxB,CACV;IACDC,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFJ,EAAE,CAAC,uCAAuC,EAAE,YAAM;IAChD,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,cAAM;MAAC,IAAI;IAAA,gBACV;MAAK,EAAE,EAAC;IAAa,GAAC,KAAG,CAAM,CACxB,CACV;IACDC,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFJ,EAAE,CAAC,mBAAmB,EAAE,YAAM;IAC5B,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,cAAM;MAAC,IAAI,EAAE;IAAM,gBAClB;MAAK,EAAE,EAAC;IAAa,GAAC,KAAG,CAAM,CACxB,CACV;IACDC,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFJ,EAAE,CAAC,sCAAsC,EAAE,YAAM;IAC/C,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,cAAM;MAAC,IAAI,EAAE,KAAM;MAAC,UAAU;IAAA,gBAC7B;MAAK,EAAE,EAAC;IAAa,GAAC,KAAG,CAAM,CACxB,CACV;IACDC,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFJ,EAAE,CAAC,kCAAkC,EAAE,YAAM;IAC3C,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,cAAM;MAAC,IAAI;IAAA,gBACV;MAAK,EAAE,EAAC;IAAa,GAAC,KAAG,CAAM,CACxB,CACV;IACDC,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFJ,EAAE,CAAC,0BAA0B,EAAE,YAAM;IACnC,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,cAAM;MAAC,IAAI;MAAC,KAAK,EAAE;QAAEG,KAAK,EAAE;MAAM,CAAE;MAAC,SAAS,EAAC;IAAO,GACpD;MAAA,oBAAoB;QAAK,EAAE,EAAC;MAAa,GAAC,KAAG,CAAM;IAAA,EAC7C,CACV;IACDF,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFJ,EAAE,CAAC,cAAc,EAAE,YAAM;IACvB,IAAMM,GAAG,gBAAGC,cAAK,CAACC,SAAS,EAAkB;IAC7C,IAAMP,OAAO,GAAG,IAAAQ,aAAK,gBACnB,6BAAC,cAAM;MAAC,IAAI;MAAC,UAAU;MAAC,GAAG,EAAEH;IAAI,GAC9B,UAACI,KAAK,EAAmB;MACxB,oBACE,yEACE;QACE,EAAE,EAAC,mBAAmB;QACtB,OAAO,EAAEA,KAAK,CAACC,eAAe,CAACC;MAAQ,GACxC,SAED,CAAM,eACN;QACE,EAAE,EAAC,kBAAkB;QACrB,OAAO,EAAEF,KAAK,CAACC,eAAe,CAACE;MAAS,GACzC,UAED,CAAM,CACL;IAEP,CAAC,CACM,CACV;IACDZ,OAAO,CAACa,IAAI,CAAC,oBAAoB,CAAC,CAACC,QAAQ,CAAC,OAAO,CAAC;IACpDZ,MAAM,CAACF,OAAO,CAACa,IAAI,CAAC,oBAAoB,CAAC,CAACE,IAAI,EAAE,CAAC,CAACC,IAAI,CAAC,SAAS,CAAC;IACjEhB,OAAO,CAACa,IAAI,CAAC,mBAAmB,CAAC,CAACC,QAAQ,CAAC,OAAO,CAAC;IACnDZ,MAAM,CAACF,OAAO,CAACa,IAAI,CAAC,mBAAmB,CAAC,CAACE,IAAI,EAAE,CAAC,CAACC,IAAI,CAAC,UAAU,CAAC;IACjEhB,OAAO,CAACiB,OAAO,EAAE;EACnB,CAAC,CAAC;EAEFlB,EAAE,CAAC,+BAA+B,EAAE,YAAM;IACxC,IAAMmB,IAAI,GAAGC,QAAQ,CAACC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACrD,IAAMpB,OAAO,GAAG,IAAAQ,aAAK,gBACnB,6BAAC,cAAM;MAAC,IAAI;MAAC,UAAU;MAAC,QAAQ,EAAEU;IAAK,gBACrC,2CAAM,MAAI,CAAO,CACV,CACV;IACDhB,MAAM,CAACZ,WAAW,CAAC,CAAC+B,GAAG,CAACC,gBAAgB,EAAE;IAC1CtB,OAAO,CAACiB,OAAO,EAAE;IACjBf,MAAM,CAACZ,WAAW,CAAC,CAACgC,gBAAgB,EAAE;EACxC,CAAC,CAAC;EAEFvB,EAAE,CAAC,iDAAiD,EAAE,YAAM;IAC1D,IAAMmB,IAAI,GAAGC,QAAQ,CAACC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACrD,IAAMpB,OAAO,GAAG,IAAAQ,aAAK,gBACnB,6BAAC,cAAM;MAAC,IAAI;MAAC,QAAQ,EAAEU;IAAK,gBAC1B,2CAAM,MAAI,CAAO,CACV,CACV;IACDhB,MAAM,CAACf,UAAU,CAAC,CAACoC,qBAAqB,CAAC,CAAC,CAAC;IAC3CrB,MAAM,CAACZ,WAAW,CAAC,CAAC+B,GAAG,CAACC,gBAAgB,EAAE;IAC1CtB,OAAO,CAACwB,QAAQ,CAAC;MAAEC,IAAI,EAAE;IAAM,CAAC,CAAC;IACjCvB,MAAM,CAACf,UAAU,CAAC,CAACoC,qBAAqB,CAAC,CAAC,CAAC;IAC3CrB,MAAM,CAACZ,WAAW,CAAC,CAACgC,gBAAgB,EAAE;IACtCtB,OAAO,CAACiB,OAAO,EAAE;EACnB,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/components/Pressed/Pressed.spec.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _Pressed = require("./Pressed");
+var _Icons = require("../Icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("<Pressed/>", function () {
+  it("Button should render", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, null, "Hello!"))).toMatchSnapshot();
+  });
+  it("Button should render with active class", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+  });
+  it("Button should render primary or contained with active class", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "primary",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "contained",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+  });
+  it("Button should render secondary or outlined with active class", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "secondary",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "outlined",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+  });
+  it("Button should render tertiary or text colored with active class", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "tertiary",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "text colored",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+  });
+  it("Button should render dark transparent with active class", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "dark transparent",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+  });
+  it("Button should render circle raised with active class", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "circle raised",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+  });
+  it("Button should render option or text gray with active class", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "option",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "text gray",
+      active: true
+    }, "Hello!"))).toMatchSnapshot();
+  });
+  it("Button should render option or text gray with active class and children", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "option",
+      active: true
+    }, /*#__PURE__*/_react.default.createElement(_Icons.ProjectsIcon, null), /*#__PURE__*/_react.default.createElement(_Icons.ProjectsIcon, null)))).toMatchSnapshot();
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+      variant: "text gray",
+      active: true
+    }, /*#__PURE__*/_react.default.createElement(_Icons.ProjectsIcon, null), /*#__PURE__*/_react.default.createElement(_Icons.ProjectsIcon, null)))).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=Pressed.spec.js.map

package/dist/cjs/components/Pressed/Pressed.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressed.spec.js","names":["describe","it","expect","render","toMatchSnapshot"],"sources":["../../../../src/components/Pressed/Pressed.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"enzyme\";\nimport { Pressed } from \"./Pressed\";\nimport { ProjectsIcon } from \"../Icons\";\n\ndescribe(\"<Pressed/>\", () => {\n  it(\"Button should render\", () => {\n    expect(render(<Pressed>Hello!</Pressed>)).toMatchSnapshot();\n  });\n\n  it(\"Button should render with active class\", () => {\n    expect(render(<Pressed active>Hello!</Pressed>)).toMatchSnapshot();\n  });\n\n  it(\"Button should render primary or contained with active class\", () => {\n    expect(\n      render(\n        <Pressed variant=\"primary\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n\n    expect(\n      render(\n        <Pressed variant=\"contained\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Button should render secondary or outlined with active class\", () => {\n    expect(\n      render(\n        <Pressed variant=\"secondary\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n\n    expect(\n      render(\n        <Pressed variant=\"outlined\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Button should render tertiary or text colored with active class\", () => {\n    expect(\n      render(\n        <Pressed variant=\"tertiary\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n\n    expect(\n      render(\n        <Pressed variant=\"text colored\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Button should render dark transparent with active class\", () => {\n    expect(\n      render(\n        <Pressed variant=\"dark transparent\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Button should render circle raised with active class\", () => {\n    expect(\n      render(\n        <Pressed variant=\"circle raised\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Button should render option or text gray with active class\", () => {\n    expect(\n      render(\n        <Pressed variant=\"option\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n\n    expect(\n      render(\n        <Pressed variant=\"text gray\" active>\n          Hello!\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Button should render option or text gray with active class and children\", () => {\n    expect(\n      render(\n        <Pressed variant=\"option\" active>\n          <ProjectsIcon />\n          <ProjectsIcon />\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n\n    expect(\n      render(\n        <Pressed variant=\"text gray\" active>\n          <ProjectsIcon />\n          <ProjectsIcon />\n        </Pressed>\n      )\n    ).toMatchSnapshot();\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/components/ProgressBar/ProgressBar.spec.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _ProgressBar = require("./ProgressBar");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("<ProgressBar />", function () {
+  it("Progress Bar should render with prop type number", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      progress: 22
+    }))).toMatchSnapshot();
+  });
+  it("Progress bar's child div's width should be 27%", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      progress: 27
+    }));
+    expect(wrapper.props().children.props.style.width).toBe("27%");
+  });
+  it("Progress Bar should render different colors", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      progress: 22,
+      backgroundColor: "red",
+      progressColor: "blue"
+    }))).toMatchSnapshot();
+  });
+  it("Progress bar's child div's width should be 100%", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      progress: 150
+    }));
+    expect(wrapper.props().children.props.style.width).toBe("100%");
+  });
+  it("Progress bar's child div's width should be 0%", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      progress: -100
+    }));
+    expect(wrapper.props().children.props.style.width).toBe("0%");
+    expect(wrapper.props().children.props.$height).toBe(3);
+  });
+  it("Progress bar's stroke should be 10 px", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      stroke: 10,
+      progress: 50
+    }));
+    expect(wrapper.props().children.props.$height).toBe(10);
+  });
+  it("Progress bar's height should be 3 px", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      stroke: 0,
+      progress: 50
+    }));
+    expect(wrapper.props().children.props.$height).toBe(3);
+  });
+  it("Progress bar's height should be 3 px when stroke is negative number", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      stroke: -50,
+      progress: 50
+    }));
+    expect(wrapper.props().children.props.$height).toBe(3);
+  });
+  it("Progress bar's width should be 100% when widht is negative number", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      width: -50,
+      progress: 50
+    }));
+    expect(wrapper.props().$width).toBe(100);
+  });
+  it("Progress bar's width should be 100% when widht is 0", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      width: 0,
+      progress: 50
+    }));
+    expect(wrapper.props().$width).toBe(100);
+  });
+  it("Progress bar's width should be 100% when width is > 100", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      width: 150,
+      progress: 50
+    }));
+    expect(wrapper.props().$width).toBe(100);
+  });
+  it("Progress bar's width should be 50%", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
+      width: 50,
+      progress: 50
+    }));
+    expect(wrapper.props().$width).toBe(50);
+  });
+});
+//# sourceMappingURL=ProgressBar.spec.js.map

package/dist/cjs/components/ProgressBar/ProgressBar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.spec.js","names":["describe","it","expect","render","toMatchSnapshot","wrapper","shallow","props","children","style","width","toBe","$height","$width"],"sources":["../../../../src/components/ProgressBar/ProgressBar.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render, shallow } from \"enzyme\";\nimport { ProgressBar } from \"./ProgressBar\";\n\ndescribe(\"<ProgressBar />\", () => {\n  it(\"Progress Bar should render with prop type number\", () => {\n    expect(render(<ProgressBar progress={22} />)).toMatchSnapshot();\n  });\n\n  it(\"Progress bar's child div's width should be 27%\", () => {\n    const wrapper = shallow(<ProgressBar progress={27} />);\n    expect(wrapper.props().children.props.style.width).toBe(\"27%\");\n  });\n\n  it(\"Progress Bar should render different colors\", () => {\n    expect(\n      render(\n        <ProgressBar progress={22} backgroundColor=\"red\" progressColor=\"blue\" />\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Progress bar's child div's width should be 100%\", () => {\n    const wrapper = shallow(<ProgressBar progress={150} />);\n    expect(wrapper.props().children.props.style.width).toBe(\"100%\");\n  });\n\n  it(\"Progress bar's child div's width should be 0%\", () => {\n    const wrapper = shallow(<ProgressBar progress={-100} />);\n    expect(wrapper.props().children.props.style.width).toBe(\"0%\");\n    expect(wrapper.props().children.props.$height).toBe(3);\n  });\n\n  it(\"Progress bar's stroke should be 10 px\", () => {\n    const wrapper = shallow(<ProgressBar stroke={10} progress={50} />);\n    expect(wrapper.props().children.props.$height).toBe(10);\n  });\n\n  it(\"Progress bar's height should be 3 px\", () => {\n    const wrapper = shallow(<ProgressBar stroke={0} progress={50} />);\n    expect(wrapper.props().children.props.$height).toBe(3);\n  });\n\n  it(\"Progress bar's height should be 3 px when stroke is negative number\", () => {\n    const wrapper = shallow(<ProgressBar stroke={-50} progress={50} />);\n    expect(wrapper.props().children.props.$height).toBe(3);\n  });\n\n  it(\"Progress bar's width should be 100% when widht is negative number\", () => {\n    const wrapper = shallow(<ProgressBar width={-50} progress={50} />);\n    expect(wrapper.props().$width).toBe(100);\n  });\n\n  it(\"Progress bar's width should be 100% when widht is 0\", () => {\n    const wrapper = shallow(<ProgressBar width={0} progress={50} />);\n    expect(wrapper.props().$width).toBe(100);\n  });\n\n  it(\"Progress bar's width should be 100% when width is > 100\", () => {\n    const wrapper = shallow(<ProgressBar width={150} progress={50} />);\n    expect(wrapper.props().$width).toBe(100);\n  });\n\n  it(\"Progress bar's width should be 50%\", () => {\n    const wrapper = shallow(<ProgressBar width={50} progress={50} />);\n    expect(wrapper.props().$width).toBe(50);\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/components/ProgressRing/ProgressRing.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.js","names":["ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","console","warn","progressNumber","useMemo","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","classNames","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface ProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport const ProgressRing = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressRingProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\n  }\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={classNames(className)}\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":";;;;;;;AAAA;AACA;AAMA;AAAoC;AAAA;AAAA;AAqB7B,IAAMA,YAAY,GAAG,SAAfA,YAAY,OASA;EAAA,IARvBC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,mBACZC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBACXC,MAAM;IAANA,MAAM,4BAAG,CAAC;IACVC,SAAS,QAATA,SAAS;IAAA,2BACTC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IACtBC,QAAQ,QAARA,QAAQ;EAER,IAAIH,MAAM,GAAGD,MAAM,EAAE;IACnBK,OAAO,CAACC,IAAI,CAAC,oDAAoD,CAAC;IAClEL,MAAM,GAAGD,MAAM;EACjB;EACA,IAAMO,cAAc,GAAG,IAAAC,cAAO,EAAC,YAAM;IACnC,IAAIC,KAAK,GAAGV,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBU,KAAK,GAAG,GAAG;IACb;IACA,IAAIV,QAAQ,GAAG,CAAC,EAAE;MAChBU,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACV,QAAQ,CAAC,CAAC;EAEd,IAAMW,gBAAgB,GAAG,IAAAF,cAAO,EAAC;IAAA,OAAMR,MAAM,GAAGC,MAAM,GAAG,CAAC;EAAA,GAAE,CAACD,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC7E,IAAMU,aAAa,GAAG,IAAAH,cAAO,EAC3B;IAAA,OAAME,gBAAgB,GAAG,CAAC,GAAGE,IAAI,CAACC,EAAE;EAAA,GACpC,CAACH,gBAAgB,CAAC,CACnB;EACD,IAAMI,qBAAqB,GAAG,IAAAN,cAAO,EACnC;IAAA,OAAMG,aAAa,GAAI,CAAC,GAAG,GAAGJ,cAAc,IAAI,GAAG,GAAII,aAAa;EAAA,GACpE,CAACA,aAAa,EAAEJ,cAAc,CAAC,CAChC;EACD,IAAMQ,qBAAqB,GAAG,IAAAP,cAAO,EACnC;IAAA,OAAMG,aAAa,GAAIJ,cAAc,GAAG,GAAG,GAAII,aAAa;EAAA,GAC5D,CAACA,aAAa,EAAEJ,cAAc,CAAC,CAChC;EAED,oBACE,6BAAC,iBAAS;IACR,MAAM,EAAEP,MAAM,GAAG,CAAE;IACnB,KAAK,EAAEA,MAAM,GAAG,CAAE;IAClB,SAAS,EAAE,IAAAgB,mBAAU,EAACd,SAAS;EAAE,gBAEjC,6BAAC,8BAAsB;IACrB,MAAM,EAAEL,eAAgB;IACxB,iBAAiB,EAAE,CAACiB,qBAAsB;IAC1C,WAAW,EAAEb,MAAO;IACpB,eAAe,YAAKU,aAAa,cAAIA,aAAa,CAAG;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAEV,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,eACF,6BAAC,8BAAsB;IACrB,MAAM,EAAEF,aAAc;IACtB,iBAAiB,EAAEiB,qBAAsB;IACzC,WAAW,EAAEd,MAAO;IACpB,eAAe,YAAKU,aAAa,cAAIA,aAAa,CAAG;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAEV,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,EACDG,cAAc,gBACb,6BAAC,oCAA4B;IAC3B,MAAM,EAAEL,aAAc;IACtB,SAAS,EAAEM,QAAS;IACpB,CAAC,EAAC,KAAK;IACP,CAAC,EAAC,MAAM;IACR,gBAAgB,EAAC,SAAS;IAC1B,UAAU,EAAC;EAAQ,GAElBG,cAAc,MACc,GAC7B,IAAI,CACE;AAEhB,CAAC;AAAC;AAEFX,YAAY,CAACqB,WAAW,GAAG,cAAc"}
+{"version":3,"file":"ProgressRing.js","names":["ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","console","warn","progressNumber","useMemo","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","classNames","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface ProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport const ProgressRing = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressRingProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\n  }\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={classNames(className)}\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":";;;;;;;AAAA;AACA;AAMA;AAAoC;AAAA;AAAA;AAqB7B,IAAMA,YAAY,GAAG,SAAfA,YAAY,OASA;EAAA,IARvBC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,mBACZC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBACXC,MAAM;IAANA,MAAM,4BAAG,CAAC;IACVC,SAAS,QAATA,SAAS;IAAA,2BACTC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IACtBC,QAAQ,QAARA,QAAQ;EAER,IAAIH,MAAM,GAAGD,MAAM,EAAE;IACnBK,OAAO,CAACC,IAAI,CAAC,oDAAoD,CAAC;IAClEL,MAAM,GAAGD,MAAM;EACjB;EACA,IAAMO,cAAc,GAAG,IAAAC,cAAO,EAAC,YAAM;IACnC,IAAIC,KAAK,GAAGV,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBU,KAAK,GAAG,GAAG;IACb;IACA,IAAIV,QAAQ,GAAG,CAAC,EAAE;MAChBU,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACV,QAAQ,CAAC,CAAC;EAEd,IAAMW,gBAAgB,GAAG,IAAAF,cAAO,EAAC;IAAA,OAAMR,MAAM,GAAGC,MAAM,GAAG,CAAC;EAAA,GAAE,CAACD,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC7E,IAAMU,aAAa,GAAG,IAAAH,cAAO,EAC3B;IAAA,OAAME,gBAAgB,GAAG,CAAC,GAAGE,IAAI,CAACC,EAAE;EAAA,GACpC,CAACH,gBAAgB,CAAC,CACnB;EACD,IAAMI,qBAAqB,GAAG,IAAAN,cAAO,EACnC;IAAA,OAAMG,aAAa,GAAI,CAAC,GAAG,GAAGJ,cAAc,IAAI,GAAG,GAAII,aAAa;EAAA,GACpE,CAACA,aAAa,EAAEJ,cAAc,CAAC,CAChC;EACD,IAAMQ,qBAAqB,GAAG,IAAAP,cAAO,EACnC;IAAA,OAAMG,aAAa,GAAIJ,cAAc,GAAG,GAAG,GAAII,aAAa;EAAA,GAC5D,CAACA,aAAa,EAAEJ,cAAc,CAAC,CAChC;EAED,oBACE,6BAAC,iBAAS;IACR,MAAM,EAAEP,MAAM,GAAG,CAAE;IACnB,KAAK,EAAEA,MAAM,GAAG,CAAE;IAClB,SAAS,EAAE,IAAAgB,mBAAU,EAACd,SAAS;EAAE,gBAEjC,6BAAC,8BAAsB;IACrB,MAAM,EAAEL,eAAgB;IACxB,iBAAiB,EAAE,CAACiB,qBAAsB;IAC1C,WAAW,EAAEb,MAAO;IACpB,eAAe,YAAKU,aAAa,cAAIA,aAAa,CAAG;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAEV,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,eACF,6BAAC,8BAAsB;IACrB,MAAM,EAAEF,aAAc;IACtB,iBAAiB,EAAEiB,qBAAsB;IACzC,WAAW,EAAEd,MAAO;IACpB,eAAe,YAAKU,aAAa,cAAIA,aAAa,CAAG;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAEV,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,EACDG,cAAc,gBACb,6BAAC,oCAA4B;IAC3B,MAAM,EAAEL,aAAc;IACtB,SAAS,EAAEM,QAAS;IACpB,CAAC,EAAC,KAAK;IACP,CAAC,EAAC,MAAM;IACR,gBAAgB,EAAC,SAAS;IAC1B,UAAU,EAAC;EAAQ,GAElBG,cAAc,EAAC,GAClB,CAA+B,GAC7B,IAAI,CACE;AAEhB,CAAC;AAAC;AAEFX,YAAY,CAACqB,WAAW,GAAG,cAAc"}

package/dist/cjs/components/ProgressRing/ProgressRing.spec.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _ProgressRing = require("./ProgressRing");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("<ProgressRing />", function () {
+  it("Progress Ring should render with prop type number", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_ProgressRing.ProgressRing, {
+      progress: 22
+    }))).toMatchSnapshot();
+  });
+  it("Progress Ring should render different colors", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_ProgressRing.ProgressRing, {
+      progress: 22,
+      backgroundColor: "red",
+      progressColor: "blue"
+    }))).toMatchSnapshot();
+  });
+  it("Progress Ring should render with percentage", function () {
+    expect((0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_ProgressRing.ProgressRing, {
+      progress: 22,
+      backgroundColor: "red",
+      progressColor: "blue",
+      showPercentage: true
+    }))).toMatchSnapshot();
+  });
+  it("Progress Ring should throw warning if stroke is greater then radius", function () {
+    console.warn = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ProgressRing.ProgressRing, {
+      progress: 22,
+      radius: 5,
+      stroke: 20,
+      backgroundColor: "red",
+      progressColor: "blue",
+      showPercentage: true
+    }));
+    expect(wrapper.find("StyledForegroundCircle").props().strokeWidth).toEqual(5);
+    expect(console.warn).toHaveBeenCalledWith("Stroke can not have value greater than the radius.");
+  });
+});
+//# sourceMappingURL=ProgressRing.spec.js.map

package/dist/cjs/components/ProgressRing/ProgressRing.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.spec.js","names":["describe","it","expect","render","toMatchSnapshot","console","warn","jest","fn","wrapper","shallow","find","props","strokeWidth","toEqual","toHaveBeenCalledWith"],"sources":["../../../../src/components/ProgressRing/ProgressRing.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render, shallow } from \"enzyme\";\nimport { ProgressRing } from \"./ProgressRing\";\n\ndescribe(\"<ProgressRing />\", () => {\n  it(\"Progress Ring should render with prop type number\", () => {\n    expect(render(<ProgressRing progress={22} />)).toMatchSnapshot();\n  });\n\n  it(\"Progress Ring should render different colors\", () => {\n    expect(\n      render(\n        <ProgressRing\n          progress={22}\n          backgroundColor=\"red\"\n          progressColor=\"blue\"\n        />\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Progress Ring should render with percentage\", () => {\n    expect(\n      render(\n        <ProgressRing\n          progress={22}\n          backgroundColor=\"red\"\n          progressColor=\"blue\"\n          showPercentage\n        />\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Progress Ring should throw warning if stroke is greater then radius\", () => {\n    console.warn = jest.fn();\n    const wrapper = shallow(\n      <ProgressRing\n        progress={22}\n        radius={5}\n        stroke={20}\n        backgroundColor=\"red\"\n        progressColor=\"blue\"\n        showPercentage\n      />\n    );\n    expect(wrapper.find(\"StyledForegroundCircle\").props().strokeWidth).toEqual(\n      5\n    );\n    expect(console.warn).toHaveBeenCalledWith(\n      \"Stroke can not have value greater than the radius.\"\n    );\n  });\n});\n"],"mappings":";;AAAA;AACA;AACA;AAA8C;AAE9CA,QAAQ,CAAC,kBAAkB,EAAE,YAAM;EACjCC,EAAE,CAAC,mDAAmD,EAAE,YAAM;IAC5DC,MAAM,CAAC,IAAAC,cAAM,gBAAC,6BAAC,0BAAY;MAAC,QAAQ,EAAE;IAAG,EAAG,CAAC,CAAC,CAACC,eAAe,EAAE;EAClE,CAAC,CAAC;EAEFH,EAAE,CAAC,8CAA8C,EAAE,YAAM;IACvDC,MAAM,CACJ,IAAAC,cAAM,gBACJ,6BAAC,0BAAY;MACX,QAAQ,EAAE,EAAG;MACb,eAAe,EAAC,KAAK;MACrB,aAAa,EAAC;IAAM,EACpB,CACH,CACF,CAACC,eAAe,EAAE;EACrB,CAAC,CAAC;EAEFH,EAAE,CAAC,6CAA6C,EAAE,YAAM;IACtDC,MAAM,CACJ,IAAAC,cAAM,gBACJ,6BAAC,0BAAY;MACX,QAAQ,EAAE,EAAG;MACb,eAAe,EAAC,KAAK;MACrB,aAAa,EAAC,MAAM;MACpB,cAAc;IAAA,EACd,CACH,CACF,CAACC,eAAe,EAAE;EACrB,CAAC,CAAC;EAEFH,EAAE,CAAC,qEAAqE,EAAE,YAAM;IAC9EI,OAAO,CAACC,IAAI,GAAGC,IAAI,CAACC,EAAE,EAAE;IACxB,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,0BAAY;MACX,QAAQ,EAAE,EAAG;MACb,MAAM,EAAE,CAAE;MACV,MAAM,EAAE,EAAG;MACX,eAAe,EAAC,KAAK;MACrB,aAAa,EAAC,MAAM;MACpB,cAAc;IAAA,EACd,CACH;IACDR,MAAM,CAACO,OAAO,CAACE,IAAI,CAAC,wBAAwB,CAAC,CAACC,KAAK,EAAE,CAACC,WAAW,CAAC,CAACC,OAAO,CACxE,CAAC,CACF;IACDZ,MAAM,CAACG,OAAO,CAACC,IAAI,CAAC,CAACS,oBAAoB,CACvC,oDAAoD,CACrD;EACH,CAAC,CAAC;AACJ,CAAC,CAAC"}