@povio/ui 3.4.0-rc.37 → 3.4.0-rc.38

package/dist/uiConfig.context-Bjb9TQ6Y.d.ts

@@ -0,0 +1,126 @@
+import { t as TypographyVariantProps } from "./typography.cva-7RYwLrA7.js";
+import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-Caaf2Ysq.js";
+import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
+import { t as RadioVariantProps } from "./radio.cva-9lpsise2.js";
+import { t as ToggleVariantProps } from "./toggle.cva-2CGLc8aa.js";
+import { r as TypographyPropsCva } from "./Typography-BiHrVFpz.js";
+import { r as ToastPosition } from "./index-B8r_kiw4.js";
+import { t as ToastVariantProps } from "./toast.cva-C1ZPw_oP.js";
+import { FC, PropsWithChildren, ReactElement, SVGProps } from "react";
+//#region src/config/uiConfig.types.d.ts
+type Breakpoint = "sm" | "md" | "lg" | "xl";
+interface DateRangeRelativeOption {
+  value: string;
+  label: string;
+  getValue: () => {
+    start: string;
+    end: string;
+  };
+  isDisabled?: boolean;
+}
+type DatePickerIcon = boolean | FC<SVGProps<SVGSVGElement>> | ReactElement;
+interface UIConfigOptions {
+  renderStaticInput: boolean;
+  responsive: {
+    ssrMatches: Partial<Record<Breakpoint, boolean>>;
+  };
+  input: Pick<InputVariantProps, "variant" | "as" | "size"> & {
+    isClearable?: boolean;
+    hideLabel?: boolean;
+    alwaysShowClear?: boolean;
+  };
+  button: Pick<ButtonVariantProps, "variant" | "size">;
+  numberInput: {
+    formatOptions?: Intl.NumberFormatOptions;
+  };
+  radioGroup: Pick<RadioVariantProps, "variant"> & {
+    hideLabel?: boolean;
+    fireBlurOnChange?: boolean;
+  };
+  checkbox: Pick<CheckboxVariantProps, "variant"> & {
+    fireBlurOnChange?: boolean;
+  };
+  select: {
+    selectionMode?: "single" | "multiple";
+    isSearchable?: boolean;
+    collapseAfter?: number;
+    selectedTagsType?: "tags" | "list";
+    hideSearchIcon?: boolean;
+    multiSelectAutoConfirm?: boolean;
+    searchDebounceDelay?: number;
+    fireBlurOnChange?: boolean;
+    renderStaticInput?: boolean;
+  };
+  queryAutocomplete: {
+    isInitialQueryDisabled?: boolean;
+    renderStaticInput?: boolean;
+    resolveSelectedItemsWithIds?: boolean;
+    searchDebounceDelay?: number;
+  };
+  querySelect: {
+    isInitialQueryDisabled?: boolean;
+    renderStaticInput?: boolean;
+    resolveSelectedItemsWithIds?: boolean;
+    searchDebounceDelay?: number;
+  };
+  toggle: Pick<ToggleVariantProps, "variant"> & {
+    fireBlurOnChange?: boolean;
+  };
+  slider: {
+    minValue?: number;
+    maxValue?: number;
+  };
+  dateInput: {
+    todayIcon?: DatePickerIcon;
+    todayIconButtonSize?: ButtonVariantProps["size"] | "none";
+    todayIconButtonComponent?: "iconButton" | "inlineIconButton";
+    todayIconPlacement?: "content" | "fieldLabel";
+    shouldForceLeadingZeros?: boolean;
+    disableManualEntry?: boolean;
+    shouldUpdateDateOnMonthYearChange?: boolean;
+    granularity?: "day" | "month" | "year";
+    autoFixYear?: boolean;
+    calendarIcon?: ReactElement;
+    dateTimeIcon?: ReactElement;
+    timeIcon?: ReactElement;
+    setDateValueOnDateSelection?: boolean;
+    timeZone?: string;
+    allowPartialRange?: boolean;
+    fireBlurOnChange?: boolean;
+    dateRangeOptions?: DateRangeRelativeOption[];
+  };
+  actionModal: {
+    titleTypography?: TypographyPropsCva;
+    descriptionTypography?: TypographyPropsCva;
+  };
+  bottomSheet: {
+    closeDragThreshold?: number;
+    closeVelocityThreshold?: number;
+    hideThumb?: boolean;
+    headerTypography?: TypographyVariantProps;
+  };
+  tableHeaderText: Pick<TypographyPropsCva, "variant" | "size">;
+  tableCellText: Pick<TypographyPropsCva, "variant" | "size">;
+  tag: {
+    textVariant?: TypographyVariantProps["variant"];
+    textSize?: TypographyVariantProps["size"];
+  };
+  toast: Pick<ToastVariantProps, "variant"> & {
+    position: ToastPosition;
+  };
+}
+type DeepRequired<T> = { [P in keyof T]-?: T[P] extends object ? DeepRequired<T[P]> : Exclude<T[P], null | undefined>; };
+//#endregion
+//#region src/config/uiConfig.context.d.ts
+declare namespace UIConfig {
+  export type Options = UIConfigOptions;
+  interface ProviderProps {
+    config?: Partial<Options>;
+  }
+  export const Provider: ({ config, children }: PropsWithChildren<ProviderProps>) => import("react/jsx-runtime").JSX.Element;
+  export const useConfig: () => DeepRequired<UIConfigOptions>;
+  export {};
+}
+//#endregion
+export { UIConfig as t };

