From 9023754e9d7d797849ce86571025b8ba2ae42152 Mon Sep 17 00:00:00 2001 From: Ilya Date: Tue, 17 Dec 2024 02:26:38 +0300 Subject: [PATCH] fix(*): esit storybook textarea --- .../components/TextArea/TextArea.stories.tsx | 28 +++++++++++++ .../components/TextArea/TextArea.stories.tsx | 31 +++++++++++++- .../components/TextArea/TextArea.stories.tsx | 41 +++++++++++++++---- .../components/TextArea/TextArea.stories.tsx | 41 +++++++++++++++---- .../components/TextArea/TextArea.stories.tsx | 41 +++++++++++++++---- .../components/TextArea/TextArea.stories.tsx | 41 +++++++++++++++---- 6 files changed, 185 insertions(+), 38 deletions(-) diff --git a/packages/plasma-b2c/src/components/TextArea/TextArea.stories.tsx b/packages/plasma-b2c/src/components/TextArea/TextArea.stories.tsx index 6324d3490c..ca2a2812ab 100644 --- a/packages/plasma-b2c/src/components/TextArea/TextArea.stories.tsx +++ b/packages/plasma-b2c/src/components/TextArea/TextArea.stories.tsx @@ -137,6 +137,30 @@ const meta: Meta = { control: { type: 'text' }, if: { arg: 'hasHint', truthy: true }, }, + helperText: { + control: { type: 'text' }, + if: { arg: 'hasHint', truthy: true }, + }, + helperText: { + control: { type: 'text' }, + if: { arg: 'helperText', truthy: true }, + }, + width: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + height: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + rows: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, + cols: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, ...disableProps([ 'helperBlock', '$isFocused', @@ -157,6 +181,10 @@ const meta: Meta = { 'onFocus', 'onBlur', 'leftHelperPlacement', + 'status', + 'hintTargetIcon', + 'hintOffset', + 'hintContentLeft', ]), }, args: { diff --git a/packages/plasma-web/src/components/TextArea/TextArea.stories.tsx b/packages/plasma-web/src/components/TextArea/TextArea.stories.tsx index a02771b428..fdcd76d205 100644 --- a/packages/plasma-web/src/components/TextArea/TextArea.stories.tsx +++ b/packages/plasma-web/src/components/TextArea/TextArea.stories.tsx @@ -138,7 +138,32 @@ const meta: Meta = { control: { type: 'text' }, if: { arg: 'hasHint', truthy: true }, }, + helperText: { + control: { type: 'text' }, + if: { arg: 'hasHint', truthy: true }, + }, + helperText: { + control: { type: 'text' }, + if: { arg: 'helperText', truthy: true }, + }, + width: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + height: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + rows: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, + cols: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, ...disableProps([ + 'helperBlock', '$isFocused', 'contentRight', 'autoComplete', @@ -156,9 +181,11 @@ const meta: Meta = { 'onChange', 'onFocus', 'onBlur', - 'helperText', - 'helperBlock', 'leftHelperPlacement', + 'status', + 'hintTargetIcon', + 'hintOffset', + 'hintContentLeft', ]), }, args: { diff --git a/packages/sdds-dfa/src/components/TextArea/TextArea.stories.tsx b/packages/sdds-dfa/src/components/TextArea/TextArea.stories.tsx index 53619b960b..3c4ed9734c 100644 --- a/packages/sdds-dfa/src/components/TextArea/TextArea.stories.tsx +++ b/packages/sdds-dfa/src/components/TextArea/TextArea.stories.tsx @@ -65,8 +65,8 @@ const meta: Meta = { }, if: { arg: 'required', truthy: false }, }, - labelPlacement: { - options: labelPlacements, + status: { + options: statuses, control: { type: 'select', }, @@ -78,8 +78,8 @@ const meta: Meta = { type: 'select', }, }, - view: { - options: views, + labelPlacement: { + options: ['inner', 'outer'], control: { type: 'select', }, @@ -143,6 +143,30 @@ const meta: Meta = { control: { type: 'text' }, if: { arg: 'hasHint', truthy: true }, }, + helperText: { + control: { type: 'text' }, + if: { arg: 'hasHint', truthy: true }, + }, + helperText: { + control: { type: 'text' }, + if: { arg: 'helperText', truthy: true }, + }, + width: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + height: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + rows: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, + cols: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, ...disableProps([ 'helperBlock', '$isFocused', @@ -162,12 +186,11 @@ const meta: Meta = { 'onChange', 'onFocus', 'onBlur', - 'status', - 'resize', - 'height', - 'width', - 'helperText', 'leftHelperPlacement', + 'status', + 'hintTargetIcon', + 'hintOffset', + 'hintContentLeft', ]), }, args: { diff --git a/packages/sdds-finportal/src/components/TextArea/TextArea.stories.tsx b/packages/sdds-finportal/src/components/TextArea/TextArea.stories.tsx index 53619b960b..3c4ed9734c 100644 --- a/packages/sdds-finportal/src/components/TextArea/TextArea.stories.tsx +++ b/packages/sdds-finportal/src/components/TextArea/TextArea.stories.tsx @@ -65,8 +65,8 @@ const meta: Meta = { }, if: { arg: 'required', truthy: false }, }, - labelPlacement: { - options: labelPlacements, + status: { + options: statuses, control: { type: 'select', }, @@ -78,8 +78,8 @@ const meta: Meta = { type: 'select', }, }, - view: { - options: views, + labelPlacement: { + options: ['inner', 'outer'], control: { type: 'select', }, @@ -143,6 +143,30 @@ const meta: Meta = { control: { type: 'text' }, if: { arg: 'hasHint', truthy: true }, }, + helperText: { + control: { type: 'text' }, + if: { arg: 'hasHint', truthy: true }, + }, + helperText: { + control: { type: 'text' }, + if: { arg: 'helperText', truthy: true }, + }, + width: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + height: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + rows: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, + cols: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, ...disableProps([ 'helperBlock', '$isFocused', @@ -162,12 +186,11 @@ const meta: Meta = { 'onChange', 'onFocus', 'onBlur', - 'status', - 'resize', - 'height', - 'width', - 'helperText', 'leftHelperPlacement', + 'status', + 'hintTargetIcon', + 'hintOffset', + 'hintContentLeft', ]), }, args: { diff --git a/packages/sdds-insol/src/components/TextArea/TextArea.stories.tsx b/packages/sdds-insol/src/components/TextArea/TextArea.stories.tsx index 2210a999e5..84b35ce053 100644 --- a/packages/sdds-insol/src/components/TextArea/TextArea.stories.tsx +++ b/packages/sdds-insol/src/components/TextArea/TextArea.stories.tsx @@ -66,8 +66,8 @@ const meta: Meta = { }, if: { arg: 'required', truthy: false }, }, - labelPlacement: { - options: labelPlacements, + status: { + options: statuses, control: { type: 'select', }, @@ -79,8 +79,8 @@ const meta: Meta = { type: 'select', }, }, - view: { - options: views, + labelPlacement: { + options: ['inner', 'outer'], control: { type: 'select', }, @@ -144,6 +144,30 @@ const meta: Meta = { control: { type: 'text' }, if: { arg: 'hasHint', truthy: true }, }, + helperText: { + control: { type: 'text' }, + if: { arg: 'hasHint', truthy: true }, + }, + helperText: { + control: { type: 'text' }, + if: { arg: 'helperText', truthy: true }, + }, + width: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + height: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + rows: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, + cols: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, ...disableProps([ 'helperBlock', '$isFocused', @@ -163,12 +187,11 @@ const meta: Meta = { 'onChange', 'onFocus', 'onBlur', - 'status', - 'resize', - 'height', - 'width', - 'helperText', 'leftHelperPlacement', + 'status', + 'hintTargetIcon', + 'hintOffset', + 'hintContentLeft', ]), }, args: { diff --git a/packages/sdds-serv/src/components/TextArea/TextArea.stories.tsx b/packages/sdds-serv/src/components/TextArea/TextArea.stories.tsx index 53619b960b..3c4ed9734c 100644 --- a/packages/sdds-serv/src/components/TextArea/TextArea.stories.tsx +++ b/packages/sdds-serv/src/components/TextArea/TextArea.stories.tsx @@ -65,8 +65,8 @@ const meta: Meta = { }, if: { arg: 'required', truthy: false }, }, - labelPlacement: { - options: labelPlacements, + status: { + options: statuses, control: { type: 'select', }, @@ -78,8 +78,8 @@ const meta: Meta = { type: 'select', }, }, - view: { - options: views, + labelPlacement: { + options: ['inner', 'outer'], control: { type: 'select', }, @@ -143,6 +143,30 @@ const meta: Meta = { control: { type: 'text' }, if: { arg: 'hasHint', truthy: true }, }, + helperText: { + control: { type: 'text' }, + if: { arg: 'hasHint', truthy: true }, + }, + helperText: { + control: { type: 'text' }, + if: { arg: 'helperText', truthy: true }, + }, + width: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + height: { + control: { type: 'text' }, + if: { arg: 'width', truthy: true }, + }, + rows: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, + cols: { + control: { type: 'text' }, + if: { arg: 'number', truthy: true }, + }, ...disableProps([ 'helperBlock', '$isFocused', @@ -162,12 +186,11 @@ const meta: Meta = { 'onChange', 'onFocus', 'onBlur', - 'status', - 'resize', - 'height', - 'width', - 'helperText', 'leftHelperPlacement', + 'status', + 'hintTargetIcon', + 'hintOffset', + 'hintContentLeft', ]), }, args: {