@stack-spot/portal-components 0.0.18 → 1.0.1

package/dist/components/BannerWarning.d.ts

@@ -1,3 +1,9 @@
+/**
+ * A styled and non-dismissible alert box for showing important warnings for the user.
+ *
+ * This renders a yellow box with an exclamation icon. The content passed as parameter is placed on the right of the icon.
+ * @param props an object containing the content (children) to show inside the alert box.
+ */
 export declare const BannerWarning: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BannerWarning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerWarning.d.ts","sourceRoot":"","sources":["../../src/components/BannerWarning.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;cAA8B,MAAM,SAAS;6CAgBtE,CAAA"}
+{"version":3,"file":"BannerWarning.d.ts","sourceRoot":"","sources":["../../src/components/BannerWarning.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,aAAa;cAA8B,MAAM,SAAS;6CAgBtE,CAAA"}

package/dist/components/BannerWarning.js

@@ -2,5 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, IconBox, Text } from '@citric/core';
 import { ExclamationTriangle } from '@citric/icons';
 import { Alert } from '@citric/ui';
+/**
+ * A styled and non-dismissible alert box for showing important warnings for the user.
+ *
+ * This renders a yellow box with an exclamation icon. The content passed as parameter is placed on the right of the icon.
+ * @param props an object containing the content (children) to show inside the alert box.
+ */
 export const BannerWarning = ({ children }) => (_jsx(Flex, { sx: { position: 'fixed', top: 0, zIndex: '999', w: 12, left: 0 }, children: _jsxs(Alert, { colorScheme: "warning", sx: { p: 2, w: 12, justifyContent: 'center', height: ['60px', '100px'] }, children: [_jsx(IconBox, { size: "md", colorIcon: "light.500", sx: { display: ['block', 'none'] }, children: _jsx(ExclamationTriangle, {}) }), _jsx(Flex, { sx: { py: [5, 3] }, children: _jsx(Text, { sx: { fontSize: ['16px', '14px'], whiteSpace: 'pre-line' }, colorScheme: "warning.contrastText", children: children }) }), _jsx(IconBox, { size: "md", colorIcon: "light.500", sx: { display: ['block', 'none'] }, children: _jsx(ExclamationTriangle, {}) })] }) }));
 //# sourceMappingURL=BannerWarning.js.map