package/dist/{useTableNav-CFHbvYvu.d.ts → useTableNav-B_mH8Lcl.d.ts}

@@ -1,10 +1,19 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
 import { c as ZodObject, h as output, i as ZodEnum } from "./schemas-CAtYiHoz.js";
 import { t as FieldPath } from "./form.binding-DWlFTecs.js";
-import { ComponentType, Dispatch, KeyboardEvent, ReactNode, SetStateAction } from "react";
+import { n as TypographyProps } from "./Typography-BiHrVFpz.js";
+import { CSSProperties, ComponentType, Dispatch, FC, KeyboardEvent, ReactNode, SetStateAction } from "react";
 import { CellContext, ColumnDef, ColumnMeta, ColumnOrderState, ColumnVisibilityState, OnChangeFn, PaginationState, Row, RowData, RowSelectionState, SortingState, StockFeatures, Table } from "@tanstack/react-table";
 import { TFunction } from "i18next";
 import { DragEndEvent, UniqueIdentifier } from "@dnd-kit/core";
+//#region src/components/table/CellText.d.ts
+interface CellTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
+  children: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+declare const CellText: FC<CellTextProps>;
+//#endregion
 //#region src/components/table/ColumnConfig.d.ts
 type ColumnDef$4<TData extends RowData, TValue = unknown> = ColumnDef<StockFeatures, TData, TValue>;
 type VisibilityState$2 = ColumnVisibilityState;
@@ -18,6 +27,14 @@ interface ColumnConfigModalProps<TData extends RowData, TValue> {
 }
 declare function ColumnConfigModal<TData extends RowData, TValue>({ isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange }: ColumnConfigModalProps<TData, TValue>): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
