@bloom-housing/ui-components 13.0.0 → 13.0.1

package/dist/src/sections/GridSection.stories.d.ts

@@ -1,15 +1,16 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const DefaultThreeColumns: () => JSX.Element;
-export declare const TwoColumns: () => JSX.Element;
-export declare const FourColumnsEdit: () => JSX.Element;
-export declare const FourColumnsFields: () => JSX.Element;
-export declare const Address: () => JSX.Element;
-export declare const AddressFields: () => JSX.Element;
-export declare const GridSectionSingleColumn: () => JSX.Element;
-export declare const GridSectionSingleColumnWarn: () => JSX.Element;
-export declare const GridSectionTable: () => JSX.Element;
-export declare const ButtonGrid: () => JSX.Element;
+export declare const DefaultThreeColumns: () => React.JSX.Element;
+export declare const TwoColumns: () => React.JSX.Element;
+export declare const FourColumnsEdit: () => React.JSX.Element;
+export declare const FourColumnsFields: () => React.JSX.Element;
+export declare const Address: () => React.JSX.Element;
+export declare const AddressFields: () => React.JSX.Element;
+export declare const GridSectionSingleColumn: () => React.JSX.Element;
+export declare const GridSectionSingleColumnWarn: () => React.JSX.Element;
+export declare const GridSectionTable: () => React.JSX.Element;
+export declare const ButtonGrid: () => React.JSX.Element;

package/dist/src/sections/InfoCardGrid.d.ts

@@ -6,5 +6,5 @@ export interface InfoCardGridProps {
     defaultHeadingStyle?: boolean;
     children: React.ReactNode;
 }
-declare const InfoCardGrid: (props: InfoCardGridProps) => JSX.Element;
+declare const InfoCardGrid: (props: InfoCardGridProps) => React.JSX.Element;
 export { InfoCardGrid as default, InfoCardGrid };

package/dist/src/sections/InfoCardGrid.stories.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const ThreeCards: () => JSX.Element;
-export declare const InfoCardDefaultHeader: () => JSX.Element;
+export declare const ThreeCards: () => React.JSX.Element;
+export declare const InfoCardDefaultHeader: () => React.JSX.Element;

package/dist/src/sections/ListSection.d.ts

@@ -5,5 +5,5 @@ export interface ListSectionProps {
     subtitle: string | React.ReactNode;
     children?: React.ReactNode;
 }
-declare const ListSection: (props: ListSectionProps) => JSX.Element;
+declare const ListSection: (props: ListSectionProps) => React.JSX.Element;
 export { ListSection as default, ListSection };

package/dist/src/sections/MarkdownSection.d.ts

@@ -5,5 +5,5 @@ export interface MarkdownSectionProps {
     padding?: boolean;
     children: React.ReactNode;
 }
-export declare const MarkdownSection: ({ fullwidth, padding, children }: MarkdownSectionProps) => JSX.Element;
+export declare const MarkdownSection: ({ fullwidth, padding, children }: MarkdownSectionProps) => React.JSX.Element;
 export default MarkdownSection;

package/dist/src/sections/ResponsiveContentList.d.ts

@@ -4,8 +4,8 @@ export interface ResponsiveContentProps {
     desktopClass?: string;
 }
 declare const resetAccordionUuid: () => void;
-declare const ResponsiveContentList: (props: ResponsiveContentProps) => JSX.Element;
-declare const ResponsiveContentItem: (props: ResponsiveContentProps) => JSX.Element;
-declare const ResponsiveContentItemHeader: (props: ResponsiveContentProps) => JSX.Element;
-declare const ResponsiveContentItemBody: (props: ResponsiveContentProps) => JSX.Element;
+declare const ResponsiveContentList: (props: ResponsiveContentProps) => React.JSX.Element;
+declare const ResponsiveContentItem: (props: ResponsiveContentProps) => React.JSX.Element;
+declare const ResponsiveContentItemHeader: (props: ResponsiveContentProps) => React.JSX.Element;
+declare const ResponsiveContentItemBody: (props: ResponsiveContentProps) => React.JSX.Element;
 export { ResponsiveContentList, ResponsiveContentItem, ResponsiveContentItemHeader, ResponsiveContentItemBody, resetAccordionUuid, };

