@povio/ui 3.4.0-rc.2 → 3.4.0-rc.4

package/dist/assets/locales/en/translation.json.d.ts

@@ -0,0 +1,158 @@
+declare const _default: {
+  "ui": {
+    "openAlt": "Open",
+    "closeAlt": "Close",
+    "clearAlt": "Clear",
+    "loadingState": {
+      "text": "Loading..."
+    },
+    "select": {
+      "closeAlt": "Close the menu",
+      "selectAll": "Select all",
+      "clearSelection": "Clear",
+      "allOption": "All",
+      "search": "Search",
+      "clearSearch": "Clear search"
+    },
+    "datePicker": {
+      "today": "Today",
+      "clear": "Clear",
+      "save": "Save",
+      "presets": {
+        "thisWeek": "This week",
+        "lastWeek": "Last week",
+        "thisAndLastWeek": "This & Last week",
+        "thisMonth": "This month",
+        "thisAndLastMonth": "This & Last month",
+        "thisYear": "This year",
+        "lastYear": "Last year",
+        "thisAndLastYear": "This & Last year",
+        "soFar": "So far"
+      },
+      "navigation": {
+        "previousMonth": "Previous month",
+        "nextMonth": "Next month",
+        "previousYear": "Previous year",
+        "nextYear": "Next year"
+      },
+      "errors": {
+        "endDateBeforeStart": "End date cannot be before start date"
+      }
+    },
+    "modal": {
+      "closeBtn": "Close"
+    },
+    "autocomplete": {
+      "createNewBtn": "Create"
+    },
+    "password": {
+      "reveal": "Reveal password",
+      "hide": "Hide password"
+    },
+    "textEditor": {
+      "textStyle": {
+        "label": "Text style",
+        "normal": "Normal text",
+        "heading1": "Heading 1",
+        "heading2": "Heading 2",
+        "heading3": "Heading 3",
+        "heading4": "Heading 4",
+        "heading5": "Heading 5",
+        "heading6": "Heading 6"
+      },
+      "marks": {
+        "bold": "Bold",
+        "italic": "Italic",
+        "underline": "Underline",
+        "strikethrough": "Strikethrough"
+      },
+      "textAlign": {
+        "label": "Text align",
+        "left": "Left",
+        "center": "Center",
+        "right": "Right",
+        "justify": "Justify"
+      },
+      "link": {
+        "label": "Hyperlink",
+        "apply": "Apply",
+        "remove": "Remove",
+        "urlLabel": "URL",
+        "urlPlaceholder": "Enter the URL"
+      }
+    },
+    "tag": {
+      "dismiss": "Dismiss"
+    },
+    "clearInput": "Clear input",
+    "pagination": {
+      "nextBtn": "Next",
+      "backBtn": "Previous",
+      "firstBtn": "First",
+      "lastBtn": "Last",
+      "resultsPerPage": "Results per page"
+    },
+    "confirmation": {
+      "cancel": "Cancel",
+      "confirm": "Confirm"
+    },
+    "fileUpload": {
+      "emptyText": "Upload file",
+      "uploadText": "Drag & drop files here or",
+      "browse": "Browse",
+      "noFileUploaded": "No file uploaded",
+      "upload": "Upload",
+      "uploadFile": "Upload file",
+      "or": "or",
+      "removeFile": "Remove file",
+      "cancel": "Cancel"
+    },
+    "table": {
+      "column": "Column",
+      "show": "Show",
+      "configureColumns": "Configure columns"
+    }
+  },
+  "zodErrors": {
+    "required": "Required",
+    "invalid": "Invalid",
+    "string": {
+      "includes": "Must include \"{{text}}\"",
+      "startsWith": "Must start with \"{{text}}\"",
+      "endsWith": "Must end with \"{{text}}\"",
+      "constraint": "Invalid {{text}}",
+      "contains": "Must contain exactly {{count}} character(s)",
+      "containsAtLeast": "Must contain at least {{count}} character(s)",
+      "containsOver": "Must contain over {{count}} character(s)",
+      "containsAtMost": "Must contain at most {{count}} character(s)",
+      "containsUnder": "Must contain under {{count}} character(s)"
+    },
+    "array": {
+      "contains": "Array must contain exactly {{count}} element(s)",
+      "containsAtLeast": "Array must contain at least {{count}} element(s)",
+      "containsMoreThan": "Array must contain more than {{count}} element(s)",
+      "containsAtMost": "Array must contain at most {{count}} element(s)",
+      "containsLessThan": "Array must contain less than {{count}} element(s)"
+    },
+    "number": {
+      "exact": "Number must be exactly equal to {{number}}",
+      "greaterThanOrEqual": "Number must be greater than or equal to {{number}}",
+      "greaterThan": "Number must be greater than {{number}}",
+      "over": "Number must be over {{number}}",
+      "lessThanOrEqual": "Number must be less than or equal to {{number}}",
+      "lessThan": "Number must be less than {{number}}",
+      "multipleOf": "Number must be a multiple of {{multipleOf}}"
+    },
+    "date": {
+      "invalid": "Invalid date",
+      "exact": "Date must be exactly equal to {{date}}",
+      "greaterThanOrEqual": "Date must be greater than or equal to {{date}}",
+      "greaterThan": "Date must be greater than {{date}}",
+      "smallerThanOrEqual": "Date must be smaller than or equal to {{date}}",
+      "smallerThan": "Date must be smaller than {{date}}"
+    }
+  }
+}
+;
+
+export default _default;

