@povio/ui 2.2.5 → 2.2.7

package/dist/config/uiConfig.context.js

@@ -2,7 +2,8 @@ import { ObjectUtils } from "../utils/object.utils.js";
 import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
-let UIConfig;
+//#region src/config/uiConfig.context.tsx
+var UIConfig;
 (function(_UIConfig) {
 	const DEFAULT_CONFIG = {
 		input: {
@@ -29,7 +30,8 @@ let UIConfig;
 			selectionMode: "single",
 			isSearchable: false,
 			selectedTagsType: "list",
-			collapseAfter: 3
+			collapseAfter: 3,
+			hideSearchIcon: false
 		},
 		toggle: { variant: "default" },
 		slider: {
@@ -50,8 +52,26 @@ let UIConfig;
 		},
 		bottomSheet: {
 			closeDragThreshold: 100,
-			closeVelocityThreshold: 200
-		}
+			closeVelocityThreshold: 200,
+			hideThumb: false,
+			headerTypography: {
+				size: "label-2",
+				variant: "prominent-1"
+			}
+		},
+		tableHeaderText: {
+			variant: "default",
+			size: "label-1"
+		},
+		tableCellText: {
+			variant: "default",
+			size: "label-1"
+		},
+		tag: {
+			textVariant: "default",
+			textSize: "label-2"
+		},
+		toast: { variant: "outlined" }
 	};
 	const Context = createContext(DEFAULT_CONFIG);
 	_UIConfig.Provider = ({ config = {}, children }) => {
@@ -70,4 +90,5 @@ let UIConfig;
 		return context;
 	};
 })(UIConfig || (UIConfig = {}));
+//#endregion
 export { UIConfig };

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';
@@ -17,7 +19,7 @@ import { SegmentItemVariantProps, SegmentVariantProps } from '../components/segm
 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';
