@k3-tech/react-kit 0.0.56 → 0.0.58
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/dist/index.js +89 -70
- package/dist/kit/builder/form/components/sectionNodes.d.ts.map +1 -1
- package/dist/kit/builder/form/types.d.ts +3 -7
- package/dist/kit/builder/form/types.d.ts.map +1 -1
- package/dist/kit/builder/section/SectionBuilder.d.ts.map +1 -1
- package/dist/kit/builder/section/types.d.ts +3 -0
- package/dist/kit/builder/section/types.d.ts.map +1 -1
- package/dist/kit/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/kit/builder/form/components/sectionNodes.tsx +3 -0
- package/src/kit/builder/form/types.ts +11 -7
- package/src/kit/builder/section/SectionBuilder.tsx +18 -10
- package/src/kit/builder/section/types.ts +3 -0
- package/src/kit/components/autocomplete/Autocomplete.tsx +102 -64
- package/tsconfig.tsbuildinfo +1 -1
package/dist/index.js
CHANGED
|
@@ -12102,7 +12102,7 @@ function SectionNodeRenderer({
|
|
|
12102
12102
|
node,
|
|
12103
12103
|
renderLeaf
|
|
12104
12104
|
}) {
|
|
12105
|
-
var _a2;
|
|
12105
|
+
var _a2, _b, _c;
|
|
12106
12106
|
if (node.hidden) return null;
|
|
12107
12107
|
const layout = node.layout ?? "grid";
|
|
12108
12108
|
const containerClass = layout === "grid" ? gridClasses(node.grid) : layout === "flex" ? flexClasses(node.flex) : "";
|
|
@@ -12117,26 +12117,38 @@ function SectionNodeRenderer({
|
|
|
12117
12117
|
className: node.className,
|
|
12118
12118
|
headerClassName: node.headerClassName,
|
|
12119
12119
|
contentClassName: node.contentClassName,
|
|
12120
|
-
children: /* @__PURE__ */ jsxs(
|
|
12121
|
-
|
|
12122
|
-
|
|
12123
|
-
|
|
12124
|
-
|
|
12125
|
-
|
|
12126
|
-
|
|
12127
|
-
|
|
12128
|
-
|
|
12129
|
-
|
|
12130
|
-
|
|
12131
|
-
|
|
12132
|
-
|
|
12133
|
-
|
|
12134
|
-
|
|
12135
|
-
|
|
12136
|
-
|
|
12137
|
-
|
|
12138
|
-
|
|
12139
|
-
|
|
12120
|
+
children: /* @__PURE__ */ jsxs(
|
|
12121
|
+
Tabs,
|
|
12122
|
+
{
|
|
12123
|
+
defaultValue: defaultTabId,
|
|
12124
|
+
className: cn$1("space-y-2"),
|
|
12125
|
+
value: (_b = node.tabsState) == null ? void 0 : _b[0],
|
|
12126
|
+
onValueChange: (_c = node.tabsState) == null ? void 0 : _c[1],
|
|
12127
|
+
children: [
|
|
12128
|
+
/* @__PURE__ */ jsx(TabsList, { className: cn$1(node.tabsListClassName), children: node.tabs.filter((tab) => !tab.hidden).map((tab) => {
|
|
12129
|
+
return /* @__PURE__ */ jsx(
|
|
12130
|
+
TabsTrigger,
|
|
12131
|
+
{
|
|
12132
|
+
value: tab.id,
|
|
12133
|
+
disabled: !!tab.disable,
|
|
12134
|
+
className: cn$1(tab.className),
|
|
12135
|
+
children: tab.label
|
|
12136
|
+
},
|
|
12137
|
+
tab.id
|
|
12138
|
+
);
|
|
12139
|
+
}) }),
|
|
12140
|
+
node.tabs.map((tab) => /* @__PURE__ */ jsx(
|
|
12141
|
+
TabsContent,
|
|
12142
|
+
{
|
|
12143
|
+
value: tab.id,
|
|
12144
|
+
className: cn$1(node.tabsContentClassName, tab.contentClassName),
|
|
12145
|
+
children: /* @__PURE__ */ jsx(SectionNodeRenderer, { node: tab.node, renderLeaf })
|
|
12146
|
+
},
|
|
12147
|
+
tab.id
|
|
12148
|
+
))
|
|
12149
|
+
]
|
|
12150
|
+
}
|
|
12151
|
+
)
|
|
12140
12152
|
}
|
|
12141
12153
|
);
|
|
12142
12154
|
}
|
|
@@ -19591,6 +19603,7 @@ function Autocomplete({
|
|
|
19591
19603
|
initialSelectedOptions,
|
|
19592
19604
|
loadSelected
|
|
19593
19605
|
}, ref) {
|
|
19606
|
+
var _a2;
|
|
19594
19607
|
const isMultiple = !!multiple;
|
|
19595
19608
|
const isControlled = controlledValue !== void 0;
|
|
19596
19609
|
const [internalValue, setInternalValue] = useState(() => {
|
|
@@ -19707,67 +19720,68 @@ function Autocomplete({
|
|
|
19707
19720
|
}
|
|
19708
19721
|
});
|
|
19709
19722
|
}, [currentValue, options, storeOption]);
|
|
19710
|
-
const
|
|
19711
|
-
const
|
|
19712
|
-
useEffect(() => {
|
|
19713
|
-
if (!loadSelected || hasLoadedInitial.current) return;
|
|
19714
|
-
if (!currentValue) return;
|
|
19715
|
-
const values = Array.isArray(currentValue) ? currentValue : [currentValue];
|
|
19716
|
-
if (values.length === 0) return;
|
|
19717
|
-
const missing = values.filter((v) => !labelMapRef.current.has(v));
|
|
19718
|
-
if (missing.length === 0) {
|
|
19719
|
-
hasLoadedInitial.current = true;
|
|
19720
|
-
return;
|
|
19721
|
-
}
|
|
19722
|
-
hasLoadedInitial.current = true;
|
|
19723
|
-
let cancelled = false;
|
|
19724
|
-
loadSelected(missing).then((opts) => {
|
|
19725
|
-
if (!cancelled && opts.length > 0) {
|
|
19726
|
-
opts.forEach(storeOption);
|
|
19727
|
-
setLabelsLoadedCounter((c2) => c2 + 1);
|
|
19728
|
-
}
|
|
19729
|
-
}).catch(() => {
|
|
19730
|
-
});
|
|
19731
|
-
return () => {
|
|
19732
|
-
cancelled = true;
|
|
19733
|
-
};
|
|
19734
|
-
}, [loadSelected, storeOption, currentValue]);
|
|
19723
|
+
const [loadingSelectedValues, setLoadingSelectedValues] = useState(() => /* @__PURE__ */ new Set());
|
|
19724
|
+
const inFlightSelectedRef = useRef(/* @__PURE__ */ new Set());
|
|
19735
19725
|
useEffect(() => {
|
|
19736
|
-
if (!loadSelected
|
|
19726
|
+
if (!loadSelected) return;
|
|
19737
19727
|
const values = Array.isArray(currentValue) ? currentValue : currentValue ? [currentValue] : [];
|
|
19738
|
-
|
|
19728
|
+
if (values.length === 0) return;
|
|
19729
|
+
const missing = values.filter(
|
|
19730
|
+
(v) => !labelMapRef.current.has(v) && !inFlightSelectedRef.current.has(v)
|
|
19731
|
+
);
|
|
19739
19732
|
if (missing.length === 0) return;
|
|
19740
|
-
|
|
19733
|
+
missing.forEach((v) => {
|
|
19734
|
+
inFlightSelectedRef.current.add(v);
|
|
19735
|
+
});
|
|
19736
|
+
setLoadingSelectedValues((prev) => {
|
|
19737
|
+
const next = new Set(prev);
|
|
19738
|
+
missing.forEach((v) => {
|
|
19739
|
+
next.add(v);
|
|
19740
|
+
});
|
|
19741
|
+
return next;
|
|
19742
|
+
});
|
|
19741
19743
|
loadSelected(missing).then((opts) => {
|
|
19742
|
-
|
|
19744
|
+
opts.forEach((opt) => {
|
|
19745
|
+
storeOption(opt);
|
|
19746
|
+
const requested = missing.find(
|
|
19747
|
+
(m2) => String(m2) === String(opt.value)
|
|
19748
|
+
);
|
|
19749
|
+
if (requested !== void 0 && requested !== opt.value) {
|
|
19750
|
+
storeOption({ ...opt, value: requested });
|
|
19751
|
+
}
|
|
19752
|
+
});
|
|
19743
19753
|
}).catch(() => {
|
|
19754
|
+
}).finally(() => {
|
|
19755
|
+
missing.forEach((v) => {
|
|
19756
|
+
inFlightSelectedRef.current.delete(v);
|
|
19757
|
+
});
|
|
19758
|
+
setLoadingSelectedValues((prev) => {
|
|
19759
|
+
const next = new Set(prev);
|
|
19760
|
+
missing.forEach((v) => {
|
|
19761
|
+
next.delete(v);
|
|
19762
|
+
});
|
|
19763
|
+
return next;
|
|
19764
|
+
});
|
|
19744
19765
|
});
|
|
19745
|
-
|
|
19746
|
-
cancelled = true;
|
|
19747
|
-
};
|
|
19748
|
-
}, [currentValue, loadSelected, isOpen, storeOption]);
|
|
19766
|
+
}, [currentValue, loadSelected, storeOption]);
|
|
19749
19767
|
const getLabel2 = useCallback((v) => {
|
|
19750
19768
|
return labelMapRef.current.get(v) ?? String(v);
|
|
19751
19769
|
}, []);
|
|
19752
19770
|
const selectedItems = useMemo(() => {
|
|
19771
|
+
const toItem = (v) => ({
|
|
19772
|
+
value: v,
|
|
19773
|
+
label: getLabel2(v),
|
|
19774
|
+
raw: rawMapRef.current.get(v),
|
|
19775
|
+
loading: loadingSelectedValues.has(v)
|
|
19776
|
+
});
|
|
19753
19777
|
if (!isMultiple) {
|
|
19754
19778
|
if (currentValue === null || currentValue === void 0 || Array.isArray(currentValue))
|
|
19755
19779
|
return [];
|
|
19756
|
-
return [
|
|
19757
|
-
{
|
|
19758
|
-
value: currentValue,
|
|
19759
|
-
label: getLabel2(currentValue),
|
|
19760
|
-
raw: rawMapRef.current.get(currentValue)
|
|
19761
|
-
}
|
|
19762
|
-
];
|
|
19780
|
+
return [toItem(currentValue)];
|
|
19763
19781
|
}
|
|
19764
19782
|
const values = Array.isArray(currentValue) ? currentValue : [];
|
|
19765
|
-
return values.map(
|
|
19766
|
-
|
|
19767
|
-
label: getLabel2(v),
|
|
19768
|
-
raw: rawMapRef.current.get(v)
|
|
19769
|
-
}));
|
|
19770
|
-
}, [currentValue, isMultiple, getLabel2]);
|
|
19783
|
+
return values.map(toItem);
|
|
19784
|
+
}, [currentValue, isMultiple, getLabel2, loadingSelectedValues]);
|
|
19771
19785
|
const handleSelect = useCallback(
|
|
19772
19786
|
(item) => {
|
|
19773
19787
|
if (!item) return;
|
|
@@ -19856,10 +19870,11 @@ function Autocomplete({
|
|
|
19856
19870
|
return searchInput;
|
|
19857
19871
|
}
|
|
19858
19872
|
if (selectedItems.length > 0) {
|
|
19859
|
-
return selectedItems[0].label;
|
|
19873
|
+
return selectedItems[0].loading ? "" : selectedItems[0].label;
|
|
19860
19874
|
}
|
|
19861
19875
|
return "";
|
|
19862
19876
|
}, [isMultiple, isOpen, searchInput, selectedItems]);
|
|
19877
|
+
const isSingleSelectionLoading = !isMultiple && !!((_a2 = selectedItems[0]) == null ? void 0 : _a2.loading);
|
|
19863
19878
|
const { getInputProps, getItemProps, getMenuProps, highlightedIndex } = useCombobox({
|
|
19864
19879
|
items,
|
|
19865
19880
|
itemToString: (item) => (item == null ? void 0 : item.label) ?? "",
|
|
@@ -19925,7 +19940,7 @@ function Autocomplete({
|
|
|
19925
19940
|
variant: chipVariant,
|
|
19926
19941
|
className: cn$1("gap-1", chipClassName),
|
|
19927
19942
|
children: [
|
|
19928
|
-
/* @__PURE__ */ jsx("span", { className: "max-w-[100px] truncate", children: item.label }),
|
|
19943
|
+
/* @__PURE__ */ jsx("span", { className: "max-w-[100px] truncate", children: item.loading ? /* @__PURE__ */ jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }) : item.label }),
|
|
19929
19944
|
/* @__PURE__ */ jsx(
|
|
19930
19945
|
"button",
|
|
19931
19946
|
{
|
|
@@ -19966,7 +19981,8 @@ function Autocomplete({
|
|
|
19966
19981
|
}
|
|
19967
19982
|
),
|
|
19968
19983
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
|
|
19969
|
-
|
|
19984
|
+
isSingleSelectionLoading && /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin opacity-50" }),
|
|
19985
|
+
showClearButton && !isSingleSelectionLoading && /* @__PURE__ */ jsx(
|
|
19970
19986
|
"button",
|
|
19971
19987
|
{
|
|
19972
19988
|
type: "button",
|
|
@@ -34080,6 +34096,7 @@ function buildSectionNodes(options) {
|
|
|
34080
34096
|
baseNode.defaultTabId = section.defaultTabId ?? ((_a2 = section.tabs[0]) == null ? void 0 : _a2.id);
|
|
34081
34097
|
baseNode.tabsListClassName = section.tabsListClassName;
|
|
34082
34098
|
baseNode.tabsContentClassName = section.tabsContentClassName;
|
|
34099
|
+
baseNode.tabsState = section.tabsState;
|
|
34083
34100
|
baseNode.tabs = section.tabs.map((tab, _tabIdx) => {
|
|
34084
34101
|
const nestedNodes = tab.sections.map(
|
|
34085
34102
|
(subSection, subIdx) => buildSectionNode(subSection, subIdx)
|
|
@@ -34096,6 +34113,8 @@ function buildSectionNodes(options) {
|
|
|
34096
34113
|
label: tab.label,
|
|
34097
34114
|
className: tab.className,
|
|
34098
34115
|
contentClassName: tab.contentClassName,
|
|
34116
|
+
hidden: tab.hidden,
|
|
34117
|
+
disable: tab.disable,
|
|
34099
34118
|
node: containerNode
|
|
34100
34119
|
};
|
|
34101
34120
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sectionNodes.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/sectionNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,IAAI,EACJ,OAAO,EACP,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAGlB,UAAU,wBAAwB,CAAC,YAAY,SAAS,WAAW;IACjE,QAAQ,EAAE,KAAK,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,uBAAuB,EAAE,CACvB,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,KACxC;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC1F,iBAAiB,EAAE,CACjB,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,EAC3C,KAAK,EAAE,OAAO,EACd,GAAG,MAAM,EAAE,OAAO,EAAE,KACjB,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EACjC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,WAAW,EAChE,OAAO,EAAE,wBAAwB,CAAC,YAAY,CAAC,GAC9C,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"sectionNodes.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/sectionNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,IAAI,EACJ,OAAO,EACP,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAGlB,UAAU,wBAAwB,CAAC,YAAY,SAAS,WAAW;IACjE,QAAQ,EAAE,KAAK,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,uBAAuB,EAAE,CACvB,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,KACxC;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC1F,iBAAiB,EAAE,CACjB,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,EAC3C,KAAK,EAAE,OAAO,EACd,GAAG,MAAM,EAAE,OAAO,EAAE,KACjB,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EACjC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,WAAW,EAChE,OAAO,EAAE,wBAAwB,CAAC,YAAY,CAAC,GAC9C,WAAW,EAAE,CAgHf"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
1
|
import { Accept } from 'react-dropzone';
|
|
3
2
|
import { Control, DeepPartial, DefaultValues, FieldValues, Path, UseFormGetValues, UseFormReturn, UseFormSetValue } from 'react-hook-form';
|
|
4
3
|
import { z } from 'zod';
|
|
5
4
|
import { AutocompleteFetcher, AutocompleteOption } from '../../components/autocomplete/types';
|
|
6
5
|
import { FileRecord, FileTransformResult, FileUploaderLayout } from '../../components/fileuploader/types';
|
|
7
|
-
import { SectionFlexOptions, SectionGridOptions, SectionLayout } from '../section/types';
|
|
6
|
+
import { SectionFlexOptions, SectionGridOptions, SectionLayout, SectionTab } from '../section/types';
|
|
8
7
|
export type FieldType = 'text' | 'email' | 'password' | 'number' | 'textarea' | 'select' | 'autocomplete' | 'checkbox' | 'switch' | 'radio' | 'date' | 'date_picker' | 'date_range' | 'month' | 'month_range' | 'time' | 'time_range' | 'date_time' | 'date_time_range' | 'file' | 'hidden' | 'object' | 'array' | 'custom_field';
|
|
9
8
|
export interface Dependency<TFieldValues extends FieldValues> {
|
|
10
9
|
field: Path<TFieldValues>;
|
|
@@ -163,16 +162,13 @@ export interface FormBuilderSectionConfig<TFieldValues extends FieldValues = Fie
|
|
|
163
162
|
grid?: SectionGridOptions;
|
|
164
163
|
flex?: SectionFlexOptions;
|
|
165
164
|
hidden?: boolean;
|
|
166
|
-
tabs?: Array<{
|
|
167
|
-
id: string;
|
|
168
|
-
label: ReactNode;
|
|
165
|
+
tabs?: Array<Pick<SectionTab, "id" | "label" | "className" | "contentClassName" | "hidden" | "disable"> & {
|
|
169
166
|
sections: Array<FormBuilderSectionConfig<TFieldValues>>;
|
|
170
|
-
className?: string;
|
|
171
|
-
contentClassName?: string;
|
|
172
167
|
}>;
|
|
173
168
|
defaultTabId?: string;
|
|
174
169
|
tabsListClassName?: string;
|
|
175
170
|
tabsContentClassName?: string;
|
|
171
|
+
tabsState?: [string, React.Dispatch<React.SetStateAction<string>>];
|
|
176
172
|
}
|
|
177
173
|
export interface FormBuilderProps<TFieldValues extends FieldValues = FieldValues> {
|
|
178
174
|
form?: UseFormReturn<TFieldValues>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/form/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionBuilder.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/section/SectionBuilder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAA4B,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"SectionBuilder.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/section/SectionBuilder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAA4B,MAAM,SAAS,CAAC;AAwa7E,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,UAAU,GACX,EAAE,mBAAmB,2CAYrB"}
|
|
@@ -50,6 +50,8 @@ export interface SectionTab {
|
|
|
50
50
|
label: React.ReactNode;
|
|
51
51
|
className?: string;
|
|
52
52
|
contentClassName?: string;
|
|
53
|
+
hidden?: boolean;
|
|
54
|
+
disable?: boolean;
|
|
53
55
|
node: SectionNode;
|
|
54
56
|
}
|
|
55
57
|
export interface SectionNode extends SectionBase {
|
|
@@ -61,6 +63,7 @@ export interface SectionNode extends SectionBase {
|
|
|
61
63
|
defaultTabId?: string;
|
|
62
64
|
tabsListClassName?: string;
|
|
63
65
|
tabsContentClassName?: string;
|
|
66
|
+
tabsState?: [string, React.Dispatch<React.SetStateAction<string>>];
|
|
64
67
|
}
|
|
65
68
|
export interface SectionBuilderProps {
|
|
66
69
|
sections: SectionNode[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/section/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;CAClD;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAGD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC;IAE5C,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/section/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EACZ,aAAa,EAOd,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EACV,mBAAmB,EAEnB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC3C,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EACtD,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAChE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,KACjB,IAAI,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAC3B,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;CACvC,CAAC;AAIF,wBAAgB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,EACxC,IAAe,EACf,OAAY,EACZ,OAAO,EACP,aAAa,EACb,QAA4B,EAC5B,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,WAAmC,EACnC,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,WAAyB,EACzB,aAAa,EACb,SAA8B,EAC9B,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAwB,EACxB,SAAgB,EAChB,sBAAsB,EACtB,YAAY,GACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -113,6 +113,7 @@ export function buildSectionNodes<TFieldValues extends FieldValues>(
|
|
|
113
113
|
baseNode.defaultTabId = section.defaultTabId ?? section.tabs[0]?.id;
|
|
114
114
|
baseNode.tabsListClassName = section.tabsListClassName;
|
|
115
115
|
baseNode.tabsContentClassName = section.tabsContentClassName;
|
|
116
|
+
baseNode.tabsState = section.tabsState;
|
|
116
117
|
baseNode.tabs = section.tabs.map((tab, _tabIdx) => {
|
|
117
118
|
const nestedNodes = tab.sections.map((subSection, subIdx) =>
|
|
118
119
|
buildSectionNode(subSection, subIdx),
|
|
@@ -129,6 +130,8 @@ export function buildSectionNodes<TFieldValues extends FieldValues>(
|
|
|
129
130
|
label: tab.label,
|
|
130
131
|
className: tab.className,
|
|
131
132
|
contentClassName: tab.contentClassName,
|
|
133
|
+
hidden: tab.hidden,
|
|
134
|
+
disable: tab.disable,
|
|
132
135
|
node: containerNode,
|
|
133
136
|
};
|
|
134
137
|
});
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
import type { Accept } from 'react-dropzone';
|
|
3
2
|
import type {
|
|
4
3
|
Control,
|
|
@@ -24,6 +23,7 @@ import type {
|
|
|
24
23
|
SectionFlexOptions,
|
|
25
24
|
SectionGridOptions,
|
|
26
25
|
SectionLayout,
|
|
26
|
+
SectionTab,
|
|
27
27
|
} from '../section/types';
|
|
28
28
|
|
|
29
29
|
export type FieldType =
|
|
@@ -216,16 +216,20 @@ export interface FormBuilderSectionConfig<
|
|
|
216
216
|
grid?: SectionGridOptions;
|
|
217
217
|
flex?: SectionFlexOptions;
|
|
218
218
|
hidden?: boolean;
|
|
219
|
-
tabs?: Array<
|
|
220
|
-
id
|
|
221
|
-
label
|
|
219
|
+
tabs?: Array<Pick<SectionTab,
|
|
220
|
+
| "id"
|
|
221
|
+
| "label"
|
|
222
|
+
| "className"
|
|
223
|
+
| "contentClassName"
|
|
224
|
+
| "hidden"
|
|
225
|
+
| "disable"
|
|
226
|
+
> & {
|
|
222
227
|
sections: Array<FormBuilderSectionConfig<TFieldValues>>;
|
|
223
|
-
|
|
224
|
-
contentClassName?: string;
|
|
225
|
-
}>;
|
|
228
|
+
}>
|
|
226
229
|
defaultTabId?: string;
|
|
227
230
|
tabsListClassName?: string;
|
|
228
231
|
tabsContentClassName?: string;
|
|
232
|
+
tabsState?: [string, React.Dispatch<React.SetStateAction<string>>];
|
|
229
233
|
}
|
|
230
234
|
|
|
231
235
|
export interface FormBuilderProps<
|
|
@@ -355,17 +355,25 @@ function SectionNodeRenderer({
|
|
|
355
355
|
headerClassName={node.headerClassName}
|
|
356
356
|
contentClassName={node.contentClassName}
|
|
357
357
|
>
|
|
358
|
-
<Tabs
|
|
358
|
+
<Tabs
|
|
359
|
+
defaultValue={defaultTabId}
|
|
360
|
+
className={cn('space-y-2')}
|
|
361
|
+
value={node.tabsState?.[0]}
|
|
362
|
+
onValueChange={node.tabsState?.[1]}
|
|
363
|
+
>
|
|
359
364
|
<TabsList className={cn(node.tabsListClassName)}>
|
|
360
|
-
{node.tabs.map((tab) =>
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
365
|
+
{node.tabs.filter(tab => !tab.hidden).map((tab) => {
|
|
366
|
+
return (
|
|
367
|
+
<TabsTrigger
|
|
368
|
+
key={tab.id}
|
|
369
|
+
value={tab.id}
|
|
370
|
+
disabled={!!tab.disable}
|
|
371
|
+
className={cn(tab.className)}
|
|
372
|
+
>
|
|
373
|
+
{tab.label}
|
|
374
|
+
</TabsTrigger>
|
|
375
|
+
)
|
|
376
|
+
})}
|
|
369
377
|
</TabsList>
|
|
370
378
|
{node.tabs.map((tab) => (
|
|
371
379
|
<TabsContent
|
|
@@ -58,6 +58,8 @@ export interface SectionTab {
|
|
|
58
58
|
label: React.ReactNode;
|
|
59
59
|
className?: string;
|
|
60
60
|
contentClassName?: string;
|
|
61
|
+
hidden?: boolean;
|
|
62
|
+
disable?: boolean;
|
|
61
63
|
node: SectionNode; // Content of this tab as a nested section node
|
|
62
64
|
}
|
|
63
65
|
|
|
@@ -71,6 +73,7 @@ export interface SectionNode extends SectionBase {
|
|
|
71
73
|
defaultTabId?: string;
|
|
72
74
|
tabsListClassName?: string;
|
|
73
75
|
tabsContentClassName?: string;
|
|
76
|
+
tabsState?: [string, React.Dispatch<React.SetStateAction<string>>]
|
|
74
77
|
}
|
|
75
78
|
|
|
76
79
|
export interface SectionBuilderProps {
|