@apify/ui-library 1.141.0 → 1.141.2

package/src/components/{image.tsx → image/image.tsx}

@@ -1,8 +1,8 @@
 import { forwardRef } from 'react';
 
-import type { ImageProxyOptions } from '../ui_dependency_provider.js';
-import { useSharedUiDependencies } from '../ui_dependency_provider.js';
-import { Box, type BoxProps } from './box.js';
+import type { ImageProxyOptions } from '../../ui_dependency_provider';
+import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
+import { Box, type BoxProps } from '../box';
 
 type ImageProps = {
     src: string;

package/src/components/image/index.ts

@@ -0,0 +1 @@
+export * from './image.js';

package/src/components/index.ts

@@ -1,36 +1,39 @@
-export * from './text/index.js';
-export * from './box.js';
-export * from './avatar/index.js';
-export * from './card_container.js';
-export * from './message.js';
-export * from './floating/index.js';
-export * from './button.js';
-export * from './link.js';
-export * from './action_link.js';
-export * from './simple_markdown/index.js';
-export * from './code/index.js';
-export * from './color_wheel_gradient.js';
-export * from './readme_renderer/index.js';
-export * from './to_consolidate/index.js';
-export * from './tile/index.js';
-export * from './blog_article.js';
-export * from './banner.js';
-export * from './actor_template_card.js';
-export * from './chip.js';
-export * from './image.js';
-export * from './rating.js';
-export * from './badge.js';
-export * from './tag.js';
-export * from './tabs/index.js';
-export * from './shortcut.js';
-export * from './icon_button.js';
-export * from './spinner.js';
-export * from './store/index.js';
-export * from './checkbox/index.js';
-export * from './radio_button/index.js';
-export * from './browser_window/index.js';
-export * from './collapsible_card/index.js';
-export * from './select/index.js';
-export * from './switch/index.js';
-export * from './table/index.js';
-export * from './breadcrumb/index.js';
+export * from './text';
+export * from './box';
+export * from './avatar';
+export * from './card_container';
+export * from './message';
+export * from './floating';
+export * from './button';
+export * from './link';
+export * from './action_link';
+export * from './simple_markdown';
+export * from './code';
+export * from './color_wheel_gradient';
+export * from './readme_renderer';
+export * from './card';
+export * from './markdown';
+export * from './pagination';
+export * from './tab_number_chip';
+export * from './tile';
+export * from './blog_article';
+export * from './banner';
+export * from './actor_template_card';
+export * from './chip';
+export * from './image';
+export * from './rating';
+export * from './badge';
+export * from './tag';
+export * from './tabs';
+export * from './shortcut';
+export * from './icon_button';
+export * from './spinner';
+export * from './store';
+export * from './checkbox';
+export * from './radio_button';
+export * from './browser_window';
+export * from './collapsible_card';
+export * from './select';
+export * from './switch';
+export * from './table';
+export * from './breadcrumb';

package/src/components/link/index.ts

@@ -0,0 +1 @@
+export * from './link.js';

package/src/components/{link.tsx → link/link.tsx}

@@ -6,9 +6,9 @@ import styled from 'styled-components';
 
 import { ExternalLinkIcon } from '@apify/ui-icons';
 
-import { theme } from '../design_system/theme.js';
-import { useSharedUiDependencies } from '../ui_dependency_provider.js';
-import { Box, type BoxProps } from './box.js';
+import { theme } from '../../design_system/theme.js';
+import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
+import { Box, type BoxProps } from '../box';
 
 export type To = string | Partial<Path>;
 export interface RegularLinkProps {

package/src/components/markdown/index.ts

@@ -0,0 +1 @@
+export * from './markdown.js';

package/src/components/{to_consolidate → markdown}/markdown.tsx

@@ -10,13 +10,13 @@ import styled from 'styled-components';
 
 import { LinkIcon } from '@apify/ui-icons';
 
-import type { UiThemeOption } from '../../design_system/theme.js';
+import { Box } from '..';
+import type { UiThemeOption } from '../../design_system/theme';
 import { theme } from '../../design_system/theme.js';
-import { useCopyToClipboard } from '../../utils/index.js';
-import { CodeBlock, inlineCodeStyles, OneLineCode } from '../code/index.js';
-import { Box } from '../index.js';
-import { Link as SharedLink, type LinkProps } from '../link.js';
-import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer/utils.js';
+import { useCopyToClipboard } from '../../utils';
+import { CodeBlock, inlineCodeStyles, OneLineCode } from '../code';
+import { Link as SharedLink, type LinkProps } from '../link';
+import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer';
 
 interface StyledReadmeProps {
     $scrollMarginTopPx: number;

package/src/components/message/index.ts

@@ -0,0 +1 @@
+export * from './message.js';

package/src/components/{message.stories.jsx → message/message.stories.jsx}

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { PlaceholderIcon } from '@apify/ui-icons';
 
-import { Link } from './link.tsx';
+import { Link } from '../link';
 import { Message } from './message.tsx';
 
 const handleDismissClick = () => {};

package/src/components/{message.tsx → message/message.tsx}

@@ -6,11 +6,11 @@ import styled, { css } from 'styled-components';
 import type { IconComponent as IconComponentType } from '@apify/ui-icons';
 import { CheckIcon, CrossIcon, InfoIcon, WarningTriangleIcon, XCircleIcon } from '@apify/ui-icons';
 
-import { theme } from '../design_system/theme.js';
-import { Box, type BoxProps } from './box.js';
-import type { ButtonProps } from './button.js';
-import { Button } from './button.js';
-import { Text } from './text/index.js';
+import { theme } from '../../design_system/theme.js';
+import { Box, type BoxProps } from '../box';
+import type { ButtonProps } from '../button';
+import { Button } from '../button';
+import { Text } from '../text';
 
 export const messageClassNames = {
     main: 'Message',

package/src/components/pagination/index.ts

@@ -0,0 +1 @@
+export * from './pagination.js';

package/src/components/{to_consolidate → pagination}/pagination.tsx

@@ -5,8 +5,8 @@ import styled from 'styled-components';
 import { ChevronLeftIcon, ChevronRightIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
-import { Box } from '../box.js';
-import { Button } from '../button.js';
+import { Box } from '../box';
+import { Button } from '../button';
 
 const LEADING_THREE_DOTS_PAGE_KEY = -1;
 const TRAILING_THREE_DOTS_PAGE_KEY = -2;

package/src/components/rating/index.ts

@@ -0,0 +1 @@
+export * from './rating.js';

package/src/components/{rating.tsx → rating/rating.tsx}

@@ -6,10 +6,10 @@ import { StarEmptyIcon, StarFullIcon, StarHalfIcon } from '@apify/ui-icons';
 
 import type { ReviewRating } from '@apify-packages/types';
 
-import { theme } from '../design_system/theme.js';
-import type { BoxProps } from './box.js';
-import { Box } from './box.js';
-import { Text } from './text/index.js';
+import { theme } from '../../design_system/theme.js';
+import type { BoxProps } from '../box';
+import { Box } from '../box';
+import { Text } from '../text';
 
 type RatingStatsProps = {
     ratingStats: Record<ReviewRating, number>;

package/src/components/readme_renderer/table_of_contents.tsx

@@ -5,9 +5,9 @@ import remarkToc from 'remark-toc';
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { inlineCodeStyles } from '../code/index.js';
-import { Link } from '../link.js';
-import { Text } from '../text/index.js';
+import { inlineCodeStyles } from '../code';
+import { Link } from '../link';
+import { Text } from '../text';
 import { cleanMarkdown, slugifyHeadingChildren } from './utils.js';
 
 export const useShowTableOfContents = (markdown: string | null | undefined) =>

package/src/components/select/select.tsx

@@ -14,8 +14,8 @@ import styled from 'styled-components';
 import { CaretDownIcon, CaretUpIcon, CrossIcon, XCircleIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
-import { IconButton } from '../icon_button.js';
-import { Text } from '../text/index.js';
+import { IconButton } from '../icon_button';
+import { Text } from '../text';
 
 const DEFAULT_Z_INDEX_IN_MODAL = 99;
 const DEFAULT_Z_INDEX_OUTSIDE_MODAL = 9;

package/src/components/shortcut/index.ts

@@ -0,0 +1 @@
+export * from './shortcut.js';

package/src/components/{shortcut.stories.jsx → shortcut/shortcut.stories.jsx}

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { theme } from '../design_system/theme.ts';
+import { theme } from '../../design_system/theme.ts';
 import { Shortcut } from './shortcut.tsx';
 
 export default {

package/src/components/{shortcut.tsx → shortcut/shortcut.tsx}

@@ -1,8 +1,8 @@
 import type { ElementType } from 'react';
 import styled, { css } from 'styled-components';
 
-import { theme } from '../design_system/theme.js';
-import { Text } from './text/index.js';
+import { theme } from '../../design_system/theme.js';
+import { Text } from '../text';
 
 interface ShortcutProps {
     as?: ElementType;

package/src/components/simple_markdown/simple_markdown.stories.tsx

@@ -1,4 +1,4 @@
-import { Box } from '../box.js';
+import { Box } from '../box';
 import { SimpleMarkdown, type SimpleMarkdownProps } from './simple_markdown.js';
 
 const testMarkdown = `

package/src/components/simple_markdown/simple_markdown.tsx

@@ -11,11 +11,11 @@ import { visit } from 'unist-util-visit';
 
 import { theme } from '../../design_system/theme.js';
 import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { Box } from '../box.js';
-import { Image } from '../image.js';
-import { isUrlExternal } from '../link.js';
-import { cleanMarkdown } from '../readme_renderer/utils.js';
-import { Heading, HeadingContent, Text, TextContent } from '../text/index.js';
+import { Box } from '../box';
+import { Image } from '../image';
+import { isUrlExternal } from '../link';
+import { cleanMarkdown } from '../readme_renderer';
+import { Heading, HeadingContent, Text, TextContent } from '../text';
 import { MarkdownBlockQuote, MarkdownCode, MarkdownLink, MarkdownTable } from './simple_markdown_components.js';
 
 export type SimpleMarkdownComponents = Components;

package/src/components/simple_markdown/simple_markdown_components.tsx

@@ -7,17 +7,17 @@ import styled from 'styled-components';
 import { CheckIcon, LinkIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
-import type { WithOptional } from '../../type_utils.js';
-import { useCopyToClipboard } from '../../utils/index.js';
-import { Box } from '../box.js';
-import { CodeBlock, InlineCode, OneLineCode } from '../code/index.js';
-import type { LinkProps } from '../link.js';
-import { Link } from '../link.js';
-import { slugifyHeadingChildren } from '../readme_renderer/utils.js';
-import type { HeadingSharedProps } from '../text/heading_shared.js';
-import { Heading, TextContent } from '../text/index.js';
-import type { ContentTextProps } from '../text/text_content.js';
-import type { SharedTextSize } from '../text/text_shared.js';
+import type { WithOptional } from '../../type_utils';
+import { useCopyToClipboard } from '../../utils';
+import { Box } from '../box';
+import { CodeBlock, InlineCode, OneLineCode } from '../code';
+import type { LinkProps } from '../link';
+import { Link } from '../link';
+import { slugifyHeadingChildren } from '../readme_renderer';
+import { Heading, TextContent } from '../text';
+import type { HeadingSharedProps } from '../text';
+import type { ContentTextProps } from '../text';
+import type { SharedTextSize } from '../text';
 
 const simpleMarkdownClassNames = {
     HEADING_ICON_LINK: 'headingIconLink',

package/src/components/spinner/index.ts

@@ -0,0 +1 @@
+export * from './spinner.js';

package/src/components/{spinner.tsx → spinner/spinner.tsx}

@@ -1,7 +1,7 @@
 import styled, { keyframes } from 'styled-components';
 
-import { theme } from '../design_system/theme.js';
-import type { WithTransientProps } from '../type_utils.js';
+import { theme } from '../../design_system/theme.js';
+import type { WithTransientProps } from '../../type_utils';
 
 export const spinnerClassNames = {
     SPINNER: 'spinner',

package/src/components/store/store_actor_header.tsx

@@ -2,9 +2,9 @@ import styled from 'styled-components';
 
 import { StarEmptyIcon, WarningTriangleIcon } from '@apify/ui-icons';
 
-import { Badge, Box, type BoxProps, Text } from '../../components/index.js';
+import { Badge, Box, type BoxProps, Text } from '../../components';
 import { theme } from '../../design_system/theme.js';
-import { ActorAvatar, actorAvatarClassnames } from '../avatar/actor_avatar.js';
+import { ActorAvatar, actorAvatarClassnames } from '../avatar';
 
 const storeActorHeaderClassNames = {
     title: 'ActorStoreItem-title',

package/src/components/tab_number_chip/index.ts

@@ -0,0 +1 @@
+export * from './tab_number_chip.js';

package/src/components/{to_consolidate → tab_number_chip}/tab_number_chip.tsx

@@ -2,7 +2,7 @@ import type React from 'react';
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Text } from '../text/index.js';
+import { Text } from '../text';
 
 const StyledChip = styled(Text)`
     color: ${theme.color.neutral.text};

package/src/components/table/table.context.ts

@@ -1,5 +1,5 @@
 import { createContext } from 'react';
 
-import type { To } from '../link.js';
+import type { To } from '../link';
 
 export const TableRowLinkContext = createContext<To | undefined>(undefined);

package/src/components/table/table.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, within } from 'storybook/test';
 
-import { Text } from '../text/index.js';
+import { Text } from '../text';
 import {
     HorizontallyScrollableTableWrapper,
     Table,

package/src/components/table/table.styled.ts

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Box } from '../box.js';
+import { Box } from '../box';
 
 /** z-index for sticky table head cells. Consumers can override via CSS if needed. */
 const STICKY_HEAD_Z_INDEX = 5;

package/src/components/table/table.types.ts

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 
-import type { To } from '../link.js';
+import type { To } from '../link';
 
 export type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
     /** Apply clickable cursor style. Automatically set when `to` is provided. */

package/src/components/table/table_cell.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import type { FC, TdHTMLAttributes } from 'react';
 import { useContext } from 'react';
 
-import { Link, type LinkProps } from '../link.js';
+import { Link, type LinkProps } from '../link';
 import { TableRowLinkContext } from './table.context.js';
 import { tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';

package/src/components/table/table_error_row.tsx

@@ -1,6 +1,6 @@
 import type { FC, ReactNode } from 'react';
 
-import { Text } from '../text/index.js';
+import { Text } from '../text';
 import { tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
 

package/src/components/table/table_expansion_row.tsx

@@ -3,7 +3,7 @@ import type { FC, ReactNode } from 'react';
 
 import { tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
-import type { TableExpansion } from './table.types.js';
+import type { TableExpansion } from './table.types';
 
 export const TableExpansionRow: FC<{
     colSpan: number;

package/src/components/table/table_loading_row.tsx

@@ -1,6 +1,6 @@
 import type { FC, ReactNode } from 'react';
 
-import { InlineSpinner } from '../spinner.js';
+import { InlineSpinner } from '../spinner';
 import { tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
 

package/src/components/table/table_row.tsx

@@ -4,7 +4,7 @@ import type { FC } from 'react';
 import { TableRowLinkContext } from './table.context.js';
 import { tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
-import type { TableRowProps } from './table.types.js';
+import type { TableRowProps } from './table.types';
 
 export const TableRow: FC<TableRowProps> = ({ className, clickable, expanded, to, ...rest }) => {
     const row = (

package/src/components/table/table_wrapper.tsx

@@ -1,10 +1,10 @@
 import type { FC } from 'react';
 import { useCallback, useEffect, useRef } from 'react';
 
-import { Box } from '../box.js';
+import { Box } from '../box';
 import { StyledHorizontallyScrollableTableWrapper, StyledTableFooterWrapper, tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
-import type { HorizontallyScrollableTableWrapperProps } from './table.types.js';
+import type { HorizontallyScrollableTableWrapperProps } from './table.types';
 
 export const HorizontallyScrollableTableWrapper: FC<HorizontallyScrollableTableWrapperProps> = ({
     children,

package/src/components/tabs/tab.tsx

@@ -6,15 +6,15 @@ import styled, { css } from 'styled-components';
 import type { IconComponent } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
-import type { WithTransientProps } from '../../type_utils.js';
-import type { FlattenSimpleInterpolation } from '../../utils/type_utils.js';
-import type { BadgeSize } from '../badge.js';
-import { Badge } from '../badge.js';
-import type { MarginSpacingProps, RegularBoxProps } from '../box.js';
-import type { RegularLinkProps } from '../link.js';
-import { Link } from '../link.js';
-import { Text } from '../text/index.js';
-import type { SharedTextSize } from '../text/text_shared.js';
+import type { WithTransientProps } from '../../type_utils';
+import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
+import type { BadgeSize } from '../badge';
+import { Badge } from '../badge';
+import type { MarginSpacingProps, RegularBoxProps } from '../box';
+import type { RegularLinkProps } from '../link';
+import { Link } from '../link';
+import { Text } from '../text';
+import type { SharedTextSize } from '../text';
 
 type SharedTabProps = Omit<RegularBoxProps, 'as' | 'onClick'> &
     MarginSpacingProps &

package/src/components/tabs/tabs.tsx

@@ -3,12 +3,12 @@ import { useCallback, useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import type { WithTransientProps } from '../../type_utils.js';
+import type { WithTransientProps } from '../../type_utils';
 import { useResizeObserverSsr } from '../../utils/resize_observer.js';
-import type { FlattenSimpleInterpolation } from '../../utils/type_utils.js';
-import type { MarginSpacingProps, RegularBoxProps } from '../box.js';
-import { Box } from '../box.js';
-import type { TabData, TabVariant } from './tab.js';
+import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
+import type { MarginSpacingProps, RegularBoxProps } from '../box';
+import { Box } from '../box';
+import type { TabData, TabVariant } from './tab';
 import { Tab } from './tab.js';
 
 type SharedTabsProps = Omit<RegularBoxProps, 'as' | 'onClick'> & MarginSpacingProps;

package/src/components/tag/index.ts

@@ -0,0 +1 @@
+export * from './tag.js';

package/src/components/{tag.stories.jsx → tag/tag.stories.jsx}

@@ -3,8 +3,8 @@ import styled from 'styled-components';
 
 import { PeopleIcon, PlusIcon } from '@apify/ui-icons';
 
+import { SHARED_TEXT_TYPES } from '../text/text_shared.tsx';
 import { Tag, TAG_SIZES, TAG_VARIANTS } from './tag.tsx';
-import { SHARED_TEXT_TYPES } from './text/text_shared.tsx';
 
 export default {
     title: 'UI-Library/Tag',