@digital-ai/dot-components 2.19.0 → 2.20.0

package/{lib → src/lib}/components/helpers.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode, KeyboardEvent } from 'react';
-import { TypographyVariant } from './typography/Typography';
-import { AvatarColor } from './avatar/Avatar';
-export declare const calculateNumberFromText: (text: string) => number;
-export declare const calculateWidth: (width: number | string) => string | undefined;
-export declare const getAvatarColorForInputText: (value: string) => AvatarColor;
-export declare const isString: (str: unknown) => boolean;
-export declare const isLowerCase: (str: string) => boolean;
-export declare const isNumber: (num: unknown) => boolean;
-export declare const renderNodeOrTypography: (content: string | ReactNode, typographyVariant?: TypographyVariant) => ReactNode;
-export declare const searchString: (needle: string, haystack: string) => boolean;
-export declare const checkIfArrowUpPressed: (event: KeyboardEvent) => boolean;
-export declare const checkIfArrowDownPressed: (event: KeyboardEvent) => boolean;
+import { ReactNode, KeyboardEvent } from 'react';
+import { TypographyVariant } from './typography/Typography';
+import { AvatarColor } from './avatar/Avatar';
+export declare const calculateNumberFromText: (text: string) => number;
+export declare const calculateWidth: (width: number | string) => string | undefined;
+export declare const getAvatarColorForInputText: (value: string) => AvatarColor;
+export declare const isString: (str: unknown) => boolean;
+export declare const isLowerCase: (str: string) => boolean;
+export declare const isNumber: (num: unknown) => boolean;
+export declare const renderNodeOrTypography: (content: string | ReactNode, typographyVariant?: TypographyVariant) => ReactNode;
+export declare const searchString: (needle: string, haystack: string) => boolean;
+export declare const checkIfArrowUpPressed: (event: KeyboardEvent) => boolean;
+export declare const checkIfArrowDownPressed: (event: KeyboardEvent) => boolean;

package/{lib → src/lib}/components/icon/Icon.d.ts

