hazo_ui 2.2.0 → 2.2.2
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 +277 -0
- package/dist/index.cjs +11 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -2
- package/dist/index.d.ts +6 -2
- package/dist/index.js +11 -7
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -44,8 +44,10 @@ interface HazoUiMultiFilterDialogProps {
|
|
|
44
44
|
availableFields: FilterField[];
|
|
45
45
|
onFilterChange: (filterConfig: FilterConfig[]) => void;
|
|
46
46
|
initialFilters?: FilterConfig[];
|
|
47
|
+
title?: string;
|
|
48
|
+
description?: string;
|
|
47
49
|
}
|
|
48
|
-
declare function HazoUiMultiFilterDialog({ availableFields, onFilterChange, initialFilters, }: HazoUiMultiFilterDialogProps): react_jsx_runtime.JSX.Element;
|
|
50
|
+
declare function HazoUiMultiFilterDialog({ availableFields, onFilterChange, initialFilters, title, description, }: HazoUiMultiFilterDialogProps): react_jsx_runtime.JSX.Element;
|
|
49
51
|
|
|
50
52
|
interface SortField {
|
|
51
53
|
value: string;
|
|
@@ -59,8 +61,10 @@ interface HazoUiMultiSortDialogProps {
|
|
|
59
61
|
availableFields: SortField[];
|
|
60
62
|
onSortChange: (sortConfig: SortConfig[]) => void;
|
|
61
63
|
initialSortFields?: SortConfig[];
|
|
64
|
+
title?: string;
|
|
65
|
+
description?: string;
|
|
62
66
|
}
|
|
63
|
-
declare function HazoUiMultiSortDialog({ availableFields, onSortChange, initialSortFields, }: HazoUiMultiSortDialogProps): react_jsx_runtime.JSX.Element;
|
|
67
|
+
declare function HazoUiMultiSortDialog({ availableFields, onSortChange, initialSortFields, title, description, }: HazoUiMultiSortDialogProps): react_jsx_runtime.JSX.Element;
|
|
64
68
|
|
|
65
69
|
interface HazoUiFlexRadioItem {
|
|
66
70
|
label: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -44,8 +44,10 @@ interface HazoUiMultiFilterDialogProps {
|
|
|
44
44
|
availableFields: FilterField[];
|
|
45
45
|
onFilterChange: (filterConfig: FilterConfig[]) => void;
|
|
46
46
|
initialFilters?: FilterConfig[];
|
|
47
|
+
title?: string;
|
|
48
|
+
description?: string;
|
|
47
49
|
}
|
|
48
|
-
declare function HazoUiMultiFilterDialog({ availableFields, onFilterChange, initialFilters, }: HazoUiMultiFilterDialogProps): react_jsx_runtime.JSX.Element;
|
|
50
|
+
declare function HazoUiMultiFilterDialog({ availableFields, onFilterChange, initialFilters, title, description, }: HazoUiMultiFilterDialogProps): react_jsx_runtime.JSX.Element;
|
|
49
51
|
|
|
50
52
|
interface SortField {
|
|
51
53
|
value: string;
|
|
@@ -59,8 +61,10 @@ interface HazoUiMultiSortDialogProps {
|
|
|
59
61
|
availableFields: SortField[];
|
|
60
62
|
onSortChange: (sortConfig: SortConfig[]) => void;
|
|
61
63
|
initialSortFields?: SortConfig[];
|
|
64
|
+
title?: string;
|
|
65
|
+
description?: string;
|
|
62
66
|
}
|
|
63
|
-
declare function HazoUiMultiSortDialog({ availableFields, onSortChange, initialSortFields, }: HazoUiMultiSortDialogProps): react_jsx_runtime.JSX.Element;
|
|
67
|
+
declare function HazoUiMultiSortDialog({ availableFields, onSortChange, initialSortFields, title, description, }: HazoUiMultiSortDialogProps): react_jsx_runtime.JSX.Element;
|
|
64
68
|
|
|
65
69
|
interface HazoUiFlexRadioItem {
|
|
66
70
|
label: string;
|
package/dist/index.js
CHANGED
|
@@ -225,7 +225,7 @@ var CommandItem = React6.forwardRef(({ className, onSelect, value, ...props }, r
|
|
|
225
225
|
{
|
|
226
226
|
ref,
|
|
227
227
|
className: cn(
|
|
228
|
-
"relative flex cursor-
|
|
228
|
+
"relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
229
229
|
className
|
|
230
230
|
),
|
|
231
231
|
onClick: handleClick,
|
|
@@ -627,7 +627,9 @@ function FilterFieldItem({
|
|
|
627
627
|
function HazoUiMultiFilterDialog({
|
|
628
628
|
availableFields,
|
|
629
629
|
onFilterChange,
|
|
630
|
-
initialFilters = []
|
|
630
|
+
initialFilters = [],
|
|
631
|
+
title = "Filter",
|
|
632
|
+
description = "Add multiple fields to filter by. Select a field and set its filter value."
|
|
631
633
|
}) {
|
|
632
634
|
const [isOpen, setIsOpen] = useState(false);
|
|
633
635
|
const [filterFields, setFilterFields] = useState(initialFilters);
|
|
@@ -749,8 +751,8 @@ function HazoUiMultiFilterDialog({
|
|
|
749
751
|
] }) }),
|
|
750
752
|
/* @__PURE__ */ jsxs(DialogContent, { className: "cls_filter_dialog_content max-w-lg w-full max-h-[90vh] overflow-y-auto", children: [
|
|
751
753
|
/* @__PURE__ */ jsxs(DialogHeader, { children: [
|
|
752
|
-
/* @__PURE__ */ jsx(DialogTitle, { children:
|
|
753
|
-
/* @__PURE__ */ jsx(DialogDescription, { children:
|
|
754
|
+
/* @__PURE__ */ jsx(DialogTitle, { children: title }),
|
|
755
|
+
/* @__PURE__ */ jsx(DialogDescription, { children: description })
|
|
754
756
|
] }),
|
|
755
757
|
/* @__PURE__ */ jsxs("div", { className: "cls_filter_dialog_body space-y-4 py-4", children: [
|
|
756
758
|
/* @__PURE__ */ jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
|
|
@@ -947,7 +949,9 @@ function SortableSortFieldItem({
|
|
|
947
949
|
function HazoUiMultiSortDialog({
|
|
948
950
|
availableFields,
|
|
949
951
|
onSortChange,
|
|
950
|
-
initialSortFields = []
|
|
952
|
+
initialSortFields = [],
|
|
953
|
+
title = "Sort",
|
|
954
|
+
description = "Add multiple fields to sort by and reorder them. Use the switch to toggle between ascending and descending."
|
|
951
955
|
}) {
|
|
952
956
|
const [isOpen, setIsOpen] = useState(false);
|
|
953
957
|
const [sortFields, setSortFields] = useState(initialSortFields);
|
|
@@ -1051,8 +1055,8 @@ function HazoUiMultiSortDialog({
|
|
|
1051
1055
|
] }) }),
|
|
1052
1056
|
/* @__PURE__ */ jsxs(DialogContent, { className: "cls_sort_dialog_content max-w-lg", children: [
|
|
1053
1057
|
/* @__PURE__ */ jsxs(DialogHeader, { children: [
|
|
1054
|
-
/* @__PURE__ */ jsx(DialogTitle, { children:
|
|
1055
|
-
/* @__PURE__ */ jsx(DialogDescription, { children:
|
|
1058
|
+
/* @__PURE__ */ jsx(DialogTitle, { children: title }),
|
|
1059
|
+
/* @__PURE__ */ jsx(DialogDescription, { children: description })
|
|
1056
1060
|
] }),
|
|
1057
1061
|
/* @__PURE__ */ jsxs("div", { className: "cls_sort_dialog_body space-y-4 py-4", children: [
|
|
1058
1062
|
/* @__PURE__ */ jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
|