docs(PhoneNumber): remove unsupported props (#2894)

This way we can simply list props that are not supported for various
reasons:

```mdx
<DataValueReadwriteProperties
  type="string"
  omit={[
    'layout',
    'label',
    'labelDescription',
    'labelSecondary',
    'emptyValue',
  ]}
/>
```

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/data-value-readwrite-properties.mdx

@@ -1,5 +1,9 @@
+import { OmitTableProperties } from 'dnb-design-system-portal/src/shared/tags/Table'
+
 ### Standard data value component props
 
+<OmitTableProperties>
+
 | Property               | Type                        | Description                                                                                                                                                                                                                                                                    |
 | ---------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `className`            | `string`                    | _(optional)_ Outer DOM element class name.                                                                                                                                                                                                                                     |
@@ -27,3 +31,10 @@
 | `onBlurValidator`      | `function`                  | _(optional)_ Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.                                                                                                 |
 | `toInput`              | `function`                  | _(optional)_ Derivate called when the received / active value is sent to the input. Can be used for casting, changing syntax etc.                                                                                                                                              |
 | `fromInput`            | `function`                  | _(optional)_ Derivate called when changes is made by the user, to cast or change syntax back to the original (opposite of `toInput`).                                                                                                                                          |
+
+</OmitTableProperties>
+
+export default function Layout({ omit = null, children }) {
+  globalThis.omitTableProperties = omit
+  return <>{children}</>
+}

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/properties.mdx

@@ -19,4 +19,13 @@ import DataValueReadwriteProperties from '../../data-value-readwrite-properties.
 | `width`                                 | `string` or `false` | _(optional)_ `large` for predefined standard width, `stretch` for fill available width.                     |
 | [Space](/uilib/layout/space/properties) | Various             | _(optional)_ Spacing properties like `top` or `bottom` are supported.                                       |
 
-<DataValueReadwriteProperties type="string" />
+<DataValueReadwriteProperties
+  type="string"
+  omit={[
+    'layout',
+    'label',
+    'labelDescription',
+    'labelSecondary',
+    'emptyValue',
+  ]}
+/>

packages/dnb-design-system-portal/src/shared/tags/Table.tsx

@@ -14,6 +14,27 @@ const StyledTable = styled(TableElement)`
   }
 `
 
+export function OmitTableProperties({ children, ...rest }) {
+  const omitProperties = globalThis.omitTableProperties || []
+
+  return recursiveMap(children, (child: React.ReactElement) => {
+    if (child.type === 'tr') {
+      const firstTd = getFirstChild(child)
+
+      if (firstTd.type === 'td') {
+        const tdContent = getFirstChild(firstTd)
+        const name = getFirstChild(tdContent)
+
+        if (omitProperties.includes(name)) {
+          return null
+        }
+      }
+    }
+
+    return child
+  })
+}
+
 export default function Table({ children }) {
   // make sure we get the table children
   children =
@@ -56,6 +77,10 @@ export default function Table({ children }) {
   )
 }
 
+function getFirstChild(children: ChildrenWithChildren) {
+  return children.props.children.at(0)
+}
+
 function getChildren(children: ChildrenWithChildren) {
   return recursiveMap(children.props.children, (child) => child)
 }