@stenajs-webui/elements 18.1.1 → 18.2.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v18.2.0 (Mon Feb 27 2023)
+
+#### 🚀 Enhancement
+
+- New modal API [#560](https://github.com/StenaIT/stenajs-webui/pull/560) ([@mattias800](https://github.com/mattias800))
+
+#### Authors: 1
+
+- Mattias Andersson ([@mattias800](https://github.com/mattias800))
+
+---
+
+# v18.1.2 (Mon Feb 27 2023)
+
+#### 🐛 Bug Fix
+
+- Button icons now customisable using CSS properties [#563](https://github.com/StenaIT/stenajs-webui/pull/563) ([@mattias800](https://github.com/mattias800))
+
+#### Authors: 1
+
+- Mattias Andersson ([@mattias800](https://github.com/mattias800))
+
+---
+
 # v18.0.1 (Thu Feb 16 2023)
 
 #### 🐛 Bug Fix

package/dist/components/ui/buttons/common/ButtonCommon.d.ts

@@ -2,7 +2,6 @@ import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { ReactNode } from "react";
 export declare type ButtonSize = "medium" | "small" | "large";
 export declare type ButtonVariant = "normal" | "danger" | "success";
-export declare const getIconSizeFromButtonSize: (size: ButtonSize, hasLabel: boolean) => ButtonSize;
 export interface CommonButtonProps {
     /** The text on the button. */
     label?: string;

package/dist/components/ui/buttons/common/ButtonContent.d.ts

@@ -14,6 +14,5 @@ export interface ButtonContentProps {
     spinnerClassName?: string;
     leftWrapperClassName?: string;
     rightWrapperClassName?: string;
-    iconSize?: "large" | "medium" | "small";
 }
 export declare const ButtonContent: React.FC<ButtonContentProps>;

package/dist/components/ui/dialog/DialogCommands.d.ts

@@ -0,0 +1,3 @@
+export declare type ShowCommand<TProps, TPromiseResolve> = keyof TProps extends never ? () => Promise<TPromiseResolve | undefined> : (props: TProps) => Promise<TPromiseResolve | undefined>;
+export declare type ResolveCommand<TPromiseResolve> = (resolveValue: TPromiseResolve) => void;
+export declare type RejectCommand = (error?: Error) => void;

package/dist/components/ui/dialog/DialogContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { RejectCommand, ResolveCommand } from "./DialogCommands";
+export interface DialogContextValue<TResolveValue> {
+    resolve: ResolveCommand<TResolveValue>;
+    reject: RejectCommand;
+}
+export declare const DialogContext: import("react").Context<DialogContextValue<any> | undefined>;

package/dist/components/ui/dialog/UseDialog.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode, RefObject } from "react";
+import { RejectCommand, ShowCommand } from "./DialogCommands";
+declare type UseDialogCallbacks<TProps, TPromiseResolve> = {
+    show: ShowCommand<TProps, TPromiseResolve>;
+    reject: RejectCommand;
+};
+export declare type UseDialogResult<TProps, TPromiseResolve> = [
+    ReactNode,
+    UseDialogCallbacks<TProps, TPromiseResolve>
+];
+export interface DialogOptions {
+    disableCloseOnClickOutside?: boolean;
+    modal: boolean;
+    className: string;
+    closingClassName: string;
+    contentWrapperClassName: string;
+    ref?: RefObject<HTMLDialogElement>;
+    onResolve?: () => void;
+    onReject?: () => void;
+}
+export declare function useDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, options: DialogOptions): UseDialogResult<TProps, TPromiseResolve>;
+export {};

package/dist/components/ui/dialog/UseDialogPromise.d.ts

@@ -0,0 +1,2 @@
+import { DialogContextValue } from "./DialogContext";
+export declare const useDialogPromise: <TResolveValue = void>() => DialogContextValue<TResolveValue>;

package/dist/components/ui/dialog/drawer/UseDrawerDialog.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DialogOptions, UseDialogResult } from "../UseDialog";
+export declare type SlideFrom = SlideFromLeftRight | SlideFromTopBottom;
+export declare type SlideFromLeftRight = "left" | "right";
+export declare type SlideFromTopBottom = "top" | "bottom";
+interface DrawerOptions extends Partial<Omit<DialogOptions, "disableCloseOnClickOutside">> {
+}
+export declare function useDrawerDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, slideFrom?: SlideFrom, options?: DrawerOptions): UseDialogResult<TProps, TPromiseResolve>;
+export {};

package/dist/components/ui/dialog/modal/UseModalDialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DialogOptions, UseDialogResult } from "../UseDialog";
+export declare function useModalDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, options?: Partial<DialogOptions>): UseDialogResult<TProps, TPromiseResolve>;

package/dist/components/ui/icon/Icon.d.ts

@@ -1,10 +1,10 @@
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-import { Omit, BoxProps } from "@stenajs-webui/core";
+import { BoxProps, Omit } from "@stenajs-webui/core";
 import * as React from "react";
 export interface IconProps extends Omit<FontAwesomeIconProps, "color" | "size" | "icon" | "display">, Pick<BoxProps, "display"> {
     icon?: IconDefinition;
     color?: string;
-    size?: number;
+    size?: number | string;
 }
 export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -42,3 +42,7 @@ export * from "./components/ui/value-table/ValueTable";
 export * from "./components/ui/value-table/ValueTableItem";
 export * from "./components/ui/route-leg/RouteLeg";
 export * from "./components/ui/route-leg/TimeTag";
+export * from "./components/ui/dialog/UseDialog";
+export * from "./components/ui/dialog/UseDialogPromise";
+export * from "./components/ui/dialog/drawer/UseDrawerDialog";
+export * from "./components/ui/dialog/modal/UseModalDialog";