@telia/teddy 0.7.54 → 0.7.55

package/dist/components/select/index.d.ts

@@ -0,0 +1,56 @@
+import { RootProps } from './select-root';
+import { ItemProps } from './select-item';
+import { GroupProps } from './select-group';
+import { ViewportProps } from './select-viewport';
+import { ContentProps } from './select-content';
+import { ValueProps } from './select-value';
+import { TriggerProps } from './select-trigger';
+import { PortalProps } from './select-portal';
+import { IndicatorProps } from './select-indicator';
+import { SeparatorProps } from './select-separator';
+
+export declare const Select: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectProps & {
+    name: string;
+    validationState?: import('./select-root').ValidationState;
+    onValueChange?: (value: string) => string;
+    label?: string;
+    helperText?: string;
+    placeholder?: string;
+    errorText?: string;
+    readonly?: boolean;
+    value?: string;
+    className?: string;
+    frameClassName?: string;
+    options: string[];
+    maxHeight?: string | number;
+} & import('react').RefAttributes<never>> & {
+    Indicator: import('react').ForwardRefExoticComponent<Omit<Partial<import('..').IconProps>, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Group: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+        options?: string[];
+        label?: string;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Viewport: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectViewportProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Value: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectValueProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+        placeholder?: string;
+    } & import('react').RefAttributes<HTMLSpanElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+        validationState?: import('./select-root').ValidationState;
+        readonly?: boolean;
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+    Portal: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectPortalProps & import('react').RefAttributes<never>>;
+    Separator: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectSeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export type SelectProps = {
+    Root: RootProps;
+    Indicator: IndicatorProps;
+    Item: ItemProps;
+    Group: GroupProps;
+    Viewport: ViewportProps;
+    Content: ContentProps;
+    Value: ValueProps;
+    Trigger: TriggerProps;
+    Portal: PortalProps;
+    Separator: SeparatorProps;
+};

package/dist/components/select/select-root.d.ts

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+
+import * as RadixSelect from '@radix-ui/react-select';
+export type ValidationState = 'valid' | 'invalid';
+type SelectContextValue = {
+    isDirty: boolean;
+    setIsDirty: React.Dispatch<React.SetStateAction<boolean>>;
+    inputRef: React.RefObject<HTMLInputElement>;
+    disabled?: boolean;
+    readonly?: boolean;
+    validationState?: ValidationState;
+    placeholder?: string;
+    options: string[];
+    maxHeight?: string | number;
+};
+export declare const SelectContext: React.Context<SelectContextValue>;
+export type RootProps = React.ComponentPropsWithoutRef<typeof RadixSelect.Root> & {
+    name: string;
+    /** Whether the input should display its "valid" or "invalid" visual styling. */
+    validationState?: ValidationState;
+    /** Called when the value changes. */
+    onValueChange?: (value: string) => string;
+    label?: string;
+    helperText?: string;
+    placeholder?: string;
+    errorText?: string;
+    readonly?: boolean;
+    value?: string;
+    className?: string;
+    frameClassName?: string;
+    options: string[];
+    /** Maximum height of the dropdown. Defaults to the available viewport height. */
+    maxHeight?: string | number;
+};
+export declare const rootClassName = "teddy-select";
+export declare const Root: React.ForwardRefExoticComponent<RadixSelect.SelectProps & {
+    name: string;
+    /** Whether the input should display its "valid" or "invalid" visual styling. */
+    validationState?: ValidationState;
+    /** Called when the value changes. */
+    onValueChange?: (value: string) => string;
+    label?: string;
+    helperText?: string;
+    placeholder?: string;
+    errorText?: string;
+    readonly?: boolean;
+    value?: string;
+    className?: string;
+    frameClassName?: string;
+    options: string[];
+    /** Maximum height of the dropdown. Defaults to the available viewport height. */
+    maxHeight?: string | number;
+} & React.RefAttributes<never>>;
+export {};

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.54",
+  "version": "0.7.55",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"
@@ -84,7 +84,7 @@
     "@radix-ui/react-progress": "1.1.8",
     "@radix-ui/react-radio-group": "1.3.8",
     "@radix-ui/react-scroll-area": "1.2.10",
-    "@radix-ui/react-select": "2.2.6",
+    "@radix-ui/react-select": "2.1.7",
     "@radix-ui/react-slider": "1.3.6",
     "@radix-ui/react-slot": "1.2.4",
     "@radix-ui/react-switch": "1.2.6",