@dcs-tech/ui 0.8.0 → 0.10.0

package/dist/types/core/logic/periodPicker.logic.d.ts

@@ -0,0 +1,86 @@
+import type { DateDisplayFormat, DateTextOrder } from '../types';
+import { type DateHighlightAction, type IsoDay } from './datePicker.logic';
+export type IsoPeriod = string;
+export type PeriodMode = 'month' | 'year';
+export interface PeriodBounds {
+    min: IsoPeriod;
+    max: IsoPeriod;
+}
+export declare const PERIOD_COLUMNS = 3;
+export declare const PERIOD_PAGE_SIZE = 12;
+export declare function toPeriod(value: unknown, mode: PeriodMode, bound?: 'start' | 'end'): IsoPeriod;
+export declare function shiftPeriod(period: IsoPeriod, mode: PeriodMode, n: number): IsoPeriod;
+export declare function resolvePeriodBounds(opts: {
+    mode: PeriodMode;
+    min?: string;
+    max?: string;
+    yearRange?: {
+        back?: number;
+        ahead?: number;
+    };
+    today?: IsoDay;
+}): PeriodBounds;
+export declare const isPeriodInBounds: (period: IsoPeriod, bounds: PeriodBounds) => boolean;
+export declare function clampPeriod(period: IsoPeriod, bounds: PeriodBounds): IsoPeriod;
+export declare function openingPeriod(value: unknown, opts: {
+    mode: PeriodMode;
+    bounds: PeriodBounds;
+    today?: IsoDay;
+}): IsoPeriod;
+export interface PeriodCell {
+    period: IsoPeriod;
+    year: number;
+    month: number;
+    isCurrent: boolean;
+    isSelected: boolean;
+    isHighlighted: boolean;
+    inRange: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    disabled: boolean;
+}
+export interface PeriodGridView {
+    firstYear: number;
+    lastYear: number;
+    rows: PeriodCell[][];
+    canPagePrev: boolean;
+    canPageNext: boolean;
+}
+export declare function buildPeriodGrid(opts: {
+    mode: PeriodMode;
+    cursor: IsoPeriod;
+    bounds: PeriodBounds;
+    today?: IsoDay;
+    selected?: IsoPeriod;
+    rangeFrom?: IsoPeriod;
+    rangeTo?: IsoPeriod;
+}): PeriodGridView;
+export declare function movePeriodCursor(from: IsoPeriod, action: DateHighlightAction, opts: {
+    mode: PeriodMode;
+    bounds: PeriodBounds;
+}): IsoPeriod;
+export declare function extendPeriodRange(range: {
+    from?: IsoPeriod;
+    to?: IsoPeriod;
+}, picked: IsoPeriod, mode: PeriodMode): {
+    from: IsoPeriod;
+    to: IsoPeriod;
+};
+export interface PeriodTextOptions {
+    mode: PeriodMode;
+    within?: IsoPeriod;
+    today?: IsoDay;
+    order?: DateTextOrder;
+    monthNames?: string[];
+    monthNamesShort?: string[];
+}
+export declare function parsePeriodText(text: unknown, opts: PeriodTextOptions): IsoPeriod | null;
+export declare function parsePeriodRangeText(text: unknown, opts: PeriodTextOptions): {
+    from: IsoPeriod;
+    to: IsoPeriod;
+} | null;
+export declare function formatPeriodText(value: unknown, mode: PeriodMode, opts?: {
+    locale?: string;
+    monthNames?: string[];
+}): string;
+export declare function periodPlaceholder(mode: PeriodMode, format?: DateDisplayFormat): string;

package/dist/types/core/logic/reorder.logic.d.ts

