ecars-web-lib 1.0.0

package/dist/components/Accordion/AccordionComponent.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ElementProps } from '../../services/types';
+export interface Props extends ElementProps {
+    isOpen: boolean;
+    textContent: string;
+    title: string;
+    onClick: () => void;
+}
+export declare const AccordionComponent: FC<Props>;

package/dist/components/Accordion/AccordionComponent.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import { a as n } from "../../index-BHJQkg-z.js";
+export {
+  n as AccordionComponent
+};
+//# sourceMappingURL=AccordionComponent.js.map

package/dist/components/Accordion/AccordionComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionComponent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Accordion/AccordionComponent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Accordion/AccordionComponent.test.js

@@ -0,0 +1,32 @@
+import { jsx as p } from "react/jsx-runtime";
+import { s as t, f as x, r as d } from "../../react.esm-DeOc63_l.js";
+import { ACCORDION_TEST_ID as i } from "./constants.js";
+import { A as m } from "../../index-BHJQkg-z.js";
+const o = {
+  isOpen: !1,
+  textContent: "Test content",
+  title: "Test title",
+  onClick: jest.fn()
+};
+describe("Accordion Component", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  const a = [!0, !1], n = (e = {}) => {
+    const c = { ...o, ...e };
+    return d(/* @__PURE__ */ p(m, { ...c }));
+  };
+  test("renders the accordion component and title, text correctly", () => {
+    const { container: e } = n();
+    expect(t.getByText(o.title)).toBeInTheDocument(), expect(t.getByText(o.textContent)).toBeInTheDocument(), expect(t.getByTestId(i)).toBeInTheDocument(), expect(e).toMatchSnapshot();
+  }), a.forEach((e) => {
+    const c = `should ${e ? "open" : "close"} the content`;
+    test(c, () => {
+      const { container: l } = n({ isOpen: e }), s = t.getByText(o.textContent), r = t.getByTestId(i);
+      e ? (expect(s).toBeVisible(), expect(r).toHaveClass("_active")) : (expect(s.offsetHeight).toBe(0), expect(r).not.toHaveClass("_active"), expect(l).toMatchSnapshot());
+    });
+  }), test("triggers onClick handler when title is clicked", () => {
+    n(), x.click(t.getByText(o.title)), expect(o.onClick).toHaveBeenCalledTimes(1);
+  });
+});
+//# sourceMappingURL=AccordionComponent.test.js.map

package/dist/components/Accordion/AccordionComponent.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionComponent.test.js","sources":["../../../lib/components/Accordion/AccordionComponent.test.tsx"],"sourcesContent":["import {fireEvent, render, screen} from '@testing-library/react';\r\nimport {ACCORDION_TEST_ID} from '@/components/Accordion/constants';\r\nimport {Accordion} from '@/components/Accordion';\r\n\r\nconst defaultProps = {\r\n  isOpen: false,\r\n  textContent: 'Test content',\r\n  title: 'Test title',\r\n  onClick: jest.fn(),\r\n};\r\ndescribe('Accordion Component', () => {\r\n  beforeEach(() => {\r\n    jest.clearAllMocks();\r\n  });\r\n  const isOpenValues = [true, false];\r\n  const renderAccordion = (props = {}) => {\r\n    const mergedProps = {...defaultProps, ...props};\r\n    return render(<Accordion {...mergedProps} />);\r\n  };\r\n\r\n  test('renders the accordion component and title, text correctly', () => {\r\n    const {container} = renderAccordion();\r\n    expect(screen.getByText(defaultProps.title)).toBeInTheDocument();\r\n    expect(screen.getByText(defaultProps.textContent)).toBeInTheDocument();\r\n    expect(screen.getByTestId(ACCORDION_TEST_ID)).toBeInTheDocument();\r\n    expect(container).toMatchSnapshot();\r\n  });\r\n\r\n  isOpenValues.forEach((isOpen) => {\r\n    const isOpenString = `should ${isOpen ? 'open' : 'close'} the content`;\r\n    test(isOpenString, () => {\r\n      const {container} = renderAccordion({isOpen});\r\n      const content = screen.getByText(defaultProps.textContent);\r\n      const accordionElement = screen.getByTestId(ACCORDION_TEST_ID);\r\n      if (isOpen) {\r\n        expect(content).toBeVisible();\r\n        expect(accordionElement).toHaveClass('_active');\r\n      } else {\r\n        expect(content.offsetHeight).toBe(0);\r\n        expect(accordionElement).not.toHaveClass('_active');\r\n        expect(container).toMatchSnapshot();\r\n      }\r\n    });\r\n  });\r\n  test('triggers onClick handler when title is clicked', () => {\r\n    renderAccordion();\r\n    fireEvent.click(screen.getByText(defaultProps.title));\r\n    expect(defaultProps.onClick).toHaveBeenCalledTimes(1);\r\n  });\r\n});\r\n"],"names":["defaultProps","isOpenValues","renderAccordion","props","mergedProps","render","jsx","Accordion","container","screen","ACCORDION_TEST_ID","isOpen","isOpenString","content","accordionElement","fireEvent"],"mappings":";;;;AAIA,MAAMA,IAAe;AAAA,EACnB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS,KAAK,GAAG;AACnB;AACA,SAAS,uBAAuB,MAAM;AACpC,aAAW,MAAM;AACf,SAAK,cAAc;AAAA,EAAA,CACpB;AACK,QAAAC,IAAe,CAAC,IAAM,EAAK,GAC3BC,IAAkB,CAACC,IAAQ,OAAO;AACtC,UAAMC,IAAc,EAAC,GAAGJ,GAAc,GAAGG,EAAK;AAC9C,WAAOE,EAAO,gBAAAC,EAACC,GAAW,EAAA,GAAGH,EAAa,CAAA,CAAE;AAAA,EAC9C;AAEA,OAAK,6DAA6D,MAAM;AAChE,UAAA,EAAC,WAAAI,EAAS,IAAIN,EAAgB;AACpC,WAAOO,EAAO,UAAUT,EAAa,KAAK,CAAC,EAAE,kBAAkB,GAC/D,OAAOS,EAAO,UAAUT,EAAa,WAAW,CAAC,EAAE,kBAAkB,GACrE,OAAOS,EAAO,YAAYC,CAAiB,CAAC,EAAE,kBAAkB,GACzD,OAAAF,CAAS,EAAE,gBAAgB;AAAA,EAAA,CACnC,GAEYP,EAAA,QAAQ,CAACU,MAAW;AAC/B,UAAMC,IAAe,UAAUD,IAAS,SAAS,OAAO;AACxD,SAAKC,GAAc,MAAM;AACvB,YAAM,EAAC,WAAAJ,EAAS,IAAIN,EAAgB,EAAC,QAAAS,GAAO,GACtCE,IAAUJ,EAAO,UAAUT,EAAa,WAAW,GACnDc,IAAmBL,EAAO,YAAYC,CAAiB;AAC7D,MAAIC,KACK,OAAAE,CAAO,EAAE,YAAY,GACrB,OAAAC,CAAgB,EAAE,YAAY,SAAS,MAE9C,OAAOD,EAAQ,YAAY,EAAE,KAAK,CAAC,GACnC,OAAOC,CAAgB,EAAE,IAAI,YAAY,SAAS,GAC3C,OAAAN,CAAS,EAAE,gBAAgB;AAAA,IACpC,CACD;AAAA,EAAA,CACF,GACD,KAAK,kDAAkD,MAAM;AAC3C,IAAAN,EAAA,GAChBa,EAAU,MAAMN,EAAO,UAAUT,EAAa,KAAK,CAAC,GACpD,OAAOA,EAAa,OAAO,EAAE,sBAAsB,CAAC;AAAA,EAAA,CACrD;AACH,CAAC;"}

