@medusajs/ui 4.0.6-snapshot-20250213090739 → 4.0.6-snapshot-20250213123854
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/hooks/use-prompt/use-prompt.d.ts.map +1 -1
- package/dist/cjs/hooks/use-prompt/use-prompt.js +10 -1
- package/dist/cjs/hooks/use-prompt/use-prompt.js.map +1 -1
- package/dist/esm/hooks/use-prompt/use-prompt.d.ts.map +1 -1
- package/dist/esm/hooks/use-prompt/use-prompt.js +10 -1
- package/dist/esm/hooks/use-prompt/use-prompt.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-prompt.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-prompt.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEjE,KAAK,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAEhF,QAAA,MAAM,SAAS,gBAGgB,cAAc,KAAG,QAAQ,OAAO,CAgD9D,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -4,17 +4,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.usePrompt = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
6
|
const React = tslib_1.__importStar(require("react"));
|
|
7
|
+
const react_1 = require("react");
|
|
7
8
|
const client_1 = require("react-dom/client");
|
|
8
9
|
const render_prompt_1 = require("./render-prompt");
|
|
9
10
|
const usePrompt = () => {
|
|
11
|
+
const currentPromptPromise = (0, react_1.useRef)(null);
|
|
10
12
|
const prompt = async (props) => {
|
|
11
|
-
|
|
13
|
+
if (currentPromptPromise.current) {
|
|
14
|
+
return currentPromptPromise.current;
|
|
15
|
+
}
|
|
16
|
+
const promptPromise = new Promise((resolve) => {
|
|
12
17
|
let open = true;
|
|
13
18
|
const mountRoot = (0, client_1.createRoot)(document.createElement("div"));
|
|
14
19
|
const onCancel = () => {
|
|
15
20
|
open = false;
|
|
16
21
|
mountRoot.unmount();
|
|
17
22
|
resolve(false);
|
|
23
|
+
currentPromptPromise.current = null;
|
|
18
24
|
// TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing
|
|
19
25
|
document.body.style.pointerEvents = "auto";
|
|
20
26
|
};
|
|
@@ -22,6 +28,7 @@ const usePrompt = () => {
|
|
|
22
28
|
open = false;
|
|
23
29
|
resolve(true);
|
|
24
30
|
mountRoot.unmount();
|
|
31
|
+
currentPromptPromise.current = null;
|
|
25
32
|
// TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing
|
|
26
33
|
document.body.style.pointerEvents = "auto";
|
|
27
34
|
};
|
|
@@ -30,6 +37,8 @@ const usePrompt = () => {
|
|
|
30
37
|
};
|
|
31
38
|
render();
|
|
32
39
|
});
|
|
40
|
+
currentPromptPromise.current = promptPromise;
|
|
41
|
+
return promptPromise;
|
|
33
42
|
};
|
|
34
43
|
return prompt;
|
|
35
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAC9B,6CAA6C;AAC7C,mDAAiE;AAIjE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAAG,KAAK,EAAE,KAAqB,EAAoB,EAAE;QAC/D,OAAO,
|
|
1
|
+
{"version":3,"file":"use-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAC9B,iCAA8B;AAC9B,6CAA6C;AAC7C,mDAAiE;AAIjE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAElE,MAAM,MAAM,GAAG,KAAK,EAAE,KAAqB,EAAoB,EAAE;QAC/D,IAAI,oBAAoB,CAAC,OAAO,EAAE,CAAC;YACjC,OAAO,oBAAoB,CAAC,OAAO,CAAA;QACrC,CAAC;QAED,MAAM,aAAa,GAAG,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,IAAI,GAAG,IAAI,CAAA;YACf,MAAM,SAAS,GAAG,IAAA,mBAAU,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;YAE3D,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,IAAI,GAAG,KAAK,CAAA;gBACZ,SAAS,CAAC,OAAO,EAAE,CAAA;gBACnB,OAAO,CAAC,KAAK,CAAC,CAAA;gBACd,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAA;gBAEnC,gGAAgG;gBAChG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;YAC5C,CAAC,CAAA;YAED,MAAM,SAAS,GAAG,GAAG,EAAE;gBACrB,IAAI,GAAG,KAAK,CAAA;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;gBACb,SAAS,CAAC,OAAO,EAAE,CAAA;gBACnB,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAA;gBAEnC,gGAAgG;gBAChG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;YAC5C,CAAC,CAAA;YAED,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,SAAS,CAAC,MAAM,CACd,oBAAC,4BAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAA;YACH,CAAC,CAAA;YAED,MAAM,EAAE,CAAA;QACV,CAAC,CAAC,CAAA;QAEF,oBAAoB,CAAC,OAAO,GAAG,aAAa,CAAA;QAC5C,OAAO,aAAa,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAEQ,8BAAS","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useRef } from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { RenderPrompt, RenderPromptProps } from \"./render-prompt\"\n\ntype UsePromptProps = Omit<RenderPromptProps, \"onConfirm\" | \"onCancel\" | \"open\">\n\nconst usePrompt = () => {\n const currentPromptPromise = useRef<Promise<boolean> | null>(null)\n\n const prompt = async (props: UsePromptProps): Promise<boolean> => {\n if (currentPromptPromise.current) {\n return currentPromptPromise.current\n }\n\n const promptPromise = new Promise<boolean>((resolve) => {\n let open = true\n const mountRoot = createRoot(document.createElement(\"div\"))\n\n const onCancel = () => {\n open = false\n mountRoot.unmount()\n resolve(false)\n currentPromptPromise.current = null\n\n // TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing\n document.body.style.pointerEvents = \"auto\"\n }\n\n const onConfirm = () => {\n open = false\n resolve(true)\n mountRoot.unmount()\n currentPromptPromise.current = null\n\n // TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing\n document.body.style.pointerEvents = \"auto\"\n }\n\n const render = () => {\n mountRoot.render(\n <RenderPrompt\n open={open}\n onConfirm={onConfirm}\n onCancel={onCancel}\n {...props}\n />\n )\n }\n\n render()\n })\n\n currentPromptPromise.current = promptPromise\n return promptPromise\n }\n\n return prompt\n}\n\nexport { usePrompt }\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-prompt.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-prompt.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEjE,KAAK,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAEhF,QAAA,MAAM,SAAS,gBAGgB,cAAc,KAAG,QAAQ,OAAO,CAgD9D,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
import { useRef } from "react";
|
|
3
4
|
import { createRoot } from "react-dom/client";
|
|
4
5
|
import { RenderPrompt } from "./render-prompt";
|
|
5
6
|
const usePrompt = () => {
|
|
7
|
+
const currentPromptPromise = useRef(null);
|
|
6
8
|
const prompt = async (props) => {
|
|
7
|
-
|
|
9
|
+
if (currentPromptPromise.current) {
|
|
10
|
+
return currentPromptPromise.current;
|
|
11
|
+
}
|
|
12
|
+
const promptPromise = new Promise((resolve) => {
|
|
8
13
|
let open = true;
|
|
9
14
|
const mountRoot = createRoot(document.createElement("div"));
|
|
10
15
|
const onCancel = () => {
|
|
11
16
|
open = false;
|
|
12
17
|
mountRoot.unmount();
|
|
13
18
|
resolve(false);
|
|
19
|
+
currentPromptPromise.current = null;
|
|
14
20
|
// TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing
|
|
15
21
|
document.body.style.pointerEvents = "auto";
|
|
16
22
|
};
|
|
@@ -18,6 +24,7 @@ const usePrompt = () => {
|
|
|
18
24
|
open = false;
|
|
19
25
|
resolve(true);
|
|
20
26
|
mountRoot.unmount();
|
|
27
|
+
currentPromptPromise.current = null;
|
|
21
28
|
// TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing
|
|
22
29
|
document.body.style.pointerEvents = "auto";
|
|
23
30
|
};
|
|
@@ -26,6 +33,8 @@ const usePrompt = () => {
|
|
|
26
33
|
};
|
|
27
34
|
render();
|
|
28
35
|
});
|
|
36
|
+
currentPromptPromise.current = promptPromise;
|
|
37
|
+
return promptPromise;
|
|
29
38
|
};
|
|
30
39
|
return prompt;
|
|
31
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAA;AAIjE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAAG,KAAK,EAAE,KAAqB,EAAoB,EAAE;QAC/D,OAAO,
|
|
1
|
+
{"version":3,"file":"use-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAA;AAIjE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,oBAAoB,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAElE,MAAM,MAAM,GAAG,KAAK,EAAE,KAAqB,EAAoB,EAAE;QAC/D,IAAI,oBAAoB,CAAC,OAAO,EAAE,CAAC;YACjC,OAAO,oBAAoB,CAAC,OAAO,CAAA;QACrC,CAAC;QAED,MAAM,aAAa,GAAG,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,IAAI,GAAG,IAAI,CAAA;YACf,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;YAE3D,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,IAAI,GAAG,KAAK,CAAA;gBACZ,SAAS,CAAC,OAAO,EAAE,CAAA;gBACnB,OAAO,CAAC,KAAK,CAAC,CAAA;gBACd,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAA;gBAEnC,gGAAgG;gBAChG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;YAC5C,CAAC,CAAA;YAED,MAAM,SAAS,GAAG,GAAG,EAAE;gBACrB,IAAI,GAAG,KAAK,CAAA;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;gBACb,SAAS,CAAC,OAAO,EAAE,CAAA;gBACnB,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAA;gBAEnC,gGAAgG;gBAChG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;YAC5C,CAAC,CAAA;YAED,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,SAAS,CAAC,MAAM,CACd,oBAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAA;YACH,CAAC,CAAA;YAED,MAAM,EAAE,CAAA;QACV,CAAC,CAAC,CAAA;QAEF,oBAAoB,CAAC,OAAO,GAAG,aAAa,CAAA;QAC5C,OAAO,aAAa,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useRef } from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { RenderPrompt, RenderPromptProps } from \"./render-prompt\"\n\ntype UsePromptProps = Omit<RenderPromptProps, \"onConfirm\" | \"onCancel\" | \"open\">\n\nconst usePrompt = () => {\n const currentPromptPromise = useRef<Promise<boolean> | null>(null)\n\n const prompt = async (props: UsePromptProps): Promise<boolean> => {\n if (currentPromptPromise.current) {\n return currentPromptPromise.current\n }\n\n const promptPromise = new Promise<boolean>((resolve) => {\n let open = true\n const mountRoot = createRoot(document.createElement(\"div\"))\n\n const onCancel = () => {\n open = false\n mountRoot.unmount()\n resolve(false)\n currentPromptPromise.current = null\n\n // TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing\n document.body.style.pointerEvents = \"auto\"\n }\n\n const onConfirm = () => {\n open = false\n resolve(true)\n mountRoot.unmount()\n currentPromptPromise.current = null\n\n // TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing\n document.body.style.pointerEvents = \"auto\"\n }\n\n const render = () => {\n mountRoot.render(\n <RenderPrompt\n open={open}\n onConfirm={onConfirm}\n onCancel={onCancel}\n {...props}\n />\n )\n }\n\n render()\n })\n\n currentPromptPromise.current = promptPromise\n return promptPromise\n }\n\n return prompt\n}\n\nexport { usePrompt }\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@medusajs/ui",
|
|
3
|
-
"version": "4.0.6-snapshot-
|
|
3
|
+
"version": "4.0.6-snapshot-20250213123854",
|
|
4
4
|
"author": "Kasper Kristensen <kasper@medusajs.com>",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@faker-js/faker": "^9.2.0",
|
|
46
|
-
"@medusajs/ui-preset": "2.5.1-snapshot-
|
|
46
|
+
"@medusajs/ui-preset": "2.5.1-snapshot-20250213123854",
|
|
47
47
|
"@storybook/addon-essentials": "^8.3.5",
|
|
48
48
|
"@storybook/addon-interactions": "^8.3.5",
|
|
49
49
|
"@storybook/addon-links": "^8.3.5",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"vitest": "^3.0.5"
|
|
82
82
|
},
|
|
83
83
|
"dependencies": {
|
|
84
|
-
"@medusajs/icons": "2.5.1-snapshot-
|
|
84
|
+
"@medusajs/icons": "2.5.1-snapshot-20250213123854",
|
|
85
85
|
"@tanstack/react-table": "8.20.5",
|
|
86
86
|
"clsx": "^1.2.1",
|
|
87
87
|
"copy-to-clipboard": "^3.3.3",
|