@apify/ui-library 0.75.0 → 0.76.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/CHANGELOG.md +11 -0
- package/dist/src/components/code/code_block/code_block_with_tabs.d.ts +2 -1
- 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 +2 -2
- package/dist/src/components/code/code_block/code_block_with_tabs.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/components/code/code_block/code_block_with_tabs.tsx +4 -2
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.76.0](https://github.com/apify/apify-core/compare/@apify/ui-library@0.75.0...@apify/ui-library@0.76.0) (2025-06-25)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **packages:** CodeBlockWithTabs - add optimistic tab switching [internal] ([#21748](https://github.com/apify/apify-core/issues/21748)) ([ed9ae13](https://github.com/apify/apify-core/commit/ed9ae13d571199ba1ef8ba3025657fffa781062e))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [0.75.0](https://github.com/apify/apify-core/compare/@apify/ui-library@0.74.1...@apify/ui-library@0.75.0) (2025-06-25)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -23,6 +23,7 @@ type CodeBlockWithTabsProps = SharedBoxProps & {
|
|
|
23
23
|
codeBlockProps: SharedCodeBlockProps;
|
|
24
24
|
currentTabKey: CodeBlockTabKey;
|
|
25
25
|
tabs: CodeBlockTabProps[];
|
|
26
|
+
optimisticCurrentTabKey?: CodeBlockTabKey;
|
|
26
27
|
};
|
|
27
28
|
export declare const CODE_BLOCK_WITH_TABS_CLASSNAMES: {
|
|
28
29
|
WRAPPER: string;
|
|
@@ -30,6 +31,6 @@ export declare const CODE_BLOCK_WITH_TABS_CLASSNAMES: {
|
|
|
30
31
|
TAB: string;
|
|
31
32
|
CONTENT: string;
|
|
32
33
|
};
|
|
33
|
-
export declare const CodeBlockWithTabs: ({ className, codeBlockProps, currentTabKey, tabs, ...props }: CodeBlockWithTabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare const CodeBlockWithTabs: ({ className, codeBlockProps, currentTabKey, tabs, optimisticCurrentTabKey, ...props }: CodeBlockWithTabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
35
|
export {};
|
|
35
36
|
//# sourceMappingURL=code_block_with_tabs.d.ts.map
|
|
@@ -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,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,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;
|
|
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,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,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;IAE1B,uBAAuB,CAAC,EAAE,eAAe,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;CAK3C,CAAC;AA6GF,eAAO,MAAM,iBAAiB,0FAA2F,sBAAsB,4CAgE9I,CAAC"}
|
|
@@ -159,12 +159,12 @@ const IMG_RESIZE = {
|
|
|
159
159
|
width: 20,
|
|
160
160
|
height: 20,
|
|
161
161
|
};
|
|
162
|
-
export const CodeBlockWithTabs = ({ className, codeBlockProps, currentTabKey, tabs, ...props }) => {
|
|
162
|
+
export const CodeBlockWithTabs = ({ className, codeBlockProps, currentTabKey, tabs, optimisticCurrentTabKey, ...props }) => {
|
|
163
163
|
const { generateProxyImageUrl } = useSharedUiDependencies();
|
|
164
164
|
const currentTab = tabs.find((tab) => tab.key === currentTabKey) ?? tabs[0];
|
|
165
165
|
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) => {
|
|
166
166
|
const { label, src } = CODE_BLOCK_TAB_CATALOG[tab.key];
|
|
167
|
-
const selected =
|
|
167
|
+
const selected = (optimisticCurrentTabKey ?? currentTabKey) === tab.key;
|
|
168
168
|
const commonProps = {
|
|
169
169
|
className: clsx(CODE_BLOCK_WITH_TABS_CLASSNAMES.TAB, { selected }),
|
|
170
170
|
'data-test': `code-block-tab-${tab.key}`,
|
|
@@ -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;
|
|
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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"}
|