@codacy/ui-components 0.66.61 → 0.66.63

package/lib/Typography/Typography.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import numeral from 'numeral';
 import { StyledTitle, StyledSubheader, StyledParagraph, StyledCaption, StyledList, StyledDataPoint } from './Typography.styles';

package/lib/Typography/Typography.styles.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { CodacyTheme, AllColorsKeys, FontWeights, Size } from '../theme';
 import { TitleProps, SubheaderProps, ParagraphProps, CaptionProps, ListProps, TextSize, TextColor, DataPointProps, TitleSize, DataPointTextSize } from './Typography.types';
-export declare const BaseTextStyle: (theme: CodacyTheme, size: TextSize, color: TextColor | AllColorsKeys) => import("@emotion/utils").SerializedStyles;
+export declare const BaseTextStyle: (theme: CodacyTheme, size: TextSize, color: TextColor | AllColorsKeys) => import("@emotion/react").SerializedStyles;
 export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | FontWeights, CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
@@ -14,7 +14,7 @@ export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const StyledSubheader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | FontWeights, CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
@@ -24,7 +24,7 @@ export declare const StyledSubheader: import("@emotion/styled").StyledComponent<
 }, {}, {}>;
 export declare const StyledParagraph: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | FontWeights, CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
@@ -34,7 +34,7 @@ export declare const StyledParagraph: import("@emotion/styled").StyledComponent<
 }, {}, {}>;
 export declare const StyledCaption: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | FontWeights, CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
