@apify/ui-library 1.168.0 → 1.168.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.168.0",
+    "version": "1.168.2",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -75,7 +75,6 @@
         "styled-components": "^6.1.19"
     },
     "devDependencies": {
-        "@apify-packages/types": "^3.454.0",
         "@storybook/react-vite": "^10.3.5",
         "@testing-library/react": "^16.3.2",
         "@types/hast": "^3.0.4",
@@ -95,5 +94,5 @@
         "src",
         "style"
     ],
-    "gitHead": "6a2d3eedb716e9e766ea4328f4ef3c5554fc6426"
+    "gitHead": "9b5709c7d03526fdda3f4ad091c5890b4e745891"
 }

package/src/components/action_link/action_link.tsx

@@ -3,9 +3,8 @@ import styled from 'styled-components';
 
 import { ArrowLeftIcon, ArrowRightIcon } from '@apify/ui-icons';
 
-import type { RequiredBy } from '@apify-packages/types';
-
 import { theme } from '../../design_system/theme';
+import type { WithRequired } from '../../type_utils';
 import { Box, type BoxProps } from '../box';
 import { Link, type LinkProps, StyledAsLink } from '../link';
 import { Heading } from '../text';
@@ -27,7 +26,7 @@ const StyledGuidepost = styled(Box)<{ $isBackLink: boolean }>`
     }
 `;
 
