@appquality/unguess-design-system 2.12.17 → 2.12.18

package/build/stories/charts/ChartContainer.d.ts

@@ -0,0 +1,6 @@
+interface ChartContainerProps {
+    width?: string;
+    height?: string;
+}
+export declare const ChartContainer: import("styled-components").StyledComponent<"div", any, ChartContainerProps, never>;
+export {};

package/build/stories/charts/bar/_types.d.ts

@@ -0,0 +1,6 @@
+import { BarDatum, BarSvgProps } from "@nivo/bar";
+export interface BarChartProps extends Omit<BarSvgProps<BarDatum>, "height" | "width"> {
+    data: BarDatum[];
+    width?: string;
+    height?: string;
+}

package/build/stories/charts/bar/index.d.ts

@@ -0,0 +1,3 @@
+import { BarChartProps } from "./_types";
+declare const BarChart: ({ theme, colors, width, height, ...props }: BarChartProps) => JSX.Element;
+export { BarChart };

package/build/stories/charts/bar/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { BarChartProps } from "./_types";
+export declare const Default: Story<BarChartProps>;
+declare const _default: ComponentMeta<({ theme, colors, width, height, ...props }: BarChartProps) => JSX.Element>;
+export default _default;

package/build/stories/charts/bullet/CustomBulletChartMarker.d.ts

@@ -0,0 +1,9 @@
+interface CustomBulletChartMarkerProps {
+    x: number;
+    y: number;
+    bulletRadius: number;
+    fill: string;
+    size: number;
+}
+export declare const CustomBulletChartMarker: ({ x, y, bulletRadius, fill, size, }: CustomBulletChartMarkerProps) => JSX.Element;
+export {};

package/build/stories/charts/bullet/CustomBulletChartRange.d.ts

@@ -0,0 +1,8 @@
+export interface CustomBulletChartRangeProps {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    fill: string;
+}
+export declare const CustomBulletChartRange: ({ x, y, width, height, fill }: CustomBulletChartRangeProps) => JSX.Element;

package/build/stories/charts/bullet/_types.d.ts

@@ -0,0 +1,19 @@
+import { BulletSvgProps, Datum } from "@nivo/bullet";
+export interface BulletChartDefaultProps extends Omit<BulletSvgProps, "width" | "height"> {
+    data: Datum[];
+    lineHeight?: number;
+    bulletRadius?: number;
+    width?: string;
+    height?: string;
+}
+export interface BulletChartProps {
+    data: Datum[];
+    theme?: BulletSvgProps["theme"];
+    width?: string;
+    height?: string;
+    markerColor?: string;
+    markerSize?: number;
+    rangeColor?: string;
+    measureSize?: number;
+    measureColor?: string;
+}

package/build/stories/charts/bullet/index.d.ts

@@ -0,0 +1,3 @@
+import { BulletChartProps } from "./_types";
+declare const BulletChart: ({ theme, width, height, data, markerColor, markerSize, rangeColor, measureSize, measureColor, }: BulletChartProps) => JSX.Element;
+export { BulletChart };

package/build/stories/charts/bullet/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { BulletChartProps } from "./_types";
+export declare const Default: Story<BulletChartProps>;
+export declare const Widget: Story<BulletChartProps>;
+declare const _default: ComponentMeta<({ theme, width, height, data, markerColor, markerSize, rangeColor, measureSize, measureColor, }: BulletChartProps) => JSX.Element>;
+export default _default;

package/build/stories/charts/halfPie/HalfPieChartComponent.d.ts

@@ -0,0 +1,7 @@
+import { PieChartProps } from "./_types";
+declare const HalfPieChartComponent: ({ theme, colors, width, height, data, onMouseEnter, onMouseLeave, mode, showArcLinks, margin, }: PieChartProps & {
+    onMouseEnter?: ((props: any) => void) | undefined;
+    onMouseLeave?: ((props: any) => void) | undefined;
+    mode: "back" | "front";
+}) => JSX.Element;
+export { HalfPieChartComponent };

package/build/stories/charts/halfPie/_types.d.ts

@@ -0,0 +1,14 @@
+import { PieSvgProps } from "@nivo/pie";
+interface PieDatum {
+    [key: string]: string | number;
+}
+export interface PieChartProps {
+    data: PieDatum[];
+    width?: string;
+    height?: string;
+    theme?: PieSvgProps<PieDatum>["theme"];
+    colors?: string[];
+    showArcLinks?: boolean;
+    margin?: PieSvgProps<PieDatum>["margin"];
+}
+export {};

package/build/stories/charts/halfPie/index.d.ts

@@ -0,0 +1,3 @@
+import { PieChartProps } from "./_types";
+declare const HalfPieChart: ({ theme, colors, width, height, data, margin, showArcLinks, }: PieChartProps) => JSX.Element;
+export { HalfPieChart };

package/build/stories/charts/halfPie/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { PieChartProps } from "./_types";
+export declare const Default: Story<PieChartProps>;
+declare const _default: ComponentMeta<({ theme, colors, width, height, data, margin, showArcLinks, }: PieChartProps) => JSX.Element>;
+export default _default;

