From 0ec477556f0605f16e017be5974a07d795deb81e Mon Sep 17 00:00:00 2001 From: Thomas Jeffery Date: Wed, 14 Aug 2024 19:46:07 -0600 Subject: [PATCH 01/16] chore: content update adding margin to component properties --- src/routes/components/Accordion.tsx | 12 ++++++++++++ src/routes/components/Badge.tsx | 12 ++++++++++++ src/routes/components/Button.tsx | 12 ++++++++++++ src/routes/components/Callout.tsx | 12 ++++++++++++ src/routes/components/Checkbox.tsx | 12 ++++++++++++ src/routes/components/Chip.tsx | 12 ++++++++++++ src/routes/components/Container.tsx | 12 ++++++++++++ src/routes/components/DatePicker.tsx | 12 ++++++++++++ src/routes/components/Details.tsx | 12 ++++++++++++ src/routes/components/Dropdown.tsx | 12 ++++++++++++ src/routes/components/FileUploader.tsx | 12 ++++++++++++ src/routes/components/FormItemPage.tsx | 12 ++++++++++++ src/routes/components/Radio.tsx | 12 ++++++++++++ src/routes/components/TextArea.tsx | 12 ++++++++++++ src/routes/components/TextField.tsx | 12 ++++++++++++ 15 files changed, 180 insertions(+) diff --git a/src/routes/components/Accordion.tsx b/src/routes/components/Accordion.tsx index c28fbaa9e..365951e60 100644 --- a/src/routes/components/Accordion.tsx +++ b/src/routes/components/Accordion.tsx @@ -151,6 +151,18 @@ export default function AccordionPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Badge.tsx b/src/routes/components/Badge.tsx index d395cdf08..24326cf4e 100644 --- a/src/routes/components/Badge.tsx +++ b/src/routes/components/Badge.tsx @@ -110,6 +110,18 @@ export default function BadgePage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(badgeBindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Button.tsx b/src/routes/components/Button.tsx index 98f7d3996..5dbd3b83d 100644 --- a/src/routes/components/Button.tsx +++ b/src/routes/components/Button.tsx @@ -136,6 +136,18 @@ export default function ButtonPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; const noop = () => { }; diff --git a/src/routes/components/Callout.tsx b/src/routes/components/Callout.tsx index 922e30b65..1fde8c2fd 100644 --- a/src/routes/components/Callout.tsx +++ b/src/routes/components/Callout.tsx @@ -109,6 +109,18 @@ export default function CalloutPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Checkbox.tsx b/src/routes/components/Checkbox.tsx index 7c2a4bca1..1a7c25e29 100644 --- a/src/routes/components/Checkbox.tsx +++ b/src/routes/components/Checkbox.tsx @@ -143,6 +143,18 @@ export default function CheckboxPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; const noop = () => { }; diff --git a/src/routes/components/Chip.tsx b/src/routes/components/Chip.tsx index 5e1e08960..e1beae561 100644 --- a/src/routes/components/Chip.tsx +++ b/src/routes/components/Chip.tsx @@ -112,6 +112,18 @@ export default function ChipPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, // ... ]; diff --git a/src/routes/components/Container.tsx b/src/routes/components/Container.tsx index d058d8ba7..adc3e05c6 100644 --- a/src/routes/components/Container.tsx +++ b/src/routes/components/Container.tsx @@ -134,6 +134,18 @@ export default function ContainerPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/DatePicker.tsx b/src/routes/components/DatePicker.tsx index e45ed0b93..ca886bc3b 100644 --- a/src/routes/components/DatePicker.tsx +++ b/src/routes/components/DatePicker.tsx @@ -90,6 +90,18 @@ export default function DatePickerPage() { defaultValue: "5 years forward", description: "Maximum date value allowed.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Details.tsx b/src/routes/components/Details.tsx index 284615bf2..ae9fd5967 100644 --- a/src/routes/components/Details.tsx +++ b/src/routes/components/Details.tsx @@ -62,6 +62,18 @@ export default function DetailsPage() { type: "string", description: "Sets the maximum width of the details.", lang: "angular", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/Dropdown.tsx b/src/routes/components/Dropdown.tsx index 1d835a579..6b26e7f33 100644 --- a/src/routes/components/Dropdown.tsx +++ b/src/routes/components/Dropdown.tsx @@ -196,6 +196,18 @@ export default function DropdownPage() { type: "(name: string, value: string[] | string | null) => void", description: "Callback function when dropdown value is changed.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; const dropdownItemProperties: ComponentProperty[] = [ { diff --git a/src/routes/components/FileUploader.tsx b/src/routes/components/FileUploader.tsx index 314baf4e1..be3f8c188 100644 --- a/src/routes/components/FileUploader.tsx +++ b/src/routes/components/FileUploader.tsx @@ -129,6 +129,18 @@ export default function FileUploaderPage() { type: "(file: File) => void", description: "Event fired for each file selected", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; const fileUploadCardProperties: ComponentProperty[] = [ diff --git a/src/routes/components/FormItemPage.tsx b/src/routes/components/FormItemPage.tsx index 45dfec213..675a9ac02 100644 --- a/src/routes/components/FormItemPage.tsx +++ b/src/routes/components/FormItemPage.tsx @@ -147,6 +147,18 @@ export default function FormItemPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Radio.tsx b/src/routes/components/Radio.tsx index d2da95f8b..2875765af 100644 --- a/src/routes/components/Radio.tsx +++ b/src/routes/components/Radio.tsx @@ -184,6 +184,18 @@ export default function RadioPage() { type: "string", description: "Defines how the radio item will be translated for the screen reader.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/TextArea.tsx b/src/routes/components/TextArea.tsx index 92e8c67d8..b91079d4b 100644 --- a/src/routes/components/TextArea.tsx +++ b/src/routes/components/TextArea.tsx @@ -240,6 +240,18 @@ export default function TextAreaPage() { required: false, description: "Function invoked when a key is pressed", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/TextField.tsx b/src/routes/components/TextField.tsx index 0a2fd94e9..d51fb8b66 100644 --- a/src/routes/components/TextField.tsx +++ b/src/routes/components/TextField.tsx @@ -406,6 +406,18 @@ export default function TextFieldPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "react", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + lang: "angular", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { From 901ac43d3e7a9c58d906fc4d6129d2afa43c1e93 Mon Sep 17 00:00:00 2001 From: Thomas Jeffery Date: Wed, 28 Aug 2024 12:36:19 -0600 Subject: [PATCH 02/16] Added missing components and updated all components to simplify code (no difference between angular and react, just needed once) --- src/routes/components/Accordion.tsx | 7 ------- src/routes/components/Badge.tsx | 7 ------- src/routes/components/Block.tsx | 5 +++++ src/routes/components/Button.tsx | 7 ------- src/routes/components/ButtonGroup.tsx | 5 +++++ src/routes/components/Callout.tsx | 7 ------- src/routes/components/Checkbox.tsx | 7 ------- src/routes/components/Chip.tsx | 7 ------- src/routes/components/Container.tsx | 7 ------- src/routes/components/DatePicker.tsx | 7 ------- src/routes/components/Details.tsx | 7 ------- src/routes/components/Divider.tsx | 23 ++--------------------- src/routes/components/Dropdown.tsx | 7 ------- src/routes/components/FileUploader.tsx | 7 ------- src/routes/components/FormItemPage.tsx | 7 ------- src/routes/components/FormStepper.tsx | 5 +++++ src/routes/components/Grid.tsx | 5 +++++ src/routes/components/IconButton.tsx | 5 +++++ src/routes/components/Icons.tsx | 7 ++++++- src/routes/components/Pagination.tsx | 5 +++++ src/routes/components/Popover.tsx | 5 +++++ src/routes/components/Radio.tsx | 7 ------- src/routes/components/Skeleton.tsx | 5 +++++ src/routes/components/Table.tsx | 5 +++++ src/routes/components/TextArea.tsx | 7 ------- src/routes/components/TextField.tsx | 7 ------- src/routes/components/Tooltip.tsx | 5 +++++ 27 files changed, 58 insertions(+), 127 deletions(-) diff --git a/src/routes/components/Accordion.tsx b/src/routes/components/Accordion.tsx index 365951e60..aa81ead91 100644 --- a/src/routes/components/Accordion.tsx +++ b/src/routes/components/Accordion.tsx @@ -154,13 +154,6 @@ export default function AccordionPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/Badge.tsx b/src/routes/components/Badge.tsx index 24326cf4e..62be456b9 100644 --- a/src/routes/components/Badge.tsx +++ b/src/routes/components/Badge.tsx @@ -113,13 +113,6 @@ export default function BadgePage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/Block.tsx b/src/routes/components/Block.tsx index 2c8d9e860..8c8418228 100644 --- a/src/routes/components/Block.tsx +++ b/src/routes/components/Block.tsx @@ -56,6 +56,11 @@ export default function BlockPage() { description: "Primary axis alignment", defaultValue: "normal", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; useEffect(() => { diff --git a/src/routes/components/Button.tsx b/src/routes/components/Button.tsx index 5dbd3b83d..76c9121c5 100644 --- a/src/routes/components/Button.tsx +++ b/src/routes/components/Button.tsx @@ -139,13 +139,6 @@ export default function ButtonPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/ButtonGroup.tsx b/src/routes/components/ButtonGroup.tsx index 87462dfd1..a3db59cd0 100644 --- a/src/routes/components/ButtonGroup.tsx +++ b/src/routes/components/ButtonGroup.tsx @@ -57,6 +57,11 @@ export default function ButtonGroupPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; const noop = () => { }; diff --git a/src/routes/components/Callout.tsx b/src/routes/components/Callout.tsx index 1fde8c2fd..aa52ef5fb 100644 --- a/src/routes/components/Callout.tsx +++ b/src/routes/components/Callout.tsx @@ -112,13 +112,6 @@ export default function CalloutPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/Checkbox.tsx b/src/routes/components/Checkbox.tsx index 1a7c25e29..0d758287c 100644 --- a/src/routes/components/Checkbox.tsx +++ b/src/routes/components/Checkbox.tsx @@ -146,13 +146,6 @@ export default function CheckboxPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/Chip.tsx b/src/routes/components/Chip.tsx index e1beae561..1a4c9f1e7 100644 --- a/src/routes/components/Chip.tsx +++ b/src/routes/components/Chip.tsx @@ -115,13 +115,6 @@ export default function ChipPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, // ... diff --git a/src/routes/components/Container.tsx b/src/routes/components/Container.tsx index adc3e05c6..638304822 100644 --- a/src/routes/components/Container.tsx +++ b/src/routes/components/Container.tsx @@ -137,13 +137,6 @@ export default function ContainerPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/DatePicker.tsx b/src/routes/components/DatePicker.tsx index ca886bc3b..d4a7588bb 100644 --- a/src/routes/components/DatePicker.tsx +++ b/src/routes/components/DatePicker.tsx @@ -93,13 +93,6 @@ export default function DatePickerPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/Details.tsx b/src/routes/components/Details.tsx index ae9fd5967..2cf7a75e5 100644 --- a/src/routes/components/Details.tsx +++ b/src/routes/components/Details.tsx @@ -66,15 +66,8 @@ export default function DetailsPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Divider.tsx b/src/routes/components/Divider.tsx index 42d1fb131..7d25debba 100644 --- a/src/routes/components/Divider.tsx +++ b/src/routes/components/Divider.tsx @@ -31,28 +31,9 @@ export default function DividerPage() { const componentProperties: ComponentProperty[] = [ { - name: "mt", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - description: "Sets the top margin.", - defaultValue: "none", - }, - { - name: "mr", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - description: "Sets the right margin.", - defaultValue: "none", - }, - { - name: "mb", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - description: "Sets the bottom margin.", - defaultValue: "none", - }, - { - name: "ml", + name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - description: "Sets the left margin.", - defaultValue: "none", + description: "Apply margin to the top, right, bottom, and/or left of the component.", }, { name: "testId", diff --git a/src/routes/components/Dropdown.tsx b/src/routes/components/Dropdown.tsx index 6b26e7f33..ebc70a569 100644 --- a/src/routes/components/Dropdown.tsx +++ b/src/routes/components/Dropdown.tsx @@ -199,13 +199,6 @@ export default function DropdownPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/FileUploader.tsx b/src/routes/components/FileUploader.tsx index be3f8c188..4bb475667 100644 --- a/src/routes/components/FileUploader.tsx +++ b/src/routes/components/FileUploader.tsx @@ -132,13 +132,6 @@ export default function FileUploaderPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/FormItemPage.tsx b/src/routes/components/FormItemPage.tsx index 675a9ac02..862d2c972 100644 --- a/src/routes/components/FormItemPage.tsx +++ b/src/routes/components/FormItemPage.tsx @@ -150,13 +150,6 @@ export default function FormItemPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/FormStepper.tsx b/src/routes/components/FormStepper.tsx index 17ced2357..9775b7fce 100644 --- a/src/routes/components/FormStepper.tsx +++ b/src/routes/components/FormStepper.tsx @@ -64,6 +64,11 @@ export default function FormStepperPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; const formStepProperties: ComponentProperty[] = [ diff --git a/src/routes/components/Grid.tsx b/src/routes/components/Grid.tsx index 475828fa3..7dc4ad949 100644 --- a/src/routes/components/Grid.tsx +++ b/src/routes/components/Grid.tsx @@ -48,6 +48,11 @@ export default function GridPage() { required: true, lang: "angular", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(gridBindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/IconButton.tsx b/src/routes/components/IconButton.tsx index bbc8c33b6..e0c5880ba 100644 --- a/src/routes/components/IconButton.tsx +++ b/src/routes/components/IconButton.tsx @@ -141,6 +141,11 @@ export default function IconButtonPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Icons.tsx b/src/routes/components/Icons.tsx index c6af0c28c..5edf4da50 100644 --- a/src/routes/components/Icons.tsx +++ b/src/routes/components/Icons.tsx @@ -142,7 +142,12 @@ export default function IconsPage() { type: "string", lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", - }, + }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(iconsBindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Pagination.tsx b/src/routes/components/Pagination.tsx index 01b0cf817..228e561ab 100644 --- a/src/routes/components/Pagination.tsx +++ b/src/routes/components/Pagination.tsx @@ -150,6 +150,11 @@ export default function PaginationPage() { type: "(e: { detail: { page: number }}) => void", description: "Callback function for page change events.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Popover.tsx b/src/routes/components/Popover.tsx index 6d8b6f06a..bd187a4e8 100644 --- a/src/routes/components/Popover.tsx +++ b/src/routes/components/Popover.tsx @@ -111,6 +111,11 @@ export default function PopoverPage() { lang: "angular", description: "Sets the data-testid attribute. Used with ByTestId queries in tests.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(baseBinding: ComponentBinding[], props: Record) { diff --git a/src/routes/components/Radio.tsx b/src/routes/components/Radio.tsx index 2875765af..2a6960754 100644 --- a/src/routes/components/Radio.tsx +++ b/src/routes/components/Radio.tsx @@ -187,13 +187,6 @@ export default function RadioPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/Skeleton.tsx b/src/routes/components/Skeleton.tsx index 506e5f750..22594cca4 100644 --- a/src/routes/components/Skeleton.tsx +++ b/src/routes/components/Skeleton.tsx @@ -91,6 +91,11 @@ export default function SkeletonPage() { description: "Set component maximum width. Currently only used in card skeleton type", defaultValue: "320px", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record): void { diff --git a/src/routes/components/Table.tsx b/src/routes/components/Table.tsx index 3d258cf19..89e98cdec 100644 --- a/src/routes/components/Table.tsx +++ b/src/routes/components/Table.tsx @@ -73,6 +73,11 @@ export default function TablePage() { type: "(sortBy: string, sortDir: number) => void", description: "Sort event fired when a GoATableSortHeader component is used.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(tableBindings: ComponentBinding[], props: Record) { diff --git a/src/routes/components/TextArea.tsx b/src/routes/components/TextArea.tsx index b91079d4b..b28b8fa3c 100644 --- a/src/routes/components/TextArea.tsx +++ b/src/routes/components/TextArea.tsx @@ -243,13 +243,6 @@ export default function TextAreaPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/TextField.tsx b/src/routes/components/TextField.tsx index d51fb8b66..7a19691a7 100644 --- a/src/routes/components/TextField.tsx +++ b/src/routes/components/TextField.tsx @@ -409,13 +409,6 @@ export default function TextFieldPage() { { name: "mt,mr,mb,ml", type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "react", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - lang: "angular", description: "Apply margin to the top, right, bottom, and/or left of the component.", }, ]; diff --git a/src/routes/components/Tooltip.tsx b/src/routes/components/Tooltip.tsx index a0b49311b..117a9ca3f 100644 --- a/src/routes/components/Tooltip.tsx +++ b/src/routes/components/Tooltip.tsx @@ -78,6 +78,11 @@ export default function TEMPLATE_Page() { description: "Horizontal alignment to the child element", defaultValue: "center", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { From e1ead752bf27348b67ad58cd616b300b3ab463e7 Mon Sep 17 00:00:00 2001 From: Thomas Jeffery Date: Wed, 28 Aug 2024 13:32:33 -0600 Subject: [PATCH 03/16] Code example fixes --- src/examples/text-field/TextFieldExamples.tsx | 68 ++++++++----------- 1 file changed, 29 insertions(+), 39 deletions(-) diff --git a/src/examples/text-field/TextFieldExamples.tsx b/src/examples/text-field/TextFieldExamples.tsx index f01aab7bb..0a86506a7 100644 --- a/src/examples/text-field/TextFieldExamples.tsx +++ b/src/examples/text-field/TextFieldExamples.tsx @@ -21,16 +21,16 @@ export default function TextFieldExamples() {

Ask a user for an address

- + - + - + - + @@ -47,7 +47,7 @@ export default function TextFieldExamples() { - + @@ -55,41 +55,40 @@ export default function TextFieldExamples() {

Ask a user for their birthday

+ helpText={"For example, 27 November 2004"}> - + + + + + + + + + + + + + + @@ -98,7 +97,7 @@ export default function TextFieldExamples() { - + Search @@ -232,10 +231,10 @@ export default function TextFieldExamples() { /> - + - - + + @@ -253,9 +252,6 @@ export default function TextFieldExamples() { onChange={noop} value="" name="bandNo" - min={1} - max={999} - type="number" width="88px" /> @@ -264,9 +260,6 @@ export default function TextFieldExamples() { onChange={noop} value="" name="family" - min={1} - max={99999} - type="number" width="105px" /> @@ -275,9 +268,6 @@ export default function TextFieldExamples() { onChange={noop} value="" name="position" - min={1} - max={99} - type="number" width="71px" /> From a9532c01e689992dd13a42e68f55522fb1070708 Mon Sep 17 00:00:00 2001 From: "Syed.Zeeshan" Date: Mon, 9 Sep 2024 16:04:35 -0400 Subject: [PATCH 04/16] fix(#2097): docs skeleton props update for Angular and React --- src/routes/components/Skeleton.tsx | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/src/routes/components/Skeleton.tsx b/src/routes/components/Skeleton.tsx index 506e5f750..ef8983e17 100644 --- a/src/routes/components/Skeleton.tsx +++ b/src/routes/components/Skeleton.tsx @@ -79,18 +79,35 @@ export default function SkeletonPage() { defaultValue: "1", }, { - name: "Line Count", + name: "linecount", type: "number", description: "Used within components that contain multiple lines. Currently only used in card skeleton type", defaultValue: "3", + lang: "angular", }, { - name: "Max Width", + name: "maxwidth", type: "string", description: "Set component maximum width. Currently only used in card skeleton type", defaultValue: "320px", + lang: "angular", }, + { + name: "lineCount", + type: "number", + description: + "Used within components that contain multiple lines. Currently only used in card skeleton type", + defaultValue: "3", + lang: "react", + }, + { + name: "maxWidth", + type: "string", + description: "Set component maximum width. Currently only used in card skeleton type", + defaultValue: "320px", + lang: "react", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record): void { From 21fb17a9f7951598e055acf2ffa10477e235c54c Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 17 Sep 2024 23:50:29 +0000 Subject: [PATCH 05/16] chore(deps-dev): bump vite from 5.2.6 to 5.4.6 Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.2.6 to 5.4.6. - [Release notes](https://github.com/vitejs/vite/releases) - [Changelog](https://github.com/vitejs/vite/blob/v5.4.6/packages/vite/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite/commits/v5.4.6/packages/vite) --- updated-dependencies: - dependency-name: vite dependency-type: direct:development ... Signed-off-by: dependabot[bot] --- package-lock.json | 379 ++++++++++++++++++++++++++-------------------- package.json | 2 +- 2 files changed, 212 insertions(+), 169 deletions(-) diff --git a/package-lock.json b/package-lock.json index 88624adfa..e54572117 100644 --- a/package-lock.json +++ b/package-lock.json @@ -28,7 +28,7 @@ "eslint-plugin-react-refresh": "^0.3.5", "prettier": "2.4.1", "typescript": "^5.4.2", - "vite": "^5.2.6" + "vite": "^5.4.6" } }, "node_modules/@aashutoshrathi/word-wrap": { @@ -74,9 +74,9 @@ } }, "node_modules/@esbuild/aix-ppc64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz", - "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz", + "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==", "cpu": [ "ppc64" ], @@ -89,9 +89,9 @@ } }, "node_modules/@esbuild/android-arm": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz", - "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz", + "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==", "cpu": [ "arm" ], @@ -104,9 +104,9 @@ } }, "node_modules/@esbuild/android-arm64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz", - "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz", + "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==", "cpu": [ "arm64" ], @@ -119,9 +119,9 @@ } }, "node_modules/@esbuild/android-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz", - "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz", + "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==", "cpu": [ "x64" ], @@ -134,9 +134,9 @@ } }, "node_modules/@esbuild/darwin-arm64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz", - "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz", + "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==", "cpu": [ "arm64" ], @@ -149,9 +149,9 @@ } }, "node_modules/@esbuild/darwin-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz", - "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz", + "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==", "cpu": [ "x64" ], @@ -164,9 +164,9 @@ } }, "node_modules/@esbuild/freebsd-arm64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz", - "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz", + "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==", "cpu": [ "arm64" ], @@ -179,9 +179,9 @@ } }, "node_modules/@esbuild/freebsd-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz", - "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz", + "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==", "cpu": [ "x64" ], @@ -194,9 +194,9 @@ } }, "node_modules/@esbuild/linux-arm": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz", - "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz", + "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==", "cpu": [ "arm" ], @@ -209,9 +209,9 @@ } }, "node_modules/@esbuild/linux-arm64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz", - "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz", + "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==", "cpu": [ "arm64" ], @@ -224,9 +224,9 @@ } }, "node_modules/@esbuild/linux-ia32": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz", - "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz", + "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==", "cpu": [ "ia32" ], @@ -239,9 +239,9 @@ } }, "node_modules/@esbuild/linux-loong64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz", - "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz", + "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==", "cpu": [ "loong64" ], @@ -254,9 +254,9 @@ } }, "node_modules/@esbuild/linux-mips64el": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz", - "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz", + "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==", "cpu": [ "mips64el" ], @@ -269,9 +269,9 @@ } }, "node_modules/@esbuild/linux-ppc64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz", - "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz", + "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==", "cpu": [ "ppc64" ], @@ -284,9 +284,9 @@ } }, "node_modules/@esbuild/linux-riscv64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz", - "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz", + "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==", "cpu": [ "riscv64" ], @@ -299,9 +299,9 @@ } }, "node_modules/@esbuild/linux-s390x": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz", - "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz", + "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==", "cpu": [ "s390x" ], @@ -314,9 +314,9 @@ } }, "node_modules/@esbuild/linux-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz", - "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz", + "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==", "cpu": [ "x64" ], @@ -329,9 +329,9 @@ } }, "node_modules/@esbuild/netbsd-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz", - "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz", + "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==", "cpu": [ "x64" ], @@ -344,9 +344,9 @@ } }, "node_modules/@esbuild/openbsd-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz", - "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz", + "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==", "cpu": [ "x64" ], @@ -359,9 +359,9 @@ } }, "node_modules/@esbuild/sunos-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz", - "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz", + "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==", "cpu": [ "x64" ], @@ -374,9 +374,9 @@ } }, "node_modules/@esbuild/win32-arm64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz", - "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz", + "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==", "cpu": [ "arm64" ], @@ -389,9 +389,9 @@ } }, "node_modules/@esbuild/win32-ia32": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz", - "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz", + "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==", "cpu": [ "ia32" ], @@ -404,9 +404,9 @@ } }, "node_modules/@esbuild/win32-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz", - "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz", + "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==", "cpu": [ "x64" ], @@ -668,9 +668,9 @@ } }, "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.13.0.tgz", - "integrity": "sha512-5ZYPOuaAqEH/W3gYsRkxQATBW3Ii1MfaT4EQstTnLKViLi2gLSQmlmtTpGucNP3sXEpOiI5tdGhjdE111ekyEg==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.3.tgz", + "integrity": "sha512-MmKSfaB9GX+zXl6E8z4koOr/xU63AMVleLEa64v7R0QF/ZloMs5vcD1sHgM64GXXS1csaJutG+ddtzcueI/BLg==", "cpu": [ "arm" ], @@ -680,9 +680,9 @@ ] }, "node_modules/@rollup/rollup-android-arm64": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.13.0.tgz", - "integrity": "sha512-BSbaCmn8ZadK3UAQdlauSvtaJjhlDEjS5hEVVIN3A4bbl3X+otyf/kOJV08bYiRxfejP3DXFzO2jz3G20107+Q==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.21.3.tgz", + "integrity": "sha512-zrt8ecH07PE3sB4jPOggweBjJMzI1JG5xI2DIsUbkA+7K+Gkjys6eV7i9pOenNSDJH3eOr/jLb/PzqtmdwDq5g==", "cpu": [ "arm64" ], @@ -692,9 +692,9 @@ ] }, "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.13.0.tgz", - "integrity": "sha512-Ovf2evVaP6sW5Ut0GHyUSOqA6tVKfrTHddtmxGQc1CTQa1Cw3/KMCDEEICZBbyppcwnhMwcDce9ZRxdWRpVd6g==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.21.3.tgz", + "integrity": "sha512-P0UxIOrKNBFTQaXTxOH4RxuEBVCgEA5UTNV6Yz7z9QHnUJ7eLX9reOd/NYMO3+XZO2cco19mXTxDMXxit4R/eQ==", "cpu": [ "arm64" ], @@ -704,9 +704,9 @@ ] }, "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.13.0.tgz", - "integrity": "sha512-U+Jcxm89UTK592vZ2J9st9ajRv/hrwHdnvyuJpa5A2ngGSVHypigidkQJP+YiGL6JODiUeMzkqQzbCG3At81Gg==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.21.3.tgz", + "integrity": "sha512-L1M0vKGO5ASKntqtsFEjTq/fD91vAqnzeaF6sfNAy55aD+Hi2pBI5DKwCO+UNDQHWsDViJLqshxOahXyLSh3EA==", "cpu": [ "x64" ], @@ -716,9 +716,21 @@ ] }, "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.13.0.tgz", - "integrity": "sha512-8wZidaUJUTIR5T4vRS22VkSMOVooG0F4N+JSwQXWSRiC6yfEsFMLTYRFHvby5mFFuExHa/yAp9juSphQQJAijQ==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.21.3.tgz", + "integrity": "sha512-btVgIsCjuYFKUjopPoWiDqmoUXQDiW2A4C3Mtmp5vACm7/GnyuprqIDPNczeyR5W8rTXEbkmrJux7cJmD99D2g==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.21.3.tgz", + "integrity": "sha512-zmjbSphplZlau6ZTkxd3+NMtE4UKVy7U4aVFMmHcgO5CUbw17ZP6QCgyxhzGaU/wFFdTfiojjbLG3/0p9HhAqA==", "cpu": [ "arm" ], @@ -728,9 +740,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.13.0.tgz", - "integrity": "sha512-Iu0Kno1vrD7zHQDxOmvweqLkAzjxEVqNhUIXBsZ8hu8Oak7/5VTPrxOEZXYC1nmrBVJp0ZcL2E7lSuuOVaE3+w==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.21.3.tgz", + "integrity": "sha512-nSZfcZtAnQPRZmUkUQwZq2OjQciR6tEoJaZVFvLHsj0MF6QhNMg0fQ6mUOsiCUpTqxTx0/O6gX0V/nYc7LrgPw==", "cpu": [ "arm64" ], @@ -740,9 +752,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.13.0.tgz", - "integrity": "sha512-C31QrW47llgVyrRjIwiOwsHFcaIwmkKi3PCroQY5aVq4H0A5v/vVVAtFsI1nfBngtoRpeREvZOkIhmRwUKkAdw==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.21.3.tgz", + "integrity": "sha512-MnvSPGO8KJXIMGlQDYfvYS3IosFN2rKsvxRpPO2l2cum+Z3exiExLwVU+GExL96pn8IP+GdH8Tz70EpBhO0sIQ==", "cpu": [ "arm64" ], @@ -751,10 +763,22 @@ "linux" ] }, + "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.21.3.tgz", + "integrity": "sha512-+W+p/9QNDr2vE2AXU0qIy0qQE75E8RTwTwgqS2G5CRQ11vzq0tbnfBd6brWhS9bCRjAjepJe2fvvkvS3dno+iw==", + "cpu": [ + "ppc64" + ], + "optional": true, + "os": [ + "linux" + ] + }, "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.13.0.tgz", - "integrity": "sha512-Oq90dtMHvthFOPMl7pt7KmxzX7E71AfyIhh+cPhLY9oko97Zf2C9tt/XJD4RgxhaGeAraAXDtqxvKE1y/j35lA==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.21.3.tgz", + "integrity": "sha512-yXH6K6KfqGXaxHrtr+Uoy+JpNlUlI46BKVyonGiaD74ravdnF9BUNC+vV+SIuB96hUMGShhKV693rF9QDfO6nQ==", "cpu": [ "riscv64" ], @@ -763,10 +787,22 @@ "linux" ] }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.21.3.tgz", + "integrity": "sha512-R8cwY9wcnApN/KDYWTH4gV/ypvy9yZUHlbJvfaiXSB48JO3KpwSpjOGqO4jnGkLDSk1hgjYkTbTt6Q7uvPf8eg==", + "cpu": [ + "s390x" + ], + "optional": true, + "os": [ + "linux" + ] + }, "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.0.tgz", - "integrity": "sha512-yUD/8wMffnTKuiIsl6xU+4IA8UNhQ/f1sAnQebmE/lyQ8abjsVyDkyRkWop0kdMhKMprpNIhPmYlCxgHrPoXoA==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.21.3.tgz", + "integrity": "sha512-kZPbX/NOPh0vhS5sI+dR8L1bU2cSO9FgxwM8r7wHzGydzfSjLRCFAT87GR5U9scj2rhzN3JPYVC7NoBbl4FZ0g==", "cpu": [ "x64" ], @@ -776,9 +812,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.13.0.tgz", - "integrity": "sha512-9RyNqoFNdF0vu/qqX63fKotBh43fJQeYC98hCaf89DYQpv+xu0D8QFSOS0biA7cGuqJFOc1bJ+m2rhhsKcw1hw==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.21.3.tgz", + "integrity": "sha512-S0Yq+xA1VEH66uiMNhijsWAafffydd2X5b77eLHfRmfLsRSpbiAWiRHV6DEpz6aOToPsgid7TI9rGd6zB1rhbg==", "cpu": [ "x64" ], @@ -788,9 +824,9 @@ ] }, "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.13.0.tgz", - "integrity": "sha512-46ue8ymtm/5PUU6pCvjlic0z82qWkxv54GTJZgHrQUuZnVH+tvvSP0LsozIDsCBFO4VjJ13N68wqrKSeScUKdA==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.21.3.tgz", + "integrity": "sha512-9isNzeL34yquCPyerog+IMCNxKR8XYmGd0tHSV+OVx0TmE0aJOo9uw4fZfUuk2qxobP5sug6vNdZR6u7Mw7Q+Q==", "cpu": [ "arm64" ], @@ -800,9 +836,9 @@ ] }, "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.13.0.tgz", - "integrity": "sha512-P5/MqLdLSlqxbeuJ3YDeX37srC8mCflSyTrUsgbU1c/U9j6l2g2GiIdYaGD9QjdMQPMSgYm7hgg0551wHyIluw==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.21.3.tgz", + "integrity": "sha512-nMIdKnfZfzn1Vsk+RuOvl43ONTZXoAPUUxgcU0tXooqg4YrAqzfKzVenqqk2g5efWh46/D28cKFrOzDSW28gTA==", "cpu": [ "ia32" ], @@ -812,9 +848,9 @@ ] }, "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.13.0.tgz", - "integrity": "sha512-UKXUQNbO3DOhzLRwHSpa0HnhhCgNODvfoPWv2FCXme8N/ANFfhIPMGuOT+QuKd16+B5yxZ0HdpNlqPvTMS1qfw==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.3.tgz", + "integrity": "sha512-fOvu7PCQjAj4eWDEuD8Xz5gpzFqXzGlxHZozHP4b9Jxv9APtdxL6STqztDzMLuRXEc4UpXGGhx029Xgm91QBeA==", "cpu": [ "x64" ], @@ -1640,9 +1676,9 @@ "peer": true }, "node_modules/esbuild": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz", - "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==", + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", + "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==", "hasInstallScript": true, "bin": { "esbuild": "bin/esbuild" @@ -1651,29 +1687,29 @@ "node": ">=12" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.20.2", - "@esbuild/android-arm": "0.20.2", - "@esbuild/android-arm64": "0.20.2", - "@esbuild/android-x64": "0.20.2", - "@esbuild/darwin-arm64": "0.20.2", - "@esbuild/darwin-x64": "0.20.2", - "@esbuild/freebsd-arm64": "0.20.2", - "@esbuild/freebsd-x64": "0.20.2", - "@esbuild/linux-arm": "0.20.2", - "@esbuild/linux-arm64": "0.20.2", - "@esbuild/linux-ia32": "0.20.2", - "@esbuild/linux-loong64": "0.20.2", - "@esbuild/linux-mips64el": "0.20.2", - "@esbuild/linux-ppc64": "0.20.2", - "@esbuild/linux-riscv64": "0.20.2", - "@esbuild/linux-s390x": "0.20.2", - "@esbuild/linux-x64": "0.20.2", - "@esbuild/netbsd-x64": "0.20.2", - "@esbuild/openbsd-x64": "0.20.2", - "@esbuild/sunos-x64": "0.20.2", - "@esbuild/win32-arm64": "0.20.2", - "@esbuild/win32-ia32": "0.20.2", - "@esbuild/win32-x64": "0.20.2" + "@esbuild/aix-ppc64": "0.21.5", + "@esbuild/android-arm": "0.21.5", + "@esbuild/android-arm64": "0.21.5", + "@esbuild/android-x64": "0.21.5", + "@esbuild/darwin-arm64": "0.21.5", + "@esbuild/darwin-x64": "0.21.5", + "@esbuild/freebsd-arm64": "0.21.5", + "@esbuild/freebsd-x64": "0.21.5", + "@esbuild/linux-arm": "0.21.5", + "@esbuild/linux-arm64": "0.21.5", + "@esbuild/linux-ia32": "0.21.5", + "@esbuild/linux-loong64": "0.21.5", + "@esbuild/linux-mips64el": "0.21.5", + "@esbuild/linux-ppc64": "0.21.5", + "@esbuild/linux-riscv64": "0.21.5", + "@esbuild/linux-s390x": "0.21.5", + "@esbuild/linux-x64": "0.21.5", + "@esbuild/netbsd-x64": "0.21.5", + "@esbuild/openbsd-x64": "0.21.5", + "@esbuild/sunos-x64": "0.21.5", + "@esbuild/win32-arm64": "0.21.5", + "@esbuild/win32-ia32": "0.21.5", + "@esbuild/win32-x64": "0.21.5" } }, "node_modules/escape-string-regexp": { @@ -2632,9 +2668,9 @@ } }, "node_modules/picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz", + "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==" }, "node_modules/picomatch": { "version": "2.3.1", @@ -2649,9 +2685,9 @@ } }, "node_modules/postcss": { - "version": "8.4.38", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz", - "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==", + "version": "8.4.47", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz", + "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==", "funding": [ { "type": "opencollective", @@ -2668,8 +2704,8 @@ ], "dependencies": { "nanoid": "^3.3.7", - "picocolors": "^1.0.0", - "source-map-js": "^1.2.0" + "picocolors": "^1.1.0", + "source-map-js": "^1.2.1" }, "engines": { "node": "^10 || ^12 || >=14" @@ -2833,9 +2869,9 @@ } }, "node_modules/rollup": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.13.0.tgz", - "integrity": "sha512-3YegKemjoQnYKmsBlOHfMLVPPA5xLkQ8MHLLSw/fBrFaVkEayL51DilPpNNLq1exr98F2B1TzrV0FUlN3gWRPg==", + "version": "4.21.3", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.21.3.tgz", + "integrity": "sha512-7sqRtBNnEbcBtMeRVc6VRsJMmpI+JU1z9VTvW8D4gXIYQFz0aLcsE6rRkyghZkLfEgUZgVvOG7A5CVz/VW5GIA==", "dependencies": { "@types/estree": "1.0.5" }, @@ -2847,19 +2883,22 @@ "npm": ">=8.0.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.13.0", - "@rollup/rollup-android-arm64": "4.13.0", - "@rollup/rollup-darwin-arm64": "4.13.0", - "@rollup/rollup-darwin-x64": "4.13.0", - "@rollup/rollup-linux-arm-gnueabihf": "4.13.0", - "@rollup/rollup-linux-arm64-gnu": "4.13.0", - "@rollup/rollup-linux-arm64-musl": "4.13.0", - "@rollup/rollup-linux-riscv64-gnu": "4.13.0", - "@rollup/rollup-linux-x64-gnu": "4.13.0", - "@rollup/rollup-linux-x64-musl": "4.13.0", - "@rollup/rollup-win32-arm64-msvc": "4.13.0", - "@rollup/rollup-win32-ia32-msvc": "4.13.0", - "@rollup/rollup-win32-x64-msvc": "4.13.0", + "@rollup/rollup-android-arm-eabi": "4.21.3", + "@rollup/rollup-android-arm64": "4.21.3", + "@rollup/rollup-darwin-arm64": "4.21.3", + "@rollup/rollup-darwin-x64": "4.21.3", + "@rollup/rollup-linux-arm-gnueabihf": "4.21.3", + "@rollup/rollup-linux-arm-musleabihf": "4.21.3", + "@rollup/rollup-linux-arm64-gnu": "4.21.3", + "@rollup/rollup-linux-arm64-musl": "4.21.3", + "@rollup/rollup-linux-powerpc64le-gnu": "4.21.3", + "@rollup/rollup-linux-riscv64-gnu": "4.21.3", + "@rollup/rollup-linux-s390x-gnu": "4.21.3", + "@rollup/rollup-linux-x64-gnu": "4.21.3", + "@rollup/rollup-linux-x64-musl": "4.21.3", + "@rollup/rollup-win32-arm64-msvc": "4.21.3", + "@rollup/rollup-win32-ia32-msvc": "4.21.3", + "@rollup/rollup-win32-x64-msvc": "4.21.3", "fsevents": "~2.3.2" } }, @@ -2962,9 +3001,9 @@ } }, "node_modules/source-map-js": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", - "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", "engines": { "node": ">=0.10.0" } @@ -3205,13 +3244,13 @@ } }, "node_modules/vite": { - "version": "5.2.6", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.6.tgz", - "integrity": "sha512-FPtnxFlSIKYjZ2eosBQamz4CbyrTizbZ3hnGJlh/wMtCrlp1Hah6AzBLjGI5I2urTfNnpovpHdrL6YRuBOPnCA==", + "version": "5.4.6", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.6.tgz", + "integrity": "sha512-IeL5f8OO5nylsgzd9tq4qD2QqI0k2CQLGrWD0rCN0EQJZpBK5vJAx0I+GDkMOXxQX/OfFHMuLIx6ddAxGX/k+Q==", "dependencies": { - "esbuild": "^0.20.1", - "postcss": "^8.4.36", - "rollup": "^4.13.0" + "esbuild": "^0.21.3", + "postcss": "^8.4.43", + "rollup": "^4.20.0" }, "bin": { "vite": "bin/vite.js" @@ -3230,6 +3269,7 @@ "less": "*", "lightningcss": "^1.21.0", "sass": "*", + "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.4.0" @@ -3247,6 +3287,9 @@ "sass": { "optional": true }, + "sass-embedded": { + "optional": true + }, "stylus": { "optional": true }, diff --git a/package.json b/package.json index 3b774e267..8595569b0 100644 --- a/package.json +++ b/package.json @@ -32,6 +32,6 @@ "eslint-plugin-react-refresh": "^0.3.5", "prettier": "2.4.1", "typescript": "^5.4.2", - "vite": "^5.2.6" + "vite": "^5.4.6" } } From 14b893b9ea163930e12f8dfc815e1ff6fe5ff0f0 Mon Sep 17 00:00:00 2001 From: Thomas Jeffery <82968683+twjeffery@users.noreply.github.com> Date: Wed, 18 Sep 2024 18:41:19 -0400 Subject: [PATCH 06/16] chore: code fix --- src/examples/text-field/TextFieldExamples.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/examples/text-field/TextFieldExamples.tsx b/src/examples/text-field/TextFieldExamples.tsx index 0a86506a7..8ad9e5b6b 100644 --- a/src/examples/text-field/TextFieldExamples.tsx +++ b/src/examples/text-field/TextFieldExamples.tsx @@ -136,17 +136,17 @@ export default function TextFieldExamples() { allowCopy={true} code={` - +
$
 - +
$
 - +
$
 From a0d7790f0d66407435e6d444e7c9fc46787c4224 Mon Sep 17 00:00:00 2001 From: Vanessa Tran Date: Fri, 20 Sep 2024 15:15:08 -0600 Subject: [PATCH 07/16] feat(#2044): add datepicker disabled property --- package-lock.json | 16 ++++++++-------- package.json | 4 ++-- src/components/sandbox/SandboxProperties.tsx | 2 +- src/examples/modal/ModalExamples.tsx | 4 ++-- src/routes/components/DatePicker.tsx | 14 +++++++++++++- 5 files changed, 26 insertions(+), 14 deletions(-) diff --git a/package-lock.json b/package-lock.json index 88624adfa..a6bd82a33 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,8 +8,8 @@ "name": "code-sandbox", "version": "0.0.0", "dependencies": { - "@abgov/react-components": "5.0.0", - "@abgov/web-components": "1.25.0", + "@abgov/react-components": "5.0.0-alpha.5", + "@abgov/web-components": "1.17.0-alpha.105", "@faker-js/faker": "^8.3.1", "highlight.js": "^11.8.0", "react": "^18.2.0", @@ -41,9 +41,9 @@ } }, "node_modules/@abgov/react-components": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@abgov/react-components/-/react-components-5.0.0.tgz", - "integrity": "sha512-XiEpyCXshMC2kxAaF6m31Z5R9koqyrUaqoX8bS5Vn6TeGBATmcw5XJu8lHDKJlC3UCoSijdHWKnALj/pTvDzjA==", + "version": "5.0.0-alpha.5", + "resolved": "https://registry.npmjs.org/@abgov/react-components/-/react-components-5.0.0-alpha.5.tgz", + "integrity": "sha512-EJDqQ5Wr/eny+CnmydLeRjZmyrMJZqQL4zDBDwKw4Cnw1HAYf8tKBlRJ/GD8S5ty3iA78ww+v4NQ/8lYW2vuBg==", "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", "react": "^17.0.0 || ^18.0.0", @@ -51,9 +51,9 @@ } }, "node_modules/@abgov/web-components": { - "version": "1.25.0", - "resolved": "https://registry.npmjs.org/@abgov/web-components/-/web-components-1.25.0.tgz", - "integrity": "sha512-Ipp39RrFNYTl6Ld4njHlei+hyRa9j1ikAcLJmAARz2lsXpvk3EFVebtjvlkE7upDWZjPhZq08OBAoNGLF4n2Bw==", + "version": "1.17.0-alpha.105", + "resolved": "https://registry.npmjs.org/@abgov/web-components/-/web-components-1.17.0-alpha.105.tgz", + "integrity": "sha512-zRjN5nkcuKMHU6WRExWvw+hAb9N1K8Rym0llTRO4xpXYs3x2/mBM1XN6f6V0wMC4UkWUNWHSQMZccgct1bHfgw==", "peerDependencies": { "@sveltejs/vite-plugin-svelte": "3.x", "glob": "10.x", diff --git a/package.json b/package.json index 3b774e267..4c22a88d2 100644 --- a/package.json +++ b/package.json @@ -12,8 +12,8 @@ "prettier": "npx prettier . --write" }, "dependencies": { - "@abgov/react-components": "5.0.0", - "@abgov/web-components": "1.25.0", + "@abgov/react-components": "5.0.0-alpha.5", + "@abgov/web-components": "1.17.0-alpha.105", "@faker-js/faker": "^8.3.1", "highlight.js": "^11.8.0", "react": "^18.2.0", diff --git a/src/components/sandbox/SandboxProperties.tsx b/src/components/sandbox/SandboxProperties.tsx index a9186aae4..7cf7c06ec 100644 --- a/src/components/sandbox/SandboxProperties.tsx +++ b/src/components/sandbox/SandboxProperties.tsx @@ -59,7 +59,7 @@ export function SandboxProperties({ properties = [], onChange }: Props) { onChange([...properties]); } - function onDateChange(name: string, value: Date): void { + function onDateChange(name: string, value: Date | undefined): void { const prop = properties.find(p => p.type === "date" && p.name === name); if (!prop || prop.type !== "date") return; prop.value = value; diff --git a/src/examples/modal/ModalExamples.tsx b/src/examples/modal/ModalExamples.tsx index 1878f6726..b75d7e750 100644 --- a/src/examples/modal/ModalExamples.tsx +++ b/src/examples/modal/ModalExamples.tsx @@ -22,7 +22,7 @@ export default function ModalExamples() { const [destructiveModalOpen, setDestructiveModalOpen] = useState(); const [warnCalloutModalOpen, setWarnCalloutModalOpen] = useState(); const [inputModalOpen, setInputModalOpen] = useState(); - const [effectiveDate, setEffectiveDate] = useState(new Date()); + const [effectiveDate, setEffectiveDate] = useState(new Date()); const [onRouteChangeModalOpen, setOnRouteChangeModalOpen] = useState(); const [addItemModalOpen, setAddItemModalOpen] = useState(); const [type, setType] = useState(); @@ -32,7 +32,7 @@ export default function ModalExamples() { const navigate = useNavigate(); const language = useContext(LanguageContext); // @ts-ignore - const onChangeEffectiveDate = (name: string, value: Date) => { + const onChangeEffectiveDate = (name: string, value: Date | undefined) => { setEffectiveDate(value); }; diff --git a/src/routes/components/DatePicker.tsx b/src/routes/components/DatePicker.tsx index e45ed0b93..e74a596c5 100644 --- a/src/routes/components/DatePicker.tsx +++ b/src/routes/components/DatePicker.tsx @@ -31,7 +31,7 @@ const description = type ComponentPropsType = GoADatePickerProps; type CastingType = { [key: string]: unknown; - onChange: (name: string, value: Date) => void; + onChange: (name: string, value: Date|undefined) => void; }; export default function DatePickerPage() { @@ -56,6 +56,12 @@ export default function DatePickerPage() { name: "error", value: false, }, + { + label: "Disabled", + type: "boolean", + name: "disabled", + value: false + } ]); const { formItemBindings, formItemProps, onFormItemChange } = useSandboxFormItem({ label: "Item", @@ -90,6 +96,12 @@ export default function DatePickerPage() { defaultValue: "5 years forward", description: "Maximum date value allowed.", }, + { + name: "disabled", + type: "boolean", + defaultValue: "false", + description: "Disables the date picker.", + } ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { From 3ce3970e76d85397372d7d1d9ab077a5dd46e15c Mon Sep 17 00:00:00 2001 From: Thomas Jeffery <82968683+twjeffery@users.noreply.github.com> Date: Mon, 23 Sep 2024 00:09:10 -0400 Subject: [PATCH 08/16] chore: fix --- src/routes/components/Skeleton.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/components/Skeleton.tsx b/src/routes/components/Skeleton.tsx index 17b43ac94..513633ad1 100644 --- a/src/routes/components/Skeleton.tsx +++ b/src/routes/components/Skeleton.tsx @@ -115,7 +115,7 @@ export default function SkeletonPage() { lang: "react", }, ]; -{ + function onSandboxChange(bindings: ComponentBinding[], props: Record): void { setSkeletonBindings(bindings); setSkeletonProps(props as CastingType); From c95b9bde11da6d53086a0be6582972ab64be17f5 Mon Sep 17 00:00:00 2001 From: Dustin Nielsen Date: Tue, 24 Sep 2024 11:55:47 -0600 Subject: [PATCH 09/16] fix(#2061): Changed links on Designer get started page --- src/routes/get-started/designers/UxDesigner.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/routes/get-started/designers/UxDesigner.tsx b/src/routes/get-started/designers/UxDesigner.tsx index 9d80e086a..4323f387b 100644 --- a/src/routes/get-started/designers/UxDesigner.tsx +++ b/src/routes/get-started/designers/UxDesigner.tsx @@ -89,7 +89,7 @@ export default function UxDesignerPage() {

A{" "} starter template file @@ -102,7 +102,7 @@ export default function UxDesignerPage() {

In addition to these templates ,{" "} helper components From 51e4bdafbe0dd83b661eaab50b014ba71a77b810 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 24 Sep 2024 19:35:28 +0000 Subject: [PATCH 10/16] chore(deps): bump rollup from 4.13.0 to 4.22.4 Bumps [rollup](https://github.com/rollup/rollup) from 4.13.0 to 4.22.4. - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](https://github.com/rollup/rollup/compare/v4.13.0...v4.22.4) --- updated-dependencies: - dependency-name: rollup dependency-type: indirect ... Signed-off-by: dependabot[bot] --- package-lock.json | 134 +++++++++++++++++++++++----------------------- 1 file changed, 67 insertions(+), 67 deletions(-) diff --git a/package-lock.json b/package-lock.json index e54572117..c6ead9a12 100644 --- a/package-lock.json +++ b/package-lock.json @@ -668,9 +668,9 @@ } }, "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.3.tgz", - "integrity": "sha512-MmKSfaB9GX+zXl6E8z4koOr/xU63AMVleLEa64v7R0QF/ZloMs5vcD1sHgM64GXXS1csaJutG+ddtzcueI/BLg==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.4.tgz", + "integrity": "sha512-Fxamp4aEZnfPOcGA8KSNEohV8hX7zVHOemC8jVBoBUHu5zpJK/Eu3uJwt6BMgy9fkvzxDaurgj96F/NiLukF2w==", "cpu": [ "arm" ], @@ -680,9 +680,9 @@ ] }, "node_modules/@rollup/rollup-android-arm64": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.21.3.tgz", - "integrity": "sha512-zrt8ecH07PE3sB4jPOggweBjJMzI1JG5xI2DIsUbkA+7K+Gkjys6eV7i9pOenNSDJH3eOr/jLb/PzqtmdwDq5g==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.4.tgz", + "integrity": "sha512-VXoK5UMrgECLYaMuGuVTOx5kcuap1Jm8g/M83RnCHBKOqvPPmROFJGQaZhGccnsFtfXQ3XYa4/jMCJvZnbJBdA==", "cpu": [ "arm64" ], @@ -692,9 +692,9 @@ ] }, "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.21.3.tgz", - "integrity": "sha512-P0UxIOrKNBFTQaXTxOH4RxuEBVCgEA5UTNV6Yz7z9QHnUJ7eLX9reOd/NYMO3+XZO2cco19mXTxDMXxit4R/eQ==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.4.tgz", + "integrity": "sha512-xMM9ORBqu81jyMKCDP+SZDhnX2QEVQzTcC6G18KlTQEzWK8r/oNZtKuZaCcHhnsa6fEeOBionoyl5JsAbE/36Q==", "cpu": [ "arm64" ], @@ -704,9 +704,9 @@ ] }, "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.21.3.tgz", - "integrity": "sha512-L1M0vKGO5ASKntqtsFEjTq/fD91vAqnzeaF6sfNAy55aD+Hi2pBI5DKwCO+UNDQHWsDViJLqshxOahXyLSh3EA==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.4.tgz", + "integrity": "sha512-aJJyYKQwbHuhTUrjWjxEvGnNNBCnmpHDvrb8JFDbeSH3m2XdHcxDd3jthAzvmoI8w/kSjd2y0udT+4okADsZIw==", "cpu": [ "x64" ], @@ -716,9 +716,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.21.3.tgz", - "integrity": "sha512-btVgIsCjuYFKUjopPoWiDqmoUXQDiW2A4C3Mtmp5vACm7/GnyuprqIDPNczeyR5W8rTXEbkmrJux7cJmD99D2g==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.4.tgz", + "integrity": "sha512-j63YtCIRAzbO+gC2L9dWXRh5BFetsv0j0va0Wi9epXDgU/XUi5dJKo4USTttVyK7fGw2nPWK0PbAvyliz50SCQ==", "cpu": [ "arm" ], @@ -728,9 +728,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.21.3.tgz", - "integrity": "sha512-zmjbSphplZlau6ZTkxd3+NMtE4UKVy7U4aVFMmHcgO5CUbw17ZP6QCgyxhzGaU/wFFdTfiojjbLG3/0p9HhAqA==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.4.tgz", + "integrity": "sha512-dJnWUgwWBX1YBRsuKKMOlXCzh2Wu1mlHzv20TpqEsfdZLb3WoJW2kIEsGwLkroYf24IrPAvOT/ZQ2OYMV6vlrg==", "cpu": [ "arm" ], @@ -740,9 +740,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.21.3.tgz", - "integrity": "sha512-nSZfcZtAnQPRZmUkUQwZq2OjQciR6tEoJaZVFvLHsj0MF6QhNMg0fQ6mUOsiCUpTqxTx0/O6gX0V/nYc7LrgPw==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.4.tgz", + "integrity": "sha512-AdPRoNi3NKVLolCN/Sp4F4N1d98c4SBnHMKoLuiG6RXgoZ4sllseuGioszumnPGmPM2O7qaAX/IJdeDU8f26Aw==", "cpu": [ "arm64" ], @@ -752,9 +752,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.21.3.tgz", - "integrity": "sha512-MnvSPGO8KJXIMGlQDYfvYS3IosFN2rKsvxRpPO2l2cum+Z3exiExLwVU+GExL96pn8IP+GdH8Tz70EpBhO0sIQ==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.4.tgz", + "integrity": "sha512-Gl0AxBtDg8uoAn5CCqQDMqAx22Wx22pjDOjBdmG0VIWX3qUBHzYmOKh8KXHL4UpogfJ14G4wk16EQogF+v8hmA==", "cpu": [ "arm64" ], @@ -764,9 +764,9 @@ ] }, "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.21.3.tgz", - "integrity": "sha512-+W+p/9QNDr2vE2AXU0qIy0qQE75E8RTwTwgqS2G5CRQ11vzq0tbnfBd6brWhS9bCRjAjepJe2fvvkvS3dno+iw==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.4.tgz", + "integrity": "sha512-3aVCK9xfWW1oGQpTsYJJPF6bfpWfhbRnhdlyhak2ZiyFLDaayz0EP5j9V1RVLAAxlmWKTDfS9wyRyY3hvhPoOg==", "cpu": [ "ppc64" ], @@ -776,9 +776,9 @@ ] }, "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.21.3.tgz", - "integrity": "sha512-yXH6K6KfqGXaxHrtr+Uoy+JpNlUlI46BKVyonGiaD74ravdnF9BUNC+vV+SIuB96hUMGShhKV693rF9QDfO6nQ==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.4.tgz", + "integrity": "sha512-ePYIir6VYnhgv2C5Xe9u+ico4t8sZWXschR6fMgoPUK31yQu7hTEJb7bCqivHECwIClJfKgE7zYsh1qTP3WHUA==", "cpu": [ "riscv64" ], @@ -788,9 +788,9 @@ ] }, "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.21.3.tgz", - "integrity": "sha512-R8cwY9wcnApN/KDYWTH4gV/ypvy9yZUHlbJvfaiXSB48JO3KpwSpjOGqO4jnGkLDSk1hgjYkTbTt6Q7uvPf8eg==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.4.tgz", + "integrity": "sha512-GqFJ9wLlbB9daxhVlrTe61vJtEY99/xB3C8e4ULVsVfflcpmR6c8UZXjtkMA6FhNONhj2eA5Tk9uAVw5orEs4Q==", "cpu": [ "s390x" ], @@ -800,9 +800,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.21.3.tgz", - "integrity": "sha512-kZPbX/NOPh0vhS5sI+dR8L1bU2cSO9FgxwM8r7wHzGydzfSjLRCFAT87GR5U9scj2rhzN3JPYVC7NoBbl4FZ0g==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.4.tgz", + "integrity": "sha512-87v0ol2sH9GE3cLQLNEy0K/R0pz1nvg76o8M5nhMR0+Q+BBGLnb35P0fVz4CQxHYXaAOhE8HhlkaZfsdUOlHwg==", "cpu": [ "x64" ], @@ -812,9 +812,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.21.3.tgz", - "integrity": "sha512-S0Yq+xA1VEH66uiMNhijsWAafffydd2X5b77eLHfRmfLsRSpbiAWiRHV6DEpz6aOToPsgid7TI9rGd6zB1rhbg==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.4.tgz", + "integrity": "sha512-UV6FZMUgePDZrFjrNGIWzDo/vABebuXBhJEqrHxrGiU6HikPy0Z3LfdtciIttEUQfuDdCn8fqh7wiFJjCNwO+g==", "cpu": [ "x64" ], @@ -824,9 +824,9 @@ ] }, "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.21.3.tgz", - "integrity": "sha512-9isNzeL34yquCPyerog+IMCNxKR8XYmGd0tHSV+OVx0TmE0aJOo9uw4fZfUuk2qxobP5sug6vNdZR6u7Mw7Q+Q==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.4.tgz", + "integrity": "sha512-BjI+NVVEGAXjGWYHz/vv0pBqfGoUH0IGZ0cICTn7kB9PyjrATSkX+8WkguNjWoj2qSr1im/+tTGRaY+4/PdcQw==", "cpu": [ "arm64" ], @@ -836,9 +836,9 @@ ] }, "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.21.3.tgz", - "integrity": "sha512-nMIdKnfZfzn1Vsk+RuOvl43ONTZXoAPUUxgcU0tXooqg4YrAqzfKzVenqqk2g5efWh46/D28cKFrOzDSW28gTA==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.4.tgz", + "integrity": "sha512-SiWG/1TuUdPvYmzmYnmd3IEifzR61Tragkbx9D3+R8mzQqDBz8v+BvZNDlkiTtI9T15KYZhP0ehn3Dld4n9J5g==", "cpu": [ "ia32" ], @@ -848,9 +848,9 @@ ] }, "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.3.tgz", - "integrity": "sha512-fOvu7PCQjAj4eWDEuD8Xz5gpzFqXzGlxHZozHP4b9Jxv9APtdxL6STqztDzMLuRXEc4UpXGGhx029Xgm91QBeA==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.4.tgz", + "integrity": "sha512-j8pPKp53/lq9lMXN57S8cFz0MynJk8OWNuUnXct/9KCpKU7DgU3bYMJhwWmcqC0UU29p8Lr0/7KEVcaM6bf47Q==", "cpu": [ "x64" ], @@ -2869,9 +2869,9 @@ } }, "node_modules/rollup": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.21.3.tgz", - "integrity": "sha512-7sqRtBNnEbcBtMeRVc6VRsJMmpI+JU1z9VTvW8D4gXIYQFz0aLcsE6rRkyghZkLfEgUZgVvOG7A5CVz/VW5GIA==", + "version": "4.22.4", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.4.tgz", + "integrity": "sha512-vD8HJ5raRcWOyymsR6Z3o6+RzfEPCnVLMFJ6vRslO1jt4LO6dUo5Qnpg7y4RkZFM2DMe3WUirkI5c16onjrc6A==", "dependencies": { "@types/estree": "1.0.5" }, @@ -2883,22 +2883,22 @@ "npm": ">=8.0.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.21.3", - "@rollup/rollup-android-arm64": "4.21.3", - "@rollup/rollup-darwin-arm64": "4.21.3", - "@rollup/rollup-darwin-x64": "4.21.3", - "@rollup/rollup-linux-arm-gnueabihf": "4.21.3", - "@rollup/rollup-linux-arm-musleabihf": "4.21.3", - "@rollup/rollup-linux-arm64-gnu": "4.21.3", - "@rollup/rollup-linux-arm64-musl": "4.21.3", - "@rollup/rollup-linux-powerpc64le-gnu": "4.21.3", - "@rollup/rollup-linux-riscv64-gnu": "4.21.3", - "@rollup/rollup-linux-s390x-gnu": "4.21.3", - "@rollup/rollup-linux-x64-gnu": "4.21.3", - "@rollup/rollup-linux-x64-musl": "4.21.3", - "@rollup/rollup-win32-arm64-msvc": "4.21.3", - "@rollup/rollup-win32-ia32-msvc": "4.21.3", - "@rollup/rollup-win32-x64-msvc": "4.21.3", + "@rollup/rollup-android-arm-eabi": "4.22.4", + "@rollup/rollup-android-arm64": "4.22.4", + "@rollup/rollup-darwin-arm64": "4.22.4", + "@rollup/rollup-darwin-x64": "4.22.4", + "@rollup/rollup-linux-arm-gnueabihf": "4.22.4", + "@rollup/rollup-linux-arm-musleabihf": "4.22.4", + "@rollup/rollup-linux-arm64-gnu": "4.22.4", + "@rollup/rollup-linux-arm64-musl": "4.22.4", + "@rollup/rollup-linux-powerpc64le-gnu": "4.22.4", + "@rollup/rollup-linux-riscv64-gnu": "4.22.4", + "@rollup/rollup-linux-s390x-gnu": "4.22.4", + "@rollup/rollup-linux-x64-gnu": "4.22.4", + "@rollup/rollup-linux-x64-musl": "4.22.4", + "@rollup/rollup-win32-arm64-msvc": "4.22.4", + "@rollup/rollup-win32-ia32-msvc": "4.22.4", + "@rollup/rollup-win32-x64-msvc": "4.22.4", "fsevents": "~2.3.2" } }, From f13959a56c3ab080de6ee8aec0d9652a6d912f22 Mon Sep 17 00:00:00 2001 From: Thomas Jeffery <82968683+twjeffery@users.noreply.github.com> Date: Wed, 25 Sep 2024 10:59:02 -0400 Subject: [PATCH 11/16] chore: removed margin properties from file uploader (not applicable) --- src/routes/components/FileUploader.tsx | 5 ----- 1 file changed, 5 deletions(-) diff --git a/src/routes/components/FileUploader.tsx b/src/routes/components/FileUploader.tsx index 4bb475667..314baf4e1 100644 --- a/src/routes/components/FileUploader.tsx +++ b/src/routes/components/FileUploader.tsx @@ -129,11 +129,6 @@ export default function FileUploaderPage() { type: "(file: File) => void", description: "Event fired for each file selected", }, - { - name: "mt,mr,mb,ml", - type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", - description: "Apply margin to the top, right, bottom, and/or left of the component.", - }, ]; const fileUploadCardProperties: ComponentProperty[] = [ From 5ced9e231fcad34cf7c0027b02b07a19d802ea05 Mon Sep 17 00:00:00 2001 From: Thomas Jeffery <82968683+twjeffery@users.noreply.github.com> Date: Wed, 25 Sep 2024 11:00:09 -0400 Subject: [PATCH 12/16] chore: add margin property to radio group --- src/routes/components/Radio.tsx | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/routes/components/Radio.tsx b/src/routes/components/Radio.tsx index 2a6960754..289f52c0f 100644 --- a/src/routes/components/Radio.tsx +++ b/src/routes/components/Radio.tsx @@ -135,6 +135,11 @@ export default function RadioPage() { required: true, description: "Callback function when radio value is changed.", }, + { + name: "mt,mr,mb,ml", + type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl", + description: "Apply margin to the top, right, bottom, and/or left of the component.", + }, ]; const radioItemProperties: ComponentProperty[] = [ { From 5985d013f9291c4f6cc01d9d2d40c4a0cbbf24ff Mon Sep 17 00:00:00 2001 From: Thomas Jeffery <82968683+twjeffery@users.noreply.github.com> Date: Wed, 25 Sep 2024 11:06:22 -0400 Subject: [PATCH 13/16] build fix --- src/routes/components/DatePicker.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/components/DatePicker.tsx b/src/routes/components/DatePicker.tsx index ccfe6fd5b..e6bdb76cd 100644 --- a/src/routes/components/DatePicker.tsx +++ b/src/routes/components/DatePicker.tsx @@ -106,7 +106,7 @@ export default function DatePickerPage() { type: "boolean", defaultValue: "false", description: "Disables the date picker.", - } + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { From 110f6a7855d83717ea21b79a1249f22a90507806 Mon Sep 17 00:00:00 2001 From: "Syed.Zeeshan" Date: Tue, 24 Sep 2024 20:22:18 -0400 Subject: [PATCH 14/16] fix(#1897): docs microsite header feedback click handler --- package-lock.json | 16 ++-- package.json | 4 +- src/routes/components/MicrositeHeader.tsx | 97 +++++++++++++++++++++-- 3 files changed, 101 insertions(+), 16 deletions(-) diff --git a/package-lock.json b/package-lock.json index 0744afb24..b87dc8cbe 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,8 +8,8 @@ "name": "code-sandbox", "version": "0.0.0", "dependencies": { - "@abgov/react-components": "5.0.0-alpha.5", - "@abgov/web-components": "1.17.0-alpha.105", + "@abgov/react-components": "5.0.0-alpha.8", + "@abgov/web-components": "1.17.0-alpha.109", "@faker-js/faker": "^8.3.1", "highlight.js": "^11.8.0", "react": "^18.2.0", @@ -41,9 +41,9 @@ } }, "node_modules/@abgov/react-components": { - "version": "5.0.0-alpha.5", - "resolved": "https://registry.npmjs.org/@abgov/react-components/-/react-components-5.0.0-alpha.5.tgz", - "integrity": "sha512-EJDqQ5Wr/eny+CnmydLeRjZmyrMJZqQL4zDBDwKw4Cnw1HAYf8tKBlRJ/GD8S5ty3iA78ww+v4NQ/8lYW2vuBg==", + "version": "5.0.0-alpha.8", + "resolved": "https://registry.npmjs.org/@abgov/react-components/-/react-components-5.0.0-alpha.8.tgz", + "integrity": "sha512-1yPMcfRfWYFiGTxNMghPcehdOGsbDMbVWKCQRDSM7DiWB4XGd0G6pcibyNWBHYswCHKczedIVTllspWRrQ9TCg==", "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", "react": "^17.0.0 || ^18.0.0", @@ -51,9 +51,9 @@ } }, "node_modules/@abgov/web-components": { - "version": "1.17.0-alpha.105", - "resolved": "https://registry.npmjs.org/@abgov/web-components/-/web-components-1.17.0-alpha.105.tgz", - "integrity": "sha512-zRjN5nkcuKMHU6WRExWvw+hAb9N1K8Rym0llTRO4xpXYs3x2/mBM1XN6f6V0wMC4UkWUNWHSQMZccgct1bHfgw==", + "version": "1.17.0-alpha.109", + "resolved": "https://registry.npmjs.org/@abgov/web-components/-/web-components-1.17.0-alpha.109.tgz", + "integrity": "sha512-RfJLrWGXt616qJaJ2NzTYz75q080IssAYnhT2ZOg/VgVgvBSLvk/36CDioMslQLDrdJB8rrdEuCllrSd39HkUQ==", "peerDependencies": { "@sveltejs/vite-plugin-svelte": "3.x", "glob": "10.x", diff --git a/package.json b/package.json index 82c96a078..760c971ae 100644 --- a/package.json +++ b/package.json @@ -12,8 +12,8 @@ "prettier": "npx prettier . --write" }, "dependencies": { - "@abgov/react-components": "5.0.0-alpha.5", - "@abgov/web-components": "1.17.0-alpha.105", + "@abgov/react-components": "5.0.0-alpha.8", + "@abgov/web-components": "1.17.0-alpha.109", "@faker-js/faker": "^8.3.1", "highlight.js": "^11.8.0", "react": "^18.2.0", diff --git a/src/routes/components/MicrositeHeader.tsx b/src/routes/components/MicrositeHeader.tsx index 8c12ed8d8..b5d2a894b 100644 --- a/src/routes/components/MicrositeHeader.tsx +++ b/src/routes/components/MicrositeHeader.tsx @@ -14,14 +14,12 @@ import { import { ComponentBinding, Sandbox } from "@components/sandbox"; import { useState } from "react"; import { ComponentContent } from "@components/component-content/ComponentContent"; - +import { CodeSnippet } from "@components/code-snippet/CodeSnippet.tsx"; const componentName = "Microsite header"; const description = "Communicate what stage the service is at, connect to Alberta.ca, and gather feedback on your service."; const componentCategory = Category.STRUCTURE_AND_NAVIGATION; -const relatedComponents = [ - { link: "/components/header", name: "Header" }, -]; +const relatedComponents = [{ link: "/components/header", name: "Header" }]; type ComponentPropsType = GoAHeaderProps; type CastingType = { // add any required props here @@ -107,6 +105,26 @@ export default function MicrositeHeaderPage() { description: "For internal header urls sets target='_self'", defaultValue: "blank", }, + { + name: "hasfeedbackhandler", + type: "boolean", + lang: "angular", + defaultValue: "false", + description: + "Set to true to handle the feedback click via _feedbackClick custom event handler.", + }, + { + name: "_feedbackClick", + lang: "angular", + type: "CustomEvent", + description: "_feedbackClick function invoked when feedback is clicked.", + }, + { + name: "onFeedbackClick", + lang: "react", + type: "() => void", + description: "onFeedbackClick function invoked when feedback is clicked.", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { @@ -114,6 +132,11 @@ export default function MicrositeHeaderPage() { setMicrositeHeaderBindings(bindings); } + const onClick = () => { + console.log("Feedback clicked"); + alert("Thank you for your feedback!"); + }; + return ( <> - -

Component

+

+ Component +

{/*Component properties table*/} + +

Custom click event handler (for feedback)

+ + + + + + + `} + /> + + + onClick()} + /> + + ); + } + `} + /> + Date: Thu, 26 Sep 2024 16:47:15 -0400 Subject: [PATCH 15/16] fix(#2056): docs datepicker reset example(2056) relative prop(2000) --- src/routes/components/DatePicker.tsx | 194 +++++++++++++++++++++++++-- 1 file changed, 184 insertions(+), 10 deletions(-) diff --git a/src/routes/components/DatePicker.tsx b/src/routes/components/DatePicker.tsx index e6bdb76cd..985ef7180 100644 --- a/src/routes/components/DatePicker.tsx +++ b/src/routes/components/DatePicker.tsx @@ -13,6 +13,8 @@ import { GoADatePickerProps, GoADatePicker, GoAFormItem, + GoAButton, + GoAButtonGroup, } from "@abgov/react-components"; import { useSandboxFormItem } from "@hooks/useSandboxFormItem.tsx"; import { CodeSnippet } from "@components/code-snippet/CodeSnippet.tsx"; @@ -24,19 +26,19 @@ const componentName = "Date picker"; const category = Category.INPUTS_AND_ACTIONS; const relatedComponents = [ // { link: "/content/date-format", name: "Date format" }, - { link: "/components/form-item", name: "Form item" } + { link: "/components/form-item", name: "Form item" }, ]; const description = "Lets users select a date through a calendar without the need to manually type it in a field."; type ComponentPropsType = GoADatePickerProps; type CastingType = { [key: string]: unknown; - onChange: (name: string, value: Date|undefined) => void; + onChange: (name: string, value: Date | undefined) => void; }; export default function DatePickerPage() { const [componentProps, setComponentProps] = useState({ - onChange: () => { }, + onChange: () => {}, }); const [componentBindings, setComponentBindings] = useState([ @@ -60,8 +62,8 @@ export default function DatePickerPage() { label: "Disabled", type: "boolean", name: "disabled", - value: false - } + value: false, + }, ]); const { formItemBindings, formItemProps, onFormItemChange } = useSandboxFormItem({ label: "Item", @@ -75,7 +77,7 @@ export default function DatePickerPage() { }, { name: "value", - type: "string", + type: "string | undefined", description: "Value of the calendar date.", }, { @@ -107,6 +109,12 @@ export default function DatePickerPage() { defaultValue: "false", description: "Disables the date picker.", }, + { + name: "relative", + type: "boolean", + description: "Set to true if a parent element has a css position of relative.", + defaultValue: "false", + }, ]; function onSandboxChange(bindings: ComponentBinding[], props: Record) { @@ -114,17 +122,40 @@ export default function DatePickerPage() { setComponentProps(props as CastingType); } - const noop = () => { }; + const noop = () => {}; + + const [date, setDate] = useState(); + + const setNewDate = (value: Date | undefined) => { + setDate(value); + }; + + function setValue() { + const d = new Date(); + d.setDate(d.getDate() - 7); + + setDate(d); + } + + function clearValue() { + setDate(undefined); + } return ( <> - + - -

Component

+

+ Component +

+ + + +

Reset example

+ + (); + + const setNewDate = (value: Date | undefined) => { + setDate(value); + }; + + function setValue() { + const d = new Date(); + d.setDate(d.getDate() - 7); + + setDate(d); + } + + function clearValue() { + setDate(undefined); + } + + return ( + <> + + setNewDate(value)} + mb="xl" + > + + + + Set Value + Clear Value + + + ); + } + `} + /> + + + + + + + + Set Value + Clear Value + + `} + /> + + + + + + + + Set Value + Clear Value + + `} + /> + + + setNewDate(value)} + mb="xl"> + + + + + Set Value + + Clear Value + + Date: Mon, 30 Sep 2024 09:50:40 -0600 Subject: [PATCH 16/16] fix: Updating component package versions --- package-lock.json | 16 ++++++++-------- package.json | 4 ++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index b87dc8cbe..d762e0ab8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,8 +8,8 @@ "name": "code-sandbox", "version": "0.0.0", "dependencies": { - "@abgov/react-components": "5.0.0-alpha.8", - "@abgov/web-components": "1.17.0-alpha.109", + "@abgov/react-components": "5.2.0", + "@abgov/web-components": "1.27.0", "@faker-js/faker": "^8.3.1", "highlight.js": "^11.8.0", "react": "^18.2.0", @@ -41,9 +41,9 @@ } }, "node_modules/@abgov/react-components": { - "version": "5.0.0-alpha.8", - "resolved": "https://registry.npmjs.org/@abgov/react-components/-/react-components-5.0.0-alpha.8.tgz", - "integrity": "sha512-1yPMcfRfWYFiGTxNMghPcehdOGsbDMbVWKCQRDSM7DiWB4XGd0G6pcibyNWBHYswCHKczedIVTllspWRrQ9TCg==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@abgov/react-components/-/react-components-5.2.0.tgz", + "integrity": "sha512-X6DRHKLy1r3Dm6L04wPERqsoHoU9Bgj2U1V/Ih3yiayYwxbjAfcA7M/5LOgt3zQDyXtv3nD3Oq/3waOMiQJl6Q==", "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", "react": "^17.0.0 || ^18.0.0", @@ -51,9 +51,9 @@ } }, "node_modules/@abgov/web-components": { - "version": "1.17.0-alpha.109", - "resolved": "https://registry.npmjs.org/@abgov/web-components/-/web-components-1.17.0-alpha.109.tgz", - "integrity": "sha512-RfJLrWGXt616qJaJ2NzTYz75q080IssAYnhT2ZOg/VgVgvBSLvk/36CDioMslQLDrdJB8rrdEuCllrSd39HkUQ==", + "version": "1.27.0", + "resolved": "https://registry.npmjs.org/@abgov/web-components/-/web-components-1.27.0.tgz", + "integrity": "sha512-uNuGC4nQrvLfWxjJoLwZ77hQqeFbT/FNnA53U5uxiXItMvvhf/mK2tkpmXDGX/byxxaMA8fSsh8DfvSmlMMtNw==", "peerDependencies": { "@sveltejs/vite-plugin-svelte": "3.x", "glob": "10.x", diff --git a/package.json b/package.json index 760c971ae..d9902afe7 100644 --- a/package.json +++ b/package.json @@ -12,8 +12,8 @@ "prettier": "npx prettier . --write" }, "dependencies": { - "@abgov/react-components": "5.0.0-alpha.8", - "@abgov/web-components": "1.17.0-alpha.109", + "@abgov/react-components": "5.2.0", + "@abgov/web-components": "1.27.0", "@faker-js/faker": "^8.3.1", "highlight.js": "^11.8.0", "react": "^18.2.0",