From 58b7fb1e0076c4480657e4f5401864c519f39b0b Mon Sep 17 00:00:00 2001 From: janechu <7559015+janechu@users.noreply.github.com> Date: Tue, 2 Jan 2024 09:58:58 -0800 Subject: [PATCH 1/2] Update type controls to be in a separate folder --- ...tton-snapshot-default-1-firefox-darwin.png | Bin 26878 -> 0 bytes ...ton-snapshot-disabled-1-firefox-darwin.png | Bin 25988 -> 0 bytes .../array-snapshot-base-1-firefox-darwin.png | Bin ...rray-snapshot-default-1-firefox-darwin.png | Bin ...ray-snapshot-disabled-1-firefox-darwin.png | Bin ...pshot-invalid-default-1-firefox-darwin.png | Bin ...ot-invalid-error-list-1-firefox-darwin.png | Bin ...apshot-invalid-inline-1-firefox-darwin.png | Bin .../button-snapshot-base-1-firefox-darwin.png | Bin ...ton-snapshot-disabled-1-firefox-darwin.png | Bin 0 -> 26367 bytes ...snapshot-invalid-blur-1-firefox-darwin.png | Bin ...pshot-invalid-default-1-firefox-darwin.png | Bin ...ot-invalid-error-list-1-firefox-darwin.png | Bin ...apshot-invalid-inline-1-firefox-darwin.png | Bin ...heckbox-snapshot-base-1-firefox-darwin.png | Bin ...kbox-snapshot-default-1-firefox-darwin.png | Bin ...box-snapshot-disabled-1-firefox-darwin.png | Bin ...snapshot-invalid-blur-1-firefox-darwin.png | Bin ...pshot-invalid-default-1-firefox-darwin.png | Bin ...ot-invalid-error-list-1-firefox-darwin.png | Bin ...apshot-invalid-inline-1-firefox-darwin.png | Bin ...display-snapshot-base-1-firefox-darwin.png | Bin ...play-snapshot-default-1-firefox-darwin.png | Bin ...lay-snapshot-disabled-1-firefox-darwin.png | Bin ...snapshot-invalid-blur-1-firefox-darwin.png | Bin ...pshot-invalid-default-1-firefox-darwin.png | Bin ...ot-invalid-error-list-1-firefox-darwin.png | Bin ...apshot-invalid-inline-1-firefox-darwin.png | Bin ...erField-snapshot-base-1-firefox-darwin.png | Bin ...ield-snapshot-default-1-firefox-darwin.png | Bin ...eld-snapshot-disabled-1-firefox-darwin.png | Bin ...snapshot-invalid-blur-1-firefox-darwin.png | Bin ...pshot-invalid-default-1-firefox-darwin.png | Bin ...ot-invalid-error-list-1-firefox-darwin.png | Bin ...apshot-invalid-inline-1-firefox-darwin.png | Bin ...ionLink-snapshot-base-1-firefox-darwin.png | Bin ...Link-snapshot-default-1-firefox-darwin.png | Bin ...ink-snapshot-disabled-1-firefox-darwin.png | Bin ...pshot-invalid-default-1-firefox-darwin.png | Bin ...ot-invalid-error-list-1-firefox-darwin.png | Bin ...apshot-invalid-inline-1-firefox-darwin.png | Bin ...ction-snapshot-one-of-1-firefox-darwin.png | Bin .../select-snapshot-base-1-firefox-darwin.png | Bin ...lect-snapshot-default-1-firefox-darwin.png | Bin ...ect-snapshot-disabled-1-firefox-darwin.png | Bin ...snapshot-invalid-blur-1-firefox-darwin.png | Bin ...pshot-invalid-default-1-firefox-darwin.png | Bin ...ot-invalid-error-list-1-firefox-darwin.png | Bin ...apshot-invalid-inline-1-firefox-darwin.png | Bin ...extarea-snapshot-base-1-firefox-darwin.png | Bin ...area-snapshot-default-1-firefox-darwin.png | Bin ...rea-snapshot-disabled-1-firefox-darwin.png | Bin ...snapshot-invalid-blur-1-firefox-darwin.png | Bin ...pshot-invalid-default-1-firefox-darwin.png | Bin ...ot-invalid-error-list-1-firefox-darwin.png | Bin ...apshot-invalid-inline-1-firefox-darwin.png | Bin .../src/form/controls/index.ts | 24 +----------------- .../{ => type}/control.array.props.ts | 2 +- .../control.array.spec.pw.snapshot.ts | 0 .../{ => type}/control.array.spec.pw.ts | 0 .../{ => type}/control.array.style.css | 0 .../controls/{ => type}/control.array.tsx | 8 +++--- .../{ => type}/control.button.props.ts | 2 +- .../control.button.spec.pw.snapshot.ts | 0 .../{ => type}/control.button.spec.pw.ts | 0 .../{ => type}/control.button.style.css | 0 .../controls/{ => type}/control.button.tsx | 2 +- .../{ => type}/control.checkbox.props.ts | 2 +- .../control.checkbox.spec.pw.snapshot.ts | 0 .../{ => type}/control.checkbox.spec.pw.ts | 0 .../{ => type}/control.checkbox.style.css | 0 .../controls/{ => type}/control.checkbox.tsx | 2 +- .../{ => type}/control.display.props.ts | 2 +- .../control.display.spec.pw.snapshot.ts | 0 .../{ => type}/control.display.spec.pw.ts | 0 .../{ => type}/control.display.style.css | 0 .../controls/{ => type}/control.display.tsx | 2 +- .../{ => type}/control.linked-data.props.ts | 2 +- .../{ => type}/control.linked-data.spec.tsx | 0 .../{ => type}/control.linked-data.style.css | 0 .../{ => type}/control.linked-data.tsx | 4 +-- .../{ => type}/control.number-field.props.ts | 2 +- .../control.number-field.spec.pw.snapshot.ts | 0 .../control.number-field.spec.pw.ts | 0 .../{ => type}/control.number-field.style.css | 0 .../{ => type}/control.number-field.tsx | 4 +-- .../{ => type}/control.section-link.props.ts | 2 +- .../control.section-link.spec.pw.snapshot.ts | 0 .../control.section-link.spec.pw.ts | 0 .../{ => type}/control.section-link.style.css | 0 .../{ => type}/control.section-link.tsx | 2 +- .../{ => type}/control.section.props.ts | 4 +-- .../control.section.spec.pw.snapshot.ts | 0 .../{ => type}/control.section.spec.pw.ts | 0 .../{ => type}/control.section.style.css | 0 .../controls/{ => type}/control.section.tsx | 12 ++++----- .../{ => type}/control.select.props.ts | 2 +- .../control.select.spec.pw.snapshot.ts | 0 .../{ => type}/control.select.spec.pw.ts | 0 .../{ => type}/control.select.style.css | 0 .../controls/{ => type}/control.select.tsx | 2 +- .../{ => type}/control.textarea.props.ts | 2 +- .../control.textarea.spec.pw.snapshot.ts | 0 .../{ => type}/control.textarea.spec.pw.ts | 0 .../{ => type}/control.textarea.style.css | 0 .../controls/{ => type}/control.textarea.tsx | 2 +- .../src/form/controls/type/index.ts | 23 +++++++++++++++++ 107 files changed, 55 insertions(+), 54 deletions(-) delete mode 100644 packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-default-1-firefox-darwin.png delete mode 100644 packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-disabled-1-firefox-darwin.png rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-base-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-disabled-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-error-list-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-inline-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-base-1-firefox-darwin.png (100%) create mode 100644 packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-disabled-1-firefox-darwin.png rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-blur-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-error-list-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-inline-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-base-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-disabled-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-blur-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-error-list-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-inline-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-base-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-disabled-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-blur-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-error-list-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-inline-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-base-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-disabled-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-blur-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-error-list-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-inline-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-base-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-disabled-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-error-list-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-inline-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.section.spec.pw.snapshot.ts-snapshots/section-snapshot-one-of-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-base-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-disabled-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-blur-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-error-list-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-inline-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-base-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-disabled-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-blur-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-default-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-error-list-1-firefox-darwin.png (100%) rename packages/design-to-code-react/snapshots/form/controls/{ => type}/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-inline-1-firefox-darwin.png (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.array.props.ts (59%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.array.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.array.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.array.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.array.tsx (97%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.button.props.ts (50%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.button.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.button.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.button.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.button.tsx (98%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.checkbox.props.ts (50%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.checkbox.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.checkbox.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.checkbox.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.checkbox.tsx (97%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.display.props.ts (50%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.display.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.display.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.display.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.display.tsx (98%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.linked-data.props.ts (78%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.linked-data.spec.tsx (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.linked-data.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.linked-data.tsx (98%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.number-field.props.ts (51%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.number-field.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.number-field.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.number-field.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.number-field.tsx (97%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section-link.props.ts (52%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section-link.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section-link.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section-link.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section-link.tsx (96%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section.props.ts (95%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.section.tsx (98%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.select.props.ts (62%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.select.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.select.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.select.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.select.tsx (98%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.textarea.props.ts (50%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.textarea.spec.pw.snapshot.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.textarea.spec.pw.ts (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.textarea.style.css (100%) rename packages/design-to-code-react/src/form/controls/{ => type}/control.textarea.tsx (97%) create mode 100644 packages/design-to-code-react/src/form/controls/type/index.ts diff --git a/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-default-1-firefox-darwin.png deleted file mode 100644 index 0c1b1d4aa30a0edb9fea99b6d2e008583b67eaeb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 26878 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 diff --git a/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-disabled-1-firefox-darwin.png deleted file mode 100644 index 99efc2ccd1fdc52e48d36983eb4f6a75aee24885..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 25988 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 diff --git a/packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-base-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-base-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-base-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-base-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-disabled-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-disabled-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-disabled-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-error-list-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-error-list-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-error-list-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-error-list-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-inline-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-inline-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-inline-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.array.spec.pw.snapshot.ts-snapshots/array-snapshot-invalid-inline-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-base-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-base-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-base-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-base-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-disabled-1-firefox-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..559e9701d712970019dc65f480162cc3dc26c30c GIT binary patch literal 26367 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

g-f37+rZNuZS2{ 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 literal 0 HcmV?d00001 diff --git a/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-blur-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-blur-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-blur-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-blur-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-error-list-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-error-list-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-error-list-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-error-list-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-inline-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-inline-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-inline-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.button.spec.pw.snapshot.ts-snapshots/button-snapshot-invalid-inline-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-base-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-base-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-base-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-base-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-disabled-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-disabled-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-disabled-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-blur-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-blur-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-blur-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-blur-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-error-list-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-error-list-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-error-list-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-error-list-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-inline-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-inline-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-inline-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.checkbox.spec.pw.snapshot.ts-snapshots/checkbox-snapshot-invalid-inline-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-base-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-base-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-base-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-base-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-disabled-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-disabled-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-disabled-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-blur-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-blur-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-blur-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-blur-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-error-list-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-error-list-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-error-list-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-error-list-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-inline-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-inline-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-inline-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.display.spec.pw.snapshot.ts-snapshots/display-snapshot-invalid-inline-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-base-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-base-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-base-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-base-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-disabled-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-disabled-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-disabled-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-blur-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-blur-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-blur-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-blur-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-error-list-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-error-list-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-error-list-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-error-list-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-inline-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-inline-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-inline-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.number-field.spec.pw.snapshot.ts-snapshots/numberField-snapshot-invalid-inline-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-base-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-base-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-base-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-base-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-disabled-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-disabled-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-disabled-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-error-list-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-error-list-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-error-list-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-error-list-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-inline-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-inline-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-inline-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.section-link.spec.pw.snapshot.ts-snapshots/sectionLink-snapshot-invalid-inline-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.section.spec.pw.snapshot.ts-snapshots/section-snapshot-one-of-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.section.spec.pw.snapshot.ts-snapshots/section-snapshot-one-of-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.section.spec.pw.snapshot.ts-snapshots/section-snapshot-one-of-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.section.spec.pw.snapshot.ts-snapshots/section-snapshot-one-of-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-base-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-base-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-base-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-base-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-disabled-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-disabled-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-disabled-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-blur-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-blur-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-blur-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-blur-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-error-list-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-error-list-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-error-list-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-error-list-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-inline-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-inline-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-inline-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.select.spec.pw.snapshot.ts-snapshots/select-snapshot-invalid-inline-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-base-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-base-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-base-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-base-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-disabled-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-disabled-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-disabled-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-disabled-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-blur-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-blur-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-blur-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-blur-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-default-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-default-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-default-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-default-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-error-list-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-error-list-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-error-list-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-error-list-1-firefox-darwin.png diff --git a/packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-inline-1-firefox-darwin.png b/packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-inline-1-firefox-darwin.png similarity index 100% rename from packages/design-to-code-react/snapshots/form/controls/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-inline-1-firefox-darwin.png rename to packages/design-to-code-react/snapshots/form/controls/type/control.textarea.spec.pw.snapshot.ts-snapshots/textarea-snapshot-invalid-inline-1-firefox-darwin.png diff --git a/packages/design-to-code-react/src/form/controls/index.ts b/packages/design-to-code-react/src/form/controls/index.ts index e9e94aa5..f58b8228 100644 --- a/packages/design-to-code-react/src/form/controls/index.ts +++ b/packages/design-to-code-react/src/form/controls/index.ts @@ -1,24 +1,2 @@ -import ArrayControl from "./control.array"; -import ButtonControl from "./control.button"; -import CheckboxControl from "./control.checkbox"; -import DisplayControl from "./control.display"; -import NumberFieldControl from "./control.number-field"; -import SectionControl from "./control.section"; -import SectionLinkControl from "./control.section-link"; -import SelectControl from "./control.select"; -import TextareaControl from "./control.textarea"; -import LinkedDataControl from "./control.linked-data"; - -export { - ArrayControl, - ButtonControl, - CheckboxControl, - DisplayControl, - LinkedDataControl, - NumberFieldControl, - SectionControl, - SectionLinkControl, - SelectControl, - TextareaControl, -}; +export * from "./type"; export * from "./format"; diff --git a/packages/design-to-code-react/src/form/controls/control.array.props.ts b/packages/design-to-code-react/src/form/controls/type/control.array.props.ts similarity index 59% rename from packages/design-to-code-react/src/form/controls/control.array.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.array.props.ts index 7169ba5f..361d8994 100644 --- a/packages/design-to-code-react/src/form/controls/control.array.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.array.props.ts @@ -1,4 +1,4 @@ -import { ArrayControlConfig, DragState } from "../templates"; +import { ArrayControlConfig, DragState } from "../../templates"; export type ArrayControlProps = ArrayControlConfig; diff --git a/packages/design-to-code-react/src/form/controls/control.array.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.array.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.array.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.array.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.array.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.array.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.array.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.array.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.array.style.css b/packages/design-to-code-react/src/form/controls/type/control.array.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.array.style.css rename to packages/design-to-code-react/src/form/controls/type/control.array.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.array.tsx b/packages/design-to-code-react/src/form/controls/type/control.array.tsx similarity index 97% rename from packages/design-to-code-react/src/form/controls/control.array.tsx rename to packages/design-to-code-react/src/form/controls/type/control.array.tsx index 8f32a5ad..1c71bb72 100644 --- a/packages/design-to-code-react/src/form/controls/control.array.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.array.tsx @@ -1,9 +1,9 @@ import { uniqueId } from "lodash-es"; import React, { useState } from "react"; -import { getArrayLinks, isRootLocation } from "./utilities/form"; -import { ArrayControlProps, ArrayControlState } from "./control.array.props"; -import { DragItem, ItemType } from "../templates"; -import { ArrayAction } from "../templates/types"; +import { getArrayLinks } from "../utilities/form"; +import { ArrayControlProps } from "./control.array.props"; +import { DragItem, ItemType } from "../../templates"; +import { ArrayAction } from "../../templates/types"; import { classNames } from "@microsoft/fast-web-utilities"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import addItemStyle from "design-to-code/dist/stylesheets/web-components/style/common.add-item.css"; diff --git a/packages/design-to-code-react/src/form/controls/control.button.props.ts b/packages/design-to-code-react/src/form/controls/type/control.button.props.ts similarity index 50% rename from packages/design-to-code-react/src/form/controls/control.button.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.button.props.ts index e67f73b7..eb6e76b9 100644 --- a/packages/design-to-code-react/src/form/controls/control.button.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.button.props.ts @@ -1,3 +1,3 @@ -import { CommonControlConfig } from "../templates"; +import { CommonControlConfig } from "../../templates"; export type ButtonControlProps = CommonControlConfig; diff --git a/packages/design-to-code-react/src/form/controls/control.button.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.button.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.button.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.button.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.button.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.button.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.button.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.button.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.button.style.css b/packages/design-to-code-react/src/form/controls/type/control.button.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.button.style.css rename to packages/design-to-code-react/src/form/controls/type/control.button.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.button.tsx b/packages/design-to-code-react/src/form/controls/type/control.button.tsx similarity index 98% rename from packages/design-to-code-react/src/form/controls/control.button.tsx rename to packages/design-to-code-react/src/form/controls/type/control.button.tsx index 6ee0bb35..c4aa2fae 100644 --- a/packages/design-to-code-react/src/form/controls/control.button.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.button.tsx @@ -1,7 +1,7 @@ import React from "react"; import { ButtonControlProps } from "./control.button.props"; import { classNames } from "@microsoft/fast-web-utilities"; -import { isDefault } from "./utilities/form"; +import { isDefault } from "../utilities/form"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import inputStyle from "design-to-code/dist/stylesheets/web-components/style/common.input.css"; import defaultFontStyle from "design-to-code/dist/stylesheets/web-components/style/common.default-font.css"; diff --git a/packages/design-to-code-react/src/form/controls/control.checkbox.props.ts b/packages/design-to-code-react/src/form/controls/type/control.checkbox.props.ts similarity index 50% rename from packages/design-to-code-react/src/form/controls/control.checkbox.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.checkbox.props.ts index af46a110..541da3ca 100644 --- a/packages/design-to-code-react/src/form/controls/control.checkbox.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.checkbox.props.ts @@ -1,3 +1,3 @@ -import { CommonControlConfig } from "../templates"; +import { CommonControlConfig } from "../../templates"; export type CheckboxControlProps = CommonControlConfig; diff --git a/packages/design-to-code-react/src/form/controls/control.checkbox.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.checkbox.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.checkbox.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.checkbox.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.checkbox.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.checkbox.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.checkbox.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.checkbox.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.checkbox.style.css b/packages/design-to-code-react/src/form/controls/type/control.checkbox.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.checkbox.style.css rename to packages/design-to-code-react/src/form/controls/type/control.checkbox.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.checkbox.tsx b/packages/design-to-code-react/src/form/controls/type/control.checkbox.tsx similarity index 97% rename from packages/design-to-code-react/src/form/controls/control.checkbox.tsx rename to packages/design-to-code-react/src/form/controls/type/control.checkbox.tsx index 059dbba2..3c064986 100644 --- a/packages/design-to-code-react/src/form/controls/control.checkbox.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.checkbox.tsx @@ -1,7 +1,7 @@ import React from "react"; import { CheckboxControlProps } from "./control.checkbox.props"; import { classNames } from "@microsoft/fast-web-utilities"; -import { isDefault } from "./utilities/form"; +import { isDefault } from "../utilities/form"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import style from "./control.checkbox.style.css"; diff --git a/packages/design-to-code-react/src/form/controls/control.display.props.ts b/packages/design-to-code-react/src/form/controls/type/control.display.props.ts similarity index 50% rename from packages/design-to-code-react/src/form/controls/control.display.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.display.props.ts index a27d05b5..ad811e60 100644 --- a/packages/design-to-code-react/src/form/controls/control.display.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.display.props.ts @@ -1,3 +1,3 @@ -import { CommonControlConfig } from "../templates"; +import { CommonControlConfig } from "../../templates"; export type DisplayControlProps = CommonControlConfig; diff --git a/packages/design-to-code-react/src/form/controls/control.display.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.display.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.display.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.display.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.display.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.display.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.display.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.display.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.display.style.css b/packages/design-to-code-react/src/form/controls/type/control.display.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.display.style.css rename to packages/design-to-code-react/src/form/controls/type/control.display.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.display.tsx b/packages/design-to-code-react/src/form/controls/type/control.display.tsx similarity index 98% rename from packages/design-to-code-react/src/form/controls/control.display.tsx rename to packages/design-to-code-react/src/form/controls/type/control.display.tsx index 92e23100..0c834cc5 100644 --- a/packages/design-to-code-react/src/form/controls/control.display.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.display.tsx @@ -1,7 +1,7 @@ import React from "react"; import { DisplayControlProps } from "./control.display.props"; import { classNames } from "@microsoft/fast-web-utilities"; -import { isDefault } from "./utilities/form"; +import { isDefault } from "../utilities/form"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import inputStyle from "design-to-code/dist/stylesheets/web-components/style/common.input.css"; import defaultFontStyle from "design-to-code/dist/stylesheets/web-components/style/common.default-font.css"; diff --git a/packages/design-to-code-react/src/form/controls/control.linked-data.props.ts b/packages/design-to-code-react/src/form/controls/type/control.linked-data.props.ts similarity index 78% rename from packages/design-to-code-react/src/form/controls/control.linked-data.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.linked-data.props.ts index 832bdfd3..3fd38c3b 100644 --- a/packages/design-to-code-react/src/form/controls/control.linked-data.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.linked-data.props.ts @@ -1,4 +1,4 @@ -import { LinkedDataControlConfig } from "../templates"; +import { LinkedDataControlConfig } from "../../templates"; export interface ChildComponentDataMapping { [T: string]: any; diff --git a/packages/design-to-code-react/src/form/controls/control.linked-data.spec.tsx b/packages/design-to-code-react/src/form/controls/type/control.linked-data.spec.tsx similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.linked-data.spec.tsx rename to packages/design-to-code-react/src/form/controls/type/control.linked-data.spec.tsx diff --git a/packages/design-to-code-react/src/form/controls/control.linked-data.style.css b/packages/design-to-code-react/src/form/controls/type/control.linked-data.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.linked-data.style.css rename to packages/design-to-code-react/src/form/controls/type/control.linked-data.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.linked-data.tsx b/packages/design-to-code-react/src/form/controls/type/control.linked-data.tsx similarity index 98% rename from packages/design-to-code-react/src/form/controls/control.linked-data.tsx rename to packages/design-to-code-react/src/form/controls/type/control.linked-data.tsx index 184cb866..1cc60e85 100644 --- a/packages/design-to-code-react/src/form/controls/control.linked-data.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.linked-data.tsx @@ -1,8 +1,8 @@ import React, { useState } from "react"; import { keyEnter, keyTab } from "@microsoft/fast-web-utilities"; import { getDataFromSchema } from "design-to-code"; -import { DragItem, ItemType } from "../templates"; -import { ArrayAction, LinkedDataActionType } from "../templates/types"; +import { DragItem, ItemType } from "../../templates"; +import { ArrayAction, LinkedDataActionType } from "../../templates/types"; import { LinkedDataControlProps } from "./control.linked-data.props"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import cleanListStyle from "design-to-code/dist/stylesheets/web-components/style/common.clean-list.css"; diff --git a/packages/design-to-code-react/src/form/controls/control.number-field.props.ts b/packages/design-to-code-react/src/form/controls/type/control.number-field.props.ts similarity index 51% rename from packages/design-to-code-react/src/form/controls/control.number-field.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.number-field.props.ts index 574534fb..78c08e0b 100644 --- a/packages/design-to-code-react/src/form/controls/control.number-field.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.number-field.props.ts @@ -1,3 +1,3 @@ -import { NumberFieldTypeControlConfig } from "../templates"; +import { NumberFieldTypeControlConfig } from "../../templates"; export type NumberFieldControlProps = NumberFieldTypeControlConfig; diff --git a/packages/design-to-code-react/src/form/controls/control.number-field.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.number-field.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.number-field.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.number-field.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.number-field.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.number-field.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.number-field.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.number-field.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.number-field.style.css b/packages/design-to-code-react/src/form/controls/type/control.number-field.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.number-field.style.css rename to packages/design-to-code-react/src/form/controls/type/control.number-field.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.number-field.tsx b/packages/design-to-code-react/src/form/controls/type/control.number-field.tsx similarity index 97% rename from packages/design-to-code-react/src/form/controls/control.number-field.tsx rename to packages/design-to-code-react/src/form/controls/type/control.number-field.tsx index 5129015c..0abdb2b7 100644 --- a/packages/design-to-code-react/src/form/controls/control.number-field.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.number-field.tsx @@ -1,7 +1,7 @@ -import React, { useEffect, useRef } from "react"; +import React, { useEffect } from "react"; import { NumberFieldControlProps } from "./control.number-field.props"; import { classNames } from "@microsoft/fast-web-utilities"; -import { isDefault } from "./utilities/form"; +import { isDefault } from "../utilities/form"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import inputStyle from "design-to-code/dist/stylesheets/web-components/style/common.input.css"; import defaultFontStyle from "design-to-code/dist/stylesheets/web-components/style/common.default-font.css"; diff --git a/packages/design-to-code-react/src/form/controls/control.section-link.props.ts b/packages/design-to-code-react/src/form/controls/type/control.section-link.props.ts similarity index 52% rename from packages/design-to-code-react/src/form/controls/control.section-link.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.section-link.props.ts index 9038c7a1..5c42f52a 100644 --- a/packages/design-to-code-react/src/form/controls/control.section-link.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.section-link.props.ts @@ -1,3 +1,3 @@ -import { SectionLinkControlConfig } from "../templates"; +import { SectionLinkControlConfig } from "../../templates"; export type SectionLinkControlProps = SectionLinkControlConfig; diff --git a/packages/design-to-code-react/src/form/controls/control.section-link.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.section-link.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.section-link.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.section-link.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.section-link.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.section-link.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.section-link.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.section-link.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.section-link.style.css b/packages/design-to-code-react/src/form/controls/type/control.section-link.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.section-link.style.css rename to packages/design-to-code-react/src/form/controls/type/control.section-link.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.section-link.tsx b/packages/design-to-code-react/src/form/controls/type/control.section-link.tsx similarity index 96% rename from packages/design-to-code-react/src/form/controls/control.section-link.tsx rename to packages/design-to-code-react/src/form/controls/type/control.section-link.tsx index 53c8703d..5d41f913 100644 --- a/packages/design-to-code-react/src/form/controls/control.section-link.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.section-link.tsx @@ -1,7 +1,7 @@ import React from "react"; import { classNames, format } from "@microsoft/fast-web-utilities"; import { SectionLinkControlProps } from "./control.section-link.props"; -import { isDefault } from "./utilities/form"; +import { isDefault } from "../utilities/form"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import defaultFontStyle from "design-to-code/dist/stylesheets/web-components/style/common.default-font.css"; import dtcClassName from "design-to-code/dist/esm/web-components/style/class-names"; diff --git a/packages/design-to-code-react/src/form/controls/control.section.props.ts b/packages/design-to-code-react/src/form/controls/type/control.section.props.ts similarity index 95% rename from packages/design-to-code-react/src/form/controls/control.section.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.section.props.ts index a4c7bcb2..0d672c4a 100644 --- a/packages/design-to-code-react/src/form/controls/control.section.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.section.props.ts @@ -1,6 +1,6 @@ import { CombiningKeyword } from "design-to-code"; -import { FormStrings } from "../form.props"; -import { SectionControlConfig } from "../templates"; +import { FormStrings } from "../../form.props"; +import { SectionControlConfig } from "../../templates"; export interface InitialOneOfAnyOfState { /** diff --git a/packages/design-to-code-react/src/form/controls/control.section.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.section.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.section.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.section.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.section.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.section.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.section.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.section.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.section.style.css b/packages/design-to-code-react/src/form/controls/type/control.section.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.section.style.css rename to packages/design-to-code-react/src/form/controls/type/control.section.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.section.tsx b/packages/design-to-code-react/src/form/controls/type/control.section.tsx similarity index 98% rename from packages/design-to-code-react/src/form/controls/control.section.tsx rename to packages/design-to-code-react/src/form/controls/type/control.section.tsx index 4090aaba..a2ae2b0a 100644 --- a/packages/design-to-code-react/src/form/controls/control.section.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.section.tsx @@ -7,14 +7,14 @@ import { getOneOfAnyOfSelectOptions, getUpdatedCategories, updateControlSectionState, -} from "./utilities/form"; +} from "../utilities/form"; import React, { useEffect, useState } from "react"; -import { get, uniqueId } from "lodash-es"; +import { get } from "lodash-es"; import { CategoryState, SectionControlProps } from "./control.section.props"; -import SectionControlValidation from "./utilities/section.validation"; -import FormControlSwitch from "./utilities/control-switch"; -import FormOneOfAnyOf from "./utilities/section.one-of-any-of"; -import FormDictionary from "./utilities/dictionary"; +import SectionControlValidation from "../utilities/section.validation"; +import FormControlSwitch from "../utilities/control-switch"; +import FormOneOfAnyOf from "../utilities/section.one-of-any-of"; +import FormDictionary from "../utilities/dictionary"; import { classNames } from "@microsoft/fast-web-utilities"; import { CombiningKeyword, diff --git a/packages/design-to-code-react/src/form/controls/control.select.props.ts b/packages/design-to-code-react/src/form/controls/type/control.select.props.ts similarity index 62% rename from packages/design-to-code-react/src/form/controls/control.select.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.select.props.ts index d4940624..bb464640 100644 --- a/packages/design-to-code-react/src/form/controls/control.select.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.select.props.ts @@ -1,4 +1,4 @@ -import { ListControlConfig } from "../templates"; +import { ListControlConfig } from "../../templates"; /** * Select state interface diff --git a/packages/design-to-code-react/src/form/controls/control.select.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.select.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.select.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.select.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.select.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.select.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.select.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.select.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.select.style.css b/packages/design-to-code-react/src/form/controls/type/control.select.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.select.style.css rename to packages/design-to-code-react/src/form/controls/type/control.select.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.select.tsx b/packages/design-to-code-react/src/form/controls/type/control.select.tsx similarity index 98% rename from packages/design-to-code-react/src/form/controls/control.select.tsx rename to packages/design-to-code-react/src/form/controls/type/control.select.tsx index b9734d8b..f20c3ae0 100644 --- a/packages/design-to-code-react/src/form/controls/control.select.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.select.tsx @@ -1,7 +1,7 @@ import React from "react"; import { SelectControlProps } from "./control.select.props"; import { classNames } from "@microsoft/fast-web-utilities"; -import { isDefault } from "./utilities/form"; +import { isDefault } from "../utilities/form"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import selectSpanStyle from "design-to-code/dist/stylesheets/web-components/style/common.select-span.css"; import defaultFontStyle from "design-to-code/dist/stylesheets/web-components/style/common.default-font.css"; diff --git a/packages/design-to-code-react/src/form/controls/control.textarea.props.ts b/packages/design-to-code-react/src/form/controls/type/control.textarea.props.ts similarity index 50% rename from packages/design-to-code-react/src/form/controls/control.textarea.props.ts rename to packages/design-to-code-react/src/form/controls/type/control.textarea.props.ts index e53cc828..2edb49d4 100644 --- a/packages/design-to-code-react/src/form/controls/control.textarea.props.ts +++ b/packages/design-to-code-react/src/form/controls/type/control.textarea.props.ts @@ -1,3 +1,3 @@ -import { TextareaControlConfig } from "../templates"; +import { TextareaControlConfig } from "../../templates"; export type TextareaControlProps = TextareaControlConfig; diff --git a/packages/design-to-code-react/src/form/controls/control.textarea.spec.pw.snapshot.ts b/packages/design-to-code-react/src/form/controls/type/control.textarea.spec.pw.snapshot.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.textarea.spec.pw.snapshot.ts rename to packages/design-to-code-react/src/form/controls/type/control.textarea.spec.pw.snapshot.ts diff --git a/packages/design-to-code-react/src/form/controls/control.textarea.spec.pw.ts b/packages/design-to-code-react/src/form/controls/type/control.textarea.spec.pw.ts similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.textarea.spec.pw.ts rename to packages/design-to-code-react/src/form/controls/type/control.textarea.spec.pw.ts diff --git a/packages/design-to-code-react/src/form/controls/control.textarea.style.css b/packages/design-to-code-react/src/form/controls/type/control.textarea.style.css similarity index 100% rename from packages/design-to-code-react/src/form/controls/control.textarea.style.css rename to packages/design-to-code-react/src/form/controls/type/control.textarea.style.css diff --git a/packages/design-to-code-react/src/form/controls/control.textarea.tsx b/packages/design-to-code-react/src/form/controls/type/control.textarea.tsx similarity index 97% rename from packages/design-to-code-react/src/form/controls/control.textarea.tsx rename to packages/design-to-code-react/src/form/controls/type/control.textarea.tsx index 4483458d..851c08c6 100644 --- a/packages/design-to-code-react/src/form/controls/control.textarea.tsx +++ b/packages/design-to-code-react/src/form/controls/type/control.textarea.tsx @@ -1,7 +1,7 @@ import React, { useState } from "react"; import { TextareaControlProps } from "./control.textarea.props"; import { classNames } from "@microsoft/fast-web-utilities"; -import { isDefault } from "./utilities/form"; +import { isDefault } from "../utilities/form"; import cssVariables from "design-to-code/dist/stylesheets/web-components/style/global.css-variables.css"; import style from "./control.textarea.style.css"; diff --git a/packages/design-to-code-react/src/form/controls/type/index.ts b/packages/design-to-code-react/src/form/controls/type/index.ts new file mode 100644 index 00000000..67dd11be --- /dev/null +++ b/packages/design-to-code-react/src/form/controls/type/index.ts @@ -0,0 +1,23 @@ +import ArrayControl from "./control.array"; +import ButtonControl from "./control.button"; +import CheckboxControl from "./control.checkbox"; +import DisplayControl from "./control.display"; +import NumberFieldControl from "./control.number-field"; +import SectionControl from "./control.section"; +import SectionLinkControl from "./control.section-link"; +import SelectControl from "./control.select"; +import TextareaControl from "./control.textarea"; +import LinkedDataControl from "./control.linked-data"; + +export { + ArrayControl, + ButtonControl, + CheckboxControl, + DisplayControl, + LinkedDataControl, + NumberFieldControl, + SectionControl, + SectionLinkControl, + SelectControl, + TextareaControl, +}; From ab96ce5550f7f606a3bd67127f3843b0eeecb918 Mon Sep 17 00:00:00 2001 From: janechu <7559015+janechu@users.noreply.github.com> Date: Tue, 2 Jan 2024 10:04:26 -0800 Subject: [PATCH 2/2] Correct import --- .../__tests__/schemas/control.array.display-text.schema.ts | 2 +- .../src/form/controls/utilities/form.tsx | 6 ++---- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/design-to-code-react/src/__tests__/schemas/control.array.display-text.schema.ts b/packages/design-to-code-react/src/__tests__/schemas/control.array.display-text.schema.ts index 66c93b81..b3d0f236 100644 --- a/packages/design-to-code-react/src/__tests__/schemas/control.array.display-text.schema.ts +++ b/packages/design-to-code-react/src/__tests__/schemas/control.array.display-text.schema.ts @@ -1,4 +1,4 @@ -import { displayTextDataLocationKey } from "../../form/controls/control.array"; +import { displayTextDataLocationKey } from "../../form/controls/type/control.array"; export default { $schema: "http://json-schema.org/schema#", diff --git a/packages/design-to-code-react/src/form/controls/utilities/form.tsx b/packages/design-to-code-react/src/form/controls/utilities/form.tsx index 368349b2..5fe783df 100644 --- a/packages/design-to-code-react/src/form/controls/utilities/form.tsx +++ b/packages/design-to-code-react/src/form/controls/utilities/form.tsx @@ -8,14 +8,12 @@ import { CategoryState, SectionControlProps, SectionControlState, -} from "../control.section.props"; -import { cloneDeep, get, isEmpty, mergeWith, omit, set, unset } from "lodash-es"; +} from "../type/control.section.props"; +import { get, omit } from "lodash-es"; import { CombiningKeyword, DataDictionary, getDataFromSchema, - MessageSystem, - MessageSystemType, normalizeDataLocationToDotNotation, ValidationError, } from "design-to-code";