+//#region src/components/table/HeaderText.d.ts
+interface HeaderTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
+  children: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+declare const HeaderText: FC<HeaderTextProps>;
+//#endregion
 //#region src/components/table/table.cva.d.ts
 declare const tableRowDefinition: {
   base: string[];
@@ -271,4 +288,4 @@ declare function useTableNav(options?: Config): {
   tableNav: DataGridNav;
 };
 //#endregion
-export { ColumnConfigModal as C, tableRowDefinition as S, tableCellTextDefinition as _, DynamicColumnsOptions as a, tableHeadRowDefinition as b, PaginatedTableProps as c, InfiniteTableProps as d, InfiniteTableWrapperProps as f, TableRowVariantProps as g, TableWrapperProps as h, usePagination as i, PaginatedTableWrapperProps as l, TableProps as m, useTableColumnConfig as n, dynamicColumns as o, Table$1 as p, useSorting as r, PaginatedTable as s, useTableNav as t, InfiniteTable as u, tableDataDefinition as v, ColumnConfigModalProps as w, tableHeaderTextDefinition as x, tableHeadDataDefinition as y };
+export { HeaderText as C, CellText as D, ColumnConfigModalProps as E, CellTextProps as O, tableRowDefinition as S, ColumnConfigModal as T, tableCellTextDefinition as _, DynamicColumnsOptions as a, tableHeadRowDefinition as b, PaginatedTableProps as c, InfiniteTableProps as d, InfiniteTableWrapperProps as f, TableRowVariantProps as g, TableWrapperProps as h, usePagination as i, PaginatedTableWrapperProps as l, TableProps as m, useTableColumnConfig as n, dynamicColumns as o, Table$1 as p, useSorting as r, PaginatedTable as s, useTableNav as t, InfiniteTable as u, tableDataDefinition as v, HeaderTextProps as w, tableHeaderTextDefinition as x, tableHeadDataDefinition as y };

package/dist/{useToast-B55ZUvwy.d.ts → useToast-q70ayd29.d.ts}

@@ -1,5 +1,5 @@
 import { n as ToastOptions$1, r as ToastPosition, t as Id } from "./index-B8r_kiw4.js";
-import { r as ToastProps } from "./Toast-JL9yaI35.js";
+import { r as ToastProps } from "./Toast-DL8_g0WV.js";
 //#region src/components/status/Toast/useToast.d.ts
 interface ToastParams extends Omit<ToastProps, "color"> {
   position?: ToastPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.4.0-rc.37",
+  "version": "3.4.0-rc.38",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/FormField-CpPQoyv_.d.ts

@@ -1,81 +0,0 @@
-import { D as DOMAttributes$1, s as InputProps } from "./types-BSiv-Igp.js";
-import { n as InlineIconButtonProps } from "./InlineIconButton-DvsOdnfE.js";
-import { n as FieldValues } from "./form.binding-DWlFTecs.js";
-import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
-import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
-import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
-import { FC, FocusEvent, FocusEventHandler, LabelHTMLAttributes, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode, Ref, SVGProps } from "react";
-import { AriaTextFieldProps } from "@react-aria/textfield";
-//#region src/components/inputs/FormField/FormFieldHeader.d.ts
-interface FormFieldHeaderProps {
-  label: string;
-  tooltipText?: string;
-  helperText?: string;
-  isRequired?: boolean;
-  rightContent?: ReactNode;
-  isHeaderHidden?: boolean;
-  isDisabled?: boolean;
-  className?: string;
-  labelProps?: DOMAttributes$1<HTMLLabelElement> & LabelHTMLAttributes<HTMLLabelElement>;
-}
-//#endregion
-//#region src/components/inputs/Input/shared/InputContent.d.ts
-interface InputContentProps {
-  className?: string;
-  unit?: string;
-  isLoading?: boolean;
-  isDisabled?: boolean;
-  action?: {
-    icon: InlineIconButtonProps["icon"];
-    onClick: () => void;
-    altText: string;
-    className?: string;
-  };
-  leadingIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
-  trailingIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
-  isClearable?: boolean;
-  isClearableIfDisabled?: boolean;
-  value?: string | number | null;
-  onChange?: (value: string) => void;
-  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-  headerProps?: FormFieldHeaderProps;
-}
-//#endregion
-//#region src/components/inputs/Input/TextInput/TextInput.d.ts
-type AllowedHTMLInputTypeAttribute = "email" | "hidden" | "tel" | "text" | "url";
-interface TextInputBaseProps extends FormFieldProps, InputVariantProps, Omit<InputContentProps, "ref" | "value" | "onChange" | "onBlur">, Omit<InputProps, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "type" | "size" | "className" | keyof AriaTextFieldProps>, Omit<AriaTextFieldProps<HTMLInputElement>, "label"> {
-  ref?: Ref<HTMLInputElement>;
-  inputClassName?: string;
-  type?: AllowedHTMLInputTypeAttribute;
-  todayIcon?: boolean;
-  isDirty?: boolean;
-  autoFocusOnMount?: boolean;
-}
-interface TextInputProps extends TextInputBaseProps {
-  renderStaticInput?: boolean;
-}
-type ControlledTextInputProps<TFieldValues extends Record<string, unknown>> = ControlProps<TextInputProps, TFieldValues>;
-/** @internal Exported for production render benchmarks. */
-declare const TextInputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledTextInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-declare const TextInput: typeof TextInputComponent;
-//#endregion
-//#region src/components/inputs/FormField/FormField.d.ts
-interface FormFieldProps extends Omit<FormFieldHeaderProps, "className" | "labelProps">, Omit<FormFieldErrorProps, "className"> {
-  errorMessageId?: string;
-  helperTextId?: string;
-  hideLabel?: boolean;
-  headerClassName?: string;
-  errorClassName?: string;
-  className?: string;
-}
-interface FormFieldComponentProps extends PropsWithChildren<FormFieldProps> {
-  ref?: Ref<HTMLDivElement>;
-  labelProps?: FormFieldHeaderProps["labelProps"];
-  as?: TextInputProps["as"];
-  tabIndex?: number;
-  onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-  onFocusCapture?: FocusEventHandler<HTMLDivElement>;
-}
-declare const FormField: ({ ref, as, label, tooltipText, helperText, helperTextId, isRequired, rightContent, isDisabled, error, errorMessageId, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture }: FormFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { TextInputComponent as a, TextInput as i, FormFieldProps as n, TextInputProps as o, ControlledTextInputProps as r, InputContentProps as s, FormField as t };

package/dist/HeaderText-BrZaEuIn.d.ts

@@ -1,19 +0,0 @@
-import { n as TypographyProps } from "./Typography-BiHrVFpz.js";
-import { CSSProperties, FC, ReactNode } from "react";
-//#region src/components/table/CellText.d.ts
-interface CellTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
-  children: ReactNode;
-  className?: string;
-  style?: CSSProperties;
-}
-declare const CellText: FC<CellTextProps>;
-//#endregion
-//#region src/components/table/HeaderText.d.ts
-interface HeaderTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
-  children: ReactNode;
-  className?: string;
-  style?: CSSProperties;
-}
-declare const HeaderText: FC<HeaderTextProps>;
-//#endregion
-export { CellTextProps as i, HeaderTextProps as n, CellText as r, HeaderText as t };

package/dist/button-CAOolCjz.d.ts

@@ -1 +0,0 @@
-import "./types-BSiv-Igp.js";

package/dist/uiConfig.context-BLXZG1Mu.d.ts

@@ -1,90 +0,0 @@
-import { t as BottomSheetProps } from "./BottomSheet-BZXBtOHF.js";
-import { r as ButtonProps } from "./Button-OxjPE7Hf.js";
-import { i as CheckboxProps } from "./Checkbox-Di3VlWJj.js";
-import { o as TextInputProps } from "./FormField-CpPQoyv_.js";
-import { i as NumberInputProps } from "./NumberInput-Cr_nD98h.js";
-import { r as RadioGroupProps } from "./RadioGroup-iry4UYlW.js";
-import { t as SelectBaseProps } from "./SelectBase-aSvWd7Cx.js";
-import { r as SliderProps } from "./Slider-CdZdFERe.js";
-import { r as ToggleProps } from "./Toggle-vHKDihtx.js";
-import { n as ActionModalProps } from "./ActionModal-C4lfhfPx.js";
-import { r as ToastPosition } from "./index-B8r_kiw4.js";
-import { r as ToastProps } from "./Toast-JL9yaI35.js";
-import { n as TagProps } from "./Tag-DkTx1S7H.js";
-import { r as DatePickerProps } from "./DatePicker-COJoYiqp.js";
-import { i as DateRangeRelativeOption } from "./DateRangePicker-C8hu6_ms.js";
-import { i as CellTextProps, n as HeaderTextProps } from "./HeaderText-BrZaEuIn.js";
-import { PropsWithChildren, ReactElement } from "react";
-//#region src/hooks/useBreakpoint.d.ts
-type Breakpoint = "sm" | "md" | "lg" | "xl";
-declare function useBreakpoint(breakpointKey: Breakpoint): boolean;
-//#endregion
-//#region src/config/uiConfig.context.d.ts
-declare namespace UIConfig {
-  type DeepRequired<T> = { [P in keyof T]-?: T[P] extends object ? DeepRequired<T[P]> : Exclude<T[P], null | undefined>; };
-  export interface Options {
-    renderStaticInput: boolean;
-    responsive: {
-      ssrMatches: Partial<Record<Breakpoint, boolean>>;
-    };
-    input: Pick<TextInputProps, "variant" | "isClearable" | "hideLabel" | "as" | "size"> & {
-      alwaysShowClear?: boolean;
-    };
-    button: Pick<ButtonProps, "variant" | "size">;
-    numberInput: Pick<NumberInputProps, "formatOptions">;
-    radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel"> & {
-      fireBlurOnChange?: boolean;
-    };
-    checkbox: Pick<CheckboxProps, "variant"> & {
-      fireBlurOnChange?: boolean;
-    };
-    select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "multiSelectAutoConfirm" | "searchDebounceDelay"> & {
-      fireBlurOnChange?: boolean;
-      renderStaticInput?: boolean;
-    };
-    queryAutocomplete: {
-      isInitialQueryDisabled?: boolean;
-      renderStaticInput?: boolean;
-      resolveSelectedItemsWithIds?: boolean;
-      searchDebounceDelay?: number;
-    };
-    querySelect: {
-      isInitialQueryDisabled?: boolean;
-      renderStaticInput?: boolean;
-      resolveSelectedItemsWithIds?: boolean;
-      searchDebounceDelay?: number;
-    };
-    toggle: Pick<ToggleProps, "variant"> & {
-      fireBlurOnChange?: boolean;
-    };
-    slider: Pick<SliderProps, "minValue" | "maxValue">;
-    dateInput: Pick<DatePickerProps, "todayIcon" | "todayIconButtonSize" | "todayIconPlacement" | "shouldForceLeadingZeros" | "disableManualEntry" | "shouldUpdateDateOnMonthYearChange" | "granularity" | "autoFixYear"> & {
-      calendarIcon?: ReactElement;
-      dateTimeIcon?: ReactElement;
-      timeIcon?: ReactElement;
-      setDateValueOnDateSelection?: boolean;
-      timeZone?: string;
-      todayIconButtonComponent?: DatePickerProps["todayIconButtonComponent"];
-      allowPartialRange?: boolean;
-      fireBlurOnChange?: boolean;
-      /** Additional choices shown by DateRangePicker in `relative` mode. */
-      dateRangeOptions?: DateRangeRelativeOption[];
-    };
-    actionModal: Pick<ActionModalProps, "titleTypography" | "descriptionTypography">;
-    bottomSheet: Pick<BottomSheetProps, "closeDragThreshold" | "closeVelocityThreshold" | "hideThumb" | "headerTypography">;
-    tableHeaderText: Pick<HeaderTextProps, "variant" | "size">;
-    tableCellText: Pick<CellTextProps, "variant" | "size">;
-    tag: Pick<TagProps, "textVariant" | "textSize">;
-    toast: Pick<ToastProps, "variant"> & {
-      position: ToastPosition;
-    };
-  }
-  interface ProviderProps {
-    config?: Partial<Options>;
-  }
-  export const Provider: ({ config, children }: PropsWithChildren<ProviderProps>) => import("react/jsx-runtime").JSX.Element;
-  export const useConfig: () => DeepRequired<Options>;
-  export {};
-}
-//#endregion
-export { useBreakpoint as n, UIConfig as t };