@uva-glass/component-library 3.8.0 → 3.9.0

package/dist/components/FeedbackBox/FeedbackBox.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 type FeedbackLevel = 'success' | 'warning' | 'error';
 export interface FeedbackBoxProps {
     /** The id of the element. */
@@ -5,7 +6,7 @@ export interface FeedbackBoxProps {
     /** The feedback level, indicates what icon is used. */
     level: FeedbackLevel;
     /** The feedback value. */
-    feedback: string;
+    feedback: string | ReactElement;
 }
 /** Represents a component to show feedback. */
 export declare const FeedbackBox: ({ id, level, feedback }: FeedbackBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FeedbackBox/FeedbackBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBox.js","sources":["../../../src/components/FeedbackBox/FeedbackBox.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './FeedbackBox.module.css';\n\nimport { Icon } from 'components/Icon';\n\ntype FeedbackLevel = 'success' | 'warning' | 'error';\n\nconst LEVEL_ICON_MAP: Record<FeedbackLevel, IconProps['name']> = {\n  success: 'CheckCircle',\n  warning: 'ExclamationCircle',\n  error: 'ExclamationTriangleMini',\n};\n\nexport interface FeedbackBoxProps {\n  /** The id of the element. */\n  id?: string;\n  /** The feedback level, indicates what icon is used. */\n  level: FeedbackLevel;\n  /** The feedback value. */\n  feedback: string;\n}\n\n/** Represents a component to show feedback. */\nexport const FeedbackBox = ({ id, level, feedback }: FeedbackBoxProps) => (\n  <div\n    className={clsx(styles['feedback-box'], {\n      [styles['feedback-box__success']]: level === 'success',\n      [styles['feedback-box__warning']]: level === 'warning',\n      [styles['feedback-box__error']]: level === 'error',\n    })}\n    id={id}\n  >\n    <Icon name={LEVEL_ICON_MAP[level]} size={16} />\n    {feedback}\n  </div>\n);\n"],"names":["LEVEL_ICON_MAP","FeedbackBox","id","level","feedback","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;;GAUMA,IAA2D;AAAA,EAC/D,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAYaC,IAAc,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,EACvC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,cAAc,GAAG;AAAA,MACtC,CAACA,EAAO,uBAAuB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAO,uBAAuB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAO,qBAAqB,CAAC,GAAGJ,MAAU;AAAA,IAAA,CAC5C;AAAA,IACD,IAAAD;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAM,EAACC,KAAK,MAAMT,EAAeG,CAAK,GAAG,MAAM,IAAI;AAAA,MAC5CC;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"FeedbackBox.js","sources":["../../../src/components/FeedbackBox/FeedbackBox.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { ReactElement } from 'react';\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './FeedbackBox.module.css';\n\nimport { Icon } from 'components/Icon';\n\ntype FeedbackLevel = 'success' | 'warning' | 'error';\n\nconst LEVEL_ICON_MAP: Record<FeedbackLevel, IconProps['name']> = {\n  success: 'CheckCircle',\n  warning: 'ExclamationCircle',\n  error: 'ExclamationTriangleMini',\n};\n\nexport interface FeedbackBoxProps {\n  /** The id of the element. */\n  id?: string;\n  /** The feedback level, indicates what icon is used. */\n  level: FeedbackLevel;\n  /** The feedback value. */\n  feedback: string | ReactElement;\n}\n\n/** Represents a component to show feedback. */\nexport const FeedbackBox = ({ id, level, feedback }: FeedbackBoxProps) => (\n  <div\n    className={clsx(styles['feedback-box'], {\n      [styles['feedback-box__success']]: level === 'success',\n      [styles['feedback-box__warning']]: level === 'warning',\n      [styles['feedback-box__error']]: level === 'error',\n    })}\n    id={id}\n  >\n    <Icon name={LEVEL_ICON_MAP[level]} size={16} />\n    {feedback}\n  </div>\n);\n"],"names":["LEVEL_ICON_MAP","FeedbackBox","id","level","feedback","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;;GAWMA,IAA2D;AAAA,EAC/D,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAYaC,IAAc,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,EACvC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,cAAc,GAAG;AAAA,MACtC,CAACA,EAAO,uBAAuB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAO,uBAAuB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAO,qBAAqB,CAAC,GAAGJ,MAAU;AAAA,IAAA,CAC5C;AAAA,IACD,IAAAD;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAM,EAACC,KAAK,MAAMT,EAAeG,CAAK,GAAG,MAAM,IAAI;AAAA,MAC5CC;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/components/FeedbackBox/FeedbackBox.stories.d.ts

@@ -3,3 +3,4 @@ import { FeedbackBoxProps } from './FeedbackBox';
 declare const _default: Meta<FeedbackBoxProps>;
 export default _default;
 export declare const FeedbackBoxExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FeedbackBoxProps>;
+export declare const WithElementFeedback: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FeedbackBoxProps>;

package/dist/components/FeedbackBox/FeedbackBox.stories.js

@@ -1,21 +1,36 @@
-import { jsx as o } from "react/jsx-runtime";
-import { FeedbackBox as e } from "./FeedbackBox.js";
-import { Container as c } from "../../storyComponents/Container/Container.js";
-const a = "<FeedbackBox id={id} level={level} feedback={feedback} />", i = {
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { FeedbackBox as c } from "./FeedbackBox.js";
+import { Container as o } from "../../storyComponents/Container/Container.js";
+import { Repeater as t } from "../Repeater/Repeater.js";
+const i = "<FeedbackBox id={id} level={level} feedback={feedback} />", p = {
   title: "Molecules/FeedbackBox",
-  component: e,
+  component: c,
   parameters: {
-    inspectComponent: e,
-    codeString: a
+    inspectComponent: c,
+    codeString: i
   }
-}, d = (t) => /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(e, { ...t }) }), s = d.bind({});
-s.args = {
+}, a = (l) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(c, { ...l }) }), n = a.bind({});
+n.args = {
   id: "gba0d2d4",
   level: "success",
   feedback: "Example FeedbackBox text"
 };
