@povio/ui 2.2.4 → 2.2.6

package/dist/config/uiConfig.context.d.ts

@@ -9,6 +9,9 @@ import { SelectBaseProps } from '../components/inputs/Selection/shared/SelectBas
 import { SliderProps } from '../components/inputs/Slider/Slider';
 import { ToggleProps } from '../components/inputs/Toggle/Toggle';
 import { ActionModalProps } from '../components/overlays/ActionModal/ActionModal';
+import { BottomSheetProps } from '../components/overlays/BottomSheet/BottomSheet';
+import { CellTextProps } from '../components/table/CellText';
+import { HeaderTextProps } from '../components/table/HeaderText';
 export declare namespace UIConfig {
     type DeepRequired<T> = {
         [P in keyof T]-?: T[P] extends object ? DeepRequired<T[P]> : Exclude<T[P], null | undefined>;
@@ -19,11 +22,14 @@ export declare namespace UIConfig {
         numberInput: Pick<NumberInputProps, "formatOptions">;
         radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel">;
         checkbox: Pick<CheckboxProps, "variant">;
-        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType">;
+        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon">;
         toggle: Pick<ToggleProps, "variant">;
         slider: Pick<SliderProps, "minValue" | "maxValue">;
         dateInput: Pick<DatePickerProps, "todayIcon" | "shouldForceLeadingZeros" | "disableManualEntry">;
         actionModal: Pick<ActionModalProps, "titleTypography" | "descriptionTypography">;
+        bottomSheet: Pick<BottomSheetProps, "closeDragThreshold" | "closeVelocityThreshold" | "hideThumb" | "headerTypography">;
+        tableHeaderText: Pick<HeaderTextProps, "variant" | "size">;
+        tableCellText: Pick<CellTextProps, "variant" | "size">;
     }
     interface ProviderProps {
         config?: Partial<Options>;

package/dist/config/uiConfig.context.js

@@ -29,7 +29,8 @@ let UIConfig;
 			selectionMode: "single",
 			isSearchable: false,
 			selectedTagsType: "list",
-			collapseAfter: 3
+			collapseAfter: 3,
+			hideSearchIcon: false
 		},
 		toggle: { variant: "default" },
 		slider: {
@@ -47,6 +48,23 @@ let UIConfig;
 				variant: "prominent-1"
 			},
 			descriptionTypography: { size: "body-3" }
+		},
+		bottomSheet: {
+			closeDragThreshold: 100,
+			closeVelocityThreshold: 200,
+			hideThumb: false,
+			headerTypography: {
+				size: "label-2",
+				variant: "prominent-1"
+			}
+		},
+		tableHeaderText: {
+			variant: "default",
+			size: "label-1"
+		},
+		tableCellText: {
+			variant: "default",
+			size: "label-1"
 		}
 	};
 	const Context = createContext(DEFAULT_CONFIG);

package/dist/config/uiStyle.context.d.ts

@@ -4,6 +4,8 @@ import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbIt
 import { ButtonVariantProps } from '../components/buttons/Button/button.cva';
 import { PillButtonVariants } from '../components/buttons/PillButton/pillButton.cva';
 import { CheckboxIconVariantProps, CheckboxVariantProps } from '../components/inputs/Checkbox/checkbox.cva';
+import { FormFieldErrorVariantProps } from '../components/inputs/FormField/formFieldError.cva';
+import { FormFieldHelperVariantProps } from '../components/inputs/FormField/formFieldHelper.cva';
 import { RadioVariantProps } from '../components/inputs/RadioGroup/radio.cva';
 import { InputBaseProps, InputSideProps, InputSizeProps } from '../components/inputs/shared/input.cva';
 import { LabelBaseProps } from '../components/inputs/shared/label.cva';
