@digital-ai/dot-components 5.6.0 → 5.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

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

@@ -57,6 +57,7 @@ export type { ChipTooltipProps, ChipProps, ChipSize } from './chip/Chip';
 export type { SearchProps } from './search';
 export type { ToggleSwitchProps, ToggleSwitchValue, ToggleSwitchOption, ToggleSwitchSingleValue, } from './toggle-switch';
 export type { ColorPickerProps, ColorResult, HsvaColor, SwatchPresetColor, } from './color-picker';
+export type { SelectProps, SelectOption } from './select';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
 export { DotAlertBanner } from './alert-banner/AlertBanner';
@@ -147,3 +148,4 @@ export { DotSearch } from './search';
 export { DotToggleSwitch } from './toggle-switch';
 export { DotColorPicker } from './color-picker';
 export { useKeyPress } from '../hooks/useKeyPress';
+export { DotSelect } from './select';

package/src/lib/components/navigation-rail/NavigationRail.d.ts

@@ -7,19 +7,21 @@ export interface RailItem {
     ariaLabel?: string;
     /** Optional badge which will be displayed over an icon **/
     iconBadge?: RailIconBadge;
-    /** Id of the icon shown in the rail item */
+    /** ID of the icon shown in the rail item */
     iconId: string;
     /** text displayed or title text if icon used */
     title: string;
 }
 export interface NavigationRailProps extends CommonProps {
+    /** default rail index (use when component is not controlled) */
+    defaultIndex?: number;
     /** onChange callback */
     onChange?: (index: number) => void;
     /** controls the position of the rail items */
     railItemPosition?: RailItemsPosition;
     /** list of rail items */
     railItems: Array<RailItem>;
-    /** index of selected rail item */
+    /** index of selected rail item (use in controlled mode) */
     selectedIndex?: number;
 }
-export declare const DotNavigationRail: ({ ariaLabel, className, "data-testid": dataTestId, onChange, railItemPosition, railItems, selectedIndex, }: NavigationRailProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotNavigationRail: ({ ariaLabel, className, "data-testid": dataTestId, defaultIndex, onChange, railItemPosition, railItems, selectedIndex, }: NavigationRailProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/select/Select.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { SelectChangeEvent } from '@mui/material';
+import { InputProps } from '../input-form-fields/InputFormFields.propTypes';
+export interface SelectOption {
+    /** options that appear in dropdown */
+    option: string;
+    /** value of input field when option is selected */
+    value: string;
+}
+export interface SelectProps extends Omit<InputProps, 'ai' | 'endIcon' | 'endText' | 'max' | 'maxLength' | 'min' | 'minLength' | 'onChange' | 'shrink' | 'startIcon' | 'success' | 'type' | 'warning'> {
+    minWidth?: number;
+    onChange?: (event: SelectChangeEvent) => void;
+    /** options of select dropdown */
+    options: Array<SelectOption>;
+    /** render the option */
+    renderOption?: (option: SelectOption) => ReactNode;
+}
+export declare const DotSelect: ({ ariaLabel, autoFocus, className, defaultValue, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, error, fullWidth, helperText, id, inputRef, label, minWidth, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, persistentLabel, size, readOnly, required, value, options, renderOption, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/select/Select.styles.d.ts

@@ -0,0 +1,9 @@
+import { inputSizeOptions } from '../input-form-fields/InputFormFields.propTypes';
+export declare const rootClassName = "dot-select";
+interface StyledSelectContainerProps {
+    persistentLabel?: boolean;
+    size?: inputSizeOptions;
+}
+export declare const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, StyledSelectContainerProps, never>;
+export declare const StyledMenuItem: import("styled-components").StyledComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>, any, {}, never>;
+export {};

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

@@ -0,0 +1,2 @@
+export type { SelectProps, SelectOption } from './Select';
+export { DotSelect } from './Select';