+const r = a.bind({});
+r.args = {
+  id: "gba0d2d4",
+  level: "success",
+  feedback: /* @__PURE__ */ d(t, { children: [
+    /* @__PURE__ */ e("h2", { children: "FeedbackElement" }),
+    /* @__PURE__ */ d("ul", { children: [
+      /* @__PURE__ */ e("li", { children: "Feedback 1" }),
+      /* @__PURE__ */ e("li", { children: "Feedback 2" }),
+      /* @__PURE__ */ e("li", { children: "Feedback 3" })
+    ] })
+  ] })
+};
 export {
-  s as FeedbackBoxExample,
-  i as default
+  n as FeedbackBoxExample,
+  r as WithElementFeedback,
+  p as default
 };
 //# sourceMappingURL=FeedbackBox.stories.js.map

package/dist/components/FeedbackBox/FeedbackBox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBox.stories.js","sources":["../../../src/components/FeedbackBox/FeedbackBox.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FeedbackBoxProps } from './FeedbackBox';\n\nimport { FeedbackBox } from './FeedbackBox';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<FeedbackBox id={id} level={level} feedback={feedback} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBox',\n  component: FeedbackBox,\n  parameters: {\n    inspectComponent: FeedbackBox,\n    codeString,\n  },\n} as Meta<FeedbackBoxProps>;\n\nconst Template: StoryFn<FeedbackBoxProps> = (args) => (\n  <Container>\n    <FeedbackBox {...args} />\n  </Container>\n);\n\nexport const FeedbackBoxExample = Template.bind({});\nFeedbackBoxExample.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: 'Example FeedbackBox text',\n};\n"],"names":["codeString","FeedbackBox_stories","FeedbackBox","Template","args","jsx","Container","FeedbackBoxExample"],"mappings":";;;AAOA,MAAMA,IAAa,6DAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAa,GAAGE,EAAA,CAAM,EACzB,CAAA,GAGWG,IAAqBJ,EAAS,KAAK,CAAE,CAAA;AAClDI,EAAmB,OAAO;AAAA,EACxB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,UAAU;AACZ;"}
+{"version":3,"file":"FeedbackBox.stories.js","sources":["../../../src/components/FeedbackBox/FeedbackBox.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FeedbackBoxProps } from './FeedbackBox';\n\nimport { FeedbackBox } from './FeedbackBox';\n\nimport { Container } from 'storyComponents/Container';\nimport { Repeater } from 'components/Repeater';\n\nconst codeString = '<FeedbackBox id={id} level={level} feedback={feedback} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBox',\n  component: FeedbackBox,\n  parameters: {\n    inspectComponent: FeedbackBox,\n    codeString,\n  },\n} as Meta<FeedbackBoxProps>;\n\nconst Template: StoryFn<FeedbackBoxProps> = (args) => (\n  <Container>\n    <FeedbackBox {...args} />\n  </Container>\n);\n\nexport const FeedbackBoxExample = Template.bind({});\nFeedbackBoxExample.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: 'Example FeedbackBox text',\n};\n\nexport const WithElementFeedback = Template.bind({});\nWithElementFeedback.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: (\n    <Repeater>\n      <h2>FeedbackElement</h2>\n      <ul>\n        <li>Feedback 1</li>\n        <li>Feedback 2</li>\n        <li>Feedback 3</li>\n      </ul>\n    </Repeater>\n  ),\n};\n"],"names":["codeString","FeedbackBox_stories","FeedbackBox","Template","args","jsx","Container","FeedbackBoxExample","WithElementFeedback","Repeater"],"mappings":";;;;AAQA,MAAMA,IAAa,6DAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAa,GAAGE,EAAA,CAAM,EACzB,CAAA,GAGWG,IAAqBJ,EAAS,KAAK,CAAE,CAAA;AAClDI,EAAmB,OAAO;AAAA,EACxB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,UAAU;AACZ;AAEO,MAAMC,IAAsBL,EAAS,KAAK,CAAE,CAAA;AACnDK,EAAoB,OAAO;AAAA,EACzB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,4BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAJ,EAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,sBAClB,MACC,EAAA,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAG,UAAU,aAAA,CAAA;AAAA,MACd,gBAAAA,EAAC,QAAG,UAAU,aAAA,CAAA;AAAA,MACd,gBAAAA,EAAC,QAAG,UAAU,aAAA,CAAA;AAAA,IAAA,EAChB,CAAA;AAAA,EAAA,EACF,CAAA;AAEJ;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.8.0",
+  "version": "3.9.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -64,9 +64,9 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.14.0",
+    "@types/node": "^22.14.1",
     "@types/react-dom": "^19.1.2",
-    "@types/react": "^19.1.0",
+    "@types/react": "^19.1.1",
     "@uva-glass/eslint-config": "^1.3.10",
     "@uva-glass/stylelint-config": "^1.2.2",
     "@vitejs/plugin-react": "^4.3.4",
@@ -80,7 +80,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jest": "^29.7.0",
-    "jsdom": "^26.0.0",
+    "jsdom": "^26.1.0",
     "npm-run-all2": "^7.0.2",
     "react-dom": "^18.3.1",
     "react-router": "^7.5.0",
@@ -112,9 +112,9 @@
     "lexical": "^0.30.0"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.39.0",
+    "@rollup/rollup-linux-x64-gnu": "^4.40.0",
     "@rspack/binding-darwin-arm64": "1.3.4",
     "@rspack/binding-linux-x64-gnu": "1.3.4",
-    "@ast-grep/napi-linux-x64-gnu": "0.36.2"
+    "@ast-grep/napi-linux-x64-gnu": "0.36.3"
   }
 }