@@ -14,9 +16,10 @@ import { StepperIconVariantProps, StepperItemVariantProps, StepperNumberVariantP
 import { ModalVariantProps } from '../components/overlays/Modal/modal.cva';
 import { TooltipPointerHorizontalVariantProps, TooltipPointerVerticalVariantProps, TooltipTextVariantProps, TooltipVariantProps } from '../components/overlays/Tooltip/tooltip.cva';
 import { SegmentItemVariantProps, SegmentVariantProps } from '../components/segment/segment.cva';
+import { PopoverVariantProps } from '../components/shared/popover.cva';
 import { AlertVariantProps } from '../components/status/Alert/alert.cva';
 import { ToastVariantProps } from '../components/status/Toast/toast.cva';
-import { TableDataVariantProps, TableHeadDataVariantProps, TableHeadRowVariantProps, TableRowVariantProps } from '../components/table/table.cva';
+import { TableCellTextVariantProps, TableDataVariantProps, TableHeadDataVariantProps, TableHeadRowVariantProps, TableHeaderTextVariantProps, TableRowVariantProps } from '../components/table/table.cva';
 import { LinkVariantProps } from '../components/text/Link/link.cva';
 import { TagVariantProps } from '../components/text/Tag/tag.cva';
 import { TypographyVariantProps } from '../components/text/Typography/typography.cva';
@@ -85,6 +88,8 @@ export declare namespace UIStyle {
             headDataCva?: Cva<TableHeadDataVariantProps>;
             rowCva?: Cva<TableRowVariantProps>;
             dataCva?: Cva<TableDataVariantProps>;
+            headerTextCva?: Cva<TableHeaderTextVariantProps>;
+            cellTextCva?: Cva<TableCellTextVariantProps>;
         };
         tooltip: {
             cva?: Cva<TooltipVariantProps>;
@@ -135,6 +140,13 @@ export declare namespace UIStyle {
             chevronCva?: Cva<BreadcrumbChevronVariantProps>;
             iconCva?: Cva<BreadcrumbIconVariantProps>;
         };
+        popover: {
+            cva?: Cva<PopoverVariantProps>;
+        };
+        formField: {
+            errorLabelCva?: Cva<FormFieldErrorVariantProps>;
+            helperLabelCva?: Cva<FormFieldHelperVariantProps>;
+        };
     }
     interface ProviderProps {
         config?: Partial<Options>;

package/dist/index.js

@@ -55,6 +55,8 @@ import { Button } from "./components/buttons/Button/Button.js";
 import { IconButton } from "./components/buttons/IconButton/IconButton.js";
 import { InlineIconButton } from "./components/buttons/InlineIconButton/InlineIconButton.js";
 import { PillButton } from "./components/buttons/PillButton/PillButton.js";
+import { ns, resources } from "./config/i18n.js";
+import { useStateAndRef } from "./hooks/useStateAndRef.js";
 import { DomUtils } from "./utils/dom.utils.js";
 import { BottomSheet } from "./components/overlays/BottomSheet/BottomSheet.js";
 import { useBreakpoint } from "./hooks/useBreakpoint.js";
@@ -65,7 +67,6 @@ import { ToggleButton } from "./components/buttons/ToggleButton/ToggleButton.js"
 import { Checkbox } from "./components/inputs/Checkbox/Checkbox.js";
 import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
-import { ns, resources } from "./config/i18n.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
@@ -130,7 +131,6 @@ import { useForm } from "./hooks/useForm.js";
 import { useFormAutosave } from "./hooks/useFormAutosave.js";
 import { usePagination } from "./hooks/usePagination.js";
 import { useSorting } from "./hooks/useSorting.js";
-import { useStateAndRef } from "./hooks/useStateAndRef.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";

package/dist/utils/file.utils.d.ts

@@ -5,5 +5,9 @@ export declare namespace FileUtils {
     const downloadFile: (data: Blob | AxiosResponse<Blob>, fileName?: string, revokeTimeoutMs?: number) => void;
     const isFileTypeAccepted: (file: File, fileTypes?: readonly string[] | string[]) => boolean;
     const getCalculatedFileSize: (file?: File) => string;
+    const getFileDisplaySize: (state: {
+        file?: File;
+        displaySize?: number;
+    }) => string;
     const formatBytes: (size: number, decimals?: number) => string;
 }

package/dist/utils/file.utils.js

@@ -26,14 +26,19 @@ let FileUtils;
 			return file.name.toLowerCase().endsWith(type.toLowerCase());
 		});
 	};
-	_FileUtils.getCalculatedFileSize = (file) => {
+	const getCalculatedFileSize = _FileUtils.getCalculatedFileSize = (file) => {
 		if (!file) return "";
 		if (file.size < 1024) return `${file.size} B`;
 		if (file.size < 1024 * 1024) return `${(file.size / 1024).toFixed(2)} KB`;
 		if (file.size < 1024 * 1024 * 1024) return `${(file.size / 1024 / 1024).toFixed(2)} MB`;
 		return `${(file.size / 1024 / 1024 / 1024).toFixed(2)} GB`;
 	};
-	_FileUtils.formatBytes = (size, decimals = 2) => {
+	_FileUtils.getFileDisplaySize = (state) => {
+		if (state.file) return getCalculatedFileSize(state.file);
+		if (state.displaySize != null) return formatBytes(state.displaySize);
+		return "";
+	};
+	const formatBytes = _FileUtils.formatBytes = (size, decimals = 2) => {
 		if (size < 1024) return `${size} B`;
 		if (size < 1024 * 1024) return `${(size / 1024).toFixed(decimals)} KB`;
 		if (size < 1024 * 1024 * 1024) return `${(size / 1024 / 1024).toFixed(decimals)} MB`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.2.4",
+  "version": "2.2.6",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",