@stenajs-webui/elements 18.1.2 → 18.3.0

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/tag/Tag.d.ts

@@ -1,10 +1,14 @@
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import * as React from "react";
+import { CSSProperties } from "react";
 export interface TagProps {
     variant?: TagVariant;
     label?: string;
     size?: TagSize;
     className?: string;
+    style?: CSSProperties;
+    icon?: IconDefinition;
 }
-export declare type TagVariant = "info" | "error" | "warning" | "success" | "passive" | "turquoise";
+export declare type TagVariant = "info" | "error" | "warning" | "success" | "passive";
 export declare type TagSize = "medium" | "small";
 export declare const Tag: React.FC<TagProps>;

package/dist/icons/ui/IconsUi.d.ts

@@ -73,6 +73,9 @@ export declare const stenaFileXlsLabel: IconDefinition;
 export declare const stenaFilter: IconDefinition;
 export declare const stenaFinancePaid: IconDefinition;
 export declare const stenaFinancePay: IconDefinition;
+export declare const stenaFinanceRaise: IconDefinition;
+export declare const stenaFinanceRebatePercent: IconDefinition;
+export declare const stenaFinanceRebate: IconDefinition;
 export declare const stenaFinanceUnpaid: IconDefinition;
 export declare const stenaFinanceWallet: IconDefinition;
 export declare const stenaHamburger: IconDefinition;
@@ -111,6 +114,7 @@ export declare const stenaQuestionBubble: IconDefinition;
 export declare const stenaQuestionCircle: IconDefinition;
 export declare const stenaRefresh: IconDefinition;
 export declare const stenaSailingCargo: IconDefinition;
+export declare const stenaSailingCrane: IconDefinition;
 export declare const stenaSailingDrivers: IconDefinition;
 export declare const stenaSailingGate: IconDefinition;
 export declare const stenaSailingImportExport: IconDefinition;
@@ -153,6 +157,7 @@ export declare const stenaSync: IconDefinition;
 export declare const stenaTag: IconDefinition;
 export declare const stenaTags: IconDefinition;
 export declare const stenaTimesCircle: IconDefinition;
+export declare const stenaTimesSmall: IconDefinition;
 export declare const stenaTimes: IconDefinition;
 export declare const stenaTodoDone: IconDefinition;
 export declare const stenaTodoList: IconDefinition;

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";