@@ -1,11 +1,11 @@
-import { CommonProps } from '../CommonProps';
-export declare type IconFontSize = 'small' | 'medium';
-export interface IconProps extends CommonProps {
-    /** Determines the size of the icon and spacing around it */
-    fontSize?: IconFontSize;
-    /** The ID of the icon to display on the button */
-    iconId: string;
-    /** Tooltip text displayed on hover */
-    tooltip?: string;
-}
-export declare const DotIcon: ({ ariaLabel, ariaRole, className, "data-testid": dataTestId, fontSize, iconId, tooltip, }: IconProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+export type IconFontSize = 'small' | 'medium';
+export interface IconProps extends CommonProps {
+    /** Determines the size of the icon and spacing around it */
+    fontSize?: IconFontSize;
+    /** The ID of the icon to display on the button */
+    iconId: string;
+    /** Tooltip text displayed on hover */
+    tooltip?: string;
+}
+export declare const DotIcon: ({ ariaLabel, ariaRole, className, "data-testid": dataTestId, fontSize, iconId, tooltip, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/icon/Icon.styles.d.ts

@@ -1,5 +1,5 @@
-import '@digital-ai/dot-icons';
-export declare const rootClassName = "dot-icon";
-export declare const StyledIcon: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").IconTypeMap<{}, "span">> & {
-    muiName: string;
-}, any, {}, never>;
+import '@digital-ai/dot-icons';
+export declare const rootClassName = "dot-icon";
+export declare const StyledIcon: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").IconTypeMap<{}, "span">> & {
+    muiName: string;
+}, any, {}, never>;

package/{lib → src/lib}/components/index.d.ts

@@ -1,106 +1,109 @@
-export type { AppToolbarProps } from './app-toolbar/AppToolbar';
-export type { AutoCompleteOption, AutoCompleteProps, AutoCompleteValue, 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';
-export type { ButtonToggleProps, ButtonToggleValue, ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSingleValue, ButtonToggleSize, } from './button-toggle';
-export type { CheckboxProps } from './checkbox/Checkbox';
-export type { CheckboxGroupProps } from './checkbox/CheckboxGroup';
-export type { SubmitButtonProps } from './dialog/Dialog';
-export type { DynamicFormProps } from './dynamic-form/DynamicForm';
-export type { ConditionFunction, ControlClickHandler, DisabledConditionFunction, DisabledControlCondition, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormControlType, DynamicFormOutputData, DynamicFormSectionProps, DynamicFormState, DynamicFormStateItem, FieldValidation, } from './dynamic-form/models';
-export type { InputTextProps } from './input-form-fields/InputText';
-export type { InputSelectProps, InputSelectOption, } from './input-form-fields/InputSelect';
-export type { LinkUnderline } from './link/Link';
-export type { ListItemProps } from './list';
-export type { MenuItemProps } from './menu/Menu';
-export type { RailItem, RailItemsPosition } from './navigation-rail';
-export type { RadioButtonProps } from './radio/RadioButton';
-export type { RadioGroupProps } from './radio/RadioGroup';
-export type { BackItemProps, SidebarProps } from './sidebar/Sidebar';
-export type { SwitchProps, SwitchColor, SwitchSize, SwitchLabelPlacement, } from './switch';
-export type { CollapsibleTableOptions } from './table/collapsible-table';
-export type { DotColumnHeader, MultiSelect, Order, RowSelectionChangeHandler, RowsPerPageOption, TableActionProps, TableActionsProps, TableDataWithPagination, TableRowProps, TableRowSelectChangeHandler, TextAlignment, SortDirection, } from './table';
-export type { TabProps } from './tabs/Tabs';
-export type { TypographyVariant } from './typography/Typography';
-export type { ProgressButtonProps } from './progress-button/ProgressButton';
-export type { PopperPlacementType } from './popper';
-export type { DividerOrientation, DividerProps, DividerVariant, } from './divider';
-export type { BadgeProps, BadgeOverlap, BadgeVariant } from './badge';
-export type { TruncateWithTooltipProps } from './truncate-with-tooltip';
-export type { DraggableItem, DraggableListChangeHandler, } from './draggable-list';
-export type { SnackbarProps, SnackbarSeverity, SnackbarOrigin, } from './snackbar';
-export type { CharactersLimit, InlineEditProps } from './inline-edit';
-export type { progressColorOptions, progressVariantOptions, ProgressProps, } from './progress';
-export type { FileItemProps, FileUploadError, FileUploadProps, ListItemFile, MappedFile, MappedListItemFile, } from './file-upload';
-export type { LinearProgressColor, LinearProgressProps, LinearProgressVariant, } from './linear-progress';
-export type { DatePickerLocale, DatePickerProps, FieldChangeHandlerContext, } from './date-picker';
-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 { DotAccordion } from './accordion/Accordion';
-export { DotActionToolbar } from './action-toolbar/ActionToolbar';
-export { DotAlertBanner } from './alert-banner/AlertBanner';
-export { DotAppLogo } from './app-logo/AppLogo';
-export { DotAppSwitcher } from './app-switcher/AppSwitcher';
-export { DotAppToolbar } from './app-toolbar/AppToolbar';
-export { DotAutoComplete, parseAutoCompleteValue } from './auto-complete';
-export { DotAvatar } from './avatar/Avatar';
-export { DotAvatarGroup } from './avatar-group/AvatarGroup';
-export { DotBadge } from './badge';
-export { DotBreadcrumbs } from './breadcrumbs/Breadcrumbs';
-export { DotButton, DotCopyButton, DotIconButton } from './button';
-export { DotButtonToggle } from './button-toggle';
-export { DotCard } from './card/Card';
-export { DotCardContent } from './card/CardContent';
-export { DotCardFooter } from './card/CardFooter';
-export { DotCardHeader } from './card/CardHeader';
-export { DotCheckbox } from './checkbox/Checkbox';
-export { DotCheckboxGroup } from './checkbox/CheckboxGroup';
-export { DotChip } from './chip/Chip';
-export { DotConfirmationDialog } from './confirmation-dialog/ConfirmationDialog';
-export { DotCoreApiProvider, useDotCoreApiContext, } from './core-api/CoreApiProvider';
-export { Cell, CssCell } from './css-grid/CssCell';
-export { CssGrid } from './css-grid/CssGrid';
-export { CssGridDebug } from './css-grid/CssGridDebug';
-export { DotDialog } from './dialog/Dialog';
-export { DotDrawer } from './drawer/Drawer';
-export { DotEmptyState } from './empty-state/EmptyState';
-export { DotForm } from './form/Form';
-export { DotFormGroup } from './form-group/FormGroup';
-export { DotDynamicForm } from './dynamic-form/DynamicForm';
-export { DotIcon } from './icon/Icon';
-export { DotInlineEdit } from './inline-edit';
-export { DotInputText } from './input-form-fields/InputText';
-export { DotInputSelect } from './input-form-fields/InputSelect';
-export { DotLink } from './link/Link';
-export { DotList } from './list';
-export { DotMenu } from './menu/Menu';
-export { DotNavigationRail } from './navigation-rail';
-export { DotPill } from './pill/Pill';
-export { DotProgress } from './progress';
-export { DotRadioButton } from './radio/RadioButton';
-export { DotRadioGroup } from './radio/RadioGroup';
-export { DotSidebar } from './sidebar/Sidebar';
-export { DotSkeleton } from './skeleton/Skeleton';
-export { DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, useDotSnackbarContext, } from './snackbar';
-export { DotSplitButton } from './split-button/SplitButton';
-export { DotStepper } from './stepper/Stepper';
-export { DotProgressButton } from './progress-button/ProgressButton';
-export { DotSwitch } from './switch';
-export { DotHeaderRow, DotTable, DotTablePagination, DotTableActions, DotTableAction, } from './table';
-export { DotTooltip } from './tooltip/Tooltip';
-export { DotTabs } from './tabs/Tabs';
-export { DotTypography } from './typography/Typography';
-export { DotFileUpload, DotFileListItem } from './file-upload';
-export { DotDivider } from './divider';
-export { DotPopper } from './popper';
-export { DotTruncateWithTooltip } from './truncate-with-tooltip';
-export { DotDraggableList } from './draggable-list';
-export { DotLinearProgress } from './linear-progress';
-export { DatePickerKeydownContext, DotDatePicker, checkIfValidDate, } from './date-picker';
-export { Daytime, DotTimePicker, mockScrollIntoView } from './time-picker';
-export { DotClickAwayListener } from './click-away-listener';
-export { DotCarousel } from './carousel/Carousel';
-export { CreateUUID } from './createUUID';
+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 { AvatarProps } from './avatar/Avatar';
+export type { BreadcrumbItem } from './breadcrumbs/Breadcrumbs';
+export type { ButtonProps, CopyButtonProps, IconButtonProps, IconButtonColor, IconButtonSize, } from './button';
+export type { ButtonToggleProps, ButtonToggleValue, ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSingleValue, ButtonToggleSize, } from './button-toggle';
+export type { CheckboxProps } from './checkbox/Checkbox';
+export type { CheckboxGroupProps } from './checkbox/CheckboxGroup';
+export type { DialogButtonProps, SubmitButtonProps } from './dialog/Dialog';
+export type { DrawerAnchor } from './drawer/Drawer';
+export type { DynamicFormProps } from './dynamic-form/DynamicForm';
+export type { ConditionFunction, ControlClickHandler, DisabledConditionFunction, DisabledControlCondition, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormControlType, DynamicFormOutputData, DynamicFormSectionProps, DynamicFormState, DynamicFormStateItem, FieldValidation, } from './dynamic-form/models';
+export type { InputTextProps } from './input-form-fields/InputText';
+export type { InputSelectProps, InputSelectOption, OptionType, } from './input-form-fields/InputSelect';
+export type { LinkUnderline } from './link/Link';
+export type { ListItemProps } from './list';
+export type { MenuItemProps } from './menu/Menu';
+export type { RailItem, RailItemsPosition } from './navigation-rail';
+export type { RadioButtonProps } from './radio/RadioButton';
+export type { RadioGroupProps } from './radio/RadioGroup';
+export type { BackItemProps, SidebarProps } from './sidebar/Sidebar';
+export type { SwitchProps, SwitchColor, SwitchSize, SwitchLabelPlacement, } from './switch';
+export type { CollapsibleTableOptions } from './table/collapsible-table';
+export type { DotColumnHeader, MultiSelect, Order, RowSelectionChangeHandler, RowsPerPageOption, TableActionProps, TableActionsProps, TableDataWithPagination, TableRowProps, TableRowSelectChangeHandler, TextAlignment, SortDirection, } from './table';
+export type { TabProps } from './tabs/Tabs';
+export type { TypographyVariant } from './typography/Typography';
+export type { ProgressButtonProps } from './progress-button/ProgressButton';
+export type { PopperPlacementType } from './popper';
+export type { DividerOrientation, DividerProps, DividerVariant, } from './divider';
+export type { BadgeProps, BadgeOverlap, BadgeVariant } from './badge';
+export type { TruncateWithTooltipProps } from './truncate-with-tooltip';
+export type { DraggableItem, DraggableListChangeHandler, } from './draggable-list';
+export type { SnackbarProps, SnackbarSeverity, SnackbarOrigin, } from './snackbar';
+export type { CharactersLimit, InlineEditProps } from './inline-edit';
+export type { progressColorOptions, progressVariantOptions, ProgressProps, } from './progress';
+export type { FileItemProps, FileUploadError, FileUploadProps, ListItemFile, MappedFile, MappedListItemFile, } from './file-upload';
+export type { LinearProgressColor, LinearProgressProps, LinearProgressVariant, } from './linear-progress';
+export type { DatePickerLocale, DatePickerProps, FieldChangeHandlerContext, } from './date-picker';
+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 { DotAccordion } from './accordion/Accordion';
+export { DotActionToolbar } from './action-toolbar/ActionToolbar';
+export { DotAlertBanner } from './alert-banner/AlertBanner';
+export { DotAppLogo } from './app-logo/AppLogo';
+export { DotAppSwitcher } from './app-switcher/AppSwitcher';
+export { DotAppToolbar } from './app-toolbar/AppToolbar';
+export { DotAutoComplete, parseAutoCompleteValue } from './auto-complete';
+export { DotAvatar } from './avatar/Avatar';
+export { DotAvatarGroup } from './avatar-group/AvatarGroup';
+export { DotBadge } from './badge';
+export { DotBreadcrumbs } from './breadcrumbs/Breadcrumbs';
+export { DotButton, DotCopyButton, DotIconButton } from './button';
+export { DotButtonToggle } from './button-toggle';
+export { DotCard } from './card/Card';
+export { DotCardContent } from './card/CardContent';
+export { DotCardFooter } from './card/CardFooter';
+export { DotCardHeader } from './card/CardHeader';
+export { DotCheckbox } from './checkbox/Checkbox';
+export { DotCheckboxGroup } from './checkbox/CheckboxGroup';
+export { DotChip } from './chip/Chip';
+export { DotConfirmationDialog } from './confirmation-dialog/ConfirmationDialog';
+export { DotCoreApiProvider, useDotCoreApiContext, } from './core-api/CoreApiProvider';
+export { Cell, CssCell } from './css-grid/CssCell';
+export { CssGrid } from './css-grid/CssGrid';
+export { CssGridDebug } from './css-grid/CssGridDebug';
+export { DotDialog } from './dialog/Dialog';
+export { DotDrawer } from './drawer/Drawer';
+export { DotEmptyState } from './empty-state/EmptyState';
+export { DotForm } from './form/Form';
+export { DotFormGroup } from './form-group/FormGroup';
+export { DotDynamicForm } from './dynamic-form/DynamicForm';
+export { DotIcon } from './icon/Icon';
+export { DotInlineEdit } from './inline-edit';
+export { DotInputText } from './input-form-fields/InputText';
+export { DotInputSelect } from './input-form-fields/InputSelect';
+export { DotLink } from './link/Link';
+export { DotList } from './list';
+export { DotMenu } from './menu/Menu';
+export { DotNavigationRail } from './navigation-rail';
+export { DotPill } from './pill/Pill';
+export { DotProgress } from './progress';
+export { DotRadioButton } from './radio/RadioButton';
+export { DotRadioGroup } from './radio/RadioGroup';
+export { DotSidebar } from './sidebar/Sidebar';
+export { DotSkeleton } from './skeleton/Skeleton';
+export { DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, useDotSnackbarContext, } from './snackbar';
+export { DotSplitButton } from './split-button/SplitButton';
+export { DotStepper } from './stepper/Stepper';
+export { DotProgressButton } from './progress-button/ProgressButton';
+export { DotSwitch } from './switch';
+export { DotHeaderRow, DotTable, DotTablePagination, DotTableActions, DotTableAction, } from './table';
+export { DotTooltip } from './tooltip/Tooltip';
+export { DotTabs } from './tabs/Tabs';
+export { DotTypography } from './typography/Typography';
+export { DotFileUpload, DotFileListItem } from './file-upload';
+export { DotDivider } from './divider';
+export { DotPopper } from './popper';
+export { DotTruncateWithTooltip } from './truncate-with-tooltip';
+export { DotDraggableList } from './draggable-list';
+export { DotLinearProgress } from './linear-progress';
+export { DatePickerKeydownContext, DotDatePicker, checkIfValidDate, } from './date-picker';
+export { Daytime, DotTimePicker, mockScrollIntoView } from './time-picker';
+export { DotClickAwayListener } from './click-away-listener';
+export { DotCarousel } from './carousel/Carousel';
+export { CreateUUID } from './createUUID';

package/{lib → src/lib}/components/inline-edit/InlineEdit.d.ts

@@ -1,39 +1,39 @@
-import { CommonProps } from '../CommonProps';
-import { TypographyVariant } from '../typography/Typography';
-import { CharactersLimit, InlineEditBinding } from './utils/models';
-export interface InlineEditProps extends CommonProps {
-    /** Optional array of bindings, used to replace targeted string in edit mode with the corresponding value in view mode */
-    bindings?: InlineEditBinding[];
-    /** Characters limit configuration object */
-    charactersLimit?: CharactersLimit;
-    /** If true, the input will take up the full width of its container */
-    fullWidth?: boolean;
-    /** If true, `Cancel` and `Save` buttons will be hidden */
-    hideActionButtons?: boolean;
-    /** The name of input element */
-    name: string;
-    /** An async function which should be executed when the value of the input changes */
-    onChange?: (value: string) => Promise<boolean>;
-    /** A function that informs the parent of current editing state */
-    onEditStateChange?: (editing: boolean) => void;
-    /** If provided will display placeholder text when field is empty */
-    placeholder?: string;
-    /** If true, component will behave like a regular text (editing functionality will be disabled). */
-    readOnly?: boolean;
-    /** If true, when starting edit it will select all text in the input */
-    selectTextOnEdit?: boolean;
-    /** If true and readOnly is false when component loads, start as editable */
-    startEditable?: boolean;
-    /** tab order for the inline edit */
-    tabIndex?: number;
-    /** Tooltip text displayed on hover */
-    tooltip?: string;
-    /** Typography variant to be used */
-    typography?: TypographyVariant;
-    /** default value that is displayed on load */
-    value?: string;
-}
-/**
- * @experimental This component is still in development
- */
-export declare const DotInlineEdit: ({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, placeholder, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+import { TypographyVariant } from '../typography/Typography';
+import { CharactersLimit, InlineEditBinding } from './utils/models';
+export interface InlineEditProps extends CommonProps {
+    /** Optional array of bindings, used to replace targeted string in edit mode with the corresponding value in view mode */
+    bindings?: InlineEditBinding[];
+    /** Characters limit configuration object */
+    charactersLimit?: CharactersLimit;
+    /** If true, the input will take up the full width of its container */
+    fullWidth?: boolean;
+    /** If true, `Cancel` and `Save` buttons will be hidden */
+    hideActionButtons?: boolean;
+    /** The name of input element */
+    name: string;
+    /** An async function which should be executed when the value of the input changes */
+    onChange?: (value: string) => Promise<boolean>;
+    /** A function that informs the parent of current editing state */
+    onEditStateChange?: (editing: boolean) => void;
+    /** If provided will display placeholder text when field is empty */
+    placeholder?: string;
+    /** If true, component will behave like a regular text (editing functionality will be disabled). */
+    readOnly?: boolean;
+    /** If true, when starting edit it will select all text in the input */
+    selectTextOnEdit?: boolean;
+    /** If true and readOnly is false when component loads, start as editable */
+    startEditable?: boolean;
+    /** tab order for the inline edit */
+    tabIndex?: number;
+    /** Tooltip text displayed on hover */
+    tooltip?: string;
+    /** Typography variant to be used */
+    typography?: TypographyVariant;
+    /** default value that is displayed on load */
+    value?: string;
+}
+/**
+ * @experimental This component is still in development
+ */
+export declare const DotInlineEdit: ({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, placeholder, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/inline-edit/InlineEdit.styles.d.ts

@@ -1,13 +1,13 @@
-import { TypographyVariant } from '../typography/Typography';
-export declare const rootClassName = "dot-inline-edit";
-export declare const editModeClassName = "dot-edit-mode";
-export declare const viewModeClassName = "dot-view-mode";
-export declare const placeholderClassName = "dot-placeholder";
-export declare const readOnlyClassName = "dot-read-only";
-export declare const editActionsClassName = "dot-edit-actions";
-export declare const editTextFieldClassName = "dot-edit-text-field";
-export interface StyledInlineEditProps {
-    fullWidth: boolean;
-    typography?: TypographyVariant;
-}
-export declare const StyledInlineEdit: import("styled-components").StyledComponent<"div", any, StyledInlineEditProps, never>;
+import { TypographyVariant } from '../typography/Typography';
+export declare const rootClassName = "dot-inline-edit";
+export declare const editModeClassName = "dot-edit-mode";
+export declare const viewModeClassName = "dot-view-mode";
+export declare const placeholderClassName = "dot-placeholder";
+export declare const readOnlyClassName = "dot-read-only";
+export declare const editActionsClassName = "dot-edit-actions";
+export declare const editTextFieldClassName = "dot-edit-text-field";
+export interface StyledInlineEditProps {
+    fullWidth: boolean;
+    typography?: TypographyVariant;
+}
+export declare const StyledInlineEdit: import("styled-components").StyledComponent<"div", any, StyledInlineEditProps, never>;

package/{lib → src/lib}/components/inline-edit/index.d.ts

@@ -1,3 +1,3 @@
-export type { InlineEditProps } from './InlineEdit';
-export type { CharactersLimit } from './utils/models';
-export { DotInlineEdit } from './InlineEdit';
+export type { InlineEditProps } from './InlineEdit';
+export type { CharactersLimit } from './utils/models';
+export { DotInlineEdit } from './InlineEdit';

package/{lib → src/lib}/components/inline-edit/utils/helpers.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { InlineEditBinding } from './models';
-export declare const getCounterAdornment: (currentLength: number, maxLength: number, dataTestId?: string) => ReactNode | undefined;
-export declare const getWarningAdornment: () => JSX.Element;
-export declare const applyBindings: (bindings: InlineEditBinding[], inlineEditText: string) => ReactNode;
-export declare const checkIfEmptyValue: (inputValue: string) => boolean;
+import { ReactNode } from 'react';
+import { InlineEditBinding } from './models';
+export declare const getCounterAdornment: (currentLength: number, maxLength: number, dataTestId?: string) => ReactNode | undefined;
+export declare const getWarningAdornment: () => import("react/jsx-runtime").JSX.Element;
+export declare const applyBindings: (bindings: InlineEditBinding[], inlineEditText: string) => ReactNode;
+export declare const checkIfEmptyValue: (inputValue: string) => boolean;

package/{lib → src/lib}/components/inline-edit/utils/models.d.ts

@@ -1,13 +1,13 @@
-export interface CharactersLimit {
-    /** If true, character limiter will be hidden. It is displayed by default. */
-    hideCounter?: boolean;
-    maxLength: number;
-}
-export interface InlineEditBinding {
-    /** String, written in edit mode, which will be bound to the actual value in view mode */
-    binding: string;
-    /** Optional prop used to define custom CSS for the value when in view mode */
-    className?: string;
-    /** Value which will be displayed in view mode */
-    value: string;
-}
+export interface CharactersLimit {
+    /** If true, character limiter will be hidden. It is displayed by default. */
+    hideCounter?: boolean;
+    maxLength: number;
+}
+export interface InlineEditBinding {
+    /** String, written in edit mode, which will be bound to the actual value in view mode */
+    binding: string;
+    /** Optional prop used to define custom CSS for the value when in view mode */
+    className?: string;
+    /** Value which will be displayed in view mode */
+    value: string;
+}

package/{lib → src/lib}/components/input-form-fields/InputFormFields.propTypes.d.ts

@@ -1,67 +1,67 @@
-import { ChangeEvent, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type inputSizeOptions = 'small' | 'medium';
-export interface InputProps extends CommonProps {
-    /** This prop helps users to fill forms faster */
-    autoFocus?: boolean;
-    /** default value of the input element */
-    defaultValue?: string;
-    /** If true, the input will be disabled. DOES NOT WORK WITH SCREEN READERS, we recommend using `readOnly` instead. */
-    disabled?: boolean;
-    /** Icon placed after the children. */
-    endIcon?: ReactNode;
-    /** Text placed after the children, only displayed if there is no: endIcon, success or error  */
-    endText?: string;
-    /** If true, the label will be displayed in an error state. */
-    error?: boolean;
-    /** If true, the input will take up the full width of its container */
-    fullWidth?: boolean;
-    /** The helper text content. */
-    helperText?: ReactNode;
-    /**
-     * id to identify the element, also used to create label "for" and helper text id attribute
-     * values while it's optional, it is considered required for accessiblity best practice.
-     */
-    id: string;
-    /** pass a ref to the input element */
-    inputRef?: Ref<HTMLInputElement>;
-    /** The label content. */
-    label?: string;
-    max?: number | string;
-    min?: number | string;
-    /** The name of input element */
-    name: string;
-    /** A function that should be executed when the input loses focus */
-    onBlur?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** A function that should be executed when the value of the input changes */
-    onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** A function that should be executed when the input gains focus */
-    onFocus?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** A function that should be executed when key is pressed */
-    onKeyDown?: (event: KeyboardEvent) => void;
-    /** A function that executes when a user releases a mouse button over an element. */
-    onMouseUp?: (event: MouseEvent) => void;
-    /** If true, the label will be persistently displayed outside of the field */
-    persistentLabel?: boolean;
-    /** If true, the input will be read-only. */
-    readOnly?: boolean;
-    /** If true, the label is displayed as required and the input element` will be required. */
-    required?: boolean;
-    /** If specified, the label being shrunk/unshrunk must be controlled by the consumer */
-    shrink?: boolean;
-    /** Size of the input */
-    size?: inputSizeOptions;
-    /** Icon placed before the children. */
-    startIcon?: ReactNode;
-    /** If true, the label and field will be displayed in a success state */
-    success?: boolean;
-    /**
-     * Type of input should be a valid HTML 5 input type
-     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
-     */
-    type?: string;
-    /** value of input field */
-    value?: string;
-    /** If true, the label will be displayed in an warning state. */
-    warning?: boolean;
-}
+import { ChangeEvent, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';
+import { CommonProps } from '../CommonProps';
+export type inputSizeOptions = 'small' | 'medium';
+export interface InputProps extends CommonProps {
+    /** This prop helps users to fill forms faster */
+    autoFocus?: boolean;
+    /** default value of the input element */
+    defaultValue?: string;
+    /** If true, the input will be disabled. DOES NOT WORK WITH SCREEN READERS, we recommend using `readOnly` instead. */
+    disabled?: boolean;
+    /** Icon placed after the children. */
+    endIcon?: ReactNode;
+    /** Text placed after the children, only displayed if there is no: endIcon, success or error  */
+    endText?: string;
+    /** If true, the label will be displayed in an error state. */
+    error?: boolean;
+    /** If true, the input will take up the full width of its container */
+    fullWidth?: boolean;
+    /** The helper text content. */
+    helperText?: ReactNode;
+    /**
+     * id to identify the element, also used to create label "for" and helper text id attribute
+     * values while it's optional, it is considered required for accessiblity best practice.
+     */
+    id: string;
+    /** pass a ref to the input element */
+    inputRef?: Ref<HTMLInputElement>;
+    /** The label content. */
+    label?: string;
+    max?: number | string;
+    min?: number | string;
+    /** The name of input element */
+    name: string;
+    /** A function that should be executed when the input loses focus */
+    onBlur?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** A function that should be executed when the value of the input changes */
+    onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** A function that should be executed when the input gains focus */
+    onFocus?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** A function that should be executed when key is pressed */
+    onKeyDown?: (event: KeyboardEvent) => void;
+    /** A function that executes when a user releases a mouse button over an element. */
+    onMouseUp?: (event: MouseEvent) => void;
+    /** If true, the label will be persistently displayed outside of the field */
+    persistentLabel?: boolean;
+    /** If true, the input will be read-only. */
+    readOnly?: boolean;
+    /** If true, the label is displayed as required and the input element` will be required. */
+    required?: boolean;
+    /** If specified, the label being shrunk/unshrunk must be controlled by the consumer */
+    shrink?: boolean;
+    /** Size of the input */
+    size?: inputSizeOptions;
+    /** Icon placed before the children. */
+    startIcon?: ReactNode;
+    /** If true, the label and field will be displayed in a success state */
+    success?: boolean;
+    /**
+     * Type of input should be a valid HTML 5 input type
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
+     */
+    type?: string;
+    /** value of input field */
+    value?: string;
+    /** If true, the label will be displayed in an warning state. */
+    warning?: boolean;
+}