@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.
Files changed (57) hide show
  1. package/dist/cjs/dialog/index.d.ts +6 -0
  2. package/dist/cjs/dialog/index.d.ts.map +1 -1
  3. package/dist/cjs/dialog/index.js +4 -2
  4. package/dist/cjs/dropdown/index.d.ts +4 -1
  5. package/dist/cjs/dropdown/index.d.ts.map +1 -1
  6. package/dist/cjs/dropdown/index.js +22 -3
  7. package/dist/cjs/editor-pm/prosemirror-editor.d.ts.map +1 -1
  8. package/dist/cjs/editor-pm/prosemirror-editor.js +46 -4
  9. package/dist/cjs/editor-pm/schema.d.ts +1 -1
  10. package/dist/cjs/hooks/use-menu-opening-release-guard.d.ts +28 -0
  11. package/dist/cjs/hooks/use-menu-opening-release-guard.d.ts.map +1 -0
  12. package/dist/cjs/hooks/use-menu-opening-release-guard.js +108 -0
  13. package/dist/cjs/index.d.ts +2 -0
  14. package/dist/cjs/index.d.ts.map +1 -1
  15. package/dist/cjs/index.js +2 -0
  16. package/dist/cjs/popover/index.d.ts +4 -1
  17. package/dist/cjs/popover/index.d.ts.map +1 -1
  18. package/dist/cjs/popover/index.js +7 -1
  19. package/dist/cjs/portal-container/index.d.ts +23 -0
  20. package/dist/cjs/portal-container/index.d.ts.map +1 -0
  21. package/dist/cjs/portal-container/index.js +22 -0
  22. package/dist/cjs/select/index.d.ts +7 -2
  23. package/dist/cjs/select/index.d.ts.map +1 -1
  24. package/dist/cjs/select/index.js +9 -3
  25. package/dist/cjs/tooltip/index.d.ts +5 -1
  26. package/dist/cjs/tooltip/index.d.ts.map +1 -1
  27. package/dist/cjs/tooltip/index.js +9 -2
  28. package/dist/cjs/tsconfig.cjs.tsbuildinfo +1 -1
  29. package/dist/esm/dialog/index.d.ts +6 -0
  30. package/dist/esm/dialog/index.d.ts.map +1 -1
  31. package/dist/esm/dialog/index.js +6 -2
  32. package/dist/esm/dropdown/index.d.ts +4 -1
  33. package/dist/esm/dropdown/index.d.ts.map +1 -1
  34. package/dist/esm/dropdown/index.js +22 -2
  35. package/dist/esm/editor-pm/prosemirror-editor.d.ts.map +1 -1
  36. package/dist/esm/editor-pm/prosemirror-editor.js +46 -4
  37. package/dist/esm/editor-pm/schema.d.ts +1 -1
  38. package/dist/esm/hooks/use-menu-opening-release-guard.d.ts +28 -0
  39. package/dist/esm/hooks/use-menu-opening-release-guard.d.ts.map +1 -0
  40. package/dist/esm/hooks/use-menu-opening-release-guard.js +102 -0
  41. package/dist/esm/index.d.ts +2 -0
  42. package/dist/esm/index.d.ts.map +1 -1
  43. package/dist/esm/index.js +2 -0
  44. package/dist/esm/popover/index.d.ts +4 -1
  45. package/dist/esm/popover/index.d.ts.map +1 -1
  46. package/dist/esm/popover/index.js +6 -1
  47. package/dist/esm/portal-container/index.d.ts +23 -0
  48. package/dist/esm/portal-container/index.d.ts.map +1 -0
  49. package/dist/esm/portal-container/index.js +17 -0
  50. package/dist/esm/select/index.d.ts +7 -2
  51. package/dist/esm/select/index.d.ts.map +1 -1
  52. package/dist/esm/select/index.js +7 -2
  53. package/dist/esm/tooltip/index.d.ts +5 -1
  54. package/dist/esm/tooltip/index.d.ts.map +1 -1
  55. package/dist/esm/tooltip/index.js +8 -2
  56. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  57. 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;AAI/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,aAAa,8JAqBjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAoBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,eAAO,MAAM,YAAY,6CAAyB,CAAC;AACnD,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"}
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"}
@@ -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(SelectPrimitive.Portal, null,
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;AAI1B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,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,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,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(TooltipPrimitive.Portal, null,
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.5",
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.1",
60
+ "@rowsncolumns/calculator": ">=7.3.2",
61
61
  "@rowsncolumns/common-types": ">=5.3.1",
62
- "@rowsncolumns/fast-formula-parser": ">=6.2.41",
63
- "@rowsncolumns/functions": ">=15.0.2",
64
- "@rowsncolumns/grid": ">=13.2.35",
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",