feat: pass property.custom to all edit renderers

It allow now to define let say placeholder or set borderless

fixes #258

.cspell.json

@@ -7,7 +7,8 @@
         "codecov", "bulma", "unmount", "testid", "woff", "iife", "sourcemap", "Roboto",
         "camelize", "datepicker", "camelcase", "fullwidth", "wysiwig", "Helvetica", "Neue",
         "Arial", "nowrap", "textfield", "scrollable", "flexbox", "treal", "xxxl",
-        "adminbro", "Checkmark", "overridable", "Postgres", "Hana", "Wojtek", "Krysiak", "bigint"
+        "adminbro", "Checkmark", "overridable", "Postgres", "Hana", "Wojtek", "Krysiak", "bigint",
+        "borderless"
     ],
     "ignorePaths": [
         "src/frontend/assets/**/*"

src/frontend/components/property-type/boolean/edit.tsx

@@ -25,6 +25,7 @@ const Edit: React.FC<EditPropertyProps> = (props) => {
         onChange={handleChange}
         checked={value}
         disabled={property.isDisabled}
+        {...property.custom}
       />
       <Label
         inline

src/frontend/components/property-type/default-type/edit.tsx

@@ -42,6 +42,7 @@ const SelectEdit: FC<CombinedProps> = (props) => {
       options={property.availableValues}
       onChange={s => onChange(property.name, s?.value ?? '')}
       isDisabled={property.isDisabled}
+      {...property.custom}
     />
   )
 }
@@ -67,6 +68,7 @@ const TextEdit: FC<CombinedProps> = (props) => {
       onKeyDown={e => e.keyCode === 13 && onChange(property.name, value)}
       value={value}
       disabled={property.isDisabled}
+      {...property.custom}
     />
   )
 }

src/frontend/components/property-type/password/edit.tsx

@@ -37,6 +37,7 @@ const Edit: React.FC<EditPropertyProps> = (props) => {
           onKeyDown={e => e.keyCode === 13 && onChange(property.name, value)}
           value={value ?? ''}
           disabled={property.isDisabled}
+          {...property.custom}
         />
         <Button
           variant={isInput ? 'primary' : 'text'}

src/frontend/components/property-type/reference/edit.tsx

@@ -90,6 +90,7 @@ const Edit: FC<CombinedProps> = (props) => {
         isClearable
         isDisabled={property.isDisabled}
         isLoading={loadingRecord}
+        {...property.custom}
       />
       <FormMessage>{error?.message}</FormMessage>
     </FormGroup>

src/frontend/components/property-type/richtext/edit.tsx

@@ -14,6 +14,10 @@ import {
 import { EditPropertyProps } from '../base-property-props'
 import { recordPropertyIsEqual } from '../record-property-is-equal'
 
+type CustomType = {
+  borderless?: boolean;
+  quill?: QuillOptions;
+}
 
 const Edit: FC<EditPropertyProps> = (props) => {
   const { property, record, onChange } = props
@@ -22,7 +26,7 @@ const Edit: FC<EditPropertyProps> = (props) => {
 
   const { custom } = property
 
-  const quill = custom as QuillOptions || {}
+  const { quill = {}, ...customProps } = custom as CustomType || {}
   quill.theme = quill.theme || 'snow'
   quill.modules = {
     toolbar: DefaultQuillToolbarOptions,
@@ -38,6 +42,7 @@ const Edit: FC<EditPropertyProps> = (props) => {
         {property.label}
       </Label>
       <RichText
+        {...customProps}
         value={value}
         onChange={content => onChange(property.name, content)}
         quill={quill}

src/frontend/components/property-type/textarea/edit.tsx

@@ -34,6 +34,7 @@ const Edit: FC<EditPropertyProps> = (props) => {
         onBlur={() => onChange(property.name, value)}
         value={value}
         disabled={property.isDisabled}
+        {...property.custom}
       />
       <FormMessage>{error && error.message}</FormMessage>
     </FormGroup>