@devtron-labs/devtron-fe-common-lib 4.0.2-beta-1 → 4.0.3

package/dist/Common/Pagination/constants.d.ts

@@ -3,3 +3,7 @@ export declare const FALLBACK_PAGE_SIZE_OPTIONS: {
     value: number;
     selected: boolean;
 }[];
+export declare const LARGE_PAGE_SIZE_OPTIONS: {
+    value: number;
+    selected: boolean;
+}[];

package/dist/Common/Pagination/index.d.ts

@@ -1,2 +1,3 @@
+export { LARGE_PAGE_SIZE_OPTIONS } from './constants';
 export { default as Pagination } from './Pagination';
 export type { PaginationProps } from './types';

package/dist/Common/Policy.Types.d.ts

@@ -1,27 +1,25 @@
-import { PluginDataStoreType } from '../Shared';
+import { PipelineFormType } from '../Pages/Applications';
+import { PluginDataStoreType, PluginDetailPayloadType, ResourceKindType } from '../Shared';
 import { VariableType } from './CIPipeline.Types';
 import { ServerErrors } from './ServerError';
-import { ResponseType } from './Types';
 export declare enum ApplyPolicyToStage {
     PRE_CI = "PRE_CI",
     POST_CI = "POST_CI",
-    PRE_OR_POST_CI = "PRE_OR_POST_CI"
+    /**
+     * @deprecated in mandatory plugin policy v2
+     */
+    PRE_OR_POST_CI = "PRE_OR_POST_CI",
+    PRE_CD = "PRE_CD",
+    POST_CD = "POST_CD"
 }
 export declare enum PluginRequiredStage {
-    PRE_CI = "preBuildStage",
-    POST_CI = "postBuildStage",
-    PRE_OR_POST_CI = "PRE_OR_POST_CI"
+    PRE_STAGE = "preBuildStage",
+    POST_STAGE = "postBuildStage",
+    PRE_OR_POST_STAGE = "PRE_OR_POST_CI"
 }
 export interface DefinitionSourceType {
-    projectName: string;
-    isDueToProductionEnvironment: boolean;
-    isDueToLinkedPipeline: boolean;
-    policyName: string;
-    appName?: string;
-    clusterName?: string;
-    environmentName?: string;
-    branchNames?: string[];
-    ciPipelineName?: string;
+    policyNames: string[];
+    linkedCIPipelineNames?: string[];
 }
 export interface MandatoryPluginDetailType {
     id: number;
@@ -33,7 +31,7 @@ export interface MandatoryPluginDetailType {
     applied?: boolean;
     inputVariables?: VariableType[];
     outputVariables?: VariableType[];
-    definitionSources?: DefinitionSourceType[];
+    definitionSources?: DefinitionSourceType;
 }
 export interface MandatoryPluginDataType {
     pluginData: MandatoryPluginDetailType[];
@@ -45,20 +43,58 @@ export interface ProcessPluginDataReturnType {
     pluginDataStore: PluginDataStoreType;
     mandatoryPluginsError?: ServerErrors;
 }
+export type ProcessPluginDataCIParamsType = {
+    resourceKind: ResourceKindType.ciPipeline;
+    ciPipelineId: number;
+    /**
+     * Comma separated branch names used for v1 api
+     * For v2 format is [branchName1],[branchName2]
+     */
+    branchName?: string;
+    envName?: never;
+};
+export type ProcessPluginDataCDParamsType = {
+    resourceKind: ResourceKindType.cdPipeline;
+    envName?: string;
+    ciPipelineId?: never;
+    branchName?: never;
+};
+export type ProcessPluginDataParamsType = {
+    formData: PipelineFormType;
+    pluginDataStoreState: PluginDataStoreType;
+    appId: number;
+    appName: string;
+    /**
+     * Would be sent in case we have to get data for steps
+     */
+    requiredPluginIds?: PluginDetailPayloadType['pluginIds'];
+} & (ProcessPluginDataCIParamsType | ProcessPluginDataCDParamsType);
 export declare enum ConsequenceAction {
+    /**
+     * This is used if the policy is enforced immediately.
+     */
     BLOCK = "BLOCK",
+    /**
+     * This is used if the policy will be enforced after a certain timestamp.
+     */
     ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME",
+    /**
+     * This is used if the policy is not enforced yet (just to show waring).
+     */
     ALLOW_FOREVER = "ALLOW_FOREVER"
 }
-export interface ConsequenceType {
-    action: ConsequenceAction;
+export type ConsequenceType = {
+    action: Exclude<ConsequenceAction, ConsequenceAction.ALLOW_UNTIL_TIME>;
+    metadataField?: never | null;
+} | {
+    action: ConsequenceAction.ALLOW_UNTIL_TIME;
+    /**
+     * Denotes the time till which the policy enforcement is relaxed
+     */
     metadataField: string;
-}
+};
 export interface BlockedStateData {
     isOffendingMandatoryPlugin: boolean;
     isCITriggerBlocked: boolean;
     ciBlockState: ConsequenceType;
 }
-export interface GetBlockedStateResponse extends ResponseType {
-    result?: BlockedStateData;
-}

package/dist/Common/PopupMenu.d.ts

@@ -1,7 +1,7 @@
 import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
 declare const PopupMenu: {
     ({ children, onToggleCallback, autoClose, autoPosition, shouldPreventDefault, }: PopupMenuType): any;
-    Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
-    Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
+    Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => import("react/jsx-runtime").JSX.Element;
 };
 export default PopupMenu;

package/dist/Common/Progressing.d.ts

@@ -1,3 +1,4 @@
 import { ProgressingProps } from './Types';
+import { JSX } from 'react';
 export declare const Progressing: ({ pageLoader, size, theme, styles, fillColor }: ProgressingProps) => JSX.Element;
 export declare const DetailsProgressing: ({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps) => JSX.Element;

package/dist/Common/RJSF/Form.d.ts

@@ -1,2 +1,2 @@
 import { FormProps } from './types';
-export declare const RJSFForm: (props: FormProps) => JSX.Element;
+export declare const RJSFForm: ({ ref, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/common/FieldRow.d.ts

@@ -1,2 +1,2 @@
 import { FieldRowProps } from './types';
-export declare const FieldRowWithLabel: ({ showLabel, label, required, children, id, rawDescription, shouldAlignCenter, }: FieldRowProps) => JSX.Element;
+export declare const FieldRowWithLabel: ({ showLabel, label, required, children, id, rawDescription, shouldAlignCenter, }: FieldRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/constants.d.ts

@@ -9,3 +9,4 @@ export declare const HIDE_SUBMIT_BUTTON_UI_SCHEMA: {
         norender: boolean;
     };
 };
+export declare const RJSF_FORM_SELECT_PORTAL_TARGET_ID = "rjsf-form-select-portal-target";

package/dist/Common/RJSF/index.d.ts

@@ -1,4 +1,4 @@
-export { RJSFForm } from './Form';
-export * from './types';
-export { getInferredTypeFromValueType, getRedirectionProps } from './utils';
 export { HIDE_SUBMIT_BUTTON_UI_SCHEMA } from './constants';
+export { RJSFForm } from './Form';
+export type * from './types';
+export { conformPathToPointers, getInferredTypeFromValueType, getRedirectionProps, getSchemaPathToUpdatePathMap, } from './utils';

package/dist/Common/RJSF/templates/ArrayFieldItemTemplate.d.ts

@@ -1,2 +1,2 @@
-import { ArrayFieldTemplateItemType } from '@rjsf/utils';
-export declare const ArrayFieldItemTemplate: ({ children, disabled, hasToolbar, hasRemove, index, onDropIndexClick, readonly, registry, uiSchema, }: ArrayFieldTemplateItemType) => JSX.Element;
+import { ArrayFieldItemButtonsTemplateProps, ArrayFieldItemTemplateProps } from '@rjsf/utils';
+export declare const ArrayFieldItemTemplate: ({ children, disabled, hasToolbar, hasRemove, onRemoveItem, readonly, registry, uiSchema, }: ArrayFieldItemTemplateProps & Pick<ArrayFieldItemButtonsTemplateProps, "hasRemove" | "onRemoveItem">) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/ArrayFieldTemplate.d.ts

@@ -1,2 +1,2 @@
 import { ArrayFieldTemplateProps } from '@rjsf/utils';
-export declare const ArrayFieldTemplate: ({ canAdd, className, disabled, idSchema, uiSchema, items, onAddClick, readonly, registry, required, title, }: ArrayFieldTemplateProps) => JSX.Element;
+export declare const ArrayFieldTemplate: ({ canAdd, className, disabled, fieldPathId, uiSchema, items, onAddClick, readonly, registry, required, title, }: ArrayFieldTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/BaseInput.d.ts

@@ -1,2 +1,2 @@
 import { BaseInputTemplateProps } from '@rjsf/utils';
-export declare const BaseInput: ({ placeholder, ...props }: BaseInputTemplateProps) => JSX.Element;
+export declare const BaseInput: ({ placeholder, ...props }: BaseInputTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/ButtonTemplates/AddButton.d.ts

@@ -1,2 +1,2 @@
 import { IconButtonProps } from '@rjsf/utils';
-export declare const AddButton: ({ label, icon, iconType, registry, uiSchema, ...props }: IconButtonProps & Partial<Record<"label", string>>) => JSX.Element;
+export declare const AddButton: ({ label, icon, iconType, registry, uiSchema, ...props }: IconButtonProps & Partial<Record<"label", string>>) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/ButtonTemplates/RemoveButton.d.ts

@@ -1,2 +1,2 @@
 import { IconButtonProps } from '@rjsf/utils';
-export declare const RemoveButton: ({ icon, iconType, registry, uiSchema, ...props }: IconButtonProps) => JSX.Element;
+export declare const RemoveButton: ({ icon, iconType, registry, uiSchema, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/ButtonTemplates/SubmitButton.d.ts

@@ -1,2 +1,2 @@
 import { SubmitButtonProps } from '@rjsf/utils';
-export declare const SubmitButton: ({ uiSchema }: SubmitButtonProps) => JSX.Element;
+export declare const SubmitButton: ({ uiSchema }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/Field.d.ts

@@ -1,2 +1,2 @@
 import { FieldTemplateProps } from '@rjsf/utils';
-export declare const Field: (props: FieldTemplateProps) => JSX.Element;
+export declare const Field: (props: FieldTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/FieldErrorTemplate.d.ts

@@ -1,2 +1,2 @@
 import { FieldErrorProps } from '@rjsf/utils';
-export declare const FieldErrorTemplate: ({ errors, idSchema }: FieldErrorProps) => JSX.Element;
+export declare const FieldErrorTemplate: ({ errors, fieldPathId }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/ObjectFieldTemplate.d.ts

@@ -1,3 +1,3 @@
 import { ObjectFieldTemplateProps } from '@rjsf/utils';
 import { RJSFFormSchema } from '../types';
-export declare const ObjectFieldTemplate: (props: ObjectFieldTemplateProps<any, RJSFFormSchema, any>) => JSX.Element;
+export declare const ObjectFieldTemplate: (props: ObjectFieldTemplateProps<any, RJSFFormSchema, any>) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/TitleField.d.ts

@@ -1,2 +1,3 @@
-import { TitleFieldProps } from '@rjsf/utils';
-export declare const TitleField: ({ id, title, required, description, }: TitleFieldProps & Partial<Record<"description", string>>) => JSX.Element;
+import { ObjectFieldTemplateProps, TitleFieldProps } from '@rjsf/utils';
+import { RJSFFormSchema } from '../types';
+export declare const TitleField: ({ id, title, required, description, }: TitleFieldProps & Pick<ObjectFieldTemplateProps<any, RJSFFormSchema, any>, "description">) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/WrapIfAdditionalTemplate.d.ts

@@ -1,2 +1,2 @@
 import { WrapIfAdditionalTemplateProps } from '@rjsf/utils';
-export declare const WrapIfAdditionalTemplate: ({ id, disabled, label, onKeyChange, onDropPropertyClick, readonly, schema, children, uiSchema, registry, }: WrapIfAdditionalTemplateProps) => JSX.Element;
+export declare const WrapIfAdditionalTemplate: ({ id, disabled, label, onKeyRename, onRemoveProperty, readonly, schema, children, uiSchema, registry, }: WrapIfAdditionalTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/templates/index.d.ts

@@ -1,5 +1,5 @@
-export { ArrayFieldTemplate } from './ArrayFieldTemplate';
 export { ArrayFieldItemTemplate } from './ArrayFieldItemTemplate';
+export { ArrayFieldTemplate } from './ArrayFieldTemplate';
 export { BaseInput as BaseInputTemplate } from './BaseInput';
 export * from './ButtonTemplates';
 export { Field as FieldTemplate } from './Field';

package/dist/Common/RJSF/types.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps } from 'react';
 import { default as RJSFForm } from '@rjsf/core';
 import { StrictRJSFSchema } from '@rjsf/utils';
-export type FormProps = Omit<ComponentProps<typeof RJSFForm>, 'validator'>;
 export interface MetaHiddenType {
     value: any;
     path: string;
@@ -11,8 +10,23 @@ export type HiddenType = MetaHiddenType | {
     value: string;
 } | string;
 export interface RJSFFormSchema extends StrictRJSFSchema {
-    properties: {
+    properties?: {
         [key: string]: RJSFFormSchema;
     };
-    hidden: HiddenType;
+    hidden?: HiddenType;
+    updatePath?: string;
+}
+export type FormProps = Omit<ComponentProps<typeof RJSFForm<any, RJSFFormSchema>>, 'validator'>;
+export interface UpdateFormDataFromFormStateProps {
+    /**
+     * formData is data that is being passed from the user
+     */
+    formData: Record<string, unknown>;
+    /**
+     * formState is the latest state of the form
+     */
+    formState: Record<string, unknown>;
+    schemaPathToUpdatePathMap: Record<string, string>;
+}
+export interface GetFormStateFromFormDataProps extends Pick<UpdateFormDataFromFormStateProps, 'formData' | 'schemaPathToUpdatePathMap'> {
 }

package/dist/Common/RJSF/utils.d.ts

@@ -1,19 +1,9 @@
 import { TranslatableString } from '@rjsf/utils';
-import { HiddenType, MetaHiddenType } from './types';
+import { GetFormStateFromFormDataProps, HiddenType, MetaHiddenType, RJSFFormSchema, UpdateFormDataFromFormStateProps } from './types';
 /**
  * Override for the TranslatableString from RJSF
  */
 export declare const translateString: (stringToTranslate: TranslatableString, params?: string[]) => string;
-export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
-    menuList: (base: any) => any;
-    control: (base: any, state: any) => any;
-    option: (base: any, state: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-    valueContainer: (base: any, state: any) => any;
-    loadingMessage: (base: any) => any;
-    noOptionsMessage: (base: any) => any;
-    multiValue: (base: any) => any;
-};
 /**
  * Returns the redirection props for a url
  */
@@ -24,4 +14,8 @@ export declare const getRedirectionProps: (url: string) => React.AnchorHTMLAttri
  * Infers the type for json schema from value type
  */
 export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
+export declare const conformPathToPointers: (path: string) => string;
 export declare const parseSchemaHiddenType: (hiddenSchema: HiddenType) => MetaHiddenType;
+export declare const getSchemaPathToUpdatePathMap: (schema: RJSFFormSchema) => Record<string, string>;
+export declare const updateFormDataFromFormState: ({ formState, formData, schemaPathToUpdatePathMap, }: UpdateFormDataFromFormStateProps) => Record<string, unknown>;
+export declare const getFormStateFromFormData: ({ formData, schemaPathToUpdatePathMap }: GetFormStateFromFormDataProps) => {};

package/dist/Common/RJSF/widgets/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { WidgetProps } from '@rjsf/utils';
-export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;
+export declare const Checkbox: ({ id, onChange, value, disabled, readonly, autofocus, }: WidgetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RJSF/widgets/Select.d.ts

@@ -1,2 +1,2 @@
 import { WidgetProps } from '@rjsf/utils';
-export declare const SelectWidget: (props: WidgetProps) => JSX.Element;
+export declare const SelectWidget: (props: WidgetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/RadioGroup.d.ts

@@ -5,5 +5,5 @@ export declare const RadioGroupContext: import('react').Context<{
     disabled: boolean;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }>;
-declare const RadioGroup: ({ name, value, disabled, onChange, className, children }: RadioGroupProps) => JSX.Element;
+declare const RadioGroup: ({ name, value, disabled, onChange, className, children }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

package/dist/Common/RadioGroupItem.d.ts

@@ -1,3 +1,3 @@
 import { RadioGroupItemProps } from './Types';
-declare const RadioGroupItem: ({ value, disabled, children, dataTestId }: RadioGroupItemProps) => JSX.Element;
+declare const RadioGroupItem: ({ value, disabled, children, dataTestId }: RadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroupItem;

package/dist/Common/Reload.d.ts

@@ -2,4 +2,4 @@ import { ReloadType } from './Types';
 /**
  * @deprecated Use APIResponseHandler (Preferred) or error screen manager instead
  */
-export default function Reload({ reload, className, heightToDeduct }: ReloadType): JSX.Element;
+export default function Reload({ reload, className }: ReloadType): import("react/jsx-runtime").JSX.Element;

package/dist/Common/SearchBar/SearchBar.component.d.ts

@@ -33,5 +33,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, variant, isLoading, }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchBar;

package/dist/Common/SearchBar/types.d.ts

@@ -1,3 +1,4 @@
+import { SupportedKeyboardKeysType } from '../Hooks/UseRegisterShortcut/types';
 import { ComponentSizeType } from '../../Shared/constants';
 export interface SearchBarProps {
     /**
@@ -46,4 +47,18 @@ export interface SearchBarProps {
      * @default 'ComponentSizeType.medium'
      */
     size?: ComponentSizeType.medium | ComponentSizeType.large;
+    /**
+     * Renders the keyboard shortcut key that opens the select picker \
+     * Shortcut key needs to be defined first in order to use it.
+     * @note This is displayed in place of the dropdown indicator
+     */
+    keyboardShortcut?: SupportedKeyboardKeysType;
+    /**
+     * @default 'default'
+     */
+    variant?: 'default' | 'sidenav';
+    /**
+     * If true, would convert the magnifying glass icon to a loading spinner
+     */
+    isLoading?: boolean;
 }

package/dist/Common/SegmentedBarChart/types.d.ts

@@ -1,11 +1,32 @@
+import { ComponentSizeType } from '../../Shared/constants';
 export type Entity = {
     color: string;
     label: string;
     value: number;
 };
-export interface SegmentedBarChartProps {
+type EntityPropType = {
+    hideLegend?: false;
     entities: NonNullable<Entity[]>;
+} | {
+    hideLegend: true;
+    entities: NonNullable<Omit<Entity, 'label'> & {
+        label?: never;
+    }>[];
+};
+type ProportionalType = {
+    isProportional?: true;
+    hideTotal?: boolean;
+} | {
+    isProportional?: false | never;
+    hideTotal?: never;
+};
+export type SegmentedBarChartProps = {
     rootClassName?: string;
     countClassName?: string;
     labelClassName?: string;
-}
+    swapLegendAndBar?: boolean;
+    showAnimationOnBar?: boolean;
+    isLoading?: boolean;
+    size?: ComponentSizeType;
+} & EntityPropType & ProportionalType;
+export {};

package/dist/Common/SegmentedBarChart/utils.d.ts

@@ -0,0 +1,2 @@
+import { ComponentSizeType } from '../../Shared/constants';
+export declare const getBarHeightForSize: (size: ComponentSizeType) => "h-20" | "h-12" | "h-6" | "h-8";

package/dist/Common/SegmentedControl/Segment.d.ts

@@ -0,0 +1,3 @@
+import { SegmentProps } from './types';
+declare const Segment: <T extends string | number>({ segment, isSelected, name, onChange, fullWidth, size, disabled, }: SegmentProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Segment;

package/dist/Common/SegmentedControl/SegmentedControl.component.d.ts

@@ -0,0 +1,3 @@
+import { SegmentedControlProps } from './types';
+declare const SegmentedControl: <T extends string | number>({ segments, onChange, name, size, value: controlledValue, fullWidth, disabled, }: SegmentedControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SegmentedControl;

package/dist/Common/SegmentedControl/constants.d.ts

@@ -0,0 +1,3 @@
+import { SegmentedControlProps } from './types';
+export declare const COMPONENT_SIZE_TO_SEGMENT_CLASS_MAP: Record<SegmentedControlProps['size'], string>;
+export declare const COMPONENT_SIZE_TO_ICON_CLASS_MAP: Record<SegmentedControlProps['size'], string>;

package/dist/Common/SegmentedControl/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SegmentedControl } from './SegmentedControl.component';
+export { type SegmentedControlProps, type SegmentType } from './types';

package/dist/Common/SegmentedControl/types.d.ts

@@ -0,0 +1,76 @@
+import { TooltipProps } from '../Tooltip';
+import { IconsProps, SelectPickerOptionType } from '../../Shared/Components';
+import { ComponentSizeType } from '../../Shared/constants';
+type SegmentTooltipProps = Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo' | 'placement'>;
+export type SegmentType<T = string | number> = {
+    /**
+     * If true, the segment will be in error state with error icon
+     */
+    isError?: boolean;
+    /**
+     * If true, the segment will be in disabled state
+     */
+    isDisabled?: boolean;
+    /**
+     * Value for the segment
+     */
+    value: T;
+} & (({
+    /**
+     * Label for the segment
+     *
+     * Note: Either of label or icon is required
+     */
+    label: SelectPickerOptionType['label'];
+    /**
+     * Icon for the segment
+     *
+     * Note: Either of label or icon is required
+     */
+    icon?: IconsProps['name'];
+    /**
+     * Tooltip props for the segment
+     *
+     * Note: Required if only icon is provided
+     */
+    tooltipProps?: SegmentTooltipProps;
+    ariaLabel?: never;
+} & Pick<SelectPickerOptionType, 'label'>) | {
+    label?: never;
+    tooltipProps: SegmentTooltipProps;
+    icon: IconsProps['name'];
+    /**
+     * Aria label for the segment
+     */
+    ariaLabel: string;
+});
+export type SegmentedControlProps<T = string | number> = {
+    /**
+     * List of segments to be displayed
+     */
+    segments: SegmentType<T>[];
+    /**
+     * Please make sure this is unique
+     */
+    name: string;
+    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.small | ComponentSizeType.medium | ComponentSizeType.large>;
+    fullWidth?: boolean;
+    disabled?: boolean;
+} & ({
+    value?: never;
+    /**
+     * On change handler for the component
+     */
+    onChange?: (selectedSegment: SegmentType<T>) => void;
+} | {
+    /**
+     * If defined, the component is controlled and onChange needs to be handled by the parent
+     */
+    value: SegmentType<T>['value'];
+    onChange: (selectedSegment: SegmentType<T>) => void;
+});
+export interface SegmentProps<T> extends Required<Pick<SegmentedControlProps<T>, 'name' | 'onChange' | 'fullWidth' | 'size' | 'disabled'>> {
+    isSelected: boolean;
+    segment: SegmentType<T>;
+}
+export {};

package/dist/Common/SortableTableHeaderCell/SortableTableHeaderCell.d.ts

@@ -12,6 +12,23 @@ import { SortableTableHeaderCellProps } from './types';
  *   disabled={isDisabled}
  * />
  * ```
+ *
+ * @example Non-sortable cell
+ * ```tsx
+ * <SortableTableHeaderCell
+ *   isSortable={false}
+ *   title="Header Cell"
+ * />
+ * ```
+ *
+ * * @example Resizable cell (Layout to be controlled externally using useResizableTableConfig)
+ * ```tsx
+ * <SortableTableHeaderCell
+ *   isSortable={false}
+ *   isResizable
+ *   title="Header Cell"
+ * />
+ * ```
  */
-declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, isSortable, showTippyOnTruncate, }: SortableTableHeaderCellProps) => JSX.Element;
+declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, isSortable, showTippyOnTruncate, id, handleResize, isResizable, infoTooltipText, }: SortableTableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 export default SortableTableHeaderCell;

package/dist/Common/SortableTableHeaderCell/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_MINIMUM_HEADER_WIDTH = 70;
+export declare const DEFAULT_MAXIMUM_HEADER_WIDTH = 600;

package/dist/Common/SortableTableHeaderCell/index.d.ts

@@ -1,2 +1,3 @@
 export { default as SortableTableHeaderCell } from './SortableTableHeaderCell';
 export type { SortableTableHeaderCellProps } from './types';
+export { default as useResizableTableConfig } from './useResizableTableConfig';

package/dist/Common/SortableTableHeaderCell/types.d.ts

@@ -1,35 +1,72 @@
 import { SortingOrder } from '../Constants';
-export interface SortableTableHeaderCellProps {
+export type SortableTableHeaderCellProps = {
     /**
-     * If true, the cell is sorted
+     * Label for the cell
      */
-    isSorted: boolean;
+    title: string;
     /**
-     * Callback for handling the sorting of the cell
+     * If true, the tippy is shown on Sortable header if text is truncated
+     * @default false
      */
-    triggerSorting: () => void;
+    showTippyOnTruncate?: boolean;
     /**
-     * Current sort order
+     * If provided, shown in a tooltip on info-icon-outline beside the label
+     */
+    infoTooltipText?: string;
+} & ({
+    /**
+     * Unique identifier for the column
+     */
+    id: string | number;
+    /**
+     * If true, the cell is resizable
      *
-     * Note: On click, the sort order should be updated as required
+     * @default false
      */
-    sortOrder: SortingOrder;
+    isResizable: true | boolean;
     /**
-     * Label for the cell
+     * Resize handler for the table
      */
-    title: string;
+    handleResize: (id: string | number, deltaChange: number) => void;
+} | {
+    id?: never;
+    isResizable?: false | undefined;
+    handleResize?: never;
+}) & ({
+    /**
+     * If false, the cell acts like normal table header cell
+     * @default true
+     */
+    isSortable?: boolean | undefined;
     /**
      * If true, the cell is disabled
      */
     disabled: boolean;
     /**
-     * If false, the cell acts like normal table header cell
-     * @default true
+     * If true, the cell is sorted
      */
-    isSortable?: boolean;
+    isSorted: boolean;
     /**
-     * If true, the tippy is shown on Sortable header if text is truncated
-     * @default false
+     * Callback for handling the sorting of the cell
      */
-    showTippyOnTruncate?: boolean;
+    triggerSorting: () => void;
+    /**
+     * Current sort order
+     *
+     * Note: On click, the sort order should be updated as required
+     */
+    sortOrder: SortingOrder;
+} | {
+    isSortable: false;
+    disabled?: never;
+    isSorted?: never;
+    triggerSorting?: never;
+    sortOrder?: never;
+});
+export interface UseResizableTableConfigProps {
+    headersConfig: (Pick<SortableTableHeaderCellProps, 'id'> & {
+        width: number | string;
+        maxWidth?: number;
+        minWidth?: number;
+    })[];
 }