feat(ui-drilldown): make Drilldown.Page handle optional Options

[ToMESSKa]

INSTUI-4688

ISSUE:

• including an optional Option (e.g.: {someBool && renderAnOption()}) as child of DrillDown.Page now result in type error

TEST PLAN:

• open the brach locally
• create the file with the code below in your InstUI codebase
• {someBool && renderAnOption()}) or {someBool ? renderAnOption() : null} should not get a TypeScipt type error in your IDE

import React from 'react'
import Drilldown from '.'
import { createRoot } from 'react-dom/client'

const Example = () => {
  const [someBool] = React.useState(true)

  const renderAnOption = () => (
    <Drilldown.Option id="conditionalOption">
      Conditional Option
    </Drilldown.Option>
  )

  return (
    <Drilldown rootPageId="root" width="20rem" maxHeight="30rem">
      <Drilldown.Page id="root">
        <Drilldown.Option id="option1">Option</Drilldown.Option>
        <Drilldown.Option id="option2">
        </Drilldown.Option >
        {someBool && renderAnOption()}


        <Drilldown.Option id="option3">Option</Drilldown.Option>
        <Drilldown.Option id="option4" disabled>
          Option
        </Drilldown.Option>
      </Drilldown.Page>
    </Drilldown>
  )
}

const container = document.getElementById('app');
if (container) {
  const root = createRoot(container);
  root.render(<Example />);
}

[github-actions]

PR Preview Action v1.6.2
Preview removed because the pull request was closed.
2025-10-01 09:59 UTC

[matyasf]

looks good