npm - @konstructio/ui - Versions diffs - 0.1.2-alpha.109 → 0.1.2-alpha.110 - Mend

@konstructio/ui 0.1.2-alpha.109 → 0.1.2-alpha.110

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (319) hide show

package/dist/lib/components/Toast/constants/index.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { ErrorIcon } from '../../../assets/icons/components';
+import { ToastType } from '../Toast.types';
+export declare const DEFAULT_TOAST_DURATION = 3000;
+export declare const DEFAULT_TOAST_LIMIT = 5;
+export declare const TOAST_DISMISS_STAGGER_MS = 300;
+export declare const DEFAULT_MAX_VISIBLE_TOASTS = 3;
+export declare const COLLAPSED_STEP_PX = 12;
+export declare const COLLAPSED_SCALE_STEP = 0.05;
+export declare const EXPANDED_GAP_PX = 12;
+export declare const TOAST_TRANSITION: {
+    readonly type: "spring";
+    readonly stiffness: 320;
+    readonly damping: 32;
+    readonly mass: 0.9;
+};
+export declare const TOAST_ENTER_TRANSITION: {
+    readonly type: "spring";
+    readonly stiffness: 260;
+    readonly damping: 26;
+};
+export declare const TOAST_EXIT_TRANSITION: {
+    readonly duration: 0.15;
+    readonly ease: "easeOut";
+};
+export declare const TOAST_ICONS: Record<ToastType, typeof ErrorIcon>;

package/dist/lib/components/Toast/contexts/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './toast-store.context';

package/dist/lib/components/Toast/contexts/toast-store.context.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ToastStore } from '../store/create-toast-store.types';
2	+ export declare const ToastStoreContext: import('react').Context<ToastStore \| null>;

package/dist/lib/components/Toast/hooks/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export * from './useStackExpansion/useStackExpansion';
+export * from './useToast/useToast';
+export * from './useToastHeights/useToastHeights';
+export * from './useToastSource/useToastSource';
+export * from './useToastStore/useToastStore';
+export * from './useToastTimer/useToastTimer';

package/dist/lib/components/Toast/hooks/useStackExpansion/useStackExpansion.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { UseStackExpansionResult } from './useStackExpansion.types';
2	+ export declare const useStackExpansion: () => UseStackExpansionResult;

package/dist/lib/components/Toast/hooks/useStackExpansion/useStackExpansion.types.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+export type StackRegionHandlers = Pick<HTMLAttributes<HTMLElement>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'>;
+export type UseStackExpansionResult = {
+    expanded: boolean;
+    regionHandlers: StackRegionHandlers;
+};

package/dist/lib/components/Toast/hooks/useToast/useToast.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ToastActions } from '../../store/create-toast-store.types';
2	+ export declare const useToast: () => ToastActions;

package/dist/lib/components/Toast/hooks/useToastHeights/useToastHeights.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { UseToastHeightsResult } from './useToastHeights.types';
2	+ export declare const useToastHeights: () => UseToastHeightsResult;

package/dist/lib/components/Toast/hooks/useToastHeights/useToastHeights.types.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ToastHeights } from '../../Toast.types';
+export type UseToastHeightsResult = {
+    heights: ToastHeights;
+    removeHeight: (id: string) => void;
+    setHeight: (id: string, height: number) => void;
+};

package/dist/lib/components/Toast/hooks/useToastSource/useToastSource.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { UseToastSourceOptions, UseToastSourceResult } from './useToastSource.types';
2	+ export declare const useToastSource: ({ toasts, onDismiss, }: UseToastSourceOptions) => UseToastSourceResult;

package/dist/lib/components/Toast/hooks/useToastSource/useToastSource.types.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { ToastStoreOptions } from '../../store/create-toast-store.types';
+import { ToastItem } from '../../Toast.types';
+export type UseToastSourceOptions = {
+    toasts?: ToastItem[];
+    onDismiss?: (id: string) => void;
+};
+export type UseToastSourceResult = {
+    toasts: ToastItem[];
+    configure: (options: ToastStoreOptions) => void;
+    dismiss: (id: string) => void;
+};

package/dist/lib/components/Toast/hooks/useToastStore/useToastStore.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { ToastStore, ToastStoreState } from '../../store/create-toast-store.types';
+export declare const useToastStoreApi: () => ToastStore;
+export declare const useToastStore: <T>(selector: (state: ToastStoreState) => T) => T;

