@popmenu/admin-ui 0.126.0 → 0.126.2

package/build/{theme → cjs/theme}/overrides.d.ts

@@ -1,30 +1,30 @@
-export declare const overrides: {
-    MuiCssBaseline: {
-        '@global': {
-            '*::-webkit-scrollbar': {
-                width: string;
-            };
-            '*::-webkit-scrollbar-thumb': {
-                backgroundColor: string;
-                border: string;
-                borderRadius: string;
-            };
-            '*::-webkit-scrollbar-track': {
-                backgroundColor: string;
-                borderRadius: string;
-            };
-        };
-    };
-    MuiSwitch: {
-        checked: {};
-        track: {};
-        switchBase: {
-            '&$checked': {
-                color: string;
-                '& + $track': {
-                    background: string;
-                };
-            };
-        };
-    };
-};
+export declare const overrides: {
+    MuiCssBaseline: {
+        '@global': {
+            '*::-webkit-scrollbar': {
+                width: string;
+            };
+            '*::-webkit-scrollbar-thumb': {
+                backgroundColor: string;
+                border: string;
+                borderRadius: string;
+            };
+            '*::-webkit-scrollbar-track': {
+                backgroundColor: string;
+                borderRadius: string;
+            };
+        };
+    };
+    MuiSwitch: {
+        checked: {};
+        track: {};
+        switchBase: {
+            '&$checked': {
+                color: string;
+                '& + $track': {
+                    background: string;
+                };
+            };
+        };
+    };
+};

package/build/{theme → cjs/theme}/palette.d.ts

@@ -1,128 +1,128 @@
-export declare const basePalette: {
-    /** Semantic Colors */
-    primary: {
-        light: string;
-        main: string;
-        dark: string;
-        contrastText: string;
-        gradientStart: string;
-        gradientEnd: string;
-    };
-    info: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    success: {
-        light: string;
-        main: string;
-        dark: string;
-        contrastText: string;
-    };
-    error: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    warning: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    /** Colors */
-    blue: {
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-    };
-    green: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    purple: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    red: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    yellow: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    gray: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    white: {
-        main: string;
-    };
-};
-export declare const adminLightPalette: {
-    type: string;
-    /** Semantic Colors */
-    secondary: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-    surface: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-};
-export declare const adminDarkPalette: {
-    type: string;
-    /** Semantic Colors */
-    secondary: {
-        light: string;
-        main: string;
-    };
-    surface: {
-        light: string;
-        main: string;
-        dark: string;
-    };
-};
-export declare const dataVizPalette: {
-    data: {
-        blue: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        peach: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        pink: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        purple: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        marigold: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        teal: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-    };
-};
+export declare const basePalette: {
+    /** Semantic Colors */
+    primary: {
+        light: string;
+        main: string;
+        dark: string;
+        contrastText: string;
+        gradientStart: string;
+        gradientEnd: string;
+    };
+    info: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    success: {
+        light: string;
+        main: string;
+        dark: string;
+        contrastText: string;
+    };
+    error: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    warning: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    /** Colors */
+    blue: {
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    green: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    purple: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    red: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    yellow: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    gray: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    white: {
+        main: string;
+    };
+};
+export declare const adminLightPalette: {
+    type: string;
+    /** Semantic Colors */
+    secondary: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    surface: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+};
+export declare const adminDarkPalette: {
+    type: string;
+    /** Semantic Colors */
+    secondary: {
+        light: string;
+        main: string;
+    };
+    surface: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+};
+export declare const dataVizPalette: {
+    data: {
+        blue: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        peach: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        pink: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        purple: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        marigold: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        teal: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+    };
+};

package/build/{theme → cjs/theme}/props.d.ts

@@ -1,8 +1,8 @@
-export declare const props: {
-    MuiSwitch: {
-        color: string;
-    };
-    MuiTextField: {
-        variant: string;
-    };
-};
+export declare const props: {
+    MuiSwitch: {
+        color: string;
+    };
+    MuiTextField: {
+        variant: string;
+    };
+};

package/build/{theme → cjs/theme}/typography.d.ts

@@ -1,61 +1,61 @@
-export declare const adminThemeTypography: {
-    htmlFontSize: number;
-    fontFamily: string;
-    h1: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    h2: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    h3: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    h4: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    h5: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    h6: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    h7: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    body1: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    body2: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-    };
-    subtitle1: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-    };
-    button: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        textTransform: string;
-    };
-};
+export declare const adminThemeTypography: {
+    htmlFontSize: number;
+    fontFamily: string;
+    h1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h3: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h4: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h5: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h6: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h7: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    subtitle1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    button: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        textTransform: string;
+    };
+};

