@monolith-forensics/monolith-ui 1.8.1-dev.0 → 1.8.1-dev.1

package/dist/PieChart/PieChart.styled.d.ts

@@ -1,49 +0,0 @@
-export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledChartWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledSvg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;
-export declare const StyledSlice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, {
-    $active: boolean;
-}>> & string;
-export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGTextElementAttributes<SVGTextElement>, never>> & string;
-export declare const StyledCenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledCenterPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $diameter: number;
-}>> & string;
-export declare const StyledCenterValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledCenterLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export declare const StyledLegendItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $active: boolean;
-    $showSwatch: boolean;
-    $showLabel: boolean;
-    $showMeta: boolean;
-}>> & string;
-export declare const StyledSwatch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $color: string;
-    $width?: number;
-    $height?: number;
-    $radius?: number;
-}>> & string;
-export declare const StyledLegendLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledLegendValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledLegendMeta: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledLegendPercent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledEmptyState: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $size: number;
-}>> & string;
-export declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $minWidth?: number;
-    $maxWidth?: number;
-    $transform?: string;
-}>> & string;
-export declare const StyledTooltipHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTooltipSwatch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $color: string;
-    $radius?: string;
-}>> & string;
-export declare const StyledTooltipLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledTooltipMeta: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $marginTop?: number;
-    $direction?: "row" | "column";
-    $gap?: number;
-}>> & string;

package/dist/PieChart/PieChart.styled.js

@@ -1,161 +0,0 @@
-import styled from "styled-components";
-import { StyledChartLegend, StyledChartLegendLabel, StyledChartLegendSwatch, StyledChartLegendValue, StyledChartTooltip, StyledChartTooltipHeader, StyledChartTooltipLabel, StyledChartTooltipMeta, StyledChartTooltipSwatch, sharedLegendItemStyles, } from "../ChartPrimitives";
-const activeSliceStyles = `
-  opacity: 0.96;
-  filter: brightness(1.12) saturate(1.08);
-  transform: scale(1.018);
-`;
-export const StyledContainer = styled.div `
-  position: relative;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 20px;
-  width: fit-content;
-  max-width: 100%;
-  color: ${({ theme }) => theme.palette.text.primary};
-  box-sizing: border-box;
-  overflow: visible;
-`;
-export const StyledChartWrap = styled.div `
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 0 0 auto;
-`;
-export const StyledSvg = styled.svg `
-  display: block;
-  overflow: visible;
-`;
-export const StyledSlice = styled.path `
-  cursor: pointer;
-  outline: none;
-  transform-box: fill-box;
-  transform-origin: center;
-  transition:
-    opacity 0.18s ease,
-    filter 0.18s ease,
-    transform 0.18s ease;
-
-  &:hover,
-  &:focus-visible {
-    ${activeSliceStyles}
-  }
-
-  ${({ $active }) => $active && activeSliceStyles}
-`;
-export const StyledLabel = styled.text `
-  fill: #fff;
-  font-size: 11px;
-  font-weight: 600;
-  paint-order: stroke;
-  stroke: rgba(0, 0, 0, 0.28);
-  stroke-width: 3px;
-  stroke-linejoin: round;
-  pointer-events: none;
-`;
-export const StyledCenter = styled.div `
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 2px;
-  text-align: center;
-  pointer-events: none;
-`;
-export const StyledCenterPanel = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 2px;
-  width: ${({ $diameter }) => $diameter}px;
-  height: ${({ $diameter }) => $diameter}px;
-  max-width: 74%;
-  max-height: 74%;
-  border: 1px solid ${({ theme }) => theme.palette.divider};
-  border-radius: 50%;
-  background: linear-gradient(
-    180deg,
-    ${({ theme }) => theme.palette.background.paper} 0%,
-    ${({ theme }) => theme.palette.background.secondary} 100%
-  );
-`;
-export const StyledCenterValue = styled.div `
-  max-width: 78%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 1.15;
-  color: ${({ theme }) => theme.palette.text.primary};
-`;
-export const StyledCenterLabel = styled.div `
-  max-width: 78%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 11px;
-  line-height: 1.2;
-  color: ${({ theme }) => theme.palette.text.secondary};
-`;
-export const StyledLegend = styled(StyledChartLegend) `
-  min-width: 164px;
-  max-width: 260px;
-`;
-export const StyledLegendItem = styled.div `
-  display: grid;
-  grid-template-columns: ${({ $showSwatch, $showLabel, $showMeta }) => [
-    $showSwatch ? "4px" : null,
-    $showLabel ? "minmax(0, 1fr)" : null,
-    $showMeta ? "auto" : null,
-]
-    .filter(Boolean)
-    .join(" ")};
-  ${sharedLegendItemStyles}
-`;
-export const StyledSwatch = StyledChartLegendSwatch;
-export const StyledLegendLabel = StyledChartLegendLabel;
-export const StyledLegendValue = StyledChartLegendValue;
-export const StyledLegendMeta = styled.span `
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  white-space: nowrap;
-`;
-export const StyledLegendPercent = styled.span `
-  min-width: 34px;
-  padding: 2px 5px;
-  border: 1px solid ${({ theme }) => theme.palette.divider};
-  border-radius: 4px;
-  background-color: ${({ theme }) => theme.palette.background.paper};
-  color: ${({ theme }) => theme.palette.text.primary};
-  font-size: 11px;
-  font-variant-numeric: tabular-nums;
-  text-align: center;
-`;
-export const StyledEmptyState = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${({ $size }) => $size}px;
-  height: ${({ $size }) => $size}px;
-  border: 1px dashed ${({ theme }) => theme.palette.divider};
-  border-radius: 50%;
-  background: radial-gradient(
-    circle,
-    ${({ theme }) => theme.palette.background.paper} 0%,
-    ${({ theme }) => theme.palette.background.secondary} 70%
-  );
-  font-size: 12px;
-  color: ${({ theme }) => theme.palette.text.secondary};
-`;
-export const StyledTooltip = StyledChartTooltip;
-export const StyledTooltipHeader = StyledChartTooltipHeader;
-export const StyledTooltipSwatch = StyledChartTooltipSwatch;
-export const StyledTooltipLabel = StyledChartTooltipLabel;
-export const StyledTooltipMeta = StyledChartTooltipMeta;