package/dist/lib/components/Toast/hooks/useToastTimer/useToastTimer.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { UseToastTimerOptions } from './useToastTimer.types';
2	+ export declare const useToastTimer: ({ duration, paused, restart, resumeDelay, onExpire, }: UseToastTimerOptions) => void;

package/dist/lib/components/Toast/hooks/useToastTimer/useToastTimer.types.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export type UseToastTimerOptions = {
+    duration: number;
+    paused: boolean;
+    restart: boolean;
+    resumeDelay: number;
+    onExpire: () => void;
+};

package/dist/lib/components/Toast/store/create-toast-store.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ToastStore, ToastStoreOptions } from './create-toast-store.types';
2	+ export declare const createToastStore: (initialOptions?: ToastStoreOptions) => ToastStore;

package/dist/lib/components/Toast/store/create-toast-store.types.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { ToastInput, ToastItem } from '../Toast.types';
+export type ToastStoreState = {
+    toasts: ToastItem[];
+    add: (input: ToastInput) => string;
+    remove: (id: string) => void;
+    clear: () => void;
+};
+export type ToastStoreListener = (state: ToastStoreState, previous: ToastStoreState) => void;
+export type ToastStore = {
+    configure: (options: ToastStoreOptions) => void;
+    getState: () => ToastStoreState;
+    subscribe: (listener: ToastStoreListener) => () => void;
+};
+export type ToastStoreOptions = {
+    /** Auto-dismiss duration applied when a toast has none (default: 3000) */
+    duration?: number;
+    /** Toasts kept in the queue; the oldest is dropped past it (default: 5) */
+    limit?: number;
+};
+export type ToastActions = {
+    addToast: (input: ToastInput) => string;
+    removeToast: (id: string) => void;
+    clearAllToasts: () => void;
+};

package/dist/lib/components/Toast/store/default-toast-store.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const defaultToastStore: import('./create-toast-store.types').ToastStore;

package/dist/lib/components/Toast/store/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './create-toast-store';
2	+ export * from './default-toast-store';

package/dist/lib/components/Toast/utils/compute-stack-layout/compute-stack-layout.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { StackLayout, StackLayoutInput } from './compute-stack-layout.types';
2	+ export declare const computeStackLayout: ({ expanded, heights, maxVisible, toasts, }: StackLayoutInput) => StackLayout;

package/dist/lib/components/Toast/utils/compute-stack-layout/compute-stack-layout.types.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ToastHeights, ToastItem } from '../../Toast.types';
+export type StackLayoutInput = {
+    expanded: boolean;
+    heights: ToastHeights;
+    maxVisible: number;
+    toasts: ToastItem[];
+};
+export type StackLayout = {
+    frontHeight: number;
+    offsets: number[];
+    regionHeight: number;
+};

package/dist/lib/components/Toast/utils/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './compute-stack-layout/compute-stack-layout';

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { Props } from './Actions.types';
-export declare const Actions: <TData extends RowData>({ isPortal, ...props }: Props<TData>) => import("react").JSX.Element | null;
+export declare const Actions: <TData extends RowData>({ isPortal, ...props }: Props<TData>) => import('react').JSX.Element | null;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { RowData } from '../../../../VirtualizedTable.types';
 import { Props } from './ActionsList.types';
