@povio/ui 5.0.0-rc.12 → 5.0.0-rc.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -1
- package/dist/{AppCanvasPage-DCjiFfQW.js → AppCanvasPage-vta1j5YQ.js} +583 -847
- package/dist/{CanvasComponentsFrame-CZXY0Dxi.js → CanvasComponentsFrame-D6Mh_G3q.js} +1 -1
- package/dist/{ComponentGallery-D4U5hXZL.js → ComponentGallery-CzKU899_.js} +2 -2
- package/dist/{Form-DmcByQts.d.ts → Form-DAtj2szV.d.ts} +1 -1
- package/dist/{Inputs-C0sUmuPv.d.ts → Inputs-C_6dVwC7.d.ts} +1 -1
- package/dist/{Table-BN2_J_Ne.js → Table-piX1SWvN.js} +54 -1
- package/dist/{UIConfigurator-CBU0G6rb.js → UIConfigurator-CjAW1SJY.js} +1521 -318
- package/dist/config/app-canvas-tanstack.js +1 -1
- package/dist/config/app-canvas.d.ts +1 -1
- package/dist/config/app-canvas.js +1 -1
- package/dist/config/ui-config.d.ts +1 -1
- package/dist/config/ui-configurator-vite.d.ts +9 -0
- package/dist/config/ui-configurator-vite.js +560 -184
- package/dist/config/ui-configurator.d.ts +14 -2
- package/dist/config/ui-configurator.js +2 -2
- package/dist/{configuration.context-iuZu-ie0.d.ts → configuration.context-3I7-wBII.d.ts} +3 -2
- package/dist/{dynamicInputs-DdcsSoYu.d.ts → dynamicInputs-R5i7AT_C.d.ts} +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +3 -3
- package/dist/rhf/inputs.d.ts +1 -1
- package/dist/rhf.d.ts +2 -2
- package/dist/rhf.js +3 -3
- package/dist/styles/app-canvas.css +15 -42
- package/dist/styles/configurator.css +453 -92
- package/dist/{table.cva-D5oQ-QvA.js → table.cva-DlMT-zLD.js} +1 -54
- package/dist/tanstack/form.d.ts +1 -1
- package/dist/tanstack/inputs.d.ts +2 -2
- package/dist/tanstack/table.js +2 -2
- package/dist/tanstack.d.ts +4 -4
- package/dist/tanstack.js +3 -3
- package/dist/{uiConfig.context-BqKWd_MO.d.ts → uiConfig.context-BksnNQyw.d.ts} +1 -1
- package/dist/{useTableColumnConfig-6zn3zKl3.js → useTableColumnConfig-CNJ_ZvIN.js} +1 -1
- package/package.json +1 -1
- package/src/configurator/README.md +18 -1
|
@@ -1,57 +1,4 @@
|
|
|
1
|
-
import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
|
|
2
1
|
import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
|
|
3
|
-
//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/grip-vertical.mjs
|
|
4
|
-
/**
|
|
5
|
-
* @license lucide-react v1.43.0 - ISC
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the ISC license.
|
|
8
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/
|
|
10
|
-
const __iconData = {
|
|
11
|
-
name: "grip-vertical",
|
|
12
|
-
size: 24,
|
|
13
|
-
node: [
|
|
14
|
-
["circle", {
|
|
15
|
-
cx: "9",
|
|
16
|
-
cy: "12",
|
|
17
|
-
r: "1",
|
|
18
|
-
key: "1vctgf"
|
|
19
|
-
}],
|
|
20
|
-
["circle", {
|
|
21
|
-
cx: "9",
|
|
22
|
-
cy: "5",
|
|
23
|
-
r: "1",
|
|
24
|
-
key: "hp0tcf"
|
|
25
|
-
}],
|
|
26
|
-
["circle", {
|
|
27
|
-
cx: "9",
|
|
28
|
-
cy: "19",
|
|
29
|
-
r: "1",
|
|
30
|
-
key: "fkjjf6"
|
|
31
|
-
}],
|
|
32
|
-
["circle", {
|
|
33
|
-
cx: "15",
|
|
34
|
-
cy: "12",
|
|
35
|
-
r: "1",
|
|
36
|
-
key: "1tmaij"
|
|
37
|
-
}],
|
|
38
|
-
["circle", {
|
|
39
|
-
cx: "15",
|
|
40
|
-
cy: "5",
|
|
41
|
-
r: "1",
|
|
42
|
-
key: "19l28e"
|
|
43
|
-
}],
|
|
44
|
-
["circle", {
|
|
45
|
-
cx: "15",
|
|
46
|
-
cy: "19",
|
|
47
|
-
r: "1",
|
|
48
|
-
key: "f4zoj3"
|
|
49
|
-
}]
|
|
50
|
-
]
|
|
51
|
-
};
|
|
52
|
-
__iconData.node;
|
|
53
|
-
const GripVertical = createLucideIcon(__iconData);
|
|
54
|
-
//#endregion
|
|
55
2
|
//#region src/components/table/table.cva.ts
|
|
56
3
|
const tableRowDefinition = UIOverrides.defineConfig({
|
|
57
4
|
base: [
|
|
@@ -98,4 +45,4 @@ const tableDataDefinition = UIOverrides.defineConfig({
|
|
|
98
45
|
const tableHeaderTextDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-surface-default-card-foreground"] });
|
|
99
46
|
const tableCellTextDefinition = UIOverrides.defineConfig({ base: ["block overflow-hidden text-ellipsis text-surface-default-foreground"] });
|
|
100
47
|
//#endregion
|
|
101
|
-
export { tableHeaderTextDefinition as a,
|
|
48
|
+
export { tableHeaderTextDefinition as a, tableHeadRowDefinition as i, tableDataDefinition as n, tableRowDefinition as o, tableHeadDataDefinition as r, theadDefinition as s, tableCellTextDefinition as t };
|
package/dist/tanstack/form.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { a as DeepValue, c as UIForm, d as useFormState, f as useFormValue, i as DeepKeys, l as UseFormProps, o as FormSubmitErrorHandler, s as FormSubmitHandler, u as useForm } from "../form.binding-DVJ5F0JE.js";
|
|
2
|
-
import { n as UseFormAutosaveProps, r as useFormAutosave, t as Form } from "../Form-
|
|
2
|
+
import { n as UseFormAutosaveProps, r as useFormAutosave, t as Form } from "../Form-DAtj2szV.js";
|
|
3
3
|
export { type DeepKeys, type DeepValue, Form, type FormSubmitErrorHandler, type FormSubmitHandler, type UIForm, type UseFormAutosaveProps, type UseFormProps, useForm, useFormAutosave, useFormState, useFormValue };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { n as InputVariantProps } from "../input.cva-CQPV5gW7.js";
|
|
2
2
|
import { s as OmitDiscriminatedUnion } from "../common-UBFya8WY.js";
|
|
3
|
-
import { a as DynamicInputsObjectSchema, l as InputDef, o as DynamicInputsOptions, s as dynamicInputs } from "../dynamicInputs-
|
|
4
|
-
import { n as InputsProps, t as Inputs } from "../Inputs-
|
|
3
|
+
import { a as DynamicInputsObjectSchema, l as InputDef, o as DynamicInputsOptions, s as dynamicInputs } from "../dynamicInputs-R5i7AT_C.js";
|
|
4
|
+
import { n as InputsProps, t as Inputs } from "../Inputs-C_6dVwC7.js";
|
|
5
5
|
export { type DynamicInputsObjectSchema, type DynamicInputsOptions, type InputDef, type InputVariantProps, Inputs, type InputsProps, type OmitDiscriminatedUnion, dynamicInputs };
|
package/dist/tanstack/table.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "../Table-
|
|
2
|
-
import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "../useTableColumnConfig-
|
|
1
|
+
import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "../Table-piX1SWvN.js";
|
|
2
|
+
import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "../useTableColumnConfig-CNJ_ZvIN.js";
|
|
3
3
|
export { CellText, ColumnConfigModal, HeaderText, InfiniteTable, PaginatedTable, Table, dynamicColumns, usePagination, useSorting, useTableColumnConfig, useTableNav };
|
package/dist/tanstack.d.ts
CHANGED
|
@@ -58,7 +58,7 @@ import { n as ToastParams, r as useToast, t as ToastOptions } from "./useToast-y
|
|
|
58
58
|
import { n as BadgeProps, t as Badge } from "./Badge-CBNpj823.js";
|
|
59
59
|
import { i as tagDefinition, n as TagProps, r as TagVariantProps, t as Tag } from "./Tag-AHfV_XSf.js";
|
|
60
60
|
import { i as AccordionProps, n as AccordionItem, r as AccordionItemProps, t as Accordion } from "./Accordion-Cup5eRZz.js";
|
|
61
|
-
import { t as UIConfig } from "./uiConfig.context-
|
|
61
|
+
import { t as UIConfig } from "./uiConfig.context-BksnNQyw.js";
|
|
62
62
|
import { t as Confirmation } from "./confirmation.context-BOeEVczb.js";
|
|
63
63
|
import { n as DatePicker, r as DatePickerProps, t as ControlledDatePickerProps } from "./DatePicker-1LJ2LqST.js";
|
|
64
64
|
import { a as DateRangeResolvedValue, i as DateRangeRelativeOption, n as DateRangePicker, r as DateRangePickerProps, t as ControlledDateRangePickerProps } from "./DateRangePicker-Dfptit_Z.js";
|
|
@@ -76,7 +76,7 @@ import { a as progressDefinition, c as progressTrackWrapperDefinition, i as Prog
|
|
|
76
76
|
import { n as resources, t as ns } from "./i18n-CX1vFM9r.js";
|
|
77
77
|
import { c as toggleGroupDefinition, l as toggleGroupItemDefinition, s as ToggleGroupProps, t as ControlledToggleGroupProps } from "./toggleGroup.types-Bp43zbSQ.js";
|
|
78
78
|
import { n as TimePicker, r as TimePickerProps, t as ControlledTimePickerProps } from "./TimePicker-Dex9aU7D.js";
|
|
79
|
-
import { $ as LabelConfig, A as createKeyInteractionsHandler, At as breadcrumbSegmentDefinition, B as useDeepCompareLayoutEffect, C as useLongPressRepeat, Ct as BreadcrumbIconVariantProps, D as KeyInteractionGroup, Dt as breadcrumbChevronDefinition, E as KeyInteractionCallback, Et as BreadcrumbsVariantProps, H as useDebounceCallback, J as popoverDefinition, K as statusIconDefinition, M as useKeyInteractions, N as useIntersectionObserver, O as KeyInteractions, Ot as breadcrumbIconDefinition, Q as LabelBaseProps, S as useScrollableListBox, St as BreadcrumbChevronVariantProps, T as KeyInteractionAction, Tt as BreadcrumbSegmentVariantProps, U as useBreakpoint, V as useDeepCompareMemo, X as selectInputTagsContentWrapperDefinition, Y as selectListBoxItemDefinition, Z as selectPopoverDefinition, _ as ObjectUtils, _t as accordionTriggerDefinition, a as DynamicInputsObjectSchema, at as fileUploadDropZoneDefinition, b as ArrayUtils, bt as TooltipWrapperTriggerVariantProps, ct as accordionChevronDefinition, dt as accordionHeadingSubtitleDefinition, et as labelDefinition, ft as accordionHeadingTitleDefinition, g as QueriesUtils, gt as accordionPanelDefinition, h as RoutingUtils, ht as accordionPanelContentDefinition, it as formFieldHeaderDefinition, j as getKeyInteractionAction, jt as breadcrumbsDefinition, k as UseKeyInteractionsResult, kt as breadcrumbItemDefinition, l as InputDef, lt as accordionDefinition, m as ZodUtils, mt as accordionItemDefinition, nt as formFieldHelperDefinition, o as DynamicInputsOptions, ot as datePickerInputContentRowDefinition, pt as accordionIconDefinition, q as statusSeparatorDefinition, rt as formFieldErrorDefinition, s as dynamicInputs, st as AccordionVariantProps, tt as textAreaWrapperDefinition, ut as accordionHeadingDefinition, v as isEqual, vt as MenuPopover, w as KeyInteraction, wt as BreadcrumbItemVariantProps, x as useStateAndRef, xt as tooltipWrapperTriggerDefinition, y as DomUtils, yt as MenuPopoverProps, z as useDeepCompareEffect } from "./dynamicInputs-
|
|
79
|
+
import { $ as LabelConfig, A as createKeyInteractionsHandler, At as breadcrumbSegmentDefinition, B as useDeepCompareLayoutEffect, C as useLongPressRepeat, Ct as BreadcrumbIconVariantProps, D as KeyInteractionGroup, Dt as breadcrumbChevronDefinition, E as KeyInteractionCallback, Et as BreadcrumbsVariantProps, H as useDebounceCallback, J as popoverDefinition, K as statusIconDefinition, M as useKeyInteractions, N as useIntersectionObserver, O as KeyInteractions, Ot as breadcrumbIconDefinition, Q as LabelBaseProps, S as useScrollableListBox, St as BreadcrumbChevronVariantProps, T as KeyInteractionAction, Tt as BreadcrumbSegmentVariantProps, U as useBreakpoint, V as useDeepCompareMemo, X as selectInputTagsContentWrapperDefinition, Y as selectListBoxItemDefinition, Z as selectPopoverDefinition, _ as ObjectUtils, _t as accordionTriggerDefinition, a as DynamicInputsObjectSchema, at as fileUploadDropZoneDefinition, b as ArrayUtils, bt as TooltipWrapperTriggerVariantProps, ct as accordionChevronDefinition, dt as accordionHeadingSubtitleDefinition, et as labelDefinition, ft as accordionHeadingTitleDefinition, g as QueriesUtils, gt as accordionPanelDefinition, h as RoutingUtils, ht as accordionPanelContentDefinition, it as formFieldHeaderDefinition, j as getKeyInteractionAction, jt as breadcrumbsDefinition, k as UseKeyInteractionsResult, kt as breadcrumbItemDefinition, l as InputDef, lt as accordionDefinition, m as ZodUtils, mt as accordionItemDefinition, nt as formFieldHelperDefinition, o as DynamicInputsOptions, ot as datePickerInputContentRowDefinition, pt as accordionIconDefinition, q as statusSeparatorDefinition, rt as formFieldErrorDefinition, s as dynamicInputs, st as AccordionVariantProps, tt as textAreaWrapperDefinition, ut as accordionHeadingDefinition, v as isEqual, vt as MenuPopover, w as KeyInteraction, wt as BreadcrumbItemVariantProps, x as useStateAndRef, xt as tooltipWrapperTriggerDefinition, y as DomUtils, yt as MenuPopoverProps, z as useDeepCompareEffect } from "./dynamicInputs-R5i7AT_C.js";
|
|
80
80
|
import { a as stepperDefinition, c as stepperNumberDefinition, d as stepperTitleDefinition, i as StepperVariantProps, l as stepperSeparatorDefinition, n as StepItem, o as stepperIconDefinition, r as StepperProps, s as stepperItemDefinition, t as Stepper, u as stepperSubtextDefinition } from "./Stepper-TATlHZhQ.js";
|
|
81
81
|
import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-1H_IxvyH.js";
|
|
82
82
|
import { C as HeaderText, D as CellText, E as ColumnConfigModalProps, O as CellTextProps, S as tableRowDefinition, T as ColumnConfigModal, _ as tableCellTextDefinition, a as DynamicColumnsOptions, b as tableHeadRowDefinition, c as PaginatedTableProps, d as InfiniteTableProps, f as InfiniteTableWrapperProps, g as TableRowVariantProps, h as TableWrapperProps, i as usePagination, l as PaginatedTableWrapperProps, m as TableProps, n as useTableColumnConfig, o as dynamicColumns, p as Table, r as useSorting, s as PaginatedTable, t as useTableNav, u as InfiniteTable, v as tableDataDefinition, w as HeaderTextProps, x as tableHeaderTextDefinition, y as tableHeadDataDefinition } from "./useTableNav-Ckj5PBRk.js";
|
|
@@ -87,7 +87,7 @@ import { t as useLocalStorage } from "./useLocalStorage-DGsBUCT6.js";
|
|
|
87
87
|
import { t as useTranslationMemo } from "./useTranslationMemo-Dy3p6m1g.js";
|
|
88
88
|
import { t as StringUtils } from "./string.utils-Cj6AB7uZ.js";
|
|
89
89
|
import { t as ToggleGroup } from "./ToggleGroup-CRFDIPGZ.js";
|
|
90
|
-
import { i as useAutosave, n as UseFormAutosaveProps, r as useFormAutosave, t as Form } from "./Form-
|
|
91
|
-
import { n as InputsProps, t as Inputs } from "./Inputs-
|
|
90
|
+
import { i as useAutosave, n as UseFormAutosaveProps, r as useFormAutosave, t as Form } from "./Form-DAtj2szV.js";
|
|
91
|
+
import { n as InputsProps, t as Inputs } from "./Inputs-C_6dVwC7.js";
|
|
92
92
|
import { X as CloseIcon } from "lucide-react";
|
|
93
93
|
export { Accordion, type AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionVariantProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, ArrayUtils, Autocomplete, type AutocompleteProps, Badge, BadgeButton, type BadgeButtonProps, type BadgeButtonVariants, type BadgeProps, BottomSheet, type BottomSheetProps, type BreadcrumbChevronVariantProps, type BreadcrumbIconVariantProps, type BreadcrumbItem, type BreadcrumbItemVariantProps, type BreadcrumbSegmentVariantProps, Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsVariantProps, Button, type ButtonProps, type ButtonVariantProps, CellText, type CellTextProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariantProps, CloseIcon, ColumnConfigModal, type ColumnConfigModalProps, type CompoundMapper, Confirmation, type ControlledAutocompleteProps, type ControlledCheckboxGroupProps, type ControlledCheckboxProps, type ControlledDatePickerProps, type ControlledDateRangePickerProps, type ControlledDateTimePickerProps, type ControlledInputProps, type ControlledNumberFieldProps, type ControlledNumberRangeInputProps, type ControlledPasswordInputProps, type ControlledRadioGroupProps, type ControlledSelectProps, type ControlledSliderProps, type ControlledSwitchProps, type ControlledTextAreaProps, type ControlledTimePickerProps, type ControlledToggleGroupProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, type DateRangeRelativeOption, type DateRangeResolvedValue, DateTimePicker, type DateTimePickerProps, DateTimeUtils, DateUtils, type DeepKeys, type DeepValue, type DefaultInitialSelectItem, Dialog, type DialogProps, DomUtils, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuCvaVariantProps, type DropdownMenuProps, type DynamicColumnsOptions, type DynamicInputsObjectSchema, type DynamicInputsOptions, FileInput, type FileInputProps, FileUpload, FileUploadContainer, type FileUploadContainerProps, type FileUploadError, type FileUploadProps, type FileUploadRequest, type FileUploadState, FileUtils, type FilterStore, Form, FormField, type FormFieldProps, type FormSubmitErrorHandler, type FormSubmitHandler, type Function, type HasRequiredProperty, HeaderText, type HeaderTextProps, IconButton, type IconButtonProps, IconSlot, type IconSlotIcon, type IconSlotProps, type IfAny, InfiniteTable, type InfiniteTableProps, type InfiniteTableWrapperProps, InlineIconButton, type InlineIconButtonProps, Input, type InputDef, type InputProps, type InputVariantProps, Inputs, type InputsProps, IntlUtils, type IsAny, type IsRequiredChildrenProperty, type IsUnknown, type KeyInteraction, type KeyInteractionAction, type KeyInteractionCallback, type KeyInteractionGroup, type KeyInteractions, type LabelBaseProps, type LabelConfig, Link, LinkContext, type LinkNavigationProps, type LinkProps, type LinkVariantProps, MenuItem, type MenuItemVariantProps, type MenuListItemProps, MenuPopover, type MenuPopoverProps, type MenuPopoverVariantProps, type MenuPopoverWrapperVariantProps, NumberField, type NumberFieldProps, NumberRangeInput, type NumberRangeInputProps, type NumberRangeValue, ObjectUtils, type OmitDiscriminatedUnion, PaginatedTable, type PaginatedTableProps, type PaginatedTableWrapperProps, Pagination, PaginationList, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, type PopoverProps, Progress, type ProgressConfig, type ProgressTrackConfig, type ProgressVariantProps, QueriesUtils, QueryAutocomplete, QuerySelect, type QuerySelectProps, RadioGroup, type RadioGroupProps, type RadioVariantProps, RoutingUtils, Select, type SelectAsyncProps, type SelectBaseProps, type SelectItem, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, type StepItem, Stepper, type StepperProps, type StepperVariantProps, StringUtils, Switch, type SwitchProps, Table, type TableProps, type TableRowVariantProps, type TableWrapperProps, Tag, type TagProps, type TagVariantProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, ThemeContext, TimePicker, type TimePickerProps, Toast, type ToastAction, ToastContainer, type ToastOptions, type ToastParams, type ToastProps, ToastProvider, type ToastVariantProps, ToggleButton, type ToggleButtonProps, ToggleGroup, type ToggleGroupProps, Tooltip, TooltipEllipsis, type TooltipEllipsisProps, type TooltipProps, type TooltipWrapperTriggerVariantProps, Typography, type TypographyProps, type TypographyVariantProps, UIConfig, type UIForm, UIOverrides, UIRouter, type UseFormAutosaveProps, type UseFormProps, type UseKeyInteractionsResult, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, badgeButtonContentDefinition, badgeButtonDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dialogContentDefinition, dialogMainDefinition, dialogOverlayDefinition, dropdownMenuDefinition, dynamicColumns, dynamicInputs, fileInputButtonDefinition, fileInputDropZoneDefinition, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, iconSlotDefinition, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, isEqual, labelDefinition, linkDefinition, logger, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, ns, popoverDefinition, progressDefinition, progressFillDefinition, progressTrackDefinition, progressTrackWrapperDefinition, progressValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, spinnerDefinition, spinnerWrapperDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, switchDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleGroupDefinition, toggleGroupItemDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useFormState, useFormValue, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
|
package/dist/tanstack.js
CHANGED
|
@@ -4,7 +4,7 @@ import { n as MenuPopover, r as MenuItem } from "./DropdownMenuDesktop-Cl9gZVq0.
|
|
|
4
4
|
import { a as isEqual, i as useDeepCompareMemo, n as useDeepCompareEffect, o as ObjectUtils, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
|
|
5
5
|
import { t as FileUpload } from "./FileUpload-Cx98L1jz.js";
|
|
6
6
|
import { t as PasswordInput } from "./PasswordInput-DYwUZ4-k.js";
|
|
7
|
-
import {
|
|
7
|
+
import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "./Table-piX1SWvN.js";
|
|
8
8
|
import { a as checkboxDefinition, i as checkboxContentWrapperDefinition, o as checkboxGroupLabelDefinition, r as checkboxContentRowDefinition, s as checkboxIconDefinition } from "./CheckboxCheckmark-FwKjPVbV.js";
|
|
9
9
|
import { n as selectListBoxItemDefinition, r as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CHAMxhfO.js";
|
|
10
10
|
import { t as X } from "./x-B6vfz8Ps.js";
|
|
@@ -89,9 +89,9 @@ import { a as toastDefinition, n as statusIconDefinition$1, r as statusSeparator
|
|
|
89
89
|
import { t as Toast } from "./Toast-DtG3pA61.js";
|
|
90
90
|
import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-qgpzMFD4.js";
|
|
91
91
|
import { useToast } from "./components/use-toast.js";
|
|
92
|
-
import { i as
|
|
92
|
+
import { a as tableHeaderTextDefinition, i as tableHeadRowDefinition, n as tableDataDefinition, o as tableRowDefinition, r as tableHeadDataDefinition, t as tableCellTextDefinition } from "./table.cva-DlMT-zLD.js";
|
|
93
93
|
import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
|
|
94
|
-
import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "./useTableColumnConfig-
|
|
94
|
+
import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "./useTableColumnConfig-CNJ_ZvIN.js";
|
|
95
95
|
import { t as linkDefinition } from "./link.cva-DMTHZiJG.js";
|
|
96
96
|
import { Link } from "./components/link.js";
|
|
97
97
|
import { Badge } from "./components/badge.js";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { t as Table } from "./Table-piX1SWvN.js";
|
|
1
2
|
import { t as Checkbox } from "./Checkbox-D3f2Plbc.js";
|
|
2
3
|
import { t as Typography } from "./Typography-LU4z2pR1.js";
|
|
3
4
|
import { t as Spinner } from "./Spinner-BeVTUzzx.js";
|
|
@@ -9,7 +10,6 @@ import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
|
|
|
9
10
|
import { t as ZodUtils } from "./zod.utils-DrrPDT9v.js";
|
|
10
11
|
import { t as Dialog } from "./Dialog-9manOgMA.js";
|
|
11
12
|
import { Pagination } from "./components/pagination.js";
|
|
12
|
-
import { t as Table } from "./Table-BN2_J_Ne.js";
|
|
13
13
|
import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
|
|
14
14
|
import { t as UIRouter } from "./router.context-B4FvsTim.js";
|
|
15
15
|
import { t as RoutingUtils } from "./routing.utils-UTQonIhB.js";
|
package/package.json
CHANGED
|
@@ -74,4 +74,21 @@ The configurator window can be moved using the six-dot grip beside the preview s
|
|
|
74
74
|
|
|
75
75
|
The pop-out control opens a separate browser window with `window.open`. It shares the provider state with the host application, so edits remain live in both windows. Docking or closing the pop-out returns the editor to the page and preserves the draft; Apply and Cancel close the pop-out. A blocked popup leaves the in-page editor open with retry guidance. The popup remembers its own size and screen position for the next pop-out; placement remains subject to browser window rules. The popup uses its browser window for resizing and switches to the compact Live preview tab below 800px.
|
|
76
76
|
|
|
77
|
-
|
|
77
|
+
Drag the pill on the window's top edge (or the header) to move it; focus the pill and use the arrow keys to move it by keyboard. The close button (×) closes the configurator and keeps the live edits. Window geometry is remembered for the mounted session, not across page reloads.
|
|
78
|
+
|
|
79
|
+
### Theme versions
|
|
80
|
+
|
|
81
|
+
The menu in the configurator's title row switches between named theme versions; **+** creates a copy of the selected version and the pencil renames or deletes it. Every edit is recorded in the selected version. With the `uiConfigurator` Vite plugin, versions save automatically to `povio.themes.json` in the app's Vite root (configure with `themeVersionsFile`, or disable with `themeVersionsFile: false`); without it, they stay in browser storage. No Git commands run.
|
|
82
|
+
|
|
83
|
+
**Apply theme** in the footer makes the repository match the selected version. Theme tokens go to the app's theme CSS (`themeFile`); component settings and variant overrides go to `ui-configuration.json` beside it (`configurationFile`, or `false` to disable). Only the files that differ are written, and the button is enabled only while one does. Theme versions keep full token values, so applying one never changes another's theme; component settings are stored as edits, so a version that leaves a setting alone follows the applied one.
|
|
84
|
+
|
|
85
|
+
Load the component settings in the app's root, layered over its code-level overrides:
|
|
86
|
+
|
|
87
|
+
```tsx
|
|
88
|
+
import { resolveUIConfiguration } from "@povio/ui/ui-configurator";
|
|
89
|
+
import uiConfigurationFile from "@/styles/ui-configuration.json";
|
|
90
|
+
|
|
91
|
+
const uiConfiguration = resolveUIConfiguration(uiConfigurationFile, uiOverrides);
|
|
92
|
+
// <UIConfig.Provider config={uiConfiguration.config}>
|
|
93
|
+
// <UIOverrides.Provider config={uiConfiguration.overrides}>…
|
|
94
|
+
```
|