@zonos/amino 5.2.21 → 5.2.23

package/all.d.ts

@@ -59,7 +59,6 @@ import './components/menu/MenuItem';
 import './components/nested-data-table/NestedDataTable';
 import './components/nested-data-table/NestedDataTableHasura';
 import './components/pivot-table/PivotTable';
-import './components/profile-icon/ProfileIcon';
 import './components/progress-bar/ProgressBar';
 import './components/radio/Radio';
 import './components/radio/RadioGroup';

package/components/dialog/DismissableDialog.d.ts

@@ -2,14 +2,16 @@ import type { ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
 import type { Theme } from "../../types/Theme";
 export type DismissableDialogIntent = 'danger' | 'warning' | 'info';
-export type DismissableDialogProps = BaseProps & {
-    actions?: ReactNode;
+export type DismissableDialogBaseArgs = {
     intent: DismissableDialogIntent;
     label: string;
-    open: boolean;
     subtitle?: ReactNode;
+};
+export type DismissableDialogProps = BaseProps & DismissableDialogBaseArgs & {
+    actions?: ReactNode;
+    open: boolean;
     themeOverride?: Theme;
     dismissAction: () => void;
 };
-export declare const _dismissableDialogGetButtonVariant: (intent: DismissableDialogIntent) => "danger" | "warning" | "primary";
+export declare const _dismissableDialogGetButtonVariant: (intent: DismissableDialogIntent) => "primary" | "warning" | "danger";
 export declare const DismissableDialog: ({ actions, dismissAction, intent, label, open, style, subtitle, themeOverride, }: DismissableDialogProps) => import("react/jsx-runtime").JSX.Element;

package/components/dialog/alert/AlertContext.d.ts

@@ -1,6 +1,10 @@
 import { type ReactNode } from 'react';
-import type { AlertDialogOpts } from "../../../types/AlertDialogOpts";
-export declare const AlertContext: import("react").Context<(opts: AlertDialogOpts) => void>;
+import type { DismissableDialogBaseArgs } from "../DismissableDialog";
+export type AlertDialogArgs = DismissableDialogBaseArgs & {
+    dismissText: string;
+    onDismiss: () => void;
+};
+export declare const AlertContext: import("react").Context<(opts: AlertDialogArgs) => void>;
 type Props = {
     children: ReactNode;
 };

package/components/dialog/alert/useAlert.d.ts

@@ -1 +1 @@
-export declare const useAlert: () => (opts: import("../../../types").AlertDialogOpts) => void;
+export declare const useAlert: () => (opts: import("./AlertContext").AlertDialogArgs) => void;

package/components/dialog/confirm/ConfirmContext.d.ts

@@ -1,6 +1,11 @@
 import { type ReactNode } from 'react';
-import type { ConfirmDialogOpts } from "../../../types/ConfirmDialogOpts";
-export declare const ConfirmContext: import("react").Context<(opts: ConfirmDialogOpts) => void>;
+import type { DismissableDialogBaseArgs } from "../DismissableDialog";
+export type ConfirmDialogArgs = DismissableDialogBaseArgs & {
+    confirmText: string;
+    dismissText: string;
+    onConfirm: (ok: boolean) => void;
+};
+export declare const ConfirmContext: import("react").Context<(opts: ConfirmDialogArgs) => void>;
 type Props = {
     children: ReactNode;
 };

package/components/dialog/confirm/useConfirm.d.ts

@@ -1 +1 @@
-export declare const useConfirm: () => (opts: import("../../../types").ConfirmDialogOpts) => void;
+export declare const useConfirm: () => (opts: import("./ConfirmContext").ConfirmDialogArgs) => void;

package/components/flex/Flex.d.ts

@@ -18,6 +18,14 @@ export type FlexProps = BaseProps & {
      */
     flexDirection?: CSSProperties['flexDirection'];
     flexWrap?: CSSProperties['flexWrap'];
+    /**
+     * @default false
+     */
+    fullHeight?: boolean;
+    /**
+     * @default false
+     */
+    fullWidth?: boolean;
     /**
      * @default 8
      */
@@ -31,4 +39,4 @@ export type FlexProps = BaseProps & {
      */
     padding?: number;
 };
-export declare const Flex: ({ alignItems, children, childrenFlex, className, flexDirection, flexWrap, gap, justifyContent, padding, style, }: FlexProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flex: ({ alignItems, children, childrenFlex, className, flexDirection, flexWrap, fullHeight, fullWidth, gap, justifyContent, padding, style, }: FlexProps) => import("react/jsx-runtime").JSX.Element;

package/components/flex/Flex.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),a=require("clsx"),l=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}var i=d(a),p="Amino_Flex-module__flexWrapper--RLOkf";l.styleInject(".Amino_Flex-module__flexWrapper--RLOkf{align-items:var(--dashboard-flex-wrapper-align-items);display:flex;flex-direction:var(--dashboard-flex-wrapper-flex-direction);flex-wrap:var(--dashboard-flex-wrapper-flex-wrap);gap:var(--dashboard-flex-wrapper-gap);justify-content:var(--dashboard-flex-wrapper-justify-content);padding:var(--dashboard-flex-wrapper-padding)}.Amino_Flex-module__flexWrapper--RLOkf>*{flex:var(--dashboard-flex-wrapper-flex-children)}");exports.Flex=function(a){var l=a.alignItems,d=void 0===l?"stretch":l,s=a.children,t=a.childrenFlex,n=void 0===t?"initial":t,o=a.className,f=a.flexDirection,x=void 0===f?"row":f,c=a.flexWrap,h=void 0===c?"nowrap":c,u=a.gap,w=void 0===u?8:u,v=a.justifyContent,_=void 0===v?"flex-start":v,b=a.padding,g=void 0===b?0:b,m=a.style;return r.jsx("div",{className:i.default(o,p),style:e.__assign(e.__assign({},m),{"--dashboard-flex-wrapper-align-items":d,"--dashboard-flex-wrapper-flex-children":n,"--dashboard-flex-wrapper-flex-direction":x,"--dashboard-flex-wrapper-flex-wrap":h,"--dashboard-flex-wrapper-gap":"".concat(w,"px"),"--dashboard-flex-wrapper-justify-content":_,"--dashboard-flex-wrapper-padding":"".concat(g,"px")}),children:s})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),l=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(l),o="Amino_Flex-module__flexWrapper--RLOkf",p="Amino_Flex-module__fullWidth--qdBi7",t="Amino_Flex-module__fullHeight--h1TZi";r.styleInject(".Amino_Flex-module__flexWrapper--RLOkf{align-items:var(--amino-flex-wrapper-align-items);display:flex;flex-direction:var(--amino-flex-wrapper-flex-direction);flex-wrap:var(--amino-flex-wrapper-flex-wrap);gap:var(--amino-flex-wrapper-gap);justify-content:var(--amino-flex-wrapper-justify-content);padding:var(--amino-flex-wrapper-padding)}.Amino_Flex-module__flexWrapper--RLOkf>*{flex:var(--amino-flex-wrapper-flex-children)}.Amino_Flex-module__flexWrapper--RLOkf.Amino_Flex-module__fullWidth--qdBi7{width:100%}.Amino_Flex-module__flexWrapper--RLOkf.Amino_Flex-module__fullHeight--h1TZi{height:100%}");exports.Flex=function(l){var r=l.alignItems,a=void 0===r?"stretch":r,f=l.children,x=l.childrenFlex,d=void 0===x?"initial":x,m=l.className,s=l.flexDirection,_=void 0===s?"row":s,u=l.flexWrap,c=void 0===u?"nowrap":u,v=l.fullHeight,w=void 0!==v&&v,g=l.fullWidth,h=void 0!==g&&g,F=l.gap,j=void 0===F?8:F,y=l.justifyContent,A=void 0===y?"flex-start":y,W=l.padding,q=void 0===W?0:W,k=l.style;return i.jsx("div",{className:n.default(m,o,h&&p,w&&t),style:e.__assign(e.__assign({},k),{"--amino-flex-wrapper-align-items":a,"--amino-flex-wrapper-flex-children":d,"--amino-flex-wrapper-flex-direction":_,"--amino-flex-wrapper-flex-wrap":c,"--amino-flex-wrapper-gap":"".concat(j,"px"),"--amino-flex-wrapper-justify-content":A,"--amino-flex-wrapper-padding":"".concat(q,"px")}),children:f})};

package/components/input/input-type/_DateInput.d.ts

@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -68,5 +68,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
     value: string | null;
     /** An additional value that appears next to the input but cannot be changed by the input */
     valuePrefix?: ReactNode;
-} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/components/input/input-type/_NumberInput.d.ts

@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_PasswordInput.d.ts

@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_TimeInput.d.ts

@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.2.21",
+  "version": "5.2.23",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -25,7 +25,6 @@
     "d3-geo": "^2.0.2",
     "fuse.js": "^6.6.2",
     "pretty-bytes": "^6.1.0",
-    "react-awesome-gravatar": "^2.0.3",
     "react-data-grid": "7.0.0-beta.34",
     "react-dropzone": "^12.1.0",
     "react-select": "^5.7.4",

package/types/index.d.ts

@@ -1,6 +1,4 @@
-export type { AlertDialogOpts } from './AlertDialogOpts';
 export type { Color } from './Color';
-export type { ConfirmDialogOpts } from './ConfirmDialogOpts';
 export type { FetcherError } from './FetcherError';
 export type * from './GridSpacing';
 export type { IconProps } from './IconProps';

package/utils/changeDeepProperty.d.ts

@@ -37,7 +37,7 @@ import type { DeepKeyof, DeepPropertyType } from "../types/deep/DeepKeyof";
       },
     };
  */