package/build/esm/components/Alert/Alert.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AlertProps } from './AlertProps';
+export declare const Alert: React.ForwardRefExoticComponent<Pick<AlertProps, "classes" | "icon" | "action" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "elevation" | "square" | "innerRef" | "fullWidth" | "link" | "closeText" | "severity" | "iconMapping" | "onClose"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/Alert/Alert.js

@@ -0,0 +1,41 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Link, IconButton, Icon, Alert as Alert$1 } from '@popmenu/common-ui';
+import { X, CheckCircle, Warning, Error, Info } from '@popmenu/web-icons';
+import { useAlertStyles } from './AlertStyles.js';
+
+var severityIcons = {
+    info: Info,
+    error: Error,
+    warning: Warning,
+    success: CheckCircle,
+};
+var getLinkProps = function (link) {
+    if (!link)
+        return null;
+    var href = link.href, onClick = link.onClick, text = link.text;
+    if (!text)
+        return null;
+    var props = { children: text };
+    if (href)
+        return __assign(__assign({}, props), { href: href });
+    if (onClick)
+        return __assign(__assign({}, props), { onClick: onClick });
+    return null;
+};
+var Alert = forwardRef(function (props, ref) {
+    var children = props.children, link = props.link, _a = props.severity, severity = _a === void 0 ? 'error' : _a, _b = props.variant, variant = _b === void 0 ? 'outlined' : _b, onClose = props.onClose, muiProps = __rest(props, ["children", "link", "severity", "variant", "onClose"]);
+    var classes = useAlertStyles(props);
+    var validLink = link && getLinkProps(link);
+    var Action = (React.createElement(React.Fragment, null,
+        validLink && React.createElement(Link, __assign({}, validLink)),
+        onClose && (React.createElement(IconButton, { onClick: onClose },
+            React.createElement(Icon, { icon: X })))));
+    return (React.createElement(Alert$1, __assign({ ref: ref, classes: classes, 
+        // @ts-expect-error - todo.
+        icon: React.createElement(Icon, { icon: severityIcons[severity], size: "extra-large" }), action: Action, variant: variant, severity: severity }, muiProps), children));
+});
+Alert.displayName = 'Alert';
+
+export { Alert };
+//# sourceMappingURL=Alert.js.map