package/dist/components/Accordion/components/AccordionArrow.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const AccordionArrow: FC;

package/dist/components/Accordion/components/AccordionArrow.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Icons as r } from "../../../services/icons.js";
+const m = () => /* @__PURE__ */ o(r.ArrowNarrowDown, { className: "accordion__arrow" });
+export {
+  m as AccordionArrow
+};
+//# sourceMappingURL=AccordionArrow.js.map

package/dist/components/Accordion/components/AccordionArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionArrow.js","sources":["../../../../lib/components/Accordion/components/AccordionArrow.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport {Icons} from '@/services/icons';\n\nexport const AccordionArrow: FC = () => <Icons.ArrowNarrowDown className=\"accordion__arrow\" />;\n"],"names":["AccordionArrow","jsx","Icons"],"mappings":";;AAGO,MAAMA,IAAqB,MAAM,gBAAAC,EAACC,EAAM,iBAAN,EAAsB,WAAU,mBAAmB,CAAA;"}

package/dist/components/Accordion/components/AccordionBlock.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { AccordionTitleProps } from './AccordionTitle';
+export interface Props extends AccordionTitleProps {
+    onClick: () => void;
+}
+export declare const AccordionBlock: FC<Props>;

package/dist/components/Accordion/components/AccordionBlock.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import { b as i } from "../../../index-BHJQkg-z.js";
+export {
+  i as AccordionBlock
+};
+//# sourceMappingURL=AccordionBlock.js.map

package/dist/components/Accordion/components/AccordionBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Accordion/components/AccordionButton.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+export interface Props {
+    children: ReactNode;
+    onClick: () => void;
+}
+export declare const AccordionButton: FC<Props>;

package/dist/components/Accordion/components/AccordionButton.js

@@ -0,0 +1,14 @@
+import { jsx as n } from "react/jsx-runtime";
+const r = ({ onClick: o, children: t }) => /* @__PURE__ */ n(
+  "button",
+  {
+    onClick: o,
+    type: "button",
+    className: "accordion__button",
+    children: t
+  }
+);
+export {
+  r as AccordionButton
+};
+//# sourceMappingURL=AccordionButton.js.map

package/dist/components/Accordion/components/AccordionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionButton.js","sources":["../../../../lib/components/Accordion/components/AccordionButton.tsx"],"sourcesContent":["import type {FC, ReactNode} from 'react';\n\nexport interface Props {\n  children: ReactNode;\n  onClick: () => void;\n}\n\nexport const AccordionButton: FC<Props> = ({onClick, children}) => (\n  <button\n    onClick={onClick}\n    type=\"button\"\n    className=\"accordion__button\"\n  >\n    {children}\n  </button>\n);\n"],"names":["AccordionButton","onClick","children","jsx"],"mappings":";AAOO,MAAMA,IAA6B,CAAC,EAAC,SAAAC,GAAS,UAAAC,EACnD,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAAF;AAAA,IACA,MAAK;AAAA,IACL,WAAU;AAAA,IAET,UAAAC;AAAA,EAAA;AACH;"}

package/dist/components/Accordion/components/AccordionContent.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface Props {
+    isOpen: boolean;
+    children: string;
+}
+export declare const AccordionContent: FC<Props>;