@@ -44,7 +44,7 @@ export declare const StyledCaption: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const StyledList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | FontWeights, CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
@@ -54,7 +54,7 @@ export declare const StyledList: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const StyledDataPoint: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | FontWeights, CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {

package/lib/Typography/Typography.types.d.ts

@@ -1,8 +1,8 @@
 import { ContainerComponentProps } from '../types';
 import { AllColorsKeys, Size } from '../theme';
 import { BoxProps } from '../Flexbox';
-export declare type TitleSize = 'md' | 'xl';
-export declare type TextColor = 'primary' | 'secondary' | 'tertiary' | 'placeholder' | 'inverted' | 'info' | 'success' | 'warning' | 'danger' | 'high' | 'attention';
+export type TitleSize = 'md' | 'xl';
+export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'placeholder' | 'inverted' | 'info' | 'success' | 'warning' | 'danger' | 'high' | 'attention';
 export interface TitleProps extends ContainerComponentProps, BoxProps {
     size?: TitleSize;
     color?: TextColor | AllColorsKeys;
@@ -11,7 +11,7 @@ export interface SubheaderProps extends ContainerComponentProps, BoxProps {
     size?: Size;
     color?: TextColor | AllColorsKeys;
 }
-export declare type TextSize = 'lg' | 'md' | 'sm' | 'xs';
+export type TextSize = 'lg' | 'md' | 'sm' | 'xs';
 export interface BaseTextProps {
     size?: TextSize;
     color?: TextColor | AllColorsKeys;
@@ -24,8 +24,8 @@ export interface CaptionProps extends ContainerComponentProps, Omit<BoxProps, 's
     /** @deprecated Use fontWeight instead */
     bold?: boolean;
 }
-export declare type DataPointFormatter = '+0' | '+0[,]0' | '+0a' | '+0[.]0a' | '0a' | '0[.]0a' | '0[,]0';
-export declare type DataPointTextSize = 'lg' | 'md' | 'sm';
+export type DataPointFormatter = '+0' | '+0[,]0' | '+0a' | '+0[.]0a' | '0a' | '0[.]0a' | '0[,]0';
+export type DataPointTextSize = 'lg' | 'md' | 'sm';
 export interface DataPointProps extends ContainerComponentProps, Omit<BoxProps, 'size'> {
     value?: number;
     showPercentage?: boolean;

package/lib/theme/ColorSchemes/components/issues.d.ts

@@ -1,8 +1,8 @@
 import { FunctionalColorScheme } from '../..';
-declare type Variant = 'critical' | 'high' | 'medium' | 'minor';
-declare type State = 'collapsed' | 'expanded';
-declare type Element = 'background' | 'code' | 'linenumber';
-export declare type IssueKey = `issues-${Variant}-${Element}-${State}` | `issues-${Variant}-${Element}` | `issues-${Element}-${State}` | `issues-${Element}`;
+type Variant = 'critical' | 'high' | 'medium' | 'minor';
+type State = 'collapsed' | 'expanded';
+type Element = 'background' | 'code' | 'linenumber';
+export type IssueKey = `issues-${Variant}-${Element}-${State}` | `issues-${Variant}-${Element}` | `issues-${Element}-${State}` | `issues-${Element}`;
 export declare const issues: (colors: FunctionalColorScheme) => {
     'issues-critical-background-collapsed': string;
     'issues-critical-background-expanded': string;

package/lib/theme/ColorSchemes/components/utils.d.ts

@@ -1,4 +1,4 @@
-declare type ValidateKeys<K extends string, T> = {
+type ValidateKeys<K extends string, T> = {
     [P in keyof T]: P extends K ? T[P] : never;
 };
 export declare const validateKeys: <K extends string>() => <T extends Record<string, string>>(obj: ValidateKeys<K, T>) => T;

package/lib/theme/ColorSchemes/light/index.d.ts

@@ -216,8 +216,8 @@ declare const functionalColors: {
     'text-high-enabled': string;
     'text-high-disabled': string;
 };
-export declare type FunctionalColor = keyof typeof functionalColors;
-export declare type FunctionalColorScheme = {
+export type FunctionalColor = keyof typeof functionalColors;
+export type FunctionalColorScheme = {
     [key in FunctionalColor]: string;
 };
 declare const colors: {
@@ -849,8 +849,8 @@ declare const colors: {
     'text-high-enabled': string;
     'text-high-disabled': string;
 };
-export declare type AllColorsKeys = keyof typeof colors;
-export declare type ColorScheme = {
+export type AllColorsKeys = keyof typeof colors;
+export type ColorScheme = {
     [key in AllColorsKeys]: string;
 };
 export declare const codacyThemeColors: ColorScheme;

package/lib/theme/ColorSchemes/primitives/blue.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'blue';
-declare type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
-declare type BlueColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'blue';
+type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
+type BlueColorType = `${ColorName}-${ColorNumber}`;
 export declare const blue: Record<BlueColorType, string>;
 export {};

package/lib/theme/ColorSchemes/primitives/green.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'green';
-declare type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
-declare type GreenColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'green';
+type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
+type GreenColorType = `${ColorName}-${ColorNumber}`;
 export declare const green: Record<GreenColorType, string>;
 export {};

package/lib/theme/ColorSchemes/primitives/grey.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'grey';
-declare type ColorNumber = '00' | '05' | 10 | 15 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98 | 100;
-declare type GreyColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'grey';
+type ColorNumber = '00' | '05' | 10 | 15 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98 | 100;
+type GreyColorType = `${ColorName}-${ColorNumber}`;
 export declare const grey: Record<GreyColorType, string>;
 export {};

package/lib/theme/ColorSchemes/primitives/index.d.ts

@@ -111,7 +111,7 @@ export declare const primitiveColors: {
     "blue-95": string;
     "blue-98": string;
 };
-export declare type PrimitiveColor = keyof typeof primitiveColors;
-export declare type PrimitiveColorScheme = {
+export type PrimitiveColor = keyof typeof primitiveColors;
+export type PrimitiveColorScheme = {
     [key in PrimitiveColor]: string;
 };

package/lib/theme/ColorSchemes/primitives/magenta.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'magenta';
-declare type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
-declare type MagentaColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'magenta';
+type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
+type MagentaColorType = `${ColorName}-${ColorNumber}`;
 export declare const magenta: Record<MagentaColorType, string>;
 export {};

package/lib/theme/ColorSchemes/primitives/orange.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'orange';
-declare type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
-declare type OrangeColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'orange';
+type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
+type OrangeColorType = `${ColorName}-${ColorNumber}`;
 export declare const orange: Record<OrangeColorType, string>;
 export {};

package/lib/theme/ColorSchemes/primitives/purple.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'purple';
-declare type ColorNumber = '08' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
-declare type PurpleColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'purple';
+type ColorNumber = '08' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
+type PurpleColorType = `${ColorName}-${ColorNumber}`;
 export declare const purple: Record<PurpleColorType, string>;
 export {};

package/lib/theme/ColorSchemes/primitives/red.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'red';
-declare type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
-declare type RedColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'red';
+type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
+type RedColorType = `${ColorName}-${ColorNumber}`;
 export declare const red: Record<RedColorType, string>;
 export {};

package/lib/theme/ColorSchemes/primitives/teal.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'teal';
-declare type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
-declare type TealColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'teal';
+type ColorNumber = '00' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
+type TealColorType = `${ColorName}-${ColorNumber}`;
 export declare const teal: Record<TealColorType, string>;
 export {};

package/lib/theme/ColorSchemes/primitives/yellow.d.ts

@@ -1,5 +1,5 @@
-declare type ColorName = 'yellow';
-declare type ColorNumber = '00' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '95' | '98';
-declare type YellowColorType = `${ColorName}-${ColorNumber}`;
+type ColorName = 'yellow';
+type ColorNumber = '00' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '95' | '98';
+type YellowColorType = `${ColorName}-${ColorNumber}`;
 export declare const yellow: Record<YellowColorType, string>;
 export {};

package/lib/theme/ColorSchemes/semantics.d.ts

@@ -1,7 +1,7 @@
-declare type FunctionalName = 'text' | 'background' | 'border' | 'icon' | 'link';
+type FunctionalName = 'text' | 'background' | 'border' | 'icon' | 'link';
 declare const semantics: readonly ["danger", "success", "warning", "info", "attention", "critical", "high", "medium", "minor"];
-declare type SemanticName = (typeof semantics)[number];
-declare type SemanticType = {
+type SemanticName = (typeof semantics)[number];
+type SemanticType = {
     [key in `${FunctionalName}-${SemanticName}`]: string;
 };
 export declare const semanticFunctionalColorsFx: (prefix: FunctionalName, number: 10 | 40 | 60 | 95) => SemanticType;

package/lib/theme/theme.d.ts

@@ -1,11 +1,11 @@
 import { AllColorsKeys, ColorScheme } from './';
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type Speed = 'fast' | 'normal' | 'slow';
-export declare type FontSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'h' | 'xh';
-export declare type Fonts = 'normal' | 'display' | 'monospace';
-export declare type FontWeights = 'light' | 'regular' | 'medium' | 'semi-bold';
-export declare type Element = 'inactive' | 'body' | 'dropdown' | 'modal' | 'tooltip' | 'content' | 'decoration' | 'table' | 'navbar';
-export declare type CodacyTheme = {
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Speed = 'fast' | 'normal' | 'slow';
+export type FontSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'h' | 'xh';
+export type Fonts = 'normal' | 'display' | 'monospace';
+export type FontWeights = 'light' | 'regular' | 'medium' | 'semi-bold';
+export type Element = 'inactive' | 'body' | 'dropdown' | 'modal' | 'tooltip' | 'content' | 'decoration' | 'table' | 'navbar';
+export type CodacyTheme = {
     gridSize: number;
     remScale: number;
     space: string[];

package/lib/types.d.ts

@@ -9,7 +9,7 @@ export interface ContainerComponentProps extends ComponentProps {
     /** The content to display as the label of the checkbox */
     children?: React.ReactNode;
 }
-export declare type ControlValueType = string | number | null;
+export type ControlValueType = string | number | null;
 export interface ControlProps extends ContainerComponentProps {
     /** Disables the control, disallowing interaction */
     disabled?: boolean;

package/lib/utils/reactNodeToText.js

@@ -17,9 +17,9 @@ export const reactNodeToText = children => {
   }
   return Children.toArray(children).reduce((text, child) => {
     let newText = '';
-    if ( /*#__PURE__*/isValidElement(child) && hasChildren(child)) {
+    if (/*#__PURE__*/isValidElement(child) && hasChildren(child)) {
       newText = reactNodeToText(child.props.children);
-    } else if ( /*#__PURE__*/isValidElement(child) && !hasChildren(child)) {
+    } else if (/*#__PURE__*/isValidElement(child) && !hasChildren(child)) {
       newText = '';
     } else {
       newText = childToString(child);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.66.61",
+  "version": "0.66.63",
   "description": "",
   "license": "ISC",
   "author": "",
@@ -96,7 +96,7 @@
     "fontsource-inter": "^4.0.0",
     "husky": "^4.3.0",
     "jsdom": "^26.1.0",
-    "lint-staged": "^12.5.0",
+    "lint-staged": "^16.2.7",
     "lodash": "^4.17.20",
     "numeral": "^2.0.6",
     "prettier": "^3.1.1",
@@ -150,6 +150,7 @@
   "resolutions": {
     "braces": "^3.0.3",
     "express": "^4.21.2",
-    "esbuild": "^0.25.0"
+    "esbuild": "^0.25.0",
+    "**/qs": "^6.14.1"
   }
 }