@uva-glass/component-library 3.25.1 → 3.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/assets/OverlayStepBar.css +1 -1
  2. package/dist/components/OverlayStepBar/OverlayStepBar.d.ts +3 -1
  3. package/dist/components/OverlayStepBar/OverlayStepBar.js +54 -27
  4. package/dist/components/OverlayStepBar/OverlayStepBar.js.map +1 -1
  5. package/dist/components/OverlayStepBar/OverlayStepBar.stories.d.ts +1 -0
  6. package/dist/components/OverlayStepBar/OverlayStepBar.stories.js +27 -15
  7. package/dist/components/OverlayStepBar/OverlayStepBar.stories.js.map +1 -1
  8. package/package.json +3 -3
package/dist/assets/OverlayStepBar.css CHANGED
@@ -1 +1 @@
1
- ._overlay-step-bar__container_j9bq4_1{align-items:center;background-color:var(--new-color-grey-200);display:flex;height:2.5rem;justify-content:center;overflow-y:hidden}._overlay-step-bar__step-wrapper_j9bq4_10{background-color:var(--new-color-grey-200);height:100%;position:relative}._overlay-step-bar__step-wrapper_j9bq4_10:not(:last-child):after{border-bottom:1.5rem solid transparent;border-left:1rem solid var(--new-color-grey-200);border-top:1.5rem solid transparent;content:"";position:absolute;right:-.25rem;top:-.25rem;z-index:10}._overlay-step-bar__step-wrapper_j9bq4_10:not(:last-child):before{border-bottom:1.5rem solid transparent;border-left:1rem solid var(--new-color-uva-white);border-top:1.5rem solid transparent;content:"";position:absolute;right:-.5rem;top:-.25rem;z-index:5}._overlay-step-bar__step_j9bq4_10{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--new-color-grey-700);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:100%;margin-left:.5rem;padding:0 2rem 0 1.5rem;position:relative;width:calc(100% - .75rem)}._overlay-step-bar__step--label_j9bq4_56{display:none;text-decoration:none;white-space:nowrap}._overlay-step-bar__step--label_j9bq4_56:hover{text-decoration:underline}._overlay-step-bar__step--active_j9bq4_66 ._overlay-step-bar__step--label_j9bq4_56{display:block}._overlay-step-bar__step_j9bq4_10:hover ._overlay-step-bar__step--index_j9bq4_70,._overlay-step-bar__step_j9bq4_10:hover ._overlay-step-bar__step--label_j9bq4_56{text-decoration:underline}@media (min-width: 70rem){._overlay-step-bar__step--label_j9bq4_56{display:block}._overlay-step-bar__step_j9bq4_10:hover ._overlay-step-bar__step--index_j9bq4_70{text-decoration:none}}._overlay-step-bar__step_j9bq4_10:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:-.25rem;z-index:15}._overlay-step-bar__step--active_j9bq4_66{color:var(--new-color-uva-black);font-weight:var(--semibold)}._overlay-step-bar__step--active_j9bq4_66:hover ._overlay-step-bar__step--index_j9bq4_70,._overlay-step-bar__step--active_j9bq4_66:hover ._overlay-step-bar__step--label_j9bq4_56{cursor:default;text-decoration:none}
1
+ ._overlay-step-bar__container_goxua_1{align-items:center;background-color:var(--new-color-grey-200);display:flex;height:2.5rem;justify-content:center;overflow-y:hidden}._overlay-step-bar__step-wrapper_goxua_10{background-color:var(--new-color-grey-200);height:100%;position:relative}._overlay-step-bar__step-wrapper_goxua_10:not(:last-child):after{border-bottom:1.5rem solid transparent;border-left:1rem solid var(--new-color-grey-200);border-top:1.5rem solid transparent;content:"";position:absolute;right:-.25rem;top:-.25rem;z-index:10}._overlay-step-bar__step-wrapper_goxua_10:not(:last-child):before{border-bottom:1.5rem solid transparent;border-left:1rem solid var(--new-color-uva-white);border-top:1.5rem solid transparent;content:"";position:absolute;right:-.5rem;top:-.25rem;z-index:5}._overlay-step-bar__step_goxua_10{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--new-color-grey-700);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-default);height:100%;margin-left:.5rem;padding:0 2rem 0 1.5rem;position:relative;width:calc(100% - .75rem)}._overlay-step-bar__step--label_goxua_55{display:none;text-decoration:none;white-space:nowrap}._overlay-step-bar__step--label-show_goxua_61{display:block}._overlay-step-bar__step--index_goxua_65{margin-right:.5rem}._overlay-step-bar__step--label_goxua_55:hover{text-decoration:underline}._overlay-step-bar__step--active_goxua_73 ._overlay-step-bar__step--label_goxua_55{display:block}._overlay-step-bar__step_goxua_10:hover ._overlay-step-bar__step--index_goxua_65,._overlay-step-bar__step_goxua_10:hover ._overlay-step-bar__step--label_goxua_55{text-decoration:underline}@media (min-width: 70rem){._overlay-step-bar__step--label_goxua_55{display:block}._overlay-step-bar__step_goxua_10:hover ._overlay-step-bar__step--index_goxua_65{text-decoration:none}}._overlay-step-bar__step_goxua_10:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:-.25rem;z-index:15}._overlay-step-bar__step--active_goxua_73{color:var(--new-color-uva-black);font-weight:var(--semibold)}._overlay-step-bar__step--active_goxua_73:hover ._overlay-step-bar__step--index_goxua_65,._overlay-step-bar__step--active_goxua_73:hover ._overlay-step-bar__step--label_goxua_55{cursor:default;text-decoration:none}
package/dist/components/OverlayStepBar/OverlayStepBar.d.ts CHANGED
@@ -3,7 +3,9 @@ export interface OverlayStepBarProps {
3
3
  stepLabels: string[];
4
4
  /** activeStep number starting with 1. */
5
5
  activeStep: number;
6
+ /** Array of prefix numbers to not show in the steplabels */
7
+ disabledCountPrefix?: number[];
6
8
  /** navigate to step. */
7
9
  onStepClick?: (step: number) => void;
8
10
  }