package/build/stories/charts/pie/CenteredItem.d.ts

@@ -0,0 +1,10 @@
+import { theme as globalTheme } from "../../theme";
+declare const CenteredItem: ({ centerX, centerY, theme, radius, label, value, }: {
+    centerX: number;
+    centerY: number;
+    radius: number;
+    theme: typeof globalTheme;
+    label?: string | undefined;
+    value?: string | undefined;
+}) => JSX.Element;
+export { CenteredItem };

package/build/stories/charts/pie/_types.d.ts

@@ -0,0 +1,17 @@
+import { PieSvgProps } from "@nivo/pie";
+interface PieDatum {
+    [key: string]: string | number;
+}
+export interface PieChartProps {
+    data: PieDatum[];
+    width?: string;
+    height?: string;
+    theme?: PieSvgProps<PieDatum>["theme"];
+    colors?: PieSvgProps<PieDatum>["colors"];
+    margin?: PieSvgProps<PieDatum>["margin"];
+    centerItem?: {
+        label?: string;
+        value?: string;
+    };
+}
+export {};

package/build/stories/charts/pie/index.d.ts

@@ -0,0 +1,3 @@
+import { PieChartProps } from "./_types";
+declare const PieChart: ({ theme, colors, width, height, data, centerItem, margin, }: PieChartProps) => JSX.Element;
+export { PieChart };

package/build/stories/charts/pie/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { PieChartProps } from "./_types";
+export declare const Default: Story<PieChartProps>;
+declare const _default: ComponentMeta<({ theme, colors, width, height, data, centerItem, margin, }: PieChartProps) => JSX.Element>;
+export default _default;

package/build/stories/charts/stream/_types.d.ts

@@ -0,0 +1,6 @@
+import { StreamDatum, StreamSvgProps } from "@nivo/stream";
+export interface StreamChartProps extends Omit<StreamSvgProps<StreamDatum>, "width" | "height"> {
+    data: StreamDatum[];
+    width?: string;
+    height?: string;
+}

package/build/stories/charts/stream/index.d.ts

@@ -0,0 +1,3 @@
+import { StreamChartProps } from "./_types";
+declare const StreamChart: ({ theme, colors, height, width, ...props }: StreamChartProps) => JSX.Element;
+export { StreamChart };

package/build/stories/charts/stream/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { StreamChartProps } from "./_types";
+export declare const Default: Story<StreamChartProps>;
+declare const _default: ComponentMeta<({ theme, colors, height, width, ...props }: StreamChartProps) => JSX.Element>;
+export default _default;

package/build/stories/charts/sunburst/_types.d.ts

@@ -0,0 +1,12 @@
+import { SunburstSvgProps } from "@nivo/sunburst";
+interface SunburstData {
+    name: string;
+    children?: SunburstData[];
+    [key: string]: any;
+}
+export interface SunburstChartProps extends Omit<SunburstSvgProps<SunburstData>, "width" | "height" | "cornerRadius" | "childColor"> {
+    data: SunburstData;
+    width?: string;
+    height?: string;
+}
+export {};

package/build/stories/charts/sunburst/index.d.ts

@@ -0,0 +1,3 @@
+import { SunburstChartProps } from "./_types";
+declare const SunburstChart: ({ theme, colors, width, height, ...props }: SunburstChartProps) => JSX.Element;
+export { SunburstChart };

package/build/stories/charts/sunburst/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { SunburstChartProps } from "./_types";
+export declare const Default: Story<SunburstChartProps>;
+declare const _default: ComponentMeta<({ theme, colors, width, height, ...props }: SunburstChartProps) => JSX.Element>;
+export default _default;

package/build/stories/charts/waffle/CustomCell.d.ts

@@ -0,0 +1,16 @@
+export interface WaffleCellProps {
+    position?: any;
+    size?: any;
+    x?: any;
+    y?: any;
+    color?: any;
+    fill?: any;
+    opacity?: any;
+    borderWidth?: any;
+    borderColor?: any;
+    data?: any;
+    onHover?: any;
+    onLeave?: any;
+    onClick?: any;
+}
+export declare const CustomCell: ({ position, size, x, y, color, fill, opacity, borderWidth, borderColor, data, onHover, onLeave, onClick, }: WaffleCellProps) => JSX.Element;

package/build/stories/charts/waffle/_types.d.ts

@@ -0,0 +1,6 @@
+import { WaffleDatum, WaffleSvgProps } from "@nivo/waffle";
+export interface WaffleChartProps extends Omit<WaffleSvgProps, "width" | "height"> {
+    data: WaffleDatum[];
+    width?: string;
+    height?: string;
+}

package/build/stories/charts/waffle/index.d.ts

@@ -0,0 +1,3 @@
+import { WaffleChartProps } from "./_types";
+declare const WaffleChart: ({ theme, colors, height, width, ...props }: WaffleChartProps) => JSX.Element;
+export { WaffleChart };

