@apify/ui-library 1.164.2 → 1.164.3
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/components/dropdown/dropdown.styled.d.ts +2 -3
- package/dist/components/dropdown/dropdown.styled.d.ts.map +1 -1
- package/dist/components/tabs/tab.d.ts +4 -2
- package/dist/components/tabs/tab.d.ts.map +1 -1
- package/dist/components/tabs/tab.js +43 -39
- package/dist/files_hash_at_build.txt +1 -1
- package/dist/src/components/dropdown/dropdown.styled.d.ts +2 -3
- package/dist/src/components/dropdown/dropdown.styled.d.ts.map +1 -1
- package/dist/src/components/dropdown/dropdown.styled.js.map +1 -1
- package/dist/src/components/tabs/tab.d.ts +4 -2
- package/dist/src/components/tabs/tab.d.ts.map +1 -1
- package/dist/src/components/tabs/tab.js +3 -2
- package/dist/src/components/tabs/tab.js.map +1 -1
- package/dist/src/type_utils.d.ts +11 -0
- package/dist/src/type_utils.d.ts.map +1 -1
- package/dist/src/type_utils.type-test.js +5 -0
- package/dist/src/type_utils.type-test.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/type_utils.d.ts +11 -0
- package/dist/type_utils.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/dropdown/dropdown.styled.ts +7 -6
- package/src/components/tabs/tab.stories.tsx +2 -1
- package/src/components/tabs/tab.tsx +46 -39
- package/src/type_utils.ts +9 -0
- package/src/type_utils.type-test.ts +13 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { DataTestProps } from '../../type_utils';
|
|
1
2
|
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
2
3
|
export declare const DROPDOWN_ELEMENT_CLASSES: {
|
|
3
4
|
WRAPPER: string;
|
|
@@ -14,9 +15,7 @@ type StyledContentProps = {
|
|
|
14
15
|
$height?: string;
|
|
15
16
|
$zIndex?: number;
|
|
16
17
|
};
|
|
17
|
-
export declare const StyledContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>, DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>>, DropdownMenu.DropdownMenuContentProps & {
|
|
18
|
-
'data-test'?: string;
|
|
19
|
-
}>, StyledContentProps>> & string & Omit<import('react').ForwardRefExoticComponent<DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
18
|
+
export declare const StyledContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>, DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>>, DropdownMenu.DropdownMenuContentProps & DataTestProps>, StyledContentProps>> & string & Omit<import('react').ForwardRefExoticComponent<DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
20
19
|
export declare const ScrollableContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
20
|
export declare const StyledItemRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
21
|
export declare const StyledItemWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styled.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown.styled.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,wBAAwB;;;;;;;;;CASpC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,upBAkBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NA8D7B,CAAC;AAEF,eAAO,MAAM,aAAa,6NAOzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAE7B,CAAC;AAEF,eAAO,MAAM,UAAU,mYA8BtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mZAmC9B,CAAC;AAEF,eAAO,MAAM,WAAW,qYAQvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAU7B,CAAC;AAEF,eAAO,MAAM,eAAe,+NAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+NAQ7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,4QAErC,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAQhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6NAG5B,CAAC;AAEF,eAAO,MAAM,cAAc,6NAM1B,CAAC;AAEF,eAAO,MAAM,eAAe,6YAK3B,CAAC"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { IconComponent } from '@apify/ui-icons';
|
|
3
|
+
import { DataFlowsIdProps, DataTestProps } from '../../type_utils';
|
|
3
4
|
import { MarginSpacingProps, RegularBoxProps } from '../box';
|
|
4
5
|
import { RegularLinkProps } from '../link';
|
|
5
6
|
type SharedTabProps = Omit<RegularBoxProps, 'as' | 'onClick'> & MarginSpacingProps & Omit<RegularLinkProps, 'hideExternalIcon' | 'showExternalIcon'>;
|
|
6
7
|
export type TabVariant = 'default' | 'boxed' | 'buttoned';
|
|
7
|
-
export type TabData = SharedTabProps & {
|
|
8
|
+
export type TabData = SharedTabProps & DataTestProps & DataFlowsIdProps & {
|
|
8
9
|
id: string;
|
|
9
10
|
title: string;
|
|
10
11
|
Icon?: IconComponent;
|
|
11
12
|
chip?: number | string;
|
|
12
13
|
rollout?: 'alpha' | 'beta';
|
|
13
14
|
disabled?: boolean;
|
|
15
|
+
tooltip?: React.ReactNode;
|
|
14
16
|
};
|
|
15
17
|
export type TabProps = TabData & {
|
|
16
18
|
variant?: TabVariant;
|
|
@@ -25,6 +27,6 @@ export declare const TAB_CLASSNAMES: {
|
|
|
25
27
|
ICON: string;
|
|
26
28
|
TITLE: string;
|
|
27
29
|
};
|
|
28
|
-
export declare const Tab: ({ variant, id, to, Icon, title, chip, rollout, className, onSelect, active, disabled, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare const Tab: ({ variant, id, to, Icon, title, chip, rollout, className, onSelect, active, disabled, tooltip, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
31
|
export {};
|
|
30
32
|
//# sourceMappingURL=tab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAI5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAElE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GACzD,kBAAkB,GAClB,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,OAAO,GAAG,cAAc,GAChC,aAAa,GACb,gBAAgB,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEN,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AA4GF,eAAO,MAAM,cAAc;;;CAG1B,CAAC;AAoCF,eAAO,MAAM,GAAG,GAAI,2GAcjB,QAAQ,4CAqCV,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { theme } from "../../design_system/theme.js";
|
|
|
2
2
|
import { TextShared } from "../text/text_shared.js";
|
|
3
3
|
import { Link } from "../link/link.js";
|
|
4
4
|
import { Badge } from "../badge/badge.js";
|
|
5
|
+
import { Tooltip } from "../floating/tooltip.js";
|
|
5
6
|
import { tabTestIds } from "./tab.test_ids.js";
|
|
6
7
|
import styled, { css } from "styled-components";
|
|
7
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -144,48 +145,51 @@ var TabWrapper = styled(Link)`
|
|
|
144
145
|
white-space: nowrap;
|
|
145
146
|
}
|
|
146
147
|
`;
|
|
147
|
-
var Tab = ({ variant = "default", id, to, Icon, title, chip, rollout, className, onSelect, active = false, disabled = false, ...props }) => {
|
|
148
|
+
var Tab = ({ variant = "default", id, to, Icon, title, chip, rollout, className, onSelect, active = false, disabled = false, tooltip, ...props }) => {
|
|
148
149
|
const href = typeof to === "string" ? to : createPath(to);
|
|
149
|
-
return /* @__PURE__ */
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
role: "tab",
|
|
155
|
-
"data-test-url": href,
|
|
156
|
-
className: clsx$1(className, {
|
|
157
|
-
active,
|
|
158
|
-
disabled
|
|
159
|
-
}),
|
|
160
|
-
onClick: onSelect ? (event) => onSelect({
|
|
150
|
+
return /* @__PURE__ */ jsx(Tooltip, {
|
|
151
|
+
content: tooltip,
|
|
152
|
+
children: /* @__PURE__ */ jsxs(TabWrapper, {
|
|
153
|
+
"data-test": tabTestIds.TAB,
|
|
154
|
+
...props,
|
|
161
155
|
id,
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
size: "16",
|
|
169
|
-
className: TAB_CLASSNAMES.ICON
|
|
156
|
+
to,
|
|
157
|
+
role: "tab",
|
|
158
|
+
"data-test-url": href,
|
|
159
|
+
className: clsx$1(className, {
|
|
160
|
+
active,
|
|
161
|
+
disabled
|
|
170
162
|
}),
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
163
|
+
onClick: onSelect ? (event) => onSelect({
|
|
164
|
+
id,
|
|
165
|
+
href,
|
|
166
|
+
event
|
|
167
|
+
}) : void 0,
|
|
168
|
+
$variant: variant,
|
|
169
|
+
children: [
|
|
170
|
+
Icon && /* @__PURE__ */ jsx(Icon, {
|
|
171
|
+
size: "16",
|
|
172
|
+
className: TAB_CLASSNAMES.ICON
|
|
173
|
+
}),
|
|
174
|
+
/* @__PURE__ */ jsx(TextShared, {
|
|
175
|
+
size: tabVariantTextSize[variant],
|
|
176
|
+
className: TAB_CLASSNAMES.TITLE,
|
|
177
|
+
weight: active ? "bold" : "medium",
|
|
178
|
+
as: "div",
|
|
179
|
+
children: title
|
|
180
|
+
}),
|
|
181
|
+
chip && /* @__PURE__ */ jsx(Badge, {
|
|
182
|
+
size: tabVariantBadgeSize[variant],
|
|
183
|
+
variant: active ? "primary_black" : "neutral_subtle",
|
|
184
|
+
children: chip
|
|
185
|
+
}),
|
|
186
|
+
rollout && /* @__PURE__ */ jsx(Badge, {
|
|
187
|
+
size: tabVariantBadgeSize[variant],
|
|
188
|
+
variant: "primary_blue",
|
|
189
|
+
children: rollout
|
|
190
|
+
})
|
|
191
|
+
]
|
|
192
|
+
})
|
|
189
193
|
});
|
|
190
194
|
};
|
|
191
195
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
d469d7bd01e15a55c38ecc03ee4735eebc8c8fac
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
import type { DataTestProps } from '../../type_utils';
|
|
2
3
|
export declare const DROPDOWN_ELEMENT_CLASSES: {
|
|
3
4
|
WRAPPER: string;
|
|
4
5
|
ITEM: string;
|
|
@@ -14,9 +15,7 @@ type StyledContentProps = {
|
|
|
14
15
|
$height?: string;
|
|
15
16
|
$zIndex?: number;
|
|
16
17
|
};
|
|
17
|
-
export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, DropdownMenu.DropdownMenuContentProps & {
|
|
18
|
-
'data-test'?: string;
|
|
19
|
-
}>, StyledContentProps>> & string & Omit<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
18
|
+
export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, DropdownMenu.DropdownMenuContentProps & DataTestProps>, StyledContentProps>> & string & Omit<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
20
19
|
export declare const ScrollableContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
20
|
export declare const StyledItemRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
21
|
export declare const StyledItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,wBAAwB;;;;;;;;;CASpC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,upBAkBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NA8D7B,CAAC;AAEF,eAAO,MAAM,aAAa,6NAOzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAE7B,CAAC;AAEF,eAAO,MAAM,UAAU,mYA8BtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mZAmC9B,CAAC;AAEF,eAAO,MAAM,WAAW,qYAQvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAU7B,CAAC;AAEF,eAAO,MAAM,eAAe,+NAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+NAQ7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,4QAErC,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAQhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6NAG5B,CAAC;AAEF,eAAO,MAAM,cAAc,6NAM1B,CAAC;AAEF,eAAO,MAAM,eAAe,6YAK3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styled.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown.styled.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import type { IconComponent } from '@apify/ui-icons';
|
|
3
|
+
import type { DataFlowsIdProps, DataTestProps } from '../../type_utils';
|
|
3
4
|
import type { MarginSpacingProps, RegularBoxProps } from '../box';
|
|
4
5
|
import type { RegularLinkProps } from '../link';
|
|
5
6
|
type SharedTabProps = Omit<RegularBoxProps, 'as' | 'onClick'> & MarginSpacingProps & Omit<RegularLinkProps, 'hideExternalIcon' | 'showExternalIcon'>;
|
|
6
7
|
export type TabVariant = 'default' | 'boxed' | 'buttoned';
|
|
7
|
-
export type TabData = SharedTabProps & {
|
|
8
|
+
export type TabData = SharedTabProps & DataTestProps & DataFlowsIdProps & {
|
|
8
9
|
id: string;
|
|
9
10
|
title: string;
|
|
10
11
|
Icon?: IconComponent;
|
|
11
12
|
chip?: number | string;
|
|
12
13
|
rollout?: 'alpha' | 'beta';
|
|
13
14
|
disabled?: boolean;
|
|
15
|
+
tooltip?: React.ReactNode;
|
|
14
16
|
};
|
|
15
17
|
export type TabProps = TabData & {
|
|
16
18
|
variant?: TabVariant;
|
|
@@ -25,6 +27,6 @@ export declare const TAB_CLASSNAMES: {
|
|
|
25
27
|
ICON: string;
|
|
26
28
|
TITLE: string;
|
|
27
29
|
};
|
|
28
|
-
export declare const Tab: ({ variant, id, to, Icon, title, chip, rollout, className, onSelect, active, disabled, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare const Tab: ({ variant, id, to, Icon, title, chip, rollout, className, onSelect, active, disabled, tooltip, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
31
|
export {};
|
|
30
32
|
//# sourceMappingURL=tab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAI5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAElE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GACzD,kBAAkB,GAClB,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,OAAO,GAAG,cAAc,GAChC,aAAa,GACb,gBAAgB,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEN,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AA4GF,eAAO,MAAM,cAAc;;;CAG1B,CAAC;AAoCF,eAAO,MAAM,GAAG,GAAI,2GAcjB,QAAQ,4CAqCV,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { createPath } from 'history';
|
|
|
4
4
|
import styled, { css } from 'styled-components';
|
|
5
5
|
import { theme } from '../../design_system/theme';
|
|
6
6
|
import { Badge } from '../badge';
|
|
7
|
+
import { Tooltip } from '../floating';
|
|
7
8
|
import { Link } from '../link';
|
|
8
9
|
import { Text } from '../text';
|
|
9
10
|
import { tabTestIds } from './tab.test_ids';
|
|
@@ -143,8 +144,8 @@ const TabWrapper = styled(Link) `
|
|
|
143
144
|
white-space: nowrap;
|
|
144
145
|
}
|
|
145
146
|
`;
|
|
146
|
-
export const Tab = ({ variant = 'default', id, to, Icon, title, chip, rollout, className, onSelect, active = false, disabled = false, ...props }) => {
|
|
147
|
+
export const Tab = ({ variant = 'default', id, to, Icon, title, chip, rollout, className, onSelect, active = false, disabled = false, tooltip, ...props }) => {
|
|
147
148
|
const href = typeof to === 'string' ? to : createPath(to);
|
|
148
|
-
return (_jsxs(TabWrapper, { "data-test": tabTestIds.TAB, ...props, id: id, to: to, role: "tab", "data-test-url": href, className: clsx(className, { active, disabled }), onClick: onSelect ? (event) => onSelect({ id, href, event }) : undefined, "$variant": variant, children: [Icon && _jsx(Icon, { size: "16", className: TAB_CLASSNAMES.ICON }), _jsx(Text, { size: tabVariantTextSize[variant], className: TAB_CLASSNAMES.TITLE, weight: active ? 'bold' : 'medium', as: "div", children: title }), chip && (_jsx(Badge, { size: tabVariantBadgeSize[variant], variant: active ? 'primary_black' : 'neutral_subtle', children: chip })), rollout && (_jsx(Badge, { size: tabVariantBadgeSize[variant], variant: "primary_blue", children: rollout }))] }));
|
|
149
|
+
return (_jsx(Tooltip, { content: tooltip, children: _jsxs(TabWrapper, { "data-test": tabTestIds.TAB, ...props, id: id, to: to, role: "tab", "data-test-url": href, className: clsx(className, { active, disabled }), onClick: onSelect ? (event) => onSelect({ id, href, event }) : undefined, "$variant": variant, children: [Icon && _jsx(Icon, { size: "16", className: TAB_CLASSNAMES.ICON }), _jsx(Text, { size: tabVariantTextSize[variant], className: TAB_CLASSNAMES.TITLE, weight: active ? 'bold' : 'medium', as: "div", children: title }), chip && (_jsx(Badge, { size: tabVariantBadgeSize[variant], variant: active ? 'primary_black' : 'neutral_subtle', children: chip })), rollout && (_jsx(Badge, { size: tabVariantBadgeSize[variant], variant: "primary_blue", children: rollout }))] }) }));
|
|
149
150
|
};
|
|
150
151
|
//# sourceMappingURL=tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAIlD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/type_utils.d.ts
CHANGED
|
@@ -24,5 +24,16 @@ export type PolymorphicComponentProps<E extends ElementType, OwnProps extends ob
|
|
|
24
24
|
export type PolymorphicComponentPropsWithRef<E extends ElementType, OwnProps extends object = object> = PolymorphicComponentProps<E, OwnProps> & {
|
|
25
25
|
ref?: PolymorphicRef<E>;
|
|
26
26
|
};
|
|
27
|
+
/**
|
|
28
|
+
* Cross-cutting `data-*` attribute props for testing and debugging.
|
|
29
|
+
* These are optional, but `Required<DataTestProps>` can be used to enforce them.
|
|
30
|
+
*/
|
|
31
|
+
export type DataTestProps = {
|
|
32
|
+
'data-test'?: string;
|
|
33
|
+
};
|
|
34
|
+
/** flows.sh related attributes to help with debugging and tracing. */
|
|
35
|
+
export type DataFlowsIdProps = {
|
|
36
|
+
'data-flows-id'?: string;
|
|
37
|
+
};
|
|
27
38
|
export {};
|
|
28
39
|
//# sourceMappingURL=type_utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type_utils.d.ts","sourceRoot":"","sources":["../../src/type_utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrG,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAEjF,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1E,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAElF;;;;GAIG;AAEH,4JAA4J;AAC5J,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,qBAAqB,CAAC,CAAC,CAAC,SAAS;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,CAAC,GAAG,KAAK,CAAC;AAEnH,sDAAsD;AACtD,KAAK,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,GAAG;IAC3F,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,yHAAyH;AACzH,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAAI,mBAAmB,CAChH,CAAC,EACD,QAAQ,CACX,GACG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE9E,+FAA+F;AAC/F,MAAM,MAAM,gCAAgC,CACxC,CAAC,SAAS,WAAW,EACrB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAChC,yBAAyB,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"type_utils.d.ts","sourceRoot":"","sources":["../../src/type_utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrG,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAEjF,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1E,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAElF;;;;GAIG;AAEH,4JAA4J;AAC5J,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,qBAAqB,CAAC,CAAC,CAAC,SAAS;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,CAAC,GAAG,KAAK,CAAC;AAEnH,sDAAsD;AACtD,KAAK,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,GAAG;IAC3F,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,yHAAyH;AACzH,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAAI,mBAAmB,CAChH,CAAC,EACD,QAAQ,CACX,GACG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE9E,+FAA+F;AAC/F,MAAM,MAAM,gCAAgC,CACxC,CAAC,SAAS,WAAW,EACrB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAChC,yBAAyB,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAEzE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,sEAAsE;AACtE,MAAM,MAAM,gBAAgB,GAAG;IAAE,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
|
|
@@ -22,4 +22,9 @@ expectTypeOf().toHaveProperty('ref');
|
|
|
22
22
|
expectTypeOf().not.toHaveProperty('ref');
|
|
23
23
|
// `PolymorphicRef` resolves to a concrete (non-`never`) ref type for a bound element.
|
|
24
24
|
expectTypeOf().not.toBeNever();
|
|
25
|
+
// `Required` turns the optional test id into a mandatory one.
|
|
26
|
+
expectTypeOf().toEqualTypeOf();
|
|
27
|
+
// They compose with native attribute typing rather than replacing it (`data-*` isn't in it).
|
|
28
|
+
expectTypeOf().toHaveProperty('data-test');
|
|
29
|
+
expectTypeOf().toHaveProperty('tabIndex');
|
|
25
30
|
//# sourceMappingURL=type_utils.type-test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type_utils.type-test.js","sourceRoot":"","sources":["../../src/type_utils.type-test.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"type_utils.type-test.js","sourceRoot":"","sources":["../../src/type_utils.type-test.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAYtC,0CAA0C;AAC1C,YAAY,EAAwC,CAAC,aAAa,EAAmB,CAAC;AAEtF,uEAAuE;AACvE,YAAY,EAAkC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AACtE,YAAY,EAAuC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAC3E,YAAY,EAAuC,CAAC,GAAG,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAE/E,8DAA8D;AAC9D,YAAY,EAAoC,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AAC9E,YAAY,EAAoC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAE5E,0DAA0D;AAC1D,YAAY,EAAyD,CAAC,aAAa,EAAyB,CAAC;AAC7G,YAAY,EAA+D,CAAC,aAAa,EAA2B,CAAC;AAErH,8DAA8D;AAC9D,YAAY,EAA2C,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9E,YAAY,EAAoC,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3E,sFAAsF;AACtF,YAAY,EAAuB,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC;AAEpD,8DAA8D;AAC9D,YAAY,EAA2B,CAAC,aAAa,EAA2B,CAAC;AAEjF,6FAA6F;AAC7F,YAAY,EAAmD,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAC5F,YAAY,EAAmD,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC"}
|