@enerjisaformlibrary/formbuilder-react 1.0.3 → 1.0.5
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/index.cjs +46 -1
- package/index.cjs.map +1 -1
- package/index.js +46 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types/lib/FormBuilder.d.ts.map +1 -1
package/index.js
CHANGED
|
@@ -14504,8 +14504,51 @@ var [createTooltipContext] = createContextScope("Tooltip", [
|
|
|
14504
14504
|
]);
|
|
14505
14505
|
var usePopperScope$2 = createPopperScope();
|
|
14506
14506
|
var PROVIDER_NAME = "TooltipProvider";
|
|
14507
|
+
var DEFAULT_DELAY_DURATION = 700;
|
|
14507
14508
|
var TOOLTIP_OPEN = "tooltip.open";
|
|
14508
14509
|
var [TooltipProviderContextProvider, useTooltipProviderContext] = createTooltipContext(PROVIDER_NAME);
|
|
14510
|
+
var TooltipProvider$1 = (props) => {
|
|
14511
|
+
const {
|
|
14512
|
+
__scopeTooltip,
|
|
14513
|
+
delayDuration = DEFAULT_DELAY_DURATION,
|
|
14514
|
+
skipDelayDuration = 300,
|
|
14515
|
+
disableHoverableContent = false,
|
|
14516
|
+
children
|
|
14517
|
+
} = props;
|
|
14518
|
+
const isOpenDelayedRef = React.useRef(true);
|
|
14519
|
+
const isPointerInTransitRef = React.useRef(false);
|
|
14520
|
+
const skipDelayTimerRef = React.useRef(0);
|
|
14521
|
+
React.useEffect(() => {
|
|
14522
|
+
const skipDelayTimer = skipDelayTimerRef.current;
|
|
14523
|
+
return () => window.clearTimeout(skipDelayTimer);
|
|
14524
|
+
}, []);
|
|
14525
|
+
return /* @__PURE__ */ jsx(
|
|
14526
|
+
TooltipProviderContextProvider,
|
|
14527
|
+
{
|
|
14528
|
+
scope: __scopeTooltip,
|
|
14529
|
+
isOpenDelayedRef,
|
|
14530
|
+
delayDuration,
|
|
14531
|
+
onOpen: React.useCallback(() => {
|
|
14532
|
+
window.clearTimeout(skipDelayTimerRef.current);
|
|
14533
|
+
isOpenDelayedRef.current = false;
|
|
14534
|
+
}, []),
|
|
14535
|
+
onClose: React.useCallback(() => {
|
|
14536
|
+
window.clearTimeout(skipDelayTimerRef.current);
|
|
14537
|
+
skipDelayTimerRef.current = window.setTimeout(
|
|
14538
|
+
() => isOpenDelayedRef.current = true,
|
|
14539
|
+
skipDelayDuration
|
|
14540
|
+
);
|
|
14541
|
+
}, [skipDelayDuration]),
|
|
14542
|
+
isPointerInTransitRef,
|
|
14543
|
+
onPointerInTransitChange: React.useCallback((inTransit) => {
|
|
14544
|
+
isPointerInTransitRef.current = inTransit;
|
|
14545
|
+
}, []),
|
|
14546
|
+
disableHoverableContent,
|
|
14547
|
+
children
|
|
14548
|
+
}
|
|
14549
|
+
);
|
|
14550
|
+
};
|
|
14551
|
+
TooltipProvider$1.displayName = PROVIDER_NAME;
|
|
14509
14552
|
var TOOLTIP_NAME = "Tooltip";
|
|
14510
14553
|
var [TooltipContextProvider, useTooltipContext] = createTooltipContext(TOOLTIP_NAME);
|
|
14511
14554
|
var Tooltip$1 = (props) => {
|
|
@@ -14915,10 +14958,12 @@ function getHullPresorted(points) {
|
|
|
14915
14958
|
return upperHull.concat(lowerHull);
|
|
14916
14959
|
}
|
|
14917
14960
|
}
|
|
14961
|
+
var Provider = TooltipProvider$1;
|
|
14918
14962
|
var Root3$1 = Tooltip$1;
|
|
14919
14963
|
var Trigger$5 = TooltipTrigger$1;
|
|
14920
14964
|
var Content2$4 = TooltipContent$1;
|
|
14921
14965
|
|
|
14966
|
+
const TooltipProvider = Provider;
|
|
14922
14967
|
const Tooltip = Root3$1;
|
|
14923
14968
|
const TooltipTrigger = Trigger$5;
|
|
14924
14969
|
const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (jsx(Content2$4, { ref: ref, sideOffset: sideOffset, className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]", className), ...props })));
|
|
@@ -28516,7 +28561,7 @@ function FormBuilder({ initialForm, onSave, onChange, className = '', theme = 'l
|
|
|
28516
28561
|
}
|
|
28517
28562
|
}
|
|
28518
28563
|
};
|
|
28519
|
-
return (jsxs("div", { className: `formbuilder-container ${theme} ${className}`, children: [jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: [jsxs("div", { className: "flex flex-col h-full", children: [showToolbar && (jsx(Toolbar, { onOpenJsonViewer: () => setJsonViewerOpen(true) })), jsxs("div", { className: "flex flex-1 overflow-hidden", children: [showComponentLibrary && (jsx(ComponentLibrary, {})), jsx("div", { className: "flex-1 overflow-auto", children: jsx(FormCanvas, {}) }), showPropertiesPanel && (jsx(PropertiesPanel, {}))] })] }), jsx(DragOverlay, { children: activeId && activeType && (jsx(DragOverlayContent, { type: activeType })) })] }), jsx(JsonViewerModal, { isOpen: jsonViewerOpen, onClose: () => setJsonViewerOpen(false), schema: form })] }));
|
|
28564
|
+
return (jsx(TooltipProvider, { children: jsxs("div", { className: `formbuilder-container ${theme} ${className}`, children: [jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: [jsxs("div", { className: "flex flex-col h-full", children: [showToolbar && (jsx(Toolbar, { onOpenJsonViewer: () => setJsonViewerOpen(true) })), jsxs("div", { className: "flex flex-1 overflow-hidden", children: [showComponentLibrary && (jsx(ComponentLibrary, {})), jsx("div", { className: "flex-1 overflow-auto", children: jsx(FormCanvas, {}) }), showPropertiesPanel && (jsx(PropertiesPanel, {}))] })] }), jsx(DragOverlay, { children: activeId && activeType && (jsx(DragOverlayContent, { type: activeType })) })] }), jsx(JsonViewerModal, { isOpen: jsonViewerOpen, onClose: () => setJsonViewerOpen(false), schema: form })] }) }));
|
|
28520
28565
|
}
|
|
28521
28566
|
function getDefaultLabel(type) {
|
|
28522
28567
|
const labels = {
|