@hh.ru/magritte-ui-icon 10.0.0 → 10.2.0

package/iconTypes.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, SVGProps, MouseEventHandler, ForwardedRef } from 'react';
+import { ReactElement, SVGProps, MouseEventHandler, Ref, ReactNode } from 'react';
 import { TokenBaseStaticSpace, TokenColorStroke, TokenBaseStaticBorderRadius, TokenColorBackground, TokenColorIcon, TokenShadow } from '@hh.ru/magritte-design-tokens/types';
 export type IconColor = TokenColorIcon;
 export type IconDisabledColor = TokenColorIcon;
@@ -9,10 +9,10 @@ interface StaticIconProps {
     disabled?: never;
 }
 interface ActiveIconProps {
-    onClick?: MouseEventHandler;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
 }
-export type IconBaseProps = Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+export type IconBaseProps = Omit<SVGProps<SVGSVGElement>, 'ref' | 'onClick'> & {
     'aria-hidden'?: boolean;
     padding?: TokenBaseStaticSpace;
     backgroundStyle?: TokenColorBackground;
@@ -23,7 +23,7 @@ export type IconBaseProps = Omit<SVGProps<SVGSVGElement>, 'ref'> & {
     /** Компонент Badge */
     badge?: ReactElement;
     'data-qa'?: string;
-    ref?: ForwardedRef<HTMLOrSVGElement>;
+    ref?: Ref<HTMLOrSVGElement>;
 } & (StaticIconProps | ActiveIconProps);
 type StyledIconProps = IconBaseProps & {
     initialColor?: TokenColorIcon;
@@ -55,7 +55,7 @@ type MakeNever<T> = {
     [key in keyof T]?: never;
 };
 type IconPropsUnion = (IconProps & MakeNever<Omit<IconDynamicProps, keyof IconProps>>) | IconDynamicProps;
-export declare const isIconComponent: (component: ReactElement) => component is ReactElement<IconPropsUnion, IconWrapperComponent>;
+export declare const isIconComponent: (component: ReactNode) => component is ReactElement<IconPropsUnion, IconWrapperComponent>;
 export interface IconWrapperComponent<T = null> {
     (props: T extends null ? IconProps | IconDynamicProps : (IconProps | IconDynamicProps) & T): ReactElement;
     displayName?: string;

package/iconTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconTypes.js","sources":["../src/iconTypes.ts"],"sourcesContent":["import { ReactElement, SVGProps, isValidElement, MouseEventHandler, ForwardedRef } from 'react';\n\nimport {\n    TokenBaseStaticSpace,\n    TokenColorStroke,\n    TokenBaseStaticBorderRadius,\n    TokenColorBackground,\n    TokenColorIcon,\n    TokenShadow,\n} from '@hh.ru/magritte-design-tokens/types';\n\nexport type IconColor = TokenColorIcon;\nexport type IconDisabledColor = TokenColorIcon;\nexport type IconHoveredColor = TokenColorIcon;\nexport type IconPressedColor = TokenColorIcon;\n\ninterface StaticIconProps {\n    onClick?: never;\n    disabled?: never;\n}\n\ninterface ActiveIconProps {\n    onClick?: MouseEventHandler;\n    disabled?: boolean;\n}\n\nexport type IconBaseProps = Omit<SVGProps<SVGSVGElement>, 'ref'> & {\n    /* Указывает есть ли поддержка accessibility API, если aria-label не указан\n     * считаем что нет поддержки. Если указан, то есть возможность для отключения.\n     * */\n    'aria-hidden'?: boolean;\n    padding?: TokenBaseStaticSpace;\n    backgroundStyle?: TokenColorBackground;\n    shadow?: TokenShadow;\n    borderRadius?: TokenBaseStaticBorderRadius | 'halfHeight';\n    borderStyle?: TokenColorStroke;\n    increaseShadow?: boolean;\n    /** Компонент Badge */\n    badge?: ReactElement;\n    'data-qa'?: string;\n    ref?: ForwardedRef<HTMLOrSVGElement>;\n} & (StaticIconProps | ActiveIconProps);\n\ntype StyledIconProps = IconBaseProps & {\n    initialColor?: TokenColorIcon;\n    hex?: never;\n};\n\ntype HexedIconProps = IconBaseProps & {\n    initialColor?: never;\n    hex?: string;\n};\n\nexport type IconProps = StyledIconProps | HexedIconProps;\n\nexport type StyledIconDynamicProps = StyledIconProps & {\n    /* Указывает цвет иконки, в случае если иконка динамическая\n     * (hover, focus etc. states)\n     * */\n    highlightedColor?: TokenColorIcon;\n    /* Указывает цвет иконки, в случае если иконка динамическая\n     * и задизейблена\n     * */\n    pressedColor?: TokenColorIcon;\n    disabledColor?: TokenColorIcon;\n    hexHighlighted?: never;\n    hexDisabled?: never;\n    hexPressed?: never;\n};\n\nexport type HexedIconDynamicProps = HexedIconProps & {\n    highlightedColor?: never;\n    pressedColor?: never;\n    disabledColor?: never;\n    hexHighlighted?: string;\n    hexDisabled?: string;\n    hexPressed?: string;\n};\n\nexport type IconDynamicProps = StyledIconDynamicProps | HexedIconDynamicProps;\n\ntype MakeNever<T> = {\n    [key in keyof T]?: never;\n};\n\ntype IconPropsUnion = (IconProps & MakeNever<Omit<IconDynamicProps, keyof IconProps>>) | IconDynamicProps;\nexport const isIconComponent = (\n    component: ReactElement\n): component is ReactElement<IconPropsUnion, IconWrapperComponent> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isIcon' in component?.type;\n};\n\nexport interface IconWrapperComponent<T = null> {\n    (props: T extends null ? IconProps | IconDynamicProps : (IconProps | IconDynamicProps) & T): ReactElement;\n    displayName?: string;\n    isIcon?: boolean;\n    _size?: number;\n}\n\nexport interface IconWrapperComponentSize16<T = null> extends IconWrapperComponent<T> {\n    _size: 16;\n}\nexport interface IconWrapperComponentSize24<T = null> extends IconWrapperComponent<T> {\n    _size: 24;\n}\nexport interface IconWrapperComponentSize32<T = null> extends IconWrapperComponent<T> {\n    _size: 32;\n}\n"],"names":[],"mappings":";;AAsFa,MAAA,eAAe,GAAG,CAC3B,SAAuB,KAC0C;AACjE,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,IAAI,SAAS,EAAE,IAAI,CAAC;AAC1G;;;;"}
+{"version":3,"file":"iconTypes.js","sources":["../src/iconTypes.ts"],"sourcesContent":["import { ReactElement, SVGProps, isValidElement, MouseEventHandler, Ref, ReactNode } from 'react';\n\nimport {\n    TokenBaseStaticSpace,\n    TokenColorStroke,\n    TokenBaseStaticBorderRadius,\n    TokenColorBackground,\n    TokenColorIcon,\n    TokenShadow,\n} from '@hh.ru/magritte-design-tokens/types';\n\nexport type IconColor = TokenColorIcon;\nexport type IconDisabledColor = TokenColorIcon;\nexport type IconHoveredColor = TokenColorIcon;\nexport type IconPressedColor = TokenColorIcon;\n\ninterface StaticIconProps {\n    onClick?: never;\n    disabled?: never;\n}\n\ninterface ActiveIconProps {\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    disabled?: boolean;\n}\n\nexport type IconBaseProps = Omit<SVGProps<SVGSVGElement>, 'ref' | 'onClick'> & {\n    /* Указывает есть ли поддержка accessibility API, если aria-label не указан\n     * считаем что нет поддержки. Если указан, то есть возможность для отключения.\n     * */\n    'aria-hidden'?: boolean;\n    padding?: TokenBaseStaticSpace;\n    backgroundStyle?: TokenColorBackground;\n    shadow?: TokenShadow;\n    borderRadius?: TokenBaseStaticBorderRadius | 'halfHeight';\n    borderStyle?: TokenColorStroke;\n    increaseShadow?: boolean;\n    /** Компонент Badge */\n    badge?: ReactElement;\n    'data-qa'?: string;\n    ref?: Ref<HTMLOrSVGElement>;\n} & (StaticIconProps | ActiveIconProps);\n\ntype StyledIconProps = IconBaseProps & {\n    initialColor?: TokenColorIcon;\n    hex?: never;\n};\n\ntype HexedIconProps = IconBaseProps & {\n    initialColor?: never;\n    hex?: string;\n};\n\nexport type IconProps = StyledIconProps | HexedIconProps;\n\nexport type StyledIconDynamicProps = StyledIconProps & {\n    /* Указывает цвет иконки, в случае если иконка динамическая\n     * (hover, focus etc. states)\n     * */\n    highlightedColor?: TokenColorIcon;\n    /* Указывает цвет иконки, в случае если иконка динамическая\n     * и задизейблена\n     * */\n    pressedColor?: TokenColorIcon;\n    disabledColor?: TokenColorIcon;\n    hexHighlighted?: never;\n    hexDisabled?: never;\n    hexPressed?: never;\n};\n\nexport type HexedIconDynamicProps = HexedIconProps & {\n    highlightedColor?: never;\n    pressedColor?: never;\n    disabledColor?: never;\n    hexHighlighted?: string;\n    hexDisabled?: string;\n    hexPressed?: string;\n};\n\nexport type IconDynamicProps = StyledIconDynamicProps | HexedIconDynamicProps;\n\ntype MakeNever<T> = {\n    [key in keyof T]?: never;\n};\n\ntype IconPropsUnion = (IconProps & MakeNever<Omit<IconDynamicProps, keyof IconProps>>) | IconDynamicProps;\nexport const isIconComponent = (\n    component: ReactNode\n): component is ReactElement<IconPropsUnion, IconWrapperComponent> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isIcon' in component?.type;\n};\n\nexport interface IconWrapperComponent<T = null> {\n    (props: T extends null ? IconProps | IconDynamicProps : (IconProps | IconDynamicProps) & T): ReactElement;\n    displayName?: string;\n    isIcon?: boolean;\n    _size?: number;\n}\n\nexport interface IconWrapperComponentSize16<T = null> extends IconWrapperComponent<T> {\n    _size: 16;\n}\nexport interface IconWrapperComponentSize24<T = null> extends IconWrapperComponent<T> {\n    _size: 24;\n}\nexport interface IconWrapperComponentSize32<T = null> extends IconWrapperComponent<T> {\n    _size: 32;\n}\n"],"names":[],"mappings":";;AAsFa,MAAA,eAAe,GAAG,CAC3B,SAAoB,KAC6C;AACjE,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,IAAI,SAAS,EAAE,IAAI,CAAC;AAC1G;;;;"}