@uva-glass/component-library 3.55.5 → 3.55.7

package/dist/components/SearchField/components/ResultsOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultsOption.js","names":[],"sources":["../../../../src/components/SearchField/components/ResultsOption.tsx"],"sourcesContent":["import type { ReactNode, KeyboardEvent } from 'react';\r\n\r\nimport styles from 'components/SearchField/SearchField.module.css';\r\n\r\nexport interface ResultOptionProps {\r\n  value: string | number;\r\n  key: string | number;\r\n  ariaLabel: string;\r\n  children: ReactNode;\r\n  onEscape: () => void;\r\n  onReset?: () => void;\r\n  onSelect: (value: string | number) => void;\r\n}\r\n\r\nexport const ResultOption = ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => {\r\n  const handleSelect = (event: React.MouseEvent | React.KeyboardEvent) => {\r\n    event.stopPropagation();\r\n    onEscape();\r\n    if (onReset) onReset();\r\n    onSelect(value);\r\n  };\r\n\r\n  const onOptionKeyDown = (event: KeyboardEvent<HTMLLIElement>) => {\r\n    switch (event.key) {\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        onEscape();\r\n        if (onReset) onReset();\r\n        break;\r\n      case 'Enter':\r\n        event.preventDefault();\r\n        handleSelect(event);\r\n        break;\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        let nextElement = event.currentTarget.nextElementSibling;\r\n        while (nextElement?.getAttribute('tabindex') === '-1') {\r\n          nextElement = nextElement.nextElementSibling;\r\n        }\r\n        (nextElement as HTMLLIElement)?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        let previousElement = event.currentTarget.previousElementSibling;\r\n        while (previousElement?.getAttribute('tabindex') === '-1') {\r\n          previousElement = previousElement.previousElementSibling;\r\n        }\r\n        (previousElement as HTMLLIElement)?.focus();\r\n        break;\r\n      }\r\n      case 'Tab':\r\n        event.preventDefault();\r\n        onEscape();\r\n        break;\r\n      default:\r\n        event.preventDefault();\r\n        break;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <li\r\n      className={styles['search-field__result-item']}\r\n      key={key}\r\n      onClick={handleSelect}\r\n      onKeyDown={onOptionKeyDown}\r\n      role=\"option\"\r\n      aria-selected=\"false\"\r\n      tabIndex={0}\r\n      aria-label={ariaLabel}\r\n    >\r\n      {children}\r\n    </li>\r\n  );\r\n};\r\n"],"mappings":";;;AAcA,IAAa,KAAgB,EAAE,UAAO,QAAK,cAAW,aAAU,aAAU,YAAS,kBAAkC;CACnH,IAAM,KAAgB,MAAkD;AAItE,EAHA,EAAM,iBAAiB,EACvB,GAAU,EACN,KAAS,GAAS,EACtB,EAAS,EAAM;;AA6CjB,QACE,kBAAC,MAAD;EACE,WAAW,EAAO;EAElB,SAAS;EACT,YA/CqB,MAAwC;AAC/D,WAAQ,EAAM,KAAd;IACE,KAAK;AAIH,KAHA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,GAAU,EACN,KAAS,GAAS;AACtB;IACF,KAAK;AAEH,KADA,EAAM,gBAAgB,EACtB,EAAa,EAAM;AACnB;IACF,KAAK,aAAa;AAEhB,KADA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;KACvB,IAAI,IAAc,EAAM,cAAc;AACtC,YAAO,GAAa,aAAa,WAAW,KAAK,MAC/C,KAAc,EAAY;AAE3B,QAA+B,OAAO;AACvC;;IAEF,KAAK,WAAW;AAEd,KADA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;KACvB,IAAI,IAAkB,EAAM,cAAc;AAC1C,YAAO,GAAiB,aAAa,WAAW,KAAK,MACnD,KAAkB,EAAgB;AAEnC,QAAmC,OAAO;AAC3C;;IAEF,KAAK;AAEH,KADA,EAAM,gBAAgB,EACtB,GAAU;AACV;IACF;AACE,OAAM,gBAAgB;AACtB;;;EAUF,MAAK;EACL,iBAAc;EACd,UAAU;EACV,cAAY;EAEX;EACE,EATE,EASF"}
+{"version":3,"file":"ResultsOption.js","names":[],"sources":["../../../../src/components/SearchField/components/ResultsOption.tsx"],"sourcesContent":["import type { ReactNode, KeyboardEvent } from 'react';\r\n\r\nimport styles from 'components/SearchField/SearchField.module.css';\r\n\r\nexport interface ResultOptionProps {\r\n  value: string | number;\r\n  key: string | number;\r\n  ariaLabel: string;\r\n  children: ReactNode;\r\n  onEscape: () => void;\r\n  onReset?: () => void;\r\n  onSelect: (value: string | number) => void;\r\n}\r\n\r\nexport const ResultOption = ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => {\r\n  const handleSelect = (event: React.MouseEvent | React.KeyboardEvent) => {\r\n    event.stopPropagation();\r\n    onEscape();\r\n    if (onReset) onReset();\r\n    onSelect(value);\r\n  };\r\n\r\n  const onOptionKeyDown = (event: KeyboardEvent<HTMLLIElement>) => {\r\n    switch (event.key) {\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        onEscape();\r\n        if (onReset) onReset();\r\n        break;\r\n      case 'Enter':\r\n        event.preventDefault();\r\n        handleSelect(event);\r\n        break;\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        let nextElement = event.currentTarget.nextElementSibling;\r\n        while (nextElement?.getAttribute('tabindex') === '-1') {\r\n          nextElement = nextElement.nextElementSibling;\r\n        }\r\n        (nextElement as HTMLLIElement)?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        let previousElement = event.currentTarget.previousElementSibling;\r\n        while (previousElement?.getAttribute('tabindex') === '-1') {\r\n          previousElement = previousElement.previousElementSibling;\r\n        }\r\n        (previousElement as HTMLLIElement)?.focus();\r\n        break;\r\n      }\r\n      case 'Tab':\r\n        event.preventDefault();\r\n        onEscape();\r\n        break;\r\n      default:\r\n        event.preventDefault();\r\n        break;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <li\r\n      className={styles['search-field__result-item']}\r\n      key={key}\r\n      onClick={handleSelect}\r\n      onKeyDown={onOptionKeyDown}\r\n      role=\"option\"\r\n      aria-selected=\"false\"\r\n      tabIndex={0}\r\n      aria-label={ariaLabel}\r\n    >\r\n      {children}\r\n    </li>\r\n  );\r\n};\r\n"],"mappings":";;;AAcA,IAAa,KAAgB,EAAE,UAAO,QAAK,cAAW,aAAU,aAAU,YAAS,kBAAkC;CACnH,IAAM,KAAgB,MAAkD;EAItE,AAHA,EAAM,iBAAiB,EACvB,GAAU,EACN,KAAS,GAAS,EACtB,EAAS,EAAM;;CA6CjB,OACE,kBAAC,MAAD;EACE,WAAW,EAAO;EAElB,SAAS;EACT,YA/CqB,MAAwC;GAC/D,QAAQ,EAAM,KAAd;IACE,KAAK;KAIH,AAHA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,GAAU,EACN,KAAS,GAAS;KACtB;IACF,KAAK;KAEH,AADA,EAAM,gBAAgB,EACtB,EAAa,EAAM;KACnB;IACF,KAAK,aAAa;KAEhB,AADA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;KACvB,IAAI,IAAc,EAAM,cAAc;KACtC,OAAO,GAAa,aAAa,WAAW,KAAK,OAC/C,IAAc,EAAY;KAE5B,GAAgC,OAAO;KACvC;;IAEF,KAAK,WAAW;KAEd,AADA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;KACvB,IAAI,IAAkB,EAAM,cAAc;KAC1C,OAAO,GAAiB,aAAa,WAAW,KAAK,OACnD,IAAkB,EAAgB;KAEpC,GAAoC,OAAO;KAC3C;;IAEF,KAAK;KAEH,AADA,EAAM,gBAAgB,EACtB,GAAU;KACV;IACF;KACE,EAAM,gBAAgB;KACtB;;;EAUF,MAAK;EACL,iBAAc;EACd,UAAU;EACV,cAAY;EAEX;EACE,EATE,EASF"}

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

