@aivenio/aquarium 1.11.0 → 1.12.0
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/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +22 -1
- package/dist/atoms.mjs +22 -1
- package/dist/src/molecules/Alert/Alert.d.ts +3 -3
- package/dist/src/molecules/Alert/Alert.js +6 -3
- package/dist/src/molecules/Button/Button.d.ts +12 -1
- package/dist/src/molecules/Button/Button.js +5 -2
- package/dist/src/molecules/Card/Compact.js +2 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +3 -2
- package/dist/src/molecules/Tooltip/Tooltip.js +16 -2
- package/dist/src/utils/form/Label/Label.js +2 -2
- package/dist/system.cjs +47 -14
- package/dist/system.mjs +40 -8
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
package/dist/atoms.cjs
CHANGED
@@ -2256,6 +2256,7 @@ var InlineIcon = import_react6.default.forwardRef((_a, ref) => {
|
|
2256
2256
|
|
2257
2257
|
// src/molecules/Tooltip/Tooltip.tsx
|
2258
2258
|
var import_react9 = __toESM(require("react"));
|
2259
|
+
var import_interactions = require("@react-aria/interactions");
|
2259
2260
|
var import_overlays3 = require("@react-aria/overlays");
|
2260
2261
|
var import_tooltip = require("@react-aria/tooltip");
|
2261
2262
|
var import_utils = require("@react-aria/utils");
|
@@ -2393,6 +2394,9 @@ var Tooltip = (_a) => {
|
|
2393
2394
|
shouldFlip,
|
2394
2395
|
offset: ARROW_OFFSET
|
2395
2396
|
});
|
2397
|
+
const { focusWithinProps } = (0, import_interactions.useFocusWithin)({
|
2398
|
+
onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
|
2399
|
+
});
|
2396
2400
|
const handleClick = (e) => {
|
2397
2401
|
var _a2, _b2;
|
2398
2402
|
(_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
|
@@ -2421,6 +2425,16 @@ var Tooltip = (_a) => {
|
|
2421
2425
|
return /* @__PURE__ */ import_react9.default.createElement("div", __spreadProps(__spreadValues({
|
2422
2426
|
className: tw(`${inline ? "inline-block" : "block"}`)
|
2423
2427
|
}, triggerProps), {
|
2428
|
+
onFocus: (e) => {
|
2429
|
+
var _a2, _b2;
|
2430
|
+
(_a2 = triggerProps.onFocus) == null ? void 0 : _a2.call(triggerProps, e);
|
2431
|
+
(_b2 = focusWithinProps.onFocus) == null ? void 0 : _b2.call(focusWithinProps, e);
|
2432
|
+
},
|
2433
|
+
onBlur: (e) => {
|
2434
|
+
var _a2, _b2;
|
2435
|
+
(_a2 = triggerProps.onBlur) == null ? void 0 : _a2.call(triggerProps, e);
|
2436
|
+
(_b2 = focusWithinProps.onBlur) == null ? void 0 : _b2.call(focusWithinProps, e);
|
2437
|
+
},
|
2424
2438
|
onClick: handleClick,
|
2425
2439
|
onMouseDown: handleMouseDown,
|
2426
2440
|
onMouseUp: handleMouseUp,
|
@@ -2506,6 +2520,7 @@ var COLOR_CLASSNAMES = {
|
|
2506
2520
|
"hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
|
2507
2521
|
),
|
2508
2522
|
"ghost": ghostButtonStyle,
|
2523
|
+
"text": ghostButtonStyle,
|
2509
2524
|
"secondary-ghost": tw(
|
2510
2525
|
"text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
|
2511
2526
|
)
|
@@ -2605,7 +2620,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
2605
2620
|
!isIconOnlyButton && COLOR_CLASSNAMES[kind],
|
2606
2621
|
tw("inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative", {
|
2607
2622
|
"text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
|
2608
|
-
"typography-default-strong": !dense && !isIconOnlyButton,
|
2623
|
+
"typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
|
2609
2624
|
"typography-small-strong": dense && !isIconOnlyButton,
|
2610
2625
|
"py-3 px-4": !dense && isButton,
|
2611
2626
|
"py-2 px-3": dense && isButton,
|
@@ -2659,6 +2674,12 @@ var SecondaryGhostButton = import_react10.default.forwardRef((props, ref) => /*
|
|
2659
2674
|
kind: "secondary-ghost"
|
2660
2675
|
})));
|
2661
2676
|
SecondaryGhostButton.displayName = "SecondaryGhostButton";
|
2677
|
+
var TextButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
|
2678
|
+
ref
|
2679
|
+
}, props), {
|
2680
|
+
kind: "text"
|
2681
|
+
})));
|
2682
|
+
TextButton.displayName = "TextButton";
|
2662
2683
|
var IconButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
|
2663
2684
|
ref
|
2664
2685
|
}, props), {
|
package/dist/atoms.mjs
CHANGED
@@ -2220,6 +2220,7 @@ var InlineIcon = React4.forwardRef((_a, ref) => {
|
|
2220
2220
|
|
2221
2221
|
// src/molecules/Tooltip/Tooltip.tsx
|
2222
2222
|
import React5 from "react";
|
2223
|
+
import { useFocusWithin } from "@react-aria/interactions";
|
2223
2224
|
import { OverlayContainer, useOverlayPosition } from "@react-aria/overlays";
|
2224
2225
|
import { useTooltip, useTooltipTrigger } from "@react-aria/tooltip";
|
2225
2226
|
import { mergeProps } from "@react-aria/utils";
|
@@ -2357,6 +2358,9 @@ var Tooltip = (_a) => {
|
|
2357
2358
|
shouldFlip,
|
2358
2359
|
offset: ARROW_OFFSET
|
2359
2360
|
});
|
2361
|
+
const { focusWithinProps } = useFocusWithin({
|
2362
|
+
onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
|
2363
|
+
});
|
2360
2364
|
const handleClick = (e) => {
|
2361
2365
|
var _a2, _b2;
|
2362
2366
|
(_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
|
@@ -2385,6 +2389,16 @@ var Tooltip = (_a) => {
|
|
2385
2389
|
return /* @__PURE__ */ React5.createElement("div", __spreadProps(__spreadValues({
|
2386
2390
|
className: tw(`${inline ? "inline-block" : "block"}`)
|
2387
2391
|
}, triggerProps), {
|
2392
|
+
onFocus: (e) => {
|
2393
|
+
var _a2, _b2;
|
2394
|
+
(_a2 = triggerProps.onFocus) == null ? void 0 : _a2.call(triggerProps, e);
|
2395
|
+
(_b2 = focusWithinProps.onFocus) == null ? void 0 : _b2.call(focusWithinProps, e);
|
2396
|
+
},
|
2397
|
+
onBlur: (e) => {
|
2398
|
+
var _a2, _b2;
|
2399
|
+
(_a2 = triggerProps.onBlur) == null ? void 0 : _a2.call(triggerProps, e);
|
2400
|
+
(_b2 = focusWithinProps.onBlur) == null ? void 0 : _b2.call(focusWithinProps, e);
|
2401
|
+
},
|
2388
2402
|
onClick: handleClick,
|
2389
2403
|
onMouseDown: handleMouseDown,
|
2390
2404
|
onMouseUp: handleMouseUp,
|
@@ -2470,6 +2484,7 @@ var COLOR_CLASSNAMES = {
|
|
2470
2484
|
"hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
|
2471
2485
|
),
|
2472
2486
|
"ghost": ghostButtonStyle,
|
2487
|
+
"text": ghostButtonStyle,
|
2473
2488
|
"secondary-ghost": tw(
|
2474
2489
|
"text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
|
2475
2490
|
)
|
@@ -2569,7 +2584,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
2569
2584
|
!isIconOnlyButton && COLOR_CLASSNAMES[kind],
|
2570
2585
|
tw("inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative", {
|
2571
2586
|
"text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
|
2572
|
-
"typography-default-strong": !dense && !isIconOnlyButton,
|
2587
|
+
"typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
|
2573
2588
|
"typography-small-strong": dense && !isIconOnlyButton,
|
2574
2589
|
"py-3 px-4": !dense && isButton,
|
2575
2590
|
"py-2 px-3": dense && isButton,
|
@@ -2623,6 +2638,12 @@ var SecondaryGhostButton = React6.forwardRef((props, ref) => /* @__PURE__ */ Rea
|
|
2623
2638
|
kind: "secondary-ghost"
|
2624
2639
|
})));
|
2625
2640
|
SecondaryGhostButton.displayName = "SecondaryGhostButton";
|
2641
|
+
var TextButton = React6.forwardRef((props, ref) => /* @__PURE__ */ React6.createElement(Button, __spreadProps(__spreadValues({
|
2642
|
+
ref
|
2643
|
+
}, props), {
|
2644
|
+
kind: "text"
|
2645
|
+
})));
|
2646
|
+
TextButton.displayName = "TextButton";
|
2626
2647
|
var IconButton = React6.forwardRef((props, ref) => /* @__PURE__ */ React6.createElement(Button, __spreadProps(__spreadValues({
|
2627
2648
|
ref
|
2628
2649
|
}, props), {
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type AlertType } from '../../../src/atoms/Alert/Alert';
|
3
|
-
import { type ActionType } from '../../../types/ActionType';
|
3
|
+
import { type ActionType, type LinkActionType } from '../../../types/ActionType';
|
4
4
|
export declare type AlertProps = {
|
5
5
|
/** Optional title for alert. */
|
6
6
|
title?: string;
|
@@ -11,8 +11,8 @@ export declare type AlertProps = {
|
|
11
11
|
description?: string;
|
12
12
|
/** Alert type. */
|
13
13
|
type: AlertType;
|
14
|
-
/** Optional action for alert. */
|
15
|
-
action?: ActionType;
|
14
|
+
/** Optional action with onClick or href for alert. */
|
15
|
+
action?: ActionType | LinkActionType;
|
16
16
|
/** If `onDismiss()` callback is provided, alert will be rendered with close icon.
|
17
17
|
* Callback will be called, when user clicks the icon.
|
18
18
|
*/
|
@@ -1,12 +1,15 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import omit from 'lodash/omit';
|
3
|
+
import { ExternalLinkButton } from '../../../src/molecules/Button/Button';
|
3
4
|
import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
|
4
5
|
import { GhostButton } from '../../../src/molecules';
|
5
|
-
|
6
|
+
const isLink = (action) => action.href !== undefined;
|
7
|
+
export const Alert = ({ description, type, title, onDismiss, children, action }) => (React.createElement(AlertBase, { type: type, dense: Boolean(title) },
|
6
8
|
React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
|
7
9
|
title && React.createElement(AlertBase.Title, null, title),
|
8
10
|
React.createElement(AlertBase.Description, null, children || description),
|
9
11
|
action && (React.createElement(AlertBase.Actions, null,
|
10
|
-
React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text))
|
12
|
+
!isLink(action) && (React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
13
|
+
isLink(action) && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text)))),
|
11
14
|
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWpFLE9BQU8sRUFBa0IsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUF5QjVDLE1BQU0sTUFBTSxHQUFHLENBQUMsTUFBbUMsRUFBNEIsRUFBRSxDQUM5RSxNQUF5QixDQUFDLElBQUksS0FBSyxTQUFTLENBQUM7QUFFaEQsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDeEcsb0JBQUMsU0FBUyxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7SUFDMUMsb0JBQUMsU0FBUyxDQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUk7SUFDcEQsS0FBSyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFtQjtJQUNwRCxvQkFBQyxTQUFTLENBQUMsV0FBVyxRQUFFLFFBQVEsSUFBSSxXQUFXLENBQXlCO0lBQ3ZFLE1BQU0sSUFBSSxDQUNULG9CQUFDLFNBQVMsQ0FBQyxPQUFPO1FBQ2YsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDbEIsb0JBQUMsV0FBVyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDeEMsTUFBTSxDQUFDLElBQUksQ0FDQSxDQUNmO1FBQ0EsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ2pCLG9CQUFDLGtCQUFrQixrQkFBQyxLQUFLLFFBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM1RCxNQUFNLENBQUMsSUFBSSxDQUNPLENBQ3RCLENBQ2lCLENBQ3JCO0lBQ0EsU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUMsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUM3QyxDQUNiLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type BaseActionType } from '../../../types/ActionType';
|
3
|
-
export declare type ButtonKind = 'primary' | 'secondary' | 'ghost' | 'secondary-ghost';
|
3
|
+
export declare type ButtonKind = 'primary' | 'secondary' | 'ghost' | 'secondary-ghost' | 'text';
|
4
4
|
export declare type DefaultButtonProps = BaseActionType & {
|
5
5
|
'kind'?: ButtonKind;
|
6
6
|
'fullWidth'?: boolean;
|
@@ -70,6 +70,17 @@ export declare const SecondaryGhostButton: React.ForwardRefExoticComponent<Pick<
|
|
70
70
|
UNSAFE_className?: string | undefined;
|
71
71
|
'aria-label'?: string | undefined;
|
72
72
|
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind">, "hidden" | "color" | "style" | "dense" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "type" | "value" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
|
73
|
+
export declare const TextButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
|
74
|
+
kind?: ButtonKind | undefined;
|
75
|
+
fullWidth?: boolean | undefined;
|
76
|
+
dense?: boolean | undefined;
|
77
|
+
loading?: boolean | undefined;
|
78
|
+
/**
|
79
|
+
* @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
|
80
|
+
*/
|
81
|
+
UNSAFE_className?: string | undefined;
|
82
|
+
'aria-label'?: string | undefined;
|
83
|
+
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind">, "hidden" | "color" | "style" | "dense" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "type" | "value" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
|
73
84
|
export declare const IconButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
|
74
85
|
kind?: ButtonKind | undefined;
|
75
86
|
fullWidth?: boolean | undefined;
|
@@ -21,6 +21,7 @@ const COLOR_CLASSNAMES = {
|
|
21
21
|
'primary': tw('text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-5'),
|
22
22
|
'secondary': tw('text-grey-60 bg-white ring-1 ring-grey-30 ring-inset active:bg-grey-5 active:ring-grey-50 active:text-grey-80', 'focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80', 'hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20'),
|
23
23
|
'ghost': ghostButtonStyle,
|
24
|
+
'text': ghostButtonStyle,
|
24
25
|
'secondary-ghost': tw('text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30'),
|
25
26
|
};
|
26
27
|
const LoadingSpinner = ({ size = '20px', kind = 'primary', }) => {
|
@@ -66,7 +67,7 @@ export const asButton = (Component, isDropdownButton) => {
|
|
66
67
|
// adding inline-block here for the case of using it with anchor tag
|
67
68
|
tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative', {
|
68
69
|
'text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent': isIconOnlyButton,
|
69
|
-
'typography-default-strong': !dense && !isIconOnlyButton,
|
70
|
+
'typography-default-strong': !dense && !isIconOnlyButton && kind !== 'text',
|
70
71
|
'typography-small-strong': dense && !isIconOnlyButton,
|
71
72
|
'py-3 px-4': !dense && isButton,
|
72
73
|
'py-2 px-3': dense && isButton,
|
@@ -91,6 +92,8 @@ export const GhostButton = React.forwardRef((props, ref) => (React.createElement
|
|
91
92
|
GhostButton.displayName = 'GhostButton';
|
92
93
|
export const SecondaryGhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary-ghost" }))));
|
93
94
|
SecondaryGhostButton.displayName = 'SecondaryGhostButton';
|
95
|
+
export const TextButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "text" }))));
|
96
|
+
TextButton.displayName = 'TextButton';
|
94
97
|
// TODO: would be nice to freeze children prop for <IconButton>
|
95
98
|
export const IconButton = React.forwardRef((props, ref) => React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false })));
|
96
99
|
IconButton.displayName = 'IconButton';
|
@@ -102,4 +105,4 @@ export const PrimaryDropdownButton = React.forwardRef((props, ref) => (React.cre
|
|
102
105
|
PrimaryDropdownButton.displayName = 'PrimaryDropdownButton';
|
103
106
|
export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
|
104
107
|
SecondaryDropdownButton.displayName = 'SecondaryDropdownButton';
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CdXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sT0FBTyxNQUFNLG1CQUFtQixDQUFDO0FBZ0J4QyxNQUFNLGdCQUFnQixHQUFvQztJQUN4RCxTQUFTLEVBQUUsRUFBRSxDQUNYLG9MQUFvTCxDQUNyTDtJQUNELFdBQVcsRUFBRSxFQUFFLENBQ2IsK0dBQStHLEVBQy9HLDRFQUE0RSxFQUM1RSxzR0FBc0csQ0FDdkc7SUFDRCxPQUFPLEVBQUUsZ0JBQWdCO0lBQ3pCLE1BQU0sRUFBRSxnQkFBZ0I7SUFDeEIsaUJBQWlCLEVBQUUsRUFBRSxDQUNuQixzR0FBc0csQ0FDdkc7Q0FDRixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQXlFLENBQUMsRUFDNUYsSUFBSSxHQUFHLE1BQU0sRUFDYixJQUFJLEdBQUcsU0FBUyxHQUNqQixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsb0JBQUMsVUFBVSxJQUNULElBQUksRUFBRSxPQUFPLEVBQ2IsS0FBSyxFQUFFLElBQUksRUFDWCxNQUFNLEVBQUUsSUFBSSxFQUNaLEtBQUssRUFBRSxJQUFJLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FB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
|
@@ -22,7 +22,7 @@ export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action
|
|
22
22
|
React.createElement(Box, { display: "flex", gap: "5" },
|
23
23
|
icon && React.createElement(Avatar, { image: icon }),
|
24
24
|
React.createElement(CardBase.Content, { dense: true },
|
25
|
-
clampTitle ? React.createElement(LineClamp, { lines: clampTitle }, titleContent) : titleContent,
|
25
|
+
clampTitle ? (React.createElement(LineClamp, { lines: clampTitle, wordBreak: "break-all" }, titleContent)) : (titleContent),
|
26
26
|
React.createElement(Typography.Caption, { color: "grey-70" }, children))),
|
27
27
|
(action || link) && (React.createElement(CardBase.Actions, { dense: true },
|
28
28
|
action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
@@ -40,4 +40,4 @@ const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth
|
|
40
40
|
React.createElement(Skeleton, { width: 115, height: 25 }),
|
41
41
|
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
42
42
|
CompactCard.Skeleton = CompactSkeleton;
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9Db21wYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUU5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLElBQUksSUFBSSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQWMsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFLdEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQWdDaEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUErRCxDQUFDLEVBQ3RGLEtBQUssRUFDTCxVQUFVLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixJQUFJLEVBQ0osS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLFNBQVMsQ0FBQyxFQUFF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
|
@@ -80,8 +80,9 @@ const DropdownItem = (_a) => {
|
|
80
80
|
'text-grey-70 cursor-pointer hover:bg-grey-0': !disabled,
|
81
81
|
'text-grey-10 cursor-not-allowed': disabled,
|
82
82
|
'text-primary-70 hover:text-primary-80': color === 'danger' && !disabled,
|
83
|
-
}) }), tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement, inline: false },
|
83
|
+
}) }), tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement, inline: false },
|
84
|
+
React.createElement("div", { tabIndex: 0, className: tw('grow') }, itemContent))) : (itemContent)));
|
84
85
|
};
|
85
86
|
Dropdown.Menu = DropdownMenu;
|
86
87
|
Dropdown.Item = DropdownItem;
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Ryb3Bkb3duL0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQXlCLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBcUIsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFM0UsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBeUJ4Qzs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FHakIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsU0FBUyxHQUFHLGFBQWEsRUFBRSxFQUFFLEVBQUU7SUFDdkQsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxJQUFJLEVBQUMsTUFBTSxFQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUk7UUFDeEQsb0JBQUMsT0FBTyxDQUFDLE9BQU8sUUFBRSxRQUFRLENBQW1CO1FBQzdDLG9CQUFDLE9BQU8sQ0FBQyxLQUFLLFFBQUUsT0FBTyxDQUFpQixDQUNoQyxDQUNYLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFlBQVksR0FBZ0MsQ0FBQyxFQUNqRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsRUFDVCxTQUFTLEVBQ1QsUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLFNBQVMsR0FDM0IsRUFBRSxFQUFFO0lBQ0gsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7SUFDckQsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsTUFBTSxFQUFFLEdBQUcsVUFBVSxDQUFD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
|
@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
+
import { useFocusWithin } from '@react-aria/interactions';
|
13
14
|
import { OverlayContainer, useOverlayPosition } from '@react-aria/overlays';
|
14
15
|
import { useTooltip, useTooltipTrigger } from '@react-aria/tooltip';
|
15
16
|
import { mergeProps } from '@react-aria/utils';
|
@@ -30,6 +31,11 @@ export const Tooltip = (_a) => {
|
|
30
31
|
shouldFlip,
|
31
32
|
offset: ARROW_OFFSET,
|
32
33
|
});
|
34
|
+
// This enables keyboard focus for tooltip's trigger element.
|
35
|
+
// Because we wrap the trigger element with the triggerRef div, we have to listen to focus event inside this wrapper div element.
|
36
|
+
const { focusWithinProps } = useFocusWithin({
|
37
|
+
onFocusWithinChange: (isFocusWithin) => (isFocusWithin ? state.open() : state.close()),
|
38
|
+
});
|
33
39
|
const handleClick = (e) => {
|
34
40
|
var _a, _b;
|
35
41
|
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
@@ -55,7 +61,15 @@ export const Tooltip = (_a) => {
|
|
55
61
|
(_a = props.onPointerUp) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
56
62
|
(_b = triggerProps.onPointerUp) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
|
57
63
|
};
|
58
|
-
return (React.createElement("div", Object.assign({ className: tw(`${inline ? 'inline-block' : 'block'}`) }, triggerProps, {
|
64
|
+
return (React.createElement("div", Object.assign({ className: tw(`${inline ? 'inline-block' : 'block'}`) }, triggerProps, { onFocus: (e) => {
|
65
|
+
var _a, _b;
|
66
|
+
(_a = triggerProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(triggerProps, e);
|
67
|
+
(_b = focusWithinProps.onFocus) === null || _b === void 0 ? void 0 : _b.call(focusWithinProps, e);
|
68
|
+
}, onBlur: (e) => {
|
69
|
+
var _a, _b;
|
70
|
+
(_a = triggerProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(triggerProps, e);
|
71
|
+
(_b = focusWithinProps.onBlur) === null || _b === void 0 ? void 0 : _b.call(focusWithinProps, e);
|
72
|
+
}, onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, ref: triggerRef }),
|
59
73
|
props.children,
|
60
74
|
state.isOpen && (React.createElement(TooltipWrapper, Object.assign({ ref: overlayRef, state: state, placement: placement, arrowProps: arrowProps }, mergeProps(tooltipProps, overlayProps)), content))));
|
61
75
|
};
|
@@ -107,4 +121,4 @@ const getArrowStyle = (element, position, { left, top }) => {
|
|
107
121
|
const Arrow = (props) => {
|
108
122
|
return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-grey-90 rotate-45') }, props));
|
109
123
|
};
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
124
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFNL0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBdURsRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBd0MsRUFBRSxFQUFFO1FBQTVDLEVBQUUsTUFBTSxHQUFHLElBQUksRUFBRSxLQUFLLEdBQUcsR0FBRyxPQUFZLEVBQVAsS0FBSyxjQUF0QyxtQkFBd0MsQ0FBRjtJQUNwRixNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBRyxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsVUFBVSxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVsRyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLEtBQUssR0FBRyxzQkFBc0IsaUJBQUcsVUFBVSxFQUFFLEtBQUssSUFBSyxLQUFLLEVBQUcsQ0FBQztJQUN0RSxNQUFNLEVB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
|
@@ -25,7 +25,7 @@ const LabelText = ({ variant = 'default', labelText, required, helpTooltip, help
|
|
25
25
|
labelText,
|
26
26
|
required && React.createElement("span", { className: tw('text-error-50') }, "*"),
|
27
27
|
helpTooltip && (React.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement },
|
28
|
-
React.createElement("span", { className: tw('text-grey-30 flex items-center cursor-pointer ml-2') },
|
28
|
+
React.createElement("span", { tabIndex: 0, className: tw('text-grey-30 flex items-center cursor-pointer ml-2') },
|
29
29
|
React.createElement(InlineIcon, { icon: questionMark, "data-testid": 'icon-info' }))))));
|
30
30
|
};
|
31
31
|
export const Label = (props) => {
|
@@ -86,4 +86,4 @@ export const getLabelControlProps = (_a) => {
|
|
86
86
|
'data-testid': dataTestId,
|
87
87
|
});
|
88
88
|
};
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQXdCLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQXVEbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEdBQ3JCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLDJDQUEyQyxFQUFFO1lBQ3pELGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDcEMsY0FBYyxFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3ZDLENBQUM7UUFFRCxTQUFTO1FBQ1QsUUFBUSxJQUFJLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLFFBQVU7UUFDMUQsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFvQjtZQUM1RCw4QkFBTSxRQUFRLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUM7Z0JBQ3BGLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsWUFBWSxpQkFBZSxXQUFXLEdBQUksQ0FDdkQsQ0FDQyxDQUNYLENBQ0ksQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUE4RCxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ3hGLE1BQU0sRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLFNBQVMsS0FBZ0YsS0FBSyxFQUFuRixLQUE4RSxLQUFLLGNBQS9DLEVBQXBDLHFCQUFrQyxFQUFFLEtBQUEsRUFBakIsVUFBVSxjQUFmLEVBQWlCLENBQUYsRUFBdkQsRUFBZ0UsYUFBYSxFQUFFLFVBQVUsRUFBRSxRQUFRLEtBQUssS0FBSyxDQUFDO0lBRXBILE9BQU8sQ0FDTCw2Q0FBTyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLGlCQUFlLFVBQVUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFNLFVBQVU7UUFDOUYsU0FBUyxJQUFJLG9CQUFDLFNBQVMsb0JBQUssS0FBSyxFQUFJO1FBQ3JDLFFBQVEsQ0FDSCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLGFBQWEsR0FBYSxHQUFHLEVBQUU7SUFDbkMsT0FBTyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLEdBQUksQ0FBQztBQUN6RSxDQUFDLENBQUM7QUFFRixLQUFLLENBQUMsUUFBUSxHQUFHLGFBQWEsQ0FBQztBQWlDL0IsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUF5RCxDQUFDLEVBaUJsRixFQUFFLEVBQUU7UUFqQjhFO0lBQ2pGLGtCQUFrQjtJQUNsQixTQUFTLEVBQ1QsS0FBSyxFQUNMLFVBQVUsR0FBRyxLQUFLLEVBQ2xCLE1BQU0sRUFDTixTQUFTLEVBQ1Qsb0JBQW9CO0lBRXBCLG9CQUFvQjtJQUNwQixRQUFRLEdBQUcsS0FBSyxFQUNoQixRQUFRO0lBRVIsYUFBYTtJQUNiLEtBQUssRUFDTCxRQUFRLE9BRVQsRUFESSxJQUFJLGNBaEIwRSxnSUFpQmxGLENBRFE7SUFFUCxzRUFBc0U7SUFDdEUsdURBQXVEO0lBQ3ZELEVBQUU7SUFDRixpREFBaUQ7SUFDakQsMERBQTBEO0lBQzFELGdFQUFnRTtJQUNoRSxxREFBcUQ7SUFDckQsd0RBQXdEO0lBQ3hELE1BQU0sV0FBVyxHQUFHLEtBQUssS0FBSyxTQUFTLElBQUksS0FBSyxLQUFLLEtBQUssQ0FBQztJQUUzRCxNQUFNLE9BQU8sR0FBRyxDQUFDLEtBQUssSUFBSSxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUNwRixPQUFPLENBQ0wsb0JBQUMsV0FBVztRQUVULENBQUMsUUFBUSxJQUFJLENBQ1osb0JBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFFLE9BQU8sS0FDOUIsUUFBUSxDQUNILENBQ1Q7UUFFQSxRQUFRLElBQUksQ0FDWCxrQ0FBVSxFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUU7WUFDbkIsZ0NBQVEsU0FBUyxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUM7Z0JBQ2xDLG9CQUFDLFNBQVMsb0JBQUssSUFBSSxJQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksQ0FDbEM7WUFDUixRQUFRLENBQ0EsQ0FDWjtRQUNELG9CQUFDLFVBQVUsSUFDVCxTQUFTLEVBQUUsU0FBUyxFQUNwQixLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQ2IsVUFBVSxFQUFFLFVBQVUsRUFDdEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxTQUFTLEVBQUUsU0FBUyxFQUNwQixvQkFBb0IsRUFBRSxvQkFBb0IsR0FDMUMsQ0FDVSxDQUNmLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLG9CQUFvQixHQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDdkQ7SUFDRSxvQkFBQyxLQUFLLENBQUMsUUFBUSxPQUFHO0lBQ2pCLFFBQVE7SUFDVCxvQkFBQyxVQUFVLENBQUMsUUFBUSxPQUFHLENBQ25CLENBQ1AsQ0FBQztBQUVGLFlBQVksQ0FBQyxRQUFRLEdBQUcsb0JBQW9CLENBQUM7QUFFN0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBOEIsRUFhOUQsRUFBcUIsRUFBRTtRQWJ1QyxFQUNoRSxTQUFTLEVBQ1QsUUFBUSxFQUNSLEtBQUssR0FBRyxJQUFJLEVBQ1osUUFBUSxHQUFHLEtBQUssT0FTZCxFQVJGLHFCQUFvQyxFQUFwQyxxQkFBa0MsRUFBRSxLQUFBLEVBQWpCLFVBQVUsY0FBZixFQUFpQixDQUFGLEVBTG1DLEVBTWhFLFdBQVcsRUFDWCxvQkFBb0IsRUFDcEIsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEVBQ1Ysb0JBQW9CLEVBQ3BCLGFBQWEsRUFBRSxVQUFVLE9BQ3ZCO0lBQXdCLE9BQUEsQ0FBQztRQUMzQixTQUFTO1FBQ1QsUUFBUTtRQUNSLEtBQUs7UUFDTCxRQUFRO1FBQ1IsVUFBVTtRQUNWLFdBQVc7UUFDWCxvQkFBb0I7UUFDcEIsS0FBSztRQUNMLFVBQVU7UUFDVixTQUFTO1FBQ1Qsb0JBQW9CO1FBQ3BCLGFBQWEsRUFBRSxVQUFVO0tBQzFCLENBQUMsQ0FBQTtDQUFBLENBQUMifQ==
|