-export declare const ActionsList: <TData extends RowData>({ actions, className, isMenu, rowData, onSelect, }: Props<TData>) => import("react").JSX.Element;
+export declare const ActionsList: <TData extends RowData>({ actions, className, isMenu, rowData, onSelect, }: Props<TData>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/InlineActions.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { RowData } from '../../../../VirtualizedTable.types';
 import { Props } from '../../Actions.types';
-export declare const InlineActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import("react").JSX.Element;
+export declare const InlineActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/PortalActions.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { RowData } from '../../../../VirtualizedTable.types';
 import { Props } from '../../Actions.types';
-export declare const PortalActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import("react").JSX.Element;
+export declare const PortalActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Body/Body.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { BodyProps } from './Body.types';
-export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, emptyState, errorState, }: BodyProps<TData>) => import("react").JSX.Element;
+export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, emptyState, errorState, }: BodyProps<TData>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/DotPaginate/DotPaginate.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const DotPaginate: () => import("react").JSX.Element;
1	+ export declare const DotPaginate: () => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/FormPaginate/FormPaginate.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const FormPaginate: () => import("react").JSX.Element;
1	+ export declare const FormPaginate: () => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Header/Header.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { Props } from './Header.types';
-export declare const Header: <TData extends RowData>({ className, classNameArrows, classNameActiveArrows, classNameHeaderContent, }: Props) => import("react").JSX.Element;
+export declare const Header: <TData extends RowData>({ className, classNameArrows, classNameActiveArrows, classNameHeaderContent, }: Props) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Skeleton/Skeleton.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { SkeletonProps } from './Skeleton.types';
-export declare const Skeleton: <T>({ numberOfRows, table }: SkeletonProps<T>) => import("react").JSX.Element;
+export declare const Skeleton: <T>({ numberOfRows, table }: SkeletonProps<T>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/TruncateText/TruncateText.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { Props } from './TruncateText.types';
-export declare const TruncateText: <TData>({ getValue, value, textClassName, side, sideOffset, bgClassName, arrowClassName, className, delayDuration, }: Props<TData>) => import("react").JSX.Element;
+export declare const TruncateText: <TData>({ getValue, value, textClassName, side, sideOffset, bgClassName, arrowClassName, className, delayDuration, }: Props<TData>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/contexts/table.provider.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { RowData } from '../VirtualizedTable.types';
 import { Props } from './table.types';
-export declare const TableProvider: <TData extends RowData = RowData>({ children, classNameExpandedCell, classNameExpandedContent, classNameExpandedRow, classNameExpandedHeader, classNameActiveExpandedRow, classNameHoverRow, columns, data: defaultData, defaultExpanded, enableExpandedRow, enableHoverRow, expandedState, headerContent, id, isPaginationEnabled, queryOptions, totalItems, getRowId, fetchData, onExpandedChange, renderExpandedRow, keepExpandColumnVisible, }: Props<TData>) => import("react").JSX.Element;
+export declare const TableProvider: <TData extends RowData = RowData>({ children, classNameExpandedCell, classNameExpandedContent, classNameExpandedRow, classNameExpandedHeader, classNameActiveExpandedRow, classNameHoverRow, columns, data: defaultData, defaultExpanded, enableExpandedRow, enableHoverRow, expandedState, headerContent, id, isPaginationEnabled, queryOptions, totalItems, getRowId, fetchData, onExpandedChange, renderExpandedRow, keepExpandColumnVisible, }: Props<TData>) => import('react').JSX.Element;

package/dist/lib/components/index.d.ts CHANGED Viewed

@@ -44,6 +44,14 @@ export * from './TagSelect/TagSelect';
 export * from './TextArea/TextArea';
 export * from './TimePicker/TimePicker';
 export * from './Toast/Toast';
+export * from './Toast/ToastProvider';
+export * from './Toast/hooks/useToast/useToast';
+export * from './Toast/hooks/useToastStore/useToastStore';
+export * from './Toast/store/create-toast-store';
+export { DEFAULT_MAX_VISIBLE_TOASTS, DEFAULT_TOAST_DURATION, DEFAULT_TOAST_LIMIT, } from './Toast/constants';
+export type { Props as ToastProps, ToastInput, ToastItem, ToastType, } from './Toast/Toast.types';
+export type { Props as ToastProviderProps } from './Toast/ToastProvider.types';
+export type { ToastActions, ToastStore, ToastStoreOptions, ToastStoreState, } from './Toast/store/create-toast-store.types';
 export * from './Tooltip/Tooltip';
 export * from './Typography/Typography';
 export * from './VirtualizedTable/VirtualizedTable';

package/dist/lib/hooks/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 export * from './useClickOutside';
+export * from './useIsHydrated/useIsHydrated';
 export * from './useMediaQuery';
 export * from './useToggle';

package/dist/lib/hooks/useIsHydrated/useIsHydrated.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const useIsHydrated: () => boolean;

package/dist/lib/hooks/useIsHydrated/utils/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './noop-subscribe/noop-subscribe';

package/dist/lib/hooks/useIsHydrated/utils/noop-subscribe/noop-subscribe.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const noopSubscribe: () => (() => void);