@heathmont/moon-core-tw - npm Package Compare versions

Comparing version 10.21.0 to 10.21.1

lib/dropdown/Dropdown.d.ts

@@ -1,2 +0,2 @@
-import React from "react";
+import React, { ElementType } from "react";
 import type DropdownRootProps from "./private/types/DropdownRootProps";
@@ -7,7 +7,8 @@ import type OptionProps from "./private/types/OptionProps";
 import type WithChildren from "./private/types/WithChildren";
-declare const Dropdown: (({ children, value, onChange, isError: dropdownError, disabled: dropdownDisabled, size: dropdownSize, className, onClear, position, ...rest }: DropdownRootProps) => React.JSX.Element) & {
+declare const Dropdown: (({ children, value, onChange, isError: dropdownError, disabled: dropdownDisabled, size: dropdownSize, className, onClear, position, as, ...rest }: DropdownRootProps) => React.JSX.Element) & {
     Options: ({ children, menuWidth, className, ...rest }: WithChildren<OptionsProps>) => React.JSX.Element;
     Option: ({ children, value }: OptionProps) => React.JSX.Element;
-    Trigger: ({ children, className, ...rest }: WithChildren<{
+    Trigger: ({ children, className, as, ...rest }: WithChildren<{
         className?: string | undefined;
+        as?: React.ElementType | undefined;
     }>) => React.JSX.Element;
@@ -14,0 +15,0 @@ Hint: ({ children, className, }: WithChildren<{

lib/dropdown/Dropdown.js

@@ -51,3 +51,3 @@ "use strict";
 const DropdownRoot = (_a) => {
-    var { children, value, onChange, isError: dropdownError, disabled: dropdownDisabled, size: dropdownSize = "md", className, onClear, position = "bottom-start" } = _a, rest = __rest(_a, ["children", "value", "onChange", "isError", "disabled", "size", "className", "onClear", "position"]);
+    var { children, value, onChange, isError: dropdownError, disabled: dropdownDisabled, size: dropdownSize = "md", className, onClear, position = "bottom-start", as } = _a, rest = __rest(_a, ["children", "value", "onChange", "isError", "disabled", "size", "className", "onClear", "position", "as"]);
     const [anchorEl, setAnchorEl] = react_1.default.useState();
@@ -80,3 +80,3 @@ const [popperEl, setPopperEl] = react_1.default.useState();
         react_1.default.createElement("div", { className: (0, mergeClassnames_1.default)("w-full relative", className && className) },
-            react_1.default.createElement(react_2.Listbox, Object.assign({ value: value, onChange: onChange, disabled: disabled }, rest), ({ open }) => (react_1.default.createElement("div", { className: "relative" }, typeof children === "function"
+            react_1.default.createElement(react_2.Listbox, Object.assign({ value: value, onChange: onChange, disabled: disabled, as: as }, rest), ({ open }) => (react_1.default.createElement("div", { className: "relative" }, typeof children === "function"
                 ? callableChildren && callableChildren({ open })
@@ -149,5 +149,5 @@ : childArray === null || childArray === void 0 ? void 0 : childArray.map((ch) => ch)))))));
 const Trigger = (_a) => {
-    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    var { children, className, as } = _a, rest = __rest(_a, ["children", "className", "as"]);
     const { popper } = (0, useDropdownContext_1.default)("Dropdown.Trigger");
-    return (react_1.default.createElement(react_2.Listbox.Button, Object.assign({ ref: popper === null || popper === void 0 ? void 0 : popper.setAnchor, className: className && className }, rest), children));
+    return (react_1.default.createElement(react_2.Listbox.Button, Object.assign({ ref: popper === null || popper === void 0 ? void 0 : popper.setAnchor, className: className && className, style: { lololo: "lalala" }, as: as }, rest), children));
 };
@@ -154,0 +154,0 @@ //Dropdown.Hint

lib/dropdown/private/types/DropdownRootProps.d.ts

@@ -17,4 +17,5 @@ /// <reference types="react" />
     ref?: React.Ref<HTMLElement>;
+    as?: React.ElementType;
 }
 export default DropdownRootProps;
 //# sourceMappingURL=DropdownRootProps.d.ts.map

lib/es/dropdown/Dropdown.d.ts

@@ -1,2 +0,2 @@
-import React from "react";
+import React, { ElementType } from "react";
 import type DropdownRootProps from "./private/types/DropdownRootProps";
@@ -7,7 +7,8 @@ import type OptionProps from "./private/types/OptionProps";
 import type WithChildren from "./private/types/WithChildren";
-declare const Dropdown: (({ children, value, onChange, isError: dropdownError, disabled: dropdownDisabled, size: dropdownSize, className, onClear, position, ...rest }: DropdownRootProps) => React.JSX.Element) & {
+declare const Dropdown: (({ children, value, onChange, isError: dropdownError, disabled: dropdownDisabled, size: dropdownSize, className, onClear, position, as, ...rest }: DropdownRootProps) => React.JSX.Element) & {
     Options: ({ children, menuWidth, className, ...rest }: WithChildren<OptionsProps>) => React.JSX.Element;
     Option: ({ children, value }: OptionProps) => React.JSX.Element;
-    Trigger: ({ children, className, ...rest }: WithChildren<{
+    Trigger: ({ children, className, as, ...rest }: WithChildren<{
         className?: string | undefined;
+        as?: React.ElementType | undefined;
     }>) => React.JSX.Element;
@@ -14,0 +15,0 @@ Hint: ({ children, className, }: WithChildren<{

lib/es/dropdown/Dropdown.js

@@ -23,3 +23,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 const DropdownRoot = (_a) => {
-    var { children, value, onChange, isError: dropdownError, disabled: dropdownDisabled, size: dropdownSize = "md", className, onClear, position = "bottom-start" } = _a, rest = __rest(_a, ["children", "value", "onChange", "isError", "disabled", "size", "className", "onClear", "position"]);
+    var { children, value, onChange, isError: dropdownError, disabled: dropdownDisabled, size: dropdownSize = "md", className, onClear, position = "bottom-start", as } = _a, rest = __rest(_a, ["children", "value", "onChange", "isError", "disabled", "size", "className", "onClear", "position", "as"]);
     const [anchorEl, setAnchorEl] = React.useState();
@@ -52,3 +52,3 @@ const [popperEl, setPopperEl] = React.useState();
         React.createElement("div", { className: mergeClassnames("w-full relative", className && className) },
-            React.createElement(Listbox, Object.assign({ value: value, onChange: onChange, disabled: disabled }, rest), ({ open }) => (React.createElement("div", { className: "relative" }, typeof children === "function"
+            React.createElement(Listbox, Object.assign({ value: value, onChange: onChange, disabled: disabled, as: as }, rest), ({ open }) => (React.createElement("div", { className: "relative" }, typeof children === "function"
                 ? callableChildren && callableChildren({ open })
@@ -121,5 +121,5 @@ : childArray === null || childArray === void 0 ? void 0 : childArray.map((ch) => ch)))))));
 const Trigger = (_a) => {
-    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    var { children, className, as } = _a, rest = __rest(_a, ["children", "className", "as"]);
     const { popper } = useDropdownContext("Dropdown.Trigger");
-    return (React.createElement(Listbox.Button, Object.assign({ ref: popper === null || popper === void 0 ? void 0 : popper.setAnchor, className: className && className }, rest), children));
+    return (React.createElement(Listbox.Button, Object.assign({ ref: popper === null || popper === void 0 ? void 0 : popper.setAnchor, className: className && className, style: { lololo: "lalala" }, as: as }, rest), children));
 };
@@ -126,0 +126,0 @@ //Dropdown.Hint

lib/es/dropdown/private/types/DropdownRootProps.d.ts

@@ -17,4 +17,5 @@ /// <reference types="react" />
     ref?: React.Ref<HTMLElement>;
+    as?: React.ElementType;
 }
 export default DropdownRootProps;
 //# sourceMappingURL=DropdownRootProps.d.ts.map

lib/es/popover/Popover.d.ts

@@ -5,3 +5,3 @@ import React from "react";
 import type PopoverRootProps from "./private/types/PopoverRootProps";
-declare const Popover: (({ children, position, className, autoPositionDisable, }: PopoverRootProps) => React.JSX.Element) & {
+declare const Popover: (({ children, position, className, autoPositionDisable, portalElement, }: PopoverRootProps) => React.JSX.Element) & {
     Trigger: ({ children, role, ...rest }: {
@@ -8,0 +8,0 @@ children?: React.ReactNode;

lib/es/popover/Popover.js

@@ -13,3 +13,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useEffect } from "react";
-import { Popover as HeadlessPopover } from "@headlessui/react";
+import { Popover as HeadlessPopover, Portal } from "@headlessui/react";
 import { usePopper } from "react-popper";
@@ -20,3 +20,3 @@ import PopoverContext from "./private/utils/PopoverContext";
 import useRegisterChild from "../private/utils/useRegisterChild";
-const PopoverRoot = ({ children, position = "bottom", className, autoPositionDisable = false, }) => {
+const PopoverRoot = ({ children, position = "bottom", className, autoPositionDisable = false, portalElement, }) => {
     var _a;
@@ -65,5 +65,8 @@ const [anchorEl, setAnchorEl] = React.useState();
     return (React.createElement(PopoverContext.Provider, { value: Object.assign(Object.assign(Object.assign({}, states), state), { registerChild }) },
-        React.createElement(HeadlessPopover, { className: mergeClassnames("relative", className) }, ({ open }) => (React.createElement(React.Fragment, null, typeof children === "function"
-            ? callableChildren && callableChildren({ open })
-            : childArray.map((ch) => ch))))));
+        React.createElement(HeadlessPopover, { className: mergeClassnames("relative", className) }, ({ open }) => (React.createElement(React.Fragment, null,
+            typeof children === "function"
+                ? callableChildren && callableChildren({ open })
+                : childArray.map((ch) => ch),
+            portalElement && (React.createElement(Portal, null,
+                React.createElement(Panel, null, portalElement))))))));
 };
@@ -70,0 +73,0 @@ const Trigger = (_a) => {

lib/es/popover/private/types/PopoverRootProps.d.ts

@@ -10,4 +10,5 @@ /// <reference types="react" />
     }) => React.ReactNode);
+    portalElement?: React.ReactNode;
 }
 export default PopoverRootProps;
 //# sourceMappingURL=PopoverRootProps.d.ts.map

lib/popover/Popover.d.ts

@@ -5,3 +5,3 @@ import React from "react";
 import type PopoverRootProps from "./private/types/PopoverRootProps";
-declare const Popover: (({ children, position, className, autoPositionDisable, }: PopoverRootProps) => React.JSX.Element) & {
+declare const Popover: (({ children, position, className, autoPositionDisable, portalElement, }: PopoverRootProps) => React.JSX.Element) & {
     Trigger: ({ children, role, ...rest }: {
@@ -8,0 +8,0 @@ children?: React.ReactNode;

lib/popover/Popover.js

@@ -47,3 +47,3 @@ "use strict";
 const useRegisterChild_1 = __importDefault(require("../private/utils/useRegisterChild"));
-const PopoverRoot = ({ children, position = "bottom", className, autoPositionDisable = false, }) => {
+const PopoverRoot = ({ children, position = "bottom", className, autoPositionDisable = false, portalElement, }) => {
     var _a;
@@ -92,5 +92,8 @@ const [anchorEl, setAnchorEl] = react_1.default.useState();
     return (react_1.default.createElement(PopoverContext_1.default.Provider, { value: Object.assign(Object.assign(Object.assign({}, states), state), { registerChild }) },
-        react_1.default.createElement(react_2.Popover, { className: (0, mergeClassnames_1.default)("relative", className) }, ({ open }) => (react_1.default.createElement(react_1.default.Fragment, null, typeof children === "function"
-            ? callableChildren && callableChildren({ open })
-            : childArray.map((ch) => ch))))));
+        react_1.default.createElement(react_2.Popover, { className: (0, mergeClassnames_1.default)("relative", className) }, ({ open }) => (react_1.default.createElement(react_1.default.Fragment, null,
+            typeof children === "function"
+                ? callableChildren && callableChildren({ open })
+                : childArray.map((ch) => ch),
+            portalElement && (react_1.default.createElement(react_2.Portal, null,
+                react_1.default.createElement(Panel, null, portalElement))))))));
 };
@@ -97,0 +100,0 @@ const Trigger = (_a) => {

lib/popover/private/types/PopoverRootProps.d.ts

@@ -10,4 +10,5 @@ /// <reference types="react" />
     }) => React.ReactNode);
+    portalElement?: React.ReactNode;
 }
 export default PopoverRootProps;
 //# sourceMappingURL=PopoverRootProps.d.ts.map

package.json

 {
   "name": "@heathmont/moon-core-tw",
   "sideEffects": false,
-  "version": "10.21.0",
+  "version": "10.21.1",
   "files": [
@@ -14,7 +14,2 @@ "lib"
   "license": "MIT",
-  "scripts": {
-    "build": "pnpm run build:js:es && pnpm run build:js:commonjs",
-    "build:js:commonjs": "tsc --project tsconfig.cjs.json",
-    "build:js:es": "tsc --project tsconfig.esm.json"
-  },
   "dependencies": {
@@ -35,3 +30,8 @@ "@headlessui/react": "1.7.17",
     "react-dom": ">= 18.2.0"
+  },
+  "scripts": {
+    "build": "pnpm run build:js:es && pnpm run build:js:commonjs",
+    "build:js:commonjs": "tsc --project tsconfig.cjs.json",
+    "build:js:es": "tsc --project tsconfig.esm.json"
   }
-}
+}

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1309651

0.16%

Number of package files

2222

0.05%

Lines of code

20825

0.07%

No dependency changes