@stack-spot/portal-layout 0.0.64 → 1.0.0-dev.1768482785050

package/src/toaster.tsx

@@ -1,30 +1,75 @@
 import { IconBox, OneOfColorSchemesWithVariants } from '@citric/core'
 import { CheckCircleFill, ExclamationCircleFill, ExclamationTriangleFill, InfoCircleFill } from '@citric/icons'
+import { Dictionary, translate } from '@stack-spot/portal-translate'
 import { toast } from 'react-toastify'
 import 'react-toastify/dist/ReactToastify.css'
+import { ToasterAction, ToasterContent } from './components/Toaster'
 
 type ToastType = 'error' | 'success' | 'warning' | 'info'
 
-interface BaseProps {
+interface BaseOptions {
+  /**
+   * An identifier for the toaster, if not provided, `Math.random()` will be used.
+   * 
+   * The id can be used to programmatically control the toaster.
+   */
+  id?: number | string,
+  /**
+   * The message to show.
+   * Can be either a string or a React element.
+   */
+  message: React.ReactNode,
+  /**
+   * Level/severity of this message.
+   * @default 'info'
+   */
   type?: ToastType,
   /**
    * Seconds until auto-close or false to not auto-close.
-   * @default 3 for success toast and 10 for the others
+   * @default 3s for success toast and 10s for the others
    */
   autoClose?: number | false,
+  /**
+   * If true, `message` must be a React Element and none of the default toaster UI is rendered (title, icon and close button).
+   * @default false
+   */
+  custom?: boolean,
+  /**
+   * Whether or not to close the toaster when the user clicks it.
+   * @default false
+   */
+  closeOnClick?: boolean,
 }
 
-interface BasicMessageProps extends BaseProps {
-  message: string,
+export interface DefaultToasterOptions extends BaseOptions {
+  /**
+   * The title of the toaster.
+   */
   title?: string,
+  /**
+   * A function to call when the user clicks the toaster. By default, it closes the toaster.
+   */
   onClick?: () => void,
+  /**
+   * A set of buttons (or links/anchors) to show after the message.
+   */
+  actions?: ToasterAction[],
+  custom?: false,
 }
 
-interface RichMessageProps extends BaseProps {
-  content: React.ReactElement,
+export interface CustomToasterOptions extends BaseOptions {
+  /**
+   * The whole content to render inside the toaster.
+   */
+  message: React.ReactElement,
+  custom: true,
+  /**
+   * A close button to render on the top right corner of the toaster. If not provided, a close button won't be rendered.
+   */
+  closeButton?: React.ReactElement,
 }
 
-type Props = BasicMessageProps | RichMessageProps
+export type ToasterOptions = DefaultToasterOptions | CustomToasterOptions | React.ReactNode
 
 const toasterConfig: Record<ToastType, { element: React.ReactElement, color: string, duration: number }> = {
   error: {
@@ -49,28 +94,60 @@ const toasterConfig: Record<ToastType, { element: React.ReactElement, color: str
   },
 }
 
-export function showToaster({ type = 'info', autoClose, ...props }: Props) {
+export function showToaster(defaultToasterConfig: DefaultToasterOptions): number | string
+export function showToaster(customToasterConfig: CustomToasterOptions): number | string
+export function showToaster(message: React.ReactNode): number | string
+export function showToaster(options: ToasterOptions): number | string {
+  const isToasterConfig = options && typeof options === 'object' && 'message' in options
+  const { type = 'info', autoClose, ...opts }: DefaultToasterOptions | CustomToasterOptions = isToasterConfig
+    ? options
+    : { message: options }
   const config = toasterConfig[type]
+  const id = opts.id ?? Math.random()
   const closeTime = autoClose ? autoClose : config.duration
   const bg = `var(--${config.color}-500)`
   const bgDark = `var(--${config.color}-600)`
   const fg = `var(--${config.color}-contrastText)`
+  
   toast(
-    'message' in props
-      ? <div onClick={props.onClick}><h1 style={{ textTransform: 'capitalize' }}>{props.title ?? type}</h1><p>{props.message}</p></div>
-      : props.content,
+    opts.custom
+      ? opts.message
+      : <ToasterContent {...opts} id={id} title={opts.title ?? translate(dictionary)[type]} />,
     {
+      toastId: id,
       type,
       autoClose: autoClose === false ? false : closeTime * 1000,
       className: 'main-toaster',
       style: { backgroundColor: bg, color: fg },
       progressStyle: { background: bgDark },
       bodyClassName: 'toast-body',
-      icon: 'message' in props ? () => (
+      icon: opts.custom ? false : () => (
         <IconBox colorIcon={`${config.color}.contrastText` as OneOfColorSchemesWithVariants} size="xs">
           {config.element}
         </IconBox>
-      ) : undefined,
+      ),
+      closeOnClick: opts.closeOnClick ?? false,
+      closeButton: opts.custom ? (opts.closeButton ?? false) : undefined,
     },
   )
+  return id
+}
+
+export function closeReactToaster(id: number | string) {
+  toast.dismiss(id)
 }
+
+const dictionary = {
+  en: {
+    success: 'Success',
+    error: 'Error',
+    info: 'Info',
+    warning: 'Warning',
+  },
+  pt: {
+    success: 'Sucesso',
+    error: 'Erro',
+    info: 'Info',
+    warning: 'Atenção',
+  },
+} satisfies Dictionary

package/src/types.ts

@@ -0,0 +1,4 @@
+export type PortalAcronym = 'EDP' | 'AI' | 'HUB' | 'CS' | 'ACCOUNT'
+export type RightPanelSize = 'small' | 'medium' | 'large' | 'extra-large'
+export type ModalSize = RightPanelSize | 'fit-content'
+export type CustomModalSize = ModalSize | 'full'

package/src/utils.ts

@@ -1,152 +1,19 @@
 import { valueOf } from '@stack-spot/portal-theme'
 import { getLayoutElements } from './elements'
 
-export function valueOfLayoutVar(varname: string): string {
-  const layout = document.getElementById('layout')
-  if (!layout) return ''
-  return valueOf(varname, layout)
-}
-
 /**
- * Important for accessibility.
- * 
- * Makes it so we focus the next focusable element in the DOM hierarchy, disregarding the element passed as parameter and its children.
+ * Gets the value for a css variable of the layout.
  * 
- * If there's no next focusable element, the first focusable of the page will be focused. If the page doesn't contain any focusable
- * element, nothing happens.
- * 
- * @param current the reference element to focus the next. If not provided, will be the currently active element.
- */
-export function focusNextIgnoringChildren(current?: HTMLElement | null) {
-  current = current ?? document.activeElement as HTMLElement
-  while (current && !current.nextElementSibling) {
-    current = current?.parentElement
-  }
-  current = current?.nextElementSibling as HTMLElement
-  while (current && current.tabIndex < 0) {
-    current = (current.children.length ? current.firstChild : current.nextElementSibling) as HTMLElement
-  }
-  if (current) current?.focus?.()
-  else focusFirstChild(document)
-}
-
-type TagPriority = 'a' | 'button' | 'input' | 'textarea' | 'select' | 'other'
-type TagPriorityElement = TagPriority | TagPriority[]
-
-interface FocusOptions {
-  /**
-   * Instead of focusing the first element overall, focus the first according to this list of priorities.
-   */
-  priority?: TagPriorityElement[],
-  /**
-   * Ignores any element that matches this query selector.
-   */
-  ignore?: string,
-}
-
-const selectors: Record<TagPriority, string> = {
-  a: 'a[href]:not(:disabled)',
-  button: 'button:not(:disabled)',
-  input: 'input:not(:disabled):not([type="hidden"])',
-  select: 'textarea:not(:disabled)',
-  textarea: 'select:not(:disabled)',
-  other: '[tabindex]:not([tabindex="-1"])',
-}
-
-/**
- * Checks if an element can receive focus.
+ * Supposing the actual name of the variable is name-of-variable, the value passed to the first parameter (varname) may be: name-of-variable
+ * or --name-of-variable or var(--name-of-variable). All these formats work.
  * 
- * Elements can receive focus only if:
- * - they exist;
- * - they're visible;
- * - they're not disabled;
- * - they are a focusable tag name or have a positive tab index;
- * - they don't have a negative tab index.
- * @param element the element to check.
- * @returns true if the element is focusable, false otherwise.
+ * @param varname the name of css variable.
+ * @returns the value of `varname`.
  */
-export function isFocusable(element?: Element | null) {
-  if (!element) return false
-  // is disabled: return false
-  if (element.ariaDisabled || element.getAttribute('disabled') !== null) return false
-  // is invisible: return false
-  if (!element.checkVisibility({ checkOpacity: true, checkVisibilityCSS: true })) return false
-  // has tab index: return false if negative, true otherwise
-  const tabIndexStr = element.getAttribute('tabindex')
-  const tabIndex = tabIndexStr ? parseInt(tabIndexStr) : undefined
-  if (tabIndex !== undefined) return tabIndex >= 0
-  // check the tag name
-  return ['a', 'button', 'input', 'iframe', 'select', 'textarea'].includes(element.tagName.toLowerCase() ?? '')
-}
-
-/**
- * Focus the element passed as parameter if it can receive focus. Otherwise, decides on another element to focus based on the HTML tree
- * and accessibility attributes.
- * 
- * Decision making:
- * - If the element is focusable, focus it.
- * - If the element is not focusable, check if it has an id and if another element controls it (aria-controls).
- * - If the element is controlled by another, try to focus the controller, based in this same algorithm.
- * - Otherwise, try to focus its parent.
- * 
- * If no focusable element is found. Nothing happens.
- * @param element the element to focus.
- */
-export function focusAccessibleElement(element?: Element | null) {
-  let elementToFocus = element as HTMLElement | null | undefined
-  while (elementToFocus && !isFocusable(elementToFocus)) {
-    const controlledBy = elementToFocus.id ? document.querySelector(`[aria-controls=${elementToFocus.id}]`) : undefined
-    elementToFocus = (controlledBy ?? elementToFocus.parentElement) as HTMLElement | null | undefined
-  }
-  elementToFocus?.focus?.()
-}
-
-/**
- * Focus the first focusable child of the element provided. If the element has no focusable child, nothing happens.
- * 
- * A priority list can be passed in the second parameter, as an option. If it's provided, it will focus the first element according to the
- * list.
- * 
- * An ignore query selector can also be passed in the options parameter. If the first focusable element matches the query selector, the
- * next element is focused instead.
- * 
- * @example
- * Suppose the children of element are: h1, button, p, input, select.
- * 1. We don't pass a priority list. The focused element will be the button.
- * 2. Our priority list is ['button']. The focused element will be the button.
- * 3. Our priority list is ['input', 'button']. The focused element will be the input.
- * 4. Our priority list is ['select', 'input']. The focused element will be the select.
- * 5. Our priority list is [['select', 'input'], 'button']. The focused element will be the input.
- * 
- * @param element the element to search a child to focus.
- * @param options optional.
- */
-export function focusFirstChild(element: HTMLElement | Document | null | undefined, { priority = [], ignore }: FocusOptions = {}) {
-  let focusable: NodeListOf<HTMLElement> | null | undefined
-  let missing: TagPriority[] = ['a', 'button', 'input', 'other', 'select', 'textarea']
-  for (const p of priority) {
-    const tags = Array.isArray(p) ? p : [p]
-    const querySelectors = tags.map(t => {
-      missing = missing.filter(tag => tag != t)
-      return selectors[t]
-    })
-    focusable = element?.querySelectorAll(querySelectors.join(', '))
-    if (focusable) break
-  }
-  if (!focusable) {
-    element?.querySelectorAll(missing.map(t => selectors[t]).join(', '))
-  }
-  let elementToFocus: HTMLElement | undefined
-  for (const f of focusable ?? []) {
-    if (!ignore || !f.matches(ignore)) {
-      const styles = window.getComputedStyle(f)
-      if (styles.display != 'none' && styles.visibility != 'hidden') {
-        elementToFocus = f
-        break
-      }
-    }
-  }
-  elementToFocus?.focus?.()
+export function valueOfLayoutVar(varname: string): string {
+  const layout = document.getElementById('layout')
+  if (!layout) return ''
+  return valueOf(varname, layout)
 }
 
 /**

package/dist/components/BottomNotification.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=BottomNotification.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomNotification.d.ts","sourceRoot":"","sources":["../../src/components/BottomNotification.tsx"],"names":[],"mappings":""}

package/dist/components/BottomNotification.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=BottomNotification.js.map

package/dist/components/BottomNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomNotification.js","sourceRoot":"","sources":["../../src/components/BottomNotification.tsx"],"names":[],"mappings":""}

package/dist/components/BottomPanel.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=BottomPanel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomPanel.d.ts","sourceRoot":"","sources":["../../src/components/BottomPanel.tsx"],"names":[],"mappings":""}

package/dist/components/BottomPanel.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=BottomPanel.js.map

package/dist/components/BottomPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomPanel.js","sourceRoot":"","sources":["../../src/components/BottomPanel.tsx"],"names":[],"mappings":""}

package/dist/components/SelectionList.d.ts

@@ -1,36 +0,0 @@
-import { WithStyle } from '@stack-spot/portal-theme';
-import { ReactElement } from 'react';
-import { Action } from './types.js';
-interface ItemWithIcon {
-    icon?: React.ReactElement;
-    iconRight?: React.ReactElement;
-}
-export interface ListAction extends ItemWithIcon, Action {
-    active?: boolean;
-}
-interface ListGroup {
-    type?: 'section' | 'collapsible';
-    children: ListItem[];
-}
-interface ListSection extends ListGroup {
-    type: 'section';
-    label?: string;
-}
-interface ListCollapsible extends ListGroup, ItemWithIcon {
-    type?: 'collapsible';
-    label: string;
-}
-type ListItem = ListSection | ListCollapsible | ListAction;
-export interface SelectionListProps extends WithStyle {
-    id: string;
-    visible?: boolean;
-    items: ListItem[];
-    onHide?: () => void;
-    maxHeight?: string;
-    before?: ReactElement;
-    after?: ReactElement;
-    scroll?: boolean;
-}
-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

@@ -1 +0,0 @@
-{"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;AAI/E,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEhC,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,MAAM;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACjC,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACtB;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,SAAS,EAAE,YAAY;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,QAAQ,GAAG,WAAW,GAAG,eAAe,GAAG,UAAU,CAAA;AAW1D,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAwHD,eAAO,MAAM,aAAa,wFAEvB,kBAAkB,4CAqFpB,CAAA"}

package/dist/components/SelectionList.js

@@ -1,140 +0,0 @@
-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 '../layout-context.js';
-import { useKeyboardControls } from './menu/use-keyboard-controls.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);
-}
-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

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

package/dist/components/error/ErrorDescriptor.d.ts

@@ -1,12 +0,0 @@
-export interface ErrorDescription {
-    code?: number;
-    message?: string;
-    debug?: boolean;
-}
-export type DescriptionFn = (error: any) => ErrorDescription;
-export declare class ErrorDescriptor {
-    private static descriptionFunction;
-    static setDescriptionFunction(fn: DescriptionFn): void;
-    static describe(error: any): ErrorDescription;
-}
-//# sourceMappingURL=ErrorDescriptor.d.ts.map

package/dist/components/error/ErrorDescriptor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorDescriptor.d.ts","sourceRoot":"","sources":["../../../src/components/error/ErrorDescriptor.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,gBAAgB,CAAA;AAE5D,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAEhC;IAEF,MAAM,CAAC,sBAAsB,CAAC,EAAE,EAAE,aAAa;IAI/C,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG;CAG3B"}

package/dist/components/error/ErrorDescriptor.js

@@ -1,17 +0,0 @@
-export class ErrorDescriptor {
-    static setDescriptionFunction(fn) {
-        this.descriptionFunction = fn;
-    }
-    static describe(error) {
-        return this.descriptionFunction(error);
-    }
-}
-Object.defineProperty(ErrorDescriptor, "descriptionFunction", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: error => ({
-        message: error.message || `${error}`,
-    })
-});
-//# sourceMappingURL=ErrorDescriptor.js.map

package/dist/components/error/ErrorDescriptor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorDescriptor.js","sourceRoot":"","sources":["../../../src/components/error/ErrorDescriptor.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,eAAe;IAK1B,MAAM,CAAC,sBAAsB,CAAC,EAAiB;QAC7C,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAA;IAC/B,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,KAAU;QACxB,OAAO,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;IACxC,CAAC;;AAVc;;;;WAAqC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC5D,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,GAAG,KAAK,EAAE;KACrC,CAAC;GAAA"}

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

@@ -1,3 +0,0 @@
-import { ErrorDescription } from './ErrorManager.js';
-export declare const ErrorFeedback: ({ code, message, debug }: ErrorDescription) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ErrorFeedback.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorFeedback.d.ts","sourceRoot":"","sources":["../../../src/components/error/ErrorFeedback.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAajD,eAAO,MAAM,aAAa,6BAAkC,gBAAgB,4CAgD3E,CAAA"}