@rowsncolumns/ui 16.0.5 → 16.1.0
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/cjs/dialog/index.d.ts +6 -0
- package/dist/cjs/dialog/index.d.ts.map +1 -1
- package/dist/cjs/dialog/index.js +4 -2
- package/dist/cjs/dropdown/index.d.ts +4 -1
- package/dist/cjs/dropdown/index.d.ts.map +1 -1
- package/dist/cjs/dropdown/index.js +22 -3
- package/dist/cjs/editor-pm/prosemirror-editor.d.ts.map +1 -1
- package/dist/cjs/editor-pm/prosemirror-editor.js +46 -4
- package/dist/cjs/editor-pm/schema.d.ts +1 -1
- package/dist/cjs/hooks/use-menu-opening-release-guard.d.ts +28 -0
- package/dist/cjs/hooks/use-menu-opening-release-guard.d.ts.map +1 -0
- package/dist/cjs/hooks/use-menu-opening-release-guard.js +108 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/popover/index.d.ts +4 -1
- package/dist/cjs/popover/index.d.ts.map +1 -1
- package/dist/cjs/popover/index.js +7 -1
- package/dist/cjs/portal-container/index.d.ts +23 -0
- package/dist/cjs/portal-container/index.d.ts.map +1 -0
- package/dist/cjs/portal-container/index.js +22 -0
- package/dist/cjs/select/index.d.ts +7 -2
- package/dist/cjs/select/index.d.ts.map +1 -1
- package/dist/cjs/select/index.js +9 -3
- package/dist/cjs/tooltip/index.d.ts +5 -1
- package/dist/cjs/tooltip/index.d.ts.map +1 -1
- package/dist/cjs/tooltip/index.js +9 -2
- package/dist/cjs/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/esm/dialog/index.d.ts +6 -0
- package/dist/esm/dialog/index.d.ts.map +1 -1
- package/dist/esm/dialog/index.js +6 -2
- package/dist/esm/dropdown/index.d.ts +4 -1
- package/dist/esm/dropdown/index.d.ts.map +1 -1
- package/dist/esm/dropdown/index.js +22 -2
- package/dist/esm/editor-pm/prosemirror-editor.d.ts.map +1 -1
- package/dist/esm/editor-pm/prosemirror-editor.js +46 -4
- package/dist/esm/editor-pm/schema.d.ts +1 -1
- package/dist/esm/hooks/use-menu-opening-release-guard.d.ts +28 -0
- package/dist/esm/hooks/use-menu-opening-release-guard.d.ts.map +1 -0
- package/dist/esm/hooks/use-menu-opening-release-guard.js +102 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/popover/index.d.ts +4 -1
- package/dist/esm/popover/index.d.ts.map +1 -1
- package/dist/esm/popover/index.js +6 -1
- package/dist/esm/portal-container/index.d.ts +23 -0
- package/dist/esm/portal-container/index.d.ts.map +1 -0
- package/dist/esm/portal-container/index.js +17 -0
- package/dist/esm/select/index.d.ts +7 -2
- package/dist/esm/select/index.d.ts.map +1 -1
- package/dist/esm/select/index.js +7 -2
- package/dist/esm/tooltip/index.d.ts +5 -1
- package/dist/esm/tooltip/index.d.ts.map +1 -1
- package/dist/esm/tooltip/index.js +8 -2
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,eAAO,MAAM,YAAY;8BAGtB,eAAe,CAAC,iBAAiB;;CAQnC,CAAC;AAGF,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,aAAa;gBAGH,WAAW,GAAG,IAAI;wCAoBhC,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAoBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,eAAO,MAAM,cAAc,4GAA2B,CAAC;AAEvD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,GAChB,CAAC"}
|
package/dist/esm/select/index.js
CHANGED
|
@@ -2,16 +2,22 @@
|
|
|
2
2
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
3
3
|
import { CheckIcon, TriangleDownIcon } from "@rowsncolumns/icons";
|
|
4
4
|
import * as React from "react";
|
|
5
|
+
import { usePortalContainer } from "./../portal-container";
|
|
5
6
|
import { cn } from "./../utils";
|
|
6
7
|
const Select = SelectPrimitive.Root;
|
|
7
8
|
const SelectGroup = SelectPrimitive.Group;
|
|
8
9
|
const SelectValue = SelectPrimitive.Value;
|
|
10
|
+
export const SelectPortal = ({ container, ...props }) => {
|
|
11
|
+
const portalContainer = usePortalContainer();
|
|
12
|
+
return (React.createElement(SelectPrimitive.Portal, { container: container ?? portalContainer, ...props }));
|
|
13
|
+
};
|
|
14
|
+
SelectPortal.displayName = SelectPrimitive.Portal.displayName;
|
|
9
15
|
const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(SelectPrimitive.Trigger, { ref: ref, className: cn("flex w-full items-center text-rnc-foreground justify-between rounded-sm border-solid border border-rnc-input bg-transparent px-1 pl-1.5 py-1 text-xs ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 font-system", className), ...props },
|
|
10
16
|
children,
|
|
11
17
|
React.createElement(SelectPrimitive.Icon, { asChild: true },
|
|
12
18
|
React.createElement(TriangleDownIcon, null)))));
|
|
13
19
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
14
|
-
const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (React.createElement(
|
|
20
|
+
const SelectContent = React.forwardRef(({ className, children, position = "popper", container, ...props }, ref) => (React.createElement(SelectPortal, { container: container },
|
|
15
21
|
React.createElement(SelectPrimitive.Content, { ref: ref, className: cn("relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-rnc-border border-solid bg-rnc-popover text-rnc-popover-foreground shadow-md animate-in fade-in-80", position === "popper" && "translate-y-1", "font-system", className), position: position, ...props },
|
|
16
22
|
React.createElement(SelectPrimitive.Viewport, { className: cn("p-1 max-h-select") }, children)))));
|
|
17
23
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
@@ -25,6 +31,5 @@ const SelectItem = React.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
25
31
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
26
32
|
const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SelectPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-rnc-muted", className), ...props })));
|
|
27
33
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
28
|
-
export const SelectPortal = SelectPrimitive.Portal;
|
|
29
34
|
export const SelectViewPort = SelectPrimitive.Viewport;
|
|
30
35
|
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };
|
|
@@ -3,10 +3,14 @@ import React from "react";
|
|
|
3
3
|
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
4
4
|
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
5
5
|
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const TooltipPortal: {
|
|
7
|
+
({ container, ...props }: TooltipPrimitive.TooltipPortalProps): React.JSX.Element;
|
|
8
|
+
displayName: string | undefined;
|
|
9
|
+
};
|
|
6
10
|
declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
11
|
type SimpleTooltipProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
|
|
8
12
|
tooltip: React.ReactNode;
|
|
9
13
|
};
|
|
10
14
|
export declare const SimpleTooltip: ({ children, tooltip }: SimpleTooltipProps) => React.JSX.Element;
|
|
11
|
-
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
|
15
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipPortal, TooltipProvider, };
|
|
12
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,aAAa;8BAGhB,gBAAgB,CAAC,kBAAkB;;CAQrC,CAAC;AAGF,QAAA,MAAM,cAAc,gKAclB,CAAC;AAGH,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CACtD,OAAO,gBAAgB,CAAC,OAAO,CAChC,GAAG;IACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uBAAuB,kBAAkB,sBAOtE,CAAC;AAEF,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,EACb,eAAe,GAChB,CAAC"}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
2
2
|
import React from "react";
|
|
3
|
+
import { usePortalContainer } from "../portal-container";
|
|
3
4
|
import { cn } from "../utils";
|
|
4
5
|
const TooltipProvider = TooltipPrimitive.Provider;
|
|
5
6
|
const Tooltip = TooltipPrimitive.Root;
|
|
6
7
|
const TooltipTrigger = TooltipPrimitive.Trigger;
|
|
8
|
+
const TooltipPortal = ({ container, ...props }) => {
|
|
9
|
+
const portalContainer = usePortalContainer();
|
|
10
|
+
return (React.createElement(TooltipPrimitive.Portal, { container: container ?? portalContainer, ...props }));
|
|
11
|
+
};
|
|
12
|
+
TooltipPortal.displayName = TooltipPrimitive.Portal.displayName;
|
|
7
13
|
const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (React.createElement(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 overflow-hidden rounded-sm border-rnc-border border-solid border px-2 py-1 text-xs shadow-md animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1 font-system", "bg-zinc-950 text-white", className), ...props })));
|
|
8
14
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
9
15
|
export const SimpleTooltip = ({ children, tooltip }) => (React.createElement(Tooltip, { delayDuration: 300, disableHoverableContent: true },
|
|
10
16
|
React.createElement(TooltipTrigger, { asChild: true }, children),
|
|
11
|
-
React.createElement(
|
|
17
|
+
React.createElement(TooltipPortal, null,
|
|
12
18
|
React.createElement(TooltipContent, null, tooltip))));
|
|
13
|
-
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
|
19
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipPortal, TooltipProvider, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"root":["../../index.ts","../../utils.ts","../../vitest.config.ts","../../arrow/index.tsx","../../button/index.tsx","../../calendar/index.tsx","../../card/index.tsx","../../cell-tooltip/index.tsx","../../circular-loader/index.tsx","../../color-picker/index.tsx","../../color-picker/style.tsx","../../command/index.tsx","../../conditional-wrapper/index.tsx","../../dialog/index.tsx","../../dropdown/index.tsx","../../editor/constants.ts","../../editor/editor-error-boundary.tsx","../../editor/style.tsx","../../editor/suggestions-dropdown.tsx","../../editor-pm/constants.ts","../../editor-pm/decoration-plugin.ts","../../editor-pm/helpers.ts","../../editor-pm/index.tsx","../../editor-pm/mention-nodeview.tsx","../../editor-pm/mentions-dropdown.tsx","../../editor-pm/mentions-plugin.ts","../../editor-pm/placeholder-plugin.ts","../../editor-pm/prosemirror-editor.tsx","../../editor-pm/schema.ts","../../editor-pm/types.ts","../../editor-pm/unfocused-selection-plugin.ts","../../editor-pm/use-dropdown-change-pm.ts","../../editor-pm/use-editor-change-pm.ts","../../editor-pm/use-editor-decorator-pm.ts","../../editor-pm/use-editor-keydown-pm.ts","../../editor-pm/use-mention-keydown.ts","../../editor-pm/use-parameter-suggestions.ts","../../eye-dropper/index.tsx","../../function-info/helpers.ts","../../function-info/index.tsx","../../function-info/style.tsx","../../hex-color-picker/index.tsx","../../hooks/use-cycle-reference.ts","../../hooks/use-dropdown-categories.ts","../../hooks/use-dropdown.ts","../../hooks/use-isomorphic-layout-effect.ts.ts","../../hooks/use-modal.tsx","../../hooks/use-visibility.ts","../../icon-button/index.tsx","../../input/index.tsx","../../popover/index.tsx","../../progress/index.tsx","../../select/index.tsx","../../separator/index.tsx","../../skeleton/index.tsx","../../stack/index.tsx","../../tabs/index.tsx","../../tooltip/index.tsx"],"version":"5.8.3"}
|
|
1
|
+
{"root":["../../index.ts","../../utils.ts","../../vitest.config.ts","../../arrow/index.tsx","../../button/index.tsx","../../calendar/index.tsx","../../card/index.tsx","../../cell-tooltip/index.tsx","../../circular-loader/index.tsx","../../color-picker/index.tsx","../../color-picker/style.tsx","../../command/index.tsx","../../conditional-wrapper/index.tsx","../../dialog/index.tsx","../../dropdown/index.tsx","../../editor/constants.ts","../../editor/editor-error-boundary.tsx","../../editor/style.tsx","../../editor/suggestions-dropdown.tsx","../../editor-pm/constants.ts","../../editor-pm/decoration-plugin.ts","../../editor-pm/helpers.ts","../../editor-pm/index.tsx","../../editor-pm/mention-nodeview.tsx","../../editor-pm/mentions-dropdown.tsx","../../editor-pm/mentions-plugin.ts","../../editor-pm/placeholder-plugin.ts","../../editor-pm/prosemirror-editor.tsx","../../editor-pm/schema.ts","../../editor-pm/types.ts","../../editor-pm/unfocused-selection-plugin.ts","../../editor-pm/use-dropdown-change-pm.ts","../../editor-pm/use-editor-change-pm.ts","../../editor-pm/use-editor-decorator-pm.ts","../../editor-pm/use-editor-keydown-pm.ts","../../editor-pm/use-mention-keydown.ts","../../editor-pm/use-parameter-suggestions.ts","../../eye-dropper/index.tsx","../../function-info/helpers.ts","../../function-info/index.tsx","../../function-info/style.tsx","../../hex-color-picker/index.tsx","../../hooks/use-cycle-reference.ts","../../hooks/use-dropdown-categories.ts","../../hooks/use-dropdown.ts","../../hooks/use-isomorphic-layout-effect.ts.ts","../../hooks/use-menu-opening-release-guard.ts","../../hooks/use-modal.tsx","../../hooks/use-visibility.ts","../../icon-button/index.tsx","../../input/index.tsx","../../popover/index.tsx","../../portal-container/index.tsx","../../progress/index.tsx","../../select/index.tsx","../../separator/index.tsx","../../skeleton/index.tsx","../../stack/index.tsx","../../tabs/index.tsx","../../tooltip/index.tsx"],"version":"5.8.3"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rowsncolumns/ui",
|
|
3
|
-
"version": "16.0
|
|
3
|
+
"version": "16.1.0",
|
|
4
4
|
"author": "Vinay M",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
@@ -57,11 +57,11 @@
|
|
|
57
57
|
"tailwind-merge": "^3.3.0"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
|
-
"@rowsncolumns/calculator": ">=7.3.
|
|
60
|
+
"@rowsncolumns/calculator": ">=7.3.2",
|
|
61
61
|
"@rowsncolumns/common-types": ">=5.3.1",
|
|
62
|
-
"@rowsncolumns/fast-formula-parser": ">=6.2.
|
|
63
|
-
"@rowsncolumns/functions": ">=15.0
|
|
64
|
-
"@rowsncolumns/grid": ">=13.2.
|
|
62
|
+
"@rowsncolumns/fast-formula-parser": ">=6.2.43",
|
|
63
|
+
"@rowsncolumns/functions": ">=15.1.0",
|
|
64
|
+
"@rowsncolumns/grid": ">=13.2.36",
|
|
65
65
|
"@rowsncolumns/icons": ">=7.2.33",
|
|
66
66
|
"@rowsncolumns/utils": ">=9.5.2",
|
|
67
67
|
"@types/lodash": "^4.17.17",
|