@uva-glass/component-library 1.37.1 → 1.39.0

package/dist/components/Periods/Periods.d.ts

@@ -0,0 +1,13 @@
+interface Period {
+    id: string;
+    number: number;
+    semesterNumber: number;
+    periodInSemester: number;
+}
+export interface PeriodsProps {
+    periods: Period[] | number[];
+    maxPeriods?: number;
+    titlePeriods?: Record<string, Record<string, string>>;
+}
+export declare const Periods: ({ periods, titlePeriods, maxPeriods }: PeriodsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Periods/Periods.js

@@ -0,0 +1,35 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as y } from "../../clsx-OuTLNxxd.js";
+import { useId as N } from "react";
+import '../../assets/Periods.css';const v = "_period__container_njyb6_3", j = "_period__item_njyb6_8", _ = {
+  period__container: v,
+  period__item: j,
+  "period__item--active": "_period__item--active_njyb6_20"
+}, A = 6, O = ({ periods: t, titlePeriods: a, maxPeriods: l = A }) => {
+  const u = Array.from({ length: l }, (e, r) => r + 1), p = N(), s = t.some((e) => typeof e == "number"), d = (e) => {
+    let r = 0;
+    return t.reduce((b, $, m) => {
+      const { semesterNumber: o, periodInSemester: n } = $;
+      let i = "";
+      return o !== r ? i = ` ${e.periods["period-title"].replace("{{ semester }}", o.toString())} ${n}` : t[m + 1] && t[m + 1].semesterNumber === r ? i = `, ${n}` : i = ` ${e.periods["last-separator"]} ${n}`, r = o, `${b}${i}`;
+    }, "");
+  }, f = (e) => s ? t.includes(e) : !!t.find((r) => r.number === e);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: _.period__container,
+      title: s ? "" : d(a),
+      children: u.map((e) => /* @__PURE__ */ c(
+        "span",
+        {
+          className: y(_.period__item, f(e) ? _["period__item--active"] : "")
+        },
+        s ? `${p}-${e}` : t[e - 1].id
+      ))
+    }
+  );
+};
+export {
+  O as Periods
+};
+//# sourceMappingURL=Periods.js.map

