@apify/ui-library 1.153.2-featureexposetestids-bd5e63.21 → 1.153.2

package/package.json

@@ -1,24 +1,12 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.153.2-featureexposetestids-bd5e63.21+d086d94f166",
+    "version": "1.153.2",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
     "sideEffects": false,
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "default": "./dist/index.js"
-        },
-        "./test-ids": {
-            "types": "./dist/test_ids.d.ts",
-            "default": "./dist/test_ids.js"
-        },
-        "./style/*": "./style/*",
-        "./package.json": "./package.json"
-    },
     "publishConfig": {
         "registry": "https://registry.npmjs.org",
         "access": "public"
@@ -75,7 +63,7 @@
         "styled-components": "^6.1.19"
     },
     "devDependencies": {
-        "@apify-packages/types": "^3.392.1",
+        "@apify-packages/types": "^3.393.0",
         "@storybook/react-vite": "^10.3.5",
         "@testing-library/react": "^16.3.2",
         "@types/hast": "^3.0.4",
@@ -95,5 +83,5 @@
         "src",
         "style"
     ],
-    "gitHead": "d086d94f166a86fee89868e4c9df887fb49577fd"
+    "gitHead": "1139bba67611929694e7b130d5ff44b8f48d5746"
 }

package/src/components/select/select.tsx

@@ -26,6 +26,11 @@ export type SelectOption = {
     label: ReactNode;
     value: SelectOptionValue;
     description?: string;
+    /**
+     * When `true`, the option is greyed out and cannot be selected (react-select reads this natively via
+     * its default `isOptionDisabled`). Use it to keep unavailable options visible instead of hiding them.
+     */
+    isDisabled?: boolean;
 };
 
 // There is a prop collision in styled-components@6 and react-select. react-select uses `theme` prop but
@@ -87,8 +92,14 @@ const selectStyles: StylesConfig<SelectOption> = {
     }),
     option: (base, state) => ({
         ...base,
-        color: state.isSelected ? theme.color.neutral.textOnPrimary : theme.color.neutral.text,
+        // Disabled options stay visible but greyed out and non-selectable ("disable, don't hide").
+        color: state.isDisabled
+            ? theme.color.neutral.textDisabled
+            : state.isSelected
+              ? theme.color.neutral.textOnPrimary
+              : theme.color.neutral.text,
         backgroundColor: state.isSelected ? theme.color.primary.action : theme.color.neutral.background,
+        cursor: state.isDisabled ? 'not-allowed' : 'default',
         '& > p': {
             color: state.isSelected ? theme.color.neutral.textOnPrimary : theme.color.neutral.textSubtle,
             a: {
@@ -101,7 +112,11 @@ const selectStyles: StylesConfig<SelectOption> = {
         },
 
         '&:hover': {
-            backgroundColor: state.isSelected ? undefined : theme.color.neutral.hover,
+            backgroundColor: state.isDisabled
+                ? theme.color.neutral.background
+                : state.isSelected
+                  ? undefined
+                  : theme.color.neutral.hover,
         },
     }),
     noOptionsMessage: (base) => ({

package/dist/src/test_ids.d.ts

@@ -1,2 +0,0 @@
-export { tableTestIds } from './components/table/table.test_ids.js';
-//# sourceMappingURL=test_ids.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/src/test_ids.js

@@ -1,4 +0,0 @@
-// `./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 { tableTestIds } from './components/table/table.test_ids.js';
-//# sourceMappingURL=test_ids.js.map

package/dist/src/test_ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test_ids.js","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,2FAA2F;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/test_ids.d.ts

@@ -1,2 +0,0 @@
-export { tableTestIds } from './components/table/table.test_ids.js';
-//# sourceMappingURL=test_ids.d.ts.map

package/dist/test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../src/test_ids.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/test_ids.js

@@ -1,2 +0,0 @@
-import { tableTestIds } from "./components/table/table.test_ids.js";
-export { tableTestIds };

package/src/test_ids.ts

@@ -1,3 +0,0 @@
-// `./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 { tableTestIds } from './components/table/table.test_ids.js';