From 12758b706f1dfdbb5bb1e459062daab7b401fcff Mon Sep 17 00:00:00 2001
From: Alexander Bulychev <git@bulychev.pro>
Date: Fri, 6 Oct 2023 16:29:52 +0300
Subject: [PATCH] TextEditor: add labelMode value - "outside" (#25757)

Co-authored-by: Alexander Bulychev <git@bulychev.net>
---
 packages/devextreme-react/src/autocomplete.ts   | 3 ++-
 packages/devextreme-react/src/color-box.ts      | 3 ++-
 packages/devextreme-react/src/date-box.ts       | 3 ++-
 packages/devextreme-react/src/date-range-box.ts | 3 ++-
 packages/devextreme-react/src/drop-down-box.ts  | 3 ++-
 packages/devextreme-react/src/list.ts           | 2 +-
 packages/devextreme-react/src/lookup.ts         | 3 ++-
 packages/devextreme-react/src/number-box.ts     | 3 ++-
 packages/devextreme-react/src/select-box.ts     | 3 ++-
 packages/devextreme-react/src/tag-box.ts        | 3 ++-
 packages/devextreme-react/src/text-area.ts      | 3 ++-
 packages/devextreme-react/src/text-box.ts       | 3 ++-
 packages/devextreme-react/src/tree-view.ts      | 2 +-
 packages/devextreme/js/common.d.ts              | 2 +-
 packages/devextreme/ts/dx.all.d.ts              | 2 +-
 15 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/packages/devextreme-react/src/autocomplete.ts b/packages/devextreme-react/src/autocomplete.ts
index 3e502300ea5d..c1c20b91055f 100644
--- a/packages/devextreme-react/src/autocomplete.ts
+++ b/packages/devextreme-react/src/autocomplete.ts
@@ -127,7 +127,8 @@ class Autocomplete extends BaseComponent<React.PropsWithChildren<IAutocompleteOp
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   maxItemCount: PropTypes.number,
   maxLength: PropTypes.oneOfType([
diff --git a/packages/devextreme-react/src/color-box.ts b/packages/devextreme-react/src/color-box.ts
index 2bec08c6b706..d8977a0722fa 100644
--- a/packages/devextreme-react/src/color-box.ts
+++ b/packages/devextreme-react/src/color-box.ts
@@ -124,7 +124,8 @@ class ColorBox extends BaseComponent<React.PropsWithChildren<IColorBoxOptions>>
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   name: PropTypes.string,
   onChange: PropTypes.func,
diff --git a/packages/devextreme-react/src/date-box.ts b/packages/devextreme-react/src/date-box.ts
index 86d8258e7ee8..2c202e9fc017 100644
--- a/packages/devextreme-react/src/date-box.ts
+++ b/packages/devextreme-react/src/date-box.ts
@@ -135,7 +135,8 @@ class DateBox extends BaseComponent<React.PropsWithChildren<IDateBoxOptions>> {
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   maxLength: PropTypes.oneOfType([
     PropTypes.number,
diff --git a/packages/devextreme-react/src/date-range-box.ts b/packages/devextreme-react/src/date-range-box.ts
index 47d771f3c1ea..48fa401846ee 100644
--- a/packages/devextreme-react/src/date-range-box.ts
+++ b/packages/devextreme-react/src/date-range-box.ts
@@ -138,7 +138,8 @@ class DateRangeBox extends BaseComponent<React.PropsWithChildren<IDateRangeBoxOp
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   multiView: PropTypes.bool,
   onChange: PropTypes.func,
diff --git a/packages/devextreme-react/src/drop-down-box.ts b/packages/devextreme-react/src/drop-down-box.ts
index 3440bd310748..2d64248d083c 100644
--- a/packages/devextreme-react/src/drop-down-box.ts
+++ b/packages/devextreme-react/src/drop-down-box.ts
@@ -125,7 +125,8 @@ class DropDownBox extends BaseComponent<React.PropsWithChildren<IDropDownBoxOpti
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   maxLength: PropTypes.oneOfType([
     PropTypes.number,
diff --git a/packages/devextreme-react/src/list.ts b/packages/devextreme-react/src/list.ts
index 9b280a96b723..93e6efa99a49 100644
--- a/packages/devextreme-react/src/list.ts
+++ b/packages/devextreme-react/src/list.ts
@@ -404,7 +404,7 @@ type ISearchEditorOptionsProps = React.PropsWithChildren<{
   isDirty?: boolean;
   isValid?: boolean;
   label?: string;
-  labelMode?: "static" | "floating" | "hidden";
+  labelMode?: "static" | "floating" | "hidden" | "outside";
   mask?: string;
   maskChar?: string;
   maskInvalidMessage?: string;
diff --git a/packages/devextreme-react/src/lookup.ts b/packages/devextreme-react/src/lookup.ts
index a2d0f0618f02..776f85776a82 100644
--- a/packages/devextreme-react/src/lookup.ts
+++ b/packages/devextreme-react/src/lookup.ts
@@ -129,7 +129,8 @@ class Lookup extends BaseComponent<React.PropsWithChildren<ILookupOptions>> {
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   minSearchLength: PropTypes.number,
   name: PropTypes.string,
diff --git a/packages/devextreme-react/src/number-box.ts b/packages/devextreme-react/src/number-box.ts
index 154a6a116396..9a7c5346fd8f 100644
--- a/packages/devextreme-react/src/number-box.ts
+++ b/packages/devextreme-react/src/number-box.ts
@@ -85,7 +85,8 @@ class NumberBox extends BaseComponent<React.PropsWithChildren<INumberBoxOptions>
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   max: PropTypes.number,
   min: PropTypes.number,
diff --git a/packages/devextreme-react/src/select-box.ts b/packages/devextreme-react/src/select-box.ts
index 5a917132fc7f..7d3f32339fe4 100644
--- a/packages/devextreme-react/src/select-box.ts
+++ b/packages/devextreme-react/src/select-box.ts
@@ -142,7 +142,8 @@ class SelectBox extends BaseComponent<React.PropsWithChildren<ISelectBoxOptions>
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   maxLength: PropTypes.oneOfType([
     PropTypes.number,
diff --git a/packages/devextreme-react/src/tag-box.ts b/packages/devextreme-react/src/tag-box.ts
index 63d194a49606..ec0e082677e5 100644
--- a/packages/devextreme-react/src/tag-box.ts
+++ b/packages/devextreme-react/src/tag-box.ts
@@ -155,7 +155,8 @@ class TagBox extends BaseComponent<React.PropsWithChildren<ITagBoxOptions>> {
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   maxDisplayedTags: PropTypes.number,
   maxFilterQueryLength: PropTypes.number,
diff --git a/packages/devextreme-react/src/text-area.ts b/packages/devextreme-react/src/text-area.ts
index f111dacf43af..e24c661063fe 100644
--- a/packages/devextreme-react/src/text-area.ts
+++ b/packages/devextreme-react/src/text-area.ts
@@ -71,7 +71,8 @@ class TextArea extends BaseComponent<React.PropsWithChildren<ITextAreaOptions>>
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   maxHeight: PropTypes.oneOfType([
     PropTypes.number,
diff --git a/packages/devextreme-react/src/text-box.ts b/packages/devextreme-react/src/text-box.ts
index 4bd2b48b819c..2476524b51f6 100644
--- a/packages/devextreme-react/src/text-box.ts
+++ b/packages/devextreme-react/src/text-box.ts
@@ -78,7 +78,8 @@ class TextBox extends BaseComponent<React.PropsWithChildren<ITextBoxOptions>> {
     PropTypes.oneOf([
       "static",
       "floating",
-      "hidden"])
+      "hidden",
+      "outside"])
   ]),
   mask: PropTypes.string,
   maskChar: PropTypes.string,
diff --git a/packages/devextreme-react/src/tree-view.ts b/packages/devextreme-react/src/tree-view.ts
index db9551359dbd..65d3e59c7ab4 100644
--- a/packages/devextreme-react/src/tree-view.ts
+++ b/packages/devextreme-react/src/tree-view.ts
@@ -301,7 +301,7 @@ type ISearchEditorOptionsProps = React.PropsWithChildren<{
   isDirty?: boolean;
   isValid?: boolean;
   label?: string;
-  labelMode?: "static" | "floating" | "hidden";
+  labelMode?: "static" | "floating" | "hidden" | "outside";
   mask?: string;
   maskChar?: string;
   maskInvalidMessage?: string;
diff --git a/packages/devextreme/js/common.d.ts b/packages/devextreme/js/common.d.ts
index af7ce5033d35..af3238725b86 100644
--- a/packages/devextreme/js/common.d.ts
+++ b/packages/devextreme/js/common.d.ts
@@ -393,7 +393,7 @@ export type HorizontalEdge = 'left' | 'right';
  * @public
  * @namespace DevExpress.common
  */
-export type LabelMode = 'static' | 'floating' | 'hidden';
+export type LabelMode = 'static' | 'floating' | 'hidden' | 'outside';
 
 /**
  * @public
diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts
index e0eb011a6a1b..594883fd1e9e 100644
--- a/packages/devextreme/ts/dx.all.d.ts
+++ b/packages/devextreme/ts/dx.all.d.ts
@@ -1570,7 +1570,7 @@ declare module DevExpress.common {
   export function isLoadResultObject<TItem>(
     res: LoadResult<TItem>
   ): res is LoadResultObject<TItem>;
-  export type LabelMode = 'static' | 'floating' | 'hidden';
+  export type LabelMode = 'static' | 'floating' | 'hidden' | 'outside';
   /**
    * [descr:LoadResult]
    */