@apify/ui-library 1.154.5-choreaddtestidmodulesforrema-560495.21 → 1.154.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.154.5-choreaddtestidmodulesforrema-560495.21+64662243bc8",
+    "version": "1.154.5",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -75,7 +75,7 @@
         "styled-components": "^6.1.19"
     },
     "devDependencies": {
-        "@apify-packages/types": "^3.397.0",
+        "@apify-packages/types": "^3.398.0",
         "@storybook/react-vite": "^10.3.5",
         "@testing-library/react": "^16.3.2",
         "@types/hast": "^3.0.4",
@@ -95,5 +95,5 @@
         "src",
         "style"
     ],
-    "gitHead": "64662243bc80c8035d66b67614d9b5b9ea44d731"
+    "gitHead": "066f7bd37a2bd518e2455a2c312fd0253a9c6348"
 }

package/src/components/card/card.tsx

@@ -8,7 +8,6 @@ import type { WithTransientProps } from '../../type_utils';
 import type { BoxProps } from '../box';
 import { Box } from '../box';
 import { Text } from '../text';
-import { cardTestIds } from './card.test_ids';
 
 export const cardClassNames = {
     WRAPPER: 'Card',
@@ -115,7 +114,7 @@ export const Card = forwardRef<HTMLElement, CardProps>(
                 $shadowless={shadowless}
                 forwardedAs={as || 'section'}
                 className={clsx(cardClassNames.WRAPPER, className)}
-                data-test={cardTestIds.CARD}
+                data-test="card"
                 {...rest}
                 ref={ref}
             >
@@ -144,7 +143,7 @@ export const Card = forwardRef<HTMLElement, CardProps>(
                         {description}
                     </div>
                 )}
-                <div className={cardClassNames.CONTENT} data-test={cardTestIds.CONTENT}>
+                <div className={cardClassNames.CONTENT} data-test="card-content">
                     {children}
                 </div>
             </StyledCardWrapper>

package/src/components/code/code_block/code_block.tsx

@@ -10,7 +10,6 @@ import type { SharedTextSize } from '../../text/text_shared';
 import { ActionButton, CopyButton } from '../action_button';
 import { PrismSyntaxHighlighter } from '../prism_highlighter';
 import { CodeBlockWrapper } from './code_block.styled';
-import { codeBlockTabTestId, codeBlockTestIds } from './code_block.test_ids';
 import { getBashLinePrefixes, getNumberLinePrefixes } from './utils';
 
 type CodeTab = {
@@ -58,7 +57,7 @@ const HeaderDots = () => {
 
 const Header = ({ tabs, currentTab, showBashHeader, onTabChange, title }: HeaderProps) => {
     return (
-        <div className="CodeBlock-Header" data-test={codeBlockTestIds.HEADER}>
+        <div className="CodeBlock-Header" data-test="code-block-header">
             {showBashHeader && <HeaderDots />}
             {title && (
                 <Text weight="bold" className="CodeBlock-HeaderTitle">
@@ -70,7 +69,7 @@ const Header = ({ tabs, currentTab, showBashHeader, onTabChange, title }: Header
                     const selected = tab.key === currentTab?.key;
                     const props = {
                         className: clsx('CodeBlock-Tab', { selected }),
-                        'data-test': codeBlockTabTestId(tab.key),
+                        'data-test': `code-block-tab-${tab.key}`,
                         onClick: (e: React.MouseEvent) => onTabChange(tab, e),
                         title: tab.label,
                         id: tab.id ?? tab.key,

package/src/components/code/code_block/code_block_with_tabs.tsx

@@ -11,7 +11,6 @@ import { Box, type MarginSpacingProps, type RegularBoxProps } from '../../box';
 import { Link, type RegularLinkProps } from '../../link';
 import { HeadingShared } from '../../text/heading_shared';
 import { CodeBlock, type CodeBlockProps } from './code_block';
-import { codeBlockTabTestId } from './code_block.test_ids';
 
 export type CodeBlockTabKey = 'cli' | 'http' | 'javascript' | 'mcp' | 'openapi' | 'python' | 'typescript';
 type CodeBlockTabConfig = {
@@ -225,7 +224,7 @@ export const CodeBlockWithTabs = ({
 
                     const commonProps = {
                         className: clsx(CODE_BLOCK_WITH_TABS_CLASSNAMES.TAB, { selected }),
-                        'data-test': codeBlockTabTestId(tab.key),
+                        'data-test': `code-block-tab-${tab.key}`,
                         ..._.omit(tab, ['bashCommandsStart', 'content', 'languageOverride']),
                     };
                     const children = (

package/src/components/code/prism_highlighter.tsx

@@ -11,7 +11,6 @@ import { useSharedUiDependencies } from '../../ui_dependency_provider';
 import type { SharedTextSize } from '../text';
 import { Text } from '../text';
 import { oneLightTheme } from './one_light_theme';
-import { prismHighlighterTestIds } from './prism_highlighter.test_ids';
 
 (typeof global !== 'undefined' ? global : window).Prism = Prism;
 
@@ -209,7 +208,7 @@ export const PrismSyntaxHighlighter = forwardRef<HTMLPreElement, SyntaxHighlight
                         className={clsx(className, prismClassName)}
                         $hasLinePrefixes={hasLinePrefixes}
                         $isSingleLine={isSingleLine}
-                        data-test={prismHighlighterTestIds.CODE}
+                        data-test="code-block-code"
                         ref={ref}
                     >
                         <Text size={size} type="code" as="code">

package/src/components/collapsible_card/collapsible_card.tsx

@@ -8,7 +8,6 @@ import { ChevronDownIcon } from '@apify/ui-icons';
 import { theme } from '../../design_system/theme';
 import type { WithTransientProps } from '../../type_utils';
 import { Box } from '../box';
-import { cardTestIds } from '../card/card.test_ids';
 
 interface TransientWrapperProps {
     hideOuterBorder?: boolean;
@@ -169,7 +168,7 @@ export const CollapsibleCard = ({
                     $noDivider={noDivider}
                     className={collapsibleCardClassNames.COLLAPSIBLE_CONTENT_WRAPPER}
                 >
-                    <StyledCardContent className={collapsibleCardClassNames.CONTENT} data-test={cardTestIds.CONTENT}>
+                    <StyledCardContent className={collapsibleCardClassNames.CONTENT} data-test="card-content">
                         {children}
                     </StyledCardContent>
                 </CollapsibleContent>

package/src/components/dropdown/dropdown.styled.ts

@@ -2,7 +2,6 @@ import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme';
-import { dropdownTestIds } from './dropdown.test_ids';
 
 export const DROPDOWN_ELEMENT_CLASSES = {
     WRAPPER: 'dropdown-wrapper',
@@ -24,7 +23,7 @@ type StyledContentProps = {
 export const StyledContent = styled(DropdownMenu.Content).attrs<
     DropdownMenu.DropdownMenuContentProps & { 'data-test'?: string }
 >((props) => ({
-    'data-test': dropdownTestIds.WRAPPER,
+    'data-test': 'dropdown-wrapper',
     className: [DROPDOWN_ELEMENT_CLASSES.WRAPPER, props.className].filter(Boolean).join(' '),
 }))<StyledContentProps>`
     background: ${theme.color.neutral.background};

package/src/components/dropdown/dropdown.tsx

@@ -26,7 +26,6 @@ import {
     StyledSeparator,
     StyledTagWrapper,
 } from './dropdown.styled';
-import { dropdownTestIds } from './dropdown.test_ids';
 import type { BaseDropdownItemProps } from './dropdown.types';
 import { DropdownRoot } from './dropdown_root';
 
@@ -63,7 +62,7 @@ const DropdownItem = ({
                 disabled={disabled}
                 {...props}
                 className={clsx(DROPDOWN_ELEMENT_CLASSES.ITEM, className, selected && 'dropdown-item-selected')}
-                data-test={disabled ? 'dropdown-item-disabled' : dropdownTestIds.ITEM}
+                data-test={disabled ? 'dropdown-item-disabled' : 'dropdown-item'}
             >
                 <StyledItemRow>
                     {icon && <StyledIconWrapper>{icon}</StyledIconWrapper>}
@@ -122,7 +121,7 @@ const DropdownCheckboxItem = ({
                 {...props}
                 onCheckedChange={disabled ? undefined : onCheckedChange}
                 className={clsx(className)}
-                data-test={disabled ? 'dropdown-item-disabled' : dropdownTestIds.ITEM}
+                data-test={disabled ? 'dropdown-item-disabled' : 'dropdown-item'}
             >
                 <StyledItemRow>
                     <StyledCheckboxIconWrapper>

package/src/components/store/store_actor_header.tsx

@@ -5,7 +5,6 @@ import { StarEmptyIcon, WarningTriangleIcon } from '@apify/ui-icons';
 import { Badge, Box, type BoxProps, Text } from '../../components';
 import { theme } from '../../design_system/theme';
 import { ActorAvatar, actorAvatarClassnames } from '../avatar';
-import { storeActorHeaderTestIds } from './store_actor_header.test_ids';
 
 const storeActorHeaderClassNames = {
     title: 'ActorStoreItem-title',
@@ -94,7 +93,7 @@ export const StoreActorHeader: React.FC<StoreActorHeaderProps & BoxProps> = ({
     ...rest
 }) => {
     return (
-        <StyledStoreActorHeader data-test={storeActorHeaderTestIds.HEADER} $compact={compact} {...rest}>
+        <StyledStoreActorHeader data-test="actor-store-item-header" $compact={compact} {...rest}>
             <ActorAvatarWrapper>
                 <ActorAvatar
                     size={compact ? 20 : avatarSize}

package/src/test_ids.ts

@@ -1,8 +1,3 @@
 // `./test-ids` subpath barrel. Playwright imports test IDs from here to avoid the
 // React/CSS-heavy root barrel (which breaks non-bundler loaders). Add future modules here.
-export { cardTestIds } from './components/card/card.test_ids.js';
-export { codeBlockTabTestId, codeBlockTestIds } from './components/code/code_block/code_block.test_ids.js';
-export { prismHighlighterTestIds } from './components/code/prism_highlighter.test_ids.js';
-export { dropdownTestIds } from './components/dropdown/dropdown.test_ids.js';
-export { storeActorHeaderTestIds } from './components/store/store_actor_header.test_ids.js';
 export { tableTestIds } from './components/table/table.test_ids.js';

package/dist/components/card/card.test_ids.d.ts

@@ -1,5 +0,0 @@
-export declare const cardTestIds: {
-    CARD: string;
-    CONTENT: string;
-};
-//# sourceMappingURL=card.test_ids.d.ts.map

package/dist/components/card/card.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;CAGvB,CAAC"}

package/dist/components/card/card.test_ids.js

@@ -1,7 +0,0 @@
-//#region src/components/card/card.test_ids.ts
-var cardTestIds = {
-	CARD: "card",
-	CONTENT: "card-content"
-};
-//#endregion
-export { cardTestIds };

package/dist/components/code/code_block/code_block.test_ids.d.ts

@@ -1,5 +0,0 @@
-export declare const codeBlockTestIds: {
-    HEADER: string;
-};
-export declare const codeBlockTabTestId: (key: string) => string;
-//# sourceMappingURL=code_block.test_ids.d.ts.map

package/dist/components/code/code_block/code_block.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code_block.test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/code/code_block/code_block.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;CAE5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,KAAG,MAAiC,CAAC"}

package/dist/components/code/code_block/code_block.test_ids.js

@@ -1,5 +0,0 @@
-//#region src/components/code/code_block/code_block.test_ids.ts
-var codeBlockTestIds = { HEADER: "code-block-header" };
-var codeBlockTabTestId = (key) => `code-block-tab-${key}`;
-//#endregion
-export { codeBlockTabTestId, codeBlockTestIds };

package/dist/components/code/prism_highlighter.test_ids.d.ts

@@ -1,4 +0,0 @@
-export declare const prismHighlighterTestIds: {
-    CODE: string;
-};
-//# sourceMappingURL=prism_highlighter.test_ids.d.ts.map

package/dist/components/code/prism_highlighter.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prism_highlighter.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/code/prism_highlighter.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;CAEnC,CAAC"}

package/dist/components/code/prism_highlighter.test_ids.js

@@ -1,4 +0,0 @@
-//#region src/components/code/prism_highlighter.test_ids.ts
-var prismHighlighterTestIds = { CODE: "code-block-code" };
-//#endregion
-export { prismHighlighterTestIds };

package/dist/components/dropdown/dropdown.test_ids.d.ts

@@ -1,5 +0,0 @@
-export declare const dropdownTestIds: {
-    WRAPPER: string;
-    ITEM: string;
-};
-//# sourceMappingURL=dropdown.test_ids.d.ts.map

package/dist/components/dropdown/dropdown.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;CAG3B,CAAC"}

package/dist/components/dropdown/dropdown.test_ids.js

@@ -1,7 +0,0 @@
-//#region src/components/dropdown/dropdown.test_ids.ts
-var dropdownTestIds = {
-	WRAPPER: "dropdown-wrapper",
-	ITEM: "dropdown-item"
-};
-//#endregion
-export { dropdownTestIds };

package/dist/components/store/store_actor_header.test_ids.d.ts

@@ -1,4 +0,0 @@
-export declare const storeActorHeaderTestIds: {
-    HEADER: string;
-};
-//# sourceMappingURL=store_actor_header.test_ids.d.ts.map

package/dist/components/store/store_actor_header.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store_actor_header.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/store/store_actor_header.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;CAEnC,CAAC"}

package/dist/components/store/store_actor_header.test_ids.js

@@ -1,4 +0,0 @@
-//#region src/components/store/store_actor_header.test_ids.ts
-var storeActorHeaderTestIds = { HEADER: "actor-store-item-header" };
-//#endregion
-export { storeActorHeaderTestIds };

package/dist/src/components/card/card.test_ids.d.ts

@@ -1,5 +0,0 @@
-export declare const cardTestIds: {
-    CARD: string;
-    CONTENT: string;
-};
-//# sourceMappingURL=card.test_ids.d.ts.map

package/dist/src/components/card/card.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/card/card.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;CAGvB,CAAC"}

package/dist/src/components/card/card.test_ids.js

@@ -1,5 +0,0 @@
-export const cardTestIds = {
-    CARD: 'card',
-    CONTENT: 'card-content',
-};
-//# sourceMappingURL=card.test_ids.js.map

package/dist/src/components/card/card.test_ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.test_ids.js","sourceRoot":"","sources":["../../../../src/components/card/card.test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,cAAc;CAC1B,CAAC"}

package/dist/src/components/code/code_block/code_block.test_ids.d.ts

@@ -1,5 +0,0 @@
-export declare const codeBlockTestIds: {
-    HEADER: string;
-};
-export declare const codeBlockTabTestId: (key: string) => string;
-//# sourceMappingURL=code_block.test_ids.d.ts.map

package/dist/src/components/code/code_block/code_block.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code_block.test_ids.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;CAE5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,KAAG,MAAiC,CAAC"}

package/dist/src/components/code/code_block/code_block.test_ids.js

@@ -1,5 +0,0 @@
-export const codeBlockTestIds = {
-    HEADER: 'code-block-header',
-};
-export const codeBlockTabTestId = (key) => `code-block-tab-${key}`;
-//# sourceMappingURL=code_block.test_ids.js.map

package/dist/src/components/code/code_block/code_block.test_ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"code_block.test_ids.js","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,MAAM,EAAE,mBAAmB;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,kBAAkB,GAAG,EAAE,CAAC"}

package/dist/src/components/code/prism_highlighter.test_ids.d.ts

@@ -1,4 +0,0 @@
-export declare const prismHighlighterTestIds: {
-    CODE: string;
-};
-//# sourceMappingURL=prism_highlighter.test_ids.d.ts.map

package/dist/src/components/code/prism_highlighter.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prism_highlighter.test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/code/prism_highlighter.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;CAEnC,CAAC"}

package/dist/src/components/code/prism_highlighter.test_ids.js

@@ -1,4 +0,0 @@
-export const prismHighlighterTestIds = {
-    CODE: 'code-block-code',
-};
-//# sourceMappingURL=prism_highlighter.test_ids.js.map

package/dist/src/components/code/prism_highlighter.test_ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prism_highlighter.test_ids.js","sourceRoot":"","sources":["../../../../src/components/code/prism_highlighter.test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,IAAI,EAAE,iBAAiB;CAC1B,CAAC"}

package/dist/src/components/dropdown/dropdown.test_ids.d.ts

@@ -1,5 +0,0 @@
-export declare const dropdownTestIds: {
-    WRAPPER: string;
-    ITEM: string;
-};
-//# sourceMappingURL=dropdown.test_ids.d.ts.map

package/dist/src/components/dropdown/dropdown.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;CAG3B,CAAC"}

package/dist/src/components/dropdown/dropdown.test_ids.js

@@ -1,5 +0,0 @@
-export const dropdownTestIds = {
-    WRAPPER: 'dropdown-wrapper',
-    ITEM: 'dropdown-item',
-};
-//# sourceMappingURL=dropdown.test_ids.js.map

package/dist/src/components/dropdown/dropdown.test_ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.test_ids.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,IAAI,EAAE,eAAe;CACxB,CAAC"}

package/dist/src/components/store/store_actor_header.test_ids.d.ts

@@ -1,4 +0,0 @@
-export declare const storeActorHeaderTestIds: {
-    HEADER: string;
-};
-//# sourceMappingURL=store_actor_header.test_ids.d.ts.map

package/dist/src/components/store/store_actor_header.test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store_actor_header.test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/store/store_actor_header.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;CAEnC,CAAC"}

package/dist/src/components/store/store_actor_header.test_ids.js

@@ -1,4 +0,0 @@
-export const storeActorHeaderTestIds = {
-    HEADER: 'actor-store-item-header',
-};
-//# sourceMappingURL=store_actor_header.test_ids.js.map

package/dist/src/components/store/store_actor_header.test_ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"store_actor_header.test_ids.js","sourceRoot":"","sources":["../../../../src/components/store/store_actor_header.test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,MAAM,EAAE,yBAAyB;CACpC,CAAC"}

package/src/components/card/card.test_ids.ts

@@ -1,4 +0,0 @@
-export const cardTestIds = {
-    CARD: 'card',
-    CONTENT: 'card-content',
-};

package/src/components/code/code_block/code_block.test_ids.ts

@@ -1,5 +0,0 @@
-export const codeBlockTestIds = {
-    HEADER: 'code-block-header',
-};
-
-export const codeBlockTabTestId = (key: string): string => `code-block-tab-${key}`;

package/src/components/code/prism_highlighter.test_ids.ts

@@ -1,3 +0,0 @@
-export const prismHighlighterTestIds = {
-    CODE: 'code-block-code',
-};

package/src/components/dropdown/dropdown.test_ids.ts

@@ -1,4 +0,0 @@
-export const dropdownTestIds = {
-    WRAPPER: 'dropdown-wrapper',
-    ITEM: 'dropdown-item',
-};

package/src/components/store/store_actor_header.test_ids.ts

@@ -1,3 +0,0 @@
-export const storeActorHeaderTestIds = {
-    HEADER: 'actor-store-item-header',
-};