@dscout/particle 1.0.0-alpha.34 → 1.0.0-alpha.35
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/lib/cjs/components/common_menu_item.d.ts +4 -0
- package/lib/cjs/components/common_menu_item.js.map +1 -1
- package/lib/cjs/components/dropdown/dropdown_container.js +5 -2
- package/lib/cjs/components/dropdown/dropdown_container.js.map +1 -1
- package/lib/cjs/components/dropdown/use_dropdown.d.ts +1 -1
- package/lib/cjs/components/dropdown/use_dropdown.js +10 -2
- package/lib/cjs/components/dropdown/use_dropdown.js.map +1 -1
- package/lib/cjs/components/menu_item.d.ts +4 -0
- package/lib/cjs/components/menu_item.js.map +1 -1
- package/lib/cjs/components/modern_button.d.ts +2 -1
- package/lib/cjs/components/modern_button.js +3 -2
- package/lib/cjs/components/modern_button.js.map +1 -1
- package/lib/cjs/components/prebuilt_modals/generic_confirm_modal_content.d.ts +2 -1
- package/lib/cjs/components/prebuilt_modals/generic_confirm_modal_content.js +2 -2
- package/lib/cjs/components/prebuilt_modals/generic_confirm_modal_content.js.map +1 -1
- package/lib/cjs/components/study_card/actions_menu.js +4 -5
- package/lib/cjs/components/study_card/actions_menu.js.map +1 -1
- package/lib/cjs/icons/express/badge_check_filled.js +1 -1
- package/lib/cjs/icons/express/badge_check_filled.js.map +1 -1
- package/lib/esm/components/common_menu_item.d.ts +4 -0
- package/lib/esm/components/common_menu_item.js.map +1 -1
- package/lib/esm/components/dropdown/dropdown_container.js +5 -2
- package/lib/esm/components/dropdown/dropdown_container.js.map +1 -1
- package/lib/esm/components/dropdown/use_dropdown.d.ts +1 -1
- package/lib/esm/components/dropdown/use_dropdown.js +10 -2
- package/lib/esm/components/dropdown/use_dropdown.js.map +1 -1
- package/lib/esm/components/menu_item.d.ts +4 -0
- package/lib/esm/components/menu_item.js.map +1 -1
- package/lib/esm/components/modern_button.d.ts +2 -1
- package/lib/esm/components/modern_button.js +3 -2
- package/lib/esm/components/modern_button.js.map +1 -1
- package/lib/esm/components/prebuilt_modals/generic_confirm_modal_content.d.ts +2 -1
- package/lib/esm/components/prebuilt_modals/generic_confirm_modal_content.js +2 -2
- package/lib/esm/components/prebuilt_modals/generic_confirm_modal_content.js.map +1 -1
- package/lib/esm/components/study_card/actions_menu.js +4 -5
- package/lib/esm/components/study_card/actions_menu.js.map +1 -1
- package/lib/esm/icons/express/badge_check_filled.js +1 -1
- package/lib/esm/icons/express/badge_check_filled.js.map +1 -1
- package/lib/stylesheets/particle.css +9 -6
- package/lib/stylesheets/particle.css.map +1 -1
- package/lib/stylesheets/particle.min.css +2 -2
- package/lib/stylesheets/particle.min.css.gz +0 -0
- package/package.json +1 -1
- package/styles/components/chip/_base.scss +2 -0
- package/styles/components/chip/themes/_theme_builder.scss +2 -1
- package/styles/components/modern_button/_base.scss +4 -0
- package/styles/components/study_card/_base.scss +0 -4
|
@@ -12,6 +12,10 @@ interface CommonMenuItemProps extends CommonComponentProps, ModifierClassProp {
|
|
|
12
12
|
name?: string;
|
|
13
13
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
14
14
|
onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
15
|
+
onMouseEnter?: React.MouseEventHandler<HTMLElement>;
|
|
16
|
+
onMouseLeave?: React.MouseEventHandler<HTMLElement>;
|
|
17
|
+
onFocus?: React.FocusEventHandler<HTMLElement>;
|
|
18
|
+
onBlur?: React.FocusEventHandler<HTMLElement>;
|
|
15
19
|
refProp?: string;
|
|
16
20
|
selected?: boolean;
|
|
17
21
|
sortable?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,2DAAqC;
|
|
1
|
+
{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,2DAAqC;AAyBrC,IAAM,sBAAsB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,IAAA,gBAAM,EAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAAsB;IACnD,IAAI,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACpC,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,iEAAiE;YACjE,oBAAoB,CACvB,CAAC;QACF,8BAA8B;KAC/B;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAoBT;;IAnBpB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,IAAI,cAnBsB,gOAoB9B,CADQ;IAEP,kFAAkF;IAClF,yDAAyD;IACzD,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,YAAY,EAAE,cAAc;YACvD,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;;QAChC,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK;YAC1B,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IACrD,IAAM,SAAS,GAAG,SAAS,CAAC;IAE5B,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAEtC,IAAM,OAAO,GAAG,CACd,8BAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,QAAQ,EACR,kBAAkB,CAAC,IAAI,CAAC,GAE3B,QAAQ,CACC,CACb,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,0CAAK,OAAO,CAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC;AAvDD,wCAuDC"}
|
|
@@ -44,6 +44,7 @@ var use_dropdown_1 = __importDefault(require("./use_dropdown"));
|
|
|
44
44
|
function DropdownContainer(_a) {
|
|
45
45
|
var boundary = _a.boundary, boundaryPadding = _a.boundaryPadding, children = _a.children, className = _a.className, _b = _a.closeOnOutsideClick, closeOnOutsideClick = _b === void 0 ? true : _b, contentWidth = _a.contentWidth, disabled = _a.disabled, dropdownId = _a.dropdownId, eventListenerOptions = _a.eventListenerOptions, _c = _a.focusToggleOnClose, focusToggleOnClose = _c === void 0 ? true : _c, flip = _a.flip, _d = _a.externallyControlled, externallyControlled = _d === void 0 ? false : _d, hide = _a.hide, _e = _a.initialFocusDisabled, initialFocusDisabled = _e === void 0 ? false : _e, _f = _a.isOpen, externallyIsOpen = _f === void 0 ? false : _f, maxHeight = _a.maxHeight, offset = _a.offset, _g = _a.onToggle, onToggle = _g === void 0 ? noop_1.default : _g, placement = _a.placement, portalContainer = _a.portalContainer, boundaryElementRef = _a.boundaryElementRef, setLockOutsideClick = _a.setLockOutsideClick, _h = _a.shrinkToPreventOverflow, shrinkToPreventOverflow = _h === void 0 ? false : _h, shift = _a.shift, toggle = _a.toggle, zIndex = _a.zIndex;
|
|
46
46
|
var _j = (0, react_1.useState)(false), isOpen = _j[0], setIsOpen = _j[1];
|
|
47
|
+
var _k = (0, react_1.useState)(false), canReturnFocus = _k[0], setCanReturnFocus = _k[1];
|
|
47
48
|
var eventListenerOptionsRef = (0, react_1.useRef)(eventListenerOptions);
|
|
48
49
|
eventListenerOptionsRef.current = eventListenerOptions;
|
|
49
50
|
var toggleDropdown = (0, react_1.useCallback)(function (stateOverride) {
|
|
@@ -64,7 +65,7 @@ function DropdownContainer(_a) {
|
|
|
64
65
|
}
|
|
65
66
|
return children;
|
|
66
67
|
}, [children, toggleDropdown]);
|
|
67
|
-
var
|
|
68
|
+
var _l = (0, use_dropdown_1.default)(renderPopoverContent, isOpen, canReturnFocus, {
|
|
68
69
|
boundary: boundary,
|
|
69
70
|
boundaryPadding: boundaryPadding,
|
|
70
71
|
className: className,
|
|
@@ -84,7 +85,7 @@ function DropdownContainer(_a) {
|
|
|
84
85
|
initialFocusDisabled: initialFocusDisabled,
|
|
85
86
|
dropdownId: dropdownId,
|
|
86
87
|
boundaryElementRef: boundaryElementRef
|
|
87
|
-
}), ref =
|
|
88
|
+
}), ref = _l.ref, dropdownPopover = _l.dropdownPopover, popoverElementRef = _l.popoverElementRef, toggleElementRef = _l.toggleElementRef;
|
|
88
89
|
(0, react_1.useEffect)(function () {
|
|
89
90
|
var handleClickOutside = function (event) {
|
|
90
91
|
var _a;
|
|
@@ -100,6 +101,7 @@ function DropdownContainer(_a) {
|
|
|
100
101
|
? event.composedPath().includes(toggleElementRef.current)
|
|
101
102
|
: (_a = toggleElementRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target);
|
|
102
103
|
if (!isClickInside && !isClickOnToggle) {
|
|
104
|
+
setCanReturnFocus(false);
|
|
103
105
|
toggleDropdown();
|
|
104
106
|
}
|
|
105
107
|
};
|
|
@@ -108,6 +110,7 @@ function DropdownContainer(_a) {
|
|
|
108
110
|
return;
|
|
109
111
|
var key = event.key;
|
|
110
112
|
if (key === 'Escape') {
|
|
113
|
+
setCanReturnFocus(true);
|
|
111
114
|
toggleDropdown();
|
|
112
115
|
}
|
|
113
116
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown_container.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAMe;AAEf,0DAAoC;AAOpC,gEAAyC;AAUzC;;;;;;;;;;;GAWG;AACH,SAAwB,iBAAiB,CAAC,EA2BkB;QA1B1D,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,oBAAoB,0BAAA,EACpB,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,IAAI,UAAA,EACJ,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,IAAI,UAAA,EACJ,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,cAAgC,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAChC,SAAS,eAAA,EACT,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,cAAI,KAAA,EACf,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA,EACnB,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA,EAC/B,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA;IAEA,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown_container.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_container.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export declare function coordinatesToPosition(coordinates: {
|
|
|
7
7
|
left: number;
|
|
8
8
|
top: number;
|
|
9
9
|
};
|
|
10
|
-
declare function useDropdown(content: React.ReactNode, isOpen: boolean, providedOptions?: DropdownOptions, popoverOptions?: DropdownPopoverOptions): {
|
|
10
|
+
declare function useDropdown(content: React.ReactNode, isOpen: boolean, canReturnFocus: boolean, providedOptions?: DropdownOptions, popoverOptions?: DropdownPopoverOptions): {
|
|
11
11
|
ref: (ref: HTMLElement | null) => void;
|
|
12
12
|
toggleElementRef: React.MutableRefObject<HTMLElement>;
|
|
13
13
|
popoverElementRef: React.MutableRefObject<HTMLDivElement>;
|
|
@@ -95,7 +95,7 @@ function coordinatesToPosition(coordinates) {
|
|
|
95
95
|
};
|
|
96
96
|
}
|
|
97
97
|
exports.coordinatesToPosition = coordinatesToPosition;
|
|
98
|
-
function useDropdown(content, isOpen, providedOptions, popoverOptions) {
|
|
98
|
+
function useDropdown(content, isOpen, canReturnFocus, providedOptions, popoverOptions) {
|
|
99
99
|
var _this = this;
|
|
100
100
|
var _a, _b, _c, _d;
|
|
101
101
|
if (providedOptions === void 0) { providedOptions = {}; }
|
|
@@ -108,6 +108,8 @@ function useDropdown(content, isOpen, providedOptions, popoverOptions) {
|
|
|
108
108
|
var closingTimeoutRef = (0, react_1.useRef)(null);
|
|
109
109
|
var toggleElementRef = (0, react_1.useRef)(null);
|
|
110
110
|
toggleElementRef.current = toggleElement;
|
|
111
|
+
var shouldReturnFocusRef = (0, react_1.useRef)(canReturnFocus);
|
|
112
|
+
shouldReturnFocusRef.current = canReturnFocus;
|
|
111
113
|
var popoverId = (0, react_1.useId)();
|
|
112
114
|
// options needs to be cached because `merge()` returns new object each time it's called,
|
|
113
115
|
// which triggers `useLayoutEffect()` rerun causing a re-render loop
|
|
@@ -256,7 +258,13 @@ function useDropdown(content, isOpen, providedOptions, popoverOptions) {
|
|
|
256
258
|
var handleHideDropdown = (0, react_1.useCallback)(function () {
|
|
257
259
|
isClosingRef.current = true;
|
|
258
260
|
setVisible(false);
|
|
259
|
-
if
|
|
261
|
+
// Focus is only returned on close if `focusToggleOnClose` is true and
|
|
262
|
+
// the `shouldReturnFocusRef` value is true. `shouldReturnFocusRef` is provided
|
|
263
|
+
// by the parent `DropdownContainer` component to ensure focus is only returned
|
|
264
|
+
// if the menu was closed by a keyboard event rather than a click outside mouse event
|
|
265
|
+
// This is critical to ensure focus is not stolen when the user clicks outside into
|
|
266
|
+
// another interactive element
|
|
267
|
+
if (options.focusToggleOnClose && shouldReturnFocusRef.current) {
|
|
260
268
|
toggleElement === null || toggleElement === void 0 ? void 0 : toggleElement.focus();
|
|
261
269
|
}
|
|
262
270
|
closingTimeoutRef.current = setTimeout(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/use_dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAQe;AACf,uCAAoD;AACpD,iCAAwC;AACxC,wCAS0B;AAG1B,uCAAsD;AACtD,wEAAiD;AAEjD,IAAM,eAAe,GAAoB;IACvC,QAAQ,EAAE,mBAAmB;IAC7B,eAAe,EAAE,CAAC;IAClB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,IAAI;IACxB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,SAAgB,qBAAqB,CAAC,WAAqC;IACzE,OAAO;QACL,IAAI,EAAE,WAAW,CAAC,CAAC;QACnB,GAAG,EAAE,WAAW,CAAC,CAAC;KACnB,CAAC;AACJ,CAAC;AALD,sDAKC;AAED,SAAS,WAAW,CAClB,OAAwB,EACxB,MAAe,EACf,eAAqC,EACrC,cAA2C;
|
|
1
|
+
{"version":3,"file":"use_dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/use_dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,10 @@ interface MenuItemProps extends CommonComponentProps, ModifierClassProp {
|
|
|
10
10
|
id?: string;
|
|
11
11
|
name?: string;
|
|
12
12
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
13
|
+
onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
|
|
14
|
+
onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
|
|
15
|
+
onFocus?: React.FocusEventHandler<HTMLButtonElement>;
|
|
16
|
+
onBlur?: React.FocusEventHandler<HTMLButtonElement>;
|
|
13
17
|
selected?: boolean;
|
|
14
18
|
sortable?: boolean;
|
|
15
19
|
wrapWithLI?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/components/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,uDAAoD;
|
|
1
|
+
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/components/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,uDAAoD;AAqBpD,SAAgB,QAAQ,CAAC,EAkBT;IAjBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACR,IAAI,cAjBgB,0MAkBxB,CADQ;IAEP,IAAM,sBAAsB,GAAG,WAAW;QACxC,CAAC,CAAE;YACC,+BAA+B,EAAE,uBAAgB,WAAW,MAAG;SACxC;QAC3B,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,8BAAC,iCAAc,aACb,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,sBAAsB,IACzB,IAAI,GAEP,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC;AA/CD,4BA+CC"}
|
|
@@ -31,6 +31,7 @@ type ModernButtonProps = {
|
|
|
31
31
|
getRef?: GetRef<HTMLButtonElement>;
|
|
32
32
|
iconPosition?: 'start' | 'end';
|
|
33
33
|
id?: string;
|
|
34
|
+
isActive?: boolean;
|
|
34
35
|
linkComponent?: 'a' | React.ComponentType;
|
|
35
36
|
linkProps?: Record<string, unknown>;
|
|
36
37
|
name?: string;
|
|
@@ -62,5 +63,5 @@ type ModernButtonProps = {
|
|
|
62
63
|
* - `size`: 'default'
|
|
63
64
|
* - `variant`: 'filled'
|
|
64
65
|
*/
|
|
65
|
-
export declare function ModernButton({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, color, disabled, getRef, id, icon, iconPosition, label, linkComponent, linkProps, margin, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, size, title, tooltipConfig, type, variant, ...rest }: ModernButtonProps): React.JSX.Element;
|
|
66
|
+
export declare function ModernButton({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, color, disabled, getRef, id, icon, iconPosition, isActive, label, linkComponent, linkProps, margin, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, size, title, tooltipConfig, type, variant, ...rest }: ModernButtonProps): React.JSX.Element;
|
|
66
67
|
export {};
|
|
@@ -72,12 +72,13 @@ var common_button_1 = require("./common_button");
|
|
|
72
72
|
*/
|
|
73
73
|
function ModernButton(_a) {
|
|
74
74
|
var _b;
|
|
75
|
-
var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], _c = _a.color, color = _c === void 0 ? 'default' : _c, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'start' : _d, label = _a.label, linkComponent = _a.linkComponent, linkProps = _a.linkProps, margin = _a.margin, name = _a.name, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseUp = _a.onMouseUp,
|
|
75
|
+
var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], _c = _a.color, color = _c === void 0 ? 'default' : _c, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'start' : _d, _e = _a.isActive, isActive = _e === void 0 ? false : _e, label = _a.label, linkComponent = _a.linkComponent, linkProps = _a.linkProps, margin = _a.margin, name = _a.name, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseUp = _a.onMouseUp, _f = _a.size, size = _f === void 0 ? 'default' : _f, title = _a.title, tooltipConfig = _a.tooltipConfig, type = _a.type, _g = _a.variant, variant = _g === void 0 ? 'filled' : _g, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "color", "disabled", "getRef", "id", "icon", "iconPosition", "isActive", "label", "linkComponent", "linkProps", "margin", "name", "onBlur", "onClick", "onFocus", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseUp", "size", "title", "tooltipConfig", "type", "variant"]);
|
|
76
76
|
var btnClass = (0, class_names_1.default)(_modifierClass, 'ModernButton', (0, modifier_classes_1.getMarginClass)(margin), (_b = {},
|
|
77
77
|
_b["ModernButton--".concat(color)] = color,
|
|
78
78
|
_b["ModernButton--".concat(variant)] = variant,
|
|
79
79
|
_b["ModernButton--".concat(size)] = size,
|
|
80
80
|
_b['ModernButton--icon-only'] = !!icon && !label,
|
|
81
|
+
_b['ModernButton--forced-active'] = isActive,
|
|
81
82
|
_b));
|
|
82
83
|
var composedLabel = (0, react_1.useMemo)(function () {
|
|
83
84
|
return (react_1.default.createElement("span", { className: "flex align-items--center justify--center flex-gap-h--0.5" },
|
|
@@ -85,7 +86,7 @@ function ModernButton(_a) {
|
|
|
85
86
|
!!label && label,
|
|
86
87
|
!!icon && iconPosition === 'end' && icon));
|
|
87
88
|
}, [label, icon, iconPosition]);
|
|
88
|
-
return (react_1.default.createElement(common_button_1.CommonButton, __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-pressed": ariaPressed, className: btnClass, disabled: disabled, getRef: getRef, id: id, linkComponent: linkComponent, linkProps: linkProps, name: name, onBlur: onBlur, onClick: onClick, onFocus: onFocus, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseUp: onMouseUp, title: title, tooltipConfig: tooltipConfig, type: type }), composedLabel));
|
|
89
|
+
return (react_1.default.createElement(common_button_1.CommonButton, __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-pressed": ariaPressed || isActive, className: btnClass, disabled: disabled, getRef: getRef, id: id, linkComponent: linkComponent, linkProps: linkProps, name: name, onBlur: onBlur, onClick: onClick, onFocus: onFocus, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseUp: onMouseUp, title: title, tooltipConfig: tooltipConfig, type: type }), composedLabel));
|
|
89
90
|
}
|
|
90
91
|
exports.ModernButton = ModernButton;
|
|
91
92
|
//# sourceMappingURL=modern_button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modern_button.js","sourceRoot":"","sources":["../../../src/components/modern_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AASvC,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAG3D,iDAA+C;
|
|
1
|
+
{"version":3,"file":"modern_button.js","sourceRoot":"","sources":["../../../src/components/modern_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AASvC,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAG3D,iDAA+C;AA6D/C;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,YAAY,CAAC,EAiCT;;IAhClB,IAAA,cAAc,oBAAA,EACG,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,oBAAsB,EAAtB,YAAY,mBAAG,OAAO,KAAA,EACtB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EACf,IAAI,cAhCoB,4YAiC5B,CADQ;IAEP,IAAM,QAAQ,GAAG,IAAA,qBAAU,EACzB,cAAc,EACd,cAAc,EACd,IAAA,iCAAc,EAAC,MAAM,CAAC;QAEpB,GAAC,wBAAiB,KAAK,CAAE,IAAG,KAAK;QACjC,GAAC,wBAAiB,OAAO,CAAE,IAAG,OAAO;QACrC,GAAC,wBAAiB,IAAI,CAAE,IAAG,IAAI;QAC/B,6BAAyB,GAAE,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK;QAC3C,iCAA6B,GAAE,QAAQ;YAE1C,CAAC;IAEF,IAAM,aAAa,GAAG,IAAA,eAAO,EAAC;QAC5B,OAAO,CACL,wCAAM,SAAS,EAAC,0DAA0D;YACvE,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,IAAI;YAC1C,CAAC,CAAC,KAAK,IAAI,KAAK;YAChB,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,KAAK,IAAI,IAAI,CACpC,CACR,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,8BAAC,4BAAY,eACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,IAAI,QAAQ,EACrC,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,KAET,aAAa,CACD,CAChB,CAAC;AACJ,CAAC;AAvFD,oCAuFC"}
|
|
@@ -10,9 +10,10 @@ type Props = {
|
|
|
10
10
|
onSecondaryButtonClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
11
11
|
primaryButtonLabel: string;
|
|
12
12
|
primaryButtonColor?: ButtonColors;
|
|
13
|
+
primaryButtonDisabled?: boolean;
|
|
13
14
|
secondaryButtonColor?: ButtonColors;
|
|
14
15
|
secondaryButtonLabel?: string;
|
|
15
16
|
title: React.ReactNode;
|
|
16
17
|
};
|
|
17
|
-
declare function GenericConfirmModalContent({ children, closeable, closeButtonLabel, descriptionList, onClose, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonLabel, primaryButtonColor, secondaryButtonColor, secondaryButtonLabel, title }: Props): React.JSX.Element;
|
|
18
|
+
declare function GenericConfirmModalContent({ children, closeable, closeButtonLabel, descriptionList, onClose, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonLabel, primaryButtonColor, primaryButtonDisabled, secondaryButtonColor, secondaryButtonLabel, title }: Props): React.JSX.Element;
|
|
18
19
|
export default GenericConfirmModalContent;
|
|
@@ -9,7 +9,7 @@ var button_icon_1 = require("../button_icon");
|
|
|
9
9
|
var express_1 = require("../../icons/express");
|
|
10
10
|
var button_1 = require("../button");
|
|
11
11
|
function GenericConfirmModalContent(_a) {
|
|
12
|
-
var children = _a.children, _b = _a.closeable, closeable = _b === void 0 ? true : _b, _c = _a.closeButtonLabel, closeButtonLabel = _c === void 0 ? 'Close' : _c, descriptionList = _a.descriptionList, onClose = _a.onClose, onPrimaryButtonClick = _a.onPrimaryButtonClick, onSecondaryButtonClick = _a.onSecondaryButtonClick, primaryButtonLabel = _a.primaryButtonLabel, _d = _a.primaryButtonColor, primaryButtonColor = _d === void 0 ? 'dscout' : _d, secondaryButtonColor = _a.secondaryButtonColor, secondaryButtonLabel = _a.secondaryButtonLabel, title = _a.title;
|
|
12
|
+
var children = _a.children, _b = _a.closeable, closeable = _b === void 0 ? true : _b, _c = _a.closeButtonLabel, closeButtonLabel = _c === void 0 ? 'Close' : _c, descriptionList = _a.descriptionList, onClose = _a.onClose, onPrimaryButtonClick = _a.onPrimaryButtonClick, onSecondaryButtonClick = _a.onSecondaryButtonClick, primaryButtonLabel = _a.primaryButtonLabel, _d = _a.primaryButtonColor, primaryButtonColor = _d === void 0 ? 'dscout' : _d, _e = _a.primaryButtonDisabled, primaryButtonDisabled = _e === void 0 ? false : _e, secondaryButtonColor = _a.secondaryButtonColor, secondaryButtonLabel = _a.secondaryButtonLabel, title = _a.title;
|
|
13
13
|
var shouldRenderSecondaryButton = !!secondaryButtonLabel && !!onSecondaryButtonClick;
|
|
14
14
|
return (react_1.default.createElement("div", { className: "flex direction--column align-items--stretch flex-gap-v--2 padding--2" },
|
|
15
15
|
react_1.default.createElement("div", { className: "flex justify--between align-items--center flex-gap-h--1.5" },
|
|
@@ -26,7 +26,7 @@ function GenericConfirmModalContent(_a) {
|
|
|
26
26
|
children),
|
|
27
27
|
react_1.default.createElement("div", { className: "flex justify--end flex-gap-h--0.5" },
|
|
28
28
|
shouldRenderSecondaryButton && (react_1.default.createElement(button_1.Button, { variant: "outline", color: secondaryButtonColor, onClick: onSecondaryButtonClick }, secondaryButtonLabel)),
|
|
29
|
-
react_1.default.createElement(button_1.Button, { color: primaryButtonColor, onClick: onPrimaryButtonClick }, primaryButtonLabel))));
|
|
29
|
+
react_1.default.createElement(button_1.Button, { color: primaryButtonColor, onClick: onPrimaryButtonClick, disabled: primaryButtonDisabled }, primaryButtonLabel))));
|
|
30
30
|
}
|
|
31
31
|
exports.default = GenericConfirmModalContent;
|
|
32
32
|
//# sourceMappingURL=generic_confirm_modal_content.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generic_confirm_modal_content.js","sourceRoot":"","sources":["../../../../src/components/prebuilt_modals/generic_confirm_modal_content.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,sCAAqC;AACrC,8CAA4C;AAC5C,+CAAmD;AACnD,oCAAsD;
|
|
1
|
+
{"version":3,"file":"generic_confirm_modal_content.js","sourceRoot":"","sources":["../../../../src/components/prebuilt_modals/generic_confirm_modal_content.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,sCAAqC;AACrC,8CAA4C;AAC5C,+CAAmD;AACnD,oCAAsD;AAkBtD,SAAS,0BAA0B,CAAC,EAc5B;QAbN,QAAQ,cAAA,EACR,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,wBAA0B,EAA1B,gBAAgB,mBAAG,OAAO,KAAA,EAC1B,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,sBAAsB,4BAAA,EACtB,kBAAkB,wBAAA,EAClB,0BAA6B,EAA7B,kBAAkB,mBAAG,QAAQ,KAAA,EAC7B,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,oBAAoB,0BAAA,EACpB,oBAAoB,0BAAA,EACpB,KAAK,WAAA;IAEL,IAAM,2BAA2B,GAC/B,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,sBAAsB,CAAC;IAErD,OAAO,CACL,uCAAK,SAAS,EAAC,sEAAsE;QACnF,uCAAK,SAAS,EAAC,2DAA2D;YACxE,8BAAC,iBAAO,IAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,IACpC,KAAK,CACE;YACT,SAAS,IAAI,CACZ,8BAAC,wBAAU,kBACG,gBAAgB,EAC5B,aAAa,EAAE;oBACb,cAAc,EAAE,gBAAgB;oBAChC,MAAM,EAAE,GAAG,CAAC,6DAA6D;iBAC1E,EACD,OAAO,EAAE,OAAO,EAChB,cAAc,EAAC,kCAAkC,EACjD,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,MAAM,EACd,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,KAAK;gBAEZ,8BAAC,sBAAY,CAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG,CACrB,CACd,CACG;QAEN,uCAAK,SAAS,EAAC,2DAA2D;YACvE,eAAe,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA;YACvC,oDAAoD;YACpD,qCAAG,GAAG,EAAE,KAAK,IAAG,OAAO,CAAK,CAC7B,EAHwC,CAGxC,CAAC;YACD,QAAQ,CACL;QACN,uCAAK,SAAS,EAAC,mCAAmC;YAC/C,2BAA2B,IAAI,CAC9B,8BAAC,eAAM,IACL,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,sBAAsB,IAE9B,oBAAoB,CACd,CACV;YACD,8BAAC,eAAM,IACL,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,qBAAqB,IAE9B,kBAAkB,CACZ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,0BAA0B,CAAC"}
|
|
@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var react_1 = __importStar(require("react"));
|
|
30
30
|
var express_1 = require("../../icons/express");
|
|
31
|
-
var
|
|
31
|
+
var modern_button_1 = require("../modern_button");
|
|
32
32
|
var dropdown_1 = require("../dropdown");
|
|
33
33
|
var menu_1 = require("../menu");
|
|
34
34
|
var menu_list_1 = require("../menu_list");
|
|
@@ -59,13 +59,12 @@ function ActionsMenu(_a, ref) {
|
|
|
59
59
|
return (react_1.default.createElement(dropdown_1.DropdownContainer, { placement: "right-start", contentWidth: "10em", toggle: function (_a) {
|
|
60
60
|
var dropdownRef = _a.ref, toggleDropdown = _a.toggleDropdown, isToggled = _a.isToggled;
|
|
61
61
|
dropdownRefFunctionRef.current = dropdownRef;
|
|
62
|
-
return (react_1.default.createElement(
|
|
62
|
+
return (react_1.default.createElement(modern_button_1.ModernButton, { "aria-label": optionsButtonLabel, _modifierClass: (0, class_names_1.default)('StudyCard__ActionsMenu', {
|
|
63
63
|
'StudyCard__ActionsMenu--toggled': isToggled
|
|
64
|
-
}),
|
|
64
|
+
}), isActive: isToggled, onClick: toggleDropdown, variant: "ghost", color: "default", tooltipConfig: {
|
|
65
65
|
placement: 'left',
|
|
66
66
|
tooltipContent: optionsButtonLabel
|
|
67
|
-
}, getRef: assignRefs }
|
|
68
|
-
react_1.default.createElement(express_1.ExpressIcons.IconDotsThreeVertical, { base: "16" })));
|
|
67
|
+
}, getRef: assignRefs, icon: react_1.default.createElement(express_1.ExpressIcons.IconDotsThreeVertical, { base: "16" }) }));
|
|
69
68
|
} }, function (_a) {
|
|
70
69
|
var toggleDropdown = _a.toggleDropdown;
|
|
71
70
|
return (react_1.default.createElement(menu_1.Menu, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions_menu.js","sourceRoot":"","sources":["../../../../src/components/study_card/actions_menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AAEnD,+CAAmD;AACnD,
|
|
1
|
+
{"version":3,"file":"actions_menu.js","sourceRoot":"","sources":["../../../../src/components/study_card/actions_menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
30
30
|
var core_1 = require("./core");
|
|
31
31
|
var BASE_MAP = {
|
|
32
32
|
16: (react_1.default.createElement(react_1.default.Fragment, null,
|
|
33
|
-
react_1.default.createElement("g", {
|
|
33
|
+
react_1.default.createElement("g", { clipPath: "url(#a)" },
|
|
34
34
|
react_1.default.createElement("path", { fill: "currentColor", d: "M6.99817 1.27441c.55324-.55324 1.45066-.55324 2.00391 0l1.26072 1.26172h1.7842c.7823.00001 1.4169.63373 1.417 1.41602v1.78418l1.2617 1.26172c.5532.55325.5532 1.45069 0 2.0039L13.464 10.2627v1.7842c-.0001.7823-.6346 1.417-1.417 1.417h-1.7832l-1.26172 1.2617c-.55322.5532-1.45068.5531-2.00391 0l-1.26172-1.2617H3.95227c-.78219-.0002-1.41596-.6348-1.41602-1.417v-1.7842L1.27454 9.00195c-.55323-.55322-.5532-1.45066 0-2.0039l1.26171-1.26172V3.95215c.00014-.78216.63388-1.41581 1.41602-1.41602h1.78418l1.26172-1.26172Z" }),
|
|
35
35
|
react_1.default.createElement("path", { fill: "var(--color--white)", fillRule: "evenodd", d: "M10.8637 6.53039 7.33335 10.0607l-2.197-2.19698 1.06066-1.06066L7.33335 7.9394l2.46967-2.46967 1.06068 1.06066Z", clipRule: "evenodd" })),
|
|
36
36
|
react_1.default.createElement("defs", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge_check_filled.js","sourceRoot":"","sources":["../../../../src/icons/express/badge_check_filled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,+BAAiD;AAMjD,IAAM,QAAQ,GAAG;IACf,EAAE,EAAE,CACF;QACE,
|
|
1
|
+
{"version":3,"file":"badge_check_filled.js","sourceRoot":"","sources":["../../../../src/icons/express/badge_check_filled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,+BAAiD;AAMjD,IAAM,QAAQ,GAAG;IACf,EAAE,EAAE,CACF;QACE,qCAAG,QAAQ,EAAC,SAAS;YACnB,wCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mgBAAmgB,GACrgB;YACF,wCACE,IAAI,EAAC,qBAAqB,EAC1B,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iHAAiH,EACnH,QAAQ,EAAC,SAAS,GAClB,CACA;QACJ;YACE,4CAAU,EAAE,EAAC,GAAG;gBACd,wCAAM,IAAI,EAAC,qBAAqB,EAAC,CAAC,EAAC,eAAe,GAAG,CAC5C,CACN,CACN,CACJ;IACD,EAAE,EAAE,CACF;QACE,wCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mbAAmb,GACrb;QACF,wCACE,IAAI,EAAC,qBAAqB,EAC1B,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sGAAsG,EACxG,QAAQ,EAAC,SAAS,GAClB,CACD,CACJ;CACF,CAAC;AAEF;;;GAGG;AACH,SAAgB,oBAAoB,CAAC,EAGT;IAF1B,IAAA,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACR,KAAK,cAF2B,QAGpC,CADS;IAER,OAAO,CACL,8BAAC,cAAO,eAAK,KAAK,IAAE,OAAO,EAAE,cAAO,IAAI,cAAI,IAAI,CAAE,KAC/C,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,CACf,CACX,CAAC;AACJ,CAAC;AATD,oDASC"}
|
|
@@ -12,6 +12,10 @@ interface CommonMenuItemProps extends CommonComponentProps, ModifierClassProp {
|
|
|
12
12
|
name?: string;
|
|
13
13
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
14
14
|
onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
15
|
+
onMouseEnter?: React.MouseEventHandler<HTMLElement>;
|
|
16
|
+
onMouseLeave?: React.MouseEventHandler<HTMLElement>;
|
|
17
|
+
onFocus?: React.FocusEventHandler<HTMLElement>;
|
|
18
|
+
onBlur?: React.FocusEventHandler<HTMLElement>;
|
|
15
19
|
refProp?: string;
|
|
16
20
|
selected?: boolean;
|
|
17
21
|
sortable?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAyBrC,IAAM,sBAAsB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,MAAM,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAAsB;IACnD,IAAI,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACpC,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,iEAAiE;YACjE,oBAAoB,CACvB,CAAC;QACF,8BAA8B;KAC/B;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAoBT;;IAnBpB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,IAAI,cAnBsB,gOAoB9B,CADQ;IAEP,kFAAkF;IAClF,yDAAyD;IACzD,IAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,cAAc;YACvD,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;;QAChC,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK;YAC1B,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IACrD,IAAM,SAAS,GAAG,SAAS,CAAC;IAE5B,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAEtC,IAAM,OAAO,GAAG,CACd,oBAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,QAAQ,EACR,kBAAkB,CAAC,IAAI,CAAC,GAE3B,QAAQ,CACC,CACb,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,gCAAK,OAAO,CAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC"}
|
|
@@ -16,6 +16,7 @@ import useDropdown from './use_dropdown';
|
|
|
16
16
|
export default function DropdownContainer(_a) {
|
|
17
17
|
var boundary = _a.boundary, boundaryPadding = _a.boundaryPadding, children = _a.children, className = _a.className, _b = _a.closeOnOutsideClick, closeOnOutsideClick = _b === void 0 ? true : _b, contentWidth = _a.contentWidth, disabled = _a.disabled, dropdownId = _a.dropdownId, eventListenerOptions = _a.eventListenerOptions, _c = _a.focusToggleOnClose, focusToggleOnClose = _c === void 0 ? true : _c, flip = _a.flip, _d = _a.externallyControlled, externallyControlled = _d === void 0 ? false : _d, hide = _a.hide, _e = _a.initialFocusDisabled, initialFocusDisabled = _e === void 0 ? false : _e, _f = _a.isOpen, externallyIsOpen = _f === void 0 ? false : _f, maxHeight = _a.maxHeight, offset = _a.offset, _g = _a.onToggle, onToggle = _g === void 0 ? noop : _g, placement = _a.placement, portalContainer = _a.portalContainer, boundaryElementRef = _a.boundaryElementRef, setLockOutsideClick = _a.setLockOutsideClick, _h = _a.shrinkToPreventOverflow, shrinkToPreventOverflow = _h === void 0 ? false : _h, shift = _a.shift, toggle = _a.toggle, zIndex = _a.zIndex;
|
|
18
18
|
var _j = useState(false), isOpen = _j[0], setIsOpen = _j[1];
|
|
19
|
+
var _k = useState(false), canReturnFocus = _k[0], setCanReturnFocus = _k[1];
|
|
19
20
|
var eventListenerOptionsRef = useRef(eventListenerOptions);
|
|
20
21
|
eventListenerOptionsRef.current = eventListenerOptions;
|
|
21
22
|
var toggleDropdown = useCallback(function (stateOverride) {
|
|
@@ -36,7 +37,7 @@ export default function DropdownContainer(_a) {
|
|
|
36
37
|
}
|
|
37
38
|
return children;
|
|
38
39
|
}, [children, toggleDropdown]);
|
|
39
|
-
var
|
|
40
|
+
var _l = useDropdown(renderPopoverContent, isOpen, canReturnFocus, {
|
|
40
41
|
boundary: boundary,
|
|
41
42
|
boundaryPadding: boundaryPadding,
|
|
42
43
|
className: className,
|
|
@@ -56,7 +57,7 @@ export default function DropdownContainer(_a) {
|
|
|
56
57
|
initialFocusDisabled: initialFocusDisabled,
|
|
57
58
|
dropdownId: dropdownId,
|
|
58
59
|
boundaryElementRef: boundaryElementRef
|
|
59
|
-
}), ref =
|
|
60
|
+
}), ref = _l.ref, dropdownPopover = _l.dropdownPopover, popoverElementRef = _l.popoverElementRef, toggleElementRef = _l.toggleElementRef;
|
|
60
61
|
useEffect(function () {
|
|
61
62
|
var handleClickOutside = function (event) {
|
|
62
63
|
var _a;
|
|
@@ -72,6 +73,7 @@ export default function DropdownContainer(_a) {
|
|
|
72
73
|
? event.composedPath().includes(toggleElementRef.current)
|
|
73
74
|
: (_a = toggleElementRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target);
|
|
74
75
|
if (!isClickInside && !isClickOnToggle) {
|
|
76
|
+
setCanReturnFocus(false);
|
|
75
77
|
toggleDropdown();
|
|
76
78
|
}
|
|
77
79
|
};
|
|
@@ -80,6 +82,7 @@ export default function DropdownContainer(_a) {
|
|
|
80
82
|
return;
|
|
81
83
|
var key = event.key;
|
|
82
84
|
if (key === 'Escape') {
|
|
85
|
+
setCanReturnFocus(true);
|
|
83
86
|
toggleDropdown();
|
|
84
87
|
}
|
|
85
88
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown_container.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAOpC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAUzC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EA2BkB;QA1B1D,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,oBAAoB,0BAAA,EACpB,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,IAAI,UAAA,EACJ,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,IAAI,UAAA,EACJ,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,cAAgC,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAChC,SAAS,eAAA,EACT,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA,EACnB,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA,EAC/B,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA;IAEA,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown_container.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_container.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export declare function coordinatesToPosition(coordinates: {
|
|
|
7
7
|
left: number;
|
|
8
8
|
top: number;
|
|
9
9
|
};
|
|
10
|
-
declare function useDropdown(content: React.ReactNode, isOpen: boolean, providedOptions?: DropdownOptions, popoverOptions?: DropdownPopoverOptions): {
|
|
10
|
+
declare function useDropdown(content: React.ReactNode, isOpen: boolean, canReturnFocus: boolean, providedOptions?: DropdownOptions, popoverOptions?: DropdownPopoverOptions): {
|
|
11
11
|
ref: (ref: HTMLElement | null) => void;
|
|
12
12
|
toggleElementRef: React.MutableRefObject<HTMLElement>;
|
|
13
13
|
popoverElementRef: React.MutableRefObject<HTMLDivElement>;
|
|
@@ -65,7 +65,7 @@ export function coordinatesToPosition(coordinates) {
|
|
|
65
65
|
top: coordinates.y
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
|
-
function useDropdown(content, isOpen, providedOptions, popoverOptions) {
|
|
68
|
+
function useDropdown(content, isOpen, canReturnFocus, providedOptions, popoverOptions) {
|
|
69
69
|
var _this = this;
|
|
70
70
|
var _a, _b, _c, _d;
|
|
71
71
|
if (providedOptions === void 0) { providedOptions = {}; }
|
|
@@ -78,6 +78,8 @@ function useDropdown(content, isOpen, providedOptions, popoverOptions) {
|
|
|
78
78
|
var closingTimeoutRef = useRef(null);
|
|
79
79
|
var toggleElementRef = useRef(null);
|
|
80
80
|
toggleElementRef.current = toggleElement;
|
|
81
|
+
var shouldReturnFocusRef = useRef(canReturnFocus);
|
|
82
|
+
shouldReturnFocusRef.current = canReturnFocus;
|
|
81
83
|
var popoverId = useId();
|
|
82
84
|
// options needs to be cached because `merge()` returns new object each time it's called,
|
|
83
85
|
// which triggers `useLayoutEffect()` rerun causing a re-render loop
|
|
@@ -226,7 +228,13 @@ function useDropdown(content, isOpen, providedOptions, popoverOptions) {
|
|
|
226
228
|
var handleHideDropdown = useCallback(function () {
|
|
227
229
|
isClosingRef.current = true;
|
|
228
230
|
setVisible(false);
|
|
229
|
-
if
|
|
231
|
+
// Focus is only returned on close if `focusToggleOnClose` is true and
|
|
232
|
+
// the `shouldReturnFocusRef` value is true. `shouldReturnFocusRef` is provided
|
|
233
|
+
// by the parent `DropdownContainer` component to ensure focus is only returned
|
|
234
|
+
// if the menu was closed by a keyboard event rather than a click outside mouse event
|
|
235
|
+
// This is critical to ensure focus is not stolen when the user clicks outside into
|
|
236
|
+
// another interactive element
|
|
237
|
+
if (options.focusToggleOnClose && shouldReturnFocusRef.current) {
|
|
230
238
|
toggleElement === null || toggleElement === void 0 ? void 0 : toggleElement.focus();
|
|
231
239
|
}
|
|
232
240
|
closingTimeoutRef.current = setTimeout(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/use_dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,eAAe,EACf,QAAQ,EACR,WAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EACL,UAAU,EACV,eAAe,EACf,IAAI,EACJ,IAAI,EACJ,MAAM,IAAI,gBAAgB,EAC1B,KAAK,EACL,IAAI,EAEL,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAEjD,IAAM,eAAe,GAAoB;IACvC,QAAQ,EAAE,mBAAmB;IAC7B,eAAe,EAAE,CAAC;IAClB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,IAAI;IACxB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,UAAU,qBAAqB,CAAC,WAAqC;IACzE,OAAO;QACL,IAAI,EAAE,WAAW,CAAC,CAAC;QACnB,GAAG,EAAE,WAAW,CAAC,CAAC;KACnB,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAClB,OAAwB,EACxB,MAAe,EACf,eAAqC,EACrC,cAA2C;
|
|
1
|
+
{"version":3,"file":"use_dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/use_dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,10 @@ interface MenuItemProps extends CommonComponentProps, ModifierClassProp {
|
|
|
10
10
|
id?: string;
|
|
11
11
|
name?: string;
|
|
12
12
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
13
|
+
onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
|
|
14
|
+
onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
|
|
15
|
+
onFocus?: React.FocusEventHandler<HTMLButtonElement>;
|
|
16
|
+
onBlur?: React.FocusEventHandler<HTMLButtonElement>;
|
|
13
17
|
selected?: boolean;
|
|
14
18
|
sortable?: boolean;
|
|
15
19
|
wrapWithLI?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/components/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/components/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAqBpD,MAAM,UAAU,QAAQ,CAAC,EAkBT;IAjBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACR,IAAI,cAjBgB,0MAkBxB,CADQ;IAEP,IAAM,sBAAsB,GAAG,WAAW;QACxC,CAAC,CAAE;YACC,+BAA+B,EAAE,uBAAgB,WAAW,MAAG;SACxC;QAC3B,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,oBAAC,cAAc,aACb,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,sBAAsB,IACzB,IAAI,GAEP,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC"}
|
|
@@ -31,6 +31,7 @@ type ModernButtonProps = {
|
|
|
31
31
|
getRef?: GetRef<HTMLButtonElement>;
|
|
32
32
|
iconPosition?: 'start' | 'end';
|
|
33
33
|
id?: string;
|
|
34
|
+
isActive?: boolean;
|
|
34
35
|
linkComponent?: 'a' | React.ComponentType;
|
|
35
36
|
linkProps?: Record<string, unknown>;
|
|
36
37
|
name?: string;
|
|
@@ -62,5 +63,5 @@ type ModernButtonProps = {
|
|
|
62
63
|
* - `size`: 'default'
|
|
63
64
|
* - `variant`: 'filled'
|
|
64
65
|
*/
|
|
65
|
-
export declare function ModernButton({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, color, disabled, getRef, id, icon, iconPosition, label, linkComponent, linkProps, margin, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, size, title, tooltipConfig, type, variant, ...rest }: ModernButtonProps): React.JSX.Element;
|
|
66
|
+
export declare function ModernButton({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, color, disabled, getRef, id, icon, iconPosition, isActive, label, linkComponent, linkProps, margin, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, size, title, tooltipConfig, type, variant, ...rest }: ModernButtonProps): React.JSX.Element;
|
|
66
67
|
export {};
|