package/dist/PieChart/PieChart.types.d.ts

@@ -1,99 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { PieArcDatum } from "d3-shape";
-export type PieChartDatum<TData = unknown> = {
-    /** Stable identifier for the slice. Falls back to label and index when omitted. */
-    id?: string | number;
-    /** Display label used for legends, labels, tooltips, and accessibility text. */
-    label: string;
-    /** Numeric value used to calculate the slice size. Values must be positive to render. */
-    value: number;
-    /** Optional per-slice color. Takes precedence over colorGradient, colors, and theme colors. */
-    color?: string;
-    /** Optional contextual payload returned in click callbacks and formatter functions. */
-    data?: TData;
-};
-export type PieChartColorGradient = 
-/** Ordered color stops used to generate slice colors across a gradient scale. */
-string[]
-/** Two-color gradient range used to generate slice colors from start to end. */
- | {
-    /** Starting color for generated slice colors. */
-    from: string;
-    /** Ending color for generated slice colors. */
-    to: string;
-};
-export type PieChartProps<TData = unknown> = HTMLAttributes<HTMLDivElement> & {
-    /** Slice data rendered by the chart. Only positive finite values are displayed. */
-    data: PieChartDatum<TData>[];
-    /** SVG width and height in pixels. Defaults to 220. */
-    size?: number;
-    /** Inner radius in pixels. Set to 0 for a solid pie. Defaults to 58. */
-    innerRadius?: number;
-    /** Outer radius in pixels. Defaults to half the size minus chart padding. */
-    outerRadius?: number;
-    /** Corner radius for slice edges in pixels. Defaults to 1. */
-    cornerRadius?: number;
-    /** Angular spacing between slices in radians. Defaults to 0.004. */
-    padAngle?: number;
-    /** Categorical color palette for slices. Used after per-slice colors and colorGradient. */
-    colors?: string[];
-    /** Generates slice colors along a gradient scale. Per-slice color values still take precedence. */
-    colorGradient?: PieChartColorGradient;
-    /** Opacity applied to slice fills. Clamped between 0 and 1. Defaults to 1. */
-    sliceOpacity?: number;
-    /** Stroke color around each slice. Defaults to the theme paper background. */
-    sliceBorderColor?: string;
-    /** Stroke width around each slice in pixels. Defaults to 1. */
-    sliceBorderWidth?: number;
-    /** Stroke opacity around each slice. Clamped between 0 and 1. Defaults to 1. */
-    sliceBorderOpacity?: number;
-    /** SVG stroke line join used by each slice border. Defaults to "round". */
-    sliceBorderLineJoin?: React.SVGAttributes<SVGPathElement>["strokeLinejoin"];
-    /** Shows or hides the entire legend. Defaults to true. */
-    showLegend?: boolean;
-    /** Shows or hides legend color swatches. Defaults to true. */
-    showLegendSwatches?: boolean;
-    /** Shows or hides legend labels. Defaults to true. */
-    showLegendLabels?: boolean;
-    /** Shows or hides legend formatted values. Defaults to true. */
-    showLegendValues?: boolean;
-    /** Shows or hides legend percentage badges. Defaults to true. */
-    showLegendPercentages?: boolean;
-    /** Shows percentage labels inside sufficiently large slices. Defaults to false. */
-    showLabels?: boolean;
-    /** Label displayed in the center of donut charts. */
-    centerLabel?: React.ReactNode;
-    /** Value displayed above centerLabel in donut charts. */
-    centerValue?: React.ReactNode;
-    /** Content shown when no valid positive data values are available. Defaults to "No data". */
-    emptyLabel?: React.ReactNode;
-    /** Accessible label for the SVG chart image. Defaults to "Pie chart". */
-    ariaLabel?: string;
-    /** Animates slices on initial render with a fan-out sweep. Defaults to false. */
-    animateOnRender?: boolean;
-    /** Duration in milliseconds for each slice animation. Defaults to 520. */
-    animationDuration?: number;
-    /** Delay in milliseconds between each slice animation. Defaults to 35. */
-    animationStagger?: number;
-    /** Shows a custom themed tooltip when hovering over slices. Defaults to false. */
-    showTooltips?: boolean;
-    /** Formats values shown in the legend and default tooltip. */
-    valueFormatter?: (value: number, datum: PieChartDatum<TData>) => React.ReactNode;
-    /** Formats labels rendered inside slices. Receives the original datum and percentage as 0-1. */
-    labelFormatter?: (datum: PieChartDatum<TData>, percent: number) => React.ReactNode;
-    /** Custom tooltip renderer. Receives the original datum and percentage as 0-1. */
-    tooltipFormatter?: (datum: PieChartDatum<TData>, percent: number) => React.ReactNode;
-    /** Called when a slice is clicked or activated with Enter/Space. */
-    onSliceClick?: (event: React.MouseEvent<SVGPathElement> | React.KeyboardEvent<SVGPathElement>, datum: PieChartDatum<TData>) => void;
-    /** Called when a legend item is clicked or activated with Enter/Space. */
-    onLegendItemClick?: (event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, datum: PieChartDatum<TData>) => void;
-};
-export type ResolvedSlice<TData = unknown> = PieArcDatum<PieChartDatum<TData>> & {
-    color: string;
-    percent: number;
-};
-export type ActiveTooltip = {
-    sliceKey: string | number;
-    x: number;
-    y: number;
-};

