diff --git a/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.scss b/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.scss index b193cc67..047ce641 100644 --- a/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.scss +++ b/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.scss @@ -17,6 +17,14 @@ } } } + + &_inline-table-item { + & > .#{$ns}use-search { + width: auto; + min-width: 0; + flex: 1 1 0; + } + } } &__delimiter { diff --git a/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.tsx b/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.tsx index 3f547735..e03e65cd 100644 --- a/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.tsx +++ b/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.tsx @@ -84,9 +84,17 @@ export const ObjectBase: React.FC = ({ const orderProperties = spec.viewSpec.order?.length ? spec.viewSpec.order : Object.keys(specProperties); + const hasTableItemLayout = orderProperties.some( + (property) => specProperties[property]?.viewSpec?.layout === 'table_item', + ); return ( -
+
{orderProperties.map((property: string) => specProperties[property] ? ( diff --git a/src/lib/kit/components/Layouts/Transparent/Transparent.scss b/src/lib/kit/components/Layouts/Transparent/Transparent.scss index ccce8687..72d0f5f8 100644 --- a/src/lib/kit/components/Layouts/Transparent/Transparent.scss +++ b/src/lib/kit/components/Layouts/Transparent/Transparent.scss @@ -14,9 +14,10 @@ &_without-max-width { max-width: unset; + width: 100%; & > .#{$ns}error-wrapper { - width: var(--df-transparent-error-wrapper-width, auto); + width: var(--df-transparent-error-wrapper-width, 100%); } } diff --git a/src/lib/kit/components/Layouts/Transparent/Transparent.tsx b/src/lib/kit/components/Layouts/Transparent/Transparent.tsx index cdcbf438..78fe2236 100644 --- a/src/lib/kit/components/Layouts/Transparent/Transparent.tsx +++ b/src/lib/kit/components/Layouts/Transparent/Transparent.tsx @@ -22,6 +22,7 @@ export const Transparent = ({ const arrayItem = React.useMemo(() => isArrayItem(name), [name]); const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]); const arrOrObjFlag = React.useMemo(() => isArraySpec(spec) || isObjectSpec(spec), [spec]); + const tableItemLayout = spec.viewSpec.layout === 'table_item'; const removeButton = React.useMemo(() => { if (arrayItem) { @@ -43,7 +44,7 @@ export const Transparent = ({ return (