@appquality/unguess-design-system 2.12.39 → 2.12.41

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

@@ -0,0 +1,6 @@
+declare const Legend: ({ colors, data, columns, }: {
+    colors: string[];
+    data: (string | number)[];
+    columns?: number | undefined;
+}) => JSX.Element;
+export default Legend;

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

@@ -1,5 +1,6 @@
 import React from "react";
-export declare type ChartTooltipFunction = ({ value, label, }: {
+export declare type ChartTooltipFunction = ({ value, label, data, }: {
     value: number;
     label: string;
+    data?: Record<string, string | number | undefined>;
 }) => React.ReactNode;

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

@@ -1,18 +1,27 @@
 import { PieSvgProps } from "@nivo/pie";
-interface PieDatum {
-    [key: string]: string | number;
-}
+import { ChartTooltipFunction } from "../_types";
+declare type PieDatum = {
+    id: string;
+    label?: string;
+    value: number;
+} & {
+    [key: string]: string | number | undefined;
+};
 export interface PieChartProps {
     data: PieDatum[];
     width?: string;
     height?: string;
     theme?: PieSvgProps<PieDatum>["theme"];
-    colors?: PieSvgProps<PieDatum>["colors"];
+    colors?: string[];
     margin?: PieSvgProps<PieDatum>["margin"];
     centerItem?: {
         label?: string;
         value?: string;
         fontSizeMultiplier?: number;
     };
+    tooltip?: ChartTooltipFunction;
+    legend?: {
+        columns?: number;
+    } | true;
 }
 export {};

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

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

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

@@ -1,5 +1,6 @@
 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 declare const WithCustomTooltip: Story<PieChartProps>;
+declare const _default: ComponentMeta<({ theme, colors, width, height, data, centerItem, margin, tooltip, legend, }: PieChartProps) => JSX.Element>;
 export default _default;

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

@@ -1,6 +1,8 @@
 import { SunburstSvgProps } from "@nivo/sunburst";
+import { ChartTooltipFunction } from "../_types";
 export interface SunburstData {
     name: string;
+    label?: string;
     children?: SunburstData[];
     value?: number;
 }
@@ -10,11 +12,15 @@ export interface SunburstChartProps {
     height?: string;
     margin?: SunburstSvgProps<SunburstData>["margin"];
     theme?: SunburstSvgProps<SunburstData>["theme"];
-    colors?: SunburstSvgProps<SunburstData>["colors"];
+    colors?: string[];
     centerItem?: {
         label?: string;
         value?: string;
         fontSizeMultiplier?: number;
     };
     onChange?: (data: SunburstData) => void;
+    tooltip?: ChartTooltipFunction;
+    legend?: {
+        columns?: number;
+    } | true;
 }

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

@@ -0,0 +1,3 @@
+import { SunburstData } from "./_types";
+declare const getChildrenValue: (data: SunburstData) => number;
+export { getChildrenValue };

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

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

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

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

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

@@ -1,11 +1,18 @@
-import { ITabsProps } from "@zendeskgarden/react-tabs";
-export interface TabsArgs extends ITabsProps {
-    /**
-     * Arranges the tabs vertically
-     */
-    isVertical?: boolean;
-    /**
-     * Specifies the currently selected tab
-     */
-    selectedItem?: string;
+import { HTMLAttributes } from "react";
+export interface TabsArgs extends HTMLAttributes<HTMLDivElement> {
+    selectedIndex?: number;
+    onTabChange?: (index: number) => void;
+}
+export interface TabItemProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    index: number;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    setSelectedTab: (index: number) => void;
+}
+export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    isDisabled?: boolean;
+    title: string;
+    hidden?: boolean;
 }

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

@@ -1,9 +1,5 @@
-/// <reference types="react" />
-import { TabList as ZendeskTabList, Tab as ZendeskTab, TabPanel as ZendeskTabPanel } from "@zendeskgarden/react-tabs";
-import { TabsArgs } from "./_types";
-declare const Tabs: import("react").ForwardRefExoticComponent<TabsArgs & import("react").RefAttributes<HTMLDivElement>> & {
-    List: typeof ZendeskTabList;
-    Tab: typeof ZendeskTab;
-    Panel: typeof ZendeskTabPanel;
+import { TabsArgs, TabPanelProps } from "./_types";
+export declare const Tabs: {
+    (props: TabsArgs): JSX.Element;
+    Panel: (props: TabPanelProps) => JSX.Element;
 };
-export { Tabs };

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

@@ -1,11 +1,16 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { TabsArgs } from "./_types";
-export declare const Horizontal: Story<TabsArgs>;
-export declare const Vertical: Story<TabsArgs>;
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<TabsArgs & import("react").RefAttributes<HTMLDivElement>> & {
-    List: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Tab: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tabs").ITabProps & import("react").RefAttributes<HTMLDivElement>>;
-    Panel: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tabs").ITabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+interface TabStoryArgs extends TabsArgs {
+    items: {
+        title: string;
+        content: string;
+        isDisabled?: boolean;
+    }[];
+}
+export declare const Default: Story<TabStoryArgs>;
+export declare const Disabled: Story<TabStoryArgs>;
+declare const _default: ComponentMeta<{
+    (props: TabsArgs): JSX.Element;
+    Panel: (props: import("./_types").TabPanelProps) => JSX.Element;
 }>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.39",
+  "version": "2.12.41",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",