@helsenorge/designsystem-react 9.4.0 → 9.4.3

package/components/Duolist/index.d.ts

@@ -1,3 +1,3 @@
-import Duolist from './Duolist';
+import { default as Duolist } from './Duolist';
 export * from './Duolist';
 export default Duolist;

package/components/Duolist/index.js

@@ -1,73 +1,92 @@
-import { jsx as r, Fragment as _, jsxs as h } from "react/jsx-runtime";
-import v from "react";
-import p from "classnames";
-import { AnalyticsId as D } from "../../constants.js";
-import { useBreakpoint as j, Breakpoint as A } from "../../hooks/useBreakpoint.js";
-import { S as G } from "../../Spacer.js";
-import o from "./styles.module.scss";
-const I = (c) => {
-  const { format: d = "formatted", boldColumn: n = d === "non-formatted" ? "none" : "first", description: a, separator: s = ": ", term: l } = c, u = n === "first", f = n === "second", t = d === "non-formatted", C = p(o.duolist__dt, {
-    [o["duolist__dt--bold"]]: u,
-    [o["duolist__dt--non-formatted"]]: t
-  }), b = p(o.duolist__dd, {
-    [o["duolist__dd--bold"]]: f,
-    [o["duolist__dd--non-formatted"]]: t
-  }), e = () => /* @__PURE__ */ h(_, { children: [
-    /* @__PURE__ */ r("dt", { "data-separator": t ? s : void 0, className: C, children: l }),
-    /* @__PURE__ */ r("dd", { className: b, children: a })
-  ] });
-  return t ? /* @__PURE__ */ r("div", { children: e() }) : /* @__PURE__ */ r(_, { children: e() });
-}, $ = (c) => {
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import React from "react";
+import classNames from "classnames";
+import { AnalyticsId } from "../../constants.js";
+import { useBreakpoint, Breakpoint } from "../../hooks/useBreakpoint.js";
+import { S as Spacer } from "../../Spacer.js";
+import duolistStyles from "./styles.module.scss";
+const DuolistGroup = (props) => {
+  const { format = "formatted", boldColumn = format === "non-formatted" ? "none" : "first", description, separator = ": ", term } = props;
+  const firstBold = boldColumn === "first";
+  const secondBold = boldColumn === "second";
+  const nonFormatted = format === "non-formatted";
+  const dtClassNames = classNames(duolistStyles["duolist__dt"], {
+    [duolistStyles["duolist__dt--bold"]]: firstBold,
+    [duolistStyles["duolist__dt--non-formatted"]]: nonFormatted
+  });
+  const ddClassNames = classNames(duolistStyles["duolist__dd"], {
+    [duolistStyles["duolist__dd--bold"]]: secondBold,
+    [duolistStyles["duolist__dd--non-formatted"]]: nonFormatted
+  });
+  const renderContent = () => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("dt", { "data-separator": nonFormatted ? separator : void 0, className: dtClassNames, children: term }),
+      /* @__PURE__ */ jsx("dd", { className: ddClassNames, children: description })
+    ] });
+  };
+  return nonFormatted ? /* @__PURE__ */ jsx("div", { children: renderContent() }) : /* @__PURE__ */ jsx(Fragment, { children: renderContent() });
+};
+const Duolist = (props) => {
   const {
-    boldColumn: d,
-    border: n = "no-border",
-    descriptionWidth: a,
-    label: s,
-    format: l = "formatted",
-    separator: u,
-    variant: f = "normal",
-    children: t,
-    className: C,
-    testId: b,
-    useCollapsedFromAndBelowBreakpoint: e
-  } = c, N = n === "border", y = f === "line", g = N && (s || y), B = l === "non-formatted", k = j(), x = e && k <= A[e], F = p(
+    boldColumn,
+    border = "no-border",
+    descriptionWidth,
+    label,
+    format = "formatted",
+    separator,
+    variant = "normal",
+    children,
+    className,
+    testId,
+    useCollapsedFromAndBelowBreakpoint
+  } = props;
+  const hasBorder = border === "border";
+  const hasLines = variant === "line";
+  const extraPaddingTop = hasBorder && (label || hasLines);
+  const nonFormatted = format === "non-formatted";
+  const breakpoint = useBreakpoint();
+  const useCollapsedMode = useCollapsedFromAndBelowBreakpoint && breakpoint <= Breakpoint[useCollapsedFromAndBelowBreakpoint];
+  const duolistWrapperClasses = classNames(
     {
-      [o["duolist-wrapper--border"]]: N,
-      [o["duolist-wrapper--extra-padding-top"]]: g
+      [duolistStyles["duolist-wrapper--border"]]: hasBorder,
+      [duolistStyles["duolist-wrapper--extra-padding-top"]]: extraPaddingTop
     },
-    C
-  ), S = p(o.duolist, {
-    [o["duolist--line"]]: y,
-    [o["duolist--non-formatted"]]: B,
-    [o["duolist--collapsed"]]: x
-  }), w = a ? a + "%" : "minmax(60%, 1fr)";
-  return /* @__PURE__ */ h("div", { className: F, "data-testid": b, "data-analyticsid": D.Duolist, children: [
-    s && /* @__PURE__ */ h(_, { children: [
-      s,
-      /* @__PURE__ */ r(G, {})
+    className
+  );
+  const duolistClasses = classNames(duolistStyles.duolist, {
+    [duolistStyles["duolist--line"]]: hasLines,
+    [duolistStyles["duolist--non-formatted"]]: nonFormatted,
+    [duolistStyles["duolist--collapsed"]]: useCollapsedMode
+  });
+  const duolistColumnStyle = descriptionWidth ? descriptionWidth + "%" : "minmax(60%, 1fr)";
+  return /* @__PURE__ */ jsxs("div", { className: duolistWrapperClasses, "data-testid": testId, "data-analyticsid": AnalyticsId.Duolist, children: [
+    label && /* @__PURE__ */ jsxs(Fragment, { children: [
+      label,
+      /* @__PURE__ */ jsx(Spacer, {})
     ] }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ jsx(
       "dl",
       {
-        style: B ? void 0 : { gridTemplateColumns: x ? "1fr" : `auto ${w}` },
-        className: S,
-        children: v.Children.map(t, (i) => {
-          if (i === null || typeof i > "u") return;
-          const m = i;
-          if (m.type === I)
-            return v.cloneElement(i, {
-              boldColumn: m.props.boldColumn ?? d,
-              format: m.props.format ?? l,
-              separator: m.props.separator ?? u
+        style: !nonFormatted ? { gridTemplateColumns: useCollapsedMode ? `1fr` : `auto ${duolistColumnStyle}` } : void 0,
+        className: duolistClasses,
+        children: React.Children.map(children, (child) => {
+          if (child === null || typeof child === "undefined") return;
+          const duolistGroup = child;
+          if (duolistGroup.type === DuolistGroup) {
+            return React.cloneElement(child, {
+              boldColumn: duolistGroup.props.boldColumn ?? boldColumn,
+              format: duolistGroup.props.format ?? format,
+              separator: duolistGroup.props.separator ?? separator
             });
+          }
         })
       }
     )
   ] });
 };
 export {
-  $ as Duolist,
-  I as DuolistGroup,
-  $ as default
+  Duolist,
+  DuolistGroup,
+  Duolist as default
 };
 //# sourceMappingURL=index.js.map

package/components/Duolist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Duolist/Duolist.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport Spacer from '../Spacer';\nimport { TitleProps } from '../Title';\n\nimport duolistStyles from './styles.module.scss';\n\nexport type DuolistVariants = 'normal' | 'line';\nexport type BoldColumn = 'first' | 'second' | 'none';\nexport type Border = 'no-border' | 'border';\nexport type Formats = 'formatted' | 'non-formatted';\n\nexport interface DuolistProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Label of the Duolist */\n  border?: Border;\n  /** Label of the Duolist */\n  label?: React.ReactElement<TitleProps>;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets the visual variant of the Duolist. */\n  variant?: DuolistVariants;\n  /** Sets the content of the Duolist. */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Width of the description column in percentage */\n  descriptionWidth?: number;\n  /** Use collapsed mode on columns from chosen breakpoint and below. */\n  useCollapsedFromAndBelowBreakpoint?: keyof typeof Breakpoint;\n}\n\nexport interface DuolistGroupProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Sets content of the <dd> tag. */\n  description: React.ReactNode;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets content of the <dt> tag. */\n  term: React.ReactNode;\n}\n\nexport const DuolistGroup: React.FC<DuolistGroupProps> = props => {\n  const { format = 'formatted', boldColumn = format === 'non-formatted' ? 'none' : 'first', description, separator = ': ', term } = props;\n\n  const firstBold = boldColumn === 'first';\n  const secondBold = boldColumn === 'second';\n  const nonFormatted = format === 'non-formatted';\n\n  const dtClassNames = classNames(duolistStyles['duolist__dt'], {\n    [duolistStyles['duolist__dt--bold']]: firstBold,\n    [duolistStyles['duolist__dt--non-formatted']]: nonFormatted,\n  });\n  const ddClassNames = classNames(duolistStyles['duolist__dd'], {\n    [duolistStyles['duolist__dd--bold']]: secondBold,\n    [duolistStyles['duolist__dd--non-formatted']]: nonFormatted,\n  });\n\n  const renderContent = () => {\n    return (\n      <>\n        <dt data-separator={nonFormatted ? separator : undefined} className={dtClassNames}>\n          {term}\n        </dt>\n        <dd className={ddClassNames}>{description}</dd>\n      </>\n    );\n  };\n\n  return nonFormatted ? <div>{renderContent()}</div> : <>{renderContent()}</>;\n};\n\nexport const Duolist: React.FC<DuolistProps> = props => {\n  const {\n    boldColumn,\n    border = 'no-border',\n    descriptionWidth,\n    label,\n    format = 'formatted',\n    separator,\n    variant = 'normal',\n    children,\n    className,\n    testId,\n    useCollapsedFromAndBelowBreakpoint,\n  } = props;\n\n  const hasBorder = border === 'border';\n  const hasLines = variant === 'line';\n  const extraPaddingTop = hasBorder && (label || hasLines);\n  const nonFormatted = format === 'non-formatted';\n  const breakpoint = useBreakpoint();\n  const useCollapsedMode = useCollapsedFromAndBelowBreakpoint && breakpoint <= Breakpoint[useCollapsedFromAndBelowBreakpoint];\n\n  const duolistWrapperClasses = classNames(\n    {\n      [duolistStyles['duolist-wrapper--border']]: hasBorder,\n      [duolistStyles['duolist-wrapper--extra-padding-top']]: extraPaddingTop,\n    },\n    className\n  );\n\n  const duolistClasses = classNames(duolistStyles.duolist, {\n    [duolistStyles['duolist--line']]: hasLines,\n    [duolistStyles['duolist--non-formatted']]: nonFormatted,\n    [duolistStyles['duolist--collapsed']]: useCollapsedMode,\n  });\n\n  const duolistColumnStyle = descriptionWidth ? descriptionWidth + '%' : 'minmax(60%, 1fr)';\n\n  return (\n    <div className={duolistWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.Duolist}>\n      {label && (\n        <>\n          {label}\n          <Spacer />\n        </>\n      )}\n      <dl\n        style={!nonFormatted ? { gridTemplateColumns: useCollapsedMode ? `1fr` : `auto ${duolistColumnStyle}` } : undefined}\n        className={duolistClasses}\n      >\n        {React.Children.map(children, (child: React.ReactNode | React.ReactElement<DuolistGroupProps>) => {\n          if (child === null || typeof child === 'undefined') return;\n          const duolistGroup = child as React.ReactElement<DuolistGroupProps>;\n          if (duolistGroup.type === DuolistGroup) {\n            return React.cloneElement(child as React.ReactElement<DuolistGroupProps>, {\n              boldColumn: duolistGroup.props.boldColumn ?? boldColumn,\n              format: duolistGroup.props.format ?? format,\n              separator: duolistGroup.props.separator ?? separator,\n            });\n          }\n        })}\n      </dl>\n    </div>\n  );\n};\n\nexport default Duolist;\n"],"names":["DuolistGroup","props","format","boldColumn","description","separator","term","firstBold","secondBold","nonFormatted","dtClassNames","classNames","duolistStyles","ddClassNames","renderContent","jsxs","Fragment","jsx","Duolist","border","descriptionWidth","label","variant","children","className","testId","useCollapsedFromAndBelowBreakpoint","hasBorder","hasLines","extraPaddingTop","breakpoint","useBreakpoint","useCollapsedMode","Breakpoint","duolistWrapperClasses","duolistClasses","duolistColumnStyle","AnalyticsId","Spacer","React","child","duolistGroup"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Duolist/Duolist.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport Spacer from '../Spacer';\nimport { TitleProps } from '../Title';\n\nimport duolistStyles from './styles.module.scss';\n\nexport type DuolistVariants = 'normal' | 'line';\nexport type BoldColumn = 'first' | 'second' | 'none';\nexport type Border = 'no-border' | 'border';\nexport type Formats = 'formatted' | 'non-formatted';\n\nexport interface DuolistProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Label of the Duolist */\n  border?: Border;\n  /** Label of the Duolist */\n  label?: React.ReactElement<TitleProps>;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets the visual variant of the Duolist. */\n  variant?: DuolistVariants;\n  /** Sets the content of the Duolist. */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Width of the description column in percentage */\n  descriptionWidth?: number;\n  /** Use collapsed mode on columns from chosen breakpoint and below. */\n  useCollapsedFromAndBelowBreakpoint?: keyof typeof Breakpoint;\n}\n\nexport interface DuolistGroupProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Sets content of the <dd> tag. */\n  description: React.ReactNode;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets content of the <dt> tag. */\n  term: React.ReactNode;\n}\n\nexport const DuolistGroup: React.FC<DuolistGroupProps> = props => {\n  const { format = 'formatted', boldColumn = format === 'non-formatted' ? 'none' : 'first', description, separator = ': ', term } = props;\n\n  const firstBold = boldColumn === 'first';\n  const secondBold = boldColumn === 'second';\n  const nonFormatted = format === 'non-formatted';\n\n  const dtClassNames = classNames(duolistStyles['duolist__dt'], {\n    [duolistStyles['duolist__dt--bold']]: firstBold,\n    [duolistStyles['duolist__dt--non-formatted']]: nonFormatted,\n  });\n  const ddClassNames = classNames(duolistStyles['duolist__dd'], {\n    [duolistStyles['duolist__dd--bold']]: secondBold,\n    [duolistStyles['duolist__dd--non-formatted']]: nonFormatted,\n  });\n\n  const renderContent = () => {\n    return (\n      <>\n        <dt data-separator={nonFormatted ? separator : undefined} className={dtClassNames}>\n          {term}\n        </dt>\n        <dd className={ddClassNames}>{description}</dd>\n      </>\n    );\n  };\n\n  return nonFormatted ? <div>{renderContent()}</div> : <>{renderContent()}</>;\n};\n\nexport const Duolist: React.FC<DuolistProps> = props => {\n  const {\n    boldColumn,\n    border = 'no-border',\n    descriptionWidth,\n    label,\n    format = 'formatted',\n    separator,\n    variant = 'normal',\n    children,\n    className,\n    testId,\n    useCollapsedFromAndBelowBreakpoint,\n  } = props;\n\n  const hasBorder = border === 'border';\n  const hasLines = variant === 'line';\n  const extraPaddingTop = hasBorder && (label || hasLines);\n  const nonFormatted = format === 'non-formatted';\n  const breakpoint = useBreakpoint();\n  const useCollapsedMode = useCollapsedFromAndBelowBreakpoint && breakpoint <= Breakpoint[useCollapsedFromAndBelowBreakpoint];\n\n  const duolistWrapperClasses = classNames(\n    {\n      [duolistStyles['duolist-wrapper--border']]: hasBorder,\n      [duolistStyles['duolist-wrapper--extra-padding-top']]: extraPaddingTop,\n    },\n    className\n  );\n\n  const duolistClasses = classNames(duolistStyles.duolist, {\n    [duolistStyles['duolist--line']]: hasLines,\n    [duolistStyles['duolist--non-formatted']]: nonFormatted,\n    [duolistStyles['duolist--collapsed']]: useCollapsedMode,\n  });\n\n  const duolistColumnStyle = descriptionWidth ? descriptionWidth + '%' : 'minmax(60%, 1fr)';\n\n  return (\n    <div className={duolistWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.Duolist}>\n      {label && (\n        <>\n          {label}\n          <Spacer />\n        </>\n      )}\n      <dl\n        style={!nonFormatted ? { gridTemplateColumns: useCollapsedMode ? `1fr` : `auto ${duolistColumnStyle}` } : undefined}\n        className={duolistClasses}\n      >\n        {React.Children.map(children, (child: React.ReactNode | React.ReactElement<DuolistGroupProps>) => {\n          if (child === null || typeof child === 'undefined') return;\n          const duolistGroup = child as React.ReactElement<DuolistGroupProps>;\n          if (duolistGroup.type === DuolistGroup) {\n            return React.cloneElement(child as React.ReactElement<DuolistGroupProps>, {\n              boldColumn: duolistGroup.props.boldColumn ?? boldColumn,\n              format: duolistGroup.props.format ?? format,\n              separator: duolistGroup.props.separator ?? separator,\n            });\n          }\n        })}\n      </dl>\n    </div>\n  );\n};\n\nexport default Duolist;\n"],"names":[],"mappings":";;;;;;;AAsDO,MAAM,eAA4C,CAAS,UAAA;AAChE,QAAM,EAAE,SAAS,aAAa,aAAa,WAAW,kBAAkB,SAAS,SAAS,aAAa,YAAY,MAAM,KAAS,IAAA;AAElI,QAAM,YAAY,eAAe;AACjC,QAAM,aAAa,eAAe;AAClC,QAAM,eAAe,WAAW;AAEhC,QAAM,eAAe,WAAW,cAAc,aAAa,GAAG;AAAA,IAC5D,CAAC,cAAc,mBAAmB,CAAC,GAAG;AAAA,IACtC,CAAC,cAAc,4BAA4B,CAAC,GAAG;AAAA,EAAA,CAChD;AACD,QAAM,eAAe,WAAW,cAAc,aAAa,GAAG;AAAA,IAC5D,CAAC,cAAc,mBAAmB,CAAC,GAAG;AAAA,IACtC,CAAC,cAAc,4BAA4B,CAAC,GAAG;AAAA,EAAA,CAChD;AAED,QAAM,gBAAgB,MAAM;AAC1B,WAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,MAAA,oBAAC,QAAG,kBAAgB,eAAe,YAAY,QAAW,WAAW,cAClE,UACH,KAAA,CAAA;AAAA,MACC,oBAAA,MAAA,EAAG,WAAW,cAAe,UAAY,YAAA,CAAA;AAAA,IAAA,GAC5C;AAAA,EAEJ;AAEO,SAAA,mCAAgB,OAAK,EAAA,UAAA,cAAA,GAAgB,IAAS,oBAAA,UAAA,EAAG,wBAAgB,EAAA,CAAA;AAC1E;AAEO,MAAM,UAAkC,CAAS,UAAA;AAChD,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,WAAW;AAC7B,QAAM,WAAW,YAAY;AACvB,QAAA,kBAAkB,cAAc,SAAS;AAC/C,QAAM,eAAe,WAAW;AAChC,QAAM,aAAa,cAAc;AACjC,QAAM,mBAAmB,sCAAsC,cAAc,WAAW,kCAAkC;AAE1H,QAAM,wBAAwB;AAAA,IAC5B;AAAA,MACE,CAAC,cAAc,yBAAyB,CAAC,GAAG;AAAA,MAC5C,CAAC,cAAc,oCAAoC,CAAC,GAAG;AAAA,IACzD;AAAA,IACA;AAAA,EACF;AAEM,QAAA,iBAAiB,WAAW,cAAc,SAAS;AAAA,IACvD,CAAC,cAAc,eAAe,CAAC,GAAG;AAAA,IAClC,CAAC,cAAc,wBAAwB,CAAC,GAAG;AAAA,IAC3C,CAAC,cAAc,oBAAoB,CAAC,GAAG;AAAA,EAAA,CACxC;AAEK,QAAA,qBAAqB,mBAAmB,mBAAmB,MAAM;AAGrE,SAAA,qBAAC,SAAI,WAAW,uBAAuB,eAAa,QAAQ,oBAAkB,YAAY,SACvF,UAAA;AAAA,IAAA,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,MAAA;AAAA,0BACA,QAAO,CAAA,CAAA;AAAA,IAAA,GACV;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,eAAe,EAAE,qBAAqB,mBAAmB,QAAQ,QAAQ,kBAAkB,GAAA,IAAO;AAAA,QAC1G,WAAW;AAAA,QAEV,UAAM,MAAA,SAAS,IAAI,UAAU,CAAC,UAAmE;AAChG,cAAI,UAAU,QAAQ,OAAO,UAAU,YAAa;AACpD,gBAAM,eAAe;AACjB,cAAA,aAAa,SAAS,cAAc;AAC/B,mBAAA,MAAM,aAAa,OAAgD;AAAA,cACxE,YAAY,aAAa,MAAM,cAAc;AAAA,cAC7C,QAAQ,aAAa,MAAM,UAAU;AAAA,cACrC,WAAW,aAAa,MAAM,aAAa;AAAA,YAAA,CAC5C;AAAA,UAAA;AAAA,QAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/components/EmptyState/EmptyState.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TitleTags } from '../Title';
 export interface EmptyStateProps {
     /** Text content */

package/components/EmptyState/index.d.ts

@@ -1,3 +1,3 @@
-import EmptyState from './EmptyState';
+import { default as EmptyState } from './EmptyState';
 export * from './EmptyState';
 export default EmptyState;

package/components/EmptyState/index.js

@@ -1,8 +1,8 @@
-import { jsxs as t, jsx as C } from "react/jsx-runtime";
-import l from "./styles.module.scss";
-import { AnalyticsId as i } from "../../constants.js";
-import { T as a } from "../../Title.js";
-const e = () => /* @__PURE__ */ t(
+import { jsxs, jsx } from "react/jsx-runtime";
+import styles from "./styles.module.scss";
+import { AnalyticsId } from "../../constants.js";
+import { T as Title } from "../../Title.js";
+const NobodyHome = () => /* @__PURE__ */ jsxs(
   "svg",
   {
     width: "151",
@@ -13,107 +13,107 @@ const e = () => /* @__PURE__ */ t(
     "aria-hidden": "true",
     role: "presentation",
     focusable: "false",
-    className: l.emptystate__illustration,
+    className: styles.emptystate__illustration,
     children: [
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M10.8866 63.9376C8.90188 65.4757 6.50372 68.9613 5.55273 70.5119C6.73114 70.2844 9.94383 69.7304 13.3674 69.3335C17.6469 68.8373 22.4225 68.9613 28.0044 68.7132C33.5863 68.4652 40.0365 68.5272 44.8741 68.7132C48.7442 68.8621 53.8879 70.2638 55.9759 70.946C55.4384 69.995 54.1277 67.7829 53.185 66.5425C52.0066 64.992 50.332 63.9376 49.2776 62.5732C51.3863 62.015 51.0762 61.1467 51.2623 60.0303C51.4112 59.1372 50.5387 58.5004 50.0839 58.2937C50.2906 58.273 50.9646 58.3061 52.0066 58.6038C53.0485 57.2641 53.2263 53.6214 53.185 51.9675C52.1513 51.43 49.5009 50.2434 47.1689 49.7968C44.2539 49.2386 41.0908 50.5411 39.1682 52.5257C37.6301 54.1135 38.5273 55.5027 39.1682 55.9989C39.8297 56.4331 40.9296 57.2641 40.0365 57.1153C38.9201 56.9292 32.2218 56.8052 24.035 57.3014C15.8482 57.7975 11.5068 59.3481 10.8866 59.5961C10.2663 59.8442 10.0803 60.8366 10.0803 61.5808C10.0803 62.3251 11.6308 62.6972 10.8866 63.9376Z",
           fill: "white"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M62.5501 32.4929L60.9996 33.9194L62.9223 38.3229V41.9821L61.6198 44.9592L60.9996 49.7968L61.6198 56.6191L64.2247 64.6819L68.8763 72.1864L71.3571 65.5502L73.838 54.9446L73.4659 45.3313C72.949 43.636 71.506 39.5013 69.8686 36.5243C68.2313 33.5473 64.3074 32.5963 62.5501 32.4929Z",
           fill: "white"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M54.4874 27.2831L45.6804 24.4922C45.5357 25.3191 45.2214 27.0351 45.1222 27.2831C45.023 27.5312 43.6337 30.8597 42.9515 32.4929L45.4943 35.2218L51.6964 37.9508H54.4874L60.5034 34.2295L54.4874 27.2831Z",
           fill: "white"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M81.4666 87.0095L79.854 84.6527L83.7614 75.3495L86.6143 64.992L97.9022 74.4192L100.569 84.6527L93.3746 94.2039L90.3976 101.274L87.6067 98.9795L85.622 96.1266L84.9398 93.7077L83.3892 91.1649L81.4666 87.0095Z",
           fill: "white"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M86.2422 98.9795L85.622 96.6227C85.0018 96.7054 83.4016 96.8956 81.9628 96.9949C80.5363 95.8785 79.1718 96.1266 78.4896 96.1266C77.8073 96.1266 75.4505 97.1189 75.0164 98.4834C74.6691 99.5749 75.6573 101.006 76.1948 101.584L79.1718 102.701L86.2422 102.391V98.9795Z",
           fill: "white"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M82.4589 105.802H85.1879L85.622 111.818H80.4122C79.3579 111.818 75.0164 111.136 73.962 109.957C72.9077 108.779 73.3418 107.228 73.776 105.802C74.2101 104.375 76.691 104.189 78.1795 104.127C79.3703 104.078 81.5286 105.223 82.4589 105.802Z",
           fill: "white"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M68.1941 99.3517L72.5355 103.011L70.861 106.732L69.3104 109.213L66.8296 111.012L63.1083 111.818L59.3871 111.508L57.0923 110.329L55.9759 108.035L56.4101 105.306L58.5808 103.011L62.4261 102.391L64.2247 100.902L64.9069 98.9795L68.1941 99.3517Z",
           fill: "white"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M129.285 68.3411C132.957 68.49 135.611 69.7262 136.479 70.3258L138.03 66.2944C138.319 65.7156 138.551 64.2725 137.162 63.1313C135.425 61.7049 134.371 62.8833 133.316 63.1313C132.262 63.3794 130.711 66.2324 129.285 68.3411Z",
           fill: "white"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M55.4182 29.5156C53.4335 28.0767 48.1824 26.1044 45.8049 25.2982V17.9797L41.2773 12.8939L48.5338 13.2661L50.2084 11.9636L50.8286 0.675781C53.6195 2.94989 59.4991 7.771 60.69 8.86257C62.0544 9.29672 62.6126 9.04863 65.0314 10.4131C67.4503 11.7776 70.4893 15.0027 74.1485 18.91C77.8078 22.8173 85.9946 33.9811 88.4754 36.9581C90.9563 39.9351 91.3284 40.9895 92.5688 43.8425C93.8092 46.6954 97.9646 53.2697 99.2671 55.1923C100.57 57.115 105.221 61.7046 107.888 64.9296C110.555 68.1547 116.943 76.5896 119.486 81.8614C122.029 87.1332 121.409 94.6998 121.036 97.2427C122.339 97.8008 123.517 98.297 127.363 98.6691C131.208 99.0413 134.557 97.6148 136.418 96.6845C138.278 95.7541 140.635 94.6378 141.814 91.3506C142.992 88.0635 140.945 86.575 139.209 84.5903C137.472 82.6057 133.069 79.3806 131.022 77.1478C128.975 74.915 128.293 72.8684 128.293 71.1938C128.293 69.5192 129.595 66.8523 131.952 64.2474C132.448 65.922 132.324 66.5422 133.565 67.5966C134.805 68.6509 135.425 68.4028 136.976 68.4028C135.053 71.6899 137.286 73.1785 138.899 74.667C140.511 76.1555 146.217 81.4273 148.636 84.9005C151.055 88.3736 149.814 93.4594 148.636 96.0022C147.457 98.5451 143.364 101.646 140.263 103.383C137.162 105.119 130.898 105.864 127.363 105.864C123.827 105.864 120.044 104.251 118.494 103.383C118.018 104.044 116.67 105.752 115.082 107.29C113.098 109.213 108.26 110.267 106.089 110.329C103.919 110.391 101.004 110.701 100.508 110.825C100.011 110.949 86.4907 111.756 84.6301 112.004C84.9402 110.391 85.0022 107.352 85.0022 105.864C85.5604 105.802 88.5995 105.678 90.3981 105.119C90.3981 104.189 89.3437 102.328 91.3284 94.8858C93.3131 87.4433 94.0573 89.1799 98.7089 84.5903C98.5228 79.6907 97.1584 76.5896 94.8636 73.5506C92.5688 70.5116 88.7855 67.4725 86.4287 65.4258C86.2427 68.899 83.7618 75.5973 83.4517 76.5896C83.1416 77.582 80.6608 82.9778 79.6684 85.0245C78.6761 87.0712 73.0322 101.832 72.1639 103.941C69.8071 101.026 66.4579 100.22 64.7213 99.3514C65.2795 97.2427 67.8844 77.83 68.1945 74.6049C68.5046 71.3798 69.2489 71.752 71.8538 60.9603C74.433 50.2748 73.1206 46.3389 71.0475 40.1212L70.9855 39.9351C69.2985 34.8742 64.5353 32.9888 62.3645 32.6787L60.4419 34.5393C59.5942 33.4643 57.4028 30.9545 55.4182 29.5156Z",
           fill: "#D6D4D3"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M85.1263 102.39C85.3744 99.5126 84.6921 97.4287 84.32 96.7465H86.0566C86.284 97.0566 86.9497 97.9373 87.7932 98.9792C88.6367 100.021 89.8399 100.695 90.336 100.902V102.08C89.3024 102.122 86.8132 102.242 85.1263 102.39Z",
           fill: "#D6D4D3"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M52.007 58.4795C53.049 56.4452 53.1027 53.2077 52.9993 51.8432C53.6195 52.0706 55.2321 52.6247 56.7206 53.0216C58.5812 53.5178 59.9457 53.5798 61.1861 53.4557C61.3102 54.6341 61.8063 57.5491 62.2405 58.9136C62.6746 60.2781 63.1708 62.1387 63.4189 63.5032C62.1164 63.4411 58.4572 62.2627 57.0927 61.3324C55.7283 60.4021 53.2474 59.2857 52.007 58.4795Z",
           fill: "#D6D4D3"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M47.1069 68.9612C51.1259 69.2093 54.6941 70.429 55.9759 71.0079C57.2784 71.8762 58.9529 76.5898 59.5111 78.7605C60.0693 80.9313 60.3174 87.6295 59.9453 90.6066C59.6476 92.9882 57.6712 97.4702 56.7202 99.4136C56.3687 99.4136 55.0952 99.3515 52.8128 99.1035C49.9599 98.7933 45.4323 98.4832 41.463 98.8554C37.4936 99.2275 39.0442 99.2895 37.9278 99.4136C36.8114 99.5376 35.8811 98.8554 32.1598 99.7237C28.4385 100.592 23.4769 101.15 20.4998 100.902C17.5228 100.654 15.6622 99.2895 12.7472 98.8554C9.8322 98.4212 5.24264 100.158 5.05657 100.344C4.62243 99.5996 1.08722 91.785 1.14924 85.0867C1.21126 78.3884 3.44403 74.1089 5.49072 70.8218C11.1967 68.7131 19.6936 68.9612 25.1514 68.7131C30.6093 68.465 42.0832 68.6511 47.1069 68.9612Z",
           fill: "#EAE7E7"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M12.1896 98.6692C10.8499 98.4707 6.7524 99.5375 4.87109 100.096C5.73939 101.357 7.62483 104.065 8.22023 104.809C8.96449 105.74 12.9959 109.461 14.6704 110.267C16.345 111.073 23.4774 111.383 29.1834 111.694C34.8893 112.004 44.6887 111.073 46.9214 110.453C49.1542 109.833 53.8058 104.127 54.9842 102.701C55.9269 101.559 56.6587 99.9509 56.9068 99.2894C54.1159 99.186 47.7153 98.9173 44.4406 98.6692C40.3472 98.3591 38.4245 99.4754 36.0677 99.4754C33.7109 99.4754 31.7883 99.8476 30.4238 100.096C29.0593 100.344 23.8496 101.336 20.8105 101.026C17.7715 100.716 13.8642 98.9173 12.1896 98.6692Z",
           fill: "#989693"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M44.5017 103.073C44.4521 104.115 43.4887 105.326 43.0132 105.802C46.4244 107.91 47.7888 106.422 48.7812 105.616C48.3884 105.368 47.5531 104.636 47.3547 103.693C47.1066 102.515 48.4711 100.964 49.0292 100.096C49.5874 99.2275 52.5024 98.4212 53.0606 97.9871C53.6188 97.5529 54.301 96.0024 53.9909 95.3822C53.6808 94.762 53.5568 95.1961 52.5024 95.3822C51.4481 95.5683 50.9519 96.9948 50.6418 97.615C50.3317 98.2352 48.9052 98.9174 47.7888 98.4212C46.6724 97.9251 48.4711 95.3822 50.0836 93.7697C51.6962 92.1571 53.5568 90.9167 53.5568 89.3041C53.5568 87.6916 51.0139 87.6296 50.6418 87.2574C50.2697 86.8853 50.6418 86.1411 51.2 84.2804C51.7582 82.4198 53.5568 81.3654 53.9909 80.7452C54.4251 80.125 55.4794 77.8302 53.5568 77.3961C51.6341 76.9619 51.5721 79.7529 50.6418 80.7452C49.7115 81.7376 48.8432 81.1174 48.4711 80.7452C48.0989 80.3731 48.4711 78.6365 47.3547 78.0163C46.2383 77.3961 45.1219 80.2491 44.8738 81.1174C44.6257 81.9856 45.494 83.4742 46.6724 85.1487C47.8508 86.8233 48.409 88.3118 48.4711 89.3041C48.5331 90.2965 47.7268 90.9787 47.3547 91.1027C46.9826 91.2268 46.1763 91.5989 46.1763 89.8003C46.1763 88.0017 45.8041 87.2574 45.1219 87.2574C44.4397 87.2574 44.0676 87.9397 44.1296 89.3041C44.1916 90.6686 45.1219 92.3432 45.494 94.0798C45.8662 95.8164 45.6801 96.7467 44.5017 96.9948C43.3233 97.2428 43.1993 95.1961 43.0132 94.0798C42.8271 92.9634 42.331 92.3432 41.8968 91.971C41.4627 91.5989 39.9742 90.7926 39.354 88.994C38.7337 87.1954 40.3463 85.7689 40.7184 85.1487C41.0905 84.5285 42.7031 82.3578 40.7184 81.9856C38.7337 81.6135 38.7337 85.5209 38.6097 86.3271C38.4857 87.1334 36.7491 88.0637 36.1909 89.3041C35.6327 90.5446 36.3769 91.3508 36.9972 92.3432C37.6174 93.3355 39.9742 94.638 40.7184 95.6923C41.4627 96.7467 41.2766 97.8631 41.3386 98.6073C41.4007 99.3516 44.5637 101.77 44.5017 103.073Z",
           fill: "#62625F"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           fillRule: "evenodd",
@@ -122,28 +122,28 @@ const e = () => /* @__PURE__ */ t(
           fill: "black"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M53.3725 23.6858C53.3725 24.5079 52.6783 25.1743 51.822 25.1743C50.9657 25.1743 50.2715 24.5079 50.2715 23.6858C50.2715 22.8637 50.9657 22.1973 51.822 22.1973C52.6783 22.1973 53.3725 22.8637 53.3725 23.6858Z",
           fill: "black"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M50.7677 29.3917C50.7677 29.6657 50.5456 29.8878 50.2716 29.8878C49.9975 29.8878 49.7754 29.6657 49.7754 29.3917C49.7754 29.1177 49.9975 28.8955 50.2716 28.8955C50.5456 28.8955 50.7677 29.1177 50.7677 29.3917Z",
           fill: "black"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M52.7521 31.004C52.7521 31.278 52.53 31.5002 52.2559 31.5002C51.9819 31.5002 51.7598 31.278 51.7598 31.004C51.7598 30.73 51.9819 30.5078 52.2559 30.5078C52.53 30.5078 52.7521 30.73 52.7521 31.004Z",
           fill: "black"
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M50.2697 32.2442C50.2697 32.5182 50.0475 32.7404 49.7735 32.7404C49.4995 32.7404 49.2773 32.5182 49.2773 32.2442C49.2773 31.9702 49.4995 31.748 49.7735 31.748C50.0475 31.748 50.2697 31.9702 50.2697 32.2442Z",
@@ -152,11 +152,12 @@ const e = () => /* @__PURE__ */ t(
       )
     ]
   }
-), p = (L) => /* @__PURE__ */ t("div", { className: l.emptystate, "data-testid": L.testId, "data-analyticsid": i.EmptyState, children: [
-  /* @__PURE__ */ C(e, {}),
-  /* @__PURE__ */ C(a, { appearance: "title3", htmlMarkup: L.titleHtmlMarkup || "h2", children: L.children })
+);
+const EmptyState = (props) => /* @__PURE__ */ jsxs("div", { className: styles.emptystate, "data-testid": props.testId, "data-analyticsid": AnalyticsId.EmptyState, children: [
+  /* @__PURE__ */ jsx(NobodyHome, {}),
+  /* @__PURE__ */ jsx(Title, { appearance: "title3", htmlMarkup: props.titleHtmlMarkup || "h2", children: props.children })
 ] });
 export {
-  p as default
+  EmptyState as default
 };
 //# sourceMappingURL=index.js.map