@@ -0,0 +1,49 @@
+export interface ReorderSlot {
+    start: number;
+    size: number;
+}
+export interface ReorderRange {
+    min: number;
+    max: number;
+}
+export declare function moveItem<T>(items: readonly T[], from: number, to: number): T[];
+export declare function reorderRange(fixed: readonly boolean[], from: number): ReorderRange;
+export declare function reorderTarget(slots: readonly ReorderSlot[], from: number, offset: number, range: ReorderRange): number;
+export declare function reorderShift(slots: readonly ReorderSlot[], from: number, to: number, index: number): number;
+export declare function reorderDropOffset(slots: readonly ReorderSlot[], from: number, to: number): number;
+export declare function reorderDragLimits(slots: readonly ReorderSlot[], from: number, range: ReorderRange): ReorderRange;
+export declare function stepReorderIndex(current: number, step: -1 | 1, range: ReorderRange): number;
+export declare function autoScrollStep(pointer: number, edgeStart: number, edgeEnd: number, zone: number, maxStep: number): number;
+export interface ReorderPoint {
+    x: number;
+    y: number;
+}
+export interface ReorderSize {
+    width: number;
+    height: number;
+}
+export interface ReorderFlow {
+    axis: 'vertical' | 'horizontal' | 'wrap';
+    width: number;
+    gapX: number;
+    gapY: number;
+}
+export declare function flowPositions(sizes: readonly ReorderSize[], flow: ReorderFlow): ReorderPoint[];
+export declare function flowExtent(sizes: readonly ReorderSize[], flow: ReorderFlow): ReorderSize;
+export declare function insertItem<T>(items: readonly T[], index: number, item: T): T[];
+export declare function insertionPoints(sizes: readonly ReorderSize[], dragged: ReorderSize, flow: ReorderFlow, range: ReorderRange): ReorderPoint[];
+export declare function nearestPoint(points: readonly ReorderPoint[], at: ReorderPoint): number;
+export interface ReorderAcceptRules {
+    from?: number;
+    sortable?: boolean;
+    maxItems?: number;
+    replaceWhenFull?: boolean;
+}
+export declare function acceptedRange(fixed: readonly boolean[], rules: ReorderAcceptRules): ReorderRange | null;
+export interface ReorderStop {
+    list: number;
+    index: number;
+}
+export declare function stepAcrossLists(ranges: ReadonlyArray<ReorderRange | null>, current: ReorderStop, step: -1 | 1): ReorderStop;
+export declare function reorderSelectedValues<V>(value: readonly V[], shown: readonly V[]): V[];
+export declare function fixedSelectValues<V>(value: readonly V[], fixedItems: number, defaultSelected: readonly V[]): Set<V>;

package/dist/types/core/types/chipinput.types.d.ts