@@ -86,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>;
@@ -139,6 +143,10 @@ export declare namespace UIStyle {
         popover: {
             cva?: Cva<PopoverVariantProps>;
         };
+        formField: {
+            errorLabelCva?: Cva<FormFieldErrorVariantProps>;
+            helperLabelCva?: Cva<FormFieldHelperVariantProps>;
+        };
     }
     interface ProviderProps {
         config?: Partial<Options>;

package/dist/config/uiStyle.context.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
-let UIStyle;
+//#region src/config/uiStyle.context.tsx
+var UIStyle;
 (function(_UIStyle) {
 	const Context = createContext(null);
 	_UIStyle.Provider = ({ children, config }) => {
@@ -25,4 +26,5 @@ let UIStyle;
 		return uiStyle[k1]?.[k2] ?? fallback;
 	};
 })(UIStyle || (UIStyle = {}));
+//#endregion
 export { UIStyle };

package/dist/helpers/dynamicColumns.js

@@ -3,6 +3,7 @@ import { ZodUtils } from "../utils/zod.utils.js";
 import { DateUtils } from "../utils/date.utils.js";
 import { z } from "zod";
 import i18next from "i18next";
+//#region src/helpers/dynamicColumns.ts
 var DEFAULT_NAMESPACE = "dynamicColumns";
 var FORMAT_MAP = {
 	datetime: (value) => DateUtils.formatDate(new Date(value)),
@@ -47,7 +48,7 @@ var convertCustomEntriesToColumnDefs = (entries) => {
 var excludeEntries = (entries) => {
 	return entries.filter(([, value]) => value !== false && value !== void 0);
 };
-const sortColumns = (columns, orderKeys) => {
+var sortColumns = (columns, orderKeys) => {
 	if (!orderKeys) return columns;
 	const wildcardIndex = orderKeys.indexOf("*");
 	if (wildcardIndex === -1) return columns.sort((columnA, columnB) => {
@@ -246,7 +247,7 @@ var validateParams = (schema, presetColumns, options) => {
 	validateOptionKeyArray(allKeys, order, "order");
 	validateOptionKeyArray(usedKeys, disableFormatting, "disableFormatting");
 };
-const dynamicColumns = ({ schema, preset = [], options }) => {
+var dynamicColumns = ({ schema, preset = [], options }) => {
 	validateParams(schema, preset, options);
 	const sortableKeys = normalizeSortable(options.sortable);
 	let entries = Object.entries(options.columns ?? {});
@@ -269,4 +270,5 @@ const dynamicColumns = ({ schema, preset = [], options }) => {
 	];
 	return sortColumns(options.includeAll ? addMissingSchemaFields(schema, mergedColumns, options, sortableKeys) : mergedColumns, options.order);
 };
+//#endregion
 export { dynamicColumns };

package/dist/helpers/dynamicInputs.js

@@ -2,6 +2,7 @@ import { StringUtils } from "../utils/string.utils.js";
 import { ZodUtils } from "../utils/zod.utils.js";
 import { z } from "zod";
 import i18next from "i18next";
+//#region src/helpers/dynamicInputs.ts
 var defaultComponentTypes = {
 	datetime: "datePicker",
 	dateRange: "dateRangePicker",
@@ -52,7 +53,7 @@ var convertInputsConfigToObjectDefinitions = (entries) => {
 		return [key, inputConfigToObjectDefinition(value)];
 	});
 };
-const getDefaultInputComponentType = (schemaType) => {
+var getDefaultInputComponentType = (schemaType) => {
 	if (ZodUtils.isDateRange(schemaType)) return defaultComponentTypes.dateRange;
 	const unwrappedType = ZodUtils.unwrapZodType(schemaType);
 	const componentType = ZOD_TYPE_COMPONENT_TYPE.find(([zodType]) => unwrappedType instanceof zodType)?.[1];
@@ -67,7 +68,7 @@ var getDefaultSelectionItems = (keyType) => {
 	}));
 	return [];
 };
-const getDefaultSelectionMode = (keyType) => {
+var getDefaultSelectionMode = (keyType) => {
 	return keyType instanceof z.ZodArray ? "multiple" : "single";
 };
 var getDefaultProps = (componentType, keyType) => {
@@ -171,7 +172,7 @@ var addMissingSchemaFields = (schema, existingInputDefs, options) => {
 	});
 	return [...existingInputDefs, ...additionalInputDefs];
 };
-const dynamicInputs = ({ schema, preset = [], options }) => {
+var dynamicInputs = ({ schema, preset = [], options }) => {
 	validateParams(schema, preset, options);
 	let entries = Object.entries(options.inputs ?? {});
 	entries = excludeEntries(entries);
@@ -183,4 +184,5 @@ const dynamicInputs = ({ schema, preset = [], options }) => {
 	const mergedInputDefs = [...presetInputDefs, ...inputDefs];
 	return sortInputDefs(options.includeAll ? addMissingSchemaFields(schema, mergedInputDefs, options) : mergedInputDefs, options.order);
 };
+//#endregion
 export { dynamicInputs, getDefaultInputComponentType };

package/dist/hooks/useAutosave.js

@@ -2,6 +2,7 @@ import { ObjectUtils } from "../utils/object.utils.js";
 import { isEqual } from "../utils/isEqual.js";
 import { useEffect, useRef } from "react";
 import { useFormState, useWatch } from "react-hook-form";
+//#region src/hooks/useAutosave.ts
 function isNilOrEqual(left, right) {
 	if (ObjectUtils.isNil(left) && ObjectUtils.isNil(right)) return true;
 	return isEqual(left, right);
@@ -59,4 +60,5 @@ function useAutosave({ form, delay = 500, enabled = true, onSave, onSaveSuccess
 		reset
 	]);
 }
+//#endregion
 export { useAutosave };

package/dist/hooks/useBreakpoint.js

@@ -1,5 +1,6 @@
 import { useMemo } from "react";
 import { useMediaQuery } from "react-responsive";
+//#region src/hooks/useBreakpoint.ts
 var breakpoints = null;
 function getBreakpoints() {
 	if (breakpoints) return breakpoints;
@@ -21,8 +22,9 @@ function getBreakpoints() {
 	return breakpoints;
 }
 function useBreakpoint(breakpointKey) {
-	const breakpoints$1 = useMemo(() => getBreakpoints(), []);
-	if (!breakpoints$1) throw new Error("Tailwind config is missing theme.screens");
-	return useMediaQuery({ query: `(min-width: ${breakpoints$1[breakpointKey]})` });
+	const breakpoints = useMemo(() => getBreakpoints(), []);
+	if (!breakpoints) throw new Error("Tailwind config is missing theme.screens");
+	return useMediaQuery({ query: `(min-width: ${breakpoints[breakpointKey]})` });
 }
+//#endregion
 export { useBreakpoint };

package/dist/hooks/useDebounceCallback.js

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/hooks/useDebounceCallback.ts
 function useDebounceCallback(callback, { delay = 500 } = {}) {
 	const timeoutRef = useRef(null);
 	const [isDebouncing, setIsDebouncing] = useState(false);
@@ -20,4 +21,5 @@ function useDebounceCallback(callback, { delay = 500 } = {}) {
 		isDebouncing
 	};
 }
+//#endregion
 export { useDebounceCallback };

package/dist/hooks/useDeepCompare.js

@@ -1,12 +1,13 @@
 import { isEqual } from "../utils/isEqual.js";
 import { useEffect, useLayoutEffect, useMemo, useRef } from "react";
-const useDeepCompareEffect = (callback, dependencies) => {
+//#region src/hooks/useDeepCompare.ts
+var useDeepCompareEffect = (callback, dependencies) => {
 	return useEffect(callback, useDeepCompareDeps(dependencies));
 };
-const useDeepCompareLayoutEffect = (callback, dependencies) => {
+var useDeepCompareLayoutEffect = (callback, dependencies) => {
 	return useLayoutEffect(callback, useDeepCompareDeps(dependencies));
 };
-const useDeepCompareMemo = (factory, dependencies) => {
+var useDeepCompareMemo = (factory, dependencies) => {
 	return useMemo(factory, useDeepCompareDeps(dependencies));
 };
 var useDeepCompareDeps = (value) => {
@@ -18,4 +19,5 @@ var useDeepCompareDeps = (value) => {
 	}
 	return [signalRef.current];
 };
+//#endregion
 export { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo };

package/dist/hooks/useFilters.js

@@ -1,6 +1,7 @@
 import { UIRouter } from "../config/router.context.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { z } from "zod";
+//#region src/hooks/useFilters.ts
 function getFieldType(schema, fieldKey) {
 	if (!schema || !schema.shape) return "unknown";
 	let fieldSchema = schema.shape[fieldKey];
@@ -44,7 +45,7 @@ var parseFilterFromQuery = (searchParams, schema) => {
 	}
 	return filter;
 };
-const useFilters = (defaultFilterValues, prefix = "", schema) => {
+var useFilters = (defaultFilterValues, prefix = "", schema) => {
 	const { searchParams, pathname, replace } = UIRouter.useUIRouter();
 	const [filterData, setFilterData] = useState(() => parseFilterFromQuery(searchParams, schema));
 	useEffect(() => {
@@ -118,4 +119,5 @@ const useFilters = (defaultFilterValues, prefix = "", schema) => {
 		clearAllFilters
 	]);
 };
+//#endregion
 export { useFilters };

package/dist/hooks/useForm.js

@@ -1,6 +1,7 @@
 import { useMemo } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
+//#region src/hooks/useForm.ts
 function useForm$1({ resolver, zodSchema, defaultValues, ...props }) {
 	const formResolver = useMemo(() => resolver ?? (zodSchema ? zodResolver(zodSchema) : void 0), [resolver, zodSchema]);
 	return useForm({
@@ -9,4 +10,5 @@ function useForm$1({ resolver, zodSchema, defaultValues, ...props }) {
 		defaultValues
 	});
 }
+//#endregion
 export { useForm$1 as useForm };

package/dist/hooks/useFormAutosave.js

@@ -2,6 +2,7 @@ import { ObjectUtils } from "../utils/object.utils.js";
 import { useAutosave } from "./useAutosave.js";
 import { useForm } from "./useForm.js";
 import { useEffect, useRef } from "react";
+//#region src/hooks/useFormAutosave.ts
 var getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
 Problem: Form values weren't reset after submission.
 
@@ -49,4 +50,5 @@ function useFormAutosave({ autosaveDelay, enableAutosave, onAutosave, getResetVa
 	});
 	return form;
 }
+//#endregion
 export { useFormAutosave };

package/dist/hooks/useIntersectionObserver.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
-const useIntersectionObserver = ({ onIntersection, onIntersectionChange, root, rootMargin, threshold }) => {
+//#region src/hooks/useIntersectionObserver.ts
+var useIntersectionObserver = ({ onIntersection, onIntersectionChange, root, rootMargin, threshold }) => {
 	const ref = useRef(null);
 	useEffect(() => {
 		const observer = new IntersectionObserver((entries) => {
@@ -20,4 +21,5 @@ const useIntersectionObserver = ({ onIntersection, onIntersectionChange, root, r
 	]);
 	return { ref };
 };
+//#endregion
 export { useIntersectionObserver };

package/dist/hooks/useLocalStorage.js

@@ -1,4 +1,5 @@
 import { useCallback, useState } from "react";
+//#region src/hooks/useLocalStorage.ts
 var getValue = (key, schema) => {
 	if (!localStorage) return null;
 	const lsValue = localStorage.getItem(key);
@@ -13,7 +14,7 @@ var getValue = (key, schema) => {
 	if (parsedValue.success) return parsedValue.data;
 	else return null;
 };
-const useLocalStorage = ({ key, schema }) => {
+var useLocalStorage = ({ key, schema }) => {
 	const [value, setValue] = useState(() => getValue(key, schema));
 	return {
 		value,
@@ -32,4 +33,5 @@ const useLocalStorage = ({ key, schema }) => {
 		}, [key])
 	};
 };
+//#endregion
 export { useLocalStorage };

package/dist/hooks/useLongPressRepeat.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
-const useLongPressRepeat = ({ onPress, enabled = true, interval = 85, timeout = 500 }) => {
+//#region src/hooks/useLongPressRepeat.ts
+var useLongPressRepeat = ({ onPress, enabled = true, interval = 85, timeout = 500 }) => {
 	const intervalRef = useRef(void 0);
 	useEffect(() => {
 		return () => {
@@ -24,4 +25,5 @@ const useLongPressRepeat = ({ onPress, enabled = true, interval = 85, timeout =
 		onPressEnd
 	};
 };
+//#endregion
 export { useLongPressRepeat };

package/dist/hooks/usePagination.js

@@ -1,5 +1,6 @@
 import { UIRouter } from "../config/router.context.js";
 import { useEffect, useState } from "react";
+//#region src/hooks/usePagination.ts
 var DEFAULT_STATE = {
 	pageIndex: 1,
 	pageSize: 20
@@ -23,4 +24,5 @@ function usePagination(defaultPagination) {
 		pageSize: pagination.pageSize
 	};
 }
+//#endregion
 export { usePagination };

package/dist/hooks/useScrollableListBox.js

@@ -1,5 +1,6 @@
 import { useBreakpoint } from "./useBreakpoint.js";
 import { useEffect, useRef } from "react";
+//#region src/hooks/useScrollableListBox.ts
 function useScrollableListBox() {
 	const ref = useRef(null);
 	const isDesktop = useBreakpoint("md");
@@ -21,4 +22,5 @@ function useScrollableListBox() {
 	}, [ref, isDesktop]);
 	return { ref };
 }
+//#endregion
 export { useScrollableListBox };

package/dist/hooks/useSorting.js

@@ -1,5 +1,6 @@
 import { UIRouter } from "../config/router.context.js";
 import { useEffect, useMemo, useState } from "react";
+//#region src/hooks/useSorting.ts
 function useSorting(defaultSorting, prefix = "") {
 	const { pathname, replace, searchParams } = UIRouter.useUIRouter();
 	const [sorting, setSorting] = useState(defaultSorting ?? searchParams.get(`order${prefix && `-${prefix}`}`)?.split(",").map((item) => {
@@ -31,4 +32,5 @@ function useSorting(defaultSorting, prefix = "") {
 		order
 	};
 }
+//#endregion
 export { useSorting };

package/dist/hooks/useStateAndRef.js

@@ -1,6 +1,7 @@
 import { ObjectUtils } from "../utils/object.utils.js";
 import { useCallback, useRef, useState } from "react";
-const useStateAndRef = (initialState) => {
+//#region src/hooks/useStateAndRef.ts
+var useStateAndRef = (initialState) => {
 	const [state, setState] = useState(initialState);
 	const ref = useRef(state);
 	return [
@@ -12,4 +13,5 @@ const useStateAndRef = (initialState) => {
 		}, [setState])
 	];
 };
+//#endregion
 export { useStateAndRef };

package/dist/hooks/useTableColumnConfig.js

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
+//#region src/hooks/useTableColumnConfig.ts
 function sortByKeyOrder(data, orderedKeys = []) {
 	return [...data].sort((a, b) => {
 		return orderedKeys.findIndex((key) => key === (a.id ?? a.accessorKey)) - orderedKeys.findIndex((key) => key === (b.id ?? b.accessorKey));
@@ -35,4 +36,5 @@ function useTableColumnConfig(defaultColumns, options = {}) {
 		onOrderChange: handleOrderChange
 	};
 }
+//#endregion
 export { useTableColumnConfig };