-export const ActionBox: FC<RequiredBy<BoxProps, 'onClick'> & { contentProps?: object }> = ({
+export const ActionBox: FC<WithRequired<BoxProps, 'onClick'> & { contentProps?: object }> = ({
     as = StyledAsLink,
     contentProps,
     children,

package/src/components/card_container/card_container.tsx

@@ -1,10 +1,9 @@
 import type React from 'react';
 import styled from 'styled-components';
 
-import type { ValueOf } from '@apify-packages/types';
-
 import { theme } from '../../design_system/theme';
 import type { Size } from '../../design_system/tokens';
+import type { ValueOf } from '../../internal_type_utils';
 import { Box, type BoxProps } from '../box';
 
 export const cardContainerClassNames = {

package/src/components/chip/chip.tsx

@@ -4,9 +4,8 @@ import type React from 'react';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 
-import type { ValueOf } from '@apify-packages/types';
-
 import { theme } from '../../design_system/theme';
+import type { ValueOf } from '../../internal_type_utils';
 import type { RegularBoxProps } from '../box';
 
 export const CHIP_SIZES = {

package/src/components/code/one_line_code/one_line_code.tsx

@@ -3,8 +3,6 @@ import styled, { css } from 'styled-components';
 
 import { EyeIcon, EyeOffIcon } from '@apify/ui-icons';
 
-import type { HttpMethod } from '@apify-packages/types';
-
 import { theme } from '../../../design_system/theme';
 import type { BoxProps } from '../../box';
 import { InlineSpinner } from '../../spinner';
@@ -25,6 +23,8 @@ export const oneLineCodeClassNames = {
     buttons: 'OneLineCode-Buttons',
 };
 
+type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'HEAD' | 'PATCH' | 'OPTIONS';
+
 type ThemeType = keyof Pick<(typeof theme)['color'], 'primary' | 'success' | 'warning' | 'danger' | 'neutral'>;
 
 const HTML_METHOD_CHIP_STYLES: Record<HttpMethod, ThemeType> = {

package/src/components/dropdown/dropdown.types.ts

@@ -1,4 +1,4 @@
-import type { PopperContentProps } from '@radix-ui/react-popper';
+import type { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
 import type * as React from 'react';
 
 export type BaseDropdownItemProps = {
@@ -14,5 +14,5 @@ export type BaseDropdownContentProps = {
     height?: string;
     closeOnSelect?: boolean;
     zIndex?: number;
-    contentProps?: PopperContentProps;
+    contentProps?: DropdownMenuContentProps;
 };

package/src/components/icon_button/icon_button.tsx

@@ -3,9 +3,8 @@ import styled, { css } from 'styled-components';
 
 import type { IconComponent, IconSize } from '@apify/ui-icons';
 
-import type { ValueOf } from '@apify-packages/types';
-
 import { theme } from '../../design_system/theme';
+import type { ValueOf } from '../../internal_type_utils';
 import type { RegularBoxProps } from '../box';
 import {
     Button,

package/src/components/rating/rating.tsx

@@ -4,13 +4,13 @@ import styled from 'styled-components';
 
 import { StarEmptyIcon, StarFullIcon, StarHalfIcon } from '@apify/ui-icons';
 
-import type { ReviewRating } from '@apify-packages/types';
-
 import { theme } from '../../design_system/theme';
 import type { BoxProps } from '../box';
 import { Box } from '../box';
 import { Text } from '../text';
 
+type ReviewRating = 1 | 2 | 3 | 4 | 5;
+
 type RatingStatsProps = {
     ratingStats: Record<ReviewRating, number>;
 };

package/src/components/split_button/split_button.tsx

@@ -1,4 +1,4 @@
-import type { PopperContentProps } from '@radix-ui/react-popper';
+import type { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
 import clsx from 'clsx';
 import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
 import { useRef, useState } from 'react';
@@ -32,8 +32,8 @@ export interface SplitButtonProps
     /** Must contain at least two actions - a single action should just be a regular Button. */
     actions: SplitButtonAction[];
     label?: ReactNode;
-    side?: PopperContentProps['side'];
-    align?: PopperContentProps['align'];
+    side?: DropdownMenuContentProps['side'];
+    align?: DropdownMenuContentProps['align'];
     width?: string;
     showMainIcon?: boolean;
     /** @deprecated Wrap `SplitButton` in `Tooltip` instead. */
@@ -60,6 +60,7 @@ export const SplitButton = ({
     tooltipProps,
     zIndex,
     triggerAriaLabel = 'More actions',
+    disabled,
     ...passedProps
 }: SplitButtonProps) => {
     const [actionsVisible, setActionsVisible] = useState(false);
@@ -73,7 +74,7 @@ export const SplitButton = ({
 
     const wrapperClassNames = clsx(splitButtonClassNames.ROOT, className);
     const mainActionClassNames = clsx(splitButtonClassNames.MAIN_ACTION, passedProps.variant, passedProps.size);
-    const allActionsDisabled = !actions.some(({ disabled }) => !disabled);
+    const allActionsDisabled = actions.every((action) => action.disabled);
     // When all actions are disabled, we still want to be able to show the dropdown
     const triggerClassNames = clsx(
         splitButtonClassNames.TRIGGER,
@@ -89,7 +90,7 @@ export const SplitButton = ({
                 data-test={splitButtonMainActionTestId(mainAction.trackingId)}
                 {...passedProps}
                 className={mainActionClassNames}
-                disabled={mainAction.disabled}
+                disabled={disabled || mainAction.disabled}
                 mr="none"
                 onClick={() => {
                     mainAction.onClick();
@@ -103,6 +104,7 @@ export const SplitButton = ({
             <Button
                 {...passedProps}
                 className={triggerClassNames}
+                disabled={disabled}
                 ml="none"
                 onClick={() => setActionsVisible((prevActionsVisible) => !prevActionsVisible)}
                 trackingId={mainAction.trackingId ? `${mainAction.trackingId}-OpenDropdown` : undefined}
@@ -135,7 +137,7 @@ export const SplitButton = ({
                 {actions.map((action, index) => (
                     <Dropdown.Item
                         key={action.trackingId ?? index}
-                        disabled={action.disabled}
+                        disabled={disabled || action.disabled}
                         icon={action.icon && <action.icon size="16" />}
                         description={action.description}
                         onClick={() => {

package/src/internal_type_utils.ts

@@ -0,0 +1 @@
+export type ValueOf<T extends unknown[] | object> = T extends unknown[] ? T[number] : T[keyof T];