@abgov/react-components 6.3.0-alpha.4 → 6.3.0-alpha.5

package/lib/icon-button/icon-button.d.ts

@@ -1,16 +1,17 @@
+import { JSX } from 'react';
 import { GoabIconButtonVariant, GoabIconSize, GoabIconType, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     icon: GoabIconType;
     size?: GoabIconSize;
     variant?: GoabIconButtonVariant;
     title?: string;
-    disabled?: boolean;
+    disabled?: string;
     arialabel?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-icon-button": WCProps & React.HTMLAttributes<HTMLButtonElement>;

package/lib/input/input.d.ts

@@ -1,10 +1,11 @@
 import { GoabAutoCapitalize, GoabDate, GoabIconType, GoaInputOnBlurDetail, GoabInputOnChangeDetail, GoabInputOnFocusDetail, GoabInputOnKeyPressDetail, GoabInputType, Margins } from '@abgov/ui-components-common';
+import { JSX } from 'react';
 
 export interface IgnoreMe {
     ignore: string;
 }
 interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLInputElement | null>;
+    ref?: React.RefObject<HTMLInputElement | null>;
     type?: GoabInputType;
     name: string;
     value?: string;
@@ -15,11 +16,11 @@ interface WCProps extends Margins {
     leadingicon?: string;
     trailingicon?: string;
     variant: string;
-    disabled?: boolean;
-    error?: boolean;
-    readonly?: boolean;
-    focused?: boolean;
-    handletrailingiconclick?: boolean;
+    disabled?: string;
+    error?: string;
+    readonly?: string;
+    focused?: string;
+    handletrailingiconclick: string;
     width?: string;
     prefix?: string;
     suffix?: string;
@@ -31,7 +32,7 @@ interface WCProps extends Margins {
     maxlength?: number;
     trailingiconarialabel?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-input": WCProps & React.HTMLAttributes<HTMLInputElement>;

package/lib/link/link.d.ts

@@ -6,7 +6,7 @@ interface WCProps extends Margins {
     trailingicon?: GoabIconType;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-link": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/link-button/link-button.d.ts

@@ -6,7 +6,7 @@ interface WCProps extends Margins {
     leadingicon?: GoabIconType;
     trailingicon?: GoabIconType;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-link-button": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/microsite-header/microsite-header.d.ts

@@ -1,6 +1,7 @@
+import { JSX } from 'react';
 import { GoabLinkTarget, GoabServiceLevel } from '@abgov/ui-components-common';
 
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-microsite-header": WCProps & React.HTMLAttributes<HTMLElement>;
@@ -14,8 +15,8 @@ interface WCProps {
     maxcontentwidth?: string;
     feedbackurltarget?: GoabLinkTarget;
     headerurltarget?: GoabLinkTarget;
-    hasfeedbackhandler?: boolean;
-    ref: React.RefObject<HTMLElement>;
+    hasfeedbackhandler?: string;
+    ref: React.RefObject<HTMLElement | null>;
     testid?: string;
 }
 export interface GoabHeaderProps {

package/lib/modal/modal.d.ts

@@ -1,18 +1,18 @@
-import { ReactElement, ReactNode, RefObject } from 'react';
+import { ReactElement, ReactNode, RefObject, JSX } from 'react';
 import { GoabModalCalloutVariant, GoabModalRole, GoabModalTransition } from '@abgov/ui-components-common';
 
 interface WCProps {
-    ref: RefObject<HTMLElement>;
+    ref: RefObject<HTMLElement | null>;
     heading?: ReactNode;
-    open?: boolean;
+    open?: string;
     maxwidth?: string;
-    closable?: boolean;
+    closable: string;
     role?: GoabModalRole;
     transition?: GoabModalTransition;
     calloutvariant?: GoabModalCalloutVariant;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-modal": WCProps & React.HTMLAttributes<HTMLElement>;
@@ -22,7 +22,7 @@ declare global {
 export interface GoabModalProps {
     heading?: ReactNode;
     maxWidth?: string;
-    actions?: ReactElement;
+    actions?: ReactElement<any>;
     onClose?: () => void;
     transition?: GoabModalTransition;
     children?: ReactNode;

package/lib/notification/notification.d.ts

@@ -1,13 +1,13 @@
 import { GoabAriaLiveType, GoabNotificationType } from '@abgov/ui-components-common';
 
 interface WCProps {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     type: GoabNotificationType;
     maxcontentwidth?: string;
     arialive?: GoabAriaLiveType;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-notification": WCProps & React.HTMLAttributes<HTMLButtonElement>;

package/lib/one-column-layout/one-column-layout.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-one-column-layout": React.HTMLAttributes<HTMLElement>;

package/lib/page-block/page-block.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 interface WCProps {
     width: "full" | string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-page-block": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/pages/pages.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 import { Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
     current?: number;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-pages": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/pagination/pagination.d.ts

@@ -1,14 +1,14 @@
 import { GoabPaginationOnChangeDetail, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLElement | undefined>;
+    ref?: React.RefObject<HTMLElement | null>;
     itemcount: number;
     perpagecount?: number;
     pagenumber: number;
     variant?: "all" | "links-only";
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-pagination": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/popover/popover.d.ts

@@ -1,15 +1,15 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 import { GoabPopoverPosition, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
     maxwidth?: string;
     minwidth?: string;
-    padded?: boolean;
+    padded?: string;
     position?: GoabPopoverPosition;
-    relative?: boolean;
+    relative?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-popover": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/radio-group/radio-group.d.ts

@@ -1,17 +1,18 @@
 import { GoabRadioGroupOnChangeDetail, GoabRadioGroupOrientation, Margins } from '@abgov/ui-components-common';
+import { JSX } from 'react';
 
 export * from './radio';
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     name: string;
     value?: string;
     orientation?: GoabRadioGroupOrientation;
-    disabled?: boolean;
-    error?: boolean;
+    disabled?: string;
+    error?: string;
     arialabel?: string;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-radio-group": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/radio-group/radio.d.ts

@@ -1,20 +1,21 @@
+import { JSX } from 'react';
 import { Margins } from '@abgov/ui-components-common';
 
-interface RadioItemProps extends Margins {
+interface WCProps extends Margins {
     name?: string;
     value?: string;
     description?: string | React.ReactNode;
     label?: string;
     maxwidth?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    error?: boolean;
+    disabled?: string;
+    checked?: string;
+    error?: string;
     arialabel?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-radio-item": RadioItemProps & React.HTMLAttributes<HTMLElement>;
+            "goa-radio-item": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -28,8 +29,7 @@ export interface GoabRadioItemProps extends Margins {
     checked?: boolean;
     error?: boolean;
     children?: React.ReactNode;
-    testId?: string;
     ariaLabel?: string;
 }
-export declare function GoabRadioItem({ name, label, value, description, maxWidth, disabled, checked, error, testId, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
+export declare function GoabRadioItem({ name, label, value, description, maxWidth, disabled, checked, error, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
 export default GoabRadioItem;

package/lib/side-menu/side-menu.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 interface WCProps {
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-side-menu": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/side-menu-group/side-menu-group.d.ts

@@ -1,12 +1,12 @@
 import { GoabIconType, Margins } from '@abgov/ui-components-common';
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 interface WCProps extends Margins {
     heading: string;
     icon?: GoabIconType;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-side-menu-group": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/side-menu-heading/side-menu-heading.d.ts

@@ -5,7 +5,7 @@ interface WCProps {
     testid?: string;
     icon?: GoabIconType;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-side-menu-heading": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/skeleton/skeleton.d.ts

@@ -7,7 +7,7 @@ interface WCProps extends Margins {
     type: GoabSkeletonType;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-skeleton": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/spacer/spacer.d.ts

@@ -5,7 +5,7 @@ interface WCProps {
     vspacing?: GoabSpacerVerticalSpacing;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-spacer": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/spinner/spinner.d.ts

@@ -1,13 +1,14 @@
+import { JSX } from 'react';
 import { GoabSpinnerSize, GoabSpinnerType } from '@abgov/ui-components-common';
 
 interface WCProps {
     size: GoabSpinnerSize;
     type: GoabSpinnerType;
-    invert?: boolean;
+    invert?: string;
     progress?: number;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-spinner": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/tab/tab.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import { JSX } from 'react';
+
 interface WCProps {
     heading?: React.ReactNode;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-tab": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/table/table-sort-header.d.ts

@@ -1,10 +1,11 @@
+import { JSX } from 'react';
 import { GoabTableSortDirection } from '@abgov/ui-components-common';
 
 interface WCProps {
     name?: string;
     direction?: GoabTableSortDirection;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-table-sort-header": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/table/table.d.ts

@@ -2,13 +2,13 @@ import { ReactNode } from 'react';
 import { GoabTableOnSortDetail, GoabTableVariant, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
-    ref?: React.MutableRefObject<HTMLElement | null>;
+    ref?: React.RefObject<HTMLElement | null>;
     width?: string;
-    stickyheader?: boolean;
+    stickyheader?: string;
     variant?: GoabTableVariant;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-table": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/tabs/tabs.d.ts

@@ -1,13 +1,13 @@
 import { GoabTabsOnChangeDetail } from '@abgov/ui-components-common';
-import { default as React } from 'react';
+import { default as React, JSX } from 'react';
 
 interface WCProps {
     initialtab?: number;
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     onChange?: (tab: number) => void;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-tabs": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/text/text.d.ts

@@ -1,5 +1,5 @@
 import { GoabTextMaxWidth, GoabTextHeadingElement, GoabTextTextElement, GoabTextSize, GoabTextColor, Margins } from '@abgov/ui-components-common';
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 interface WCProps extends Margins {
     as?: GoabTextTextElement | GoabTextHeadingElement;
@@ -7,7 +7,7 @@ interface WCProps extends Margins {
     maxwidth?: GoabTextMaxWidth;
     color?: GoabTextColor;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-text": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/textarea/textarea.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { GoabTextAreaCountBy, GoabTextAreaOnChangeDetail, GoabTextAreaOnKeyPressDetail, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
@@ -6,9 +7,9 @@ interface WCProps extends Margins {
     value?: string;
     placeholder?: string;
     rows?: number;
-    error?: boolean;
-    readOnly?: boolean;
-    disabled?: boolean;
+    error?: string;
+    readOnly?: string;
+    disabled?: string;
     width?: string;
     maxwidth?: string;
     arialabel?: string;
@@ -16,7 +17,7 @@ interface WCProps extends Margins {
     maxcount?: number;
     testid?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-textarea": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/three-column-layout/three-column-layout.d.ts

@@ -5,7 +5,7 @@ interface WCProps {
     maxcontentwidth?: string;
     rightcolumnwidth?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-three-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/tooltip/tooltip.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 import { GoabTooltipHorizontalAlignment, GoabTooltipPosition, Margins } from '@abgov/ui-components-common';
 
 interface WCProps extends Margins {
@@ -7,7 +7,7 @@ interface WCProps extends Margins {
     testid?: string;
     halign?: GoabTooltipHorizontalAlignment;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-tooltip": WCProps & React.HTMLAttributes<HTMLElement>;

package/lib/two-column-layout/two-column-layout.d.ts

@@ -4,7 +4,7 @@ interface WCProps {
     navcolumnwidth?: string;
     maxcontentwidth?: string;
 }
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "goa-two-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "6.3.0-alpha.4",
+  "version": "6.3.0-alpha.5",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
@@ -20,9 +20,9 @@
   "module": "./index.mjs",
   "types": "./index.d.ts",
   "peerDependencies": {
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "exports": {
     ".": {

package/icon-BNGrU_R_.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-BNGrU_R_.mjs","sources":["../../../libs/react-components/src/lib/drawer/drawer.tsx","../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef } from \"react\";\nimport { GoabDrawerPosition, GoabDrawerSize } from \"@abgov/ui-components-common\";\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: GoabDrawerPosition;\n  heading?: string;\n  maxsize?: GoabDrawerSize;\n  testid?: string;\n  ref: React.RefObject<HTMLElement>;\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-drawer\": WCProps & React.HTMLAttributes<HTMLElement>;\n    }\n  }\n}\n\nexport interface GoabDrawerProps {\n  open: boolean;\n  position: GoabDrawerPosition;\n  heading?: string|ReactNode;\n  maxSize?: GoabDrawerSize;\n  testId?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoabDrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  actions,\n  children,\n  onClose,\n}: GoabDrawerProps): JSX.Element {\n  const el = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (!el?.current || !onClose) {\n      return;\n    }\n    el.current?.addEventListener(\"_close\", onClose)\n    return () => {\n      el.current?.removeEventListener(\"_close\", onClose)\n    }\n  }, [el, onClose])\n\n  return (\n    <goa-drawer\n      ref={el}\n      open={open ? true : undefined}\n      position={position}\n      heading={typeof heading === \"string\" ? heading : undefined}\n      maxsize={maxSize}\n      testid={testId}\n    >\n      {heading && typeof heading !== \"string\" && <div slot=\"heading\">{heading}</div>}\n      {actions && <div slot=\"actions\">{actions}</div>}\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoabDrawer;\n","import {\n  GoabIconFilledType,\n  GoabIconSize,\n  GoabIconTheme,\n  GoabIconType,\n  Margins,\n} from \"@abgov/ui-components-common\";\n\ninterface IonIconProps {\n  name: GoabIconType | GoabIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\nexport interface GoabIconProps extends Margins {\n  type: GoabIconType;\n  size?: GoabIconSize;\n  theme?: GoabIconTheme;\n  inverted?: string;\n  fillColor?: string;\n  opacity?: number;\n  title?: string;\n  ariaLabel?: string;\n  testId?: string;\n}\n\ninterface WCProps extends Margins {\n  type: GoabIconType;\n  theme?: GoabIconTheme;\n  size?: GoabIconSize;\n  inverted?: string;\n  fillcolor?: string;\n  opacity?: number;\n  title?: string;\n  arialabel?: string;\n  testid?: string;\n}\n\nexport function GoabIcon({\n  type,\n  theme,\n  size,\n  inverted,\n  fillColor,\n  opacity,\n  title,\n  ariaLabel,\n  mt,\n  mr,\n  mb,\n  ml,\n  testId,\n}: GoabIconProps): JSX.Element {\n  return (\n    <goa-icon\n      type={type}\n      theme={theme}\n      size={size}\n      inverted={inverted}\n      fillcolor={fillColor}\n      opacity={opacity}\n      title={title}\n      arialabel={ariaLabel}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      testid={testId}\n    />\n  );\n}\n"],"names":["_a"],"mappings":";;AAiCO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AACzB,QAAA,KAAK,OAAoB,IAAI;AAEnC,YAAU,MAAM;;AACd,QAAI,EAAC,yBAAI,YAAW,CAAC,SAAS;AAC5B;AAAA,IACF;AACG,aAAA,YAAA,mBAAS,iBAAiB,UAAU;AACvC,WAAO,MAAM;;AACR,OAAAA,MAAA,GAAA,YAAA,gBAAAA,IAAS,oBAAoB,UAAU;AAAA,IAAO;AAAA,EACnD,GACC,CAAC,IAAI,OAAO,CAAC;AAGd,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,OAAO,OAAO;AAAA,MACpB;AAAA,MACA,SAAS,OAAO,YAAY,WAAW,UAAU;AAAA,MACjD,SAAS;AAAA,MACT,QAAQ;AAAA,MAEP,UAAA;AAAA,QAAA,WAAW,OAAO,YAAY,gCAAa,OAAI,EAAA,MAAK,WAAW,UAAQ,SAAA;AAAA,QACvE,WAAW,oBAAC,OAAI,EAAA,MAAK,WAAW,UAAQ,SAAA;AAAA,QACxC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;ACVO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAE3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/icon-BPmPItnm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-BPmPItnm.js","sources":["../../../libs/react-components/src/lib/drawer/drawer.tsx","../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef } from \"react\";\nimport { GoabDrawerPosition, GoabDrawerSize } from \"@abgov/ui-components-common\";\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: GoabDrawerPosition;\n  heading?: string;\n  maxsize?: GoabDrawerSize;\n  testid?: string;\n  ref: React.RefObject<HTMLElement>;\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-drawer\": WCProps & React.HTMLAttributes<HTMLElement>;\n    }\n  }\n}\n\nexport interface GoabDrawerProps {\n  open: boolean;\n  position: GoabDrawerPosition;\n  heading?: string|ReactNode;\n  maxSize?: GoabDrawerSize;\n  testId?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoabDrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  actions,\n  children,\n  onClose,\n}: GoabDrawerProps): JSX.Element {\n  const el = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (!el?.current || !onClose) {\n      return;\n    }\n    el.current?.addEventListener(\"_close\", onClose)\n    return () => {\n      el.current?.removeEventListener(\"_close\", onClose)\n    }\n  }, [el, onClose])\n\n  return (\n    <goa-drawer\n      ref={el}\n      open={open ? true : undefined}\n      position={position}\n      heading={typeof heading === \"string\" ? heading : undefined}\n      maxsize={maxSize}\n      testid={testId}\n    >\n      {heading && typeof heading !== \"string\" && <div slot=\"heading\">{heading}</div>}\n      {actions && <div slot=\"actions\">{actions}</div>}\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoabDrawer;\n","import {\n  GoabIconFilledType,\n  GoabIconSize,\n  GoabIconTheme,\n  GoabIconType,\n  Margins,\n} from \"@abgov/ui-components-common\";\n\ninterface IonIconProps {\n  name: GoabIconType | GoabIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\nexport interface GoabIconProps extends Margins {\n  type: GoabIconType;\n  size?: GoabIconSize;\n  theme?: GoabIconTheme;\n  inverted?: string;\n  fillColor?: string;\n  opacity?: number;\n  title?: string;\n  ariaLabel?: string;\n  testId?: string;\n}\n\ninterface WCProps extends Margins {\n  type: GoabIconType;\n  theme?: GoabIconTheme;\n  size?: GoabIconSize;\n  inverted?: string;\n  fillcolor?: string;\n  opacity?: number;\n  title?: string;\n  arialabel?: string;\n  testid?: string;\n}\n\nexport function GoabIcon({\n  type,\n  theme,\n  size,\n  inverted,\n  fillColor,\n  opacity,\n  title,\n  ariaLabel,\n  mt,\n  mr,\n  mb,\n  ml,\n  testId,\n}: GoabIconProps): JSX.Element {\n  return (\n    <goa-icon\n      type={type}\n      theme={theme}\n      size={size}\n      inverted={inverted}\n      fillcolor={fillColor}\n      opacity={opacity}\n      title={title}\n      arialabel={ariaLabel}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      testid={testId}\n    />\n  );\n}\n"],"names":["useRef","useEffect","_a","jsxs","jsx"],"mappings":";;;AAiCO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AACzB,QAAA,KAAKA,aAAoB,IAAI;AAEnCC,QAAAA,UAAU,MAAM;;AACd,QAAI,EAAC,yBAAI,YAAW,CAAC,SAAS;AAC5B;AAAA,IACF;AACG,aAAA,YAAA,mBAAS,iBAAiB,UAAU;AACvC,WAAO,MAAM;;AACR,OAAAC,MAAA,GAAA,YAAA,gBAAAA,IAAS,oBAAoB,UAAU;AAAA,IAAO;AAAA,EACnD,GACC,CAAC,IAAI,OAAO,CAAC;AAGd,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,OAAO,OAAO;AAAA,MACpB;AAAA,MACA,SAAS,OAAO,YAAY,WAAW,UAAU;AAAA,MACjD,SAAS;AAAA,MACT,QAAQ;AAAA,MAEP,UAAA;AAAA,QAAA,WAAW,OAAO,YAAY,2CAAa,OAAI,EAAA,MAAK,WAAW,UAAQ,SAAA;AAAA,QACvE,WAAWC,2BAAA,IAAC,OAAI,EAAA,MAAK,WAAW,UAAQ,SAAA;AAAA,QACxC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;ACVO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAE3B,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;;;"}