@digital-ai/dot-components 2.26.0 → 2.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.26.0",
+  "version": "2.27.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -22,7 +22,6 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "files": [
-    "index.esm.mjs",
     "**/*.styles.{js,jsx,ts,tsx}",
     "**/*.{js,jsx,ts,tsx,svg,woff}",
     "!**/testing-utils/**",

package/src/lib/components/auto-complete/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, FocusEvent, HTMLAttributes, JSXElementConstructor, ReactNode, Ref } from 'react';
-import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderOptionState, FilterOptionsState } from '@mui/material';
+import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderGroupParams, AutocompleteRenderOptionState, FilterOptionsState } from '@mui/material';
 import { CommonProps } from '../CommonProps';
 import { inputSizeOptions } from '../input-form-fields/InputFormFields.propTypes';
 import { ActionItem, AutoCompleteOption, AutoCompleteValue } from './utils/interface';
@@ -73,6 +73,8 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     placeholder?: string;
     /** If true: popper cannot be opened, TextField is in read only mode, change is not allowed  */
     readOnly?: boolean;
+    /** Render group function, group prop must be true for the function to be used **/
+    renderGroup?: (params: AutocompleteRenderGroupParams) => ReactNode;
     /** Render the option, use `getOptionLabel` by default. */
     renderOption?: (props: HTMLAttributes<HTMLLIElement>, option: T, state: AutocompleteRenderOptionState) => ReactNode;
     /** Render the selected value. */
@@ -86,4 +88,4 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     /** If true, the label will be displayed in a warning state. */
     warning?: boolean;
 }
-export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/auto-complete/index.d.ts

@@ -1,4 +1,4 @@
-export type { AutocompleteRenderOptionState, FilterOptionsState, } from '@mui/material';
+export type { AutocompleteRenderGroupParams, AutocompleteRenderOptionState, FilterOptionsState, } from '@mui/material';
 export * from './AutoComplete';
 export * from './utils/interface';
 export { parseAutoCompleteValue } from './utils/helpers';

package/src/lib/components/empty-state/EmptyFilterState.d.ts

@@ -0,0 +1,8 @@
+import { CommonProps } from '../CommonProps';
+export interface EmptyFilterStateProps extends CommonProps {
+    /** alt text of image */
+    imageAltText?: string;
+    /** location of image */
+    imageSrc?: string;
+}
+export declare const DotEmptyFilterState: ({ ariaLabel, className, "data-testid": dataTestId, imageAltText, imageSrc, }: EmptyFilterStateProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/empty-state/EmptyState.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../button/Button';
+import { ButtonProps } from '../button';
 import { CommonProps } from '../CommonProps';
 export interface EmptyStateProps extends CommonProps {
     /** primary button properties */

package/src/lib/components/index.d.ts

@@ -1,7 +1,7 @@
 export * from './CommonProps';
 export { ApiError } from './core-api/openapi/core/ApiError';
 export type { AppToolbarProps } from './app-toolbar/AppToolbar';
-export type { AutoCompleteOption, AutoCompleteProps, AutoCompleteValue, AutocompleteRenderOptionState, FilterOptionsState, } from './auto-complete';
+export type { AutoCompleteOption, AutoCompleteProps, AutoCompleteValue, AutocompleteRenderGroupParams, AutocompleteRenderOptionState, FilterOptionsState, } from './auto-complete';
 export type { AvatarProps } from './avatar/Avatar';
 export type { BreadcrumbItem } from './breadcrumbs/Breadcrumbs';
 export type { ButtonProps, CopyButtonProps, IconButtonProps, IconButtonColor, IconButtonSize, } from './button';
@@ -42,6 +42,7 @@ export type { TimePickerProps } from './time-picker';
 export type { ClickAwayListenerProps } from './click-away-listener';
 export type { StepProps } from './stepper/Stepper';
 export type { CarouselAnimationVariant, CarouselNavigationButtonDisplayOption, CarouselProps, } from './carousel/Carousel';
+export type { StickyWithBorderProps } from './sticky-with-border';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
 export { DotAlertBanner } from './alert-banner/AlertBanner';
@@ -70,6 +71,7 @@ export { CssGridDebug } from './css-grid/CssGridDebug';
 export { DotDialog } from './dialog/Dialog';
 export { DotDrawer } from './drawer/Drawer';
 export { DotEmptyState } from './empty-state/EmptyState';
+export { DotEmptyFilterState } from './empty-state/EmptyFilterState';
 export { DotForm } from './form/Form';
 export { DotFormGroup } from './form-group/FormGroup';
 export { DotDynamicForm } from './dynamic-form/DynamicForm';
@@ -106,4 +108,5 @@ export { DatePickerKeydownContext, DotDatePicker, checkIfValidDate, } from './da
 export { Daytime, DotTimePicker, mockScrollIntoView } from './time-picker';
 export { DotClickAwayListener } from './click-away-listener';
 export { DotCarousel } from './carousel/Carousel';
+export { DotStickyWithBorder } from './sticky-with-border';
 export { CreateUUID } from './createUUID';

package/src/lib/components/sticky-with-border/StickyWithBorder.d.ts

@@ -0,0 +1,16 @@
+import { CommonProps } from '../CommonProps';
+import { ReactNode } from 'react';
+export interface StickyBorder {
+    color: string;
+    style: string;
+    width: number;
+}
+export interface StickyWithBorderProps extends CommonProps {
+    /** The content for the StickyWithBorder .*/
+    children: ReactNode;
+    /** CSS Properties for the bottom border when the sticky segment is pinned .*/
+    pinnedStickyBorder: StickyBorder;
+    /** CSS Properties for the bottom border when the sticky segment is NOT pinned .*/
+    unpinnedStickyBorder?: StickyBorder;
+}
+export declare const DotStickyWithBorder: ({ ariaLabel, className, children, "data-testid": dataTestId, pinnedStickyBorder, unpinnedStickyBorder, }: StickyWithBorderProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/sticky-with-border/StickyWithBorder.styles.d.ts

@@ -0,0 +1,3 @@
+import { StickyWithBorderProps } from './StickyWithBorder';
+export declare const rootClassName = "dot-sticky-with-border";
+export declare const StyledStickyWithBorder: import("styled-components").StyledComponent<"div", any, StickyWithBorderProps, never>;

package/src/lib/components/sticky-with-border/index.d.ts

@@ -0,0 +1,2 @@
+export type { StickyWithBorderProps } from './StickyWithBorder';
+export { DotStickyWithBorder } from './StickyWithBorder';