package/dist/assets/locales/sl/translation.json.d.ts

@@ -0,0 +1,154 @@
+declare const _default: {
+  "ui": {
+    "openAlt": "Odpri",
+    "closeAlt": "Zapri",
+    "clearAlt": "Sprazni",
+    "loadingState": {
+      "text": "Nalaganje..."
+    },
+    "select": {
+      "closeAlt": "Zapri meni",
+      "selectAll": "Izberi vse",
+      "clearSelection": "Sprazni",
+      "allOption": "Vse",
+      "search": "Išči",
+      "clearSearch": "Sprazni iskanje"
+    },
+    "datePicker": {
+      "today": "Danes",
+      "clear": "Sprazni",
+      "save": "Shrani",
+      "presets": {
+        "thisWeek": "Ta teden",
+        "lastWeek": "Prejšnji teden",
+        "thisAndLastWeek": "Ta in prejšnji teden",
+        "thisMonth": "Ta mesec",
+        "thisAndLastMonth": "Ta in prejšnji mesec",
+        "thisYear": "To leto",
+        "lastYear": "Prejšnje leto",
+        "thisAndLastYear": "To in prejšnje leto",
+        "soFar": "Od začetka"
+      },
+      "navigation": {
+        "previousMonth": "Prejšnji mesec",
+        "nextMonth": "Naslednji mesec",
+        "previousYear": "Prejšnje leto",
+        "nextYear": "Naslednje leto"
+      },
+      "errors": {
+        "endDateBeforeStart": "Datum konca ne more biti pred datumom začetka"
+      }
+    },
+    "modal": {
+      "closeBtn": "Zapri"
+    },
+    "autocomplete": {
+      "createNewBtn": "Ustvari"
+    },
+    "password": {
+      "reveal": "Prikaži geslo",
+      "hide": "Skrij geslo"
+    },
+    "textEditor": {
+      "textStyle": {
+        "label": "Vrsta besedila",
+        "normal": "Normalni tekst",
+        "heading1": "Naslov 1",
+        "heading2": "Naslov 2",
+        "heading3": "Naslov 3",
+        "heading4": "Naslov 4",
+        "heading5": "Naslov 5",
+        "heading6": "Naslov 6"
+      },
+      "marks": {
+        "bold": "Krepko",
+        "italic": "Poševno",
+        "underline": "Podčrtano",
+        "strikethrough": "Prečrtano"
+      },
+      "textAlign": {
+        "label": "Poravnava besedila",
+        "left": "Levo",
+        "center": "Sredina",
+        "right": "Desno",
+        "justify": "Obojestransko"
+      },
+      "link": {
+        "label": "Povezava",
+        "apply": "Ustvari",
+        "remove": "Odstrani",
+        "urlLabel": "URL",
+        "urlPlaceholder": "Vnesite URL"
+      }
+    },
+    "pagination": {
+      "nextBtn": "Naprej",
+      "backBtn": "Nazaj",
+      "firstBtn": "Prva",
+      "lastBtn": "Zadnja",
+      "resultsPerPage": "Rezultatov na stran"
+    },
+    "confirmation": {
+      "cancel": "Prekliči",
+      "confirm": "Potrdi"
+    },
+    "fileUpload": {
+      "emptyText": "Naloži datoteko",
+      "uploadText": "Povlecite datoteke sem ali",
+      "browse": "Izberi",
+      "noFileUploaded": "Ni datotek",
+      "upload": "Naloži",
+      "uploadFile": "Naloži datoteko",
+      "or": "ali",
+      "removeFile": "Odstrani datoteko",
+      "cancel": "Prekliči"
+    },
+    "table": {
+      "column": "Stolpec",
+      "show": "Prikaži",
+      "configureColumns": "Nastavi stolpce"
+    }
+  },
+  "zodErrors": {
+    "required": "Obvezno",
+    "invalid": "Neveljavno",
+    "string": {
+      "includes": "Mora vključevati \"{{text}}\"",
+      "startsWith": "Se mora začeti z \"{{text}}\"",
+      "endsWith": "Se mora končati z \"{{text}}\"",
+      "constraint": "Neveljaven {{text}}",
+      "contains": "Mora vsebovati natančno {{count}} znak(ov)",
+      "containsAtLeast": "Mora vsebovati vsaj {{count}} znak(ov)",
+      "containsOver": "Mora vsebovati več kot {{count}} znak(ov)",
+      "containsAtMost": "Mora vsebovati največ {{count}} znak(ov)",
+      "containsUnder": "Mora vsebovati manj kot {{count}} znak(ov)"
+    },
+    "array": {
+      "contains": "Polje mora vsebovati natančno {{count}} element(ov)",
+      "containsAtLeast": "Polje mora vsebovati vsaj {{count}} element(ov)",
+      "containsMoreThan": "Polje mora vsebovati več kot {{count}} element(ov)",
+      "containsAtMost": "Polje mora vsebovati največ {{count}} element(ov)",
+      "containsLessThan": "Polje mora vsebovati manj kot {{count}} element(ov)"
+    },
+    "number": {
+      "exact": "Število mora biti natančno enako {{number}}",
+      "greaterThanOrEqual": "Število mora biti večje ali enako {{number}}",
+      "greaterThan": "Število mora biti večje od {{number}}",
+      "over": "Število mora biti nad {{number}}",
+      "lessThanOrEqual": "Število mora biti manjše ali enako {{number}}",
+      "lessThan": "Število mora biti manjše od {{number}}",
+      "multipleOf": "Število mora biti večkratnik števila {{multipleOf}}"
+    },
+    "date": {
+      "invalid": "Neveljaven datum",
+      "exact": "Datum mora biti natančno enak {{date}}",
+      "greaterThanOrEqual": "Datum mora biti večji ali enak {{date}}",
+      "greaterThan": "Datum mora biti večji od {{date}}",
+      "smallerThanOrEqual": "Datum mora biti manjši ali enak {{date}}",
+      "smallerThan": "Datum mora biti manjši od {{date}}"
+    }
+  }
+}
+;
+
+export default _default;

