@openameba/spindle-ui 3.0.1 → 3.1.1
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/Breadcrumb/BreadcrumbList.d.ts.map +1 -1
- package/Breadcrumb/BreadcrumbList.js.map +1 -1
- package/CHANGELOG.md +12 -0
- package/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/Form/ButtonSwitch/ButtonSwitch.d.ts +1 -0
- package/Form/ButtonSwitch/ButtonSwitch.d.ts.map +1 -1
- package/Form/ButtonSwitch/ButtonSwitch.js +2 -2
- package/Form/ButtonSwitch/ButtonSwitch.js.map +1 -1
- package/Form/ButtonSwitch/ButtonSwitch.mjs +2 -2
- package/InlineNotification/InlineNotification.d.ts.map +1 -1
- package/InlineNotification/InlineNotification.js +3 -3
- package/InlineNotification/InlineNotification.js.map +1 -1
- package/InlineNotification/InlineNotification.mjs +3 -3
- package/NavigationTab/UnderlineTab/UnderlineTab.js.map +1 -1
- package/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/SegmentedControl/SegmentedControl.js.map +1 -1
- package/SnackBar/SnackBar.d.ts +2 -2
- package/SnackBar/SnackBar.d.ts.map +1 -1
- package/SnackBar/SnackBar.js +3 -1
- package/SnackBar/SnackBar.js.map +1 -1
- package/SnackBar/SnackBar.mjs +4 -2
- package/package.json +6 -7
- package/Dialog/DialogExample.d.ts +0 -8
- package/Dialog/DialogExample.d.ts.map +0 -1
- package/Dialog/DialogExample.js +0 -103
- package/Dialog/DialogExample.js.map +0 -1
- package/Dialog/DialogExample.mjs +0 -59
- package/LICENSE +0 -21
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbList.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AACzC,KAAK,IAAI,GAAG,MAAM,CAAC;AAEnB,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAID,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"BreadcrumbList.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AACzC,KAAK,IAAI,GAAG,MAAM,CAAC;AAEnB,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAID,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,sBAwD1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbList.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiD;AACjD,sEAAgD;AAChD,8EAAwD;AAWxD,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,cAAc,GAAG,UAAC,KAAY;IACjC,IAAA,QAAQ,GAAqD,KAAK,SAA1D,EAAE,SAAS,GAA0C,KAAK,UAA/C,EAAE,KAAwC,KAAK,QAAzB,EAApB,OAAO,mBAAG,UAAU,KAAA,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAApE,4CAA4D,CAAF,CAAW;IAC3E,IAAM,MAAM,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IACzC,IAAM,UAAU,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC;;QACR,MAAA,MAAM,CAAC,OAAO,0CAAE,QAAQ,CAAC;YACvB,IAAI,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAU;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8DACa,4CAAS,EACpB,SAAS,EAAE;YACT,UAAU;YACV,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,IAAI,IAAI,UAAG,UAAU,eAAK,IAAI,CAAE;YAChC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;aACT,IAAI,EAAE,IACL,IAAI,IACR,GAAG,EAAE,MAAM;QAEX,sCAAI,SAAS,EAAE,UAAG,UAAU,UAAO,IAChC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAO,eAAK,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"BreadcrumbList.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiD;AACjD,sEAAgD;AAChD,8EAAwD;AAWxD,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,cAAc,GAAG,UAAC,KAAY;IACjC,IAAA,QAAQ,GAAqD,KAAK,SAA1D,EAAE,SAAS,GAA0C,KAAK,UAA/C,EAAE,KAAwC,KAAK,QAAzB,EAApB,OAAO,mBAAG,UAAU,KAAA,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAApE,4CAA4D,CAAF,CAAW;IAC3E,IAAM,MAAM,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IACzC,IAAM,UAAU,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC;;QACR,MAAA,MAAM,CAAC,OAAO,0CAAE,QAAQ,CAAC;YACvB,IAAI,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAU;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8DACa,4CAAS,EACpB,SAAS,EAAE;YACT,UAAU;YACV,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,IAAI,IAAI,UAAG,UAAU,eAAK,IAAI,CAAE;YAChC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;aACT,IAAI,EAAE,IACL,IAAI,IACR,GAAG,EAAE,MAAM;QAEX,sCAAI,SAAS,EAAE,UAAG,UAAU,UAAO,IAChC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAO,eAAK,CAAC,cAAc,CAGxB,KAAK,CAAC,CAAC,CAAC,CAAC,CACV,+CACE,SAAS,EAAE,UAAG,UAAU,UAAO,IAC3B,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;gBACrD,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE;gBACrB,CAAC,CAAC,EAAE,CAAC;gBAEN,KAAK;gBACL,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACxB,8BAAC,sBAAY,mBACC,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,aAAU,GAClC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAgB,mBACH,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,aAAU,GAClC,CACH,CACE,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,cAAc,kBAwDzB"}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 3.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1561](https://github.com/openameba/spindle/pull/1561) [`96d5e14`](https://github.com/openameba/spindle/commit/96d5e14c1be6e6d817ad28bb533e4a8c4d260804) Thanks [@yasuda-shin](https://github.com/yasuda-shin)! - ButtonSwitchに`ariaLabelledby`プロパティを追加し、外部ラベルとの関連付けをサポート
|
|
8
|
+
|
|
3
9
|
All notable changes to this project will be documented in this file.
|
|
4
10
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
11
|
|
|
12
|
+
# [3.1.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@3.0.1...@openameba/spindle-ui@3.1.0) (2025-10-29)
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
- **spindle-ui,spindle-hooks:** upgrade to React 19 ([ee8980d](https://github.com/openameba/spindle/commit/ee8980ddd1215f685a000afd6a36971d4095d9ab))
|
|
17
|
+
|
|
6
18
|
## [3.0.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@3.0.0...@openameba/spindle-ui@3.0.1) (2025-10-29)
|
|
7
19
|
|
|
8
20
|
### Bug Fixes
|
|
@@ -13,7 +13,7 @@ interface ListProps extends DefaultProps {
|
|
|
13
13
|
onClose: () => void;
|
|
14
14
|
open: boolean;
|
|
15
15
|
position?: Position;
|
|
16
|
-
triggerRef: React.RefObject<HTMLButtonElement>;
|
|
16
|
+
triggerRef: React.RefObject<HTMLButtonElement | null>;
|
|
17
17
|
variant?: Variant;
|
|
18
18
|
}
|
|
19
19
|
export declare const BLOCK_NAME = "spui-DropdownMenu";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,KAAK,OAAO,GACR,MAAM,GACN,cAAc,GACd,cAAc,GACd,wBAAwB,CAAC;AAE7B,KAAK,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;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,KAAK,OAAO,GACR,MAAM,GACN,cAAc,GACd,cAAc,GACd,wBAAwB,CAAC;AAE7B,KAAK,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,GAAG,IAAI,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,sBAAsB,CAAC;AAiK9C,QAAA,MAAM,QAAQ,GAAI,qCAIf,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,sBAuDrC,CAAC;AAMF,eAAO,MAAM,YAAY;4BA7NM,YAAY;0BAId,YAAY;4EAYtC,SAAS;4CAgImC,aAAa;oDAgBzD,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC;0BAyDT,YAAY;CAWxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSwitch.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonSwitch.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4ExC,CAAC"}
|
|
@@ -41,7 +41,7 @@ var react_1 = __importStar(require("react"));
|
|
|
41
41
|
var CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
|
|
42
42
|
var BLOCK_NAME = 'spui-ButtonSwitch';
|
|
43
43
|
var ButtonSwitch = function (_a) {
|
|
44
|
-
var id = _a.id, value = _a.value, options = _a.options, onClick = _a.onClick;
|
|
44
|
+
var id = _a.id, value = _a.value, options = _a.options, onClick = _a.onClick, ariaLabelledby = _a.ariaLabelledby;
|
|
45
45
|
var buttonsRef = (0, react_1.useRef)([]);
|
|
46
46
|
options.forEach(function (_, index) {
|
|
47
47
|
buttonsRef.current[index] = (0, react_1.createRef)();
|
|
@@ -70,7 +70,7 @@ var ButtonSwitch = function (_a) {
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
}, [options, onClick]);
|
|
73
|
-
return (react_1.default.createElement("div", { id: id, className: BLOCK_NAME,
|
|
73
|
+
return (react_1.default.createElement("div", { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby }, options.map(function (option, index) { return (react_1.default.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: function (e) { return handleKeydown(e, index); }, key: option.value, className: "".concat(BLOCK_NAME, "-button"), onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(option.value); }, ref: buttonsRef.current[index] },
|
|
74
74
|
value === option.value && (react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-icon"), width: 12, height: 12 })),
|
|
75
75
|
react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-label") }, option.label))); })));
|
|
76
76
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,mEAA6C;AAa7C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAEhC,IAAM,YAAY,GAAoB,UAAC,EAM7C;QALC,EAAE,QAAA,EACF,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA;IAEd,IAAM,UAAU,GAAG,IAAA,cAAM,EAA8C,EAAE,CAAC,CAAC;IAE3E,OAAO,CAAC,OAAO,CAAC,UAAC,CAAC,EAAE,KAAK;QACvB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAS,GAAqB,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,CAAyC,EAAE,KAAa;QACvD,IAAM,WAAW,GAAG,UAAC,MAAc;YACjC,IAAM,SAAS,GACb,UAAU,CAAC,OAAO,CAChB,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CACnD,CAAC;YACJ,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;YACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAClE,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,SAAS,CAAC;YACf,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;YACD,KAAK,WAAW,CAAC;YACjB,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,uCACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,qBACJ,cAAc,IAE9B,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,0CACE,IAAI,EAAC,QAAQ,kBACC,KAAK,KAAK,MAAM,CAAC,KAAK,EACpC,SAAS,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,EAAvB,CAAuB,EACzC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,OAAO,EAAE,cAAM,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,CAAC,KAAK,CAAC,EAAvB,CAAuB,EACtC,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC;QAE7B,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,CACzB,8BAAC,mBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;QACD,wCAAM,SAAS,EAAE,UAAG,UAAU,WAAQ,IAAG,MAAM,CAAC,KAAK,CAAQ,CACtD,CACV,EApB+B,CAoB/B,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AA5EW,QAAA,YAAY,gBA4EvB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { createRef, useCallback, useRef } from 'react';
|
|
2
2
|
import CheckBold from "../../Icon/CheckBold.mjs";
|
|
3
3
|
const BLOCK_NAME = 'spui-ButtonSwitch';
|
|
4
|
-
export const ButtonSwitch = ({ id, value, options, onClick, }) => {
|
|
4
|
+
export const ButtonSwitch = ({ id, value, options, onClick, ariaLabelledby, }) => {
|
|
5
5
|
const buttonsRef = useRef([]);
|
|
6
6
|
options.forEach((_, index) => {
|
|
7
7
|
buttonsRef.current[index] = createRef();
|
|
@@ -30,7 +30,7 @@ export const ButtonSwitch = ({ id, value, options, onClick, }) => {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
}, [options, onClick]);
|
|
33
|
-
return (React.createElement("div", { id: id, className: BLOCK_NAME,
|
|
33
|
+
return (React.createElement("div", { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby }, options.map((option, index) => (React.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: (e) => handleKeydown(e, index), key: option.value, className: `${BLOCK_NAME}-button`, onClick: () => onClick?.(option.value), ref: buttonsRef.current[index] },
|
|
34
34
|
value === option.value && (React.createElement(CheckBold, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon`, width: 12, height: 12 })),
|
|
35
35
|
React.createElement("span", { className: `${BLOCK_NAME}-label` }, option.label))))));
|
|
36
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineNotification.d.ts","sourceRoot":"","sources":["../../src/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAKf,KAAK,OAAO,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CAAC;AACxD,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/B,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineNotification.d.ts","sourceRoot":"","sources":["../../src/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAKf,KAAK,OAAO,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CAAC;AACxD,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/B,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;AA0J5D,eAAO,MAAM,kBAAkB;;;kBArDnB,SAAS;;;aAEG,MAAM;cAAQ,MAAM;;;kBAMhC,SAAS;;;kBAGP,SAAS;;;kBAgBT,SAAS;;;kBAYU,SAAS;;CAsBzC,CAAC"}
|
|
@@ -83,9 +83,9 @@ var Frame = function (_a) {
|
|
|
83
83
|
if (!(0, react_1.isValidElement)(child)) {
|
|
84
84
|
return child;
|
|
85
85
|
}
|
|
86
|
-
if (child.type === react_1.Fragment
|
|
87
|
-
|
|
88
|
-
return processChildren(
|
|
86
|
+
if (child.type === react_1.Fragment &&
|
|
87
|
+
(0, react_1.isValidElement)(child)) {
|
|
88
|
+
return processChildren(child.props.children);
|
|
89
89
|
}
|
|
90
90
|
var additionalProps = { variant: variant, emphasis: emphasis };
|
|
91
91
|
return (0, react_1.cloneElement)(child, additionalProps);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineNotification.js","sourceRoot":"","sources":["../../src/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAUe;AACf,2CAA2D;AAC3D,uDAA2E;AAC3E,uDAA2E;AAa3E,IAAM,UAAU,GAAG,yBAAyB,CAAC;AAC7C,IAAM,eAAe,GAAG,aAAa,CAAC;AACtC,IAAM,gBAAgB,GAAG,KAAK,CAAC;AAC/B,IAAM,cAAc,GAAG,OAAO,CAAC;AAC/B,IAAM,eAAe,GAAG,KAAK,CAAC;AAG9B,IAAM,qBAAqB,GAAG,UAC5B,OAAgB,EAChB,QAAiB;IAEjB,IAAI,OAAO,KAAK,cAAc,EAAE,CAAC;QAC/B,OAAO,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAC7C,CAAC;SAAM,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QAC/B,OAAO,QAAQ,CAAC;IAClB,CAAC;SAAM,CAAC;QACN,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC,CAAC;AAEF,IAAM,KAAK,GAAc,UAAC,EAOzB;IANC,IAAA,QAAQ,cAAA,EACR,eAAyB,EAAzB,OAAO,mBAAG,eAAe,KAAA,EACzB,gBAA2B,EAA3B,QAAQ,mBAAG,gBAAgB,KAAA,EAC3B,cAAuB,EAAvB,MAAM,mBAAG,cAAc,KAAA,EACvB,eAAyB,EAAzB,OAAO,mBAAG,eAAe,KAAA,EACtB,IAAI,cANiB,wDAOzB,CADQ;IAEP,IAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,UAAC,QAAmB;QAClB,OAAA,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAC3B,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;gBAC3B,OAAO,KAAK,CAAC;YACf,CAAC;YACD,
|
|
1
|
+
{"version":3,"file":"InlineNotification.js","sourceRoot":"","sources":["../../src/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,9 +23,9 @@ const Frame = ({ children, variant = DEFAULT_VARIANT, emphasis = DEFAULT_EMPHASI
|
|
|
23
23
|
if (!isValidElement(child)) {
|
|
24
24
|
return child;
|
|
25
25
|
}
|
|
26
|
-
if (child.type === Fragment
|
|
27
|
-
|
|
28
|
-
return processChildren(
|
|
26
|
+
if (child.type === Fragment &&
|
|
27
|
+
isValidElement(child)) {
|
|
28
|
+
return processChildren(child.props.children);
|
|
29
29
|
}
|
|
30
30
|
const additionalProps = { variant, emphasis };
|
|
31
31
|
return cloneElement(child, additionalProps);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlineTab.js","sourceRoot":"","sources":["../../../src/NavigationTab/UnderlineTab/UnderlineTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,+EAAyD;AACzD,iFAA2D;AAuB3D,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,eAAe,GAAG,GAAG,CAAC;AAErB,IAAM,YAAY,GAAoB,UAAC,EAM7C;QALC,iBAAiB,uBAAA,EACjB,OAAO,aAAA,EACP,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,OAAO,aAAA;IAED,IAAA,KAA8B,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;IAC1D,IAAA,KAAsC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IACtD,IAAA,KAAsC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IAE5D,IAAM,UAAU,GAAG,IAAA,cAAM,
|
|
1
|
+
{"version":3,"file":"UnderlineTab.js","sourceRoot":"","sources":["../../../src/NavigationTab/UnderlineTab/UnderlineTab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,KAAK,MAAM,GAAG;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/B,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyI5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"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"}
|
package/SnackBar/SnackBar.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import React, { type ReactNode } from 'react';
|
|
|
2
2
|
import type { StackNotificationComponentProps } from '../StackNotificationManager/StackNotificationManager';
|
|
3
3
|
type Variant = 'information' | 'confirmation' | 'error';
|
|
4
4
|
type Props = StackNotificationComponentProps<{
|
|
5
|
-
children?: React.
|
|
5
|
+
children?: React.ReactNode;
|
|
6
6
|
active?: boolean;
|
|
7
7
|
duration?: number;
|
|
8
8
|
onHide?: () => void;
|
|
@@ -12,7 +12,7 @@ export declare const BLOCK_NAME = "spui-SnackBar";
|
|
|
12
12
|
export declare const ANIMATION_DURATION = 300;
|
|
13
13
|
export declare const DISPLAYING_TIMEOUT_DURATION: number;
|
|
14
14
|
export declare const SnackBar: {
|
|
15
|
-
Frame: ({ children, active: _active, position: _position, offset: _offset, onHide, variant, stackPosition, setContentHeight, }: Props) => React.
|
|
15
|
+
Frame: ({ children, active: _active, position: _position, offset: _offset, onHide, variant, stackPosition, setContentHeight, }: Props) => React.JSX.Element;
|
|
16
16
|
Icon: React.FC<{
|
|
17
17
|
children: ReactNode;
|
|
18
18
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackBar.d.ts","sourceRoot":"","sources":["../../src/SnackBar/SnackBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"SnackBar.d.ts","sourceRoot":"","sources":["../../src/SnackBar/SnackBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EASZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAC;AAI5G,KAAK,OAAO,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CAAC;AAExD,KAAK,KAAK,GAAG,+BAA+B,CAAC;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,kBAAkB,CAAC;AAG1C,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAGtC,eAAO,MAAM,2BAA2B,QAAoC,CAAC;AA2K7E,eAAO,MAAM,QAAQ;oIA1JlB,KAAK;;kBA4GmB,SAAS;;;kBAGT,SAAS;;;eAIzB,SAAS;kBAAY,SAAS;;;eAmB9B,SAAS;kBACN,SAAS;;CAyBtB,CAAC"}
|
package/SnackBar/SnackBar.js
CHANGED
|
@@ -104,7 +104,9 @@ var Frame = function (_a) {
|
|
|
104
104
|
.join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: function (ref) { return setClientHeight((ref === null || ref === void 0 ? void 0 : ref.clientHeight) || 0); } },
|
|
105
105
|
react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-content ").concat(exports.BLOCK_NAME, "-content--").concat(variant), onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
|
|
106
106
|
react_1.Children.map(children, function (child) {
|
|
107
|
-
return
|
|
107
|
+
return (0, react_1.isValidElement)(child)
|
|
108
|
+
? (0, react_1.cloneElement)(child, { variant: variant, setIsShow: setIsShow })
|
|
109
|
+
: child;
|
|
108
110
|
}),
|
|
109
111
|
react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-iconButton ").concat(exports.BLOCK_NAME, "-iconButton--").concat(variant), onTransitionEnd: function (e) { return e.stopPropagation(); } },
|
|
110
112
|
react_1.default.createElement(IconButton_1.IconButton, { size: "exSmall", variant: "neutral", onClick: handleOnClickCloseButton },
|
package/SnackBar/SnackBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackBar.js","sourceRoot":"","sources":["../../src/SnackBar/SnackBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"SnackBar.js","sourceRoot":"","sources":["../../src/SnackBar/SnackBar.tsx"],"names":[],"mappings":"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"}
|
package/SnackBar/SnackBar.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { Children, cloneElement, } from 'react';
|
|
1
|
+
import React, { Children, cloneElement, isValidElement, } from 'react';
|
|
2
2
|
import CrossBold from "../Icon/CrossBold.mjs";
|
|
3
3
|
import { IconButton } from "../IconButton/index.mjs";
|
|
4
4
|
import { useStackNotificationComponent } from "../StackNotificationManager/index.mjs";
|
|
@@ -40,7 +40,9 @@ const Frame = ({ children, active: _active, position: _position = 'topCenter', o
|
|
|
40
40
|
.filter(Boolean)
|
|
41
41
|
.join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: (ref) => setClientHeight(ref?.clientHeight || 0) },
|
|
42
42
|
React.createElement("div", { className: `${BLOCK_NAME}-content ${BLOCK_NAME}-content--${variant}`, onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
|
|
43
|
-
Children.map(children, (child) =>
|
|
43
|
+
Children.map(children, (child) => isValidElement(child)
|
|
44
|
+
? cloneElement(child, { variant, setIsShow })
|
|
45
|
+
: child),
|
|
44
46
|
React.createElement("div", { className: `${BLOCK_NAME}-iconButton ${BLOCK_NAME}-iconButton--${variant}`, onTransitionEnd: (e) => e.stopPropagation() },
|
|
45
47
|
React.createElement(IconButton, { size: "exSmall", variant: "neutral", onClick: handleOnClickCloseButton },
|
|
46
48
|
React.createElement(CrossBold, { "aria-label": "\u9589\u3058\u308B" }))))));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openameba/spindle-ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.1",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"module": "./index.mjs",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@openameba/spindle-hooks": "^1.
|
|
63
|
+
"@openameba/spindle-hooks": "^1.10.0",
|
|
64
64
|
"ameba-color-palette.css": "^4.17.0",
|
|
65
65
|
"use-callback-ref": "^1.3.3"
|
|
66
66
|
},
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@testing-library/react": "16.3.0",
|
|
80
80
|
"@testing-library/user-event": "14.6.1",
|
|
81
81
|
"@types/jest": "30.0.0",
|
|
82
|
-
"@types/react": "
|
|
82
|
+
"@types/react": "19.2.2",
|
|
83
83
|
"autoprefixer": "10.4.21",
|
|
84
84
|
"bundlewatch": "0.4.1",
|
|
85
85
|
"cssnano": "7.1.1",
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
"postcss": "8.5.6",
|
|
93
93
|
"postcss-cli": "11.0.1",
|
|
94
94
|
"postcss-import": "16.1.1",
|
|
95
|
-
"react": "
|
|
96
|
-
"react-dom": "
|
|
95
|
+
"react": "19.2.0",
|
|
96
|
+
"react-dom": "19.2.0",
|
|
97
97
|
"reg-keygen-git-hash-plugin": "0.14.5",
|
|
98
98
|
"reg-notify-github-plugin": "0.14.5",
|
|
99
99
|
"reg-publish-gcs-plugin": "0.14.4",
|
|
@@ -104,6 +104,5 @@
|
|
|
104
104
|
"stylelint-config-standard": "39.0.1",
|
|
105
105
|
"stylelint-order": "7.0.0",
|
|
106
106
|
"stylelint-selector-bem-pattern": "4.0.1"
|
|
107
|
-
}
|
|
108
|
-
"gitHead": "926260b47bdb114456ece74056d627b3bda939ab"
|
|
107
|
+
}
|
|
109
108
|
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import 'dialog-polyfill/dist/dialog-polyfill.css';
|
|
3
|
-
export declare function DialogExample(): React.JSX.Element;
|
|
4
|
-
export declare function StyleOnly(): React.JSX.Element;
|
|
5
|
-
export declare function ButtonRow(): React.JSX.Element;
|
|
6
|
-
export declare function ButtonColumn(): React.JSX.Element;
|
|
7
|
-
export declare function ButtonColumnWithSubtleButton(): React.JSX.Element;
|
|
8
|
-
//# sourceMappingURL=DialogExample.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogExample.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,0CAA0C,CAAC;AAUlD,wBAAgB,aAAa,sBA0C5B;AAED,wBAAgB,SAAS,sBAYxB;AAED,wBAAgB,SAAS,sBAexB;AAED,wBAAgB,YAAY,sBAe3B;AAED,wBAAgB,4BAA4B,sBAa3C"}
|
package/Dialog/DialogExample.js
DELETED
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
-
};
|
|
38
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.DialogExample = DialogExample;
|
|
40
|
-
exports.StyleOnly = StyleOnly;
|
|
41
|
-
exports.ButtonRow = ButtonRow;
|
|
42
|
-
exports.ButtonColumn = ButtonColumn;
|
|
43
|
-
exports.ButtonColumnWithSubtleButton = ButtonColumnWithSubtleButton;
|
|
44
|
-
var dialog_polyfill_1 = __importDefault(require("dialog-polyfill"));
|
|
45
|
-
var react_1 = __importStar(require("react"));
|
|
46
|
-
var Button_1 = require("../Button");
|
|
47
|
-
var SubtleButton_1 = require("../SubtleButton");
|
|
48
|
-
var Dialog_1 = require("./Dialog");
|
|
49
|
-
require("dialog-polyfill/dist/dialog-polyfill.css");
|
|
50
|
-
function useDialogpolyfill(ref) {
|
|
51
|
-
(0, react_1.useEffect)(function () {
|
|
52
|
-
if (ref.current) {
|
|
53
|
-
dialog_polyfill_1.default.registerDialog(ref.current);
|
|
54
|
-
}
|
|
55
|
-
}, [ref]);
|
|
56
|
-
}
|
|
57
|
-
function DialogExample() {
|
|
58
|
-
var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
|
|
59
|
-
var dialogRef = (0, react_1.useRef)(null);
|
|
60
|
-
var handleOpenButtonClick = function () { return setOpen(true); };
|
|
61
|
-
var handleDialogCancel = function () { return setOpen(false); };
|
|
62
|
-
var handleDialogClose = function () { return setOpen(false); };
|
|
63
|
-
useDialogpolyfill(dialogRef);
|
|
64
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
65
|
-
react_1.default.createElement(Button_1.Button, { "aria-haspopup": "true", onClick: handleOpenButtonClick, size: "medium", variant: "neutral" }, "\u958B\u304F"),
|
|
66
|
-
react_1.default.createElement(Dialog_1.Dialog.Frame, { "aria-describedby": "dialog-description", "aria-labelledby": "dialog-title", ref: dialogRef, open: open, onCancel: handleDialogCancel, onClose: handleDialogClose },
|
|
67
|
-
react_1.default.createElement(Dialog_1.Dialog.Title, { id: "dialog-title" }, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
68
|
-
react_1.default.createElement(Dialog_1.Dialog.Body, { id: "dialog-description" }, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
69
|
-
react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, null,
|
|
70
|
-
react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium" }, "OK")))));
|
|
71
|
-
}
|
|
72
|
-
function StyleOnly() {
|
|
73
|
-
return (react_1.default.createElement(Dialog_1.Dialog.StyleOnly, null,
|
|
74
|
-
react_1.default.createElement(Dialog_1.Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
75
|
-
react_1.default.createElement(Dialog_1.Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
76
|
-
react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, null,
|
|
77
|
-
react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium" }, "OK"))));
|
|
78
|
-
}
|
|
79
|
-
function ButtonRow() {
|
|
80
|
-
return (react_1.default.createElement(Dialog_1.Dialog.StyleOnly, null,
|
|
81
|
-
react_1.default.createElement(Dialog_1.Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
82
|
-
react_1.default.createElement(Dialog_1.Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
83
|
-
react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, null,
|
|
84
|
-
react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", variant: "neutral" }, "\u30AD\u30E3\u30F3\u30BB\u30EB"),
|
|
85
|
-
react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", variant: "danger", type: "button" }, "\u524A\u9664\u3059\u308B"))));
|
|
86
|
-
}
|
|
87
|
-
function ButtonColumn() {
|
|
88
|
-
return (react_1.default.createElement(Dialog_1.Dialog.StyleOnly, null,
|
|
89
|
-
react_1.default.createElement(Dialog_1.Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
90
|
-
react_1.default.createElement(Dialog_1.Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
91
|
-
react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, { direction: "column" },
|
|
92
|
-
react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", type: "button" }, "Spindle\u3092\u30D5\u30A9\u30ED\u30FC\u3059\u308B"),
|
|
93
|
-
react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", variant: "neutral" }, "\u30AD\u30E3\u30F3\u30BB\u30EB"))));
|
|
94
|
-
}
|
|
95
|
-
function ButtonColumnWithSubtleButton() {
|
|
96
|
-
return (react_1.default.createElement(Dialog_1.Dialog.StyleOnly, null,
|
|
97
|
-
react_1.default.createElement(Dialog_1.Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
98
|
-
react_1.default.createElement(Dialog_1.Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
99
|
-
react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, { direction: "column" },
|
|
100
|
-
react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", type: "button" }, "Spindle\u3092\u30D5\u30A9\u30ED\u30FC\u3059\u308B"),
|
|
101
|
-
react_1.default.createElement(SubtleButton_1.SubtleButton, { size: "medium" }, "\u3068\u3058\u308B"))));
|
|
102
|
-
}
|
|
103
|
-
//# sourceMappingURL=DialogExample.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogExample.js","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"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"}
|
package/Dialog/DialogExample.mjs
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import dialogPolyfill from 'dialog-polyfill';
|
|
2
|
-
import React, { useEffect, useRef, useState } from 'react';
|
|
3
|
-
import { Button } from "../Button/index.mjs";
|
|
4
|
-
import { SubtleButton } from "../SubtleButton/index.mjs";
|
|
5
|
-
import { Dialog } from "./Dialog.mjs";
|
|
6
|
-
import 'dialog-polyfill/dist/dialog-polyfill.css';
|
|
7
|
-
function useDialogpolyfill(ref) {
|
|
8
|
-
useEffect(() => {
|
|
9
|
-
if (ref.current) {
|
|
10
|
-
dialogPolyfill.registerDialog(ref.current);
|
|
11
|
-
}
|
|
12
|
-
}, [ref]);
|
|
13
|
-
}
|
|
14
|
-
export function DialogExample() {
|
|
15
|
-
const [open, setOpen] = useState(false);
|
|
16
|
-
const dialogRef = useRef(null);
|
|
17
|
-
const handleOpenButtonClick = () => setOpen(true);
|
|
18
|
-
const handleDialogCancel = () => setOpen(false);
|
|
19
|
-
const handleDialogClose = () => setOpen(false);
|
|
20
|
-
useDialogpolyfill(dialogRef);
|
|
21
|
-
return (React.createElement(React.Fragment, null,
|
|
22
|
-
React.createElement(Button, { "aria-haspopup": "true", onClick: handleOpenButtonClick, size: "medium", variant: "neutral" }, "\u958B\u304F"),
|
|
23
|
-
React.createElement(Dialog.Frame, { "aria-describedby": "dialog-description", "aria-labelledby": "dialog-title", ref: dialogRef, open: open, onCancel: handleDialogCancel, onClose: handleDialogClose },
|
|
24
|
-
React.createElement(Dialog.Title, { id: "dialog-title" }, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
25
|
-
React.createElement(Dialog.Body, { id: "dialog-description" }, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
26
|
-
React.createElement(Dialog.ButtonGroup, null,
|
|
27
|
-
React.createElement(Button, { layout: "fullWidth", size: "medium" }, "OK")))));
|
|
28
|
-
}
|
|
29
|
-
export function StyleOnly() {
|
|
30
|
-
return (React.createElement(Dialog.StyleOnly, null,
|
|
31
|
-
React.createElement(Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
32
|
-
React.createElement(Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
33
|
-
React.createElement(Dialog.ButtonGroup, null,
|
|
34
|
-
React.createElement(Button, { layout: "fullWidth", size: "medium" }, "OK"))));
|
|
35
|
-
}
|
|
36
|
-
export function ButtonRow() {
|
|
37
|
-
return (React.createElement(Dialog.StyleOnly, null,
|
|
38
|
-
React.createElement(Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
39
|
-
React.createElement(Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
40
|
-
React.createElement(Dialog.ButtonGroup, null,
|
|
41
|
-
React.createElement(Button, { layout: "fullWidth", size: "medium", variant: "neutral" }, "\u30AD\u30E3\u30F3\u30BB\u30EB"),
|
|
42
|
-
React.createElement(Button, { layout: "fullWidth", size: "medium", variant: "danger", type: "button" }, "\u524A\u9664\u3059\u308B"))));
|
|
43
|
-
}
|
|
44
|
-
export function ButtonColumn() {
|
|
45
|
-
return (React.createElement(Dialog.StyleOnly, null,
|
|
46
|
-
React.createElement(Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
47
|
-
React.createElement(Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
48
|
-
React.createElement(Dialog.ButtonGroup, { direction: "column" },
|
|
49
|
-
React.createElement(Button, { layout: "fullWidth", size: "medium", type: "button" }, "Spindle\u3092\u30D5\u30A9\u30ED\u30FC\u3059\u308B"),
|
|
50
|
-
React.createElement(Button, { layout: "fullWidth", size: "medium", variant: "neutral" }, "\u30AD\u30E3\u30F3\u30BB\u30EB"))));
|
|
51
|
-
}
|
|
52
|
-
export function ButtonColumnWithSubtleButton() {
|
|
53
|
-
return (React.createElement(Dialog.StyleOnly, null,
|
|
54
|
-
React.createElement(Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
|
|
55
|
-
React.createElement(Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
|
|
56
|
-
React.createElement(Dialog.ButtonGroup, { direction: "column" },
|
|
57
|
-
React.createElement(Button, { layout: "fullWidth", size: "medium", type: "button" }, "Spindle\u3092\u30D5\u30A9\u30ED\u30FC\u3059\u308B"),
|
|
58
|
-
React.createElement(SubtleButton, { size: "medium" }, "\u3068\u3058\u308B"))));
|
|
59
|
-
}
|
package/LICENSE
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2022 openameba
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|