@mlw-packages/react-components 1.9.3 → 1.9.5

package/dist/index.css

@@ -1118,6 +1118,9 @@ body {
 .w-1\.5 {
   width: 0.375rem;
 }
+.w-1\/2 {
+  width: 50%;
+}
 .w-10 {
   width: 2.5rem;
 }
@@ -1382,9 +1385,6 @@ body {
 .max-w-\[1100px\] {
   max-width: 1100px;
 }
-.max-w-\[120px\] {
-  max-width: 120px;
-}
 .max-w-\[210px\] {
   max-width: 210px;
 }
@@ -2992,6 +2992,9 @@ body {
 .pl-24 {
   padding-left: 6rem;
 }
+.pl-3 {
+  padding-left: 0.75rem;
+}
 .pl-4 {
   padding-left: 1rem;
 }
@@ -6215,12 +6218,6 @@ body {
   .sm\:mb-2 {
     margin-bottom: 0.5rem;
   }
-  .sm\:ml-3 {
-    margin-left: 0.75rem;
-  }
-  .sm\:mt-0 {
-    margin-top: 0px;
-  }
   .sm\:inline {
     display: inline;
   }
@@ -6281,9 +6278,6 @@ body {
   .sm\:max-w-md {
     max-width: 28rem;
   }
-  .sm\:max-w-none {
-    max-width: none;
-  }
   .sm\:max-w-sm {
     max-width: 24rem;
   }
@@ -6368,9 +6362,6 @@ body {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
-  .sm\:border-l {
-    border-left-width: 1px;
-  }
   .sm\:p-1\.5 {
     padding: 0.375rem;
   }
@@ -6405,9 +6396,6 @@ body {
   .sm\:pe-4 {
     padding-inline-end: 1rem;
   }
-  .sm\:pl-3 {
-    padding-left: 0.75rem;
-  }
   .sm\:pr-0 {
     padding-right: 0px;
   }

package/dist/index.d.mts

@@ -1674,6 +1674,61 @@ interface LegendItem {
     };
 }
 
+declare const formatFieldName: (fieldName: string) => string;
+declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
+declare const detectXAxis: (data: Record<string, unknown>[]) => string;
+declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
+declare const niceCeil: (value: number) => number;
+declare const compactTick: (value: number) => string;
+declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
+declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+};
+declare const generateColorMap: (dataKeys: string[], baseColors: string[], mapperConfig: Record<string, {
+    color?: string;
+}>) => Record<string, string>;
+declare const computeNiceMax: (maxValue: number) => number;
+declare const getMaxDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
+declare const getMinDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
+declare const computeChartWidth: (width: number | string | undefined, dataLength: number, series: SeriesConfig | undefined, niceMaxLeft: number, niceMaxRight: number) => number;
+declare const adaptDataForTooltip: <T extends Record<string, unknown>>(data: T, xAxisKey: string) => {
+    name: string;
+    [key: string]: string | number;
+};
+declare const createValueFormatter: (customFormatter: ValueFormatterType | Record<string, string> | undefined, formatBR: boolean) => ValueFormatterType | undefined;
+declare const createYTickFormatter: (finalValueFormatter: ValueFormatterType | undefined) => ((value: number | string) => string);
+declare const computeYAxisTickWidth: (chartMarginLeft: number | undefined, yAxisLabel: string | undefined, axisLabelMargin: number, yTickFormatter: (value: number | string) => string, minValue: number, maxValue: number) => number;
+
+type Variant = "filled" | "outline" | "soft";
+type LabelRendererProps = {
+    x?: number | string;
+    y?: number | string;
+    value?: number | string;
+    index?: number;
+    payload?: unknown;
+    width?: number | string;
+    height?: number | string;
+    viewBox?: {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    } | Record<string, unknown> | undefined;
+    cx?: number | string;
+    cy?: number | string;
+};
+type valueFormatter = (props: {
+    value: number | string | undefined;
+    formattedValue: string;
+    [key: string]: unknown;
+}) => string;
+declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
 interface ChartData$3 {
     [key: string]: string | number | boolean | null | undefined;
 }
@@ -1695,8 +1750,8 @@ type SeriesProp = {
     line?: string[];
     area?: string[];
 };
-interface ChartProps<T extends ChartData$3 = ChartData$3> {
-    data: T[];
+interface ChartProps {
+    data: ChartData$3[];
     series?: SeriesProp;
     className?: string;
     chartMargin?: Partial<{
@@ -1716,7 +1771,7 @@ interface ChartProps<T extends ChartData$3 = ChartData$3> {
     titlePosition?: "left" | "center" | "right";
     showLabels?: boolean;
     labelMap?: Record<string, string>;
-    valueFormatter?: ValueFormatterConfig | ValueFormatterMap<T>;
+    valueFormatter?: valueFormatter;
     categoryFormatter?: (value: string | number) => string;
     periodLabel?: string;
     xAxisLabel?: string;
@@ -1741,7 +1796,6 @@ interface ChartProps<T extends ChartData$3 = ChartData$3> {
         area: boolean;
     };
     horizontal?: boolean;
-    orderBy?: string;
 }
 interface SeriesConfig {
     bar?: string[];
@@ -1753,12 +1807,6 @@ type ValueFormatterType = (props: {
     formattedValue: string;
     [key: string]: unknown;
 }) => string;
-type PredefinedFormat = "R$" | "$" | "€" | "£" | "%" | "kg" | "km" | "m" | "L" | "un" | "t" | "h" | "min" | "s";
-type ExtractStringKeys<T> = {
-    [K in keyof T]: T[K] extends string | number ? K : never;
-}[keyof T];
-type ValueFormatterMap<T extends Record<string, unknown>> = Partial<Record<ExtractStringKeys<T>, PredefinedFormat | string>>;
-type ValueFormatterConfig = ValueFormatterType | Record<string, PredefinedFormat | string>;
 type Padding = number | Partial<{
     left: number;
     right: number;
@@ -1860,61 +1908,6 @@ interface CloseAllButtonProps {
 }
 declare const CloseAllButton: React__default.FC<CloseAllButtonProps>;
 
-declare const formatFieldName: (fieldName: string) => string;
-declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
-declare const detectXAxis: (data: Record<string, unknown>[]) => string;
-declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
-declare const niceCeil: (value: number) => number;
-declare const compactTick: (value: number) => string;
-declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
-declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-};
-declare const generateColorMap: (dataKeys: string[], baseColors: string[], mapperConfig: Record<string, {
-    color?: string;
-}>) => Record<string, string>;
-declare const computeNiceMax: (maxValue: number) => number;
-declare const getMaxDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
-declare const getMinDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
-declare const computeChartWidth: (width: number | string | undefined, dataLength: number, series: SeriesConfig | undefined, niceMaxLeft: number, niceMaxRight: number) => number;
-declare const adaptDataForTooltip: <T extends Record<string, unknown>>(data: T, xAxisKey: string) => {
-    name: string;
-    [key: string]: string | number;
-};
-declare const createValueFormatter: (customFormatter: ValueFormatterType | Record<string, string> | undefined, formatBR: boolean) => ValueFormatterType | undefined;
-declare const createYTickFormatter: (finalValueFormatter: ValueFormatterType | undefined) => ((value: number | string) => string);
-declare const computeYAxisTickWidth: (chartMarginLeft: number | undefined, yAxisLabel: string | undefined, axisLabelMargin: number, yTickFormatter: (value: number | string) => string, minValue: number, maxValue: number) => number;
-
-type Variant = "filled" | "outline" | "soft";
-type LabelRendererProps = {
-    x?: number | string;
-    y?: number | string;
-    value?: number | string;
-    index?: number;
-    payload?: unknown;
-    width?: number | string;
-    height?: number | string;
-    viewBox?: {
-        x?: number;
-        y?: number;
-        width?: number;
-        height?: number;
-    } | Record<string, unknown> | undefined;
-    cx?: number | string;
-    cy?: number | string;
-};
-type valueFormatter = (props: {
-    value: number | string | undefined;
-    formattedValue: string;
-    [key: string]: unknown;
-}) => string;
-declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
-
-declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
-
 interface TooltipData {
     name: string;
     [key: string]: string | number;
@@ -1988,17 +1981,31 @@ interface Props {
 }
 declare const TooltipSimple: React__default.FC<Props>;
 
+interface IntegrationProperties {
+    tipo?: string;
+    Tipo?: string;
+    Setor?: string;
+    Destino?: string;
+    Contato?: string;
+    Ambiente?: string;
+    Nome?: string;
+    Protocolos?: string;
+    Sustentacao?: string;
+    Origem?: string;
+}
 interface Connection {
     id: string;
     name: string;
     type: "entrada" | "saida";
     status?: "active" | "inactive" | "warning";
+    integration?: IntegrationProperties;
 }
 interface SystemData {
     name: string;
-    description: string;
+    description?: string;
     connections: Connection[];
 }
+
 interface Position$1 {
     top: number;
     left: number;
@@ -2008,6 +2015,7 @@ interface SystemTooltipProps {
     data: SystemData;
     position: Position$1;
     title?: string;
+    isLoading?: boolean;
     onMouseDown?: (id: string, e: React__default.MouseEvent | React__default.TouchEvent) => void;
     onClose: (id: string) => void;
     onPositionChange?: (id: string, position: Position$1) => void;

package/dist/index.d.ts

@@ -1674,6 +1674,61 @@ interface LegendItem {
     };
 }
 
+declare const formatFieldName: (fieldName: string) => string;
+declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
+declare const detectXAxis: (data: Record<string, unknown>[]) => string;
+declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
+declare const niceCeil: (value: number) => number;
+declare const compactTick: (value: number) => string;
+declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
+declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+};
+declare const generateColorMap: (dataKeys: string[], baseColors: string[], mapperConfig: Record<string, {
+    color?: string;
+}>) => Record<string, string>;
+declare const computeNiceMax: (maxValue: number) => number;
+declare const getMaxDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
+declare const getMinDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
+declare const computeChartWidth: (width: number | string | undefined, dataLength: number, series: SeriesConfig | undefined, niceMaxLeft: number, niceMaxRight: number) => number;
+declare const adaptDataForTooltip: <T extends Record<string, unknown>>(data: T, xAxisKey: string) => {
+    name: string;
+    [key: string]: string | number;
+};
+declare const createValueFormatter: (customFormatter: ValueFormatterType | Record<string, string> | undefined, formatBR: boolean) => ValueFormatterType | undefined;
+declare const createYTickFormatter: (finalValueFormatter: ValueFormatterType | undefined) => ((value: number | string) => string);
+declare const computeYAxisTickWidth: (chartMarginLeft: number | undefined, yAxisLabel: string | undefined, axisLabelMargin: number, yTickFormatter: (value: number | string) => string, minValue: number, maxValue: number) => number;
+
+type Variant = "filled" | "outline" | "soft";
+type LabelRendererProps = {
+    x?: number | string;
+    y?: number | string;
+    value?: number | string;
+    index?: number;
+    payload?: unknown;
+    width?: number | string;
+    height?: number | string;
+    viewBox?: {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    } | Record<string, unknown> | undefined;
+    cx?: number | string;
+    cy?: number | string;
+};
+type valueFormatter = (props: {
+    value: number | string | undefined;
+    formattedValue: string;
+    [key: string]: unknown;
+}) => string;
+declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
 interface ChartData$3 {
     [key: string]: string | number | boolean | null | undefined;
 }
@@ -1695,8 +1750,8 @@ type SeriesProp = {
     line?: string[];
     area?: string[];
 };
-interface ChartProps<T extends ChartData$3 = ChartData$3> {
-    data: T[];
+interface ChartProps {
+    data: ChartData$3[];
     series?: SeriesProp;
     className?: string;
     chartMargin?: Partial<{
@@ -1716,7 +1771,7 @@ interface ChartProps<T extends ChartData$3 = ChartData$3> {
     titlePosition?: "left" | "center" | "right";
     showLabels?: boolean;
     labelMap?: Record<string, string>;
-    valueFormatter?: ValueFormatterConfig | ValueFormatterMap<T>;
+    valueFormatter?: valueFormatter;
     categoryFormatter?: (value: string | number) => string;
     periodLabel?: string;
     xAxisLabel?: string;
@@ -1741,7 +1796,6 @@ interface ChartProps<T extends ChartData$3 = ChartData$3> {
         area: boolean;
     };
     horizontal?: boolean;
-    orderBy?: string;
 }
 interface SeriesConfig {
     bar?: string[];
@@ -1753,12 +1807,6 @@ type ValueFormatterType = (props: {
     formattedValue: string;
     [key: string]: unknown;
 }) => string;
-type PredefinedFormat = "R$" | "$" | "€" | "£" | "%" | "kg" | "km" | "m" | "L" | "un" | "t" | "h" | "min" | "s";
-type ExtractStringKeys<T> = {
-    [K in keyof T]: T[K] extends string | number ? K : never;
-}[keyof T];
-type ValueFormatterMap<T extends Record<string, unknown>> = Partial<Record<ExtractStringKeys<T>, PredefinedFormat | string>>;
-type ValueFormatterConfig = ValueFormatterType | Record<string, PredefinedFormat | string>;
 type Padding = number | Partial<{
     left: number;
     right: number;
@@ -1860,61 +1908,6 @@ interface CloseAllButtonProps {
 }
 declare const CloseAllButton: React__default.FC<CloseAllButtonProps>;
 
-declare const formatFieldName: (fieldName: string) => string;
-declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
-declare const detectXAxis: (data: Record<string, unknown>[]) => string;
-declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
-declare const niceCeil: (value: number) => number;
-declare const compactTick: (value: number) => string;
-declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
-declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-};
-declare const generateColorMap: (dataKeys: string[], baseColors: string[], mapperConfig: Record<string, {
-    color?: string;
-}>) => Record<string, string>;
-declare const computeNiceMax: (maxValue: number) => number;
-declare const getMaxDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
-declare const getMinDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
-declare const computeChartWidth: (width: number | string | undefined, dataLength: number, series: SeriesConfig | undefined, niceMaxLeft: number, niceMaxRight: number) => number;
-declare const adaptDataForTooltip: <T extends Record<string, unknown>>(data: T, xAxisKey: string) => {
-    name: string;
-    [key: string]: string | number;
-};
-declare const createValueFormatter: (customFormatter: ValueFormatterType | Record<string, string> | undefined, formatBR: boolean) => ValueFormatterType | undefined;
-declare const createYTickFormatter: (finalValueFormatter: ValueFormatterType | undefined) => ((value: number | string) => string);
-declare const computeYAxisTickWidth: (chartMarginLeft: number | undefined, yAxisLabel: string | undefined, axisLabelMargin: number, yTickFormatter: (value: number | string) => string, minValue: number, maxValue: number) => number;
-
-type Variant = "filled" | "outline" | "soft";
-type LabelRendererProps = {
-    x?: number | string;
-    y?: number | string;
-    value?: number | string;
-    index?: number;
-    payload?: unknown;
-    width?: number | string;
-    height?: number | string;
-    viewBox?: {
-        x?: number;
-        y?: number;
-        width?: number;
-        height?: number;
-    } | Record<string, unknown> | undefined;
-    cx?: number | string;
-    cy?: number | string;
-};
-type valueFormatter = (props: {
-    value: number | string | undefined;
-    formattedValue: string;
-    [key: string]: unknown;
-}) => string;
-declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
-
-declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
-
 interface TooltipData {
     name: string;
     [key: string]: string | number;
@@ -1988,17 +1981,31 @@ interface Props {
 }
 declare const TooltipSimple: React__default.FC<Props>;
 
+interface IntegrationProperties {
+    tipo?: string;
+    Tipo?: string;
+    Setor?: string;
+    Destino?: string;
+    Contato?: string;
+    Ambiente?: string;
+    Nome?: string;
+    Protocolos?: string;
+    Sustentacao?: string;
+    Origem?: string;
+}
 interface Connection {
     id: string;
     name: string;
     type: "entrada" | "saida";
     status?: "active" | "inactive" | "warning";
+    integration?: IntegrationProperties;
 }
 interface SystemData {
     name: string;
-    description: string;
+    description?: string;
     connections: Connection[];
 }
+
 interface Position$1 {
     top: number;
     left: number;
@@ -2008,6 +2015,7 @@ interface SystemTooltipProps {
     data: SystemData;
     position: Position$1;
     title?: string;
+    isLoading?: boolean;
     onMouseDown?: (id: string, e: React__default.MouseEvent | React__default.TouchEvent) => void;
     onClose: (id: string) => void;
     onPositionChange?: (id: string, position: Position$1) => void;