package/dist/src/sections/ResponsiveContentList.stories.d.ts

@@ -1,5 +1,6 @@
+import * as React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const withContentItems: () => JSX.Element;
+export declare const withContentItems: () => React.JSX.Element;

package/dist/src/sections/ResponsiveWrappers.d.ts

@@ -2,6 +2,6 @@ import * as React from "react";
 export interface ResponsiveWrapperProps {
     children: React.ReactNode;
 }
-declare const Desktop: (props: ResponsiveWrapperProps) => JSX.Element;
-declare const Mobile: (props: ResponsiveWrapperProps) => JSX.Element;
+declare const Desktop: (props: ResponsiveWrapperProps) => React.JSX.Element;
+declare const Mobile: (props: ResponsiveWrapperProps) => React.JSX.Element;
 export { Desktop, Mobile };

package/dist/src/tables/AgPagination.d.ts

@@ -11,5 +11,5 @@ type AgPaginationProps = {
     onPerPageChange?: (size: number) => void;
 };
 declare const AG_PER_PAGE_OPTIONS: number[];
-declare const AgPagination: ({ totalItems, totalPages, currentPage, itemsPerPage, quantityLabel, setCurrentPage, setItemsPerPage, onPageChange, onPerPageChange, }: AgPaginationProps) => JSX.Element;
+declare const AgPagination: ({ totalItems, totalPages, currentPage, itemsPerPage, quantityLabel, setCurrentPage, setItemsPerPage, onPageChange, onPerPageChange, }: AgPaginationProps) => React.JSX.Element;
 export { AgPagination as default, AgPagination, AG_PER_PAGE_OPTIONS };

package/dist/src/tables/AgTable.d.ts

@@ -66,5 +66,5 @@ export declare const useAgTable: () => {
         setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
     };
 };
-declare const AgTable: ({ className, config: { gridComponents, columns, totalItemsLabel, rowSelection }, data, headerContent, id, selectConfig, pagination, search: { setSearch, showSearch }, sort: { setSort }, strings, }: AgTableProps) => JSX.Element;
+declare const AgTable: ({ className, config: { gridComponents, columns, totalItemsLabel, rowSelection }, data, headerContent, id, selectConfig, pagination, search: { setSearch, showSearch }, sort: { setSort }, strings, }: AgTableProps) => React.JSX.Element;
 export { AgTable as default, AgTable };

package/dist/src/tables/AgTable.stories.d.ts

