@openameba/spindle-ui 1.0.1 → 1.0.2
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/CHANGELOG.md +6 -0
- package/Dialog/DialogExample.d.ts +0 -1
- package/Dialog/DialogExample.d.ts.map +1 -1
- package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/DropdownMenu/DropdownMenu.js +16 -14
- package/DropdownMenu/DropdownMenu.js.map +1 -1
- package/DropdownMenu/DropdownMenu.mjs +16 -14
- package/StackNotificationManager/hooks.d.ts +0 -1
- package/StackNotificationManager/hooks.d.ts.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.0.2](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@1.0.1...@openameba/spindle-ui@1.0.2) (2023-12-14)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **spindle-ui:** esc handler in DropdownMenu ([975e81d](https://github.com/openameba/spindle/commit/975e81dba3a00bdc7dae7efb0024745624dfb8e7))
|
|
11
|
+
|
|
6
12
|
## [1.0.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@1.0.0...@openameba/spindle-ui@1.0.1) (2023-10-19)
|
|
7
13
|
|
|
8
14
|
### Bug Fixes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogExample.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DialogExample.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"AAMA,OAAO,0CAA0C,CAAC;AAUlD,wBAAgB,aAAa,gBA0C5B;AAED,wBAAgB,SAAS,gBAYxB;AAED,wBAAgB,SAAS,gBAexB;AAED,wBAAgB,YAAY,gBAe3B;AAED,wBAAgB,4BAA4B,gBAa3C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,aAAK,OAAO,GACR,MAAM,GACN,cAAc,GACd,cAAc,GACd,wBAAwB,CAAC;AAE7B,aAAK,QAAQ,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,aAAa,GACb,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,SAAS,GACT,YAAY,GACZ,YAAY,CAAC;AAEjB,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,YAAY;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,aAAK,OAAO,GACR,MAAM,GACN,cAAc,GACd,cAAc,GACd,wBAAwB,CAAC;AAE7B,aAAK,QAAQ,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,aAAa,GACb,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,SAAS,GACT,YAAY,GACZ,YAAY,CAAC;AAEjB,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,YAAY;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,sBAAsB,CAAC;AAiK9C,QAAA,MAAM,QAAQ,wCAIX,KAAK,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,gBAuDrC,CAAC;AAMF,eAAO,MAAM,YAAY;4BA7NM,YAAY;0BAId,YAAY;4EAYtC,SAAS;4CAgImC,aAAa;oDAgBzD,KAAK,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC;0BAyDT,YAAY;CAWxC,CAAC"}
|
|
@@ -27,7 +27,7 @@ exports.DropdownMenu = exports.BLOCK_NAME = void 0;
|
|
|
27
27
|
var react_1 = __importStar(require("react"));
|
|
28
28
|
exports.BLOCK_NAME = 'spui-DropdownMenu';
|
|
29
29
|
var FADE_IN_ANIMATION = 'spui-DropdownMenu-fade-in';
|
|
30
|
-
var CLOSE_KEY_LIST = ['
|
|
30
|
+
var CLOSE_KEY_LIST = ['ESCAPE', 'ESC'];
|
|
31
31
|
var MENU_WIDTH = 256;
|
|
32
32
|
var Caption = function (_a) {
|
|
33
33
|
var children = _a.children;
|
|
@@ -60,7 +60,7 @@ var List = function (_a) {
|
|
|
60
60
|
(_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
61
61
|
}, [setFadeOut, triggerRef]);
|
|
62
62
|
var handleKeyDown = (0, react_1.useCallback)(function (e) {
|
|
63
|
-
if (CLOSE_KEY_LIST.includes(e.key)) {
|
|
63
|
+
if (CLOSE_KEY_LIST.includes(e.key.toUpperCase())) {
|
|
64
64
|
onClickCloser();
|
|
65
65
|
}
|
|
66
66
|
}, [onClickCloser]);
|
|
@@ -89,23 +89,25 @@ var List = function (_a) {
|
|
|
89
89
|
}, [open]);
|
|
90
90
|
(0, react_1.useEffect)(function () {
|
|
91
91
|
var menu = menuEl.current;
|
|
92
|
-
|
|
92
|
+
if (open) {
|
|
93
|
+
menu === null || menu === void 0 ? void 0 : menu.addEventListener('animationend', handleAnimationEnd, false);
|
|
94
|
+
}
|
|
93
95
|
return function () {
|
|
94
96
|
return menu === null || menu === void 0 ? void 0 : menu.removeEventListener('animationend', handleAnimationEnd, false);
|
|
95
97
|
};
|
|
96
|
-
}, [menuEl, handleAnimationEnd]);
|
|
98
|
+
}, [menuEl, handleAnimationEnd, open]);
|
|
97
99
|
(0, react_1.useEffect)(function () {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
};
|
|
102
|
-
}, [onClickBody]);
|
|
100
|
+
if (open) {
|
|
101
|
+
window.addEventListener('click', onClickBody, false);
|
|
102
|
+
}
|
|
103
|
+
return function () { return window.removeEventListener('click', onClickBody, false); };
|
|
104
|
+
}, [onClickBody, open]);
|
|
103
105
|
(0, react_1.useEffect)(function () {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
};
|
|
108
|
-
}, [handleKeyDown]);
|
|
106
|
+
if (open) {
|
|
107
|
+
window.addEventListener('keydown', handleKeyDown);
|
|
108
|
+
}
|
|
109
|
+
return function () { return window.removeEventListener('keydown', handleKeyDown); };
|
|
110
|
+
}, [handleKeyDown, open]);
|
|
109
111
|
if (!open) {
|
|
110
112
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
111
113
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwE;AAwC3D,QAAA,UAAU,GAAG,mBAAmB,CAAC;AAC9C,IAAM,iBAAiB,GAAG,2BAA2B,CAAC;AACtD,IAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AACzC,IAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,IAAM,OAAO,GAAG,UAAC,EAA0B;QAAxB,QAAQ,cAAA;IACzB,OAAO,qCAAG,SAAS,EAAE,UAAG,kBAAU,aAAU,IAAG,QAAQ,CAAK,CAAC;AAC/D,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,EAA0B;QAAxB,QAAQ,cAAA;IACvB,OAAO,uCAAK,SAAS,EAAE,UAAG,kBAAU,CAAE,IAAG,QAAQ,CAAO,CAAC;AAC3D,CAAC,CAAC;AAEF,IAAM,IAAI,GAAG,UAAC,EAQF;QAPV,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,UAAU,gBAAA,EACV,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA;IAEhB,IAAM,MAAM,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACxC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAAoC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA9C,aAAa,QAAA,EAAE,gBAAgB,QAAe,CAAC;IAChD,IAAA,KAAkC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA5C,YAAY,QAAA,EAAE,eAAe,QAAe,CAAC;IAC9C,IAAA,KAA8B,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAxC,UAAU,QAAA,EAAE,aAAa,QAAe,CAAC;IAEhD,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,CAAa;QACZ,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;YACrE,OAAO;QACT,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAI,kBAAU,UAAO,CAAC,CAAC;QAC7D,IAAI,MAAM,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,OAAO;QAExD,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC,CAC/B,CAAC;IAEF,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC;;QAChC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7B,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,CAAgB;QACf,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useCallback, useRef, useState } from 'react';
|
|
2
2
|
export const BLOCK_NAME = 'spui-DropdownMenu';
|
|
3
3
|
const FADE_IN_ANIMATION = 'spui-DropdownMenu-fade-in';
|
|
4
|
-
const CLOSE_KEY_LIST = ['
|
|
4
|
+
const CLOSE_KEY_LIST = ['ESCAPE', 'ESC'];
|
|
5
5
|
const MENU_WIDTH = 256;
|
|
6
6
|
const Caption = ({ children }) => {
|
|
7
7
|
return React.createElement("p", { className: `${BLOCK_NAME}-caption` }, children);
|
|
@@ -30,7 +30,7 @@ const List = ({ children, id, onClose, open, position = 'leftTop', triggerRef, v
|
|
|
30
30
|
triggerRef.current?.focus();
|
|
31
31
|
}, [setFadeOut, triggerRef]);
|
|
32
32
|
const handleKeyDown = useCallback((e) => {
|
|
33
|
-
if (CLOSE_KEY_LIST.includes(e.key)) {
|
|
33
|
+
if (CLOSE_KEY_LIST.includes(e.key.toUpperCase())) {
|
|
34
34
|
onClickCloser();
|
|
35
35
|
}
|
|
36
36
|
}, [onClickCloser]);
|
|
@@ -59,21 +59,23 @@ const List = ({ children, id, onClose, open, position = 'leftTop', triggerRef, v
|
|
|
59
59
|
}, [open]);
|
|
60
60
|
useEffect(() => {
|
|
61
61
|
const menu = menuEl.current;
|
|
62
|
-
|
|
62
|
+
if (open) {
|
|
63
|
+
menu?.addEventListener('animationend', handleAnimationEnd, false);
|
|
64
|
+
}
|
|
63
65
|
return () => menu?.removeEventListener('animationend', handleAnimationEnd, false);
|
|
64
|
-
}, [menuEl, handleAnimationEnd]);
|
|
66
|
+
}, [menuEl, handleAnimationEnd, open]);
|
|
65
67
|
useEffect(() => {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}, [onClickBody]);
|
|
68
|
+
if (open) {
|
|
69
|
+
window.addEventListener('click', onClickBody, false);
|
|
70
|
+
}
|
|
71
|
+
return () => window.removeEventListener('click', onClickBody, false);
|
|
72
|
+
}, [onClickBody, open]);
|
|
71
73
|
useEffect(() => {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}, [handleKeyDown]);
|
|
74
|
+
if (open) {
|
|
75
|
+
window.addEventListener('keydown', handleKeyDown);
|
|
76
|
+
}
|
|
77
|
+
return () => window.removeEventListener('keydown', handleKeyDown);
|
|
78
|
+
}, [handleKeyDown, open]);
|
|
77
79
|
if (!open) {
|
|
78
80
|
return React.createElement(React.Fragment, null);
|
|
79
81
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { StackNotificationManagerProperties, StackNotificationManagerProps, StackOffset, StackPositionOffset } from './StackNotificationManager';
|
|
3
2
|
export declare const useStackInteraction: <P extends "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight" = "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight">() => {
|
|
4
3
|
setActive: ({ id, active, position, }: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/StackNotificationManager/hooks.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/StackNotificationManager/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,kCAAkC,EAClC,6BAA6B,EAC7B,WAAW,EAEX,mBAAmB,EAEpB,MAAM,4BAA4B,CAAC;AAsEpC,eAAO,MAAM,mBAAmB;;YAatB,MAAM;gBACF,OAAO;;;;;;;;YAuFgB,MAAM;gBAAU,MAAM;;;CA0B1D,CAAC;AAEF,eAAO,MAAM,2BAA2B;QAMlC,MAAM;;;;wBAYC,OAAO;wBAOP,WAAW,CAAC,MAAM,WAAW,CAAC;CA+E1C,CAAC;AAEF,eAAO,MAAM,oBAAoB;QAI3B,MAAM;;;;;;CAyBX,CAAC;AAIF,eAAO,MAAM,6BAA6B;;;;;;;uBAgBrB,MAAM;YACjB,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;;;;;;;;;;IAgG9B;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;;;;IAMH;;OAEG;;IAEH;;OAEG;;;CAIN,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openameba/spindle-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"module": "./index.mjs",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@openameba/spindle-hooks": "^1.0.
|
|
59
|
+
"@openameba/spindle-hooks": "^1.0.1",
|
|
60
60
|
"ameba-color-palette.css": "^4.9.0",
|
|
61
61
|
"react-merge-refs": "^1.1.0"
|
|
62
62
|
},
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"ts-jest": "29.1.1",
|
|
103
103
|
"webpack": "^5.73.0"
|
|
104
104
|
},
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "d35c00ccf286573120ac56a29a1d92387d101c89"
|
|
106
106
|
}
|