@apify/ui-library 1.84.0 → 1.84.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.84.0",
+    "version": "1.84.2",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -26,7 +26,7 @@
         "It's not nice, but helps us to get around the problem of multiple react instances."
     ],
     "dependencies": {
-        "@apify/ui-icons": "^1.14.0",
+        "@apify/ui-icons": "^1.14.2",
         "@floating-ui/react": "^0.26.2",
         "@react-hook/resize-observer": "^2.0.2",
         "clsx": "^2.0.0",
@@ -52,14 +52,10 @@
         "styled-components": "^5.3.3"
     },
     "devDependencies": {
-        "@apify/eslint-config": "^1.0.0",
         "@types/lodash": "^4.14.200",
         "@types/node": "^22.10.5",
         "@types/react": "^18.2.74",
         "@types/styled-components": "^5.1.34",
-        "eslint-plugin-react": "^7.32.2",
-        "eslint-plugin-react-hooks": "^5.2.0",
-        "eslint-plugin-sonarjs": "^1.0.3",
         "recast": "^0.23.9",
         "style-dictionary": "^4.4.0",
         "typescript": "^5.1.6"
@@ -69,5 +65,5 @@
         "src",
         "style"
     ],
-    "gitHead": "9fefb950fa0e31459680e2c648acb40b98efe8f2"
+    "gitHead": "8af6f13b96c6c52389c7fad5b58dc67bc42b0cc1"
 }

package/src/components/readme_renderer/table_of_contents.tsx

@@ -4,7 +4,7 @@ import React, {
     useMemo,
 } from 'react';
 import ReactMarkdown from 'react-markdown';
-import type { AllowElement } from 'react-markdown/lib/rehype-filter';
+import type { AllowElement } from 'react-markdown/lib/rehype-filter.js';
 import remarkToc from 'remark-toc';
 import styled from 'styled-components';
 

package/src/components/readme_renderer/utils.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import type { AllowElement } from 'react-markdown/lib/rehype-filter';
+import type { AllowElement } from 'react-markdown/lib/rehype-filter.js';
 import slugify from 'slugify';
 
 export const slugifyHeadingChildren = (

package/src/components/simple_markdown/simple_markdown.tsx

@@ -2,7 +2,7 @@ import type { Element, Root, Text as TextNode } from 'hast';
 import React, { useCallback, useMemo, useRef } from 'react';
 import type { Components } from 'react-markdown';
 import ReactMarkdown, { uriTransformer } from 'react-markdown';
-import type { ReactMarkdownOptions } from 'react-markdown/lib/react-markdown';
+import type { ReactMarkdownOptions } from 'react-markdown/lib/react-markdown.js';
 import rehypeRaw from 'rehype-raw';
 import rehypeSanitize from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';

package/src/components/simple_markdown/simple_markdown_components.tsx

@@ -1,6 +1,6 @@
 import qs from 'query-string';
 import React from 'react';
-import type { CodeProps, ReactMarkdownProps } from 'react-markdown/lib/ast-to-react';
+import type { CodeProps, ReactMarkdownProps } from 'react-markdown/lib/ast-to-react.js';
 import styled from 'styled-components';
 
 import { CheckIcon, LinkIcon } from '@apify/ui-icons';

package/src/components/tag.tsx

@@ -196,6 +196,6 @@ TagWrapper.displayName = 'Tag';
 
 // `forwardRef` can't handle generic types, should be fixable with React 19
 export const Tag = forwardRef(TagWrapper) as <T extends TagNodeType>(
-    // eslint-disable-next-line no-use-before-define -- see comment above 👆
+
     props: TagProps<T> & { ref?: ForwardedRef<TagNodePropsMap[T]['element']> },
 ) => ReturnType<typeof TagWrapper>;

package/src/components/to_consolidate/markdown.tsx

@@ -4,7 +4,7 @@ import qs from 'query-string';
 import React, { useMemo } from 'react';
 import type { Components } from 'react-markdown';
 import ReactMarkdown, { uriTransformer } from 'react-markdown';
-import type { AllowElement, Node } from 'react-markdown/lib/rehype-filter';
+import type { AllowElement, Node } from 'react-markdown/lib/rehype-filter.js';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
 import styled from 'styled-components';
@@ -266,11 +266,11 @@ const StyledMarkdown = styled(ReactMarkdown) <StyledReadmeProps>`
         @media (min-width: ${theme.layout.tablet}) {
             ${theme.typography.content.tablet.snippet}
         }
-        
+
         @media (min-width: ${theme.layout.desktop}) {
             ${theme.typography.content.desktop.snippet}
         }
-        
+
         b, strong{
             font-size: inherit !important;
             line-height: inherit !important;

package/src/utils/image_color.ts

@@ -31,6 +31,7 @@ export const useImageColor = () => {
             try {
                 setColor(patchDarknessInfo(await fac.getColorAsync(element)));
             } catch (error) {
+                // eslint-disable-next-line no-console
                 console.error('Failed to determine the image color.', { error });
             }
         };