diff --git a/packages/ui-informed/src/controls/CheckboxControl.stories.tsx b/packages/ui-informed/src/controls/checkbox/Checkbox.stories.tsx similarity index 69% rename from packages/ui-informed/src/controls/CheckboxControl.stories.tsx rename to packages/ui-informed/src/controls/checkbox/Checkbox.stories.tsx index 97974d7..a3ef494 100644 --- a/packages/ui-informed/src/controls/CheckboxControl.stories.tsx +++ b/packages/ui-informed/src/controls/checkbox/Checkbox.stories.tsx @@ -1,10 +1,10 @@ import type { Meta, StoryObj } from '@storybook/react'; -import { CheckboxControl } from './CheckboxControl'; -import { Form } from '..'; +import { Checkbox } from './Checkbox'; +import { Form } from '../..'; -const meta: Meta = { - component: CheckboxControl, +const meta: Meta = { + component: Checkbox, tags: ['autodocs'], title: 'Controls/CheckboxControl', args: { @@ -25,7 +25,7 @@ const meta: Meta = { export default meta; -type Story = StoryObj; +type Story = StoryObj; export const Basic: Story = { args: {}, diff --git a/packages/ui-informed/src/controls/CheckboxControl.tsx b/packages/ui-informed/src/controls/checkbox/Checkbox.tsx similarity index 74% rename from packages/ui-informed/src/controls/CheckboxControl.tsx rename to packages/ui-informed/src/controls/checkbox/Checkbox.tsx index 78e66b3..6d400aa 100644 --- a/packages/ui-informed/src/controls/CheckboxControl.tsx +++ b/packages/ui-informed/src/controls/checkbox/Checkbox.tsx @@ -1,21 +1,21 @@ -import { Checkbox } from '@utima/ui'; +import { Checkbox as CheckboxUI } from '@utima/ui'; import type { ComponentProps } from 'react'; -import { FormControl } from './formControl/FormControl'; +import { FormControl } from '../../formControl/FormControl'; -type CheckboxControlProps = Omit, 'render'>; +type CheckboxProps = Omit, 'render'>; /** * CheckboxControl component that is controlled by Informed. It is a wrapped in the * `FormControl` component, which provides the necessary props for Informed to * work along with label and error message handling. */ -export function CheckboxControl({ ...restProps }: CheckboxControlProps) { +export function Checkbox({ ...restProps }: CheckboxProps) { return ( ( - { diff --git a/packages/ui-informed/src/controls/InputControl.stories.tsx b/packages/ui-informed/src/controls/input/Input.stories.tsx similarity index 72% rename from packages/ui-informed/src/controls/InputControl.stories.tsx rename to packages/ui-informed/src/controls/input/Input.stories.tsx index 67149e1..0fef88f 100644 --- a/packages/ui-informed/src/controls/InputControl.stories.tsx +++ b/packages/ui-informed/src/controls/input/Input.stories.tsx @@ -1,10 +1,10 @@ import type { Meta, StoryObj } from '@storybook/react'; -import { InputControl } from './InputControl'; -import { Form } from '..'; +import { Input } from './Input'; +import { Form } from '../..'; -const meta: Meta = { - component: InputControl, +const meta: Meta = { + component: Input, tags: ['autodocs'], title: 'Controls/InputControl', args: { @@ -26,7 +26,7 @@ const meta: Meta = { export default meta; -type Story = StoryObj; +type Story = StoryObj; export const Basic: Story = { args: {}, diff --git a/packages/ui-informed/src/controls/InputControl.tsx b/packages/ui-informed/src/controls/input/Input.tsx similarity index 76% rename from packages/ui-informed/src/controls/InputControl.tsx rename to packages/ui-informed/src/controls/input/Input.tsx index 387b112..a8e9b66 100644 --- a/packages/ui-informed/src/controls/InputControl.tsx +++ b/packages/ui-informed/src/controls/input/Input.tsx @@ -1,7 +1,7 @@ -import { Input } from '@utima/ui'; +import { Input as InputUI } from '@utima/ui'; import type { ComponentProps } from 'react'; -import { FormControl } from './formControl/FormControl'; +import { FormControl } from '../../formControl/FormControl'; type InputControlProps = Omit, 'render'>; @@ -10,16 +10,13 @@ type InputControlProps = Omit, 'render'>; * `FormControl` component, which provides the necessary props for Informed to * work along with label and error message handling. */ -export function InputControl({ - type = 'text', - ...restProps -}: InputControlProps) { +export function Input({ type = 'text', ...restProps }: InputControlProps) { return ( ( - = { - component: SelectControl, +const meta: Meta = { + component: Select, tags: ['autodocs'], title: 'Controls/SelectControl', args: { @@ -46,7 +46,7 @@ const meta: Meta = { export default meta; -type Story = StoryObj; +type Story = StoryObj; export const Basic: Story = { args: {}, diff --git a/packages/ui-informed/src/controls/SelectControl.tsx b/packages/ui-informed/src/controls/select/Select.tsx similarity index 86% rename from packages/ui-informed/src/controls/SelectControl.tsx rename to packages/ui-informed/src/controls/select/Select.tsx index c46b285..345cd81 100644 --- a/packages/ui-informed/src/controls/SelectControl.tsx +++ b/packages/ui-informed/src/controls/select/Select.tsx @@ -1,7 +1,7 @@ -import { Select } from '@utima/ui'; +import { Select as SelectUI } from '@utima/ui'; import type { ComponentProps } from 'react'; -import { FormControl } from './formControl/FormControl'; +import { FormControl } from '../../formControl/FormControl'; type SelectControlProps = Omit, 'render'>; @@ -10,7 +10,7 @@ type SelectControlProps = Omit, 'render'>; * `FormControl` component, which provides the necessary props for Informed to * work along with label and error message handling. */ -export function SelectControl({ +export function Select({ type = 'text', children, ...restProps @@ -23,7 +23,7 @@ export function SelectControl({ const { type, disabled, readOnly, ...restProps } = userProps; return ( - + ); }} /> diff --git a/packages/ui-informed/src/controls/TextAreaControl.stories.tsx b/packages/ui-informed/src/controls/textArea/TextArea.stories.tsx similarity index 70% rename from packages/ui-informed/src/controls/TextAreaControl.stories.tsx rename to packages/ui-informed/src/controls/textArea/TextArea.stories.tsx index 5331ce9..a67c47f 100644 --- a/packages/ui-informed/src/controls/TextAreaControl.stories.tsx +++ b/packages/ui-informed/src/controls/textArea/TextArea.stories.tsx @@ -1,10 +1,10 @@ import type { Meta, StoryObj } from '@storybook/react'; -import { TextAreaControl } from './TextAreaControl'; -import { Form } from '..'; +import { TextArea } from './TextArea'; +import { Form } from '../..'; -const meta: Meta = { - component: TextAreaControl, +const meta: Meta = { + component: TextArea, tags: ['autodocs'], title: 'Controls/TextAreaControl', args: { @@ -26,7 +26,7 @@ const meta: Meta = { export default meta; -type Story = StoryObj; +type Story = StoryObj; export const Basic: Story = { args: {}, diff --git a/packages/ui-informed/src/controls/TextAreaControl.tsx b/packages/ui-informed/src/controls/textArea/TextArea.tsx similarity index 77% rename from packages/ui-informed/src/controls/TextAreaControl.tsx rename to packages/ui-informed/src/controls/textArea/TextArea.tsx index 52228f9..484fb7c 100644 --- a/packages/ui-informed/src/controls/TextAreaControl.tsx +++ b/packages/ui-informed/src/controls/textArea/TextArea.tsx @@ -1,7 +1,7 @@ -import { TextArea } from '@utima/ui'; +import { TextArea as TextAreaUI } from '@utima/ui'; import type { ComponentProps } from 'react'; -import { FormControl } from './formControl/FormControl'; +import { FormControl } from '../../formControl/FormControl'; export type TextAreaControlProps = Omit< ComponentProps, @@ -13,16 +13,13 @@ export type TextAreaControlProps = Omit< * `FormControl` component, which provides the necessary props for Informed to * work along with label and error message handling. */ -export function TextAreaControl({ - rows = 4, - ...restProps -}: TextAreaControlProps) { +export function TextArea({ rows = 4, ...restProps }: TextAreaControlProps) { return ( ( -