-export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends DeepKeyof<T, Depth>, Depth extends 0 | 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
+export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends DeepKeyof<T, Depth>, Depth extends 0 | 1 | 8 | 4 | 2 | 3 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
     obj: T;
     propertyPath: P;
     value: DeepPropertyType<T, P, Depth>;

package/utils/changeDeepPropertyAtIndex.d.ts

@@ -60,7 +60,7 @@ import type { DeepKeyofAtIndex, DeepPropertyTypeAtIndex } from "../types/deep/De
       },
     };
  */
-export declare const changeDeepPropertyAtIndex: <T extends object, P extends DeepKeyofAtIndex<T, Depth>, Depth extends 0 | 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
+export declare const changeDeepPropertyAtIndex: <T extends object, P extends DeepKeyofAtIndex<T, Depth>, Depth extends 0 | 1 | 8 | 4 | 2 | 3 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
     index: number;
     obj: T;
     propertyPath: P;

package/components/profile-icon/ProfileIcon.d.ts

@@ -1,6 +0,0 @@
-import type { ImageSize } from "../avatar/AvatarBase";
-export type Props = {
-    email: string | null;
-    size?: ImageSize;
-};
-export declare const ProfileIcon: ({ email, size }: Props) => import("react/jsx-runtime").JSX.Element;