package/dist/components/Periods/Periods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Periods.js","sources":["../../../src/components/Periods/Periods.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\nexport interface PeriodsProps {\n  periods: Period[] | number[];\n  maxPeriods?: number;\n  titlePeriods?: Record<string, Record<string, string>>;\n}\n\nconst MAX_PERIODS = 6;\n\nexport const Periods = ({ periods, titlePeriods, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (titlePeriods: Record<string, Record<string, string>>): string => {\n    let currrentSemesterNumber = 0;\n\n    const title = periods.reduce((acc, period, index) => {\n      const { semesterNumber, periodInSemester } = period as Period;\n      let periodTitle = '';\n      if (semesterNumber !== currrentSemesterNumber) {\n        periodTitle = ` ${titlePeriods.periods['period-title'].replace('{{ semester }}', semesterNumber.toString())} ${periodInSemester}`;\n      } else if (periods[index + 1] && (periods[index + 1] as Period).semesterNumber === currrentSemesterNumber) {\n        periodTitle = `, ${periodInSemester}`;\n      } else {\n        periodTitle = ` ${titlePeriods.periods['last-separator']} ${periodInSemester}`;\n      }\n\n      currrentSemesterNumber = semesterNumber;\n      return `${acc}${periodTitle}`;\n    }, '');\n\n    return title;\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div\n      className={styles['period__container']}\n      title={isArrayOfNumbers ? '' : getTitles(titlePeriods as Record<string, Record<string, string>>)}\n    >\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(styles['period__item'], isPeriodActive(periodIndex) ? styles['period__item--active'] : '')}\n            key={isArrayOfNumbers ? `${idPrefix}-${periodIndex}` : (periods[periodIndex - 1] as Period).id}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["MAX_PERIODS","Periods","periods","titlePeriods","maxPeriods","maxPeriodsList","_","index","idPrefix","useId","isArrayOfNumbers","value","getTitles","currrentSemesterNumber","acc","period","semesterNumber","periodInSemester","periodTitle","isPeriodActive","periodIndex","jsx","styles","clsx"],"mappings":";;;;;;;GAkBMA,IAAc,GAEPC,IAAU,CAAC,EAAE,SAAAC,GAAS,cAAAC,GAAc,YAAAC,IAAaJ,QAAgC;AACtF,QAAAK,IAAiB,MAAM,KAAK,EAAE,QAAQD,KAAc,CAACE,GAAGC,MAAUA,IAAQ,CAAC,GAC3EC,IAAWC,KAEXC,IAAmBR,EAAQ,KAAK,CAACS,MAC9B,OAAOA,KAAU,QACzB,GAEKC,IAAY,CAACT,MAAiE;AAClF,QAAIU,IAAyB;AAiBtB,WAfOX,EAAQ,OAAO,CAACY,GAAKC,GAAQR,MAAU;AAC7C,YAAA,EAAE,gBAAAS,GAAgB,kBAAAC,EAAqB,IAAAF;AAC7C,UAAIG,IAAc;AAClB,aAAIF,MAAmBH,IACrBK,IAAc,IAAIf,EAAa,QAAQ,cAAc,EAAE,QAAQ,kBAAkBa,EAAe,SAAU,CAAA,CAAC,IAAIC,CAAgB,KACtHf,EAAQK,IAAQ,CAAC,KAAML,EAAQK,IAAQ,CAAC,EAAa,mBAAmBM,IACjFK,IAAc,KAAKD,CAAgB,KAEnCC,IAAc,IAAIf,EAAa,QAAQ,gBAAgB,CAAC,IAAIc,CAAgB,IAGrDJ,IAAAG,GAClB,GAAGF,CAAG,GAAGI,CAAW;AAAA,OAC1B,EAAE;AAAA,EAEE,GAGHC,IAAiB,CAACC,MAClBV,IACMR,EAAqB,SAASkB,CAAW,IAE1C,EAAAlB,EAAQ,KAAK,CAACa,MAAYA,EAAkB,WAAWK,CAAW;AAK3E,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,OAAOZ,IAAmB,KAAKE,EAAUT,CAAsD;AAAA,MAE9F,UAAAE,EAAe,IAAI,CAACe,MAEjB,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,EAAKD,EAAO,cAAiBH,EAAeC,CAAW,IAAIE,EAAO,sBAAsB,IAAI,EAAE;AAAA,QAAA;AAAA,QACpGZ,IAAmB,GAAGF,CAAQ,IAAIY,CAAW,KAAMlB,EAAQkB,IAAc,CAAC,EAAa;AAAA,MAAA,CAGjG;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { PeriodsProps } from './Periods';
+
+declare const _default: Meta<PeriodsProps>;
+export default _default;
+export declare const PeriodsExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PeriodsProps>;

package/dist/components/Periods/Periods.stories.js

@@ -0,0 +1,54 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Periods as e } from "./Periods.js";
+const t = [
+  {
+    id: "2023P1",
+    number: 1,
+    semesterNumber: 1,
+    periodInSemester: 1
+  },
+  {
+    id: "2023P2",
+    number: 2,
+    semesterNumber: 1,
+    periodInSemester: 2
+  },
+  {
+    id: "2023P5",
+    number: 5,
+    semesterNumber: 2,
+    periodInSemester: 2
+  },
+  {
+    id: "2023P7",
+    number: 7,
+    semesterNumber: 3,
+    periodInSemester: 1
+  }
+], o = {
+  periods: {
+    "period-title": "Semester {{ semester }} block",
+    "last-separator": "en"
+  }
+}, p = {
+  title: "Atoms/Periods",
+  component: e,
+  argTypes: {
+    expanded: {
+      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.
+      table: {
+        disable: !0
+      }
+    }
+  }
+}, m = (r) => /* @__PURE__ */ s(e, { ...r }), i = m.bind({});
+i.args = {
+  periods: t,
+  maxPeriods: 7,
+  titlePeriods: o
+};
+export {
+  i as PeriodsExample,
+  p as default
+};
+//# sourceMappingURL=Periods.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Periods.stories.js","sources":["../../../src/components/Periods/Periods.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodsProps } from './Periods';\n\nimport { Periods } from './Periods';\n\nconst PERIODS = [\n  {\n    id: '2023P1',\n    number: 1,\n    semesterNumber: 1,\n    periodInSemester: 1,\n  },\n  {\n    id: '2023P2',\n    number: 2,\n    semesterNumber: 1,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P5',\n    number: 5,\n    semesterNumber: 2,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P7',\n    number: 7,\n    semesterNumber: 3,\n    periodInSemester: 1,\n  },\n];\n\nconst TITLE_PERIODS = {\n  periods: {\n    'period-title': 'Semester {{ semester }} block',\n    'last-separator': 'en',\n  },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Periods',\n  component: Periods,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<PeriodsProps>;\n\nconst Template: StoryFn<PeriodsProps> = (args) => <Periods {...args} />;\n\nexport const PeriodsExample = Template.bind({});\n\nPeriodsExample.args = {\n  periods: PERIODS,\n  maxPeriods: 7,\n  titlePeriods: TITLE_PERIODS,\n};\n"],"names":["PERIODS","TITLE_PERIODS","Periods_stories","Periods","Template","args","jsx","PeriodsExample"],"mappings":";;AAKA,MAAMA,IAAU;AAAA,EACd;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAEMC,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAkC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,EAAM,CAAA,GAExDE,IAAiBH,EAAS,KAAK,EAAE;AAE9CG,EAAe,OAAO;AAAA,EACpB,SAASP;AAAA,EACT,YAAY;AAAA,EACZ,cAAcC;AAChB;"}

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

@@ -0,0 +1 @@
+export * from './Periods';

package/dist/components/Periods/index.js

@@ -0,0 +1,5 @@
+import { Periods as e } from "./Periods.js";
+export {
+  e as Periods
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -3,6 +3,6 @@ import { ProgrammeCardProps } from './ProgrammeCard';
 
 declare const _default: Meta<ProgrammeCardProps>;
 export default _default;
-export declare const ProgrammeCardExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;
-export declare const WithComplexContent: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;
-export declare const MultiProgrammeCards: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;
+export declare const ProgrammeCardExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;
+export declare const WithComplexContent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;
+export declare const MultiProgrammeCards: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { f as a } from "../../index-Do6xof80.js";
+import { f as a } from "../../index-0Faxlks_.js";
 import { ProgrammeCard as t } from "./ProgrammeCard.js";
 import { Container as n } from "../storyComponents/Container/Container.js";
 import "react";
@@ -10,7 +10,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-import "../../MultiSelect-Drcfmp0z.js";
+import "../../MultiSelect-Blc_VDxu.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";

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

@@ -3,4 +3,4 @@ import { RadioButtonProps } from './RadioButton';
 
 declare const _default: Meta<RadioButtonProps>;
 export default _default;
-export declare const RadioButtonExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, RadioButtonProps>;
+export declare const RadioButtonExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, RadioButtonProps>;

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

@@ -4,4 +4,4 @@ import { RepeaterProps } from './Repeater';
 
 declare const _default: Meta<PropsWithChildren<RepeaterProps>>;
 export default _default;
-export declare const RepeaterExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<RepeaterProps>>;
+export declare const RepeaterExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<RepeaterProps>>;

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

@@ -4,4 +4,4 @@ import { SectionNotificationProps } from 'components/SectionNotification';
 
 declare const _default: Meta<PropsWithChildren<SectionNotificationProps>>;
 export default _default;
-export declare const SectionNotificationExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SectionNotificationProps>>;
+export declare const SectionNotificationExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SectionNotificationProps>>;

package/dist/components/SelectListbox/SelectListBox.stories.d.ts

@@ -4,5 +4,5 @@ import { SelectListboxProps, SelectListbox } from './SelectListbox';
 
 declare const _default: Meta<typeof SelectListbox>;
 export default _default;
-export declare const SelectListboxExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxProps>>;
-export declare const WithComponentOption: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxProps>>;
+export declare const SelectListboxExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxProps>>;
+export declare const WithComponentOption: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxProps>>;