package/dist/components/inputs/Inputs/Form.js

@@ -1,7 +1,7 @@
-import { InputItem } from "./InputItem.js";
 import { StringUtils } from "../../../utils/string.utils.js";
 import { ZodUtils } from "../../../utils/zod.utils.js";
 import { getDefaultInputComponentType } from "../../../helpers/dynamicInputs.js";
+import { InputItem } from "./InputItem.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { z } from "zod";

package/dist/components/inputs/Inputs/InputItem.d.ts

@@ -18,7 +18,7 @@ declare const componentRegistry: {
     readonly querySelect: <TFieldValues extends import('../shared/form.binding').FieldValues, TQueryFn extends import('../Selection/shared/querySelect.utils').QueryFn, TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('../../..').DefaultInitialSelectItem<TKey>>(props: import('../Selection/Select/QuerySelect').QuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>) => import("react/jsx-runtime").JSX.Element;
     readonly autocomplete: typeof Autocomplete;
     readonly queryAutocomplete: <TFieldValues extends import('../shared/form.binding').FieldValues, TSelectItem extends import('../../..').SelectItem<any>, TQueryFn extends import('../Selection/Autocomplete/queryAutocomplete.types').QueryFn>(props: import('../Selection/Autocomplete/queryAutocomplete.types').QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react/jsx-runtime").JSX.Element;
-    readonly segment: <TFieldValues extends import('../shared/form.binding').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key>(props: import('../../..').ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;
+    readonly segment: <TFieldValues extends import('../shared/form.binding').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key>(props: import('../../segment/segment.types').ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;
     readonly datePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: import('../DateTime/DatePicker/DatePicker').ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly dateTimePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ fullIso, renderStaticInput, ...props }: import('../DateTime/DateTimePicker/DateTimePicker').ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly timePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../DateTime/TimePicker/TimePicker').ControlledTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/Inputs/InputItem.js

@@ -12,10 +12,10 @@ import { PasswordInput } from "../Input/PasswordInput/PasswordInput.js";
 import { TextArea } from "../Input/TextArea/TextArea.js";
 import { Autocomplete } from "../Selection/Autocomplete/Autocomplete.js";
 import { QueryAutocomplete } from "../Selection/Autocomplete/QueryAutocomplete.js";
+import { QuerySelect } from "../Selection/Select/QuerySelect.js";
 import { Slider } from "../Slider/Slider.js";
 import { Toggle } from "../Toggle/Toggle.js";
 import { Segment } from "../../segment/Segment.js";
-import { QuerySelect } from "../Selection/Select/QuerySelect.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/InputItem.tsx

package/dist/components/inputs/Skeleton/InputFrame.js

@@ -103,7 +103,7 @@ var InputFrame = (props) => {
 		hasClear && /* @__PURE__ */ jsx(InputClear, {
 			onClear: () => onClear?.(),
 			className: clearClassName,
-			show: !!showClear,
+			show: !!showClear && !isDisabled,
 			renderStatic: true
 		}),
 		trailingContent,

package/dist/components/inputs/shared/InputClear.js

@@ -8,7 +8,7 @@ import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
 var InputClear = (t0) => {
-	const $ = c(16);
+	const $ = c(17);
 	const { onClear, className, style, show, renderStatic } = t0;
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation("ui");
@@ -21,18 +21,20 @@ var InputClear = (t0) => {
 			clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
 			if (renderStatic) {
 				let t2;
-				if ($[9] !== t) {
-					t2 = t(_temp);
-					$[9] = t;
-					$[10] = t2;
-				} else t2 = $[10];
+				if ($[9] !== show || $[10] !== t) {
+					t2 = show ? t(_temp) : void 0;
+					$[9] = show;
+					$[10] = t;
+					$[11] = t2;
+				} else t2 = $[11];
 				let t3;
-				if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+				if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
 					t3 = /* @__PURE__ */ jsx(CloseIcon, { className: "h-6 w-6 shrink-0" });
-					$[11] = t3;
-				} else t3 = $[11];
+					$[12] = t3;
+				} else t3 = $[12];
 				t1 = /* @__PURE__ */ jsx("button", {
 					type: "button",
+					"aria-hidden": !show,
 					"aria-label": t2,
 					"data-static-clear-action": true,
 					tabIndex: -1,
@@ -59,17 +61,17 @@ var InputClear = (t0) => {
 	}
 	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
 	let t2;
-	if ($[12] !== clearClassName || $[13] !== onClear || $[14] !== style) {
+	if ($[13] !== clearClassName || $[14] !== onClear || $[15] !== style) {
 		t2 = /* @__PURE__ */ jsx(InputClearButton, {
 			onClear,
 			className: clearClassName,
 			style
 		});
-		$[12] = clearClassName;
-		$[13] = onClear;
-		$[14] = style;
-		$[15] = t2;
-	} else t2 = $[15];
+		$[13] = clearClassName;
+		$[14] = onClear;
+		$[15] = style;
+		$[16] = t2;
+	} else t2 = $[16];
 	return t2;
 };
 var InputClearButton = (t0) => {

package/dist/components/table/Table.js

@@ -12,12 +12,12 @@ import { useTableNav } from "../../hooks/useTableNav.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useMemo, useRef, useState } from "react";
-import i18next from "i18next";
 import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import i18next from "i18next";
 //#region src/components/table/Table.tsx
 var CustomCellContext = (context) => {
 	return {

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

@@ -26,9 +26,15 @@ export declare namespace UIConfig {
         };
         button: Pick<ButtonProps, "variant" | "size">;
         numberInput: Pick<NumberInputProps, "formatOptions">;
-        radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel">;
-        checkbox: Pick<CheckboxProps, "variant">;
-        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "multiSelectAutoConfirm">;
+        radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel"> & {
+            fireBlurOnChange?: boolean;
+        };
+        checkbox: Pick<CheckboxProps, "variant"> & {
+            fireBlurOnChange?: boolean;
+        };
+        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "multiSelectAutoConfirm"> & {
+            fireBlurOnChange?: boolean;
+        };
         queryAutocomplete: {
             isInitialQueryDisabled?: boolean;
             resolveSelectedItemsWithIds?: boolean;
@@ -39,7 +45,9 @@ export declare namespace UIConfig {
             resolveSelectedItemsWithIds?: boolean;
             searchDebounceDelay?: number;
         };
-        toggle: Pick<ToggleProps, "variant">;
+        toggle: Pick<ToggleProps, "variant"> & {
+            fireBlurOnChange?: boolean;
+        };
         slider: Pick<SliderProps, "minValue" | "maxValue">;
         dateInput: Pick<DatePickerProps, "todayIcon" | "todayIconButtonSize" | "todayIconPlacement" | "shouldForceLeadingZeros" | "disableManualEntry" | "shouldUpdateDateOnMonthYearChange" | "granularity" | "autoFixYear"> & {
             calendarIcon?: ReactElement;
@@ -49,6 +57,7 @@ export declare namespace UIConfig {
             timeZone?: string;
             todayIconButtonComponent?: DatePickerProps["todayIconButtonComponent"];
             allowPartialRange?: boolean;
+            fireBlurOnChange?: boolean;
         };
         actionModal: Pick<ActionModalProps, "titleTypography" | "descriptionTypography">;
         bottomSheet: Pick<BottomSheetProps, "closeDragThreshold" | "closeVelocityThreshold" | "hideThumb" | "headerTypography">;

package/dist/config/uiConfig.context.js

@@ -28,16 +28,21 @@ var UIConfig;
 		} },
 		radioGroup: {
 			variant: "default",
-			hideLabel: false
+			hideLabel: false,
+			fireBlurOnChange: false
+		},
+		checkbox: {
+			variant: "default",
+			fireBlurOnChange: false
 		},
-		checkbox: { variant: "default" },
 		select: {
 			selectionMode: "single",
 			isSearchable: false,
 			selectedTagsType: "list",
 			collapseAfter: 3,
 			hideSearchIcon: false,
-			multiSelectAutoConfirm: false
+			multiSelectAutoConfirm: false,
+			fireBlurOnChange: false
 		},
 		queryAutocomplete: {
 			isInitialQueryDisabled: false,
@@ -49,7 +54,10 @@ var UIConfig;
 			resolveSelectedItemsWithIds: false,
 			searchDebounceDelay: 500
 		},
-		toggle: { variant: "default" },
+		toggle: {
+			variant: "default",
+			fireBlurOnChange: false
+		},
 		slider: {
 			minValue: 0,
 			maxValue: 100
@@ -69,7 +77,8 @@ var UIConfig;
 			timeZone: "clientLocal",
 			granularity: "day",
 			shouldUpdateDateOnMonthYearChange: false,
-			allowPartialRange: false
+			allowPartialRange: false,
+			fireBlurOnChange: false
 		},
 		actionModal: {
 			titleTypography: {