@apify/ui-library 1.148.0 → 1.148.1-featuremigrateapifyuilibrary-48563e.21

package/src/components/icon_button/icon_button.stories.tsx

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 
 import { BellIcon, DeleteIcon, PeopleIcon } from '@apify/ui-icons';
 
-import { ICON_BUTTON_VARIANTS, IconButton, type IconButtonProps } from './icon_button.js';
+import { ICON_BUTTON_VARIANTS, IconButton, type IconButtonProps } from './icon_button';
 
 export default {
     title: 'UI-Library/IconButton',

package/src/components/icon_button/icon_button.tsx

@@ -5,7 +5,7 @@ import type { IconComponent, IconSize } from '@apify/ui-icons';
 
 import type { ValueOf } from '@apify-packages/types';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 import type { RegularBoxProps } from '../box';
 import {
     Button,
@@ -13,10 +13,10 @@ import {
     type ButtonSize,
     type RegularButtonProps,
     type TransientButtonProps,
-} from '../button/index.js';
-import { Tooltip } from '../floating/index.js';
-import { Link, type RegularLinkProps } from '../link/index.js';
-import { InlineSpinner, spinnerClassNames } from '../spinner/index.js';
+} from '../button';
+import { Tooltip } from '../floating';
+import { Link, type RegularLinkProps } from '../link';
+import { InlineSpinner, spinnerClassNames } from '../spinner';
 
 export const ICON_BUTTON_VARIANTS = {
     DEFAULT: 'DEFAULT',

package/src/components/icon_button/index.ts

@@ -1 +1 @@
-export * from './icon_button.js';
+export * from './icon_button';

package/src/components/image/image.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Image } from './image.js';
+import { Image } from './image';
 
 const meta: Meta<typeof Image> = {
     title: 'UI-Library/Image',

package/src/components/image/image.tsx

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

package/src/components/image/index.ts

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

package/src/components/index.ts

@@ -1,40 +1,40 @@
-export * from './text/index.js';
-export * from './box/index.js';
-export * from './avatar/index.js';
-export * from './card_container/index.js';
-export * from './message/index.js';
-export * from './floating/index.js';
-export * from './button/index.js';
-export * from './link/index.js';
-export * from './action_link/index.js';
-export * from './simple_markdown/index.js';
-export * from './code/index.js';
-export * from './color_wheel_gradient/index.js';
-export * from './readme_renderer/index.js';
-export * from './card/index.js';
-export * from './markdown/index.js';
-export * from './pagination/index.js';
-export * from './tab_number_chip/index.js';
-export * from './tile/index.js';
-export * from './blog_article/index.js';
-export * from './banner/index.js';
-export * from './actor_template_card/index.js';
-export * from './chip/index.js';
-export * from './image/index.js';
-export * from './rating/index.js';
-export * from './badge/index.js';
-export * from './tag/index.js';
-export * from './tabs/index.js';
-export * from './shortcut/index.js';
-export * from './icon_button/index.js';
-export * from './spinner/index.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 './dropdown/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';
+export * from './dropdown';

package/src/components/link/index.ts

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

package/src/components/link/link.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryContext, StoryObj } from '@storybook/react-vite';
 import type { ElementType } from 'react';
 
-import { Link, type LinkProps } from './link.js';
+import { Link, type LinkProps } from './link';
 
 // eslint-disable-next-line @stylistic/max-len
 const longText =

package/src/components/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/index.js';
+import { theme } from '../../design_system/theme';
+import { useSharedUiDependencies } from '../../ui_dependency_provider';
+import { Box, type BoxProps } from '../box';
 
 export type To = string | Partial<Path>;
 export interface RegularLinkProps {

package/src/components/markdown/index.ts

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

package/src/components/markdown/markdown.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Markdown, type MarkdownProps } from './markdown.js';
+import { Markdown, type MarkdownProps } from './markdown';
 
 export default {
     title: 'UI-Library/Markdown/Markdown',

package/src/components/markdown/markdown.tsx

@@ -10,13 +10,13 @@ import styled from 'styled-components';
 
 import { LinkIcon } from '@apify/ui-icons';
 
+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/index.js';
-import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer/index.js';
+import { theme } from '../../design_system/theme';
+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

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

package/src/components/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/index.js';
+import { theme } from '../../design_system/theme';
+import { Box, type BoxProps } from '../box';
 import type { ButtonProps } from '../button';
-import { Button } from '../button/index.js';
-import { Text } from '../text/index.js';
+import { Button } from '../button';
+import { Text } from '../text';
 
 export const messageClassNames = {
     main: 'Message',

package/src/components/pagination/index.ts

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

package/src/components/pagination/pagination.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { PaginationButtons, type PaginationButtonsProps } from './pagination.js';
+import { PaginationButtons, type PaginationButtonsProps } from './pagination';
 
 export default {
     title: 'UI-Library/PaginationButtons',

package/src/components/pagination/pagination.tsx

@@ -4,9 +4,9 @@ import styled from 'styled-components';
 
 import { ChevronLeftIcon, ChevronRightIcon } from '@apify/ui-icons';
 
-import { theme } from '../../design_system/theme.js';
-import { Box } from '../box/index.js';
-import { Button } from '../button/index.js';
+import { theme } from '../../design_system/theme';
+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/radio_button/index.ts

@@ -1 +1 @@
-export * from './radio_button.js';
+export * from './radio_button';

package/src/components/radio_button/radio_button.stories.tsx

@@ -1,7 +1,7 @@
 import { type ComponentProps, useState } from 'react';
 import styled from 'styled-components';
 
-import { RadioButtonPrimitive } from './radio_button.js';
+import { RadioButtonPrimitive } from './radio_button';
 
 export default {
     title: 'UI-Library/Inputs/RadioButtonPrimitive',

package/src/components/radio_button/radio_button.style.ts

@@ -1,6 +1,6 @@
 import { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 
 export const radioButtonStyle = css`
     all: unset;

package/src/components/radio_button/radio_button.tsx

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { type ComponentPropsWithoutRef, type FC } from 'react';
 import styled from 'styled-components';
 
-import { radioButtonStyle } from './radio_button.style.js';
+import { radioButtonStyle } from './radio_button.style';
 
 const RADIO_VALUE = 'checked';
 

package/src/components/rating/index.ts

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

package/src/components/rating/rating.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Rating, RatingStats, SingleStarRating } from './rating.js';
+import { Rating, RatingStats, SingleStarRating } from './rating';
 
 interface RatingProps {
     rating: number | undefined;

package/src/components/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 { theme } from '../../design_system/theme';
 import type { BoxProps } from '../box';
-import { Box } from '../box/index.js';
-import { Text } from '../text/index.js';
+import { Box } from '../box';
+import { Text } from '../text';
 
 type RatingStatsProps = {
     ratingStats: Record<ReviewRating, number>;

package/src/components/readme_renderer/index.ts

@@ -1,3 +1,3 @@
-export { useActorTitleHeadingFilter, cleanMarkdown, slugifyHeadingChildren } from './utils.js';
-export { pythonizeValue } from './pythonize_value.js';
-export { TableOfContents, type TableOfContentsProps, useShowTableOfContents } from './table_of_contents.js';
+export { useActorTitleHeadingFilter, cleanMarkdown, slugifyHeadingChildren } from './utils';
+export { pythonizeValue } from './pythonize_value';
+export { TableOfContents, type TableOfContentsProps, useShowTableOfContents } from './table_of_contents';

package/src/components/readme_renderer/table_of_contents.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import styled from 'styled-components';
 
-import { TableOfContents, type TableOfContentsProps } from './table_of_contents.js';
+import { TableOfContents, type TableOfContentsProps } from './table_of_contents';
 
 export default {
     title: 'UI-Library/TableOfContents',

package/src/components/readme_renderer/table_of_contents.tsx

@@ -4,11 +4,11 @@ import ReactMarkdown, { type AllowElement } from 'react-markdown';
 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/index.js';
-import { Text } from '../text/index.js';
-import { cleanMarkdown, slugifyHeadingChildren } from './utils.js';
+import { theme } from '../../design_system/theme';
+import { inlineCodeStyles } from '../code';
+import { Link } from '../link';
+import { Text } from '../text';
+import { cleanMarkdown, slugifyHeadingChildren } from './utils';
 
 export const useShowTableOfContents = (markdown: string | null | undefined) =>
     useMemo(() => markdown && !!markdown.match(/^(#{1,3})\s.+$/m), [markdown]);

package/src/components/select/index.ts

@@ -1 +1 @@
-export * from './select.js';
+export * from './select';

package/src/components/select/select.stories.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { EyeIcon } from '@apify/ui-icons';
 
-import { SelectPrimitive as Select } from './select.js';
+import { SelectPrimitive as Select } from './select';
 
 export default {
     title: 'UI-Library/Inputs/SelectPrimitive',

package/src/components/select/select.tsx

@@ -13,9 +13,9 @@ 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/index.js';
-import { Text } from '../text/index.js';
+import { theme } from '../../design_system/theme';
+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

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

package/src/components/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';
+import { Text } from '../text';
 
 interface ShortcutProps {
     as?: ElementType;

package/src/components/simple_markdown/index.ts

@@ -1,2 +1,2 @@
-export * from './simple_markdown.js';
-export * from './simple_markdown_components.js';
+export * from './simple_markdown';
+export * from './simple_markdown_components';

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

@@ -1,5 +1,5 @@
-import { Box } from '../box/index.js';
-import { SimpleMarkdown, type SimpleMarkdownProps } from './simple_markdown.js';
+import { Box } from '../box';
+import { SimpleMarkdown, type SimpleMarkdownProps } from './simple_markdown';
 
 const testMarkdown = `
 Lorem ipsum **with bold** text and some *italic text*.

package/src/components/simple_markdown/simple_markdown.tsx

@@ -9,14 +9,14 @@ import remarkGfm from 'remark-gfm';
 import styled from 'styled-components';
 import { visit } from 'unist-util-visit';
 
-import { theme } from '../../design_system/theme.js';
-import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { Box } from '../box/index.js';
-import { Image } from '../image/index.js';
-import { isUrlExternal } from '../link/index.js';
-import { cleanMarkdown } from '../readme_renderer/index.js';
-import { Heading, HeadingContent, Text, TextContent } from '../text/index.js';
-import { MarkdownBlockQuote, MarkdownCode, MarkdownLink, MarkdownTable } from './simple_markdown_components.js';
+import { theme } from '../../design_system/theme';
+import { useSharedUiDependencies } from '../../ui_dependency_provider';
+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';
 
 export type SimpleMarkdownComponents = Components;
 

package/src/components/simple_markdown/simple_markdown_components.tsx

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

package/src/components/spinner/index.ts

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

package/src/components/spinner/spinner.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta } from '@storybook/react-vite';
 
-import { InlineSpinner, Spinner, type SpinnerProps } from './spinner.js';
+import { InlineSpinner, Spinner, type SpinnerProps } from './spinner';
 
 export default {
     title: 'UI-Library/Spinner',

package/src/components/spinner/spinner.tsx

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

package/src/components/store/index.ts

@@ -1 +1 @@
-export * from './store_actor_header.js';
+export * from './store_actor_header';

package/src/components/store/store_actor_header.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import React from 'react';
 
-import { StoreActorHeader } from './store_actor_header.js';
+import { StoreActorHeader } from './store_actor_header';
 
 const meta = {
     title: 'UI-Library/Store/StoreActorHeader',

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 { theme } from '../../design_system/theme.js';
-import { ActorAvatar, actorAvatarClassnames } from '../avatar/index.js';
+import { Badge, Box, type BoxProps, Text } from '../../components';
+import { theme } from '../../design_system/theme';
+import { ActorAvatar, actorAvatarClassnames } from '../avatar';
 
 const storeActorHeaderClassNames = {
     title: 'ActorStoreItem-title',

package/src/components/switch/index.ts

@@ -1 +1 @@
-export * from './switch.js';
+export * from './switch';

package/src/components/switch/switch.style.ts

@@ -1,6 +1,6 @@
 import { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 
 export const switchStyle = css`
     width: 32px;

package/src/components/switch/switch.tsx

@@ -2,8 +2,8 @@ import * as SwitchPrimitiveReact from '@radix-ui/react-switch';
 import clsx from 'clsx';
 import styled from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
-import { switchStyle } from './switch.style.js';
+import { theme } from '../../design_system/theme';
+import { switchStyle } from './switch.style';
 
 const StyledSwitch = styled(SwitchPrimitiveReact.Root)`
     all: unset;

package/src/components/tab_number_chip/index.ts

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

package/src/components/tab_number_chip/tab_number_chip.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import styled from 'styled-components';
 
-import { TabNumberChip } from './tab_number_chip.js';
+import { TabNumberChip } from './tab_number_chip';
 
 interface TabNumberChipProps {
     children: React.ReactNode;

package/src/components/tab_number_chip/tab_number_chip.tsx

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

package/src/components/table/index.ts

@@ -1,16 +1,16 @@
-export { Table } from './table.js';
-export { TableHead } from './table_head.js';
-export { TableBody } from './table_body.js';
-export { TableFoot } from './table_foot.js';
-export { TableHeadRow } from './table_head_row.js';
-export { TableHeadCell } from './table_head_cell.js';
-export { TableRow } from './table_row.js';
-export { TableCell, TableCellLink } from './table_cell.js';
-export { HorizontallyScrollableTableWrapper } from './table_wrapper.js';
-export { TableExpansionRow } from './table_expansion_row.js';
-export { TableEmptyRow } from './table_empty_row.js';
-export { TableLoadingRow } from './table_loading_row.js';
-export { TableErrorRow } from './table_error_row.js';
-export { tableClassNames } from './table.styled.js';
-export { tableTestIds } from './table.test_ids.js';
-export type { HorizontallyScrollableTableWrapperProps, TableExpansion, TableRowProps } from './table.types.js';
+export { Table } from './table';
+export { TableHead } from './table_head';
+export { TableBody } from './table_body';
+export { TableFoot } from './table_foot';
+export { TableHeadRow } from './table_head_row';
+export { TableHeadCell } from './table_head_cell';
+export { TableRow } from './table_row';
+export { TableCell, TableCellLink } from './table_cell';
+export { HorizontallyScrollableTableWrapper } from './table_wrapper';
+export { TableExpansionRow } from './table_expansion_row';
+export { TableEmptyRow } from './table_empty_row';
+export { TableLoadingRow } from './table_loading_row';
+export { TableErrorRow } from './table_error_row';
+export { tableClassNames } from './table.styled';
+export { tableTestIds } from './table.test_ids';
+export type { HorizontallyScrollableTableWrapperProps, TableExpansion, TableRowProps } from './table.types';

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,