package/dist/components/BannerWarning.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerWarning.js","sourceRoot":"","sources":["../../src/components/BannerWarning.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC5E,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACpE,MAAC,KAAK,IAAC,WAAW,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,aACnG,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,YACzE,KAAC,mBAAmB,KAAG,GACf,EACV,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,YACtB,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,WAAW,EAAC,sBAAsB,YACjG,QAAQ,GACJ,GACF,EACP,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,YACzE,KAAC,mBAAmB,KAAG,GACf,IACJ,GACH,CACR,CAAA"}
+{"version":3,"file":"BannerWarning.js","sourceRoot":"","sources":["../../src/components/BannerWarning.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC5E,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACpE,MAAC,KAAK,IAAC,WAAW,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,aACnG,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,YACzE,KAAC,mBAAmB,KAAG,GACf,EACV,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,YACtB,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,WAAW,EAAC,sBAAsB,YACjG,QAAQ,GACJ,GACF,EACP,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,YACzE,KAAC,mBAAmB,KAAG,GACf,IACJ,GACH,CACR,CAAA"}

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

@@ -13,10 +13,6 @@ interface BreadcrumbItem {
      * If this route is accessible, the link to it.
      */
     href?: string;
-    /**
-     * Anchor from Citron to be used
-     */
-    anchorTag?: AnchorComponent;
 }
 interface Props {
     /**
@@ -37,16 +33,19 @@ interface Props {
      */
     shouldUpdatePageTitle?: boolean;
     /**
-     * Anchor from Citron to be used
+     * Key of the current page. If an item has this key, it won't be rendered as a link and will be marked as active.
      */
-    anchorTag?: AnchorComponent;
+    currentPageKey?: string;
+}
+interface ItemProps extends Pick<Props, 'currentPageKey'> {
+    item: BreadcrumbItem;
 }
-declare const BreadcrumbItem: ({ label, href, anchorTag }: BreadcrumbItem) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbItem: ({ item: { label, href, key }, currentPageKey }: ItemProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Builds a breadcrumb navigator based on the items passed in the properties.
  *
  * If the breadcrumb is obtained asynchronously, pass `isLoading = true` in order to show a loading feedback.
  */
-export declare const BreadcrumbList: ({ items, isLoading, shouldUpdatePageTitle, anchorTag }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbList: ({ items, isLoading, shouldUpdatePageTitle, currentPageKey }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Breadcrumb/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":";AAOA,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;AAE1G,UAAU,cAAc;IACtB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,UAAU,KAAK;IACb;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,QAAA,MAAM,cAAc,+BAAgC,cAAc,4CAKjE,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,2DAA4D,KAAK,4CAS3F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":";AAQA,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;AAE1G,UAAU,cAAc;IACtB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,SAAU,SAAQ,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACvD,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,mDAAoD,SAAS,4CAKhF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,gEAAiE,KAAK,4CAUhG,CAAA"}

package/dist/components/Breadcrumb/index.js

@@ -3,21 +3,22 @@ import { Text } from '@citric/core';
 import { Skeleton } from '@citric/ui';
 import { last } from 'lodash';
 import { useEffect, useMemo } from 'react';
+import { useAnchorTag } from '../../context/anchor.js';
 import { titleEffect } from '../../hooks/title.js';
 import { Box } from './styled.js';
-const BreadcrumbItem = ({ label, href, anchorTag }) => {
+const BreadcrumbItem = ({ item: { label, href, key }, currentPageKey }) => {
     const text = _jsx(Text, { appearance: "breadcrumb", children: label });
-    const anchor = props => _jsx("a", { ...props, href: href, children: text });
-    const LinkAnchor = anchorTag ?? anchor;
-    return href ? _jsx(LinkAnchor, { href: href, children: text }) : text;
+    const Link = useAnchorTag();
+    const shouldBeLink = href && currentPageKey != key;
+    return _jsx("li", { children: shouldBeLink ? _jsx(Link, { href: href, children: text }) : text });
 };
 /**
  * Builds a breadcrumb navigator based on the items passed in the properties.
  *
  * If the breadcrumb is obtained asynchronously, pass `isLoading = true` in order to show a loading feedback.
  */
-export const BreadcrumbList = ({ items, isLoading, shouldUpdatePageTitle, anchorTag }) => {
-    const listItems = useMemo(() => items.map(item => _jsx("li", { children: _jsx(BreadcrumbItem, { anchorTag: anchorTag, ...item }) }, item.key || item.label)), [items, anchorTag]);
+export const BreadcrumbList = ({ items, isLoading, shouldUpdatePageTitle, currentPageKey }) => {
+    const listItems = useMemo(() => items.map(item => _jsx(BreadcrumbItem, { item: item, currentPageKey: currentPageKey }, item.key || item.label)), [items]);
     useEffect(() => {
         const title = last(items)?.label;
         if (shouldUpdatePageTitle && title && !isLoading)

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AA+C9B,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,EAAE,EAAE;IACpE,MAAM,IAAI,GAAG,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,YAAE,KAAK,GAAQ,CAAA;IACzD,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE,CAAC,eAAO,KAAK,EAAE,IAAI,EAAE,IAAI,YAAG,IAAI,GAAK,CAAA;IAC7E,MAAM,UAAU,GAAG,SAAS,IAAI,MAAM,CAAA;IACtC,OAAO,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,YAAG,IAAI,GAAc,CAAC,CAAC,CAAC,IAAI,CAAA;AAClE,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAS,EAAE,EAAE;IAC9F,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAC/C,uBAAiC,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,KAAO,IAAI,GAAI,IAA3E,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAA0D,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAC/G,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;QAChC,IAAI,qBAAqB,IAAI,KAAK,IAAI,CAAC,SAAS;YAAE,OAAO,WAAW,CAAC,KAAK,CAAC,CAAA;IAC7E,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IACtB,OAAO,KAAC,GAAG,cAAE,SAAS,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,MAAM,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,uBAAK,SAAS,GAAM,GAAO,CAAA;AACnF,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AA+C9B,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,cAAc,EAAa,EAAE,EAAE;IACnF,MAAM,IAAI,GAAG,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,YAAE,KAAK,GAAQ,CAAA;IACzD,MAAM,IAAI,GAAG,YAAY,EAAE,CAAA;IAC3B,MAAM,YAAY,GAAG,IAAI,IAAI,cAAc,IAAI,GAAG,CAAA;IAClD,OAAO,uBAAK,YAAY,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YAAG,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,GAAM,CAAA;AACzE,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,cAAc,EAAS,EAAE,EAAE;IACnG,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAC,cAAc,IAA8B,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,IAAlE,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAgD,CAAC,EACpH,CAAC,KAAK,CAAC,CACR,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;QAChC,IAAI,qBAAqB,IAAI,KAAK,IAAI,CAAC,SAAS;YAAE,OAAO,WAAW,CAAC,KAAK,CAAC,CAAA;IAC7E,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IACtB,OAAO,KAAC,GAAG,cAAE,SAAS,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,MAAM,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,uBAAK,SAAS,GAAM,GAAO,CAAA;AACnF,CAAC,CAAA"}

package/dist/components/Breadcrumb/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const Box: React.FC<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
 //# sourceMappingURL=styled.d.ts.map

package/dist/components/Breadcrumb/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/styled.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,GAAG,kOA+Bf,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/styled.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,CA+BjG,CAAA"}

package/dist/components/Breadcrumb/styled.js

@@ -1,6 +1,7 @@
 import { getFontAppearance } from '@citric/core/dist/utils/theme.js';
 import { theme } from '@stack-spot/portal-theme';
 import { styled } from 'styled-components';
+// the type below should be inferred, but a bug in TS+PNPM prevents it: https://github.com/microsoft/TypeScript/issues/42873
 export const Box = styled.nav `
   margin-bottom: 24px;
   

package/dist/components/Breadcrumb/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;cAcf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAY,EAAE,YAAY,CAAQ;;eAElE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;;;;;aAS1B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;eAGtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;CAG5C,CAAA"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,4HAA4H;AAC5H,MAAM,CAAC,MAAM,GAAG,GAAsF,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;cAclG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAY,EAAE,YAAY,CAAQ;;eAElE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;;;;;aAS1B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;eAGtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;CAG5C,CAAA"}

package/dist/components/ChatBot.d.ts

@@ -1,2 +1,9 @@
+export declare const CHAT_BUTTON_ID = "service-now-button";
+export declare const CHAT_BUTTON_WRAPPER_ID = "service-now-content";
+/**
+ * A button for opening or closing the service-now chat window.
+ *
+ * This is a circular orange button with a chat icon if the chat window is closed or a close icon if the chat window is open.
+ */
 export declare const ChatBot: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatBot.d.ts.map

package/dist/components/ChatBot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBot.d.ts","sourceRoot":"","sources":["../../src/components/ChatBot.tsx"],"names":[],"mappings":"AA8CA,eAAO,MAAM,OAAO,+CA8BnB,CAAA"}
+{"version":3,"file":"ChatBot.d.ts","sourceRoot":"","sources":["../../src/components/ChatBot.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,uBAAuB,CAAA;AAClD,eAAO,MAAM,sBAAsB,wBAAwB,CAAA;AA4C3D;;;;GAIG;AACH,eAAO,MAAM,OAAO,+CA8BnB,CAAA"}

package/dist/components/ChatBot.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Flex, IconBox } from '@citric/core';
 import { QuestionAnswer, Times } from '@citric/icons';
-import { addOrRemoveServiceNowLauncher, getServiceNowLauncher } from '../hooks/service-now.js';
+import { getServiceNowLauncher, hideChatWindow, showChatWindow } from '../hooks/service-now.js';
+export const CHAT_BUTTON_ID = 'service-now-button';
+export const CHAT_BUTTON_WRAPPER_ID = 'service-now-content';
 const styles = {
     content: {
         position: 'fixed',
@@ -43,19 +45,24 @@ const styles = {
         transform: 'translate(-50%, -50%)',
     },
 };
+/**
+ * A button for opening or closing the service-now chat window.
+ *
+ * This is a circular orange button with a chat icon if the chat window is closed or a close icon if the chat window is open.
+ */
 export const ChatBot = () => {
     const handleOpenChatBot = () => {
         const chatIframe = getServiceNowLauncher();
         if (chatIframe) {
-            const isShow = chatIframe.classList.contains('show');
-            if (isShow) {
-                addOrRemoveServiceNowLauncher('remove');
+            const isVisible = chatIframe.classList.contains('show');
+            if (isVisible) {
+                hideChatWindow();
             }
             else {
-                addOrRemoveServiceNowLauncher('add');
+                showChatWindow();
             }
         }
     };
-    return (_jsx(Flex, { id: "service-now-content", sx: styles.content, children: _jsx(Button, { onClick: handleOpenChatBot, id: "service-now-button", sx: styles.button, children: _jsxs(IconBox, { colorIcon: "light.400", sx: styles.icon, size: "lg", children: [_jsx(Times, { className: "times" }), _jsx(QuestionAnswer, { className: "question" })] }) }) }));
+    return (_jsx(Flex, { id: CHAT_BUTTON_WRAPPER_ID, sx: styles.content, children: _jsx(Button, { onClick: handleOpenChatBot, id: CHAT_BUTTON_ID, sx: styles.button, children: _jsxs(IconBox, { colorIcon: "light.400", sx: styles.icon, size: "lg", children: [_jsx(Times, { className: "times" }), _jsx(QuestionAnswer, { className: "question" })] }) }) }));
 };
 //# sourceMappingURL=ChatBot.js.map

package/dist/components/ChatBot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBot.js","sourceRoot":"","sources":["../../src/components/ChatBot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,6BAA6B,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAE3F,MAAM,MAAM,GAAW;IACrB,OAAO,EAAE;QACP,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,GAAG;QACV,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE;YACjB,OAAO,EAAE,OAAO;SACjB;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE;YACX,OAAO,EAAE,OAAO;SACjB;KACF;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE;YACR,OAAO,EAAE,GAAG;SACb;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,aAAa;SAC1B;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;KACnC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAA;QAC1C,IAAI,UAAU,EAAE;YACd,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YACpD,IAAI,MAAM,EAAE;gBACV,6BAA6B,CAAC,QAAQ,CAAC,CAAA;aACxC;iBAAM;gBACL,6BAA6B,CAAC,KAAK,CAAC,CAAA;aACrC;SACF;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAC,qBAAqB,EAAC,EAAE,EAAE,MAAM,CAAC,OAAO,YAC/C,KAAC,MAAM,IACL,OAAO,EAAE,iBAAiB,EAC1B,EAAE,EAAC,oBAAoB,EACvB,EAAE,EAAE,MAAM,CAAC,MAAM,YAEjB,MAAC,OAAO,IACN,SAAS,EAAC,WAAW,EACrB,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,aACT,KAAC,KAAK,IAAC,SAAS,EAAC,OAAO,GAAG,EAC3B,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,GAAG,IAC/B,GACH,GACJ,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ChatBot.js","sourceRoot":"","sources":["../../src/components/ChatBot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE5F,MAAM,CAAC,MAAM,cAAc,GAAG,oBAAoB,CAAA;AAClD,MAAM,CAAC,MAAM,sBAAsB,GAAG,qBAAqB,CAAA;AAE3D,MAAM,MAAM,GAAW;IACrB,OAAO,EAAE;QACP,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,GAAG;QACV,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE;YACjB,OAAO,EAAE,OAAO;SACjB;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE;YACX,OAAO,EAAE,OAAO;SACjB;KACF;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE;YACR,OAAO,EAAE,GAAG;SACb;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,aAAa;SAC1B;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;KACnC;CACF,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAA;QAC1C,IAAI,UAAU,EAAE;YACd,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YACvD,IAAI,SAAS,EAAE;gBACb,cAAc,EAAE,CAAA;aACjB;iBAAM;gBACL,cAAc,EAAE,CAAA;aACjB;SACF;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,YAClD,KAAC,MAAM,IACL,OAAO,EAAE,iBAAiB,EAC1B,EAAE,EAAE,cAAc,EAClB,EAAE,EAAE,MAAM,CAAC,MAAM,YAEjB,MAAC,OAAO,IACN,SAAS,EAAC,WAAW,EACrB,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,aACT,KAAC,KAAK,IAAC,SAAS,EAAC,OAAO,GAAG,EAC3B,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,GAAG,IAC/B,GACH,GACJ,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/components/ErrorFeedback.d.ts

@@ -0,0 +1,23 @@
+export interface ErrorDescription {
+    /**
+     * The HTTP Error code if this is a network error.
+     */
+    code?: number;
+    /**
+     * The error message.
+     */
+    message?: string;
+    /**
+     * Whether or not the application is in debug mode.
+     */
+    debug?: boolean;
+}
+/**
+ * A box with an icon and an error message. This is used for giving error feedbacks to the user.
+ *
+ * If the application is in debug mode, a button is rendered to show the error message.
+ *
+ * @param options the error code, the error message and whether or not the application is in debug mode.
+ */
+export declare const ErrorFeedback: ({ code, message, debug }: ErrorDescription) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorFeedback.d.ts.map

package/dist/components/ErrorFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFeedback.d.ts","sourceRoot":"","sources":["../../src/components/ErrorFeedback.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,6BAAkC,gBAAgB,4CAgD3E,CAAA"}

package/dist/components/ErrorFeedback.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Container, Flex, LinkBox, Text } from '@citric/core';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useState } from 'react';
+import { Forbidden } from '../svg/Forbidden.js';
+import { Logo } from '../svg/Logo.js';
+import { NotFound } from '../svg/NotFound.js';
+import { ServerError } from '../svg/ServerError.js';
+import { Unauthenticated } from '../svg/Unauthenticated.js';
+const imageStyle = {
+    width: '200px',
+    height: '200px',
+};
+const imageMap = {
+    401: _jsx(Unauthenticated, { style: imageStyle }),
+    403: _jsx(Forbidden, { style: imageStyle }),
+    404: _jsx(NotFound, { style: imageStyle }),
+};
+/**
+ * A box with an icon and an error message. This is used for giving error feedbacks to the user.
+ *
+ * If the application is in debug mode, a button is rendered to show the error message.
+ *
+ * @param options the error code, the error message and whether or not the application is in debug mode.
+ */
+export const ErrorFeedback = ({ code = 0, message, debug }) => {
+    const t = useTranslate(dictionary);
+    const [showDetails, setShowDetails] = useState(false);
+    return (_jsx(Box, { bg: "light.400", children: _jsx(Container, { children: _jsxs(Flex, { alignItems: "center", sx: { padding: 12 }, children: [_jsx(Box, { width: 5, sx: { display: ['block', 'none'] }, children: _jsx(Flex, { justifyContent: "flex-end", pr: 20, children: imageMap[code] ?? _jsx(ServerError, { style: imageStyle }) }) }), _jsxs(Box, { width: [7, 12], children: [_jsx(LinkBox, { href: "/", children: _jsx(Logo, { style: { width: '130px', height: '30px' } }) }), _jsxs(Box, { w: [7, 12], children: [_jsxs(Text, { appearance: "h4", mt: 5, colorScheme: "inverse", children: [code ? `${code}. ` : '', _jsx(Text, { appearance: "h4", as: "span", colorScheme: "light.700", children: t[`${code}.title`] })] }), _jsx(Text, { appearance: "body1", mt: 5, colorScheme: "inverse", children: t[`${code}.description`] }), _jsx(Text, { appearance: "body1", colorScheme: "light.700", mt: 1, children: t[`${code}.help`] }), debug && message && (_jsx(Button, { appearance: "outlined", colorScheme: "inverse", onClick: () => setShowDetails(v => !v), children: showDetails ? t.hideDetails : t.showDetails })), showDetails && (_jsx(Box, { bg: "danger", mt: 8, p: 4, sx: { borderRadius: '5px' }, children: _jsx(Text, { appearance: "microtext1", colorScheme: "danger.contrastText", children: message }) }))] })] })] }) }) }));
+};
+const dictionary = {
+    en: {
+        altLogo: 'Logo Stackspot',
+        '0.title': 'Unknown client error',
+        '0.description': 'An unknown error happened while trying to load the resource.',
+        '0.help': 'Reload the page and, if it still doesn\'t work, report the error the Stackspot team.',
+        '401.title': 'Not authorized',
+        '401.description': 'There was a failure loading credentials for this page.',
+        '401.help': 'Check if the URL is correct or clear your cache and cookies from your browser and try again.',
+        '403.title': 'Private access',
+        '403.description': 'The page you have tried to visit is private.',
+        '403.help': 'Log in with another account or request access from the person who manages your organization.',
+        '404.title': 'Resource not found',
+        '404.description': 'This resource no longer exists.',
+        '404.help': 'Please try again or request a new URL from the person who manages your organization.',
+        '500.title': 'Server error',
+        '500.description': "We have identified a problem with the server, but don't worry. We are already investigating what happened.",
+        '500.help': 'Please try again after a few minutes.',
+        showDetails: 'Show Details',
+        hideDetails: 'Hide Details',
+    },
+    pt: {
+        altLogo: 'Logo Stackspot',
+        '0.title': 'Erro desconhecido (cliente)',
+        '0.description': 'Um erro desconhecido aconteceu ao carregar o recurso',
+        '0.help': 'Recarregue a página e, se ainda não funcionar, reporte o problema para o time da Stackspot.',
+        '401.title': 'Não autorizado',
+        '401.description': 'Houve uma falha no carregamento de credenciais dessa página.',
+        '401.help': 'Verifique se a URL está correta ou limpe o cache e os cookies de seu navegador e tente novamente.',
+        '403.title': 'Acesso privado',
+        '403.description': '"A página que você tentou visualizar é particular."',
+        '403.help': 'Solicite acesso com o administrador da sua organização.',
+        '404.title': 'Recurso não encontrado',
+        '404.description': 'Este recurso não existe mais.',
+        '404.help': 'Tente novamente ou fale com o administrador da sua organização.',
+        '500.title': 'Erro ao exibir o recurso',
+        '500.description': 'Mas não se preocupe, já estamos investigando o que aconteceu.',
+        '500.help': 'Tente novamente após alguns minutos.',
+        showDetails: 'Ver Detalhes',
+        hideDetails: 'Esconder Detalhes',
+    },
+};
+//# sourceMappingURL=ErrorFeedback.js.map

package/dist/components/ErrorFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFeedback.js","sourceRoot":"","sources":["../../src/components/ErrorFeedback.tsx"],"names":[],"mappings":"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"}

package/dist/components/SelectionList.d.ts

@@ -0,0 +1,123 @@
+import { WithStyle } from '@stack-spot/portal-theme';
+import { ReactElement } from 'react';
+interface CustomLabel {
+    /**
+     * A unique identifier for this label. This is also used to read this label to screen readers.
+     */
+    id: string;
+    /**
+     * A custom label that can be made up of any React component.
+     */
+    element: React.ReactNode;
+}
+export interface Action {
+    /**
+     * The label of the action.
+     */
+    label: string | CustomLabel;
+    /**
+     * Function to run on a click.
+     */
+    onClick?: () => void;
+    /**
+     * URL to open on a click.
+     */
+    href?: string;
+    /**
+     * Target of the URL to open.
+     */
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+}
+interface ItemWithIcon {
+    /**
+     * An Icon to appear at the left of the item.
+     */
+    icon?: React.ReactElement;
+    /**
+     * An Icon to appear at the right of the item.
+     */
+    iconRight?: React.ReactElement;
+}
+export interface ListAction extends ItemWithIcon, Action {
+    /**
+     * Whether or not this option is currently active.
+     */
+    active?: boolean;
+    /**
+     * Icon to render when this option is active.
+     */
+    iconActive?: React.ReactElement;
+}
+interface ListGroup {
+    /**
+     * If this group is rendered as a section with its items right below it or a collapsible, which requires a click to open a submenu.
+     */
+    type?: 'section' | 'collapsible';
+    /**
+     * The items of this group.
+     */
+    children: ListItem[];
+}
+interface ListSection extends ListGroup {
+    type: 'section';
+    /**
+     * The section's title.
+     */
+    label?: string;
+}
+interface ListCollapsible extends ListGroup, ItemWithIcon {
+    type?: 'collapsible';
+    /**
+     * The title of the collapsible menu.
+     */
+    label: string;
+}
+type ListItem = ListSection | ListCollapsible | ListAction;
+export interface SelectionListProps extends WithStyle {
+    /**
+     * The id of this selection list. This is important for accessibility. Be sure to link it to the aria-controls tag of the element who
+     * controls the visibility of this selection list.
+     */
+    id: string;
+    /**
+     * Whether or not the selection list is visible.
+     */
+    visible?: boolean;
+    /**
+     * The options in the selection list.
+     */
+    items: ListItem[];
+    /**
+     * Function to run when the selection list is hidden/closed.
+     */
+    onHide?: () => void;
+    /**
+     * The maximum height for the selection list.
+     * @default "300px"
+     */
+    maxHeight?: string;
+    /**
+     * A React element to render right before the items.
+     */
+    before?: ReactElement;
+    /**
+     * A React element to render right after the items.
+     */
+    after?: ReactElement;
+    /**
+     * Whether or not this list should be scrollable.
+     */
+    scroll?: boolean;
+}
+/**
+ * Renders a component that allows the selection of one item. The list is show/hidden according to the prop `visible`.
+ *
+ * The items in this list can be grouped into multiple sections. Sections may be displayed on a column (section) or might replace the
+ * current list of options with another list of options (collapsible).
+ *
+ * This component implements keyboard controls and accessibility features.
+ * @param props the component's props {@link SelectionListProps}.
+ */
+export declare const SelectionList: ({ id, items, className, style, visible, maxHeight, onHide, before, after, scroll, }: SelectionListProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectionList.d.ts.map

package/dist/components/SelectionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionList.d.ts","sourceRoot":"","sources":["../../src/components/SelectionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAsB,MAAM,0BAA0B,CAAA;AAExE,OAAO,EAAE,YAAY,EAA6C,MAAM,OAAO,CAAA;AAK/E,UAAU,WAAW;IACnB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,WAAW,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC;CAClE;AAED,UAAU,YAAY;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,MAAM;IACtD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CACjC;AAED,UAAU,SAAS;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACtB;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,SAAS,EAAE,YAAY;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,QAAQ,GAAG,WAAW,GAAG,eAAe,GAAG,UAAU,CAAA;AAW1D,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAwHD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,wFAEvB,kBAAkB,4CAqFpB,CAAA"}

package/dist/components/SelectionList.js

@@ -0,0 +1,149 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, IconBox, Text } from '@citric/core';
+import { ArrowLeft, Check, ChevronRight } from '@citric/icons';
+import { IconButton } from '@citric/ui';
+import { listToClass, theme } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { styled } from 'styled-components';
+import { useAnchorTag } from '../context/anchor.js';
+import { useKeyboardControls } from '../hooks/keyboard.js';
+const ANIMATION_DURATION_MS = 300;
+const MAX_HEIGHT_TRANSITION = `max-height ease-in ${ANIMATION_DURATION_MS / 1000}s`;
+const SelectionBox = styled.div `
+  max-height: 0;
+  overflow-y: ${({ $scroll }) => $scroll ? 'auto' : 'hidden'};
+  overflow-x: hidden;
+  transition: ${MAX_HEIGHT_TRANSITION}, visibility 0s ${ANIMATION_DURATION_MS / 1000}s;
+  z-index: 1;
+  box-shadow: 4px 4px 48px #000;
+  border-radius: 0.5rem;
+  visibility: hidden;
+
+  .selection-list-content {
+    display: flex;
+    flex-direction: column;
+    background: ${theme.color.light['500']};
+    border-radius: 0.5rem;
+    border: 1px solid ${theme.color.light['600']};
+    background-color: ${theme.color.light['300']};
+  }
+
+  .section-title, li > a {
+    height: 40px;
+    padding: 0 8px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  li > a {
+    gap: 4px;
+    transition: background-color 0.2s;
+    &:hover, &:focus {
+      background: ${theme.color.light['400']};
+    }
+    .label {
+      flex: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  li.section {
+    border-bottom: 2px solid ${theme.color.light['600']};
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  &.visible {
+    max-height: ${({ $maxHeight }) => $maxHeight};
+    visibility: visible;
+    transition: ${MAX_HEIGHT_TRANSITION};
+  }
+`;
+function renderAction({ label, href, onClick, icon, iconRight, active, target, iconActive = _jsx(Check, {}), }, { onClose, Link }) {
+    function handleClick() {
+        onClick?.();
+        onClose?.();
+    }
+    const isTextLabel = typeof label === 'string';
+    return (_jsx("li", { className: "action", children: _jsxs(Link, { href: href, onClick: handleClick, target: target, tabIndex: 0, "aria-selected": active, children: [icon && _jsx(IconBox, { children: icon }), isTextLabel ? _jsx(Text, { appearance: "body2", className: "label", children: label }) : label.element, iconRight && _jsx(IconBox, { children: iconRight }), active && _jsx(IconBox, { children: iconActive })] }) }, isTextLabel ? label : label.id));
+}
+function renderCollapsible({ label, icon, iconRight, children }, { setCurrent, controllerId, Link }) {
+    function handleClick(ev) {
+        // accessibility: this will tell the screen reader the section was expanded before this link is removed from the DOM.
+        ev.target?.setAttribute?.('aria-expanded', 'true');
+        setCurrent({ items: children, label });
+    }
+    return (_jsx("li", { className: "collapsible", children: _jsxs(Link, { onClick: handleClick, tabIndex: 0, "aria-expanded": false, "aria-controls": controllerId, children: [icon && _jsx(IconBox, { children: icon }), _jsx(Text, { appearance: "body2", className: "label", children: label }), iconRight && _jsx(IconBox, { children: iconRight }), _jsx(IconBox, { children: _jsx(ChevronRight, {}) })] }) }, label));
+}
+function renderSection({ label, children }, options) {
+    return (_jsxs("li", { className: "section", children: [label && _jsx(Text, { appearance: "overheader2", colorScheme: "primary", className: "section-title", children: label }), _jsx("ul", { children: children.map(i => renderItem(i, options)) })] }, label ?? children.map(c => c.label).join('-')));
+}
+function renderItem(item, options) {
+    if ('children' in item) {
+        return item.type === 'section' ? renderSection(item, options) : renderCollapsible(item, options);
+    }
+    return renderAction(item, options);
+}
+/**
+ * Renders a component that allows the selection of one item. The list is show/hidden according to the prop `visible`.
+ *
+ * The items in this list can be grouped into multiple sections. Sections may be displayed on a column (section) or might replace the
+ * current list of options with another list of options (collapsible).
+ *
+ * This component implements keyboard controls and accessibility features.
+ * @param props the component's props {@link SelectionListProps}.
+ */
+export const SelectionList = ({ id, items, className, style, visible = true, maxHeight = '300px', onHide, before, after, scroll, }) => {
+    const Link = useAnchorTag();
+    const t = useTranslate(dictionary);
+    const [current, setCurrent] = useState({ items });
+    const { keyboardControlledElement: wrapper, attachKeyboardListeners, detachKeyboardListeners } = useKeyboardControls({ onPressEscape: onHide, querySelectors: 'li.action a, li.collapsible a, button' });
+    const listItems = useMemo(() => current.items.map(i => renderItem(i, {
+        setCurrent: (next) => setCurrent({ ...next, parent: current }),
+        onClose: onHide,
+        controllerId: id,
+        Link,
+    })), [current]);
+    const hide = useCallback((event) => {
+        const target = event.target;
+        // if the element is not in the DOM anymore, we'll consider the click was inside the selection list
+        const isClickInsideSelectionList = !target?.isConnected || wrapper.current?.contains(target);
+        const isAction = target?.classList?.contains('action') || !!target?.closest('.action');
+        if (!isClickInsideSelectionList || isAction)
+            onHide?.();
+    }, []);
+    useEffect(() => {
+        if (visible) {
+            setCurrent({ items });
+            attachKeyboardListeners();
+            if (onHide)
+                setTimeout(() => document.addEventListener('click', hide), 50);
+        }
+        else {
+            detachKeyboardListeners();
+            document.removeEventListener('click', hide);
+        }
+    }, [visible]);
+    return (_jsx(SelectionBox, { id: id, ref: wrapper, "$maxHeight": maxHeight, style: style, className: listToClass(['selection-list', visible ? 'visible' : undefined, className]), "$scroll": scroll, "aria-hidden": !visible, children: _jsxs("div", { className: "selection-list-content", children: [before, current.parent
+                    ? (_jsxs(Flex, { mt: 5, mb: 1, alignItems: "center", children: [_jsx(IconButton, { onClick: (ev) => {
+                                    // accessibility: this will tell the screen reader the section was collapsed before this button is removed from the DOM.
+                                    ev.target?.setAttribute?.('aria-expanded', 'false');
+                                    setCurrent(current.parent ?? { items });
+                                }, sx: { mr: 3 }, title: t.back, "aria-controls": id, "aria-expanded": true, children: _jsx(ArrowLeft, {}) }), _jsx(Text, { appearance: "microtext1", children: current.label })] }))
+                    : undefined, _jsxs("ul", { children: [listItems, after &&
+                            _jsx("li", { className: "action", children: after })] })] }) }));
+};
+const dictionary = {
+    en: {
+        back: 'Go back',
+    },
+    pt: {
+        back: 'Voltar',
+    },
+};
+//# sourceMappingURL=SelectionList.js.map

package/dist/components/SelectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionList.js","sourceRoot":"","sources":["../../src/components/SelectionList.tsx"],"names":[],"mappings":"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"}