@@ -1 +1 @@
-{"version":3,"file":"SectionNotification.stories.js","names":[],"sources":["../../../src/components/SectionNotification/SectionNotification.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SectionNotificationProps } from 'components/SectionNotification';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nconst codeString = '<SectionNotification fullWidth={fullWidth}>{children}</SectionNotification>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/SectionNotification',\n  component: SectionNotification,\n  argTypes: {\n    fullWidth: {\n      control: 'boolean',\n      default: false,\n    },\n  },\n  parameters: {\n    inspectComponent: SectionNotification,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<SectionNotificationProps>>;\n\nconst Template: StoryFn<PropsWithChildren<SectionNotificationProps>> = (args) => <SectionNotification {...args} />;\n\nexport const SectionNotificationExample = Template.bind({});\nSectionNotificationExample.args = {\n  fullWidth: true,\n  children: 'This is an example notification',\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW;EACT,SAAS;EACT,SAAS;EACV,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAdG;EAehB;CACF,EAIY,MAF2D,MAAS,kBAAC,GAAD,EAAqB,GAAI,GAAQ,CAAA,EAE/D,KAAK,EAAE,CAAC;AAC3D,EAA2B,OAAO;CAChC,WAAW;CACX,UAAU;CACX"}
+{"version":3,"file":"SectionNotification.stories.js","names":[],"sources":["../../../src/components/SectionNotification/SectionNotification.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SectionNotificationProps } from 'components/SectionNotification';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nconst codeString = '<SectionNotification fullWidth={fullWidth}>{children}</SectionNotification>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/SectionNotification',\n  component: SectionNotification,\n  argTypes: {\n    fullWidth: {\n      control: 'boolean',\n      default: false,\n    },\n  },\n  parameters: {\n    inspectComponent: SectionNotification,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<SectionNotificationProps>>;\n\nconst Template: StoryFn<PropsWithChildren<SectionNotificationProps>> = (args) => <SectionNotification {...args} />;\n\nexport const SectionNotificationExample = Template.bind({});\nSectionNotificationExample.args = {\n  fullWidth: true,\n  children: 'This is an example notification',\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW;EACT,SAAS;EACT,SAAS;EACV,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAF2D,MAAS,kBAAC,GAAD,EAAqB,GAAI,GAAQ,CAAA,EAE/D,KAAK,EAAE,CAAC;AAC3D,EAA2B,OAAO;CAChC,WAAW;CACX,UAAU;CACX"}

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Cr_l59hN.js";
+import { r as e } from "../../test-Pa9Lwbsq.js";
 import { SelectListbox as t } from "./SelectListbox.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";