package/components/profile-icon/ProfileIcon.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react-awesome-gravatar"),a=require("../avatar/UserAvatar.js"),i=require("../../style-inject.es-d4ddeae4.js");require("../avatar/AvatarBase.js"),require("../../_tslib-bd4862e8.js"),require("clsx"),require("../../styles/constants/theme.js");var t="Amino_ProfileIcon-module__avatar--4N7uA";i.styleInject(".Amino_ProfileIcon-module__avatar--4N7uA{border-radius:50%;cursor:pointer;height:auto;max-width:var(--amino-profile-icon-max-width);overflow:hidden;width:100%}");exports.ProfileIcon=function(i){var s=i.email,o=i.size,l=void 0===o?32:o,n={default:"mp",size:l},u=s&&r.getGravatarUrl(s,n);return u?e.jsx("img",{alt:"Profile",className:t,src:u,style:{"--amino-profile-icon-max-width":"".concat(l,"px")}}):e.jsx(a.UserAvatar,{size:l})};

package/types/AlertDialogOpts.d.ts

@@ -1,8 +0,0 @@
-import type { DismissableDialogIntent } from "../components/dialog/DismissableDialog";
-export type AlertDialogOpts = {
-    dismissText: string;
-    intent: DismissableDialogIntent;
-    label: string;
-    subtitle: string;
-    onDismiss: () => void;
-};

package/types/ConfirmDialogOpts.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-import type { DismissableDialogIntent } from "../components/dialog/DismissableDialog";
-export type ConfirmDialogOpts = {
-    confirmText: string;
-    dismissText: string;
-    intent: DismissableDialogIntent;
-    label: string;
-    subtitle?: ReactNode;
-    onConfirm: (ok: boolean) => void;
-};