9
- export declare const OverlayStepBar: ({ stepLabels, activeStep, onStepClick }: OverlayStepBarProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const OverlayStepBar: ({ stepLabels, activeStep, disabledCountPrefix, onStepClick, }: OverlayStepBarProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/OverlayStepBar/OverlayStepBar.js CHANGED
@@ -1,30 +1,57 @@
1
- import { jsx as s, jsxs as l } from "react/jsx-runtime";
2
- import { c as o } from "../../clsx-OuTLNxxd.js";
3
- import '../../assets/OverlayStepBar.css';const r = {
4
- "overlay-step-bar__container": "_overlay-step-bar__container_j9bq4_1",
5
- "overlay-step-bar__step-wrapper": "_overlay-step-bar__step-wrapper_j9bq4_10",
6
- "overlay-step-bar__step": "_overlay-step-bar__step_j9bq4_10",
7
- "overlay-step-bar__step--label": "_overlay-step-bar__step--label_j9bq4_56",
8
- "overlay-step-bar__step--active": "_overlay-step-bar__step--active_j9bq4_66",
9
- "overlay-step-bar__step--index": "_overlay-step-bar__step--index_j9bq4_70"
10
- }, v = ({ stepLabels: _, activeStep: a = 0, onStepClick: t }) => (a > _.length && console.error("activeStep is greater than the number of steps"), /* @__PURE__ */ s("div", { className: r["overlay-step-bar__container"], children: _.length && _.map((p, e) => /* @__PURE__ */ s("span", { className: r["overlay-step-bar__step-wrapper"], children: /* @__PURE__ */ l(
11
- "button",
12
- {
13
- className: o(r["overlay-step-bar__step"], [
14
- e === a - 1 && r["overlay-step-bar__step--active"]
15
- ]),
16
- ...t && { onClick: () => t(e + 1) },
17
- type: "button",
18
- "aria-label": `Step ${e + 1}`,
19
- "aria-current": e === a - 1 ? "step" : void 0,
20
- disabled: e === a - 1,
21
- children: [
22
- /* @__PURE__ */ s("span", { className: r["overlay-step-bar__step--index"], children: e + 1 }),
23
- /* @__PURE__ */ s("span", { className: r["overlay-step-bar__step--label"], children: p })
24
- ]
25
- }
26
- ) }, `${e}_${p}`)) }));
1
+ import { jsx as t, jsxs as v } from "react/jsx-runtime";
2
+ import { c as b } from "../../clsx-OuTLNxxd.js";
3
+ import '../../assets/OverlayStepBar.css';const a = {
4
+ "overlay-step-bar__container": "_overlay-step-bar__container_goxua_1",
5
+ "overlay-step-bar__step-wrapper": "_overlay-step-bar__step-wrapper_goxua_10",
6
+ "overlay-step-bar__step": "_overlay-step-bar__step_goxua_10",
7
+ "overlay-step-bar__step--label": "_overlay-step-bar__step--label_goxua_55",
8
+ "overlay-step-bar__step--label-show": "_overlay-step-bar__step--label-show_goxua_61",
9
+ "overlay-step-bar__step--index": "_overlay-step-bar__step--index_goxua_65",
10
+ "overlay-step-bar__step--active": "_overlay-step-bar__step--active_goxua_73"
11
+ }, g = ({
12
+ stepLabels: _,
13
+ activeStep: s = 0,
14
+ disabledCountPrefix: p = [],
15
+ onStepClick: l
16
+ }) => {
17
+ s > _.length && console.error("activeStep is greater than the number of steps");
18
+ const n = (r) => {
19
+ const e = r + 1;
20
+ if (p.includes(e))
21
+ return "";
22
+ const c = Array.from({ length: r }, (o, y) => y + 1).filter(
23
+ (o) => !p.includes(o)
24
+ ).length;
25
+ return String(c + 1);
26
+ };
27
+ return /* @__PURE__ */ t("div", { className: a["overlay-step-bar__container"], children: _.length && _.map((r, e) => /* @__PURE__ */ t("span", { className: a["overlay-step-bar__step-wrapper"], children: /* @__PURE__ */ v(
28
+ "button",
29
+ {
30
+ className: b(a["overlay-step-bar__step"], [
31
+ e === s - 1 && a["overlay-step-bar__step--active"]
32
+ ]),
33
+ ...l && { onClick: () => l(e + 1) },
34
+ type: "button",
35
+ "aria-label": `Step ${e + 1}`,
36
+ "aria-current": e === s - 1 ? "step" : void 0,
37
+ disabled: e === s - 1,
38
+ children: [
39
+ /* @__PURE__ */ t("span", { className: a["overlay-step-bar__step--index"], children: n(e) }),
40
+ /* @__PURE__ */ t(
41
+ "span",
42
+ {
43
+ className: b(
44
+ a["overlay-step-bar__step--label"],
45
+ p.includes(e + 1) && a["overlay-step-bar__step--label-show"]
46
+ ),
47
+ children: r
48
+ }
49
+ )
50
+ ]
51
+ }
52
+ ) }, `${e}_${r}`)) });
53
+ };
27
54
  export {
28
- v as OverlayStepBar
55
+ g as OverlayStepBar
29
56
  };
30
57
  //# sourceMappingURL=OverlayStepBar.js.map
package/dist/components/OverlayStepBar/OverlayStepBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OverlayStepBar.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './OverlayStepBar.module.css';\n\nexport interface OverlayStepBarProps {\n /** Array of strings. */\n stepLabels: string[];\n /** activeStep number starting with 1. */\n activeStep: number;\n /** navigate to step. */\n onStepClick?: (step: number) => void;\n}\n\nexport const OverlayStepBar = ({ stepLabels, activeStep = 0, onStepClick }: OverlayStepBarProps) => {\n if (activeStep > stepLabels.length) {\n console.error('activeStep is greater than the number of steps');\n }\n\n return (\n <div className={styles['overlay-step-bar__container']}>\n {stepLabels.length &&\n stepLabels.map((label, index) => (\n <span key={`${index}_${label}`} className={styles[`overlay-step-bar__step-wrapper`]}>\n <button\n className={clsx(styles[`overlay-step-bar__step`], [\n index === activeStep - 1 && styles[`overlay-step-bar__step--active`],\n ])}\n {...(onStepClick && { onClick: () => onStepClick(index + 1) })}\n type=\"button\"\n aria-label={`Step ${index + 1}`}\n aria-current={index === activeStep - 1 ? 'step' : undefined}\n disabled={index === activeStep - 1}\n >\n <span className={styles[`overlay-step-bar__step--index`]}>{index + 1}</span>\n <span className={styles[`overlay-step-bar__step--label`]}>{label}</span>\n </button>\n </span>\n ))}\n </div>\n );\n};\n"],"names":["OverlayStepBar","stepLabels","activeStep","onStepClick","styles","label","index","jsx","jsxs","clsx"],"mappings":";;;;;;;;;GAaaA,IAAiB,CAAC,EAAE,YAAAC,GAAY,YAAAC,IAAa,GAAG,aAAAC,SACvDD,IAAaD,EAAW,UAC1B,QAAQ,MAAM,gDAAgD,qBAI7D,OAAI,EAAA,WAAWG,EAAO,6BAA6B,GACjD,YAAW,UACVH,EAAW,IAAI,CAACI,GAAOC,MACrB,gBAAAC,EAAC,UAA+B,WAAWH,EAAO,gCAAgC,GAChF,UAAA,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKL,EAAO,wBAAwB,GAAG;AAAA,MAChDE,MAAUJ,IAAa,KAAKE,EAAO,gCAAgC;AAAA,IAAA,CACpE;AAAA,IACA,GAAID,KAAe,EAAE,SAAS,MAAMA,EAAYG,IAAQ,CAAC,EAAE;AAAA,IAC5D,MAAK;AAAA,IACL,cAAY,QAAQA,IAAQ,CAAC;AAAA,IAC7B,gBAAcA,MAAUJ,IAAa,IAAI,SAAS;AAAA,IAClD,UAAUI,MAAUJ,IAAa;AAAA,IAEjC,UAAA;AAAA,MAAA,gBAAAK,EAAC,UAAK,WAAWH,EAAO,+BAA+B,GAAI,cAAQ,GAAE;AAAA,wBACpE,QAAK,EAAA,WAAWA,EAAO,+BAA+B,GAAI,UAAMC,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA,KAZ1D,GAAGC,CAAK,IAAID,CAAK,EAc5B,CACD,GACL;"}
1
+ {"version":3,"file":"OverlayStepBar.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './OverlayStepBar.module.css';\n\nexport interface OverlayStepBarProps {\n /** Array of strings. */\n stepLabels: string[];\n /** activeStep number starting with 1. */\n activeStep: number;\n /** Array of prefix numbers to not show in the steplabels */\n disabledCountPrefix?: number[];\n /** navigate to step. */\n onStepClick?: (step: number) => void;\n}\n\nexport const OverlayStepBar = ({\n stepLabels,\n activeStep = 0,\n disabledCountPrefix = [],\n onStepClick,\n}: OverlayStepBarProps) => {\n if (activeStep > stepLabels.length) {\n console.error('activeStep is greater than the number of steps');\n }\n\n const getStepDisplayNumber = (stepIndex: number): string => {\n const stepNumber = stepIndex + 1;\n\n if (disabledCountPrefix.includes(stepNumber)) {\n return '';\n }\n\n const enabledStepsBefore = Array.from({ length: stepIndex }, (_, count) => count + 1).filter(\n (step) => !disabledCountPrefix.includes(step)\n ).length;\n\n return String(enabledStepsBefore + 1);\n };\n\n return (\n <div className={styles['overlay-step-bar__container']}>\n {stepLabels.length &&\n stepLabels.map((label, index) => (\n <span key={`${index}_${label}`} className={styles[`overlay-step-bar__step-wrapper`]}>\n <button\n className={clsx(styles[`overlay-step-bar__step`], [\n index === activeStep - 1 && styles[`overlay-step-bar__step--active`],\n ])}\n {...(onStepClick && { onClick: () => onStepClick(index + 1) })}\n type=\"button\"\n aria-label={`Step ${index + 1}`}\n aria-current={index === activeStep - 1 ? 'step' : undefined}\n disabled={index === activeStep - 1}\n >\n <span className={styles[`overlay-step-bar__step--index`]}>{getStepDisplayNumber(index)}</span>\n <span\n className={clsx(\n styles[`overlay-step-bar__step--label`],\n disabledCountPrefix.includes(index + 1) && styles[`overlay-step-bar__step--label-show`]\n )}\n >\n {label}\n </span>\n </button>\n </span>\n ))}\n </div>\n );\n};\n"],"names":["OverlayStepBar","stepLabels","activeStep","disabledCountPrefix","onStepClick","getStepDisplayNumber","stepIndex","stepNumber","enabledStepsBefore","_","count","step","styles","label","index","jsx","jsxs","clsx"],"mappings":";;;;;;;;;;GAeaA,IAAiB,CAAC;AAAA,EAC7B,YAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,qBAAAC,IAAsB,CAAC;AAAA,EACvB,aAAAC;AACF,MAA2B;AACrB,EAAAF,IAAaD,EAAW,UAC1B,QAAQ,MAAM,gDAAgD;AAG1D,QAAAI,IAAuB,CAACC,MAA8B;AAC1D,UAAMC,IAAaD,IAAY;AAE3B,QAAAH,EAAoB,SAASI,CAAU;AAClC,aAAA;AAGT,UAAMC,IAAqB,MAAM,KAAK,EAAE,QAAQF,KAAa,CAACG,GAAGC,MAAUA,IAAQ,CAAC,EAAE;AAAA,MACpF,CAACC,MAAS,CAACR,EAAoB,SAASQ,CAAI;AAAA,IAAA,EAC5C;AAEK,WAAA,OAAOH,IAAqB,CAAC;AAAA,EACtC;AAEA,2BACG,OAAI,EAAA,WAAWI,EAAO,6BAA6B,GACjD,YAAW,UACVX,EAAW,IAAI,CAACY,GAAOC,MACrB,gBAAAC,EAAC,UAA+B,WAAWH,EAAO,gCAAgC,GAChF,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKL,EAAO,wBAAwB,GAAG;AAAA,QAChDE,MAAUZ,IAAa,KAAKU,EAAO,gCAAgC;AAAA,MAAA,CACpE;AAAA,MACA,GAAIR,KAAe,EAAE,SAAS,MAAMA,EAAYU,IAAQ,CAAC,EAAE;AAAA,MAC5D,MAAK;AAAA,MACL,cAAY,QAAQA,IAAQ,CAAC;AAAA,MAC7B,gBAAcA,MAAUZ,IAAa,IAAI,SAAS;AAAA,MAClD,UAAUY,MAAUZ,IAAa;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAa,EAAC,UAAK,WAAWH,EAAO,+BAA+B,GAAI,UAAAP,EAAqBS,CAAK,EAAE,CAAA;AAAA,QACvF,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTL,EAAO,+BAA+B;AAAA,cACtCT,EAAoB,SAASW,IAAQ,CAAC,KAAKF,EAAO,oCAAoC;AAAA,YACxF;AAAA,YAEC,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,KAnBO,GAAGC,CAAK,IAAID,CAAK,EAqB5B,CACD,GACL;AAEJ;"}
package/dist/components/OverlayStepBar/OverlayStepBar.stories.d.ts CHANGED
@@ -3,3 +3,4 @@ import { OverlayStepBarProps } from './OverlayStepBar';
3
3
  declare const _default: Meta<OverlayStepBarProps>;
4
4
  export default _default;
5
5
  export declare const OverlayStepBarExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, OverlayStepBarProps>;
6
+ export declare const OverlayStepBarHidePrifix: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, OverlayStepBarProps>;
package/dist/components/OverlayStepBar/OverlayStepBar.stories.js CHANGED
@@ -1,40 +1,52 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { useState as c } from "react";
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { useState as p } from "react";
3
3
  import { OverlayStepBar as t } from "./OverlayStepBar.js";
4
- const i = "<OverlayStepBar stepLabels={[string]} activeStep={number} onStepClick={(step) => void}/>", b = {
4
+ const c = "<OverlayStepBar stepLabels={[string]} activeStep={number} disabledCountPrefix={[numbers]} onStepClick={(step) => void}/>", u = {
5
5
  title: "Molecules/OverlayStepBar",
6
6
  component: t,
7
7
  argTypes: {
8
8
  activeStep: { control: "number" },
9
9
  stepLabels: { control: "object" },
10
+ disabledCountPrefix: {
11
+ table: {
12
+ disable: !0
13
+ }
14
+ },
10
15
  onStepClick: { action: "stepClicked" }
11
16
  },
12
17
  parameters: {
13
18
  inspectComponent: t,
14
- codeString: i
19
+ codeString: c
15
20
  }
16
- }, a = (e) => {
17
- const [n, r] = c(e.activeStep || 1);
18
- return /* @__PURE__ */ s(
21
+ }, o = (e) => {
22
+ const [s, n] = p(e.activeStep || 1);
23
+ return /* @__PURE__ */ l(
19
24
  t,
20
25
  {
21
26
  ...e,
22
- activeStep: n,
23
- onStepClick: (o) => {
24
- var p;
25
- r(o), (p = e.onStepClick) == null || p.call(e, o);
27
+ activeStep: s,
28
+ onStepClick: (i) => {
29
+ var r;
30
+ n(i), (r = e.onStepClick) == null || r.call(e, i);
26
31
  }
27
32
  }
28
33
  );
29
- }, l = {
34
+ }, a = {
30
35
  stepLabels: ["Basic Details", "Lecturers", "Period Planning", "Assessment", "Miscellaneous", "Overview"]
31
- }, S = a.bind({});
36
+ }, S = o.bind({});
32
37
  S.args = {
33
- ...l,
38
+ ...a,
39
+ activeStep: 2
40
+ };
41
+ const d = o.bind({});
42
+ d.args = {
43
+ ...a,
44
+ disabledCountPrefix: [1, 6],
34
45
  activeStep: 2
35
46
  };
36
47
  export {
37
48
  S as OverlayStepBarExample,
38
- b as default
49
+ d as OverlayStepBarHidePrifix,
50
+ u as default
39
51
  };
40
52
  //# sourceMappingURL=OverlayStepBar.stories.js.map
package/dist/components/OverlayStepBar/OverlayStepBar.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OverlayStepBar.stories.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayStepBarProps } from './OverlayStepBar';\n\nimport { OverlayStepBar } from './OverlayStepBar';\n\nconst codeString = '<OverlayStepBar stepLabels={[string]} activeStep={number} onStepClick={(step) => void}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/OverlayStepBar',\n component: OverlayStepBar,\n argTypes: {\n activeStep: { control: 'number' },\n stepLabels: { control: 'object' },\n onStepClick: { action: 'stepClicked' },\n },\n parameters: {\n inspectComponent: OverlayStepBar,\n codeString: codeString,\n },\n} as Meta<OverlayStepBarProps>;\n\nconst Template: StoryFn<OverlayStepBarProps> = (args) => {\n const [activeStep, setActiveStep] = useState(args.activeStep || 1);\n\n return (\n <OverlayStepBar\n {...args}\n activeStep={activeStep}\n onStepClick={(step) => {\n setActiveStep(step);\n args.onStepClick?.(step);\n }}\n />\n );\n};\n\nconst defaultArgs: Partial<OverlayStepBarProps> = {\n stepLabels: ['Basic Details', 'Lecturers', 'Period Planning', 'Assessment', 'Miscellaneous', 'Overview'],\n};\n\nexport const OverlayStepBarExample = Template.bind({});\nOverlayStepBarExample.args = {\n ...defaultArgs,\n activeStep: 2,\n};\n"],"names":["codeString","OverlayStepBar_stories","OverlayStepBar","Template","args","activeStep","setActiveStep","useState","jsx","step","_a","defaultArgs","OverlayStepBarExample"],"mappings":";;;AAOA,MAAMA,IAAa,4FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,aAAa,EAAE,QAAQ,cAAc;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS;AACvD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,EAAK,cAAc,CAAC;AAG/D,SAAA,gBAAAI;AAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGE;AAAA,MACJ,YAAAC;AAAA,MACA,aAAa,CAACI,MAAS;;AACrB,QAAAH,EAAcG,CAAI,IAClBC,IAAAN,EAAK,gBAAL,QAAAM,EAAA,KAAAN,GAAmBK;AAAA,MAAI;AAAA,IACzB;AAAA,EACF;AAEJ,GAEME,IAA4C;AAAA,EAChD,YAAY,CAAC,iBAAiB,aAAa,mBAAmB,cAAc,iBAAiB,UAAU;AACzG,GAEaC,IAAwBT,EAAS,KAAK,CAAE,CAAA;AACrDS,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AAAA,EACH,YAAY;AACd;"}
1
+ {"version":3,"file":"OverlayStepBar.stories.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayStepBarProps } from './OverlayStepBar';\n\nimport { OverlayStepBar } from './OverlayStepBar';\n\nconst codeString =\n '<OverlayStepBar stepLabels={[string]} activeStep={number} disabledCountPrefix={[numbers]} onStepClick={(step) => void}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/OverlayStepBar',\n component: OverlayStepBar,\n argTypes: {\n activeStep: { control: 'number' },\n stepLabels: { control: 'object' },\n disabledCountPrefix: {\n table: {\n disable: true,\n },\n },\n onStepClick: { action: 'stepClicked' },\n },\n parameters: {\n inspectComponent: OverlayStepBar,\n codeString: codeString,\n },\n} as Meta<OverlayStepBarProps>;\n\nconst Template: StoryFn<OverlayStepBarProps> = (args) => {\n const [activeStep, setActiveStep] = useState(args.activeStep || 1);\n\n return (\n <OverlayStepBar\n {...args}\n activeStep={activeStep}\n onStepClick={(step) => {\n setActiveStep(step);\n args.onStepClick?.(step);\n }}\n />\n );\n};\n\nconst defaultArgs: Partial<OverlayStepBarProps> = {\n stepLabels: ['Basic Details', 'Lecturers', 'Period Planning', 'Assessment', 'Miscellaneous', 'Overview'],\n};\n\nexport const OverlayStepBarExample = Template.bind({});\nOverlayStepBarExample.args = {\n ...defaultArgs,\n activeStep: 2,\n};\n\nexport const OverlayStepBarHidePrifix = Template.bind({});\nOverlayStepBarHidePrifix.args = {\n ...defaultArgs,\n disabledCountPrefix: [1, 6],\n activeStep: 2,\n};\n"],"names":["codeString","OverlayStepBar_stories","OverlayStepBar","Template","args","activeStep","setActiveStep","useState","jsx","step","_a","defaultArgs","OverlayStepBarExample","OverlayStepBarHidePrifix"],"mappings":";;;AAOA,MAAMA,IACJ,4HAGaC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,qBAAqB;AAAA,MACnB,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,aAAa,EAAE,QAAQ,cAAc;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS;AACvD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,EAAK,cAAc,CAAC;AAG/D,SAAA,gBAAAI;AAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGE;AAAA,MACJ,YAAAC;AAAA,MACA,aAAa,CAACI,MAAS;;AACrB,QAAAH,EAAcG,CAAI,IAClBC,IAAAN,EAAK,gBAAL,QAAAM,EAAA,KAAAN,GAAmBK;AAAA,MAAI;AAAA,IACzB;AAAA,EACF;AAEJ,GAEME,IAA4C;AAAA,EAChD,YAAY,CAAC,iBAAiB,aAAa,mBAAmB,cAAc,iBAAiB,UAAU;AACzG,GAEaC,IAAwBT,EAAS,KAAK,CAAE,CAAA;AACrDS,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AAAA,EACH,YAAY;AACd;AAEO,MAAME,IAA2BV,EAAS,KAAK,CAAE,CAAA;AACxDU,EAAyB,OAAO;AAAA,EAC9B,GAAGF;AAAA,EACH,qBAAqB,CAAC,GAAG,CAAC;AAAA,EAC1B,YAAY;AACd;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@uva-glass/component-library",
3
3
  "author": "Team Glass - Frontend vrienden",
4
4
  "private": false,
5
- "version": "3.25.1",
5
+ "version": "3.26.0",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -64,7 +64,7 @@
64
64
  "@testing-library/jest-dom": "^6.6.3",
65
65
  "@testing-library/react": "^16.3.0",
66
66
  "@types/jest": "^29.5.14",
67
- "@types/node": "^22.15.21",
67
+ "@types/node": "^22.15.23",
68
68
  "@types/react-dom": "^19.1.5",
69
69
  "@types/react": "^19.1.6",
70
70
  "@uva-glass/eslint-config": "^1.3.10",
@@ -115,6 +115,6 @@
115
115
  "@rollup/rollup-linux-x64-gnu": "^4.41.1",
116
116
  "@rspack/binding-darwin-arm64": "1.3.12",
117
117
  "@rspack/binding-linux-x64-gnu": "1.3.12",
118
- "@ast-grep/napi-linux-x64-gnu": "0.38.2"
118
+ "@ast-grep/napi-linux-x64-gnu": "0.38.3"
119
119
  }
120
120
  }