package/build/stories/charts/waffle/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { WaffleChartProps } from "./_types";
+export declare const Default: Story<WaffleChartProps>;
+declare const _default: ComponentMeta<({ theme, colors, height, width, ...props }: WaffleChartProps) => JSX.Element>;
+export default _default;

package/build/stories/drawers/index.d.ts

@@ -9,7 +9,7 @@ import { DrawerArgs } from "./_types";
  */
 declare const Drawer: {
     (props: DrawerArgs): JSX.Element;
-    Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IDrawerModalHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/build/stories/drawers/index.stories.d.ts

@@ -4,7 +4,7 @@ import { ComponentMeta, Story } from "@storybook/react";
 export declare const Default: Story<DrawerArgs>;
 declare const _default: ComponentMeta<{
     (props: DrawerArgs): JSX.Element;
-    Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IDrawerModalHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/build/stories/theme/charts.d.ts

@@ -0,0 +1,24 @@
+import { CompleteTheme } from "@nivo/core";
+interface UnguessChartsTheme extends CompleteTheme {
+}
+export declare const DEFAULT_CHARTS_THEME: UnguessChartsTheme;
+export declare const chartColors: {
+    darkPine: string;
+    lightGrey: string;
+    darkGrey: string;
+    mattone: string;
+    gubbioLight: string;
+    blueRoyal: string;
+    greenLight: string;
+    blue: string;
+    fucsia: string;
+    violet: string;
+    orchidea: string;
+    sky: string;
+};
+export declare const CHARTS_COLOR_SCHEME_MONO: string[];
+export declare const CHARTS_COLOR_SCHEME_SEMANTIC: string[];
+export declare const CHARTS_COLOR_SCHEME_CATEGORICAL_5: string[];
+export declare const CHARTS_COLOR_SCHEME_CATEGORICAL_8_A: string[];
+export declare const CHARTS_COLOR_SCHEME_CATEGORICAL_8_B: string[];
+export {};

package/build/stories/tooltip/_types.d.ts

@@ -0,0 +1,3 @@
+import { ITooltipProps } from "@zendeskgarden/react-tooltips";
+export interface TooltipArgs extends ITooltipProps {
+}

package/build/stories/tooltip/index.d.ts

@@ -0,0 +1,13 @@
+import { TooltipArgs } from "./_types";
+/**
+ * Tooltips appear when a user hovers or focuses an element. They provide contextual information about the element they are paired with.
+ * <hr>
+ * Used for this:
+ *    - To describe the function of an element when it might be ambiguous
+ *    - To describe the function of unlabeled icons
+ * Not for this:
+ *    - To provide information a user needs to know or remember
+ *    - To display truncated text, use a title attribute instead
+ */
+declare const Tooltip: (props: TooltipArgs) => JSX.Element;
+export { Tooltip };

package/build/stories/tooltip/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { TooltipArgs } from "./_types";
+export declare const Default: Story<TooltipArgs>;
+declare const _default: ComponentMeta<(props: TooltipArgs) => JSX.Element>;
+export default _default;

package/build/stories/tooltip-modal/index.d.ts

@@ -9,7 +9,7 @@ import { TooltipModalArgs } from "./_types";
  */
 declare const TooltipModal: {
     (props: TooltipModalArgs): JSX.Element;
-    Title: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").ITooltipModalTitleProps & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
     Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/build/stories/tooltip-modal/index.stories.d.ts

@@ -4,7 +4,7 @@ import { TooltipModalArgs } from "./_types";
 export declare const Default: Story<TooltipModalArgs>;
 declare const _default: ComponentMeta<{
     (props: TooltipModalArgs): JSX.Element;
-    Title: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").ITooltipModalTitleProps & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
     Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.17",
+  "version": "2.12.18",
   "dependencies": {
+    "@nivo/bar": "^0.80.0",
+    "@nivo/bullet": "^0.80.0",
+    "@nivo/core": "^0.80.0",
+    "@nivo/line": "^0.80.0",
+    "@nivo/pie": "^0.80.0",
+    "@nivo/stream": "^0.80.0",
+    "@nivo/sunburst": "^0.80.0",
+    "@nivo/waffle": "^0.80.0",
     "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
     "@tiptap/extension-character-count": "^2.0.0-beta.31",
     "@tiptap/extension-placeholder": "^2.0.0-beta.53",
@@ -76,6 +84,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.5",
+    "@babel/helpers": "^7.20.1",
     "@rollup/plugin-image": "^2.1.1",
     "@storybook/addon-actions": "^6.4.19",
     "@storybook/addon-essentials": "^6.4.19",
@@ -90,7 +99,7 @@
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.4.1",
     "@types/node": "^16.11.26",
-    "@types/react": "^17.0.39",
+    "@types/react": "^18.0.25",
     "@types/react-dom": "^17.0.11",
     "@types/react-window": "^1.8.5",
     "@types/styled-components": "^5.1.23",