@apify/ui-library 0.63.2-featcodeblockwithtabs-5a4360.38 → 0.64.1-featcodeblockwithtabs-5a4360.30
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/CHANGELOG.md +11 -0
- package/dist/src/components/code/code_block/code_block_with_tabs.d.ts.map +1 -1
- package/dist/src/components/code/code_block/code_block_with_tabs.js +40 -16
- package/dist/src/components/code/code_block/code_block_with_tabs.js.map +1 -1
- package/dist/src/utils/image_color.d.ts.map +1 -1
- package/dist/src/utils/image_color.js +1 -2
- package/dist/src/utils/image_color.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -3
- package/src/components/code/code_block/code_block_with_tabs.tsx +26 -0
- package/src/utils/image_color.ts +1 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.64.0](https://github.com/apify/apify-core/compare/@apify/ui-library@0.63.1...@apify/ui-library@0.64.0) (2025-04-09)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **app:** removing @apify/log dependency from ui-library ([#20445](https://github.com/apify/apify-core/issues/20445)) ([689d35c](https://github.com/apify/apify-core/commit/689d35c12a0252aaab3bc4570d2250a913faa6ea))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.63.1](https://github.com/apify/apify-core/compare/@apify/ui-library@0.63.0...@apify/ui-library@0.63.1) (2025-04-07)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code_block_with_tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;AAC1G,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAuC9E,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,UAAU,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AAEhG,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC,CAAC;AACjI,KAAK,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAC,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,GAAG,EAAE,eAAe,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3C,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAE7B,KAAK,sBAAsB,GAAG,cAAc,GAAG;IAC3C,cAAc,EAAE,oBAAoB,CAAC;IACrC,aAAa,EAAE,eAAe,CAAC;IAC/B,IAAI,EAAE,iBAAiB,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;CAK3C,CAAC;
|
|
1
|
+
{"version":3,"file":"code_block_with_tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;AAC1G,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAuC9E,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,UAAU,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AAEhG,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC,CAAC;AACjI,KAAK,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAC,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,GAAG,EAAE,eAAe,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3C,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAE7B,KAAK,sBAAsB,GAAG,cAAc,GAAG;IAC3C,cAAc,EAAE,oBAAoB,CAAC;IACrC,aAAa,EAAE,eAAe,CAAC;IAC/B,IAAI,EAAE,iBAAiB,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;CAK3C,CAAC;AAwGF,eAAO,MAAM,iBAAiB,iEAAkE,sBAAsB,4CA+DrH,CAAC"}
|
|
@@ -66,12 +66,36 @@ const CodeBlockWithTabsWrapper = styled(Box) `
|
|
|
66
66
|
border-bottom: none;
|
|
67
67
|
border-top-right-radius: ${theme.radius.radius12};
|
|
68
68
|
border-top-left-radius: ${theme.radius.radius12};
|
|
69
|
+
position: relative;
|
|
70
|
+
|
|
71
|
+
& > [role="tabpanel"] {
|
|
72
|
+
position: sticky;
|
|
73
|
+
right: 0;
|
|
74
|
+
top: 0;
|
|
75
|
+
height: 100%;
|
|
76
|
+
width: 0;
|
|
77
|
+
|
|
78
|
+
&::after {
|
|
79
|
+
right: -${theme.space.space8};
|
|
80
|
+
height: 100%;
|
|
81
|
+
width: ${theme.space.space16};
|
|
82
|
+
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, ${theme.color.neutral.backgroundSubtle} 100%);
|
|
83
|
+
content: ' ';
|
|
84
|
+
pointer-events: none;
|
|
85
|
+
position: absolute;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
69
88
|
|
|
70
89
|
@media ${theme.device.tablet} {
|
|
71
90
|
height: 88px;
|
|
72
91
|
justify-content: center;
|
|
73
92
|
gap: ${theme.space.space24};
|
|
74
93
|
padding-inline: ${theme.space.space24};
|
|
94
|
+
|
|
95
|
+
& > [role="tabpanel"]::after {
|
|
96
|
+
right: -${theme.space.space24};
|
|
97
|
+
width: ${theme.space.space32};
|
|
98
|
+
}
|
|
75
99
|
}
|
|
76
100
|
}
|
|
77
101
|
|
|
@@ -132,21 +156,21 @@ const IMG_RESIZE = {
|
|
|
132
156
|
export const CodeBlockWithTabs = ({ className, codeBlockProps, currentTabKey, tabs, ...props }) => {
|
|
133
157
|
const { generateProxyImageUrl } = useSharedUiDependencies();
|
|
134
158
|
const currentTab = tabs.find((tab) => tab.key === currentTabKey) ?? tabs[0];
|
|
135
|
-
return (_jsxs(CodeBlockWithTabsWrapper, { className: clsx(CODE_BLOCK_WITH_TABS_CLASSNAMES.WRAPPER, className), ...props, children: [
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
159
|
+
return (_jsxs(CodeBlockWithTabsWrapper, { className: clsx(CODE_BLOCK_WITH_TABS_CLASSNAMES.WRAPPER, className), ...props, children: [_jsxs("div", { className: CODE_BLOCK_WITH_TABS_CLASSNAMES.TABS, children: [tabs.map((tab) => {
|
|
160
|
+
const { label, src } = CODE_BLOCK_TAB_CATALOG[tab.key];
|
|
161
|
+
const selected = tab.key === currentTab?.key;
|
|
162
|
+
const commonProps = {
|
|
163
|
+
key: tab.key,
|
|
164
|
+
className: clsx(CODE_BLOCK_WITH_TABS_CLASSNAMES.TAB, { selected }),
|
|
165
|
+
'data-test': `code-block-tab-${tab.key}`,
|
|
166
|
+
onClick: tab.onClick,
|
|
167
|
+
};
|
|
168
|
+
const children = (_jsxs(_Fragment, { children: [_jsx("img", { src: generateProxyImageUrl?.(src, { resize: IMG_RESIZE }) ?? src, alt: label }), _jsx(HeadingShared, { type: "titleS", as: "p", children: label }), _jsx("div", { role: "tabpanel" })] }));
|
|
169
|
+
// if the tab has a 'to' prop, render a Link component
|
|
170
|
+
if (tab.to) {
|
|
171
|
+
return (_jsx(Link, { ...commonProps, to: tab.to, rel: tab.rel, target: tab.target, children: children }));
|
|
172
|
+
}
|
|
173
|
+
return (_jsx("div", { ...commonProps, role: "button", children: children }));
|
|
174
|
+
}), _jsx("div", { role: "tabpanel" })] }), _jsx(CodeBlock, { bashCommandsStart: currentTab?.bashCommandsStart, content: currentTab?.content ?? '', language: CODE_BLOCK_TAB_CATALOG[currentTab?.key]?.language, className: CODE_BLOCK_WITH_TABS_CLASSNAMES.CONTENT, hideBashHeader: true, ...codeBlockProps })] }));
|
|
151
175
|
};
|
|
152
176
|
//# sourceMappingURL=code_block_with_tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code_block_with_tabs.js","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAiD,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,IAAI,EAAyB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAuB,MAAM,iBAAiB,CAAC;AASjE,MAAM,CAAC,MAAM,sBAAsB,GAAgD;IAC/E,GAAG,EAAE;QACD,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,sCAAsC;KAC9C;IACD,IAAI,EAAE;QACF,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,sCAAsC;KAC9C;IACD,UAAU,EAAE;QACR,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,YAAY;QACtB,0EAA0E;QAC1E,GAAG,EAAE,qDAAqD;KAC7D;IACD,GAAG,EAAE;QACD,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,qCAAqC;KAC7C;IACD,OAAO,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,yCAAyC;KACjD;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,QAAQ;QAClB,0EAA0E;QAC1E,GAAG,EAAE,iDAAiD;KACzD;IACD,UAAU,EAAE;QACR,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,YAAY;QACtB,0EAA0E;QAC1E,GAAG,EAAE,qDAAqD;KAC7D;CACJ,CAAC;AAoBF,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC3C,OAAO,EAAE,0BAA0B;IACnC,IAAI,EAAE,uBAAuB;IAC7B,GAAG,EAAE,sBAAsB;IAC3B,OAAO,EAAE,0BAA0B;CACtC,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;OACrC,+BAA+B,CAAC,IAAI;;;0BAGjB,KAAK,CAAC,KAAK,CAAC,MAAM;;eAE7B,KAAK,CAAC,KAAK,CAAC,MAAM;;4BAEL,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;4BACpC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;mCAEnB,KAAK,CAAC,MAAM,CAAC,QAAQ;kCACtB,KAAK,CAAC,MAAM,CAAC,QAAQ;;
|
|
1
|
+
{"version":3,"file":"code_block_with_tabs.js","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image_color.d.ts","sourceRoot":"","sources":["../../../src/utils/image_color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"image_color.d.ts","sourceRoot":"","sources":["../../../src/utils/image_color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAmBzC,eAAO,MAAM,aAAa;;;CAoBzB,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { FastAverageColor } from 'fast-average-color';
|
|
2
2
|
import { useCallback, useState } from 'react';
|
|
3
|
-
import log from '@apify/log';
|
|
4
3
|
// Uses Luma (Y component of YIQ) computed from RGB to determine whether the color is dark.
|
|
5
4
|
// See https://en.wikipedia.org/wiki/YIQ
|
|
6
5
|
const isDark = (rgb) => {
|
|
@@ -25,7 +24,7 @@ export const useImageColor = () => {
|
|
|
25
24
|
setColor(patchDarknessInfo(await fac.getColorAsync(element)));
|
|
26
25
|
}
|
|
27
26
|
catch (error) {
|
|
28
|
-
|
|
27
|
+
console.error('Failed to determine the image color.', { error });
|
|
29
28
|
}
|
|
30
29
|
};
|
|
31
30
|
void updateColor();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image_color.js","sourceRoot":"","sources":["../../../src/utils/image_color.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,
|
|
1
|
+
{"version":3,"file":"image_color.js","sourceRoot":"","sources":["../../../src/utils/image_color.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,2FAA2F;AAC3F,wCAAwC;AACxC,MAAM,MAAM,GAAG,CAAC,GAAa,EAAW,EAAE;IACtC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;IAC9D,OAAO,CAAC,GAAG,GAAG,CAAC;AACnB,CAAC,CAAC;AAEF,kGAAkG;AAClG,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAA0B,EAAE,CAAC,CAAC;IAClF,GAAG,KAAK;IACR,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;IAC3B,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;CAChC,CAAC,CAAC;AAEH,MAAM,GAAG,GAAG,IAAI,gBAAgB,EAAE,CAAC;AAEnC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA0B,CAAC;IAE7D,MAAM,WAAW,GAAG,WAAW,CAAgC,CAAC,OAAO,EAAE,EAAE;QACvE,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;gBACX,OAAO;YACX,CAAC;YAED,IAAI,CAAC;gBACD,QAAQ,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAClE,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;YACrE,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,WAAW,EAAE,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;AAClC,CAAC,CAAC"}
|