@ssa-ui-kit/core 2.9.0 → 2.10.0

package/dist/components/AccordionGroup/types.d.ts

@@ -38,11 +38,14 @@ export interface AccordionViewProps extends AccordionProps {
     children?: React.ReactNode;
     contentProps?: Record<string, unknown>;
 }
+export type OpenedAccordion = {
+    id: string | number;
+};
 export interface AccordionGroupContextProps {
-    openedAccordions: Array<AccordionProps> | [];
+    openedAccordions: Array<OpenedAccordion> | [];
     stayOpen: boolean;
-    setOpenedAccordions: (accordions: Array<AccordionProps>) => void;
-    toggleOpenedAccordion: (accordion: AccordionProps) => void;
+    setOpenedAccordions: (accordions: Array<OpenedAccordion>) => void;
+    toggleOpenedAccordion: (accordion: OpenedAccordion, opened?: boolean) => void;
     setStayOpen: (isStayOpen: boolean) => void;
 }
 export {};

package/dist/components/Charts/BarGaugeChart/BarGaugeChart.d.ts

@@ -0,0 +1,6 @@
+import { BarGaugeChartProps } from './types';
+export declare const BarGaugeChartComponent: ({ title, widgetCardProps, bars, features, }: BarGaugeChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BarGaugeChart: {
+    (props: BarGaugeChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Charts/BarGaugeChart/components/BarGaugeChartHeader.d.ts

@@ -0,0 +1,5 @@
+import { BarGaugeChartHeaderProps } from '../types';
+export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const BarGaugeChartHeader: <F extends string[]>({ features, }: BarGaugeChartHeaderProps<F>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/BarGaugeChart/components/Brick.d.ts

@@ -0,0 +1,8 @@
+export declare const Brick: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $width: number;
+    $color: string;
+    $inactive: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Charts/BarGaugeChart/components/GaugeBar.d.ts

@@ -0,0 +1,2 @@
+import { GaugeBarProps } from '../types';
+export declare const GaugeBar: ({ title, value, min, max, gap, brickWidth, thresholds, valueFormatter, }: GaugeBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/BarGaugeChart/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BarGaugeChartHeader';
+export * from './GaugeBar';
+export * from './Brick';

package/dist/components/Charts/BarGaugeChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BarGaugeChart';
+export * from './types';

package/dist/components/Charts/BarGaugeChart/types.d.ts

@@ -0,0 +1,27 @@
+import { MustInclude } from '@ssa-ui-kit/utils';
+import { WidgetCardProps } from '../../WidgetCard';
+export type BarGaugeChartFeature = 'header' | 'fullscreenMode';
+export type GaugeBarThreshold = {
+    value: number;
+    color: string;
+};
+export type GaugeBarValueFormatter = (value: number, color: string) => React.ReactNode;
+export interface BarGaugeChartHeaderProps<T extends string[]> {
+    features: MustInclude<T, 'fullscreenMode'>;
+}
+export interface GaugeBarProps {
+    value: number;
+    valueFormatter?: GaugeBarValueFormatter;
+    title?: React.ReactNode;
+    thresholds?: GaugeBarThreshold[];
+    gap?: number;
+    brickWidth?: number;
+    min?: number;
+    max?: number;
+}
+export interface BarGaugeChartProps {
+    title?: string;
+    widgetCardProps?: WidgetCardProps;
+    bars?: GaugeBarProps[];
+    features?: BarGaugeChartFeature[];
+}

package/dist/components/Charts/BigNumberChart/BigNumberChart.d.ts

@@ -0,0 +1,18 @@
+import { Datum } from '@nivo/line';
+import { WidgetCardProps } from '../../index';
+import { TrendLineProps } from './components';
+export type BigNumberChartFeatures = 'header' | 'fullscreenMode';
+export interface BigNumberChartProps {
+    data: Datum[];
+    interactive?: boolean;
+    title?: string;
+    widgetCardProps?: WidgetCardProps;
+    trendLineProps?: Omit<TrendLineProps, 'data'>;
+    features?: BigNumberChartFeatures[];
+    valueFormat?: (value: Datum) => React.ReactNode;
+}
+export declare const BigNumberChartComponent: ({ data, title, widgetCardProps, trendLineProps, interactive, features, valueFormat, }: BigNumberChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BigNumberChart: {
+    (props: BigNumberChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Charts/BigNumberChart/components/BigNumberChartHeader.d.ts

@@ -0,0 +1,8 @@
+import { MustInclude } from '@ssa-ui-kit/utils';
+export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export interface BigNumberChartHeaderProps<T extends string[]> {
+    features: MustInclude<T, 'fullscreenMode'>;
+}
+export declare const BigNumberChartHeader: <F extends string[]>({ features, }: BigNumberChartHeaderProps<F>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/BigNumberChart/components/TrendLine.d.ts

@@ -0,0 +1,7 @@
+import { LineProps } from '@nivo/line';
+import { TrendLineTooltipProps } from './TrendLineTooltip';
+export interface TrendLineProps extends LineProps {
+    color?: string;
+    tooltipValueFormat?: TrendLineTooltipProps['valueFormat'];
+}
+export declare const TrendLine: ({ color, tooltipValueFormat, ...props }: TrendLineProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/BigNumberChart/components/TrendLineTooltip.d.ts

@@ -0,0 +1,5 @@
+import { Point, PointTooltipProps } from '@nivo/line';
+export type TrendLineTooltipProps = PointTooltipProps & {
+    valueFormat?: (data: Point['data']) => React.ReactNode;
+};
+export declare const TrendLineTooltip: ({ point, valueFormat, }: TrendLineTooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/BigNumberChart/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BigNumberChartHeader';
+export * from './TrendLine';
+export * from './TrendLineTooltip';

package/dist/components/Charts/BigNumberChart/index.d.ts

@@ -0,0 +1 @@
+export * from './BigNumberChart';

package/dist/components/Charts/index.d.ts

@@ -5,3 +5,5 @@ export * from './TreeMapChart';
 export * from './common';
 export * from './hooks';
 export * from './GaugeChart';
+export * from './BarGaugeChart';
+export * from './BigNumberChart';

package/dist/components/JsonSchemaForm/fields/AccordionField.d.ts

@@ -0,0 +1,6 @@
+import { FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+export type AccordionOptions = {
+    targetField: string;
+    collapsed?: boolean;
+};
+export declare const AccordionField: <T = unknown, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = Record<string, unknown>>(props: FieldProps<T, S, F>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/JsonSchemaForm/fields/DateRangeField.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+export declare const DateRangeField: <T = unknown, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = Record<string, unknown>>(props: FieldProps<T, S, F>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/JsonSchemaForm/fields/index.d.ts

@@ -0,0 +1,4 @@
+import { FormContextType, RegistryFieldsType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+export declare const generateFields: <T = unknown, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = Record<string, unknown>>() => RegistryFieldsType<T, S, F>;
+declare const _default: RegistryFieldsType<unknown, RJSFSchema, Record<string, unknown>>;
+export default _default;

package/dist/components/JsonSchemaForm/index.d.ts

@@ -3,10 +3,11 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 import { FormProps, ThemeProps } from '@rjsf/core';
 import Templates, { generateTemplates } from './templates';
 import Widgets, { generateWidgets } from './widgets';
+import Fields, { generateFields } from './fields';
 export declare function generateTheme<T = unknown, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = Record<string, unknown>>(): ThemeProps<T, S, F>;
 declare const Theme: ThemeProps<unknown, RJSFSchema, Record<string, unknown>>;
 export declare function generateForm<T = unknown, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = Record<string, unknown>>(): ComponentType<FormProps<T, S, F>>;
 declare const Form: import("@emotion/styled").StyledComponent<FormProps<unknown, RJSFSchema, Record<string, unknown>> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export { Form, Templates, Theme, Widgets, generateTemplates, generateWidgets };
+export { Form, Templates, Theme, Widgets, Fields, generateTemplates, generateWidgets, generateFields, };

package/dist/components/JsonSchemaForm/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './schema';

package/dist/components/JsonSchemaForm/utils/schema.d.ts

@@ -0,0 +1,3 @@
+import { StrictRJSFSchema, UiSchema } from '@rjsf/utils';
+export declare const getFieldsToHide: (schema: StrictRJSFSchema, searchQuery: string) => string[];
+export declare const applyHiddenWidget: (uiSchema: UiSchema, pathsToHide: string[]) => UiSchema;

package/dist/components/JsonSchemaForm/widgets/DateWidget.d.ts

@@ -0,0 +1,2 @@
+import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+export declare const DateWidget: <T = unknown, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = Record<string, unknown>>(props: WidgetProps<T, S, F>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NumberField/NumberField.d.ts

@@ -0,0 +1,18 @@
+import { NumberFormatOptions } from '@react-input/number-format';
+import { InputProps } from '../Input/types';
+import { FieldRootProps } from '../Field/FieldRoot';
+export interface NumberFieldProps extends InputProps {
+    id?: string;
+    value?: number;
+    defaultValue?: number;
+    description?: React.ReactNode;
+    label?: React.ReactNode;
+    success?: React.ReactNode;
+    error?: React.ReactNode;
+    status?: FieldRootProps['status'];
+    numberFormat?: NumberFormatOptions & {
+        locales?: Intl.LocalesArgument;
+    };
+    onChange?: (value: number) => void;
+}
+export declare const NumberField: ({ id, value, defaultValue, description, label, success, error, status, numberFormat, onChange, ...inputProps }: NumberFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NumberField/index.d.ts

@@ -0,0 +1 @@
+export * from './NumberField';

package/dist/components/Typeahead/index.d.ts

@@ -1,4 +1,6 @@
 export * from './Typeahead';
+export * from './types';
+export { useTypeaheadContext } from './Typeahead.context';
 export * from './components/TypeaheadOptions';
 export * from './components/TypeaheadOption';
 export * from './components/TypeaheadItem';

package/dist/components/index.d.ts

@@ -99,6 +99,7 @@ export * from './TableFilters';
 export * from './Tag';
 export * from './Textarea';
 export * from './TextField';
+export * from './NumberField';
 export * from './Tooltip';
 export * from './Typeahead';
 export * from './Typography';