@a-type/ui 1.3.2 → 1.3.4
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/components/button/Button.stories.d.ts +1 -0
- package/dist/cjs/components/button/Button.stories.js +7 -1
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/ConfirmedButton.js +3 -1
- package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +4 -6
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +1 -3
- package/dist/esm/components/button/Button.stories.d.ts +1 -0
- package/dist/esm/components/button/Button.stories.js +6 -0
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/ConfirmedButton.js +3 -1
- package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +4 -6
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +1 -3
- package/package.json +2 -1
- package/src/components/button/Button.stories.tsx +15 -0
- package/src/components/button/ConfirmedButton.tsx +8 -1
- package/src/components/dropdownMenu/DropdownMenu.tsx +3 -3
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
"use strict";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.Alignment = exports.Toggled = exports.Default = void 0;
|
|
4
|
+
exports.ConfirmedButtonDemo = exports.Alignment = exports.Toggled = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const index_js_1 = require("../icon/index.js");
|
|
8
8
|
const Button_js_1 = require("./Button.js");
|
|
9
|
+
const ConfirmedButton_js_1 = require("./ConfirmedButton.js");
|
|
9
10
|
const meta = {
|
|
10
11
|
title: 'Button',
|
|
11
12
|
component: Button_js_1.Button,
|
|
@@ -31,4 +32,9 @@ exports.Alignment = {
|
|
|
31
32
|
return ((0, jsx_runtime_1.jsxs)("div", { className: "col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "icon-small", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "icon", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) })] })] }));
|
|
32
33
|
},
|
|
33
34
|
};
|
|
35
|
+
exports.ConfirmedButtonDemo = {
|
|
36
|
+
render() {
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(ConfirmedButton_js_1.ConfirmedButton, { confirmText: "Are you sure?", confirmTitle: "Confirm", onConfirm: () => console.log('confirmed'), children: "Confirm" }));
|
|
38
|
+
},
|
|
39
|
+
};
|
|
34
40
|
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,+CAAwC;AACxC,2CAAqC;
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,+CAAwC;AACxC,2CAAqC;AACrC,6DAAuD;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;KAClB;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,OAAO,uBAAC,kBAAM,oBAAK,IAAI,IAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAC3D,CAAC;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,MAAM;QACL,OAAO,CACN,iCAAK,SAAS,EAAC,KAAK,aACnB,iCAAK,SAAS,EAAC,oBAAoB,aAClC,uBAAC,kBAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,uBAAC,kBAAM,IAAC,IAAI,EAAC,YAAY,YACxB,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,EACN,iCAAK,SAAS,EAAC,oBAAoB,aAClC,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,IAAC,IAAI,EAAC,MAAM,YAClB,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACzC,MAAM;QACL,OAAO,CACN,uBAAC,oCAAe,IACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,SAAS,EACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,wBAGxB,CAClB,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -34,7 +34,9 @@ function ConfirmedButton(_a) {
|
|
|
34
34
|
}
|
|
35
35
|
}, [onConfirm]);
|
|
36
36
|
if (skip) {
|
|
37
|
-
return (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest)
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest, { onClick: (ev) => {
|
|
38
|
+
onConfirm();
|
|
39
|
+
} })));
|
|
38
40
|
}
|
|
39
41
|
return ((0, jsx_runtime_1.jsxs)(index_js_1.Dialog, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest)) }), (0, jsx_runtime_1.jsxs)(index_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTitle, { children: confirmTitle }), (0, jsx_runtime_1.jsx)(index_js_2.P, { children: confirmText }), (0, jsx_runtime_1.jsxs)(index_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogClose, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: cancelAction }) }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { loading: loading, onClick: confirm, color: confirmColor, children: confirmAction })] })] })] }));
|
|
40
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;AAwBb,
|
|
1
|
+
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;AAwBb,0CAoDC;;AA1ED,iCAA8C;AAC9C,iDAO4B;AAC5B,qDAA2C;AAC3C,2CAAkD;AAYlD,SAAgB,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,uBAAC,kBAAM,oBACF,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,wBAAC,iBAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,uBAAC,wBAAa,IAAC,OAAO,kBACrB,uBAAC,kBAAM,oBAAK,IAAI,EAAI,GACL,EAChB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,cAAE,YAAY,GAAe,EACzC,uBAAC,YAAC,cAAE,WAAW,GAAK,EACpB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,IAAC,OAAO,kBACnB,uBAAC,kBAAM,cAAE,YAAY,GAAU,GAClB,EACd,uBAAC,kBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,YAC7D,aAAa,GACN,IACM,IACD,IACR,CACT,CAAC;AACH,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
import { Ref } from 'react';
|
|
2
3
|
export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
|
|
3
4
|
color?: 'default' | 'destructive';
|
|
5
|
+
ref?: Ref<HTMLDivElement>;
|
|
4
6
|
}
|
|
5
7
|
export declare const DropdownMenuRoot: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
6
8
|
export declare const DropdownMenuTrigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
export declare const DropdownMenuItem: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps
|
|
8
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
-
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
9
|
+
export declare const DropdownMenuItem: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
10
10
|
export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
11
|
export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
12
|
export declare const DropdownMenuRadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -23,9 +23,7 @@ export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.Drop
|
|
|
23
23
|
forceMount?: boolean;
|
|
24
24
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
25
25
|
Trigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
26
|
-
Item: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps
|
|
27
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
28
|
-
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
26
|
+
Item: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
29
27
|
CheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
28
|
RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
31
29
|
RadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,qFAAuE;AACvE,6CAAwC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,9 +7,7 @@ declare const meta: {
|
|
|
7
7
|
forceMount?: boolean;
|
|
8
8
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
9
9
|
Trigger: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
Item: ({ ref: forwardedRef, className, color, ...props }: import("./DropdownMenu.js").DropdownMenuItemProps
|
|
11
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
-
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
10
|
+
Item: ({ ref: forwardedRef, className, color, ...props }: import("./DropdownMenu.js").DropdownMenuItemProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
13
11
|
CheckboxItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
12
|
RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
13
|
RadioItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { Icon } from '../icon/index.js';
|
|
5
5
|
import { Button } from './Button.js';
|
|
6
|
+
import { ConfirmedButton } from './ConfirmedButton.js';
|
|
6
7
|
const meta = {
|
|
7
8
|
title: 'Button',
|
|
8
9
|
component: Button,
|
|
@@ -28,4 +29,9 @@ export const Alignment = {
|
|
|
28
29
|
return (_jsxs("div", { className: "col", children: [_jsxs("div", { className: "row border-default", children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "icon-small", children: _jsx(Icon, { name: "placeholder" }) })] }), _jsxs("div", { className: "row border-default", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { size: "icon", children: _jsx(Icon, { name: "placeholder" }) })] })] }));
|
|
29
30
|
},
|
|
30
31
|
};
|
|
32
|
+
export const ConfirmedButtonDemo = {
|
|
33
|
+
render() {
|
|
34
|
+
return (_jsx(ConfirmedButton, { confirmText: "Are you sure?", confirmTitle: "Confirm", onConfirm: () => console.log('confirmed'), children: "Confirm" }));
|
|
35
|
+
},
|
|
36
|
+
};
|
|
31
37
|
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;KAClB;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,OAAO,KAAC,MAAM,oBAAK,IAAI,IAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAC3D,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC/B,MAAM;QACL,OAAO,CACN,eAAK,SAAS,EAAC,KAAK,aACnB,eAAK,SAAS,EAAC,oBAAoB,aAClC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,YAAY,YACxB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,EACN,eAAK,SAAS,EAAC,oBAAoB,aAClC,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,YAClB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACzC,MAAM;QACL,OAAO,CACN,KAAC,eAAe,IACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,SAAS,EACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,wBAGxB,CAClB,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -31,7 +31,9 @@ export function ConfirmedButton(_a) {
|
|
|
31
31
|
}
|
|
32
32
|
}, [onConfirm]);
|
|
33
33
|
if (skip) {
|
|
34
|
-
return _jsx(Button, Object.assign({}, rest)
|
|
34
|
+
return (_jsx(Button, Object.assign({}, rest, { onClick: (ev) => {
|
|
35
|
+
onConfirm();
|
|
36
|
+
} })));
|
|
35
37
|
}
|
|
36
38
|
return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, Object.assign({}, rest)) }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: confirmTitle }), _jsx(P, { children: confirmText }), _jsxs(DialogActions, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: cancelAction }) }), _jsx(Button, { loading: loading, onClick: confirm, color: confirmColor, children: confirmAction })] })] })] }));
|
|
37
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,KAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,oBAAK,IAAI,EAAI,GACL,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,cAAE,YAAY,GAAe,EACzC,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,aAAa,eACb,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,cAAE,YAAY,GAAU,GAClB,EACd,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,YAC7D,aAAa,GACN,IACM,IACD,IACR,CACT,CAAC;AACH,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
import { Ref } from 'react';
|
|
2
3
|
export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
|
|
3
4
|
color?: 'default' | 'destructive';
|
|
5
|
+
ref?: Ref<HTMLDivElement>;
|
|
4
6
|
}
|
|
5
7
|
export declare const DropdownMenuRoot: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
6
8
|
export declare const DropdownMenuTrigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
export declare const DropdownMenuItem: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps
|
|
8
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const DropdownMenuItem: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
11
|
export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
12
|
export declare const DropdownMenuRadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -23,9 +23,7 @@ export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.Drop
|
|
|
23
23
|
forceMount?: boolean;
|
|
24
24
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
25
25
|
Trigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
26
|
-
Item: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps
|
|
27
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
28
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
Item: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
27
|
CheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
28
|
RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
31
29
|
RadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,9 +7,7 @@ declare const meta: {
|
|
|
7
7
|
forceMount?: boolean;
|
|
8
8
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
Trigger: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
Item: ({ ref: forwardedRef, className, color, ...props }: import("./DropdownMenu.js").DropdownMenuItemProps
|
|
11
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
Item: ({ ref: forwardedRef, className, color, ...props }: import("./DropdownMenu.js").DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
11
|
CheckboxItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
12
|
RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
13
|
RadioItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@a-type/ui",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"/dist",
|
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
"color-interpolate": "^1.0.5",
|
|
68
68
|
"color-parse": "^2.0.2",
|
|
69
69
|
"color-space": "^2.0.1",
|
|
70
|
+
"csstype": "^3.1.3",
|
|
70
71
|
"date-fns": "^4.1.0",
|
|
71
72
|
"formik": "^2.4.6",
|
|
72
73
|
"pluralize": "^8.0.0",
|
|
@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { Icon } from '../icon/index.js';
|
|
4
4
|
import { Button } from './Button.js';
|
|
5
|
+
import { ConfirmedButton } from './ConfirmedButton.js';
|
|
5
6
|
|
|
6
7
|
const meta = {
|
|
7
8
|
title: 'Button',
|
|
@@ -49,3 +50,17 @@ export const Alignment: Story = {
|
|
|
49
50
|
);
|
|
50
51
|
},
|
|
51
52
|
};
|
|
53
|
+
|
|
54
|
+
export const ConfirmedButtonDemo: Story = {
|
|
55
|
+
render() {
|
|
56
|
+
return (
|
|
57
|
+
<ConfirmedButton
|
|
58
|
+
confirmText="Are you sure?"
|
|
59
|
+
confirmTitle="Confirm"
|
|
60
|
+
onConfirm={() => console.log('confirmed')}
|
|
61
|
+
>
|
|
62
|
+
Confirm
|
|
63
|
+
</ConfirmedButton>
|
|
64
|
+
);
|
|
65
|
+
},
|
|
66
|
+
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
3
3
|
import classNames, { clsx } from 'clsx';
|
|
4
|
+
import { Ref } from 'react';
|
|
4
5
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
5
6
|
|
|
6
7
|
const StyledContent = withClassName(
|
|
@@ -23,15 +24,14 @@ const StyledItemBase = withClassName(DropdownMenuPrimitive.Item, itemClassName);
|
|
|
23
24
|
export interface DropdownMenuItemProps
|
|
24
25
|
extends DropdownMenuPrimitive.DropdownMenuItemProps {
|
|
25
26
|
color?: 'default' | 'destructive';
|
|
27
|
+
ref?: Ref<HTMLDivElement>;
|
|
26
28
|
}
|
|
27
29
|
const StyledItem = ({
|
|
28
30
|
ref: forwardedRef,
|
|
29
31
|
className,
|
|
30
32
|
color,
|
|
31
33
|
...props
|
|
32
|
-
}: DropdownMenuItemProps
|
|
33
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
34
|
-
}) => {
|
|
34
|
+
}: DropdownMenuItemProps) => {
|
|
35
35
|
return (
|
|
36
36
|
<StyledItemBase
|
|
37
37
|
{...props}
|