@clickhouse/click-ui 0.12.0 → 0.13.0

package/dist/types/components/RadioGroup/RadioGroup.d.ts

@@ -1,19 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import * as RadixRadioGroup from '@radix-ui/react-radio-group';
-export interface RadioGroupProps extends Omit<RadixRadioGroup.RadioGroupProps, 'dir'> {
-    /** Whether to display radio items inline (horizontally) */
-    inline?: boolean;
-    /** The orientation of the label relative to the radio group */
-    orientation?: 'vertical' | 'horizontal';
-    /** The direction/position of the label - start places label before, end places label after */
-    dir?: 'start' | 'end';
-    /** Text direction for radio items - ltr or rtl */
-    itemDir?: 'rtl' | 'ltr';
-    /** The label text displayed next to the radio group */
-    label?: ReactNode;
-    /** Error message to display below the radio group */
-    error?: ReactNode;
-}
+import { RadioGroupItemProps, RadioGroupProps } from './RadioGroup.types';
 export declare const RadioGroup: {
     ({ children, inline, orientation, dir, error, itemDir, label, disabled, id, className, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
     Item: {
@@ -21,9 +6,3 @@ export declare const RadioGroup: {
         displayName: string;
     };
 };
-interface RadioGroupInputProps extends RadixRadioGroup.RadioGroupItemProps {
-    /** The label text displayed next to the radio item */
-    label?: ReactNode;
-}
-export type RadioGroupItemProps = RadioGroupInputProps & HTMLAttributes<HTMLDivElement>;
-export {};

package/dist/types/components/RadioGroup/RadioGroup.types.d.ts

@@ -1,13 +1,20 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import * as RadixRadioGroup from '@radix-ui/react-radio-group';
 export interface RadioGroupProps extends Omit<RadixRadioGroup.RadioGroupProps, 'dir'> {
+    /** Lays the items out in a row instead of a column. */
     inline?: boolean;
+    /** Puts the label beside (`horizontal`) or above or below (`vertical`) the group. */
     orientation?: 'vertical' | 'horizontal';
+    /** Puts the label before (`start`) or after (`end`) the group. */
     dir?: 'start' | 'end';
+    /** Text direction of the items. */
     itemDir?: 'rtl' | 'ltr';
     label?: ReactNode;
+    /** Error message shown below the group. */
     error?: ReactNode;
 }
-export interface RadioGroupItemProps extends RadixRadioGroup.RadioGroupItemProps {
+interface RadioGroupInputProps extends RadixRadioGroup.RadioGroupItemProps {
     label?: ReactNode;
 }
+export type RadioGroupItemProps = RadioGroupInputProps & HTMLAttributes<HTMLDivElement>;
+export {};

package/dist/types/components/Toast/Toast.d.ts

@@ -1,10 +1,6 @@
-import { ToastContextProps, ToastProps, ToastAlignment } from './Toast.types';
-import * as RadixUIToast from '@radix-ui/react-toast';
+import { ToastContextProps, ToastProps, ToastProviderProps } from './Toast.types';
 export declare const ToastContext: import('react').Context<ToastContextProps>;
 export declare const Toast: ({ type, toastType, title, description, actions, duration, onClose, className, ...props }: ToastProps & {
     onClose: (open: boolean) => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export interface ToastProviderProps extends RadixUIToast.ToastProviderProps {
-    align?: ToastAlignment;
-}
 export declare const ToastProvider: ({ children, align, ...props }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Toast/Toast.types.d.ts

@@ -18,6 +18,6 @@ export interface ToastProps extends Omit<RadixUIToast.ToastProps, 'type'> {
     }>;
     align?: ToastAlignment;
 }
-export interface ToastProviderProps {
-    children: ReactNode;
+export interface ToastProviderProps extends RadixUIToast.ToastProviderProps {
+    align?: ToastAlignment;
 }

package/dist/types/providers/ClickUIProvider.d.ts

@@ -1,5 +1,5 @@
 import { TooltipProviderProps } from '@radix-ui/react-tooltip';
-import { ToastProviderProps } from '../components/Toast/Toast';
+import { ToastProviderProps } from '../components/Toast/Toast.types';
 import { ThemeName } from '../theme/theme.types';
 import { ReactNode } from 'react';
 interface Props {

package/dist/types/utils/dom.d.ts

@@ -1,5 +1,5 @@
 import { ThemeName } from '../theme/theme.types';
 export declare const THEME_ATTRIBUTE: string;
-export declare const getRootElement: () => HTMLElement | undefined;
+export declare const getRootElement: () => HTMLElement | null;
 export declare const setRootThemeAttribute: (theme: ThemeName) => void;
 export declare const removeRootThemeAttribute: () => void;

package/dist/types/utils/url.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Returns true when `url` resolves to an http(s) URL.
+ *
+ * Relative URLs are resolved against `base` (the document base URI in a
+ * browser), so `/docs` passes while `javascript:`, `data:` and `mailto:` fail.
+ * The URL parser lowercases the scheme, trims leading and trailing whitespace
+ * and strips embedded tab/newline characters, so `JAVASCRIPT:`, ` javascript:`
+ * and `java\tscript:` variants are rejected too.
+ */
+export declare const isHttpUrl: (url: string, base?: string | undefined) => boolean;
+/**
+ * Opens `url` in a new tab.
+ *
+ * `noopener` stops the new page from reaching back into this one through
+ * `window.opener` (reverse tabnabbing). Browsers apply it implicitly for
+ * `<a target="_blank">` but not for `window.open`. Non-http(s) URLs are
+ * refused with a warning, since a `javascript:` URL would otherwise run in
+ * this document's origin.
+ */
+export declare const openInNewTab: (url: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -379,8 +379,8 @@
     "generate:tokens": "node ./.scripts/js/generate-tokens.js && yarn format:fix src/theme/tokens/**/*.ts",
     "lint": "yarn lint:code && yarn lint:css",
     "lint:fix": "yarn lint:code:fix && yarn lint:css:fix",
-    "lint:code": "eslint src plugins --report-unused-disable-directives",
-    "lint:code:fix": "eslint src plugins --report-unused-disable-directives --fix",
+    "lint:code": "eslint src plugins '.scripts/**/*.ts' --report-unused-disable-directives",
+    "lint:code:fix": "eslint src plugins '.scripts/**/*.ts' --report-unused-disable-directives --fix",
     "lint:css": "stylelint \"src/**/*.css\"",
     "lint:css:fix": "stylelint \"src/**/*.css\" --fix",
     "prepare": "yarn test && yarn format && yarn lint && yarn circular-dependency:check",
@@ -410,6 +410,7 @@
     "@radix-ui/react-popover": "1.1.23",
     "@radix-ui/react-radio-group": "1.4.7",
     "@radix-ui/react-separator": "1.1.15",
+    "@radix-ui/react-slot": "1.3.3",
     "@radix-ui/react-switch": "1.3.7",
     "@radix-ui/react-tabs": "1.1.21",
     "@radix-ui/react-toast": "1.2.23",
@@ -448,12 +449,13 @@
     "@types/sortablejs": "^1.15.2",
     "@vitejs/plugin-react": "^5.1.2",
     "chromatic": "^18.6.0",
-    "eslint": "^9",
+    "eslint": "^9.24.0",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prefer-arrow-functions": "^3.3.2",
     "eslint-plugin-react-hooks": "^5",
-    "eslint-plugin-react-refresh": "0.4.7",
+    "eslint-plugin-react-refresh": "0.5.7",
     "eslint-plugin-storybook": "^10.1.10",
     "fs-extra": "^11.3.4",
     "glob": "^13.0.6",
@@ -461,7 +463,7 @@
     "jsdom": "^24.0.0",
     "postcss": "^8.5.8",
     "postcss-modules": "^6.0.1",
-    "prettier": "3.7.4",
+    "prettier": "3.9.7",
     "prop-types": "^15.8.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -482,7 +484,7 @@
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-externalize-deps": "^0.10.0",
     "vite-tsconfig-paths": "^6.0.5",
-    "vitest": "^2.1.8",
+    "vitest": "^3.2.6",
     "watch": "^1.0.2"
   },
   "peerDependencies": {

package/dist/types/theme/themes.d.ts

@@ -1,2 +0,0 @@
-import { ThemeName, Theme } from './theme.types';
-export declare const themes: Record<ThemeName, Theme>;