@salutejs/sdds-sbcom 0.347.0-next-platform-ai.0 → 0.347.1-dev.0

package/types/components/DatePicker/DatePicker.d.ts

@@ -216,7 +216,7 @@ export declare const DatePickerClear: import("react").FunctionComponent<import("
     hintWidth?: never;
     hintContentLeft?: never;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>))>;
-export declare const DatePicker: import("react").ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
@@ -284,7 +284,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<(Omit
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
@@ -352,7 +352,147 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<(Omit
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">) & import("react").RefAttributes<HTMLElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance">) & {
+    appearance?: "default";
+}) | ((Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    eventTooltipSize: {
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    hintView: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    hintSize: {
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerVariationProps & {
+    titleCaption?: import("react").ReactNode;
+    requiredPlacement?: "left" | "right";
+    required?: boolean;
+    hasRequiredIndicator?: boolean;
+    value?: Date | string;
+    preserveInvalidOnBlur?: boolean;
+    defaultDate?: Date;
+    placeholder?: string;
+    name?: string;
+    valueError?: boolean;
+    valueSuccess?: boolean;
+    leftHelper?: string;
+    contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
+    textBefore?: string;
+    textAfter?: string;
+    autoComplete?: string;
+    onCommitDate?: import("@salutejs/plasma-new-hope/styled-components").OnCommitDateCallback;
+    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").DateType, isoDate?: string) => void;
+    onChange?: (event: {
+        target: {
+            value?: string;
+            name?: string;
+            originalDate?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").DateType;
+            isoDate?: string;
+        };
+    }) => void;
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    eventTooltipSize: {
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    hintView: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    hintSize: {
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerVariationProps & {
+    titleCaption?: import("react").ReactNode;
+    requiredPlacement?: "left" | "right";
+    required?: boolean;
+    hasRequiredIndicator?: boolean;
+    value?: Date | string;
+    preserveInvalidOnBlur?: boolean;
+    defaultDate?: Date;
+    placeholder?: string;
+    name?: string;
+    valueError?: boolean;
+    valueSuccess?: boolean;
+    leftHelper?: string;
+    contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
+    textBefore?: string;
+    textAfter?: string;
+    autoComplete?: string;
+    onCommitDate?: import("@salutejs/plasma-new-hope/styled-components").OnCommitDateCallback;
+    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").DateType, isoDate?: string) => void;
+    onChange?: (event: {
+        target: {
+            value?: string;
+            name?: string;
+            originalDate?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").DateType;
+            isoDate?: string;
+        };
+    }) => void;
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance">) & {
+    appearance: "clear";
+})) & import("react").RefAttributes<HTMLInputElement>>;
 export declare const DatePickerRangeDefault: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -408,8 +548,8 @@ export declare const DatePickerRangeDefault: import("react").FunctionComponent<i
     required?: boolean | undefined;
     label?: string | undefined;
     view?: string | undefined;
-    contentLeft?: React.ReactNode;
     appearance?: "default" | "clear" | undefined;
+    contentLeft?: React.ReactNode;
     contentRight?: React.ReactNode;
     hintText?: string | undefined;
     hintTrigger?: ("hover" | "click") | undefined;
@@ -510,8 +650,8 @@ export declare const DatePickerRangeClear: import("react").FunctionComponent<imp
     required?: boolean | undefined;
     label?: string | undefined;
     view?: string | undefined;
-    contentLeft?: React.ReactNode;
     appearance?: "default" | "clear" | undefined;
+    contentLeft?: React.ReactNode;
     contentRight?: React.ReactNode;
     hintText?: string | undefined;
     hintTrigger?: ("hover" | "click") | undefined;
@@ -557,7 +697,7 @@ export declare const DatePickerRangeClear: import("react").FunctionComponent<imp
     appearance?: "default" | "clear";
     hasClearDivider?: boolean;
 } & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>>;
-export declare const DatePickerRange: import("react").ForwardRefExoticComponent<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+export declare const DatePickerRange: import("react").ForwardRefExoticComponent<((Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
@@ -612,8 +752,111 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
     required?: boolean | undefined;
     label?: string | undefined;
     view?: string | undefined;
+    appearance?: "default" | "clear" | undefined;
     contentLeft?: React.ReactNode;
+    contentRight?: React.ReactNode;
+    hintText?: string | undefined;
+    hintTrigger?: ("hover" | "click") | undefined;
+    hintTargetIcon?: React.ReactNode;
+    hintPlacement?: (import("@salutejs/plasma-new-hope/styled-components").Placement | Array<import("@salutejs/plasma-new-hope/styled-components").ComputedPlacement>) | undefined;
+    hintHasArrow?: boolean | undefined;
+    hintOffset?: [number, number] | undefined;
+    hintWidth?: string | undefined;
+    hintContentLeft?: React.ReactNode;
+    hintView?: string | undefined;
+    hintSize?: string | undefined;
+    titleCaption?: React.ReactNode;
+    leftHelper?: string | undefined;
+    hasRequiredIndicator?: boolean | undefined;
+    hintTargetPlacement?: ("inner" | "outer") | undefined;
+    requiredIndicatorPlacement?: ("left" | "right") | undefined;
+    firstValueError?: boolean | undefined;
+    secondValueError?: boolean | undefined;
+    firstValueSuccess?: boolean | undefined;
+    secondValueSuccess?: boolean | undefined;
+    firstPlaceholder?: string | undefined;
+    secondPlaceholder?: string | undefined;
+    hasClearDivider?: boolean | undefined;
+    firstTextfieldContentLeft?: React.ReactElement | undefined;
+    firstTextfieldContentRight?: React.ReactElement | undefined;
+    secondTextfieldContentLeft?: React.ReactElement | undefined;
+    secondTextfieldContentRight?: React.ReactElement | undefined;
+    firstTextfieldTextBefore?: string | undefined;
+    secondTextfieldTextBefore?: string | undefined;
+    firstTextfieldTextAfter?: string | undefined;
+    secondTextfieldTextAfter?: string | undefined;
+    dividerVariant?: "none" | "icon" | "dash" | undefined;
+    dividerIcon?: React.ReactNode;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
+} & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
+    placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
+    isDoubleCalendar?: boolean;
+    dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    appearance?: "default" | "clear";
+    hasClearDivider?: boolean;
+} & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>, "ref">, "appearance"> & {
+    appearance?: "default";
+}) | (Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    eventTooltipSize: {
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    hintView: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    hintSize: {
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerVariationProps & {
+    requiredPlacement?: "left" | "right";
+    required?: boolean;
+    hasRequiredIndicator?: boolean;
+    value?: [import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").DateType | string, import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").DateType | string];
+    preserveInvalidOnBlur?: boolean;
+    defaultFirstDate?: Date;
+    defaultSecondDate?: Date;
+    name?: string;
+    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").ChangeInstanceCallback;
+    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").ChangeInstanceCallback;
+    onCommitFirstDate?: import("@salutejs/plasma-new-hope/styled-components").CommitInstanceCallback;
+    onCommitSecondDate?: import("@salutejs/plasma-new-hope/styled-components").CommitInstanceCallback;
+    onChange?: (event: {
+        target: {
+            value?: string;
+            name?: string;
+        };
+    }) => void;
+} & {
+    size?: string | undefined;
+    disabled?: boolean | undefined;
+    autoComplete?: string | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    label?: string | undefined;
+    view?: string | undefined;
     appearance?: "default" | "clear" | undefined;
+    contentLeft?: React.ReactNode;
     contentRight?: React.ReactNode;
     hintText?: string | undefined;
     hintTrigger?: ("hover" | "click") | undefined;
@@ -658,4 +901,6 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
     hasClearDivider?: boolean;
-} & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>, "ref">, "appearance"> & {
+    appearance: "clear";
+})) & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>>;

package/types/components/EmbedIconButton/EmbedIconButton.d.ts

@@ -22,7 +22,7 @@ export declare const EmbedIconButton: import("react").FunctionComponent<import("
     focused: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+}> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -30,7 +30,7 @@ export declare const EmbedIconButton: import("react").FunctionComponent<import("
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;
-    stretching?: "auto" | "fixed" | "filled";
+    stretching?: "auto" | "filled" | "fixed";
     square?: boolean;
     focused?: boolean;
     disabled?: boolean;
@@ -45,7 +45,7 @@ export declare const EmbedIconButton: import("react").FunctionComponent<import("
 } & {
     value?: string | number;
     contentRight?: never;
-} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -53,7 +53,7 @@ export declare const EmbedIconButton: import("react").FunctionComponent<import("
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;
-    stretching?: "auto" | "fixed" | "filled";
+    stretching?: "auto" | "filled" | "fixed";
     square?: boolean;
     focused?: boolean;
     disabled?: boolean;

package/types/components/IconButton/IconButton.d.ts

@@ -27,7 +27,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
     focused: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+}> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -35,7 +35,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;
-    stretching?: "auto" | "fixed" | "filled";
+    stretching?: "auto" | "filled" | "fixed";
     square?: boolean;
     focused?: boolean;
     disabled?: boolean;
@@ -50,7 +50,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
 } & {
     value?: string | number;
     contentRight?: never;
-} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -58,7 +58,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;
-    stretching?: "auto" | "fixed" | "filled";
+    stretching?: "auto" | "filled" | "fixed";
     square?: boolean;
     focused?: boolean;
     disabled?: boolean;