@@ -48,7 +48,9 @@ export type ChipInputSize = FieldSize;
 export type ChipInputVariant = FieldVariant;
 export type ChipInputLayout = FieldLayout;
 export interface ChipInputProps extends TextFieldProps<string, HTMLDivElement> {
-    sources: ChipSources;
+    sources?: ChipSources;
+    tags?: string[];
+    onTagsChange?: (tags: string[]) => void;
     syntax?: ChipTokenSyntax;
     inputClassName?: string;
     previewData?: Record<string, Record<string, any>>;

package/dist/types/core/types/collapsible.types.d.ts

@@ -23,6 +23,7 @@ export interface CollapsibleItemProps {
     disabled?: boolean;
     collapsedIcon?: ReactNode;
     expandedIcon?: ReactNode;
+    keepMounted?: boolean;
     onChange?: (expanded: boolean) => void;
     authorize?: CollapsibleAuthorize;
     className?: string;
@@ -48,6 +49,7 @@ export interface CollapsibleProps {
     disclosure?: CollapsibleDisclosure;
     iconTile?: boolean;
     headingLevel?: CollapsibleHeadingLevel;
+    keepMounted?: boolean;
     disabled?: boolean;
     className?: string;
     style?: CSSProperties;
@@ -73,6 +75,7 @@ export interface CollapsibleContextValue {
     disclosure: CollapsibleDisclosure;
     iconTile: boolean;
     headingLevel: CollapsibleHeadingLevel;
+    keepMounted: boolean;
     keyboardNavigation: boolean;
     disabled: boolean;
     animated: boolean;

package/dist/types/core/types/datePicker.types.d.ts

@@ -3,14 +3,20 @@ import type { FieldChangeEvent } from './control.types';
 import type { FieldPopupProps, TextFieldProps } from './field.types';
 export type DateDisplayFormat = 'dd-mm-yyyy' | 'dd/mm/yyyy' | 'yyyy-mm-dd';
 export type DateTextOrder = 'dmy' | 'mdy' | 'ymd';
+export type DatePickerMode = 'date' | 'month' | 'year';
 export interface DateRangeValue {
     from: string;
     to: string;
 }
 export interface DatePickerBaseProps extends Omit<TextFieldProps<string, HTMLInputElement, FieldChangeEvent<string>>, 'value' | 'onChange'>, FieldPopupProps {
+    picker?: DatePickerMode;
     withTime?: boolean;
     min?: string;
     max?: string;
+    yearRange?: {
+        back?: number;
+        ahead?: number;
+    };
     displayFormat?: DateDisplayFormat;
     textOrder?: DateTextOrder;
     weekStart?: number;
@@ -27,6 +33,7 @@ export interface DatePickerBaseProps extends Omit<TextFieldProps<string, HTMLInp
     placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
     showCalendarIcon?: boolean;
     clearable?: boolean;
+    autoComplete?: string;
     placeholder?: string;
     hint?: ReactNode;
     error?: ReactNode;

package/dist/types/core/types/field.types.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties, FocusEvent, KeyboardEvent, ReactNode } from 'react';
 import type { DataAttributes } from './common.types';
-import type { FieldTooltipSupport } from './fieldWrapper.types';
+import type { FieldTooltipSupport, FieldWidth } from './fieldWrapper.types';
 import type { ControlLabelPosition, ControlLayout, ControlSize, ControlVariant, FieldCellContext, FieldChangeEvent, FieldColor, ToggleVariant } from './control.types';
 import type { FieldKeyboardConfig } from './keyboard.types';
 export interface FieldIdentityProps<V = any, C = FieldChangeEvent<V>> {
@@ -32,7 +32,6 @@ export interface FieldChromeProps {
     className?: string;
     labelClassName?: string;
     style?: CSSProperties;
-    fullWidth?: boolean;
 }
 export interface FieldA11yProps {
     'aria-label'?: string;
@@ -73,8 +72,12 @@ export interface FieldHandle {
 }
 export type BaseFieldProps<V = any, E extends HTMLElement = HTMLElement, C = FieldChangeEvent<V>> = FieldIdentityProps<V, C> & FieldChromeProps & FieldA11yProps & FieldInteractionProps<E> & FieldCellContext & FieldTooltipSupport & DataAttributes;
 export type TextFieldProps<V = any, E extends HTMLElement = HTMLElement, C = FieldChangeEvent<V>> = BaseFieldProps<V, E, C> & ControlSurfaceProps & {
+    width?: FieldWidth;
+    fullWidth?: boolean;
     placeholder?: string;
     inputMode?: 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | 'none';
     spellCheck?: boolean;
 };
-export type ToggleFieldProps<V = any, E extends HTMLElement = HTMLInputElement, C = FieldChangeEvent<V>> = BaseFieldProps<V, E, C> & ToggleSurfaceProps;
+export type ToggleFieldProps<V = any, E extends HTMLElement = HTMLInputElement, C = FieldChangeEvent<V>> = BaseFieldProps<V, E, C> & ToggleSurfaceProps & {
+    fullWidth?: boolean;
+};

package/dist/types/core/types/fieldWrapper.types.d.ts

@@ -5,6 +5,7 @@ export type FieldLayout = ControlLayout;
 export type FieldSize = ControlSize;
 export type FieldVariant = ControlVariant;
 export type { ToggleVariant } from './control.types';
+export type FieldWidth = 'full' | 'auto' | number | string;
 export interface FieldTooltipSupport {
     tooltip?: TooltipProp;
     tooltipTrigger?: TooltipTrigger;
@@ -19,6 +20,7 @@ export interface FieldWrapperProps extends FieldTooltipSupport {
     className?: string;
     labelClassName?: string;
     style?: CSSProperties;
+    width?: FieldWidth;
     disabled?: boolean;
     children: ReactNode;
     extraMessages?: ReactNode;

package/dist/types/core/types/fields.types.d.ts

@@ -1,3 +1,4 @@
+import type { DatePickerProps } from './datePicker.types';
 import { ReactNode, ComponentType, Dispatch, SetStateAction } from 'react';
 import type { InputProps } from './input.types';
 import type { SwitchProps } from './switch.types';
@@ -195,6 +196,10 @@ export interface ChildFieldDefinition<T> extends BaseFieldDefinition<T> {
         props?: Record<string, any>;
     };
 }
+export interface DateFieldDefinition<T> extends BaseFieldDefinition<T> {
+    field: 'date';
+    fprop?: Partial<DatePickerProps>;
+}
 export interface EditableTableFieldDefinition<T> extends BaseFieldDefinition<T> {
     field: 'editableTable';
     fprop?: Record<string, any>;
@@ -203,7 +208,7 @@ export interface ChipInputFieldDefinition<T> extends BaseFieldDefinition<T> {
     field: 'chipinput';
     fprop?: Record<string, any>;
 }
-export type FieldDefinition<T> = InputFieldDefinition<T> | SwitchFieldDefinition<T> | SelectFieldDefinition<T> | SuggestFieldDefinition<T> | RadioFieldDefinition<T> | CheckboxFieldDefinition<T> | ButtonFieldDefinition<T> | ChildFieldDefinition<T> | EditableTableFieldDefinition<T> | ChipInputFieldDefinition<T>;
+export type FieldDefinition<T> = InputFieldDefinition<T> | SwitchFieldDefinition<T> | SelectFieldDefinition<T> | SuggestFieldDefinition<T> | RadioFieldDefinition<T> | CheckboxFieldDefinition<T> | ButtonFieldDefinition<T> | ChildFieldDefinition<T> | DateFieldDefinition<T> | EditableTableFieldDefinition<T> | ChipInputFieldDefinition<T>;
 export type FieldsDefinition<T> = Array<FieldDefinition<T>>;
 export type ErrorObject = Record<string, string>;
 export type TouchedObject = Record<string, boolean>;

package/dist/types/core/types/form.types.d.ts

@@ -119,6 +119,7 @@ export interface FormProps<T = any> extends FormCallbacks<T> {
     columns?: number;
     header?: FormHeader;
     footer?: FormFooter;
+    dialogSlots?: boolean;
     actions?: Array<FormAction<T>>;
     showSubmit?: boolean;
     submitButton?: Partial<FormAction<T>>;

package/dist/types/core/types/format.types.d.ts

@@ -12,4 +12,6 @@ export interface UIFormat {
     money: (value: number, decimals?: number) => string;
     percent: (value: number, decimals?: number) => string;
     day: (value: unknown) => string;
+    dateTime: (value: unknown) => string;
+    shortDate: (value: unknown) => string;
 }

package/dist/types/core/types/input.types.d.ts

@@ -25,6 +25,8 @@ export type InputEditableTableCellProps = FieldCellContext;
 export interface InputProps extends TextFieldProps<string | number, HTMLInputElement | HTMLTextAreaElement, ChangeEvent<HTMLInputElement | HTMLTextAreaElement>> {
     type?: InputType;
     autoComplete?: string;
+    accept?: string;
+    multiple?: boolean;
     validation?: ValidationConfig;
     min?: number | string;
     max?: number | string;

package/dist/types/core/types/navigation.types.d.ts

@@ -3,6 +3,7 @@ export interface NavItem {
     id: string;
     label: ReactNode;
     icon?: ReactNode;
+    iconOnly?: boolean;
     badge?: ReactNode;
     keywords?: string;
     disabled?: boolean;

package/dist/types/core/types/select.types.d.ts

@@ -109,6 +109,7 @@ export interface SelectProps extends TextFieldProps<any, HTMLDivElement, SelectE
     virtualScroll?: boolean | VirtualScrollConfig;
     keyboard?: FieldKeyboardConfig & KeyboardConfig;
     position?: DropdownPosition | PositionConfig;
+    listWidth?: 'fit' | 'field';
     emptyState?: EmptyStateConfig;
     loading?: LoadingConfig;
     triggerClassName?: string;
@@ -140,8 +141,6 @@ export interface SelectState {
     searchTerm: string;
     filteredOptions: SelectOption[];
     highlightedIndex: number;
-    draggedItem: SelectOption | null;
-    draggedOver: SelectOption | null;
     collapsedGroups: Set<string>;
     isInModal: boolean;
 }
@@ -167,10 +166,7 @@ export interface UseSelectReturn {
         pickHighlighted: () => boolean;
         handleSearchChange: (event: ChangeEvent<HTMLInputElement>) => void;
         handleClickOutside: (event: MouseEvent) => void;
-        handleDragStart: (event: DragEvent, option: SelectOption) => void;
-        handleDragOver: (event: DragEvent, option: SelectOption) => void;
-        handleDragEnd: () => void;
-        handleDrop: (event: DragEvent, targetOption: SelectOption) => void;
+        handleReorder: (rows: SelectOption[]) => void;
         handleSelectAll: () => void;
         handleClear: () => void;
         handleBlur: (event: FocusEvent<HTMLDivElement>) => void;

package/dist/types/core/types/suggest.types.d.ts

@@ -63,6 +63,7 @@ export interface SuggestionListProps<T = any> {
     inputRef: RefObject<HTMLInputElement | null>;
     containerRef: RefObject<HTMLDivElement | null>;
     portal?: boolean;
+    listWidth?: 'fit' | 'field';
     zIndex?: number;
     exiting?: boolean;
     renderItem?: (item: T, isHighlighted: boolean, searchValue: string) => ReactNode;
@@ -94,6 +95,7 @@ export interface SuggestProps extends TextFieldProps<string, HTMLInputElement, C
     portal?: boolean;
     portalContainer?: Element;
     position?: 'auto' | 'top' | 'bottom';
+    listWidth?: 'fit' | 'field';
 }
 export interface SuggestionGroup {
     name: string;

package/dist/types/index.d.ts

@@ -6,7 +6,7 @@ export type { TypographyProps, TypographyVariant, TypographyColor, TypographyAli
 export { Button, ButtonGroup } from './components/Button';
 export type { ButtonProps, ButtonGroupProps, ButtonVariant, ButtonSize, ButtonColor, ButtonShape, LoadingPosition, GroupOrientation, ButtonGroupContextValue, } from './components/Button';
 export { FieldWrapper } from './components/FieldWrapper';
-export type { FieldWrapperProps, FieldLayout, FieldSize, } from './components/FieldWrapper';
+export type { FieldWrapperProps, FieldWidth, FieldLayout, FieldSize, } from './components/FieldWrapper';
 export { FieldContext, FieldProvider, useFieldContext, useFieldSurface, useToggleSurface, useField, useFormKeyboard, } from './components/FieldContext';
 export type { FieldContextValue, FieldProviderProps, FieldSurfaceInput, FieldSurfaceDefaults, ResolvedFieldSurface, ResolvedToggleSurface, UseFieldOptions, UseFieldResult, UseFormKeyboardOptions, } from './components/FieldContext';
 export type { BaseFieldProps, TextFieldProps, ToggleFieldProps, FieldIdentityProps, FieldChromeProps, FieldA11yProps, FieldInteractionProps, FieldSurfaceProps, ControlSurfaceProps, ToggleSurfaceProps, FieldPopupProps, FieldHandle, FieldFocusEvent, OpenReason, FieldKeyboardConfig, FieldWidget, FieldKeyState, FieldKeyAction, KeyResolution, KeyEventLike, NavAction, GridMode, } from './core/types';
@@ -23,7 +23,7 @@ export type { InputProps, InputType, InputVariant, InputSize, InputLayout, Valid
 export { Select, useSelect } from './components/Select';
 export type { SelectProps, SelectOption, SelectSize, SelectLayout, SelectState, SelectEvent, SelectAccessibilityConfig, UseSelectReturn, UseSelectConfig, MultiSelectConfig, SearchConfig, SortConfig, ReorderConfig, GroupConfig, VirtualScrollConfig, KeyboardConfig, DropdownPosition, PositionConfig, EmptyStateConfig, LoadingConfig, ChipProps, GroupDisplayProps, OptionItemProps, AutoScrollState, DropdownDimensions, OptionValue, } from './components/Select';
 export { DatePicker, Calendar } from './components/DatePicker';
-export type { DatePickerProps, DatePickerBaseProps, DatePickerSingleProps, DatePickerRangeProps, DateRangeValue, DateDisplayFormat, DateTextOrder, CalendarProps, } from './components/DatePicker';
+export type { DatePickerProps, DatePickerBaseProps, DatePickerSingleProps, DatePickerRangeProps, DatePickerMode, DateRangeValue, DateDisplayFormat, DateTextOrder, CalendarProps, } from './components/DatePicker';
 export { Suggest, SuggestionList, useSuggest } from './components/Suggest';
 export { FORMATTER_UTILITY_CLASSES, SUGGEST_SEARCH_ENGINE_OPTIONS, SUGGEST_SEARCH_MODE_OPTIONS, } from './components/Suggest';
 export type { SuggestProps, SuggestSize, SuggestLayout, SuggestSearchEngine, SuggestSearchMode, RenderKey, SuggestionConfig, SuggestionItemProps, SuggestionListProps, SuggestionGroup, UseSuggestOptions, UseSuggestReturn, SuggestSearchOptions, } from './components/Suggest';
@@ -31,7 +31,7 @@ export { Collapsible, CollapsibleItem, CollapsibleContext, useCollapsibleContext
 export type { CollapsibleProps, CollapsibleItemProps, CollapsibleContextValue, CollapsibleVariant, CollapsibleSize, CollapsibleColor, CollapsibleIconPosition, CollapsibleExpansionMode, CollapsibleAuthorize, CollapsibleDisclosure, CollapsibleTone, CollapsibleHeadingLevel, } from './components/Collapsible';
 export { Fields, Field } from './components/Fields';
 export { useFieldCondition, useFieldRender, useFieldDisabled, useFieldValue, useFieldChange, useFieldBlur, useFieldValidation, useFieldSelect, } from './components/Fields';
-export type { FieldsProps, FieldProps, FieldsBaseProps, FieldsWithSetState, FieldsWithOnChange, FieldDefinition, FieldsDefinition, FieldAuthorize, FieldTooltipProps, FieldComponentRegistry, FieldEditableTableProps, BaseFieldDefinition, InputFieldDefinition, SwitchFieldDefinition, SelectFieldDefinition, SuggestFieldDefinition, RadioFieldDefinition, CheckboxFieldDefinition, ButtonFieldDefinition, ChildFieldDefinition, EditableTableFieldDefinition, ChipInputFieldDefinition, ConditionOperator, ConditionCompareType, ConditionObject, ConditionRegexObject, ConditionFunction, ConditionSimpleKey, Condition, ConditionContext, NestedKeys, NestedValue, ResetKeyConfig, SelectCopyKeyConfig, ChangeContext, ChangeAdditionalDataContext, SelectAdditionalDataContext, EditableTableCustomPropContext, ErrorObject, TouchedObject, } from './components/Fields';
+export type { FieldsProps, FieldProps, FieldsBaseProps, FieldsWithSetState, FieldsWithOnChange, FieldDefinition, FieldsDefinition, FieldAuthorize, FieldTooltipProps, FieldComponentRegistry, FieldEditableTableProps, BaseFieldDefinition, InputFieldDefinition, SwitchFieldDefinition, SelectFieldDefinition, SuggestFieldDefinition, RadioFieldDefinition, CheckboxFieldDefinition, ButtonFieldDefinition, ChildFieldDefinition, DateFieldDefinition, EditableTableFieldDefinition, ChipInputFieldDefinition, ConditionOperator, ConditionCompareType, ConditionObject, ConditionRegexObject, ConditionFunction, ConditionSimpleKey, Condition, ConditionContext, NestedKeys, NestedValue, ResetKeyConfig, SelectCopyKeyConfig, ChangeContext, ChangeAdditionalDataContext, SelectAdditionalDataContext, EditableTableCustomPropContext, ErrorObject, TouchedObject, } from './components/Fields';
 export { Form } from './components/Form';
 export type { FormProps, FormMethods, FormSection, FormAction, FormValidation, FormHeader, FormFooter, FormCallbacks, FormState, FormLayout, FormSize, FormVariant, } from './components/Form';
 export { validateStandardSchema, isStandardSchema } from './core/logic/standardSchema.logic';
@@ -57,16 +57,21 @@ export type { BadgeProps, BadgeColor, BadgeVariant, BadgeSize } from './componen
 export { Avatar, AvatarGroup } from './components/Avatar';
 export type { AvatarProps, AvatarGroupProps, AvatarSize, AvatarShape } from './components/Avatar';
 export { Card } from './components/Card';
-export type { CardProps, CardVariant, CardPadding } from './components/Card';
+export type { CardProps, CardVariant, CardPadding, CardHeadingLevel } from './components/Card';
+export { ReorderList, ReorderGroup } from './components/ReorderList';
+export type { ReorderListProps, ReorderItemState, ReorderHandleProps, ReorderDragFrom, ReorderAxis, ReorderMove, ReorderLabels, ReorderListHandle, ReorderWhenFull, ReorderGroupProps, ReorderGroupMove, } from './components/ReorderList';
 export { Popover } from './components/Popover';
 export type { PopoverProps } from './components/Popover';
 export { DropdownMenu } from './components/DropdownMenu';
 export type { DropdownMenuProps, DropdownMenuItem } from './components/DropdownMenu';
-export { ImagePicker, ImageStrip, ImageViewer, prepareImage, ImagePrepareError } from './components/Image';
-export type { ImagePickerProps, ImagePickerItem, ImageStripProps, StripImage, ImageViewerProps, ViewerImage, PrepareImageOptions, PreparedImage, } from './components/Image';
+export { ImagePicker, ImageStrip, ImageViewer, ImageEditor, prepareImage, ImagePrepareError } from './components/Image';
+export type { ImagePickerProps, ImagePickerItem, ImageStripProps, StripImage, ImageViewerProps, ViewerImage, PrepareImageOptions, PreparedImage, ImagePickerEditorOptions, ImageEditorProps, ImageEditorResult, ImageEditorPanelContext, } from './components/Image';
+export { resolveImageTransform, imageOutputSize } from './core/logic/imageTransform.logic';
+export type { ImageTransform, ImageTransformInput, ImageCropRect, ImageQuarterTurn, ImageSize, ImageOutputLimits, } from './core/logic/imageTransform.logic';
+export type { ImageEditorOptions, ImageEditorCropOptions, ImageEditorOutputOptions, ImageEditorRatio, } from './core/logic/imageEditor.logic';
 export { Dialog } from './components/Dialog';
 export type { DialogProps, DialogPlacement, DialogSize } from './components/Dialog';
-export { useDialog } from './components/Dialog/DialogHost';
+export { useDialog, DialogHost } from './components/Dialog/DialogHost';
 export { useDialogOpen } from './components/Dialog/dialogOpen';
 export type { DialogApi, DialogChoice, DialogActionProps, ConfirmOptions, ChooseOptions, AlertOptions, } from './components/Dialog/DialogHost';
 export { ToastHost, useToast } from './components/Toast';
@@ -91,6 +96,19 @@ export type { AppBarProps, AppBarSize, AppBarVariant } from './components/AppBar
 export { Breadcrumbs } from './components/Breadcrumbs';
 export type { BreadcrumbsProps } from './components/Breadcrumbs';
 export type { NavItem } from './core/types';
+export { Link } from './components/Link';
+export type { LinkProps, LinkOwnProps, LinkColor, LinkUnderline } from './components/Link';
+export { Alert } from './components/Alert';
+export type { AlertProps } from './components/Alert';
+export type { AlertTone } from './core/logic';
+export { Pagination } from './components/Pagination';
+export type { PaginationProps, PaginationVariant } from './components/Pagination';
+export { CommandPaletteTrigger } from './components/CommandPalette';
+export type { CommandPaletteTriggerProps } from './components/CommandPalette';
+export { PageProgress } from './components/PageProgress';
+export type { PageProgressProps } from './components/PageProgress';
+export { NavList } from './components/NavList';
+export type { NavListProps } from './components/NavList';
 export { useArrowKeyFocus } from './components/ArrowKeyFocus/useArrowKeyFocus';
 export type { ArrowKeyFocusOptions, ArrowKeyFocusHandlers } from './components/ArrowKeyFocus/useArrowKeyFocus';
 export { buildFieldControlClassKeys, buildPopupListClassKeys, buildPopupRowClassKeys, computeTooltipPosition, normalizeTooltip, resolveTooltipPlacementOrder, shouldAnchorToPointer, useMergeRefs, } from './core/logic';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcs-tech/ui",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "React UI component library — fields, buttons, tooltips, tables and design tokens.",
   "license": "UNLICENSED",
   "type": "module",
@@ -8,7 +8,8 @@
     "*.css"
   ],
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",

package/dist/assets/fileTask.worker-BHT1olUk.js

@@ -1 +0,0 @@
-const e=()=>new DOMException(`Aborted`,`AbortError`);async function t(t,n){if(n.signal?.aborted)throw e();switch(t.kind){case`xlsx`:return l(t.workbook,n);case`pdf`:return p(t,n);default:throw Error(`Unknown file task: ${t.kind}`)}}const n=globalThis;async function r(){let e=await import(`exceljs`),t=[e.default?.default,e.default,e,n.ExcelJS].find(e=>e&&typeof e.Workbook==`function`);if(!t)throw Error(`ExcelJS did not load`);return t}async function i(){let e=await import(`pdfmake/build/pdfmake.js`),t=[e.default?.default,e.default,e,n.pdfMake].find(e=>e&&typeof e.createPdf==`function`);if(!t)throw Error(`pdfmake did not load`);let r=await import(`pdfmake/build/vfs_fonts.js`);return{pdfMake:t,vfs:[r?.default,r,r?.pdfMake?.vfs,r?.default?.pdfMake?.vfs,t.vfs,n.pdfMake?.vfs].find(e=>e&&e[`Roboto-Regular.ttf`])}}const a=e=>ArrayBuffer.isView(e)?e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength):e,o=e=>`FF`+e.replace(`#`,``).toUpperCase();function s(e,t){if(t&&((t.bold!==void 0||t.italic!==void 0||t.size||t.color)&&(e.font={...e.font??{},...t.bold===void 0?{}:{bold:t.bold},...t.italic===void 0?{}:{italic:t.italic},...t.size?{size:t.size}:{},...t.color?{color:{argb:o(t.color)}}:{}}),t.fill&&(e.fill={type:`pattern`,pattern:`solid`,fgColor:{argb:o(t.fill)}}),t.align&&(e.alignment={horizontal:t.align,vertical:`middle`}),t.numFmt&&(typeof e.value==`number`||e.value instanceof Date)&&(e.numFmt=t.numFmt),t.borderTop||t.borderBottom)){let n=e=>({style:e.style,...e.color?{color:{argb:o(e.color)}}:{}});e.border={...t.borderTop?{top:n(t.borderTop)}:{},...t.borderBottom?{bottom:n(t.borderBottom)}:{}}}}function c(e,t,n){let r=e.addRow(t.values);t.style?.bold&&(r.font={bold:!0}),t.merge&&n>1&&e.mergeCells(r.number,1,r.number,n);let i=t.merge?1:Math.max(t.values.length,0);for(let e=0;e<i;e++){let n=r.getCell(e+1);s(n,t.style),s(n,t.cells?.[e])}}async function l(t,n){let i=new(await(r())).Workbook,l=Math.max(1,t.sheets.reduce((e,t)=>e+t.rows.length,0)),u=Math.max(1,Math.floor(l/50)),d=0;for(let r of t.sheets){let t=i.addWorksheet(r.name),a=r.columns.length;t.columns=r.columns.map((e,t)=>({key:String(t),width:e.width}));for(let e of r.before??[])c(t,e,a);let f=t.addRow(r.columns.map(e=>e.header));f.font={bold:r.headerStyle?.bold??!0},f.eachCell((e,t)=>{let n=r.columns[t-1]?.align;n&&(e.alignment={horizontal:n,vertical:`middle`}),s(e,r.headerStyle)});let p=f.number;r.freeze?t.views=[{state:`frozen`,ySplit:r.freeze.rows??0,xSplit:r.freeze.cols??0}]:r.freezeHeader!==!1&&(t.views=[{state:`frozen`,ySplit:p}]),r.rows.forEach((i,a)=>{let c=t.addRow(i),f=r.cellStyles?.[a],p=r.stripe&&a%2==1;if(r.columns.forEach((e,t)=>{let n=c.getCell(t+1);e.numFmt&&(typeof n.value==`number`||n.value instanceof Date)&&(n.numFmt=e.numFmt),e.align&&(n.alignment={horizontal:e.align,vertical:`middle`}),p&&(n.fill={type:`pattern`,pattern:`solid`,fgColor:{argb:o(r.stripe)}}),s(n,e.style),s(n,f?.[t])}),++d%u===0){if(n.signal?.aborted)throw e();n.progress(d/l*.9)}}),r.autoFilter&&r.rows.length>0&&(t.autoFilter={from:{row:p,column:1},to:{row:p,column:a}});for(let e of r.after??[])c(t,e,a)}let f=await i.xlsx.writeBuffer();return n.progress(1),a(f)}const u={Roboto:{normal:`Roboto-Regular.ttf`,bold:`Roboto-Medium.ttf`,italics:`Roboto-Italic.ttf`,bolditalics:`Roboto-MediumItalic.ttf`}};function d(e){let t=e.hLineWidth??1,n=e.edgeLineWidth??t;return{hLineWidth:(e,r)=>e===0||e===(r.table.headerRows??0)||e===r.table.body.length?n:t,vLineWidth:()=>e.vLineWidth??1,...e.hLineColor?{hLineColor:()=>e.hLineColor}:{},...e.vLineColor?{vLineColor:()=>e.vLineColor}:{},...e.paddingX===void 0?{}:{paddingLeft:()=>e.paddingX,paddingRight:()=>e.paddingX},...e.paddingY===void 0?{}:{paddingTop:()=>e.paddingY,paddingBottom:()=>e.paddingY}}}function f(e){return(t,n)=>({text:e.text.replace(/\{page\}/g,String(t)).replace(/\{pages\}/g,String(n)),...e.font?{font:e.font}:{},alignment:e.alignment??`center`,fontSize:e.fontSize??8,...e.color?{color:e.color}:{},...e.margin?{margin:e.margin}:{}})}async function p(t,n){let r=n.pdfFonts?{fonts:{...n.pdfFonts.fonts,...t.fonts?.fonts},vfs:n.pdfFonts.vfs||t.fonts?.vfs?{...n.pdfFonts.vfs,...t.fonts?.vfs}:void 0}:t.fonts,a=t.footer?{...t.document,footer:f(t.footer)}:t.document,o=t.tableLayouts?Object.fromEntries(Object.entries(t.tableLayouts).map(([e,t])=>[e,d(t)])):void 0,{pdfMake:s,vfs:c}=await i();if(n.progress(.1),n.signal?.aborted)throw e();let l={...u,...r?.fonts??{}},p=r?.vfs?{...c??{},...r.vfs}:c,m=await new Promise((e,t)=>{try{let n=s.createPdf(a,o,l,p).getStream(),r=[];n.on(`data`,e=>r.push(e)),n.on(`error`,t),n.on(`end`,()=>{let t=new Uint8Array(r.reduce((e,t)=>e+t.byteLength,0)),n=0;for(let e of r)t.set(e,n),n+=e.byteLength;e(t.buffer)}),n.end()}catch(e){t(e)}});return n.progress(1),m}let m;const h=self;h.onmessage=async e=>{if(e.data.type===`init`){m=e.data.pdfFonts;return}let{id:n,task:r}=e.data;try{let e=await t(r,{progress:e=>h.postMessage({type:`progress`,id:n,fraction:e}),pdfFonts:m});h.postMessage({type:`done`,id:n,buffer:e},[e])}catch(e){h.postMessage({type:`error`,id:n,message:e instanceof Error?e.message:String(e)})}};