diff --git a/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.scss b/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.scss new file mode 100644 index 00000000..106b008e --- /dev/null +++ b/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.scss @@ -0,0 +1,19 @@ +@import '../../../styles/variables.scss'; + +.#{$ns}object-base { + &__content { + &_inline { + display: flex; + + & > .#{$ns}use-search { + width: 150px; + margin-bottom: 0; + margin-right: 8px; + + &:last-child { + margin-right: 0; + } + } + } + } +} diff --git a/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.tsx b/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.tsx index 3f0d6a83..24349249 100644 --- a/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.tsx +++ b/src/lib/kit/components/Inputs/ObjectBase/ObjectBase.tsx @@ -9,13 +9,28 @@ import { FieldObjectValue, FieldValue, ObjectIndependentInput, + ObjectIndependentInputProps, ObjectValue, - Spec, ValidateError, transformArrIn, } from '../../../../core'; +import {block, filterPropertiesForObjectInline} from '../../../utils'; -export const ObjectBase: ObjectIndependentInput = ({spec, name, Layout, ...restProps}) => { +import './ObjectBase.scss'; + +const b = block('object-base'); + +export interface ObjectBaseProps extends ObjectIndependentInputProps { + inline?: boolean; +} + +export const ObjectBase: React.FC = ({ + inline, + spec, + name, + Layout, + ...restProps +}) => { const addBtn = React.useMemo( () => (