@innovaccer/design-system 4.18.0 → 4.19.0

package/dist/core/components/atoms/segmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { SegmentedControlValue, SegmentedControlSize } from "./SegmentedControlContext";
+import { SegmentedControlItemProps } from "./SegmentedControlItem";
+export type { SegmentedControlValue, SegmentedControlSize };
+export interface SegmentedControlProps extends BaseProps {
+    activeIndex?: number;
+    onChange?: (index: number, value?: SegmentedControlValue) => void;
+    size?: SegmentedControlSize;
+    expanded?: boolean;
+    maxWidth?: string | number;
+    isEqualWidth?: boolean;
+    disabled?: boolean;
+    children: React.ReactElement<SegmentedControlItemProps> | React.ReactElement<SegmentedControlItemProps>[];
+}
+export declare const SegmentedControl: {
+    (props: SegmentedControlProps): React.JSX.Element | null;
+    displayName: string;
+    defaultProps: {
+        size: string;
+        expanded: boolean;
+        maxWidth: string;
+        isEqualWidth: boolean;
+        disabled: boolean;
+    };
+    Item: {
+        (props: SegmentedControlItemProps): React.JSX.Element | null;
+        defaultProps: {
+            disabled: boolean;
+        };
+    };
+};
+export default SegmentedControl;

package/dist/core/components/atoms/segmentedControl/SegmentedControlContext.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export declare type SegmentedControlValue = React.ReactText;
+export declare type SegmentedControlSize = 'small' | 'regular' | 'large';
+export interface SegmentedControlContextValue {
+    size: SegmentedControlSize;
+    selectedIndex: number;
+    onSelect: (index: number, value?: SegmentedControlValue) => void;
+    index: number;
+    registerButtonRef?: (index: number, node: HTMLButtonElement | null) => void;
+    expanded?: boolean;
+    isEqualWidth?: boolean;
+    disabled?: boolean;
+    isTwoSegments?: boolean;
+    isConstrained?: boolean;
+}
+export declare const SegmentedControlContext: React.Context<SegmentedControlContextValue | null>;

package/dist/core/components/atoms/segmentedControl/SegmentedControlItem.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { IconProps } from "../../../index.type";
+import { IconType } from "../../../common.type";
+import { BaseProps } from "../../../utils/types";
+import { SegmentedControlValue } from "./SegmentedControlContext";
+export interface SegmentedControlItemProps extends BaseProps {
+    children?: React.ReactNode;
+    label?: SegmentedControlValue;
+    icon?: IconProps['name'] | React.ReactNode;
+    iconType?: IconType;
+    tooltip?: string;
+    disabled?: boolean;
+    value?: SegmentedControlValue;
+}
+export declare const SegmentedControlItem: {
+    (props: SegmentedControlItemProps): React.JSX.Element | null;
+    defaultProps: {
+        disabled: boolean;
+    };
+};
+export default SegmentedControlItem;

package/dist/core/components/atoms/segmentedControl/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./SegmentedControl";
+export * from "./SegmentedControl";
+export * from "./SegmentedControlItem";
+export * from "./SegmentedControlContext";

package/dist/core/components/atoms/segmentedControl/utils.d.ts

@@ -0,0 +1,23 @@
+export interface IndicatorDimensions {
+    left: number;
+    width: number;
+    top: number;
+    height: number;
+}
+export interface CalculateIndicatorPositionParams {
+    selectedButton: HTMLButtonElement;
+    container: HTMLDivElement;
+    selectedIndex: number;
+    totalChildren: number;
+    dividerRefs: Array<HTMLSpanElement | null>;
+}
+export declare const calculateIndicatorPosition: (params: CalculateIndicatorPositionParams) => IndicatorDimensions;
+export interface MeasureButtonWidthsParams {
+    buttons: HTMLButtonElement[];
+    maxWidth?: string | number;
+}
+export interface MeasureButtonWidthsResult {
+    equalWidth: number | null;
+    isConstrained: boolean;
+}
+export declare const measureButtonWidths: (params: MeasureButtonWidthsParams) => MeasureButtonWidthsResult;

package/dist/core/components/organisms/grid/Grid.d.ts

@@ -57,6 +57,12 @@ export declare type ColumnSchema = {
     hidden?: boolean;
     filters?: DropdownProps['options'];
     filterType?: 'singleSelect' | 'multiSelect';
+    filterOptions?: {
+        selectionType?: 'singleSelect' | 'multiSelect';
+        minWidth?: number | string;
+        maxWidth?: number | string;
+        maxVisibleSelection?: number;
+    };
     onFilterChange?: onFilterChangeFunction;
     translate?: (data: RowData) => RowData;
     cellType?: CellType;

package/dist/core/components/organisms/select/SelectTrigger.d.ts

@@ -12,6 +12,8 @@ export interface SelectTriggerProps extends BaseProps {
     withClearButton?: boolean;
     onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     setLabel?: (count: number) => string | undefined;
+    minWidth?: number | string;
+    maxWidth?: number | string;
 }
 declare const SelectTrigger: {
     (props: SelectTriggerProps): React.JSX.Element;

package/dist/core/components/organisms/table/FilterSelect.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { OptionType } from "../../../common.type";
+import { ColumnSchema } from "../grid/Grid";
+export interface FilterSelectProps {
+    name: ColumnSchema['name'];
+    displayName: string;
+    filters: OptionType[];
+    filterList: Record<string, any[]>;
+    onChange: (name: string, selected: any[]) => void;
+    filterOptions?: {
+        selectionType?: 'singleSelect' | 'multiSelect';
+        minWidth?: number | string;
+        maxWidth?: number | string;
+        maxVisibleSelection?: number;
+    };
+    filterType?: 'singleSelect' | 'multiSelect';
+    className?: string;
+    customTrigger?: React.ReactElement;
+}
+export declare const FilterSelect: React.FC<FilterSelectProps>;
+export default FilterSelect;

package/dist/core/index.d.ts

@@ -97,6 +97,7 @@ export { Menu } from "./components/organisms/menu";
 export { KeyValuePair } from "./components/molecules/keyValuePair";
 export { Chat } from "./components/molecules/chat";
 export { Meter } from "./components/atoms/meter";
+export { SegmentedControl } from "./components/atoms/segmentedControl";
 export { AIButton } from "./ai-components/AIButton";
 export { SaraSparkle } from "./ai-components/SaraSparkle";
 export { Sara } from "./ai-components/Sara";

package/dist/core/index.type.d.ts

@@ -102,6 +102,7 @@ export { UnreadMessageProps } from "./components/molecules/chat/unreadMessage";
 export { NewMessageProps } from "./components/molecules/chat/newMessage";
 export { TypingIndicatorProps } from "./components/molecules/chat/typingIndicator";
 export { MeterProps } from "./components/atoms/meter";
+export { SegmentedControlProps, SegmentedControlItemProps } from "./components/atoms/segmentedControl";
 export { SaraSparkleProps } from "./ai-components/SaraSparkle";
 export { AIButtonProps } from "./ai-components/AIButton";
 export { SaraProps } from "./ai-components/Sara";