package/build/esm/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Icon, Link, IconButton, Alert as CommonAlert } from '@popmenu/common-ui'\nimport { Info, Error as ErrorIcon, X as XIcon, Warning, CheckCircle } from '@popmenu/web-icons'\nimport { LinkProps } from '@material-ui/core'\nimport { useAlertStyles } from './AlertStyles'\nimport { AlertProps } from './AlertProps'\n\nconst severityIcons: Record<Extract<AlertProps, 'severity'>, string> = {\n  info: Info,\n  error: ErrorIcon,\n  warning: Warning,\n  success: CheckCircle,\n}\n\nconst getLinkProps = (link: AlertProps['link']): Pick<LinkProps, 'children' | 'href' | 'onClick'> | null => {\n  if (!link) return null\n\n  const { href, onClick, text } = link\n\n  if (!text) return null\n\n  const props = { children: text }\n\n  if (href) return { ...props, href }\n  if (onClick) return { ...props, onClick }\n\n  return null\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const { children, link, severity = 'error', variant = 'outlined', onClose, ...muiProps } = props\n  const classes = useAlertStyles(props)\n  const validLink = link && getLinkProps(link)\n  const Action = (\n    <React.Fragment>\n      {validLink && <Link {...validLink} />}\n      {onClose && (\n        <IconButton onClick={onClose}>\n          <Icon icon={XIcon} />\n        </IconButton>\n      )}\n    </React.Fragment>\n  )\n\n  return (\n    <CommonAlert\n      ref={ref}\n      classes={classes}\n      // @ts-expect-error - todo.\n      icon={<Icon icon={severityIcons[severity]} size=\"extra-large\" />}\n      action={Action}\n      variant={variant}\n      severity={severity}\n      {...muiProps}\n    >\n      {children}\n    </CommonAlert>\n  )\n})\n\nAlert.displayName = 'Alert'\n"],"names":["ErrorIcon","XIcon","CommonAlert"],"mappings":";;;;;;AAQA,IAAM,aAAa,GAAoD;AACrE,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAEA,KAAS;AAChB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,OAAO,EAAE,WAAW;CACrB;AAED,IAAM,YAAY,GAAG,UAAC,IAAwB,EAAA;AAC5C,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEd,IAAA,IAAA,IAAI,GAAoB,IAAI,CAAA,IAAxB,EAAE,OAAO,GAAW,IAAI,CAAA,OAAf,EAAE,IAAI,GAAK,IAAI,KAAT;AAE3B,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,IAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;AAEhC,IAAA,IAAI,IAAI;AAAE,QAAA,OAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAY,KAAK,CAAA,EAAA,EAAE,IAAI,EAAA,IAAA,EAAE,CAAA;AACnC,IAAA,IAAI,OAAO;AAAE,QAAA,OAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAY,KAAK,CAAA,EAAA,EAAE,OAAO,EAAA,OAAA,EAAE,CAAA;AAEzC,IAAA,OAAO,IAAI;AACb,CAAC;IAEY,KAAK,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAE,GAAG,EAAA;AAC7D,IAAA,IAAA,QAAQ,GAA2E,KAAK,CAAhF,QAAA,EAAE,IAAI,GAAqE,KAAK,CAA1E,IAAA,EAAE,KAAmE,KAAK,CAAA,QAAtD,EAAlB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EAAE,EAA+C,GAAA,KAAK,QAAhC,EAApB,OAAO,mBAAG,UAAU,GAAA,EAAA,EAAE,OAAO,GAAkB,KAAK,CAAA,OAAvB,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAA1F,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAkF,CAAF;AACtF,IAAA,IAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC;IACrC,IAAM,SAAS,GAAG,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC;AAC5C,IAAA,IAAM,MAAM,IACV,KAAC,CAAA,aAAA,CAAA,KAAK,CAAC,QAAQ,EAAA,IAAA;AACZ,QAAA,SAAS,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAI,CAAA;AACpC,QAAA,OAAO,KACN,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAE,OAAO,EAAA;YAC1B,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAEC,CAAK,GAAI,CACV,CACd,CACc,CAClB;IAED,QACE,KAAC,CAAA,aAAA,CAAAC,OAAW,EACV,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO;;AAEhB,QAAA,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAC,aAAa,EAAG,CAAA,EAChE,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IACd,QAAQ,CAAA,EAEX,QAAQ,CACG;AAElB,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/esm/components/Alert/AlertProps.d.ts

@@ -0,0 +1,14 @@
+import { AlertProps as CommonAlertProps } from '@popmenu/common-ui';
+import { RefObject } from 'react';
+export interface AlertProps extends CommonAlertProps {
+    /** Makes the fill the width of its container */
+    fullWidth?: boolean;
+    /** Adds a Link to the Alert. */
+    link?: {
+        href?: string;
+        onClick?: () => void;
+        text: string;
+    };
+    /** @ignore */
+    ref?: RefObject<HTMLDivElement>;
+}

package/build/esm/components/Alert/AlertStyles.d.ts

@@ -0,0 +1,2 @@
+import { AlertProps } from './AlertProps';
+export declare const useAlertStyles: (props: AlertProps) => import("@material-ui/styles").ClassNameMap<"root">;

package/build/esm/components/Alert/AlertStyles.js

@@ -0,0 +1,21 @@
+import { makeStyles } from '@material-ui/core';
+
+var useAlertStyles = makeStyles(function (theme) { return ({
+    root: {
+        alignItems: 'center',
+        width: function (_a) {
+            var fullWidth = _a.fullWidth;
+            return (fullWidth ? '100%' : 'unset');
+        },
+        background: 'white',
+        borderColor: function (props) { return theme.palette[props.severity || 'error'].main; },
+        borderLeft: theme.spacing(1) + "px solid",
+        color: theme.palette.text.primary,
+    },
+    icon: {
+        alignSelf: 'start',
+    },
+}); });
+
+export { useAlertStyles };
+//# sourceMappingURL=AlertStyles.js.map

package/build/esm/components/Alert/AlertStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertStyles.js","sources":["../../../../src/components/Alert/AlertStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { AlertProps } from './AlertProps'\n\nexport const useAlertStyles = makeStyles<Theme, AlertProps, 'root'>((theme) => ({\n  root: {\n    alignItems: 'center',\n    width: ({ fullWidth }) => (fullWidth ? '100%' : 'unset'),\n    background: 'white',\n    borderColor: (props) => theme.palette[props.severity || 'error'].main,\n    borderLeft: `${theme.spacing(1)}px solid`,\n    color: theme.palette.text.primary,\n  },\n  icon: {\n    alignSelf: 'start',\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAA4B,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9E,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;YAAO,QAAC,SAAS,GAAG,MAAM,GAAG,OAAO;SAAC;AACxD,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,GAAA;AACrE,QAAA,UAAU,EAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAU,UAAA;AACzC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,OAAO;AACnB,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert as default } from './Alert';
+export { AlertProps } from './AlertProps';

package/build/esm/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AlertDialogProps } from './AlertDialogProps';
+export declare const AlertDialog: React.ForwardRefExoticComponent<Pick<AlertDialogProps, "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "maxWidth" | "transitionDuration" | "scroll" | "open" | "disabled" | "fullWidth" | "severity" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "container" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "cancelButtonText" | "hideCancelButton" | "descriptionId" | "labelId" | "onCancel" | "onProceed" | "proceedButtonText" | "fullScreen" | "PaperComponent" | "PaperProps" | "TransitionComponent" | "TransitionProps"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/AlertDialog/AlertDialog.js

@@ -0,0 +1,32 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Button } from '../Button/Button.js';
+import { Dialog, Card, IconButton, Icon, CardContent, Box, CardActions } from '@popmenu/common-ui';
+import { X, CheckCircle, Warning, Error, Info } from '@popmenu/web-icons';
+import { useAlertDialogStyles } from './AlertDialogStyles.js';
+
+var severityIcons = {
+    info: Info,
+    error: Error,
+    warning: Warning,
+    success: CheckCircle,
+};
+var AlertDialog = forwardRef(function (props, ref) {
+    var _a = props.cancelButtonText, cancelButtonText = _a === void 0 ? 'cancel' : _a, _b = props.hideCancelButton, hideCancelButton = _b === void 0 ? false : _b, children = props.children, labelId = props.labelId, descriptionId = props.descriptionId, _c = props.severity, severity = _c === void 0 ? 'info' : _c, _d = props.proceedButtonText, proceedButtonText = _d === void 0 ? 'proceed' : _d, _e = props.disabled, disabled = _e === void 0 ? false : _e, onClose = props.onClose, onCancel = props.onCancel, onProceed = props.onProceed, DialogProps = __rest(props, ["cancelButtonText", "hideCancelButton", "children", "labelId", "descriptionId", "severity", "proceedButtonText", "disabled", "onClose", "onCancel", "onProceed"]);
+    var classes = useAlertDialogStyles(props);
+    return (React.createElement(Dialog, __assign({ ref: ref, classes: { paper: classes.root }, maxWidth: "sm", fullWidth: true }, DialogProps),
+        React.createElement(Card, { classes: { root: classes.card }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": labelId, "aria-describedby": descriptionId },
+            React.createElement(IconButton, { className: classes.cancelIcon, onClick: onClose, disabled: disabled },
+                React.createElement(Icon, { icon: X })),
+            React.createElement(CardContent, null,
+                React.createElement(Box, { display: "flex" },
+                    React.createElement(Icon, { className: classes.icon, color: severity, icon: severityIcons[severity] }),
+                    React.createElement(Box, { pl: 2, pr: 3 }, children))),
+            React.createElement(CardActions, { classes: { root: classes.cardActions } },
+                !hideCancelButton && (React.createElement(Button, { onClick: onCancel, disabled: disabled, variant: "ghost" }, cancelButtonText)),
+                React.createElement(Button, { onClick: onProceed, loading: disabled, variant: severity }, proceedButtonText)))));
+});
+AlertDialog.displayName = 'AlertDialog';
+
+export { AlertDialog };
+//# sourceMappingURL=AlertDialog.js.map

package/build/esm/components/AlertDialog/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport Button from '../Button'\nimport { Card, Dialog, Icon, IconButton, Box, CardActions, CardContent } from '@popmenu/common-ui'\nimport { Info, Error as ErrorIcon, X as XIcon, Warning, CheckCircle } from '@popmenu/web-icons'\nimport { useAlertDialogStyles } from './AlertDialogStyles'\nimport { AlertDialogProps } from './AlertDialogProps'\n\nconst severityIcons: Record<Extract<AlertDialogProps, 'severity'>, string> = {\n  info: Info,\n  error: ErrorIcon,\n  warning: Warning,\n  success: CheckCircle,\n}\n\nexport const AlertDialog = forwardRef<HTMLDivElement, AlertDialogProps>((props, ref) => {\n  const {\n    cancelButtonText = 'cancel',\n    hideCancelButton = false,\n    children,\n    labelId,\n    descriptionId,\n    severity = 'info',\n    proceedButtonText = 'proceed',\n    disabled = false,\n    onClose,\n    onCancel,\n    onProceed,\n    ...DialogProps\n  } = props\n  const classes = useAlertDialogStyles(props)\n  return (\n    <Dialog ref={ref} classes={{ paper: classes.root }} maxWidth=\"sm\" fullWidth={true} {...DialogProps}>\n      <Card\n        classes={{ root: classes.card }}\n        role=\"alertdialog\"\n        aria-modal=\"true\"\n        aria-labelledby={labelId}\n        aria-describedby={descriptionId}\n      >\n        <IconButton className={classes.cancelIcon} onClick={onClose} disabled={disabled}>\n          <Icon icon={XIcon} />\n        </IconButton>\n        <CardContent>\n          <Box display=\"flex\">\n            {/* @ts-expect-error - todo. */}\n            <Icon className={classes.icon} color={severity} icon={severityIcons[severity]} />\n            <Box pl={2} pr={3}>\n              {children}\n            </Box>\n          </Box>\n        </CardContent>\n        <CardActions classes={{ root: classes.cardActions }}>\n          {!hideCancelButton && (\n            <Button onClick={onCancel} disabled={disabled} variant=\"ghost\">\n              {cancelButtonText}\n            </Button>\n          )}\n          <Button onClick={onProceed} loading={disabled} variant={severity}>\n            {proceedButtonText}\n          </Button>\n        </CardActions>\n      </Card>\n    </Dialog>\n  )\n})\n\nAlertDialog.displayName = 'AlertDialog'\n"],"names":["ErrorIcon","XIcon"],"mappings":"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"}