@povio/ui 3.4.0-rc.17 → 3.4.0-rc.19
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 +20 -1
- package/dist/components/Menu/Menu.d.ts +23 -0
- package/dist/components/Menu/Menu.js +27 -0
- package/dist/components/Menu/MenuItem.d.ts +1 -1
- package/dist/components/Menu/MenuPopover.d.ts +1 -1
- package/dist/components/accordion.d.ts +3 -5
- package/dist/components/accordion.js +1 -80
- package/dist/components/action-modal.d.ts +1 -1
- package/dist/components/action-modal.js +1 -1
- package/dist/components/alert.js +1 -1
- package/dist/components/autocomplete.js +1 -1
- package/dist/components/breadcrumbs.js +1 -1
- package/dist/components/checkbox-group.js +2 -2
- package/dist/components/checkbox.js +2 -2
- package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +3 -3
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +4 -4
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +3 -3
- package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +3 -3
- package/dist/components/inputs/DateTime/shared/CalendarCell.js +1 -1
- package/dist/components/inputs/DateTime/shared/CalendarGrid.js +1 -1
- package/dist/components/inputs/DateTime/shared/DatePickerInput.js +2 -2
- package/dist/components/inputs/DateTime/shared/MonthPicker.js +1 -1
- package/dist/components/inputs/DateTime/shared/TimePickerForm.js +1 -1
- package/dist/components/inputs/DateTime/shared/TimePickerInput.js +2 -2
- package/dist/components/inputs/DateTime/shared/YearPicker.js +1 -1
- package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentError.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentFilled.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentLoading.js +1 -1
- package/dist/components/inputs/File/shared/InputUploadContent.js +1 -1
- package/dist/components/inputs/File/shared/InputUploadFilled.js +1 -1
- package/dist/components/inputs/File/shared/ProgressBar.js +1 -1
- package/dist/components/inputs/FormField/FormFieldHeader.js +1 -1
- package/dist/components/inputs/Input/shared/InputContent.js +1 -1
- package/dist/components/inputs/Inputs/InputItem.d.ts +1 -1
- package/dist/components/inputs/Inputs/InputItem.js +5 -5
- package/dist/components/inputs/Selection/Select/Select.js +2 -2
- package/dist/components/inputs/Selection/shared/SelectDesktop.js +2 -2
- package/dist/components/inputs/Selection/shared/SelectInput.js +3 -3
- package/dist/components/inputs/Selection/shared/SelectListBoxItem.js +1 -1
- package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js +1 -1
- package/dist/components/inputs/Skeleton/InputFrame.js +1 -1
- package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js +1 -1
- package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js +1 -1
- package/dist/components/menu.d.ts +3 -23
- package/dist/components/menu.js +3 -27
- package/dist/components/navigation/Accordion/Accordion.d.ts +5 -0
- package/dist/components/navigation/Accordion/Accordion.js +81 -0
- package/dist/components/navigation/Accordion/AccordionItem.js +1 -1
- package/dist/components/navigation/Stepper/Stepper.d.ts +5 -0
- package/dist/components/navigation/Stepper/Stepper.js +79 -0
- package/dist/components/navigation/Stepper/StepperItem.js +1 -1
- package/dist/components/number-input.js +3 -3
- package/dist/components/number-range-input.js +2 -2
- package/dist/components/overlays/BottomSheet/BottomSheetHeader.js +1 -1
- package/dist/components/{shared/pagination/PaginationList.d.ts → pagination-list.d.ts} +1 -1
- package/dist/components/{shared/pagination/PaginationList.js → pagination-list.js} +3 -3
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/pagination.js +2 -2
- package/dist/components/pill.d.ts +1 -1
- package/dist/components/pill.js +1 -1
- package/dist/components/progress-bar.d.ts +2 -0
- package/dist/components/progress-bar.js +2 -0
- package/dist/components/radio-group.js +1 -1
- package/dist/components/segment/Segment.d.ts +7 -0
- package/dist/components/segment/Segment.js +245 -0
- package/dist/components/segment/SegmentItem.js +1 -1
- package/dist/components/segment.d.ts +3 -7
- package/dist/components/segment.js +1 -244
- package/dist/components/slider.js +1 -1
- package/dist/components/split-button.d.ts +1 -1
- package/dist/components/split-button.js +1 -1
- package/dist/components/status/Toast/Toast.d.ts +17 -0
- package/dist/components/status/Toast/Toast.js +82 -0
- package/dist/components/stepper.d.ts +3 -5
- package/dist/components/stepper.js +1 -78
- package/dist/components/table/CellText.d.ts +1 -1
- package/dist/components/table/CellText.js +1 -1
- package/dist/components/table/ColumnConfig.d.ts +6 -4
- package/dist/components/table/ColumnConfig.js +1 -1
- package/dist/components/table/HeaderText.d.ts +1 -1
- package/dist/components/table/HeaderText.js +1 -1
- package/dist/components/table/InfiniteTable.d.ts +4 -3
- package/dist/components/table/PaginatedTable.d.ts +4 -4
- package/dist/components/table/Table.d.ts +13 -9
- package/dist/components/table/Table.js +8 -8
- package/dist/components/tag.d.ts +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/text/Typography/Typography.d.ts +12 -0
- package/dist/components/text/Typography/Typography.js +31 -0
- package/dist/components/text-area.js +1 -1
- package/dist/components/text-input.js +2 -2
- package/dist/components/toast.d.ts +2 -16
- package/dist/components/toast.js +1 -81
- package/dist/components/tooltip.js +1 -1
- package/dist/components/typography.d.ts +2 -11
- package/dist/components/typography.js +1 -30
- package/dist/components/use-toast.d.ts +16 -0
- package/dist/components/{status/Toast/useToast.js → use-toast.js} +1 -1
- package/dist/config/confirmation.d.ts +2 -0
- package/dist/config/confirmation.js +2 -0
- package/dist/config/link-context.d.ts +3 -0
- package/dist/config/link-context.js +2 -0
- package/dist/config/resources.d.ts +2 -0
- package/dist/config/resources.js +2 -0
- package/dist/config/theme-context.d.ts +2 -0
- package/dist/config/theme-context.js +2 -0
- package/dist/config/ui-config.d.ts +2 -0
- package/dist/config/ui-config.js +2 -0
- package/dist/config/ui-overrides.d.ts +2 -0
- package/dist/config/ui-overrides.js +2 -0
- package/dist/config/ui-router.d.ts +2 -0
- package/dist/config/ui-router.js +2 -0
- package/dist/config/uiConfig.context.d.ts +1 -1
- package/dist/helpers/dynamicColumns.d.ts +13 -10
- package/dist/helpers/dynamicInputs.d.ts +1 -1
- package/dist/hooks/use-filters.d.ts +2 -0
- package/dist/hooks/use-filters.js +2 -0
- package/dist/hooks/use-local-storage.d.ts +2 -0
- package/dist/hooks/use-local-storage.js +2 -0
- package/dist/hooks/use-translation-memo.d.ts +2 -0
- package/dist/hooks/use-translation-memo.js +2 -0
- package/dist/hooks/useTableColumnConfig.d.ts +7 -5
- package/dist/hooks/useTableNav.js +1 -1
- package/dist/icons.d.ts +2 -0
- package/dist/icons.js +2 -0
- package/dist/index.d.ts +59 -39
- package/dist/index.js +43 -23
- package/dist/rhf/Inputs.d.ts +19 -1
- package/dist/rhf/{Inputs.js → Inputs2.js} +18 -1
- package/dist/rhf/autocomplete.d.ts +15 -2
- package/dist/rhf/autocomplete.js +8 -1
- package/dist/rhf/checkbox-group.d.ts +8 -2
- package/dist/rhf/checkbox-group.js +8 -1
- package/dist/rhf/checkbox.d.ts +8 -2
- package/dist/rhf/checkbox.js +8 -1
- package/dist/rhf/components.d.ts +30 -69
- package/dist/rhf/date-picker.d.ts +8 -2
- package/dist/rhf/date-picker.js +9 -1
- package/dist/rhf/date-range-picker.d.ts +8 -2
- package/dist/rhf/date-range-picker.js +9 -1
- package/dist/rhf/date-time-picker.d.ts +8 -2
- package/dist/rhf/date-time-picker.js +9 -1
- package/dist/rhf/date.transforms.js +15 -0
- package/dist/rhf/entry.utils.js +19 -2
- package/dist/rhf/file-upload.d.ts +10 -0
- package/dist/rhf/file-upload.js +7 -0
- package/dist/rhf/input-upload.d.ts +10 -0
- package/dist/rhf/input-upload.js +7 -0
- package/dist/rhf/inputs.js +3 -0
- package/dist/rhf/inputs2.d.ts +6 -0
- package/dist/rhf/number-input.js +2 -2
- package/dist/rhf/number-range-input.js +2 -2
- package/dist/rhf/password-input.js +2 -2
- package/dist/rhf/query-autocomplete.d.ts +14 -2
- package/dist/rhf/query-autocomplete.js +8 -1
- package/dist/rhf/query-select.d.ts +15 -2
- package/dist/rhf/query-select.js +8 -1
- package/dist/rhf/radio-group.d.ts +8 -2
- package/dist/rhf/radio-group.js +8 -1
- package/dist/rhf/segment.d.ts +8 -2
- package/dist/rhf/segment.js +6 -1
- package/dist/rhf/select.d.ts +15 -2
- package/dist/rhf/select.js +8 -1
- package/dist/rhf/slider.d.ts +7 -2
- package/dist/rhf/slider.js +6 -1
- package/dist/rhf/text-area.js +2 -2
- package/dist/rhf/text-editor.d.ts +8 -0
- package/dist/rhf/text-editor.js +7 -0
- package/dist/rhf/text-input.js +1 -1
- package/dist/rhf/time-picker.d.ts +8 -2
- package/dist/rhf/time-picker.js +9 -1
- package/dist/rhf/toggle.d.ts +8 -2
- package/dist/rhf/toggle.js +8 -1
- package/dist/rhf.d.ts +60 -39
- package/dist/rhf.js +43 -23
- package/dist/styles/input.d.ts +2 -0
- package/dist/styles/input.js +0 -0
- package/dist/styles/outline.d.ts +2 -0
- package/dist/styles/outline.js +2 -0
- package/dist/tanstack/file-upload.d.ts +3 -0
- package/dist/tanstack/file-upload.js +2 -0
- package/dist/tanstack/form.d.ts +2 -1
- package/dist/tanstack/form.js +2 -1
- package/dist/tanstack/input-upload.d.ts +3 -0
- package/dist/tanstack/input-upload.js +2 -0
- package/dist/tanstack/inputs.d.ts +6 -0
- package/dist/tanstack/inputs.js +3 -0
- package/dist/tanstack/segment.d.ts +1 -1
- package/dist/tanstack/segment.js +1 -1
- package/dist/tanstack/table.d.ts +2 -1
- package/dist/tanstack/table.js +2 -1
- package/dist/tanstack/text-editor.d.ts +2 -0
- package/dist/tanstack/text-editor.js +2 -0
- package/dist/tanstack.d.ts +40 -40
- package/dist/tanstack.js +30 -30
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.js +0 -0
- package/dist/utils/compound-mapper.d.ts +2 -0
- package/dist/utils/compound-mapper.js +2 -0
- package/dist/utils/date-time.d.ts +2 -0
- package/dist/utils/date-time.js +2 -0
- package/dist/utils/date.d.ts +2 -0
- package/dist/utils/date.js +2 -0
- package/dist/utils/file.d.ts +2 -0
- package/dist/utils/file.js +2 -0
- package/dist/utils/intl.d.ts +2 -0
- package/dist/utils/intl.js +2 -0
- package/dist/utils/logger.js +1 -18
- package/dist/utils/logger2.d.ts +2 -0
- package/dist/utils/logger2.js +19 -0
- package/dist/utils/string.d.ts +2 -0
- package/dist/utils/string.js +2 -0
- package/package.json +197 -10
- package/dist/components/status/Toast/useToast.d.ts +0 -16
- package/dist/rhf/components.js +0 -101
- /package/dist/styles/{editor.css → styles/editor.css} +0 -0
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { DateRangePickerProps } from "../components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ControlProps } from "./form.types.js";
|
|
3
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/date-range-picker.d.ts
|
|
6
|
+
type ControlledDateRangePickerProps<T extends FieldValues> = ControlProps<DateRangePickerProps & FireBlurOnChangeProps, T>;
|
|
7
|
+
declare const DateRangePicker: <T extends FieldValues>(props: ControlledDateRangePickerProps<T>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { ControlledDateRangePickerProps, DateRangePicker, type DateRangePickerProps };
|
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { toCalendarDateRange } from "./date.transforms.js";
|
|
4
|
+
import { DateRangePicker as DateRangePicker$1 } from "../components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
|
|
5
|
+
//#region src/entries/rhf/date-range-picker.ts
|
|
6
|
+
const DateRangePicker = (props) => {
|
|
7
|
+
return renderRHFField(runtime(DateRangePicker$1), useFireBlurOnChange(props, "dateInput"), "value", toCalendarDateRange);
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
2
10
|
export { DateRangePicker };
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { DateTimePickerProps } from "../components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ControlProps } from "./form.types.js";
|
|
3
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/date-time-picker.d.ts
|
|
6
|
+
type ControlledDateTimePickerProps<T extends FieldValues> = ControlProps<DateTimePickerProps & FireBlurOnChangeProps, T>;
|
|
7
|
+
declare const DateTimePicker: <T extends FieldValues>(props: ControlledDateTimePickerProps<T>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { ControlledDateTimePickerProps, DateTimePicker, type DateTimePickerProps };
|
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { toCalendarDateTime } from "./date.transforms.js";
|
|
4
|
+
import { DateTimePicker as DateTimePicker$1 } from "../components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
|
|
5
|
+
//#region src/entries/rhf/date-time-picker.ts
|
|
6
|
+
const DateTimePicker = (props) => {
|
|
7
|
+
return renderRHFField(runtime(DateTimePicker$1), useFireBlurOnChange(props, "dateInput"), "value", toCalendarDateTime);
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
2
10
|
export { DateTimePicker };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { parseDate, parseDateTime, parseTime } from "@internationalized/date";
|
|
2
|
+
//#region src/rhf/date.transforms.ts
|
|
3
|
+
const toCalendarDate$1 = (value) => typeof value === "string" ? parseDate(value.slice(0, 10)) : value;
|
|
4
|
+
const toCalendarDateTime$1 = (value) => typeof value === "string" ? parseDateTime(value.replace(/(?:Z|[+-]\d{2}:?\d{2})$/, "")) : value;
|
|
5
|
+
const toTime$1 = (value) => typeof value === "string" ? parseTime(value.slice(11, 23)) : value;
|
|
6
|
+
const toCalendarDateRange = (value) => {
|
|
7
|
+
if (!value || typeof value !== "object" || !("start" in value) || !("end" in value)) return value;
|
|
8
|
+
const range = value;
|
|
9
|
+
return {
|
|
10
|
+
start: toCalendarDate$1(range.start),
|
|
11
|
+
end: toCalendarDate$1(range.end)
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
//#endregion
|
|
15
|
+
export { toCalendarDate$1 as toCalendarDate, toCalendarDateRange, toCalendarDateTime$1 as toCalendarDateTime, toTime$1 as toTime };
|
package/dist/rhf/entry.utils.js
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import { UIConfig } from "../config/uiConfig.context.js";
|
|
2
|
+
import { c } from "react/compiler-runtime";
|
|
2
3
|
//#region src/rhf/entry.utils.tsx
|
|
3
4
|
const runtime = (component) => component;
|
|
5
|
+
const useFireBlurOnChange = (props, key) => {
|
|
6
|
+
const $ = c(3);
|
|
7
|
+
const config = UIConfig.useConfig();
|
|
8
|
+
const t0 = props.fireBlurOnChange ?? config[key].fireBlurOnChange;
|
|
9
|
+
let t1;
|
|
10
|
+
if ($[0] !== props || $[1] !== t0) {
|
|
11
|
+
t1 = {
|
|
12
|
+
...props,
|
|
13
|
+
fireBlurOnChange: t0
|
|
14
|
+
};
|
|
15
|
+
$[0] = props;
|
|
16
|
+
$[1] = t0;
|
|
17
|
+
$[2] = t1;
|
|
18
|
+
} else t1 = $[2];
|
|
19
|
+
return t1;
|
|
20
|
+
};
|
|
4
21
|
//#endregion
|
|
5
|
-
export { runtime };
|
|
22
|
+
export { runtime, useFireBlurOnChange };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FileUploadBaseProps } from "../components/inputs/File/fileUpload.types.js";
|
|
2
|
+
import "../components/file-upload.js";
|
|
3
|
+
import { ControlProps } from "./form.types.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/file-upload.d.ts
|
|
6
|
+
type FileUploadProps<T extends FieldValues> = ControlProps<FileUploadBaseProps, T>;
|
|
7
|
+
type RHFFileUploadProps<T extends FieldValues> = FileUploadProps<T>;
|
|
8
|
+
declare const FileUpload: <T extends FieldValues>(props: FileUploadProps<T>) => import("react").ReactNode;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { FileUpload, type FileUploadBaseProps, FileUploadProps, RHFFileUploadProps };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { FileUpload as FileUpload$1 } from "../components/file-upload.js";
|
|
4
|
+
//#region src/entries/rhf/file-upload.ts
|
|
5
|
+
const FileUpload = (props) => renderRHFField(runtime(FileUpload$1), props);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { FileUpload };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { InputUploadBaseProps } from "../components/inputs/File/inputUpload.types.js";
|
|
2
|
+
import "../components/input-upload.js";
|
|
3
|
+
import { ControlProps } from "./form.types.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/input-upload.d.ts
|
|
6
|
+
type InputUploadProps<T extends FieldValues> = ControlProps<InputUploadBaseProps, T>;
|
|
7
|
+
type RHFInputUploadProps<T extends FieldValues> = InputUploadProps<T>;
|
|
8
|
+
declare const InputUpload: <T extends FieldValues>(props: InputUploadProps<T>) => import("react").ReactNode;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { InputUpload, type InputUploadBaseProps, InputUploadProps, RHFInputUploadProps };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { InputUpload as InputUpload$1 } from "../components/input-upload.js";
|
|
4
|
+
//#region src/entries/rhf/input-upload.ts
|
|
5
|
+
const InputUpload = (props) => renderRHFField(runtime(InputUpload$1), props);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { InputUpload };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { InputVariantProps } from "../components/inputs/shared/input.cva.js";
|
|
2
|
+
import { OmitDiscriminatedUnion } from "../types/common.js";
|
|
3
|
+
import { InputDef, Inputs, InputsProps } from "./Inputs.js";
|
|
4
|
+
import { DynamicInputsObjectSchema } from "../helpers/dynamicInputs.js";
|
|
5
|
+
import { DynamicInputsOptions, dynamicInputs } from "./dynamicInputs.js";
|
|
6
|
+
export { type DynamicInputsObjectSchema, type DynamicInputsOptions, type InputDef, type InputVariantProps, Inputs, type InputsProps, type OmitDiscriminatedUnion, dynamicInputs };
|
package/dist/rhf/number-input.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { NumberInput as NumberInput$1 } from "../components/number-input.js";
|
|
2
|
-
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
1
|
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { NumberInput as NumberInput$1 } from "../components/number-input.js";
|
|
4
4
|
//#region src/entries/rhf/number-input.ts
|
|
5
5
|
const NumberInput = (props) => renderRHFField(runtime(NumberInput$1), props);
|
|
6
6
|
//#endregion
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { NumberRangeInput as NumberRangeInput$1 } from "../components/number-range-input.js";
|
|
2
|
-
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
1
|
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { NumberRangeInput as NumberRangeInput$1 } from "../components/number-range-input.js";
|
|
4
4
|
//#region src/entries/rhf/number-range-input.ts
|
|
5
5
|
const NumberRangeInput = (props) => renderRHFField(runtime(NumberRangeInput$1), props);
|
|
6
6
|
//#endregion
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PasswordInput as PasswordInput$1 } from "../components/password-input.js";
|
|
2
|
-
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
1
|
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { PasswordInput as PasswordInput$1 } from "../components/password-input.js";
|
|
4
4
|
//#region src/entries/rhf/password-input.ts
|
|
5
5
|
const PasswordInput = (props) => renderRHFField(runtime(PasswordInput$1), props);
|
|
6
6
|
//#endregion
|
|
@@ -1,2 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { SelectItem } from "../components/inputs/Selection/shared/select.types.js";
|
|
2
|
+
import { QueryAutocompleteProps as QueryAutocompleteProps$1, QueryFn } from "../components/inputs/Selection/Autocomplete/queryAutocomplete.types.js";
|
|
3
|
+
import { FormControl } from "./form.types.js";
|
|
4
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
5
|
+
import { FieldValues } from "react-hook-form";
|
|
6
|
+
//#region src/entries/rhf/query-autocomplete.d.ts
|
|
7
|
+
type ReplaceField<P, T extends FieldValues> = Omit<P, "field"> & {
|
|
8
|
+
formControl: FormControl<T, unknown>;
|
|
9
|
+
} & FireBlurOnChangeProps;
|
|
10
|
+
type QueryAutocompleteProps<T extends FieldValues, I extends SelectItem<any>, Q extends QueryFn> = ReplaceField<QueryAutocompleteProps$1<T, I, Q>, T>;
|
|
11
|
+
type RHFQueryAutocompleteProps<T extends FieldValues, I extends SelectItem<any>, Q extends QueryFn> = QueryAutocompleteProps<T, I, Q>;
|
|
12
|
+
declare const QueryAutocomplete: <T extends FieldValues, I extends SelectItem<any>, Q extends QueryFn>(props: QueryAutocompleteProps<T, I, Q>) => import("react").ReactNode;
|
|
13
|
+
//#endregion
|
|
14
|
+
export { QueryAutocomplete, QueryAutocompleteProps, RHFQueryAutocompleteProps };
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { QueryAutocomplete as QueryAutocomplete$1 } from "../components/query-autocomplete.js";
|
|
4
|
+
//#region src/entries/rhf/query-autocomplete.ts
|
|
5
|
+
const QueryAutocomplete = (props) => {
|
|
6
|
+
return renderRHFField(runtime(QueryAutocomplete$1), useFireBlurOnChange(props, "select"));
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
2
9
|
export { QueryAutocomplete };
|
|
@@ -1,2 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { DefaultInitialSelectItem } from "../components/inputs/Selection/shared/select.types.js";
|
|
2
|
+
import { QuerySelect as QuerySelect$1, QuerySelectProps as QuerySelectProps$1 } from "../components/query-select.js";
|
|
3
|
+
import { FormControl } from "./form.types.js";
|
|
4
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
5
|
+
import { Key } from "react-aria-components";
|
|
6
|
+
import { FieldValues } from "react-hook-form";
|
|
7
|
+
//#region src/entries/rhf/query-select.d.ts
|
|
8
|
+
type ReplaceField<P, T extends FieldValues> = Omit<P, "field"> & {
|
|
9
|
+
formControl: FormControl<T, unknown>;
|
|
10
|
+
} & FireBlurOnChangeProps;
|
|
11
|
+
type QuerySelectProps<T extends FieldValues, Q extends Parameters<typeof QuerySelect$1>[0]["query"], K extends Key = Key, I = DefaultInitialSelectItem<K>> = ReplaceField<QuerySelectProps$1<T, Q, K, I>, T>;
|
|
12
|
+
type RHFQuerySelectProps<T extends FieldValues, Q extends Parameters<typeof QuerySelect$1>[0]["query"], K extends Key = Key, I = DefaultInitialSelectItem<K>> = QuerySelectProps<T, Q, K, I>;
|
|
13
|
+
declare const QuerySelect: <T extends FieldValues, Q extends Parameters<typeof QuerySelect$1>[0]["query"], K extends Key = Key, I = DefaultInitialSelectItem<K>>(props: QuerySelectProps<T, Q, K, I>) => import("react").ReactNode;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { QuerySelect, QuerySelectProps, RHFQuerySelectProps };
|
package/dist/rhf/query-select.js
CHANGED
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { QuerySelect as QuerySelect$1 } from "../components/query-select.js";
|
|
4
|
+
//#region src/entries/rhf/query-select.ts
|
|
5
|
+
const QuerySelect = (props) => {
|
|
6
|
+
return renderRHFField(runtime(QuerySelect$1), useFireBlurOnChange(props, "select"));
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
2
9
|
export { QuerySelect };
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { RadioGroupProps } from "../components/radio-group.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ControlProps } from "./form.types.js";
|
|
3
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/radio-group.d.ts
|
|
6
|
+
type ControlledRadioGroupProps<T extends FieldValues> = ControlProps<RadioGroupProps & FireBlurOnChangeProps, T>;
|
|
7
|
+
declare const RadioGroup: <T extends FieldValues>(props: ControlledRadioGroupProps<T>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { ControlledRadioGroupProps, RadioGroup, type RadioGroupProps };
|
package/dist/rhf/radio-group.js
CHANGED
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { RadioGroup as RadioGroup$1 } from "../components/radio-group.js";
|
|
4
|
+
//#region src/entries/rhf/radio-group.ts
|
|
5
|
+
const RadioGroup = (props) => {
|
|
6
|
+
return renderRHFField(runtime(RadioGroup$1), useFireBlurOnChange(props, "radioGroup"));
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
2
9
|
export { RadioGroup };
|
package/dist/rhf/segment.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
import { ControlProps } from "./form.types.js";
|
|
1
2
|
import { SegmentProps } from "../components/segment/segment.types.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
3
|
+
import { Key } from "react-aria-components";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/segment.d.ts
|
|
6
|
+
type ControlledSegmentProps<T extends FieldValues, TKey extends Key = Key> = ControlProps<SegmentProps<TKey>, T>;
|
|
7
|
+
declare const Segment: <T extends FieldValues, TKey extends Key = Key>(props: ControlledSegmentProps<T, TKey>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { ControlledSegmentProps, Segment, type SegmentProps };
|
package/dist/rhf/segment.js
CHANGED
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { Segment as Segment$1 } from "../components/segment/Segment.js";
|
|
4
|
+
//#region src/entries/rhf/segment.ts
|
|
5
|
+
const Segment = (props) => renderRHFField(runtime(Segment$1), props);
|
|
6
|
+
//#endregion
|
|
2
7
|
export { Segment };
|
package/dist/rhf/select.d.ts
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
import { DefaultInitialSelectItem, GroupedSelectProps, MultiSelectProps, SingleSelectProps } from "../components/inputs/Selection/shared/select.types.js";
|
|
1
2
|
import { SelectProps } from "../components/inputs/Selection/Select/Select.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
3
|
+
import { ControlProps } from "./form.types.js";
|
|
4
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
5
|
+
import { Key } from "react-aria-components";
|
|
6
|
+
import { FieldValues } from "react-hook-form";
|
|
7
|
+
//#region src/entries/rhf/select.d.ts
|
|
8
|
+
type SelectionProps<T extends FieldValues, P, K extends Key, I> = ({
|
|
9
|
+
selectionMode: MultiSelectProps["selectionMode"];
|
|
10
|
+
} & ControlProps<Omit<P, keyof GroupedSelectProps> & MultiSelectProps<K, I>, T>) | ({
|
|
11
|
+
selectionMode?: SingleSelectProps["selectionMode"];
|
|
12
|
+
} & ControlProps<Omit<P, keyof GroupedSelectProps> & SingleSelectProps<K, I>, T>);
|
|
13
|
+
type ControlledSelectProps<T extends FieldValues, K extends Key = Key, I = DefaultInitialSelectItem<K>> = SelectionProps<T, SelectProps<K, I> & FireBlurOnChangeProps, K, I>;
|
|
14
|
+
declare const Select: <T extends FieldValues, K extends Key = Key, I = DefaultInitialSelectItem<K>>(props: ControlledSelectProps<T, K, I>) => import("react").ReactNode;
|
|
15
|
+
//#endregion
|
|
16
|
+
export { ControlledSelectProps, Select, type SelectProps };
|
package/dist/rhf/select.js
CHANGED
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { Select as Select$1 } from "../components/inputs/Selection/Select/Select.js";
|
|
4
|
+
//#region src/entries/rhf/select.ts
|
|
5
|
+
const Select = (props) => {
|
|
6
|
+
return renderRHFField(runtime(Select$1), useFireBlurOnChange(props, "select"));
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
2
9
|
export { Select };
|
package/dist/rhf/slider.d.ts
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import { SliderProps } from "../components/slider.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ControlProps } from "./form.types.js";
|
|
3
|
+
import { FieldValues } from "react-hook-form";
|
|
4
|
+
//#region src/entries/rhf/slider.d.ts
|
|
5
|
+
type ControlledSliderProps<T extends FieldValues, IsRange extends boolean = false> = ControlProps<SliderProps<IsRange>, T>;
|
|
6
|
+
declare const Slider: <T extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<T, IsRange>) => import("react").ReactNode;
|
|
7
|
+
//#endregion
|
|
8
|
+
export { ControlledSliderProps, Slider, type SliderProps };
|
package/dist/rhf/slider.js
CHANGED
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { Slider as Slider$1 } from "../components/slider.js";
|
|
4
|
+
//#region src/entries/rhf/slider.ts
|
|
5
|
+
const Slider = (props) => renderRHFField(runtime(Slider$1), props);
|
|
6
|
+
//#endregion
|
|
2
7
|
export { Slider };
|
package/dist/rhf/text-area.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { TextArea as TextArea$1 } from "../components/text-area.js";
|
|
2
|
-
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
1
|
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { TextArea as TextArea$1 } from "../components/text-area.js";
|
|
4
4
|
//#region src/entries/rhf/text-area.ts
|
|
5
5
|
const TextArea = (props) => renderRHFField(runtime(TextArea$1), props);
|
|
6
6
|
//#endregion
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ControlProps } from "./form.types.js";
|
|
2
|
+
import { TextEditorProps } from "../components/inputs/TextEditor/TextEditor.js";
|
|
3
|
+
import { FieldValues } from "react-hook-form";
|
|
4
|
+
//#region src/entries/rhf/text-editor.d.ts
|
|
5
|
+
type ControlledTextEditorProps<T extends FieldValues> = ControlProps<TextEditorProps, T>;
|
|
6
|
+
declare const TextEditor: <T extends FieldValues>(props: ControlledTextEditorProps<T>) => import("react").ReactNode;
|
|
7
|
+
//#endregion
|
|
8
|
+
export { ControlledTextEditorProps, TextEditor, type TextEditorProps };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { runtime } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { TextEditor as TextEditor$1 } from "../components/inputs/TextEditor/TextEditor.js";
|
|
4
|
+
//#region src/entries/rhf/text-editor.ts
|
|
5
|
+
const TextEditor = (props) => renderRHFField(runtime(TextEditor$1), props);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { TextEditor };
|
package/dist/rhf/text-input.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TextInput as TextInput$1 } from "../components/text-input.js";
|
|
2
|
-
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
2
|
import { runtime } from "./entry.utils.js";
|
|
3
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
4
4
|
//#region src/entries/rhf/text-input.ts
|
|
5
5
|
const TextInput = (props) => renderRHFField(runtime(TextInput$1), props);
|
|
6
6
|
//#endregion
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
import { ControlProps } from "./form.types.js";
|
|
2
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
1
3
|
import { TimePickerProps } from "../components/inputs/DateTime/TimePicker/TimePicker.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/time-picker.d.ts
|
|
6
|
+
type ControlledTimePickerProps<T extends FieldValues> = ControlProps<TimePickerProps & FireBlurOnChangeProps, T>;
|
|
7
|
+
declare const TimePicker: <T extends FieldValues>(props: ControlledTimePickerProps<T>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { ControlledTimePickerProps, TimePicker, type TimePickerProps };
|
package/dist/rhf/time-picker.js
CHANGED
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { toTime } from "./date.transforms.js";
|
|
4
|
+
import { TimePicker as TimePicker$1 } from "../components/inputs/DateTime/TimePicker/TimePicker.js";
|
|
5
|
+
//#region src/entries/rhf/time-picker.ts
|
|
6
|
+
const TimePicker = (props) => {
|
|
7
|
+
return renderRHFField(runtime(TimePicker$1), useFireBlurOnChange(props, "dateInput"), "value", toTime);
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
2
10
|
export { TimePicker };
|
package/dist/rhf/toggle.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { ToggleProps } from "../components/toggle.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ControlProps } from "./form.types.js";
|
|
3
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/toggle.d.ts
|
|
6
|
+
type ControlledToggleProps<T extends FieldValues> = ControlProps<ToggleProps & FireBlurOnChangeProps, T, "isSelected">;
|
|
7
|
+
declare const Toggle: <T extends FieldValues>(props: ControlledToggleProps<T>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { ControlledToggleProps, Toggle, type ToggleProps };
|
package/dist/rhf/toggle.js
CHANGED
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { Toggle as Toggle$1 } from "../components/toggle.js";
|
|
4
|
+
//#region src/entries/rhf/toggle.ts
|
|
5
|
+
const Toggle = (props) => {
|
|
6
|
+
return renderRHFField(runtime(Toggle$1), useFireBlurOnChange(props, "toggle"), "isSelected");
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
2
9
|
export { Toggle };
|