package/dist/components/Accordion/components/AccordionContent.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useAccordionHeight as r } from "../../../services/hooks/useAccordionHeight.js";
+const a = ({ isOpen: t, children: c }) => {
+  const { style: e, contentRef: n } = r(t);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      style: e,
+      className: "accordion__content",
+      children: /* @__PURE__ */ o(
+        "p",
+        {
+          className: "accordion__text",
+          ref: n,
+          children: c
+        }
+      )
+    }
+  );
+};
+export {
+  a as AccordionContent
+};
+//# sourceMappingURL=AccordionContent.js.map

package/dist/components/Accordion/components/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","sources":["../../../../lib/components/Accordion/components/AccordionContent.tsx"],"sourcesContent":["import type {FC} from 'react';\r\nimport {useAccordionHeight} from '@/services/hooks/useAccordionHeight';\r\n\r\nexport interface Props {\r\n  isOpen: boolean;\r\n  children: string;\r\n}\r\n\r\nexport const AccordionContent: FC<Props> = ({isOpen, children}) => {\r\n  const {style, contentRef} = useAccordionHeight(isOpen);\r\n  return (\r\n    <div\r\n      style={style}\r\n      className=\"accordion__content\"\r\n    >\r\n      <p\r\n        className=\"accordion__text\"\r\n        ref={contentRef}\r\n      >\r\n        {children}\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AccordionContent","isOpen","children","style","contentRef","useAccordionHeight","jsx"],"mappings":";;AAQO,MAAMA,IAA8B,CAAC,EAAC,QAAAC,GAAQ,UAAAC,QAAc;AACjE,QAAM,EAAC,OAAAC,GAAO,YAAAC,MAAcC,EAAmBJ,CAAM;AAEnD,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAH;AAAA,MACA,WAAU;AAAA,MAEV,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAKF;AAAA,UAEJ,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;"}

package/dist/components/Accordion/components/AccordionLayout.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+import { ElementProps } from '../../../services/types';
+export interface Props extends ElementProps {
+    children: ReactNode;
+    isOpen: boolean;
+}
+export declare const AccordionLayout: FC<Props>;

package/dist/components/Accordion/components/AccordionLayout.js

@@ -0,0 +1,17 @@
+import { jsx as c } from "react/jsx-runtime";
+import { cn as i } from "../../../services/helpers.js";
+import { ACCORDION_TEST_ID as a } from "../constants.js";
+const e = ({ block: o, isOpen: t, children: r }) => /* @__PURE__ */ c(
+  "div",
+  {
+    "data-testid": a,
+    className: i(o, "accordion", {
+      _active: t
+    }),
+    children: r
+  }
+);
+export {
+  e as AccordionLayout
+};
+//# sourceMappingURL=AccordionLayout.js.map

package/dist/components/Accordion/components/AccordionLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionLayout.js","sources":["../../../../lib/components/Accordion/components/AccordionLayout.tsx"],"sourcesContent":["import type {FC, ReactNode} from 'react';\nimport {cn} from '@/services/helpers';\nimport type {ElementProps} from '@/services/types';\nimport {ACCORDION_TEST_ID} from '@/components/Accordion/constants';\n\nexport interface Props extends ElementProps {\n  children: ReactNode;\n  isOpen: boolean;\n}\n\nexport const AccordionLayout: FC<Props> = ({block, isOpen, children}) => (\n  <div\n    data-testid={ACCORDION_TEST_ID}\n    className={cn(block, 'accordion', {\n      '_active': isOpen,\n    })}\n  >\n    {children}\n  </div>\n);\n"],"names":["AccordionLayout","block","isOpen","children","jsx","ACCORDION_TEST_ID","cn"],"mappings":";;;AAUO,MAAMA,IAA6B,CAAC,EAAC,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,EACzD,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaC;AAAA,IACb,WAAWC,EAAGL,GAAO,aAAa;AAAA,MAChC,SAAWC;AAAA,IAAA,CACZ;AAAA,IAEA,UAAAC;AAAA,EAAA;AACH;"}

package/dist/components/Accordion/components/AccordionTitle.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface AccordionTitleProps {
+    title: string;
+}
+export declare const AccordionTitle: FC<AccordionTitleProps>;

package/dist/components/Accordion/components/AccordionTitle.js

@@ -0,0 +1,6 @@
+import { jsx as c } from "react/jsx-runtime";
+const r = ({ title: o }) => /* @__PURE__ */ c("h3", { className: "accordion__title", children: o });
+export {
+  r as AccordionTitle
+};
+//# sourceMappingURL=AccordionTitle.js.map

package/dist/components/Accordion/components/AccordionTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTitle.js","sources":["../../../../lib/components/Accordion/components/AccordionTitle.tsx"],"sourcesContent":["import type {FC} from 'react';\n\nexport interface AccordionTitleProps {\n  title: string;\n}\n\nexport const AccordionTitle: FC<AccordionTitleProps> = ({title}) => <h3 className=\"accordion__title\">{title}</h3>;\n"],"names":["AccordionTitle","title","jsx"],"mappings":";AAMa,MAAAA,IAA0C,CAAC,EAAC,OAAAC,EAAA,MAAY,gBAAAC,EAAA,MAAA,EAAG,WAAU,oBAAoB,UAAMD,EAAA,CAAA;"}

package/dist/components/Accordion/constants.d.ts

@@ -0,0 +1 @@
+export declare const ACCORDION_TEST_ID = "accordionTestId";

package/dist/components/Accordion/constants.js