package/dist/PieChart/PieChart.types.js

@@ -1 +0,0 @@
-export {};

package/dist/PieChart/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./PieChart";
-export type { PieChartColorGradient, PieChartDatum, PieChartProps, } from "./PieChart.types";

package/dist/PieChart/index.js

@@ -1 +0,0 @@
-export * from "./PieChart";

package/dist/SuperDatePicker/SuperDatePicker.d.ts

@@ -1,74 +0,0 @@
-import moment from "moment";
-import { CSSProperties, ReactElement, ReactNode } from "react";
-import { ButtonProps } from "../Button";
-import { Size, Variant } from "../core";
-export type SuperDatePickerUnit = "s" | "m" | "h" | "d" | "w" | "M" | "y";
-export type SuperDatePickerRefreshUnit = "s" | "m" | "h";
-export type DurationRange = {
-    start: string;
-    end: string;
-    label: string;
-};
-export type SuperDatePickerQuickSelectPanel = {
-    title: string;
-    content: ReactElement;
-};
-export type SuperDatePickerTimeChangeProps = {
-    start: string;
-    end: string;
-    isInvalid: boolean;
-    isQuickSelection: boolean;
-};
-export type SuperDatePickerRefreshChangeProps = {
-    isPaused: boolean;
-    refreshInterval: number;
-    intervalUnits: SuperDatePickerRefreshUnit;
-};
-export type SuperDatePickerRefreshProps = {
-    start: string;
-    end: string;
-    refreshInterval: number;
-};
-export type SuperDatePickerTimeWindowButtonsConfig = {
-    zoomFactor?: number;
-    showZoomIn?: boolean;
-};
-export type SuperDatePickerProps = {
-    className?: string;
-    style?: CSSProperties;
-    start?: string;
-    end?: string;
-    defaultStart?: string;
-    defaultEnd?: string;
-    onTimeChange?: (props: SuperDatePickerTimeChangeProps) => void;
-    commonlyUsedRanges?: DurationRange[];
-    recentlyUsedRanges?: DurationRange[];
-    customQuickSelectPanels?: SuperDatePickerQuickSelectPanel[];
-    isDisabled?: boolean | {
-        display: ReactNode;
-    };
-    isLoading?: boolean;
-    width?: "auto" | "restricted" | "full";
-    size?: Size;
-    variant?: Variant;
-    compressed?: boolean;
-    showUpdateButton?: boolean | "iconOnly";
-    updateButtonProps?: ButtonProps;
-    quickSelectButtonProps?: ButtonProps;
-    isQuickSelectOnly?: boolean;
-    isAutoRefreshOnly?: boolean;
-    isPaused?: boolean;
-    refreshInterval?: number;
-    refreshMinInterval?: number;
-    refreshIntervalUnits?: SuperDatePickerRefreshUnit;
-    onRefresh?: (props: SuperDatePickerRefreshProps) => void | Promise<void>;
-    onRefreshChange?: (props: SuperDatePickerRefreshChangeProps) => void;
-    showTimeWindowButtons?: boolean | SuperDatePickerTimeWindowButtonsConfig;
-    minDate?: Date | moment.Moment;
-    maxDate?: Date | moment.Moment;
-    timeZoneDisplay?: ReactNode;
-    dateFormat?: string;
-    "aria-label"?: string;
-};
-export declare const SuperDatePicker: React.FC<SuperDatePickerProps>;
-export default SuperDatePicker;