@gusto/embedded-react-sdk 0.7.0 → 0.8.1

package/dist/components/Common/Fieldset/Fieldset.js

@@ -0,0 +1,66 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useId as f } from "react";
+import l from "classnames";
+import e from "./Fieldset.module.scss.js";
+import { getDataProps as g } from "../../../helpers/getDataProps.js";
+import { FieldCaption as h } from "../FieldCaption/FieldCaption.js";
+import { FieldDescription as D } from "../FieldDescription/FieldDescription.js";
+import { FieldErrorMessage as F } from "../FieldErrorMessage/FieldErrorMessage.js";
+const y = ({
+  children: d,
+  description: s,
+  errorMessage: i,
+  isRequired: m = !1,
+  legend: n,
+  shouldVisuallyHideLegend: o = !1,
+  className: c,
+  ...p
+}) => {
+  const t = `error-message-${f()}`;
+  return /* @__PURE__ */ a(
+    "fieldset",
+    {
+      className: l(e.root, c),
+      "aria-describedby": i ? t : void 0,
+      ...g(p),
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: l(e.legendAndDescription, {
+              [e.withVisibleLegend]: !o,
+              [e.withDescription]: !!s
+            }),
+            children: [
+              /* @__PURE__ */ r(
+                h,
+                {
+                  as: "legend",
+                  isRequired: m,
+                  isVisuallyHidden: o,
+                  children: n
+                }
+              ),
+              /* @__PURE__ */ r(D, { children: s })
+            ]
+          }
+        ),
+        d,
+        /* @__PURE__ */ r(
+          F,
+          {
+            id: t,
+            className: e.errorMessage,
+            "aria-live": "polite",
+            role: "alert",
+            children: i
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  y as Fieldset
+};
+//# sourceMappingURL=Fieldset.js.map

package/dist/components/Common/Fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sources":["../../../../src/components/Common/Fieldset/Fieldset.tsx"],"sourcesContent":["import { useId } from 'react'\nimport classNames from 'classnames'\nimport { FieldDescription } from '../FieldDescription'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldCaption } from '../FieldCaption'\nimport type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'\nimport styles from './Fieldset.module.scss'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport interface FieldsetProps\n  extends Omit<SharedFieldLayoutProps, 'label' | 'shouldVisuallyHideLabel'> {\n  children: React.ReactNode\n  description?: React.ReactNode\n  errorMessage?: string\n  isRequired?: boolean\n  legend: React.ReactNode\n  shouldVisuallyHideLegend?: boolean\n  className?: string\n}\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n  children,\n  description,\n  errorMessage,\n  isRequired = false,\n  legend,\n  shouldVisuallyHideLegend = false,\n  className,\n  ...props\n}: FieldsetProps) => {\n  const generatedErrorMessageId = useId()\n  const errorMessageId = `error-message-${generatedErrorMessageId}`\n\n  return (\n    <fieldset\n      className={classNames(styles.root, className)}\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      {...getDataProps(props)}\n    >\n      <div\n        className={classNames(styles.legendAndDescription, {\n          [styles.withVisibleLegend as string]: !shouldVisuallyHideLegend,\n          [styles.withDescription as string]: Boolean(description),\n        })}\n      >\n        <FieldCaption\n          as=\"legend\"\n          isRequired={isRequired}\n          isVisuallyHidden={shouldVisuallyHideLegend}\n        >\n          {legend}\n        </FieldCaption>\n        <FieldDescription>{description}</FieldDescription>\n      </div>\n      {children}\n      <FieldErrorMessage\n        id={errorMessageId}\n        className={styles.errorMessage}\n        aria-live=\"polite\"\n        role=\"alert\"\n      >\n        {errorMessage}\n      </FieldErrorMessage>\n    </fieldset>\n  )\n}\n"],"names":["Fieldset","children","description","errorMessage","isRequired","legend","shouldVisuallyHideLegend","className","props","errorMessageId","useId","jsxs","classNames","styles","getDataProps","jsx","FieldCaption","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;;AAoBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AAEb,QAAAC,IAAiB,iBADSC,EAAM,CACyB;AAG7D,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,MAAMN,CAAS;AAAA,MAC5C,oBAAkBJ,IAAeM,IAAiB;AAAA,MACjD,GAAGK,EAAaN,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAWC,EAAO,sBAAsB;AAAA,cACjD,CAACA,EAAO,iBAA2B,GAAG,CAACP;AAAA,cACvC,CAACO,EAAO,eAAyB,GAAG,EAAQX;AAAA,YAAW,CACxD;AAAA,YAED,UAAA;AAAA,cAAA,gBAAAa;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,YAAAZ;AAAA,kBACA,kBAAkBE;AAAA,kBAEjB,UAAAD;AAAA,gBAAA;AAAA,cACH;AAAA,cACA,gBAAAU,EAACE,KAAkB,UAAYf,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,QACCD;AAAA,QACD,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAIT;AAAA,YACJ,WAAWI,EAAO;AAAA,YAClB,aAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Common/Fieldset/Fieldset.module.scss.js

@@ -0,0 +1,16 @@
+const e = "_root_15bax_1", i = "_legendAndDescription_15bax_10", s = "_withVisibleLegend_15bax_14", t = "_withDescription_15bax_17", o = "_errorMessage_15bax_21", n = {
+  root: e,
+  legendAndDescription: i,
+  withVisibleLegend: s,
+  withDescription: t,
+  errorMessage: o
+};
+export {
+  n as default,
+  o as errorMessage,
+  i as legendAndDescription,
+  e as root,
+  t as withDescription,
+  s as withVisibleLegend
+};
+//# sourceMappingURL=Fieldset.module.scss.js.map

package/dist/components/Common/Fieldset/Fieldset.module.scss.js.map

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

package/dist/components/Common/Fieldset/index.d.ts

@@ -0,0 +1 @@
+export { Fieldset, type FieldsetProps } from './Fieldset';

package/dist/components/Common/Flex/Flex.d.ts

@@ -0,0 +1,14 @@
+import { Responsive, ResponsiveSpacing } from '../../../helpers/responsive';
+export interface FlexProps {
+    children: React.ReactNode;
+    flexDirection?: Responsive<'row' | 'column'>;
+    justifyContent?: Responsive<'space-between' | 'center' | 'flex-start' | 'flex-end' | 'space-around' | 'space-evenly' | 'normal'>;
+    alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>;
+    gap?: ResponsiveSpacing;
+}
+export declare function Flex({ children, flexDirection, justifyContent, alignItems, gap, }: FlexProps): import("react/jsx-runtime").JSX.Element;
+export interface FlexItemProps {
+    flexGrow?: number | 'initial';
+    children: React.ReactNode;
+}
+export declare function FlexItem({ flexGrow, children }: FlexItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/Flex/Flex.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "./Flex.module.scss.js";
+import { setResponsiveCustomProperties as a, transformResponsiveSpacingValue as m } from "../../../helpers/responsive.js";
+function x({
+  children: r,
+  flexDirection: o = "row",
+  justifyContent: s = "normal",
+  alignItems: i = "flex-start",
+  gap: n = 24
+}) {
+  const l = a({
+    "flex-direction": o,
+    "justify-content": s,
+    "align-items": i,
+    gap: m(n)
+  });
+  return /* @__PURE__ */ e("div", { className: t.flexContainer, children: /* @__PURE__ */ e("div", { className: t.flex, style: l, children: r }) });
+}
+export {
+  x as Flex
+};
+//# sourceMappingURL=Flex.js.map

package/dist/components/Common/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sources":["../../../../src/components/Common/Flex/Flex.tsx"],"sourcesContent":["import style from './Flex.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  transformResponsiveSpacingValue,\n  type Responsive,\n  type ResponsiveSpacing,\n} from '@/helpers/responsive'\n\nexport interface FlexProps {\n  children: React.ReactNode\n  flexDirection?: Responsive<'row' | 'column'>\n  justifyContent?: Responsive<\n    | 'space-between'\n    | 'center'\n    | 'flex-start'\n    | 'flex-end'\n    | 'space-around'\n    | 'space-evenly'\n    | 'normal'\n  >\n  alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>\n  gap?: ResponsiveSpacing\n}\n\nexport function Flex({\n  children,\n  flexDirection = 'row',\n  justifyContent = 'normal',\n  alignItems = 'flex-start',\n  gap = 24,\n}: FlexProps) {\n  const properties = setResponsiveCustomProperties({\n    'flex-direction': flexDirection,\n    'justify-content': justifyContent,\n    'align-items': alignItems,\n    gap: transformResponsiveSpacingValue(gap),\n  })\n\n  return (\n    <div className={style.flexContainer}>\n      <div className={style.flex} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport interface FlexItemProps {\n  flexGrow?: number | 'initial'\n  children: React.ReactNode\n}\n\nexport function FlexItem({ flexGrow = 'initial', children }: FlexItemProps) {\n  return <div style={{ flexGrow: flexGrow }}>{children}</div>\n}\n"],"names":["Flex","children","flexDirection","justifyContent","alignItems","gap","properties","setResponsiveCustomProperties","transformResponsiveSpacingValue","jsx","style"],"mappings":";;;AAwBO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,KAAAC,IAAM;AACR,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,kBAAkBL;AAAA,IAClB,mBAAmBC;AAAA,IACnB,eAAeC;AAAA,IACf,KAAKI,EAAgCH,CAAG;AAAA,EAAA,CACzC;AAED,SACG,gBAAAI,EAAA,OAAA,EAAI,WAAWC,EAAM,eACpB,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAM,MAAM,OAAOJ,GAChC,UAAAL,EACH,CAAA,GACF;AAEJ;"}

package/dist/components/Common/Flex/Flex.module.scss.js

@@ -0,0 +1,10 @@
+const e = "_flexContainer_1j0dg_1", n = "_flex_1j0dg_1", t = {
+  flexContainer: e,
+  flex: n
+};
+export {
+  t as default,
+  n as flex,
+  e as flexContainer
+};
+//# sourceMappingURL=Flex.module.scss.js.map

package/dist/components/Common/Flex/Flex.module.scss.js.map

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

package/dist/components/Common/Flex/index.d.ts

@@ -0,0 +1 @@
+export { Flex } from './Flex';

package/dist/components/Common/Form/Form.d.ts

@@ -0,0 +1,2 @@
+export type FormProps = React.FormHTMLAttributes<HTMLFormElement>;
+export declare const Form: ({ children, className, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/Form/Form.js

@@ -0,0 +1,8 @@
+import { jsx as s } from "react/jsx-runtime";
+import t from "classnames";
+import e from "./Form.module.scss.js";
+const c = ({ children: r, className: m, ...o }) => /* @__PURE__ */ s("form", { className: t(e.form, m), ...o, children: r });
+export {
+  c as Form
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/Common/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Common/Form/Form.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport styles from './Form.module.scss'\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement>\n\nexport const Form = ({ children, className, ...props }: FormProps) => {\n  return (\n    <form className={classNames(styles.form, className)} {...props}>\n      {children}\n    </form>\n  )\n}\n"],"names":["Form","children","className","props","jsx","classNames","styles"],"mappings":";;;AAKO,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAE3C,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAWC,EAAO,MAAMJ,CAAS,GAAI,GAAGC,GACtD,UAAAF,EACH,CAAA;"}

package/dist/components/Common/Form/Form.module.scss.js

@@ -0,0 +1,8 @@
+const o = "_form_1rngm_1", r = {
+  form: o
+};
+export {
+  r as default,
+  o as form
+};
+//# sourceMappingURL=Form.module.scss.js.map

package/dist/components/Common/Form/Form.module.scss.js.map

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

package/dist/components/Common/Form/index.d.ts

@@ -0,0 +1,2 @@
+export { Form } from './Form';
+export type { FormProps } from './Form';

package/dist/components/Common/Grid/Grid.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { CustomPropertyValue, Responsive, ResponsiveSpacing } from '../../../helpers/responsive';
+type Flow = 'row' | 'column' | 'row dense' | 'column dense';
+type Alignment = 'start' | 'end' | 'center' | 'stretch';
+export interface GridProps {
+    children: ReactNode;
+    gap?: ResponsiveSpacing;
+    gridTemplateColumns?: Responsive<CustomPropertyValue | CustomPropertyValue[]>;
+    gridTemplateRows?: Responsive<CustomPropertyValue | CustomPropertyValue[]>;
+    gridTemplateAreas?: Responsive<string>;
+    gridAutoFlow?: Responsive<Flow>;
+    alignItems?: Responsive<Alignment>;
+    justifyItems?: Responsive<Alignment>;
+    justifyContent?: Responsive<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>;
+    className?: string;
+}
+export declare function Grid({ children, gap, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridAutoFlow, alignItems, justifyItems, justifyContent, className, }: GridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/Grid/Grid.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import c from "classnames";
+import r from "./Grid.module.scss.js";
+import { setResponsiveCustomProperties as g, transformResponsiveSpacingValue as u } from "../../../helpers/responsive.js";
+function w({
+  children: t,
+  gap: s = 24,
+  gridTemplateColumns: i = ["1fr"],
+  gridTemplateRows: o,
+  gridTemplateAreas: m,
+  gridAutoFlow: a,
+  alignItems: n,
+  justifyItems: p,
+  justifyContent: l,
+  className: d
+}) {
+  const f = g({
+    gap: u(s),
+    "grid-template-columns": i,
+    "grid-template-rows": o,
+    "grid-template-areas": m,
+    "grid-auto-flow": a,
+    "align-items": n,
+    "justify-items": p,
+    "justify-content": l
+  });
+  return /* @__PURE__ */ e("div", { className: c(r.gridContainer, d), children: /* @__PURE__ */ e("div", { className: r.grid, style: f, children: t }) });
+}
+export {
+  w as Grid
+};
+//# sourceMappingURL=Grid.js.map

package/dist/components/Common/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Common/Grid/Grid.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport cn from 'classnames'\nimport styles from './Grid.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  transformResponsiveSpacingValue,\n  type CustomPropertyValue,\n  type Responsive,\n  type ResponsiveSpacing,\n} from '@/helpers/responsive'\n\ntype Flow = 'row' | 'column' | 'row dense' | 'column dense'\ntype Alignment = 'start' | 'end' | 'center' | 'stretch'\n\nexport interface GridProps {\n  children: ReactNode\n  gap?: ResponsiveSpacing\n  gridTemplateColumns?: Responsive<CustomPropertyValue | CustomPropertyValue[]>\n  gridTemplateRows?: Responsive<CustomPropertyValue | CustomPropertyValue[]>\n  gridTemplateAreas?: Responsive<string>\n  gridAutoFlow?: Responsive<Flow>\n  alignItems?: Responsive<Alignment>\n  justifyItems?: Responsive<Alignment>\n  justifyContent?: Responsive<\n    'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'\n  >\n  className?: string\n}\n\nexport function Grid({\n  children,\n  gap = 24,\n  gridTemplateColumns = ['1fr'],\n  gridTemplateRows,\n  gridTemplateAreas,\n  gridAutoFlow,\n  alignItems,\n  justifyItems,\n  justifyContent,\n  className,\n}: GridProps) {\n  const properties = setResponsiveCustomProperties({\n    gap: transformResponsiveSpacingValue(gap),\n    'grid-template-columns': gridTemplateColumns,\n    'grid-template-rows': gridTemplateRows,\n    'grid-template-areas': gridTemplateAreas,\n    'grid-auto-flow': gridAutoFlow,\n    'align-items': alignItems,\n    'justify-items': justifyItems,\n    'justify-content': justifyContent,\n  })\n\n  return (\n    <div className={cn(styles.gridContainer, className)}>\n      <div className={styles.grid} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Grid","children","gap","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","gridAutoFlow","alignItems","justifyItems","justifyContent","className","properties","setResponsiveCustomProperties","transformResponsiveSpacingValue","cn","styles","jsx"],"mappings":";;;;AA6BO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,qBAAAC,IAAsB,CAAC,KAAK;AAAA,EAC5B,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,KAAKC,EAAgCX,CAAG;AAAA,IACxC,yBAAyBC;AAAA,IACzB,sBAAsBC;AAAA,IACtB,uBAAuBC;AAAA,IACvB,kBAAkBC;AAAA,IAClB,eAAeC;AAAA,IACf,iBAAiBC;AAAA,IACjB,mBAAmBC;AAAA,EAAA,CACpB;AAED,2BACG,OAAI,EAAA,WAAWK,EAAGC,EAAO,eAAeL,CAAS,GAChD,UAAC,gBAAAM,EAAA,OAAA,EAAI,WAAWD,EAAO,MAAM,OAAOJ,GACjC,UAAAV,EACH,CAAA,GACF;AAEJ;"}

package/dist/components/Common/Grid/Grid.module.scss.js

@@ -0,0 +1,10 @@
+const r = "_gridContainer_16a96_1", i = "_grid_16a96_1", n = {
+  gridContainer: r,
+  grid: i
+};
+export {
+  n as default,
+  i as grid,
+  r as gridContainer
+};
+//# sourceMappingURL=Grid.module.scss.js.map

package/dist/components/Common/Grid/Grid.module.scss.js.map

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

package/dist/components/Common/HamburgerMenu/HamburgerMenu.d.ts

@@ -0,0 +1,2 @@
+import { HamburgerMenuProps } from './HamburgerMenuTypes';
+export declare function HamburgerMenu({ items, triggerLabel, menuLabel, onClose, isLoading, ...props }: HamburgerMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/HamburgerMenu/HamburgerMenu.js

@@ -0,0 +1,40 @@
+import { jsxs as p, Fragment as c, jsx as o } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import g from "../../../assets/icons/hamburger.svg.js";
+import { useMenu as C } from "../hooks/useMenu.js";
+function H({
+  items: t,
+  triggerLabel: m,
+  menuLabel: s,
+  onClose: a,
+  isLoading: l = !1,
+  ...u
+}) {
+  const { t: e } = b("common"), n = f(), { triggerProps: i, menuProps: r } = C();
+  return /* @__PURE__ */ p(c, { children: [
+    /* @__PURE__ */ o(
+      n.ButtonIcon,
+      {
+        isLoading: l,
+        "aria-label": m || e("labels.openMenu"),
+        ...i,
+        children: /* @__PURE__ */ o(g, {})
+      }
+    ),
+    /* @__PURE__ */ o(
+      n.Menu,
+      {
+        ...r,
+        items: t,
+        "aria-label": s || e("labels.menuLabel"),
+        onClose: a || r.onClose,
+        ...u
+      }
+    )
+  ] });
+}
+export {
+  H as HamburgerMenu
+};
+//# sourceMappingURL=HamburgerMenu.js.map

package/dist/components/Common/HamburgerMenu/HamburgerMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HamburgerMenu.js","sources":["../../../../src/components/Common/HamburgerMenu/HamburgerMenu.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type HamburgerMenuProps } from './HamburgerMenuTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport HamburgerIcon from '@/assets/icons/hamburger.svg?react'\nimport { useMenu } from '@/components/Common/hooks/useMenu'\n\nexport function HamburgerMenu({\n  items,\n  triggerLabel,\n  menuLabel,\n  onClose,\n  isLoading = false,\n  ...props\n}: HamburgerMenuProps) {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const { triggerProps, menuProps } = useMenu()\n\n  return (\n    <>\n      <Components.ButtonIcon\n        isLoading={isLoading}\n        aria-label={triggerLabel || t('labels.openMenu')}\n        {...triggerProps}\n      >\n        <HamburgerIcon />\n      </Components.ButtonIcon>\n      <Components.Menu\n        {...menuProps}\n        items={items}\n        aria-label={menuLabel || t('labels.menuLabel')}\n        onClose={onClose || menuProps.onClose}\n        {...props}\n      />\n    </>\n  )\n}\n"],"names":["HamburgerMenu","items","triggerLabel","menuLabel","onClose","isLoading","props","t","useTranslation","Components","useComponentContext","triggerProps","menuProps","useMenu","jsxs","Fragment","jsx","HamburgerIcon"],"mappings":";;;;;AAMO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAoB,GACjC,EAAE,cAAAC,GAAc,WAAAC,EAAU,IAAIC,EAAQ;AAE5C,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACC,WAAAJ;AAAA,QACA,cAAYH,KAAgBK,EAAE,iBAAiB;AAAA,QAC9C,GAAGI;AAAA,QAEJ,4BAACM,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA,IACjB;AAAA,IACA,gBAAAD;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACE,GAAGG;AAAA,QACJ,OAAAX;AAAA,QACA,cAAYE,KAAaI,EAAE,kBAAkB;AAAA,QAC7C,SAASH,KAAWQ,EAAU;AAAA,QAC7B,GAAGN;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}

package/dist/components/Common/HamburgerMenu/HamburgerMenuTypes.d.ts

@@ -0,0 +1,9 @@
+import { MenuProps } from '../UI/Menu/MenuTypes';
+import { DataAttributes } from '../../../types/Helpers';
+export interface HamburgerMenuProps extends DataAttributes {
+    triggerLabel?: string;
+    menuLabel?: string;
+    items: MenuProps['items'];
+    onClose?: () => void;
+    isLoading?: boolean;
+}

package/dist/components/Common/HamburgerMenu/index.d.ts

@@ -0,0 +1 @@
+export { HamburgerMenu } from './HamburgerMenu';

package/dist/components/Common/HorizontalFieldLayout/HorizontalFieldLayout.d.ts

@@ -0,0 +1,2 @@
+import { HorizontalFieldLayoutProps } from './HorizontalFieldLayoutTypes';
+export declare const HorizontalFieldLayout: React.FC<HorizontalFieldLayoutProps>;

package/dist/components/Common/HorizontalFieldLayout/HorizontalFieldLayout.js

@@ -0,0 +1,45 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import N from "classnames";
+import r from "./HorizontalFieldLayout.module.scss.js";
+import { getDataProps as b } from "../../../helpers/getDataProps.js";
+import { VisuallyHidden as g } from "../VisuallyHidden/VisuallyHidden.js";
+import { FieldDescription as w } from "../FieldDescription/FieldDescription.js";
+import { FieldErrorMessage as x } from "../FieldErrorMessage/FieldErrorMessage.js";
+const M = ({
+  label: m,
+  description: o,
+  descriptionId: a,
+  errorMessage: s,
+  errorMessageId: n,
+  children: c,
+  htmlFor: d,
+  className: p,
+  shouldVisuallyHideLabel: i,
+  ...h
+}) => {
+  const t = /* @__PURE__ */ e("label", { className: r.label, htmlFor: d, children: m }), l = o || s;
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: N(
+        r.root,
+        {
+          [r.withoutVisibleLabel]: i && l,
+          [r.withOnlyChildren]: i && !l
+        },
+        p
+      ),
+      ...b(h),
+      children: [
+        /* @__PURE__ */ e("div", { className: r.children, children: c }),
+        i ? /* @__PURE__ */ e(g, { children: t }) : t,
+        /* @__PURE__ */ e(w, { id: a, className: r.description, children: o }),
+        /* @__PURE__ */ e(x, { id: n, className: r.errorMessage, children: s })
+      ]
+    }
+  );
+};
+export {
+  M as HorizontalFieldLayout
+};
+//# sourceMappingURL=HorizontalFieldLayout.js.map

package/dist/components/Common/HorizontalFieldLayout/HorizontalFieldLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalFieldLayout.js","sources":["../../../../src/components/Common/HorizontalFieldLayout/HorizontalFieldLayout.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldDescription } from '../FieldDescription'\nimport styles from './HorizontalFieldLayout.module.scss'\nimport type { HorizontalFieldLayoutProps } from './HorizontalFieldLayoutTypes'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport const HorizontalFieldLayout: React.FC<HorizontalFieldLayoutProps> = ({\n  label,\n  description,\n  descriptionId,\n  errorMessage,\n  errorMessageId,\n  children,\n  htmlFor,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: HorizontalFieldLayoutProps) => {\n  const labelContent = (\n    <label className={styles.label} htmlFor={htmlFor}>\n      {label}\n    </label>\n  )\n\n  const withDescriptionOrErrorMessage = description || errorMessage\n\n  return (\n    <div\n      className={classNames(\n        styles.root,\n        {\n          [styles.withoutVisibleLabel as string]:\n            shouldVisuallyHideLabel && withDescriptionOrErrorMessage,\n          [styles.withOnlyChildren as string]:\n            shouldVisuallyHideLabel && !withDescriptionOrErrorMessage,\n        },\n        className,\n      )}\n      {...getDataProps(props)}\n    >\n      <div className={styles.children}>{children}</div>\n      {shouldVisuallyHideLabel ? <VisuallyHidden>{labelContent}</VisuallyHidden> : labelContent}\n      <FieldDescription id={descriptionId} className={styles.description}>\n        {description}\n      </FieldDescription>\n      <FieldErrorMessage id={errorMessageId} className={styles.errorMessage}>\n        {errorMessage}\n      </FieldErrorMessage>\n    </div>\n  )\n}\n"],"names":["HorizontalFieldLayout","label","description","descriptionId","errorMessage","errorMessageId","children","htmlFor","className","shouldVisuallyHideLabel","props","labelContent","jsx","styles","withDescriptionOrErrorMessage","jsxs","classNames","getDataProps","VisuallyHidden","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;AAQO,MAAMA,IAA8D,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IACH,gBAAAC,EAAA,SAAA,EAAM,WAAWC,EAAO,OAAO,SAAAN,GAC7B,UACHN,GAAA,GAGIa,IAAgCZ,KAAeE;AAGnD,SAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,mBAA6B,GACnCJ,KAA2BK;AAAA,UAC7B,CAACD,EAAO,gBAA0B,GAChCJ,KAA2B,CAACK;AAAA,QAChC;AAAA,QACAN;AAAA,MACF;AAAA,MACC,GAAGS,EAAaP,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAI,EAAA,WAAWC,EAAO,UAAW,UAAAP,GAAS;AAAA,QAC1CG,IAA0B,gBAAAG,EAACM,GAAgB,EAAA,UAAAP,EAAa,CAAA,IAAoBA;AAAA,0BAC5EQ,GAAiB,EAAA,IAAIhB,GAAe,WAAWU,EAAO,aACpD,UACHX,GAAA;AAAA,0BACCkB,GAAkB,EAAA,IAAIf,GAAgB,WAAWQ,EAAO,cACtD,UACHT,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Common/HorizontalFieldLayout/HorizontalFieldLayout.module.scss.js

@@ -0,0 +1,20 @@
+const i = "_root_1xjii_1", e = "_withoutVisibleLabel_1xjii_9", t = "_withOnlyChildren_1xjii_12", o = "_children_1xjii_18", l = "_label_1xjii_25", s = "_description_1xjii_36", r = "_errorMessage_1xjii_40", _ = {
+  root: i,
+  withoutVisibleLabel: e,
+  withOnlyChildren: t,
+  children: o,
+  label: l,
+  description: s,
+  errorMessage: r
+};
+export {
+  o as children,
+  _ as default,
+  s as description,
+  r as errorMessage,
+  l as label,
+  i as root,
+  t as withOnlyChildren,
+  e as withoutVisibleLabel
+};
+//# sourceMappingURL=HorizontalFieldLayout.module.scss.js.map

package/dist/components/Common/HorizontalFieldLayout/HorizontalFieldLayout.module.scss.js.map

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

package/dist/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes.d.ts

@@ -0,0 +1,3 @@
+import { InternalFieldLayoutProps, SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export type SharedHorizontalFieldLayoutProps = SharedFieldLayoutProps;
+export type HorizontalFieldLayoutProps = SharedHorizontalFieldLayoutProps & InternalFieldLayoutProps;

package/dist/components/Common/HorizontalFieldLayout/index.d.ts

@@ -0,0 +1 @@
+export { HorizontalFieldLayout } from './HorizontalFieldLayout';

package/dist/components/Common/InternalError/InternalError.d.ts

@@ -0,0 +1,2 @@
+import { FallbackProps } from 'react-error-boundary';
+export declare const InternalError: ({ error, resetErrorBoundary }: FallbackProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/InternalError/InternalError.js

@@ -0,0 +1,26 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useTranslation as l, Trans as c } from "react-i18next";
+import s from "./InternalError.module.scss.js";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const g = ({ error: e, resetErrorBoundary: a }) => {
+  const { t: o } = l("common"), n = d(), i = typeof e == "string" ? e : e instanceof Error ? e.message : o("errors.unknownError");
+  return /* @__PURE__ */ t("div", { className: s.internalErrorCard, role: "alert", "data-testid": "internal-error-card", children: [
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ r(n.Heading, { className: s.internalErrorCardTitle, as: "h1", styledAs: "h3", children: o("errors.errorHeading") }),
+      /* @__PURE__ */ r(n.Text, { className: s.errorMessage, children: /* @__PURE__ */ r(
+        c,
+        {
+          t: o,
+          i18nKey: "errors.globalReactError",
+          values: { error: i },
+          shouldUnescape: !0
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(n.Button, { variant: "secondary", onClick: a, children: o("errors.resetGlobalError") }) })
+  ] });
+};
+export {
+  g as InternalError
+};
+//# sourceMappingURL=InternalError.js.map

package/dist/components/Common/InternalError/InternalError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalError.js","sources":["../../../../src/components/Common/InternalError/InternalError.tsx"],"sourcesContent":["import type { FallbackProps } from 'react-error-boundary'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './InternalError.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const InternalError = ({ error, resetErrorBoundary }: FallbackProps) => {\n  //TODO: Need to integrate useQueryErrorResetBoundary from tanstac to reset query cach on \"try again\" - GWS-3926\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const errorMessage =\n    typeof error === 'string'\n      ? error\n      : error instanceof Error\n        ? error.message\n        : t('errors.unknownError')\n\n  return (\n    <div className={styles.internalErrorCard} role=\"alert\" data-testid=\"internal-error-card\">\n      <div>\n        <Components.Heading className={styles.internalErrorCardTitle} as=\"h1\" styledAs=\"h3\">\n          {t('errors.errorHeading')}\n        </Components.Heading>\n        <Components.Text className={styles.errorMessage}>\n          <Trans\n            t={t}\n            i18nKey=\"errors.globalReactError\"\n            values={{ error: errorMessage }}\n            shouldUnescape={true}\n          />\n        </Components.Text>\n      </div>\n      <div>\n        <Components.Button variant=\"secondary\" onClick={resetErrorBoundary}>\n          {t('errors.resetGlobalError')}\n        </Components.Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["InternalError","error","resetErrorBoundary","t","useTranslation","Components","useComponentContext","errorMessage","jsxs","styles","jsx","Trans"],"mappings":";;;;AAKO,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAwC;AAE7E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAoB,GACjCC,IACJ,OAAON,KAAU,WACbA,IACAA,aAAiB,QACfA,EAAM,UACNE,EAAE,qBAAqB;AAG7B,SAAA,gBAAAK,EAAC,SAAI,WAAWC,EAAO,mBAAmB,MAAK,SAAQ,eAAY,uBACjE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAE,EAACL,EAAW,SAAX,EAAmB,WAAWI,EAAO,wBAAwB,IAAG,MAAK,UAAS,MAC5E,UAAEN,EAAA,qBAAqB,EAC1B,CAAA;AAAA,wBACCE,EAAW,MAAX,EAAgB,WAAWI,EAAO,cACjC,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAQ;AAAA,UACR,QAAQ,EAAE,OAAOI,EAAa;AAAA,UAC9B,gBAAgB;AAAA,QAAA;AAAA,MAAA,EAEpB,CAAA;AAAA,IAAA,GACF;AAAA,IACC,gBAAAG,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAL,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAEC,EAAA,yBAAyB,GAC9B,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/InternalError/InternalError.module.scss.js

@@ -0,0 +1,12 @@
+const r = "_internalErrorCardTitle_e6ns3_1", e = "_internalErrorCard_e6ns3_1", n = "_errorMessage_e6ns3_19", a = {
+  internalErrorCardTitle: r,
+  internalErrorCard: e,
+  errorMessage: n
+};
+export {
+  a as default,
+  n as errorMessage,
+  e as internalErrorCard,
+  r as internalErrorCardTitle
+};
+//# sourceMappingURL=InternalError.module.scss.js.map

package/dist/components/Common/InternalError/InternalError.module.scss.js.map

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

package/dist/components/Common/Loading/Loading.d.ts

@@ -0,0 +1 @@
+export declare const Loading: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/Loading/Loading.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import t from "classnames";
+import e from "./Loading.module.scss.js";
+import { FadeIn as a } from "../FadeIn/FadeIn.js";
+const p = () => {
+  const { t: r } = s("common");
+  return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+    "section",
+    {
+      className: e.skeletonContainer,
+      "aria-label": r("status.loading"),
+      "aria-live": "polite",
+      "aria-busy": !0,
+      children: /* @__PURE__ */ o("div", { className: t(e.skeleton, e.skeletonBox) })
+    }
+  ) });
+};
+export {
+  p as Loading
+};
+//# sourceMappingURL=Loading.js.map

package/dist/components/Common/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Common/Loading/Loading.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport styles from './Loading.module.scss'\nimport { FadeIn } from '@/components/Common/FadeIn/FadeIn'\n\nexport const Loading = () => {\n  const { t } = useTranslation('common')\n  return (\n    <FadeIn>\n      <section\n        className={styles.skeletonContainer}\n        aria-label={t('status.loading')}\n        aria-live=\"polite\"\n        aria-busy\n      >\n        <div className={cn(styles.skeleton, styles.skeletonBox)}></div>\n      </section>\n    </FadeIn>\n  )\n}\n"],"names":["Loading","t","useTranslation","FadeIn","jsx","styles","cn"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AACrC,2BACGC,GACC,EAAA,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,cAAYJ,EAAE,gBAAgB;AAAA,MAC9B,aAAU;AAAA,MACV,aAAS;AAAA,MAET,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAGD,EAAO,UAAUA,EAAO,WAAW,EAAG,CAAA;AAAA,IAAA;AAAA,EAAA,GAE7D;AAEJ;"}

package/dist/components/Common/Loading/Loading.module.scss.js

@@ -0,0 +1,12 @@
+const e = "_skeletonContainer_1774j_1", o = "_skeleton_1774j_1", n = "_skeletonBox_1774j_15", t = {
+  skeletonContainer: e,
+  skeleton: o,
+  skeletonBox: n
+};
+export {
+  t as default,
+  o as skeleton,
+  n as skeletonBox,
+  e as skeletonContainer
+};
+//# sourceMappingURL=Loading.module.scss.js.map

package/dist/components/Common/Loading/Loading.module.scss.js.map

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

package/dist/components/Common/PaginationControl/PaginationControl.d.ts

@@ -0,0 +1,2 @@
+import { PaginationControlProps } from './PaginationControlTypes';
+export declare const PaginationControl: (props: PaginationControlProps) => import("react/jsx-runtime").JSX.Element;