@@ -0,0 +1,5 @@
+const o = "accordionTestId";
+export {
+  o as ACCORDION_TEST_ID
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Accordion/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../lib/components/Accordion/constants.ts"],"sourcesContent":["export const ACCORDION_TEST_ID = 'accordionTestId';\r\n"],"names":["ACCORDION_TEST_ID"],"mappings":"AAAO,MAAMA,IAAoB;"}

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,8 @@
+export declare const Accordion: import('react').FC<import('./AccordionComponent').Props> & {
+    Content: import('react').FC<import('./components/AccordionContent').Props>;
+    Arrow: import('react').FC;
+    Title: import('react').FC<import('./components/AccordionTitle').AccordionTitleProps>;
+    Block: import('react').FC<import('./components/AccordionBlock').Props>;
+    Layout: import('react').FC<import('./components/AccordionLayout').Props>;
+    Button: import('react').FC<import('./components/AccordionButton').Props>;
+};

package/dist/components/Accordion/index.js

@@ -0,0 +1,10 @@
+import { A } from "../../index-BHJQkg-z.js";
+import "./components/AccordionContent.js";
+import "./components/AccordionArrow.js";
+import "./components/AccordionTitle.js";
+import "./components/AccordionLayout.js";
+import "./components/AccordionButton.js";
+export {
+  A as Accordion
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,14 @@
+import { FC, MouseEvent, ReactNode } from 'react';
+import { ButtonAttributesType, ButtonColorType, ButtonSizeType } from './constants';
+import { ElementProps } from '../../services/types';
+export interface ButtonProps extends ElementProps {
+    size: ButtonSizeType;
+    children: ReactNode;
+    color: ButtonColorType;
+    type?: ButtonAttributesType;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    isTransparent?: boolean;
+    withIcon?: boolean;
+}
+export declare const Button: FC<ButtonProps>;

package/dist/components/Button/Button.js

@@ -0,0 +1,34 @@
+import { jsx as c } from "react/jsx-runtime";
+import { BUTTON_TEST_ID as f } from "./constants.js";
+import { cn as i } from "../../services/helpers.js";
+const N = ({
+  children: t,
+  size: o,
+  color: n,
+  onClick: s,
+  type: a = "button",
+  disabled: r = !1,
+  isTransparent: e = !1,
+  withIcon: u = !1,
+  block: m
+}) => {
+  const b = i(m, "button", `button--${o} button--${n}`, {
+    "button--transparent": e,
+    "button--icon": u
+  });
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      "data-testid": f,
+      disabled: r,
+      type: a,
+      className: b,
+      onClick: s,
+      children: t
+    }
+  );
+};
+export {
+  N as Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../lib/components/Button/Button.tsx"],"sourcesContent":["import type {FC, MouseEvent, ReactNode} from 'react';\nimport type {ButtonAttributesType, ButtonColorType, ButtonSizeType} from '@/components/Button/constants';\nimport {BUTTON_TEST_ID} from '@/components/Button/constants';\nimport {cn} from '@/services/helpers';\nimport type {ElementProps} from '@/services/types';\n\nexport interface ButtonProps extends ElementProps {\n  size: ButtonSizeType;\n  children: ReactNode;\n  color: ButtonColorType;\n  type?: ButtonAttributesType;\n  disabled?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  isTransparent?: boolean;\n  withIcon?: boolean;\n}\n\nexport const Button: FC<ButtonProps> = ({\n  children,\n  size,\n  color,\n  onClick,\n  type = 'button',\n  disabled = false,\n  isTransparent = false,\n  withIcon = false,\n  block,\n}) => {\n  const classNames = cn(block, 'button', `button--${size} button--${color}`, {\n    'button--transparent': isTransparent,\n    'button--icon': withIcon,\n  });\n  return (\n    <button\n      data-testid={BUTTON_TEST_ID}\n      disabled={disabled}\n      type={type}\n      className={classNames}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["Button","children","size","color","onClick","type","disabled","isTransparent","withIcon","block","classNames","cn","jsx","BUTTON_TEST_ID"],"mappings":";;;AAiBO,MAAMA,IAA0B,CAAC;AAAA,EACtC,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,OAAAC;AACF,MAAM;AACE,QAAAC,IAAaC,EAAGF,GAAO,UAAU,WAAWP,CAAI,YAAYC,CAAK,IAAI;AAAA,IACzE,uBAAuBI;AAAA,IACvB,gBAAgBC;AAAA,EAAA,CACjB;AAEC,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaC;AAAA,MACb,UAAAP;AAAA,MACA,MAAAD;AAAA,MACA,WAAWK;AAAA,MACX,SAAAN;AAAA,MAEC,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Button/Button.test.js

@@ -0,0 +1,101 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as v, r, s as u, f as h } from "../../react.esm-DeOc63_l.js";
+import { BUTTON_COLOR as l, BUTTON_SIZE as b, BUTTON_TEST_ID as p } from "./constants.js";
+import { Button as s } from "./Button.js";
+describe("Button component", () => {
+  afterEach(v);
+  const d = Object.values(l), x = Object.values(b), f = ["submit", "reset", "button"], a = {
+    color: l.GRAY,
+    size: b.BIG
+  }, T = [!0, !1];
+  d.forEach((t) => {
+    x.forEach((e) => {
+      f.forEach((n) => {
+        T.forEach((o) => {
+          const B = `renders button with color ${t}, size ${e}, type ${n ?? "button"} and disabled`;
+          test(B, () => {
+            const { container: m } = r(
+              /* @__PURE__ */ c(
+                s,
+                {
+                  color: t,
+                  size: e,
+                  type: n,
+                  disabled: o,
+                  children: "button"
+                }
+              )
+            ), i = u.getByTestId(p);
+            expect(i).toBeInTheDocument(), expect(i).toHaveClass(`button--${t}`), expect(i).toHaveClass(`button--${e}`), expect(i.disabled).toBe(o), expect(i).toHaveStyle("cursor: default"), expect(m).toMatchSnapshot();
+          });
+        });
+      });
+    });
+  }), test("changes button text according to the children text", () => {
+    const { container: t, getByText: e, rerender: n } = r(/* @__PURE__ */ c(s, { ...a, children: "button" }));
+    let o = e("button");
+    expect(o).toBeInTheDocument(), n(/* @__PURE__ */ c(s, { ...a, children: "Confirm" })), o = e("Confirm"), expect(o).toBeInTheDocument(), expect(t).toMatchSnapshot();
+  }), test("handles the click event", () => {
+    const t = jest.fn(), { container: e, getByText: n } = r(
+      /* @__PURE__ */ c(
+        s,
+        {
+          ...a,
+          onClick: t,
+          children: "button"
+        }
+      )
+    );
+    h.click(n("button")), expect(t).toHaveBeenCalledTimes(1), expect(e).toMatchSnapshot();
+  }), test("the onClick event does not fire when button is disabled", () => {
+    const t = jest.fn(), { container: e, getByText: n } = r(
+      /* @__PURE__ */ c(
+        s,
+        {
+          ...a,
+          disabled: !0,
+          onClick: t,
+          children: "button"
+        }
+      )
+    ), o = n("button");
+    h.click(o), expect(t).not.toHaveBeenCalled(), expect(e).toMatchSnapshot();
+  }), test("additional classes are not applied if the button is disabled", () => {
+    const { container: t, getByText: e } = r(
+      /* @__PURE__ */ c(
+        s,
+        {
+          ...a,
+          disabled: !0,
+          children: "button"
+        }
+      )
+    ), n = e("button");
+    expect(n).toHaveClass("button"), expect(t).toMatchSnapshot();
+  }), test("button has button-transparent if receive prop isTransparent", () => {
+    const { container: t } = r(
+      /* @__PURE__ */ c(
+        s,
+        {
+          ...a,
+          isTransparent: !0,
+          children: "button"
+        }
+      )
+    ), e = u.getByTestId(p);
+    expect(e).toHaveClass("button--transparent"), expect(t).toMatchSnapshot();
+  }), test("button has button-icon if receive prop withIcon", () => {
+    const { container: t } = r(
+      /* @__PURE__ */ c(
+        s,
+        {
+          ...a,
+          withIcon: !0,
+          children: "button"
+        }
+      )
+    ), e = u.getByTestId(p);
+    expect(e).toHaveClass("button--icon"), expect(t).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=Button.test.js.map

package/dist/components/Button/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sources":["../../../lib/components/Button/Button.test.tsx"],"sourcesContent":["import {cleanup, fireEvent, render, screen} from '@testing-library/react';\nimport type {ButtonAttributesType} from '@/components/Button/constants';\nimport {BUTTON_COLOR, BUTTON_SIZE, BUTTON_TEST_ID} from '@/components/Button/constants';\nimport {Button} from '@/components/Button/Button';\n\ndescribe('Button component', () => {\n  afterEach(cleanup);\n\n  const colors = Object.values(BUTTON_COLOR);\n  const sizes = Object.values(BUTTON_SIZE);\n  const types: ButtonAttributesType[] = ['submit', 'reset', 'button'];\n  const props = {\n    color: BUTTON_COLOR.GRAY,\n    size: BUTTON_SIZE.BIG,\n  };\n  const disabledOptions = [true, false];\n\n  colors.forEach((color) => {\n    sizes.forEach((size) => {\n      types.forEach((type) => {\n        disabledOptions.forEach((disabled) => {\n          const testName = `renders button with color ${color}, size ${size}, type ${type ?? 'button'} and disabled`;\n          test(testName, () => {\n            const {container} = render(\n              <Button\n                color={color}\n                size={size}\n                type={type}\n                disabled={disabled}\n              >\n                button\n              </Button>,\n            );\n            const buttonElement: HTMLButtonElement = screen.getByTestId(BUTTON_TEST_ID);\n            expect(buttonElement).toBeInTheDocument();\n            expect(buttonElement).toHaveClass(`button--${color}`);\n            expect(buttonElement).toHaveClass(`button--${size}`);\n            expect(buttonElement.disabled).toBe(disabled);\n            expect(buttonElement).toHaveStyle('cursor: default');\n            expect(container).toMatchSnapshot();\n          });\n        });\n      });\n    });\n  });\n\n  test('changes button text according to the children text', () => {\n    const {container, getByText, rerender} = render(<Button {...props}>button</Button>);\n    let button = getByText('button');\n    expect(button).toBeInTheDocument();\n\n    rerender(<Button {...props}>Confirm</Button>);\n    button = getByText('Confirm');\n    expect(button).toBeInTheDocument();\n    expect(container).toMatchSnapshot();\n  });\n\n  test('handles the click event', () => {\n    const onClick = jest.fn();\n    const {container, getByText} = render(\n      <Button\n        {...props}\n        onClick={onClick}\n      >\n        button\n      </Button>,\n    );\n    fireEvent.click(getByText('button'));\n    expect(onClick).toHaveBeenCalledTimes(1);\n    expect(container).toMatchSnapshot();\n  });\n\n  test('the onClick event does not fire when button is disabled', () => {\n    const onClick = jest.fn();\n    const {container, getByText} = render(\n      <Button\n        {...props}\n        disabled\n        onClick={onClick}\n      >\n        button\n      </Button>,\n    );\n    const button = getByText('button');\n    fireEvent.click(button);\n    expect(onClick).not.toHaveBeenCalled();\n    expect(container).toMatchSnapshot();\n  });\n\n  test('additional classes are not applied if the button is disabled', () => {\n    const {container, getByText} = render(\n      <Button\n        {...props}\n        disabled\n      >\n        button\n      </Button>,\n    );\n    const button = getByText('button');\n    expect(button).toHaveClass('button');\n    expect(container).toMatchSnapshot();\n  });\n\n  test('button has button-transparent if receive prop isTransparent', () => {\n    const {container} = render(\n      <Button\n        {...props}\n        isTransparent\n      >\n        button\n      </Button>,\n    );\n    const button = screen.getByTestId(BUTTON_TEST_ID);\n    expect(button).toHaveClass('button--transparent');\n    expect(container).toMatchSnapshot();\n  });\n\n  test('button has button-icon if receive prop withIcon', () => {\n    const {container} = render(\n      <Button\n        {...props}\n        withIcon\n      >\n        button\n      </Button>,\n    );\n    const button = screen.getByTestId(BUTTON_TEST_ID);\n    expect(button).toHaveClass('button--icon');\n    expect(container).toMatchSnapshot();\n  });\n});\n"],"names":["cleanup","colors","BUTTON_COLOR","sizes","BUTTON_SIZE","types","props","disabledOptions","color","size","type","disabled","testName","container","render","jsx","Button","buttonElement","screen","BUTTON_TEST_ID","getByText","rerender","button","onClick","fireEvent"],"mappings":"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"}

package/dist/components/Button/constants.d.ts

@@ -0,0 +1,15 @@
+import { ButtonHTMLAttributes } from 'react';
+export declare const BUTTON_SIZE: Readonly<{
+    BIG: "big";
+    MEDIUM: "medium";
+    SMALL: "small";
+}>;
+export declare const BUTTON_COLOR: Readonly<{
+    GREEN: "green";
+    WHITE: "white";
+    GRAY: "gray";
+}>;
+export type ButtonAttributesType = ButtonHTMLAttributes<HTMLButtonElement>['type'];
+export type ButtonSizeType = (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
+export type ButtonColorType = (typeof BUTTON_COLOR)[keyof typeof BUTTON_COLOR];
+export declare const BUTTON_TEST_ID = "buttonTestId";

package/dist/components/Button/constants.js

@@ -0,0 +1,15 @@
+const e = Object.freeze({
+  BIG: "big",
+  MEDIUM: "medium",
+  SMALL: "small"
+}), t = Object.freeze({
+  GREEN: "green",
+  WHITE: "white",
+  GRAY: "gray"
+}), T = "buttonTestId";
+export {
+  t as BUTTON_COLOR,
+  e as BUTTON_SIZE,
+  T as BUTTON_TEST_ID
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Button/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../lib/components/Button/constants.ts"],"sourcesContent":["import type {ButtonHTMLAttributes} from 'react';\n\nexport const BUTTON_SIZE = Object.freeze({\n  BIG: 'big',\n  MEDIUM: 'medium',\n  SMALL: 'small',\n});\n\nexport const BUTTON_COLOR = Object.freeze({\n  GREEN: 'green',\n  WHITE: 'white',\n  GRAY: 'gray',\n});\n\nexport type ButtonAttributesType = ButtonHTMLAttributes<HTMLButtonElement>['type'];\nexport type ButtonSizeType = (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];\nexport type ButtonColorType = (typeof BUTTON_COLOR)[keyof typeof BUTTON_COLOR];\n\nexport const BUTTON_TEST_ID = 'buttonTestId';\n"],"names":["BUTTON_SIZE","BUTTON_COLOR","BUTTON_TEST_ID"],"mappings":"AAEa,MAAAA,IAAc,OAAO,OAAO;AAAA,EACvC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,GAEYC,IAAe,OAAO,OAAO;AAAA,EACxC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR,CAAC,GAMYC,IAAiB;"}

package/dist/components/ButtonWithIcon/ButtonWithIcon.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType, FC, ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button';
+interface IconProps {
+    className?: string;
+}
+export interface ButtonIconProps<T> extends ButtonProps {
+    children: ReactNode;
+    RightIcon?: ComponentType<T>;
+    LeftIcon?: ComponentType<T>;
+    className?: string;
+}
+export declare const ButtonWithIcon: FC<ButtonIconProps<IconProps>>;
+export {};

package/dist/components/ButtonWithIcon/ButtonWithIcon.js

@@ -0,0 +1,37 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { Button as m } from "../Button/Button.js";
+import { LEFT_ICON_BUTTON_TEST_ID as I, RIGHT_ICON_BUTTON_TEST_ID as n } from "./constants.js";
+const O = ({
+  RightIcon: t,
+  LeftIcon: o,
+  children: _,
+  className: T,
+  ...i
+}) => /* @__PURE__ */ d(
+  m,
+  {
+    withIcon: !0,
+    ...i,
+    children: [
+      !!o && /* @__PURE__ */ r(
+        o,
+        {
+          className: T,
+          "data-testid": I
+        }
+      ),
+      _,
+      !!t && /* @__PURE__ */ r(
+        t,
+        {
+          className: T,
+          "data-testid": n
+        }
+      )
+    ]
+  }
+);
+export {
+  O as ButtonWithIcon
+};
+//# sourceMappingURL=ButtonWithIcon.js.map

package/dist/components/ButtonWithIcon/ButtonWithIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithIcon.js","sources":["../../../lib/components/ButtonWithIcon/ButtonWithIcon.tsx"],"sourcesContent":["import type {ComponentType, FC, ReactNode} from 'react';\nimport type {ButtonProps} from '@/components/Button/Button';\nimport {Button} from '@/components/Button/Button';\nimport {LEFT_ICON_BUTTON_TEST_ID, RIGHT_ICON_BUTTON_TEST_ID} from '@/components/ButtonWithIcon/constants';\n\ninterface IconProps {\n  className?: string;\n}\n\nexport interface ButtonIconProps<T> extends ButtonProps {\n  children: ReactNode;\n  RightIcon?: ComponentType<T>;\n  LeftIcon?: ComponentType<T>;\n  className?: string;\n}\n\nexport const ButtonWithIcon: FC<ButtonIconProps<IconProps>> = ({\n  RightIcon,\n  LeftIcon,\n  children,\n  className,\n  ...props\n}) => (\n  <Button\n    withIcon\n    {...props}\n  >\n    {!!LeftIcon && (\n      <LeftIcon\n        className={className}\n        data-testid={LEFT_ICON_BUTTON_TEST_ID}\n      />\n    )}\n    {children}\n    {!!RightIcon && (\n      <RightIcon\n        className={className}\n        data-testid={RIGHT_ICON_BUTTON_TEST_ID}\n      />\n    )}\n  </Button>\n);\n"],"names":["ButtonWithIcon","RightIcon","LeftIcon","children","className","props","jsxs","Button","jsx","LEFT_ICON_BUTTON_TEST_ID","RIGHT_ICON_BUTTON_TEST_ID"],"mappings":";;;AAgBO,MAAMA,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAQ;AAAA,IACP,GAAGF;AAAA,IAEH,UAAA;AAAA,MAAA,CAAC,CAACH,KACD,gBAAAM;AAAA,QAACN;AAAA,QAAA;AAAA,UACC,WAAAE;AAAA,UACA,eAAaK;AAAA,QAAA;AAAA,MACf;AAAA,MAEDN;AAAA,MACA,CAAC,CAACF,KACD,gBAAAO;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,WAAAG;AAAA,UACA,eAAaM;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAAA;AAEJ;"}

package/dist/components/ButtonWithIcon/ButtonWithIcon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ButtonWithIcon/ButtonWithIcon.test.js

@@ -0,0 +1,55 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as p, r as c, s as t } from "../../react.esm-DeOc63_l.js";
+import { BUTTON_SIZE as I, BUTTON_COLOR as T } from "../Button/constants.js";
+import { ButtonWithIcon as r } from "./ButtonWithIcon.js";
+import { Icons as i } from "../../services/icons.js";
+import { LEFT_ICON_BUTTON_TEST_ID as s, RIGHT_ICON_BUTTON_TEST_ID as h } from "./constants.js";
+describe("ButtonWithIcon component", () => {
+  afterEach(p);
+  const o = {
+    color: T.GRAY,
+    size: I.BIG
+  };
+  test("renders component correctly", () => {
+    const { container: e } = c(/* @__PURE__ */ n(r, { ...o, children: "Click me" }));
+    expect(t.getByText("Click me")).toBeInTheDocument(), expect(e).toMatchSnapshot();
+  }), test("renders LeftIcon when provided", () => {
+    const { container: e } = c(
+      /* @__PURE__ */ n(
+        r,
+        {
+          LeftIcon: i.ArrowNarrowLeft,
+          ...o,
+          children: "Click"
+        }
+      )
+    );
+    expect(t.getByTestId(s)).toBeInTheDocument(), expect(e).toMatchSnapshot();
+  }), test("renders RightIcon when provided", () => {
+    const { container: e } = c(
+      /* @__PURE__ */ n(
+        r,
+        {
+          RightIcon: i.ArrowNarrowRight,
+          ...o,
+          children: "Click"
+        }
+      )
+    );
+    expect(t.getByTestId(h)).toBeInTheDocument(), expect(e).toMatchSnapshot();
+  }), test("renders both LeftIcon and RightIcon when provided", () => {
+    const { container: e } = c(
+      /* @__PURE__ */ n(
+        r,
+        {
+          LeftIcon: i.ArrowNarrowLeft,
+          RightIcon: i.ArrowNarrowRight,
+          ...o,
+          children: "Click"
+        }
+      )
+    );
+    expect(t.getByTestId(s)).toBeInTheDocument(), expect(t.getByTestId(h)).toBeInTheDocument(), expect(e).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=ButtonWithIcon.test.js.map

package/dist/components/ButtonWithIcon/ButtonWithIcon.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithIcon.test.js","sources":["../../../lib/components/ButtonWithIcon/ButtonWithIcon.test.tsx"],"sourcesContent":["import {cleanup, render, screen} from '@testing-library/react';\nimport {BUTTON_COLOR, BUTTON_SIZE} from '@/components/Button/constants';\nimport {ButtonWithIcon} from '@/components/ButtonWithIcon/ButtonWithIcon';\nimport {Icons} from '@/services/icons';\nimport {LEFT_ICON_BUTTON_TEST_ID, RIGHT_ICON_BUTTON_TEST_ID} from '@/components/ButtonWithIcon/constants';\n\ndescribe('ButtonWithIcon component', () => {\n  afterEach(cleanup);\n  const props = {\n    color: BUTTON_COLOR.GRAY,\n    size: BUTTON_SIZE.BIG,\n  };\n  test('renders component correctly', () => {\n    const {container} = render(<ButtonWithIcon {...props}>Click me</ButtonWithIcon>);\n    expect(screen.getByText('Click me')).toBeInTheDocument();\n    expect(container).toMatchSnapshot();\n  });\n  test('renders LeftIcon when provided', () => {\n    const {container} = render(\n      <ButtonWithIcon\n        LeftIcon={Icons.ArrowNarrowLeft}\n        {...props}\n      >\n        Click\n      </ButtonWithIcon>,\n    );\n    expect(screen.getByTestId(LEFT_ICON_BUTTON_TEST_ID)).toBeInTheDocument();\n    expect(container).toMatchSnapshot();\n  });\n\n  test('renders RightIcon when provided', () => {\n    const {container} = render(\n      <ButtonWithIcon\n        RightIcon={Icons.ArrowNarrowRight}\n        {...props}\n      >\n        Click\n      </ButtonWithIcon>,\n    );\n    expect(screen.getByTestId(RIGHT_ICON_BUTTON_TEST_ID)).toBeInTheDocument();\n    expect(container).toMatchSnapshot();\n  });\n\n  test('renders both LeftIcon and RightIcon when provided', () => {\n    const {container} = render(\n      <ButtonWithIcon\n        LeftIcon={Icons.ArrowNarrowLeft}\n        RightIcon={Icons.ArrowNarrowRight}\n        {...props}\n      >\n        Click\n      </ButtonWithIcon>,\n    );\n    expect(screen.getByTestId(LEFT_ICON_BUTTON_TEST_ID)).toBeInTheDocument();\n    expect(screen.getByTestId(RIGHT_ICON_BUTTON_TEST_ID)).toBeInTheDocument();\n    expect(container).toMatchSnapshot();\n  });\n});\n"],"names":["cleanup","props","BUTTON_COLOR","BUTTON_SIZE","container","render","ButtonWithIcon","screen","jsx","Icons","LEFT_ICON_BUTTON_TEST_ID","RIGHT_ICON_BUTTON_TEST_ID"],"mappings":";;;;;;AAMA,SAAS,4BAA4B,MAAM;AACzC,YAAUA,CAAO;AACjB,QAAMC,IAAQ;AAAA,IACZ,OAAOC,EAAa;AAAA,IACpB,MAAMC,EAAY;AAAA,EACpB;AACA,OAAK,+BAA+B,MAAM;AAClC,UAAA,EAAC,WAAAC,MAAaC,oBAAQC,GAAgB,EAAA,GAAGL,GAAO,UAAA,WAAA,CAAQ,CAAiB;AAC/E,WAAOM,EAAO,UAAU,UAAU,CAAC,EAAE,kBAAkB,GAChD,OAAAH,CAAS,EAAE,gBAAgB;AAAA,EAAA,CACnC,GACD,KAAK,kCAAkC,MAAM;AACrC,UAAA,EAAC,WAAAA,MAAaC;AAAA,MAClB,gBAAAG;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,UAAUG,EAAM;AAAA,UACf,GAAGR;AAAA,UACL,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGH;AACA,WAAOM,EAAO,YAAYG,CAAwB,CAAC,EAAE,kBAAkB,GAChE,OAAAN,CAAS,EAAE,gBAAgB;AAAA,EAAA,CACnC,GAED,KAAK,mCAAmC,MAAM;AACtC,UAAA,EAAC,WAAAA,MAAaC;AAAA,MAClB,gBAAAG;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,WAAWG,EAAM;AAAA,UAChB,GAAGR;AAAA,UACL,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGH;AACA,WAAOM,EAAO,YAAYI,CAAyB,CAAC,EAAE,kBAAkB,GACjE,OAAAP,CAAS,EAAE,gBAAgB;AAAA,EAAA,CACnC,GAED,KAAK,qDAAqD,MAAM;AACxD,UAAA,EAAC,WAAAA,MAAaC;AAAA,MAClB,gBAAAG;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,UAAUG,EAAM;AAAA,UAChB,WAAWA,EAAM;AAAA,UAChB,GAAGR;AAAA,UACL,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGH;AACA,WAAOM,EAAO,YAAYG,CAAwB,CAAC,EAAE,kBAAkB,GACvE,OAAOH,EAAO,YAAYI,CAAyB,CAAC,EAAE,kBAAkB,GACjE,OAAAP,CAAS,EAAE,gBAAgB;AAAA,EAAA,CACnC;AACH,CAAC;"}

package/dist/components/ButtonWithIcon/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const LEFT_ICON_BUTTON_TEST_ID = "leftIconButtonTestId";
+export declare const RIGHT_ICON_BUTTON_TEST_ID = "rightIconButtonTestId";

package/dist/components/ButtonWithIcon/constants.js

@@ -0,0 +1,6 @@
+const T = "leftIconButtonTestId", t = "rightIconButtonTestId";
+export {
+  T as LEFT_ICON_BUTTON_TEST_ID,
+  t as RIGHT_ICON_BUTTON_TEST_ID
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/ButtonWithIcon/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../lib/components/ButtonWithIcon/constants.ts"],"sourcesContent":["export const LEFT_ICON_BUTTON_TEST_ID = 'leftIconButtonTestId';\nexport const RIGHT_ICON_BUTTON_TEST_ID = 'rightIconButtonTestId';\n"],"names":["LEFT_ICON_BUTTON_TEST_ID","RIGHT_ICON_BUTTON_TEST_ID"],"mappings":"AAAO,MAAMA,IAA2B,wBAC3BC,IAA4B;"}