Controls: Rework conditional controls with globals, queries

[shilman]

Issue: #11984

What I did

Redid #17536 to include globals, query objects based on community feedback in #11984

Here's the new version:

argTypes: {
  field1: { if: { arg: 'foo' } }, // truthy: true
  field1: { if: { arg: 'foo', truthy: true } },
  field1: { if: { arg: 'foo', truthy: false } },
  field3: { if: { arg: 'foo', exists: true } },
  field3: { if: { arg: 'foo', exists: false } },
  field4: { if: { arg: 'foo', eq: 'bar' } },
  field5: { if: { arg: 'foo', neq: 'bar' } },
  field6: { if: { global: 'theme', eq: 'dark' } },
  field7: { if: { arg: 'foo', global: 'foo' } }, // => ERROR
  field8: { if: { } }, // => ERROR
  field8: { if: { arg: 'foo', eq: 'foo', exists: true } }, // => ERROR
}

The query object must contain either an arg or global target:

field	type	meaning
arg	string	The ID of the arg to test.
global	string	The ID of the global to test.

It may also contain at most one of the following operators:

operator	type	meaning
truthy	boolean	Is the target value truthy?
exists	boolean	Is the target value defined?
eq	any	Is the target value equal to the provided value?
neq	any	Is the target value NOT equal to the provided value?

If no operator is provided, that is equivalent to { truthy: true }.

How to test

See updated stories. Most of the tests are in the CSF PR ComponentDriven/csf#36

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 5dee035. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx run-many --target=prepare --all --parallel --max-parallel=15 -- --optimized

---

Sent with 💌 from NxCloud.

[tmeasday]

LGTM

[localjo]

Is there any support for operators like gte or lte? I need to conditionally include/exclude controls based on whether a number is greater than or equal to a certain value.

[shilman]

@localjo Not yet! Wanted to keep it simple to start out. Want to create an issue?