@@ -1,11 +1,12 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: ({ className, config: { gridComponents, columns, totalItemsLabel, rowSelection }, data, headerContent, id, selectConfig, pagination, search: { setSearch, showSearch }, sort: { setSort }, strings, }: import("./AgTable").AgTableProps) => JSX.Element;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: ({ className, config: { gridComponents, columns, totalItemsLabel, rowSelection }, data, headerContent, id, selectConfig, pagination, search: { setSearch, showSearch }, sort: { setSort }, strings, }: import("./AgTable").AgTableProps) => React.JSX.Element;
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         a11y: {
             config: {

package/dist/src/tables/CategoryTable.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { StackedTableProps } from "./StackedTable";
 export interface CategoryTableSection {
     /** The header text for a category */
@@ -9,5 +10,5 @@ export interface CategoryTableProps {
     /** The table data passed as category section strings associated with a table data set */
     categoryData: CategoryTableSection[];
 }
-declare const CategoryTable: (props: CategoryTableProps) => JSX.Element;
+declare const CategoryTable: (props: CategoryTableProps) => React.JSX.Element;
 export { CategoryTable as default, CategoryTable };

package/dist/src/tables/CategoryTable.stories.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: (props: import("./CategoryTable").CategoryTableProps) => JSX.Element;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: (props: import("./CategoryTable").CategoryTableProps) => React.JSX.Element;
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const LongerStrings: () => JSX.Element;
+export declare const Basic: () => React.JSX.Element;
+export declare const LongerStrings: () => React.JSX.Element;

package/dist/src/tables/GroupedTable.d.ts

@@ -8,4 +8,4 @@ export interface GroupedTableGroup {
 export interface GroupedTableProps extends Omit<StandardTableProps, "data"> {
     data: GroupedTableGroup[];
 }
-export declare const GroupedTable: (props: GroupedTableProps) => JSX.Element;
+export declare const GroupedTable: (props: GroupedTableProps) => React.JSX.Element;

package/dist/src/tables/GroupedTable.stories.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/tables/MinimalTable.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { TableHeaders, StandardTableData } from "./StandardTable";
 export interface MinimalTableProps {
     /** If the table should be sortable through dragging */
@@ -21,5 +22,5 @@ export interface MinimalTableProps {
     /** An id applied to the table */
     id?: string;
 }
-declare const MinimalTable: (props: MinimalTableProps) => JSX.Element;
+declare const MinimalTable: (props: MinimalTableProps) => React.JSX.Element;
 export { MinimalTable as default, MinimalTable };

package/dist/src/tables/MinimalTable.stories.d.ts

@@ -1,18 +1,19 @@
+import React from "react";
 import { TableHeaders, StandardTableData } from "../tables/StandardTable";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: (props: import("./MinimalTable").MinimalTableProps) => JSX.Element;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: (props: import("./MinimalTable").MinimalTableProps) => React.JSX.Element;
     excludeStories: string[];
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Responsive: () => JSX.Element;
-export declare const ImageCells: () => JSX.Element;
-export declare const FlushLeft: () => JSX.Element;
-export declare const FlushRight: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const Responsive: () => React.JSX.Element;
+export declare const ImageCells: () => React.JSX.Element;
+export declare const FlushLeft: () => React.JSX.Element;
+export declare const FlushRight: () => React.JSX.Element;
 export declare const Draggable: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         a11y: {
             config: {
@@ -26,4 +27,4 @@ export declare const Draggable: {
 };
 export declare const mockHeadersWithStyling: TableHeaders;
 export declare const mockDataWithStyling: StandardTableData;
-export declare const withIcons: () => JSX.Element;
+export declare const withIcons: () => React.JSX.Element;

package/dist/src/tables/StackedTable.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { TableHeaders } from "./StandardTable";
 export interface StackedTableRow {
     /** The main text content of the cell */
@@ -19,5 +20,5 @@ export interface StackedTableProps {
     /** A class name applied to the root of the table */
     className?: string;
 }
-declare const StackedTable: (props: StackedTableProps) => JSX.Element;
+declare const StackedTable: (props: StackedTableProps) => React.JSX.Element;
 export { StackedTable as default, StackedTable };

package/dist/src/tables/StackedTable.stories.d.ts

@@ -1,11 +1,12 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
-    component: (props: import("./StackedTable").StackedTableProps) => JSX.Element;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    component: (props: import("./StackedTable").StackedTableProps) => React.JSX.Element;
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const BasicWithSubtext: () => JSX.Element;
-export declare const BasicWithSubtextAndHiddenDesktopRow: () => JSX.Element;
-export declare const UnitSummaryDefault: () => JSX.Element;
-export declare const BasicWithMultipleCellElements: () => JSX.Element;
+export declare const Basic: () => React.JSX.Element;
+export declare const BasicWithSubtext: () => React.JSX.Element;
+export declare const BasicWithSubtextAndHiddenDesktopRow: () => React.JSX.Element;
+export declare const UnitSummaryDefault: () => React.JSX.Element;
+export declare const BasicWithMultipleCellElements: () => React.JSX.Element;

package/dist/src/tables/StandardTable.d.ts

@@ -12,21 +12,21 @@ export declare const Row: (props: {
     id?: string;
     className?: string;
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const HeaderCell: (props: {
     children?: React.ReactNode;
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const Cell: (props: {
     headerLabel?: string | TableHeadersOptions;
     className?: string;
     colSpan?: number;
     children: React.ReactNode;
     mobileReplacement?: string | React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const TableThumbnail: (props: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export type StandardTableCell = {
     /** The main content of the cell */
     content: React.ReactNode;
@@ -64,4 +64,4 @@ export interface StandardTableProps {
         sortString?: string;
     };
 }
-export declare const StandardTable: (props: StandardTableProps) => JSX.Element;
+export declare const StandardTable: (props: StandardTableProps) => React.JSX.Element;

package/dist/src/tables/StandardTable.stories.d.ts

@@ -1,16 +1,17 @@
+import React from "react";
 import { StandardTableData, TableHeaders } from "./StandardTable";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     includeStories: string[];
     excludeStories: string[];
-    component: (props: import("./StandardTable").StandardTableProps) => JSX.Element;
+    component: (props: import("./StandardTable").StandardTableProps) => React.JSX.Element;
 };
 export default _default;
 export declare const mockHeaders: TableHeaders;
 export declare const mockData: StandardTableData;
-export declare const Default: () => JSX.Element;
-export declare const ImageCells: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const ImageCells: () => React.JSX.Element;
 export declare const preferenceHeaders: {
     name: string;
     action: string;
@@ -20,11 +21,11 @@ export declare const preferenceData: {
         content: string;
     };
     action: {
-        content: JSX.Element;
+        content: React.JSX.Element;
     };
 }[];
 export declare const Draggable: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         a11y: {
             config: {

package/dist/src/text/Description.d.ts

@@ -8,4 +8,4 @@ export interface DescriptionProps {
     markdown?: boolean;
     markdownProps?: MarkdownToJSX.Options;
 }
-export declare const Description: (props: DescriptionProps) => JSX.Element;
+export declare const Description: (props: DescriptionProps) => React.JSX.Element;

package/dist/src/text/Description.stories.d.ts

@@ -1,11 +1,12 @@
+import * as React from "react";
 import { BADGES } from "../../.storybook/constants";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         badges: BADGES[];
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const LongStrings: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const LongStrings: () => React.JSX.Element;

package/dist/src/text/Heading.d.ts

@@ -15,5 +15,5 @@ declare const HeaderStyleMap: {
     lightWeighted: string;
     capsWeighted: string;
 };
-declare const Heading: (props: HeadingProps) => JSX.Element;
+declare const Heading: (props: HeadingProps) => React.JSX.Element;
 export { Heading as default, Heading };

package/dist/src/text/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/text/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,IAAM,cAAc,GAAG;IACrB,YAAY,EAAE,qBAAqB;IACnC,YAAY,EAAE,qBAAqB;IACnC,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,oBAAoB;IACjC,iBAAiB,EAAE,0BAA0B;IAC7C,aAAa,EAAE,sBAAsB;IACrC,YAAY,EAAE,qBAAqB;CACpC,CAAA;AAED,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAClG,IAAM,GAAG,GAAG,WAAI,QAAQ,CAAiC,CAAA;IACzD,IAAM,UAAU,GAAG,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;IACrE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACrE,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/text/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,IAAM,cAAc,GAAG;IACrB,YAAY,EAAE,qBAAqB;IACnC,YAAY,EAAE,qBAAqB;IACnC,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,oBAAoB;IACjC,iBAAiB,EAAE,0BAA0B;IAC7C,aAAa,EAAE,sBAAsB;IACrC,YAAY,EAAE,qBAAqB;CACpC,CAAA;AAED,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAClG,IAAM,GAAG,GAAG,WAAI,QAAQ,CAAuC,CAAA;IAC/D,IAAM,UAAU,GAAG,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;IACrE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACrE,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/src/text/Heading.stories.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="mdx" />
+import * as React from "react";
 import { BADGES } from "../../.storybook/constants";
 import HeadingDocumentation from "./Heading.docs.mdx";
 declare const _default: {
     title: string;
     id: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         docs: {
             page: typeof HeadingDocumentation;
@@ -13,16 +14,16 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const base1: () => JSX.Element;
-export declare const base2: () => JSX.Element;
-export declare const base3: () => JSX.Element;
-export declare const base4: () => JSX.Element;
-export declare const base5: () => JSX.Element;
-export declare const base6: () => JSX.Element;
-export declare const largeHeader: () => JSX.Element;
-export declare const mediumHeader: () => JSX.Element;
-export declare const smallWeighted: () => JSX.Element;
-export declare const smallNormal: () => JSX.Element;
-export declare const underlineHeader: () => JSX.Element;
-export declare const lightWeighted: () => JSX.Element;
-export declare const capsWeighted: () => JSX.Element;
+export declare const base1: () => React.JSX.Element;
+export declare const base2: () => React.JSX.Element;
+export declare const base3: () => React.JSX.Element;
+export declare const base4: () => React.JSX.Element;
+export declare const base5: () => React.JSX.Element;
+export declare const base6: () => React.JSX.Element;
+export declare const largeHeader: () => React.JSX.Element;
+export declare const mediumHeader: () => React.JSX.Element;
+export declare const smallWeighted: () => React.JSX.Element;
+export declare const smallNormal: () => React.JSX.Element;
+export declare const underlineHeader: () => React.JSX.Element;
+export declare const lightWeighted: () => React.JSX.Element;
+export declare const capsWeighted: () => React.JSX.Element;

package/dist/src/text/Message.d.ts

@@ -4,5 +4,5 @@ export interface MessageProps {
     children: React.ReactNode;
     warning?: boolean;
 }
-declare const Message: (props: MessageProps) => JSX.Element;
+declare const Message: (props: MessageProps) => React.JSX.Element;
 export { Message as default, Message };

package/dist/src/text/Message.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const standard: () => JSX.Element;
-export declare const warning: () => JSX.Element;
+export declare const standard: () => React.JSX.Element;
+export declare const warning: () => React.JSX.Element;

package/dist/src/text/Tag.d.ts

@@ -9,4 +9,4 @@ export interface TagProps extends AppearanceProps {
     fillContainer?: boolean;
     ariaLabel?: string;
 }
-export declare const Tag: (props: TagProps) => JSX.Element;
+export declare const Tag: (props: TagProps) => React.JSX.Element;

package/dist/src/text/Tag.stories.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="mdx" />
+import * as React from "react";
 import { BADGES } from "../../.storybook/constants";
 import TagDocumentation from "./Tag.docs.mdx";
 declare const _default: {
     title: string;
     id: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
     parameters: {
         docs: {
             page: typeof TagDocumentation;
@@ -13,12 +14,12 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const standard: () => JSX.Element;
-export declare const success: () => JSX.Element;
-export declare const warning: () => JSX.Element;
-export declare const small: () => JSX.Element;
-export declare const pill: () => JSX.Element;
-export declare const pillSmall: () => JSX.Element;
-export declare const pillLarge: () => JSX.Element;
-export declare const pillColors: () => JSX.Element;
-export declare const pillListings: () => JSX.Element;
+export declare const standard: () => React.JSX.Element;
+export declare const success: () => React.JSX.Element;
+export declare const warning: () => React.JSX.Element;
+export declare const small: () => React.JSX.Element;
+export declare const pill: () => React.JSX.Element;
+export declare const pillSmall: () => React.JSX.Element;
+export declare const pillLarge: () => React.JSX.Element;
+export declare const pillColors: () => React.JSX.Element;
+export declare const pillListings: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "13.0.0",
+  "version": "13.0.1",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/ui-components",
@@ -69,14 +69,14 @@
     "@types/node": "18.14.6",
     "@types/node-polyglot": "^2.4.1",
     "@types/pretty": "2.0.1",
-    "@types/react": "^18.0.32",
+    "@types/react": "^19.2.0",
     "@types/react-beautiful-dnd": "^13.1.1",
-    "@types/react-dom": "^18.0.11",
+    "@types/react-dom": "^19.2.0",
     "@types/react-map-gl": "^5.2.10",
     "@types/react-tabs": "^2.3.2",
     "@types/react-test-renderer": "^18.0.0",
     "@types/react-text-mask": "^5.4.14",
-    "@types/react-transition-group": "^4.4.0",
+    "@types/react-transition-group": "^4.4.12",
     "@types/webpack": "5.28.0",
     "@typescript-eslint/eslint-plugin": "^5.12.1",
     "@typescript-eslint/parser": "^5.12.1",

package/src/actions/ButtonGroup.tsx

@@ -8,7 +8,7 @@ export enum ButtonGroupSpacing {
 
 export interface ButtonGroupProps {
   /** Pass either Button components in, or fragments which can contain one or more buttons */
-  columns: React.ReactNodeArray
+  columns: React.ReactNode[]
   /** Between spacing pushes the columns far apart, even spacing keeps them closer together */
   spacing?: ButtonGroupSpacing
   /** When true, buttons will collapse to a single column on small screens and go full-width */

package/src/blocks/ImageCard.tsx

@@ -134,7 +134,9 @@ const ImageCard = (props: ImageCardProps) => {
                 props.strings?.defaultImageAltText ??
                 t("listings.buildingImageAltText")
               }
-              ref={(el) => (imgRefs.current[0] = el)}
+              ref={(el) => {
+                imgRefs.current[0] = el
+              }}
               onError={onError}
             />
           ) : props.images && displayedImages ? (
@@ -143,7 +145,9 @@ const ImageCard = (props: ImageCardProps) => {
                 key={index}
                 src={image.thumbnailUrl || image.mobileUrl || image.url}
                 alt={getAltText(index, displayedImages, image.description)}
-                ref={(el) => (imgRefs.current[index] = el)}
+                ref={(el) => {
+                  imgRefs.current[index] = el
+                }}
                 onError={onError}
               />
             ))

package/src/forms/Field.tsx

@@ -5,7 +5,7 @@ import { httpsRegex, urlRegex } from "../helpers/validators"
 
 export interface FieldProps {
   error?: boolean
-  errorMessage?: string | JSX.Element
+  errorMessage?: string | React.JSX.Element
   className?: string
   controlClassName?: string
   caps?: boolean
@@ -14,7 +14,7 @@ export interface FieldProps {
   type?: string
   id?: string
   name: string
-  note?: string | JSX.Element
+  note?: string | React.JSX.Element
   subNote?: string
   label?: string | React.ReactNode
   defaultValue?: string | number
@@ -35,7 +35,7 @@ export interface FieldProps {
   hidden?: boolean
   labelClassName?: string
   bordered?: boolean
-  postInputContent?: JSX.Element
+  postInputContent?: React.JSX.Element
 }
 
 const Field = (props: FieldProps) => {

package/src/forms/MultiSelectField.stories.tsx

@@ -10,7 +10,7 @@ export default {
   title: "Forms/MultiSelect Field 🚩",
   id: "forms/multi-select-field",
   decorators: [
-    (storyFn: () => JSX.Element) => (
+    (storyFn: () => React.JSX.Element) => (
       <div style={{ padding: "30px", maxWidth: "600px" }}>{storyFn()}</div>
     ),
   ],

package/src/forms/PhoneField.tsx

@@ -18,7 +18,7 @@ export const PhoneField = (props: {
   control?: any
   disabled?: boolean
   required?: boolean
-  mask?: (args: any) => JSX.Element
+  mask?: (args: any) => React.JSX.Element
   dataTestId?: string
 }) => {
   const labelClasses = []

package/src/forms/checkbox.stories.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 
 export default {
   title: "Forms/Checkbox",
-  decorators: [(storyFn: () => JSX.Element) => <div style={{ padding: "30px" }}>{storyFn()}</div>],
+  decorators: [(storyFn: () => React.JSX.Element) => <div style={{ padding: "30px" }}>{storyFn()}</div>],
 }
 
 export const standard = () => (

package/src/forms/radio.stories.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 
 export default {
   title: "Forms/Radio",
-  decorators: [(storyFn: () => JSX.Element) => <div style={{ padding: "30px" }}>{storyFn()}</div>],
+  decorators: [(storyFn: () => React.JSX.Element) => <div style={{ padding: "30px" }}>{storyFn()}</div>],
 }
 
 export const standard = () => (

package/src/headers/SiteHeader.tsx

@@ -343,7 +343,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
     return (
       <>
         {props.menuLinks.map((menuLink, index) => {
-          let menuContent: JSX.Element
+          let menuContent: React.JSX.Element
           if (menuLink.subMenuLinks) {
             menuContent = getDesktopDropdown(menuLink.title, menuLink.subMenuLinks)
           } else {

package/src/headers/StepHeader.tsx

@@ -18,7 +18,7 @@ const StepHeader = ({
   className,
   priority,
 }: StepHeaderProps) => {
-  const Tag = `h${priority || 2}` as keyof JSX.IntrinsicElements
+  const Tag = `h${priority || 2}` as keyof React.JSX.IntrinsicElements
 
   return (
     <Tag className={`step-header ${className || ""}`}>