@abgov/react-components 5.0.0-alpha.15 → 5.0.0-alpha.16

package/experimental/form/form-summary.d.ts

@@ -6,4 +6,5 @@ declare global {
         }
     }
 }
-export declare function GoASimpleFormSummary(): import("react/jsx-runtime").JSX.Element;
+export declare function GoabSimpleFormSummary(): import("react/jsx-runtime").JSX.Element;
+export default GoabSimpleFormSummary;

package/experimental/form/form.d.ts

@@ -1,18 +1,10 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-export type FormState = {
-    form: Record<string, Record<string, {
-        label: string;
-        value: string;
-    }>>;
-    history: string[];
-    editting: string;
-    lastModified?: Date;
-};
+import { Margins, GoabFormStorageType, GoabFormOnMountDetail, GoabFormOnStateChange } from '../../../../../dist/libs/common/index.d.ts';
+import { ReactNode } from 'react';
+
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLElement | undefined>;
     name: string;
-    storage: "none" | "local" | "session";
+    storage: GoabFormStorageType;
 }
 declare global {
     namespace JSX {
@@ -21,15 +13,12 @@ declare global {
         }
     }
 }
-interface GoAFormProps extends Margins {
+interface GoabFormProps extends Margins {
     children: ReactNode;
     name: string;
-    storage: "none" | "local" | "session";
-    onMount: (fn: (next: string) => void) => void;
-    onStateChange?: (id: string, state: Record<string, Record<string, {
-        label: string;
-        value: string;
-    }>>) => void;
+    storage: GoabFormStorageType;
+    onMount: (e: GoabFormOnMountDetail) => void;
+    onStateChange?: (e: GoabFormOnStateChange) => void;
 }
-export declare function GoASimpleForm({ name, storage, onMount, onStateChange, mt, mr, mb, ml, children, }: GoAFormProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function GoabSimpleForm({ name, storage, onMount, onStateChange, mt, mr, mb, ml, children, }: GoabFormProps): import("react/jsx-runtime").JSX.Element;
+export default GoabSimpleForm;

package/experimental/form/task-list.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { Margins } from '../../../../../dist/libs/common/index.d.ts';
+import { ReactNode } from 'react';
+
 interface WCProps extends Margins {
     heading: string;
 }
@@ -10,9 +11,9 @@ declare global {
         }
     }
 }
-type GoAPublicFormTaskListProps = {
+type GoabPublicFormTaskListProps = {
     heading: string;
     children: ReactNode;
 };
-export declare function GoAPublicFormTaskList({ heading, children }: GoAPublicFormTaskListProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function GoabPublicFormTaskList({ heading, children }: GoabPublicFormTaskListProps): import("react/jsx-runtime").JSX.Element;
+export default GoabPublicFormTaskList;

package/experimental/form/task.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { Margins } from '../../../../../dist/libs/common/index.d.ts';
+import { ReactNode } from 'react';
+
 interface WCProps extends Margins {
     status: "completed" | "not-started" | "cannot-start";
 }
@@ -10,9 +11,9 @@ declare global {
         }
     }
 }
-type GoAPublicFormTaskProps = {
+type GoabPublicFormTaskProps = {
     status: "completed" | "not-started" | "cannot-start";
     children: ReactNode;
 };
-export declare function GoAPublicFormTask({ status, children }: GoAPublicFormTaskProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function GoabPublicFormTask({ status, children }: GoabPublicFormTaskProps): import("react/jsx-runtime").JSX.Element;
+export default GoabPublicFormTask;

package/experimental/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./resizable-panel/ResizablePanel";
-export * from "../lib/drawer/drawer";
+export * from './resizable-panel/ResizablePanel';
+export * from '../lib/drawer/drawer';

package/experimental/resizable-panel/ResizablePanel.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 export type ResizableProps = {
     minWidth?: number;
     children: ReactNode;

package/experimental.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const icon = require("./icon-1IRcN4Uf.js");
+const icon = require("./icon-DmXlIizF.js");
 const panel = "_panel_m3z4m_1";
 const panelBackground = "_panelBackground_m3z4m_8";
 const children = "_children_m3z4m_12";
@@ -16,12 +16,12 @@ const Css = {
   width
 };
 function ResizablePanel(props) {
-  const maxWidth = react.useRef(0);
-  const resizeBarState = react.useRef("static");
   const bgRef = react.useRef(null);
   const sectionRef = react.useRef(null);
   const widthRef = react.useRef(null);
   const handleRef = react.useRef(null);
+  const maxWidth = react.useRef(0);
+  const resizeBarState = react.useRef("static");
   const [width2, setWidth] = react.useState();
   react.useEffect(() => {
     var _a;
@@ -77,7 +77,7 @@ function ResizablePanel(props) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("section", { ref: sectionRef, className: Css.panel, children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: Css.children, children: props.children }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: handleRef, className: Css.handle, children: /* @__PURE__ */ jsxRuntime.jsx(icon.GoAIcon, { type: "reorder-two" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: handleRef, className: Css.handle, children: /* @__PURE__ */ jsxRuntime.jsx(icon.GoabIcon, { type: "reorder-two" }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { ref: widthRef, className: Css.width, children: width2 })
       ]

package/experimental.js.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.js","sources":["../../../libs/react-components/src/experimental/resizable-panel/ResizablePanel.tsx","../../../libs/react-components/src/lib/drawer/drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Css from \"./ResizablePanel.module.css\";\nimport { GoAIcon } from \"../../lib/icon/icon\";\n\nexport type ResizableProps = {\n  minWidth?: number;\n  children: ReactNode;\n};\n\ntype MouseState = \"static\" | \"active\";\n\nexport function ResizablePanel(props: ResizableProps): JSX.Element {\n  // value refs\n  const maxWidth = useRef<number>(0);\n  const resizeBarState = useRef<MouseState>(\"static\");\n\n  // element refs\n  const bgRef = useRef<HTMLDivElement | null>(null);\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const widthRef = useRef<HTMLDivElement | null>(null);\n  const handleRef = useRef<HTMLDivElement | null>(null);\n\n  // state\n  const [width, setWidth] = useState<string>();\n\n  useEffect(() => {\n    maxWidth.current = bgRef.current?.getBoundingClientRect().width ?? 0;\n  }, []);\n\n  function resetMouseState() {\n    resizeBarState.current = \"static\";\n  }\n\n  function onMouseDown(_: React.MouseEvent) {\n    resizeBarState.current = \"active\";\n    window.addEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseUp(_: React.MouseEvent) {\n    resizeBarState.current = \"static\";\n    window.removeEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseMove(e: React.MouseEvent) {\n    if (resizeBarState.current === \"static\") {\n      return;\n    }\n\n    const sectionEl = sectionRef.current;\n    const xOffset = sectionEl?.getBoundingClientRect().x || 0;\n    const mouseX = e.clientX;\n    const minWidth = props.minWidth || 0;\n\n    if (mouseX <= 0) {\n      return;\n    }\n\n    // mouse direction\n    const newXPos = handleRef.current?.getBoundingClientRect().x ?? 0;\n\n    // set width of preview area\n    const calcWidth = Math.max(\n      newXPos - xOffset,\n      Math.min(mouseX - xOffset, maxWidth.current),\n    );\n    const elementWidth = Math.max(minWidth, calcWidth - 64); // 4rem padding\n\n    // prevent dragging bar more than allowed\n    if (elementWidth <= minWidth) {\n      return;\n    }\n\n    // set resizable area width\n    sectionEl?.setAttribute(\"style\", `width: ${calcWidth}px;`);\n    // set displayed px width\n    widthRef.current?.setAttribute(\n      \"style\",\n      `right: ${maxWidth.current - calcWidth + 32}px`,\n    );\n    setWidth(`${Math.round(elementWidth)}px`);\n  }\n\n  return (\n    <div\n      ref={bgRef}\n      className={Css.panelBackground}\n      onMouseDown={onMouseDown}\n      onMouseMove={onMouseMove}\n      onMouseUp={onMouseUp}\n    >\n      <section ref={sectionRef} className={Css.panel}>\n        <div className={Css.children}>{props.children}</div>\n        <div ref={handleRef} className={Css.handle}>\n          <GoAIcon type=\"reorder-two\" />\n        </div>\n      </section>\n      <div ref={widthRef} className={Css.width}>\n        {width}\n      </div>\n    </div>\n  );\n}\n\nexport default ResizablePanel;\n","import { ReactNode, useEffect, useRef } from \"react\";\n\ntype DrawerPosition = \"bottom\" | \"left\" | \"right\" | undefined;\ntype DrawerSizeUnit = \"px\" | \"rem\" | \"ch\" | \"vh\" | \"vw\";\ntype DrawerSize = `${number}${DrawerSizeUnit}` | undefined;\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: DrawerPosition;\n  heading?: string;\n  maxsize?: DrawerSize;\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 GoADrawerProps {\n  open: boolean;\n  position: DrawerPosition;\n  heading?: string;\n  maxSize?: DrawerSize;\n  testId?: string;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoADrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  children,\n  onClose,\n}: GoADrawerProps): 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={heading}\n      maxsize={maxSize}\n      data-testid={testId}\n    >\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoADrawer;\n"],"names":["useRef","width","useState","useEffect","jsxs","jsx","GoAIcon","children","_a"],"mappings":"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"}
+{"version":3,"file":"experimental.js","sources":["../../../libs/react-components/src/experimental/resizable-panel/ResizablePanel.tsx","../../../libs/react-components/src/lib/drawer/drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Css from \"./ResizablePanel.module.css\";\nimport { GoabIcon } from \"../../lib/icon/icon\";\n\nexport type ResizableProps = {\n  minWidth?: number;\n  children: ReactNode;\n};\n\ntype MouseState = \"static\" | \"active\";\n\nexport function ResizablePanel(props: ResizableProps): JSX.Element {\n  // element refs\n  const bgRef = useRef<HTMLDivElement | null>(null);\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const widthRef = useRef<HTMLDivElement | null>(null);\n  const handleRef = useRef<HTMLDivElement | null>(null);\n\n  // value refs\n  const maxWidth = useRef<number>(0);\n  const resizeBarState = useRef<MouseState>(\"static\");\n\n  // state\n  const [width, setWidth] = useState<string>();\n\n  useEffect(() => {\n    maxWidth.current = bgRef.current?.getBoundingClientRect().width ?? 0;\n  }, []);\n\n  function resetMouseState() {\n    resizeBarState.current = \"static\";\n  }\n\n  function onMouseDown(_: React.MouseEvent) {\n    resizeBarState.current = \"active\";\n    window.addEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseUp(_: React.MouseEvent) {\n    resizeBarState.current = \"static\";\n    window.removeEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseMove(e: React.MouseEvent) {\n    if (resizeBarState.current === \"static\") {\n      return;\n    }\n\n    const sectionEl = sectionRef.current;\n    const xOffset = sectionEl?.getBoundingClientRect().x || 0;\n    const mouseX = e.clientX;\n    const minWidth = props.minWidth || 0;\n\n    if (mouseX <= 0) {\n      return;\n    }\n\n    // mouse direction\n    const newXPos = handleRef.current?.getBoundingClientRect().x ?? 0;\n\n    // set width of preview area\n    const calcWidth = Math.max(\n      newXPos - xOffset,\n      Math.min(mouseX - xOffset, maxWidth.current),\n    );\n    const elementWidth = Math.max(minWidth, calcWidth - 64); // 4rem padding\n\n    // prevent dragging bar more than allowed\n    if (elementWidth <= minWidth) {\n      return;\n    }\n\n    // set resizable area width\n    sectionEl?.setAttribute(\"style\", `width: ${calcWidth}px;`);\n    // set displayed px width\n    widthRef.current?.setAttribute(\n      \"style\",\n      `right: ${maxWidth.current - calcWidth + 32}px`,\n    );\n    setWidth(`${Math.round(elementWidth)}px`);\n  }\n\n  return (\n    <div\n      ref={bgRef}\n      className={Css.panelBackground}\n      onMouseDown={onMouseDown}\n      onMouseMove={onMouseMove}\n      onMouseUp={onMouseUp}\n    >\n      <section ref={sectionRef} className={Css.panel}>\n        <div className={Css.children}>{props.children}</div>\n        <div ref={handleRef} className={Css.handle}>\n          <GoabIcon type=\"reorder-two\" />\n        </div>\n      </section>\n      <div ref={widthRef} className={Css.width}>\n        {width}\n      </div>\n    </div>\n  );\n}\n\nexport default ResizablePanel;\n","import { ReactNode, useEffect, useRef } from \"react\";\n\ntype DrawerPosition = \"bottom\" | \"left\" | \"right\" | undefined;\ntype DrawerSizeUnit = \"px\" | \"rem\" | \"ch\" | \"vh\" | \"vw\";\ntype DrawerSize = `${number}${DrawerSizeUnit}` | undefined;\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: DrawerPosition;\n  heading?: string;\n  maxsize?: DrawerSize;\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 GoADrawerProps {\n  open: boolean;\n  position: DrawerPosition;\n  heading?: string;\n  maxSize?: DrawerSize;\n  testId?: string;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoADrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  children,\n  onClose,\n}: GoADrawerProps): 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={heading}\n      maxsize={maxSize}\n      data-testid={testId}\n    >\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoADrawer;\n"],"names":["useRef","width","useState","useEffect","jsxs","jsx","GoabIcon","children","_a"],"mappings":"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"}

package/experimental.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
-import { G as GoAIcon } from "./icon-DgSW1II3.mjs";
+import { G as GoabIcon } from "./icon-iZ6Uu6WB.mjs";
 const panel = "_panel_m3z4m_1";
 const panelBackground = "_panelBackground_m3z4m_8";
 const children = "_children_m3z4m_12";
@@ -14,12 +14,12 @@ const Css = {
   width
 };
 function ResizablePanel(props) {
-  const maxWidth = useRef(0);
-  const resizeBarState = useRef("static");
   const bgRef = useRef(null);
   const sectionRef = useRef(null);
   const widthRef = useRef(null);
   const handleRef = useRef(null);
+  const maxWidth = useRef(0);
+  const resizeBarState = useRef("static");
   const [width2, setWidth] = useState();
   useEffect(() => {
     var _a;
@@ -75,7 +75,7 @@ function ResizablePanel(props) {
       children: [
         /* @__PURE__ */ jsxs("section", { ref: sectionRef, className: Css.panel, children: [
           /* @__PURE__ */ jsx("div", { className: Css.children, children: props.children }),
-          /* @__PURE__ */ jsx("div", { ref: handleRef, className: Css.handle, children: /* @__PURE__ */ jsx(GoAIcon, { type: "reorder-two" }) })
+          /* @__PURE__ */ jsx("div", { ref: handleRef, className: Css.handle, children: /* @__PURE__ */ jsx(GoabIcon, { type: "reorder-two" }) })
         ] }),
         /* @__PURE__ */ jsx("div", { ref: widthRef, className: Css.width, children: width2 })
       ]

package/experimental.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.mjs","sources":["../../../libs/react-components/src/experimental/resizable-panel/ResizablePanel.tsx","../../../libs/react-components/src/lib/drawer/drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Css from \"./ResizablePanel.module.css\";\nimport { GoAIcon } from \"../../lib/icon/icon\";\n\nexport type ResizableProps = {\n  minWidth?: number;\n  children: ReactNode;\n};\n\ntype MouseState = \"static\" | \"active\";\n\nexport function ResizablePanel(props: ResizableProps): JSX.Element {\n  // value refs\n  const maxWidth = useRef<number>(0);\n  const resizeBarState = useRef<MouseState>(\"static\");\n\n  // element refs\n  const bgRef = useRef<HTMLDivElement | null>(null);\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const widthRef = useRef<HTMLDivElement | null>(null);\n  const handleRef = useRef<HTMLDivElement | null>(null);\n\n  // state\n  const [width, setWidth] = useState<string>();\n\n  useEffect(() => {\n    maxWidth.current = bgRef.current?.getBoundingClientRect().width ?? 0;\n  }, []);\n\n  function resetMouseState() {\n    resizeBarState.current = \"static\";\n  }\n\n  function onMouseDown(_: React.MouseEvent) {\n    resizeBarState.current = \"active\";\n    window.addEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseUp(_: React.MouseEvent) {\n    resizeBarState.current = \"static\";\n    window.removeEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseMove(e: React.MouseEvent) {\n    if (resizeBarState.current === \"static\") {\n      return;\n    }\n\n    const sectionEl = sectionRef.current;\n    const xOffset = sectionEl?.getBoundingClientRect().x || 0;\n    const mouseX = e.clientX;\n    const minWidth = props.minWidth || 0;\n\n    if (mouseX <= 0) {\n      return;\n    }\n\n    // mouse direction\n    const newXPos = handleRef.current?.getBoundingClientRect().x ?? 0;\n\n    // set width of preview area\n    const calcWidth = Math.max(\n      newXPos - xOffset,\n      Math.min(mouseX - xOffset, maxWidth.current),\n    );\n    const elementWidth = Math.max(minWidth, calcWidth - 64); // 4rem padding\n\n    // prevent dragging bar more than allowed\n    if (elementWidth <= minWidth) {\n      return;\n    }\n\n    // set resizable area width\n    sectionEl?.setAttribute(\"style\", `width: ${calcWidth}px;`);\n    // set displayed px width\n    widthRef.current?.setAttribute(\n      \"style\",\n      `right: ${maxWidth.current - calcWidth + 32}px`,\n    );\n    setWidth(`${Math.round(elementWidth)}px`);\n  }\n\n  return (\n    <div\n      ref={bgRef}\n      className={Css.panelBackground}\n      onMouseDown={onMouseDown}\n      onMouseMove={onMouseMove}\n      onMouseUp={onMouseUp}\n    >\n      <section ref={sectionRef} className={Css.panel}>\n        <div className={Css.children}>{props.children}</div>\n        <div ref={handleRef} className={Css.handle}>\n          <GoAIcon type=\"reorder-two\" />\n        </div>\n      </section>\n      <div ref={widthRef} className={Css.width}>\n        {width}\n      </div>\n    </div>\n  );\n}\n\nexport default ResizablePanel;\n","import { ReactNode, useEffect, useRef } from \"react\";\n\ntype DrawerPosition = \"bottom\" | \"left\" | \"right\" | undefined;\ntype DrawerSizeUnit = \"px\" | \"rem\" | \"ch\" | \"vh\" | \"vw\";\ntype DrawerSize = `${number}${DrawerSizeUnit}` | undefined;\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: DrawerPosition;\n  heading?: string;\n  maxsize?: DrawerSize;\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 GoADrawerProps {\n  open: boolean;\n  position: DrawerPosition;\n  heading?: string;\n  maxSize?: DrawerSize;\n  testId?: string;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoADrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  children,\n  onClose,\n}: GoADrawerProps): 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={heading}\n      maxsize={maxSize}\n      data-testid={testId}\n    >\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoADrawer;\n"],"names":["width","children","_a"],"mappings":"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"}
+{"version":3,"file":"experimental.mjs","sources":["../../../libs/react-components/src/experimental/resizable-panel/ResizablePanel.tsx","../../../libs/react-components/src/lib/drawer/drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Css from \"./ResizablePanel.module.css\";\nimport { GoabIcon } from \"../../lib/icon/icon\";\n\nexport type ResizableProps = {\n  minWidth?: number;\n  children: ReactNode;\n};\n\ntype MouseState = \"static\" | \"active\";\n\nexport function ResizablePanel(props: ResizableProps): JSX.Element {\n  // element refs\n  const bgRef = useRef<HTMLDivElement | null>(null);\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const widthRef = useRef<HTMLDivElement | null>(null);\n  const handleRef = useRef<HTMLDivElement | null>(null);\n\n  // value refs\n  const maxWidth = useRef<number>(0);\n  const resizeBarState = useRef<MouseState>(\"static\");\n\n  // state\n  const [width, setWidth] = useState<string>();\n\n  useEffect(() => {\n    maxWidth.current = bgRef.current?.getBoundingClientRect().width ?? 0;\n  }, []);\n\n  function resetMouseState() {\n    resizeBarState.current = \"static\";\n  }\n\n  function onMouseDown(_: React.MouseEvent) {\n    resizeBarState.current = \"active\";\n    window.addEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseUp(_: React.MouseEvent) {\n    resizeBarState.current = \"static\";\n    window.removeEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseMove(e: React.MouseEvent) {\n    if (resizeBarState.current === \"static\") {\n      return;\n    }\n\n    const sectionEl = sectionRef.current;\n    const xOffset = sectionEl?.getBoundingClientRect().x || 0;\n    const mouseX = e.clientX;\n    const minWidth = props.minWidth || 0;\n\n    if (mouseX <= 0) {\n      return;\n    }\n\n    // mouse direction\n    const newXPos = handleRef.current?.getBoundingClientRect().x ?? 0;\n\n    // set width of preview area\n    const calcWidth = Math.max(\n      newXPos - xOffset,\n      Math.min(mouseX - xOffset, maxWidth.current),\n    );\n    const elementWidth = Math.max(minWidth, calcWidth - 64); // 4rem padding\n\n    // prevent dragging bar more than allowed\n    if (elementWidth <= minWidth) {\n      return;\n    }\n\n    // set resizable area width\n    sectionEl?.setAttribute(\"style\", `width: ${calcWidth}px;`);\n    // set displayed px width\n    widthRef.current?.setAttribute(\n      \"style\",\n      `right: ${maxWidth.current - calcWidth + 32}px`,\n    );\n    setWidth(`${Math.round(elementWidth)}px`);\n  }\n\n  return (\n    <div\n      ref={bgRef}\n      className={Css.panelBackground}\n      onMouseDown={onMouseDown}\n      onMouseMove={onMouseMove}\n      onMouseUp={onMouseUp}\n    >\n      <section ref={sectionRef} className={Css.panel}>\n        <div className={Css.children}>{props.children}</div>\n        <div ref={handleRef} className={Css.handle}>\n          <GoabIcon type=\"reorder-two\" />\n        </div>\n      </section>\n      <div ref={widthRef} className={Css.width}>\n        {width}\n      </div>\n    </div>\n  );\n}\n\nexport default ResizablePanel;\n","import { ReactNode, useEffect, useRef } from \"react\";\n\ntype DrawerPosition = \"bottom\" | \"left\" | \"right\" | undefined;\ntype DrawerSizeUnit = \"px\" | \"rem\" | \"ch\" | \"vh\" | \"vw\";\ntype DrawerSize = `${number}${DrawerSizeUnit}` | undefined;\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: DrawerPosition;\n  heading?: string;\n  maxsize?: DrawerSize;\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 GoADrawerProps {\n  open: boolean;\n  position: DrawerPosition;\n  heading?: string;\n  maxSize?: DrawerSize;\n  testId?: string;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoADrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  children,\n  onClose,\n}: GoADrawerProps): 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={heading}\n      maxsize={maxSize}\n      data-testid={testId}\n    >\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoADrawer;\n"],"names":["width","children","_a"],"mappings":"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"}

package/{icon-1IRcN4Uf.js → icon-DmXlIizF.js}

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-function GoAIcon({
+function GoabIcon({
   type,
   theme,
   size,
@@ -34,5 +34,5 @@ function GoAIcon({
     }
   );
 }
-exports.GoAIcon = GoAIcon;
-//# sourceMappingURL=icon-1IRcN4Uf.js.map
+exports.GoabIcon = GoabIcon;
+//# sourceMappingURL=icon-DmXlIizF.js.map

package/icon-DmXlIizF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-DmXlIizF.js","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["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":["jsx"],"mappings":";;AA2DO,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;;"}

package/{icon-DgSW1II3.mjs → icon-iZ6Uu6WB.mjs}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-function GoAIcon({
+function GoabIcon({
   type,
   theme,
   size,
@@ -34,6 +34,6 @@ function GoAIcon({
   );
 }
 export {
-  GoAIcon as G
+  GoabIcon as G
 };
-//# sourceMappingURL=icon-DgSW1II3.mjs.map
+//# sourceMappingURL=icon-iZ6Uu6WB.mjs.map

package/icon-iZ6Uu6WB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-iZ6Uu6WB.mjs","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["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":[],"mappings":";AA2DO,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/index.d.ts

@@ -1,61 +1,60 @@
-export * from "./lib/accordion/accordion";
-export * from "./lib/app-header/app-header";
-export * from "./lib/app-header-menu/app-header-menu";
-export * from "./lib/badge/badge";
-export * from "./lib/block/block";
-export * from "./lib/button/button";
-export * from "./lib/button-group/button-group";
-export * from "./lib/calendar/calendar";
-export * from "./lib/callout/callout";
-export * from "./lib/checkbox/checkbox";
-export * from "./lib/chip/chip";
-export * from "./lib/circular-progress/circular-progress";
-export * from "./lib/container/container";
-export * from "./lib/date-picker/date-picker";
-export * from "./lib/details/details";
-export * from "./lib/divider/divider";
-export * from "./lib/dropdown/dropdown";
-export * from "./lib/dropdown/dropdown-item";
-export * from "./lib/fieldset/fieldset";
-export * from "./lib/file-upload-card/file-upload-card";
-export * from "./lib/file-upload-input/file-upload-input";
-export * from "./lib/footer/footer";
-export * from "./lib/footer-meta-section/footer-meta-section";
-export * from "./lib/footer-nav-section/footer-nav-section";
-export * from "./lib/form-item/form-item";
-export * from "./lib/form-step/form-step";
-export * from "./lib/form-stepper/form-stepper";
-export * from "./lib/grid/grid";
-export * from "./lib/hero-banner/hero-banner";
-export * from "./lib/hero-banner/hero-banner-actions";
-export * from "./lib/icon-button/icon-button";
-export * from "./lib/icon/icon";
-export * from "./lib/input/input";
-export * from "./lib/link/link";
-export * from "./lib/link-button/link-button";
-export * from "./lib/microsite-header/microsite-header";
-export * from "./lib/modal/modal";
-export * from "./lib/notification/notification";
-export * from "./lib/one-column-layout/one-column-layout";
-export * from "./lib/page-block/page-block";
-export * from "./lib/pages/pages";
-export * from "./lib/pagination/pagination";
-export * from "./lib/popover/popover";
-export * from "./lib/radio-group/radio-group";
-export * from "./lib/side-menu-group/side-menu-group";
-export * from "./lib/side-menu-heading/side-menu-heading";
-export * from "./lib/side-menu/side-menu";
-export * from "./lib/skeleton/skeleton";
-export * from "./lib/spacer/spacer";
-export * from "./lib/spinner/spinner";
-export * from "./lib/table/table";
-export * from "./lib/table/table-sort-header";
-export * from "./lib/tabs/tabs";
-export * from "./lib/tab/tab";
-export * from "./lib/text/text";
-export * from "./lib/textarea/textarea";
-export * from "./lib/three-column-layout/three-column-layout";
-export * from "./lib/tooltip/tooltip";
-export * from "./lib/two-column-layout/two-column-layout";
-export * from "./lib/filter-chip/filter-chip";
-export * from "./common/styling";
+export * from './lib/accordion/accordion';
+export * from './lib/app-header/app-header';
+export * from './lib/app-header-menu/app-header-menu';
+export * from './lib/badge/badge';
+export * from './lib/block/block';
+export * from './lib/button/button';
+export * from './lib/button-group/button-group';
+export * from './lib/calendar/calendar';
+export * from './lib/callout/callout';
+export * from './lib/checkbox/checkbox';
+export * from './lib/chip/chip';
+export * from './lib/circular-progress/circular-progress';
+export * from './lib/container/container';
+export * from './lib/date-picker/date-picker';
+export * from './lib/details/details';
+export * from './lib/divider/divider';
+export * from './lib/dropdown/dropdown';
+export * from './lib/dropdown/dropdown-item';
+export * from './lib/fieldset/fieldset';
+export * from './lib/file-upload-card/file-upload-card';
+export * from './lib/file-upload-input/file-upload-input';
+export * from './lib/footer/footer';
+export * from './lib/footer-meta-section/footer-meta-section';
+export * from './lib/footer-nav-section/footer-nav-section';
+export * from './lib/form-item/form-item';
+export * from './lib/form-step/form-step';
+export * from './lib/form-stepper/form-stepper';
+export * from './lib/grid/grid';
+export * from './lib/hero-banner/hero-banner';
+export * from './lib/hero-banner/hero-banner-actions';
+export * from './lib/icon-button/icon-button';
+export * from './lib/icon/icon';
+export * from './lib/input/input';
+export * from './lib/link/link';
+export * from './lib/link-button/link-button';
+export * from './lib/microsite-header/microsite-header';
+export * from './lib/modal/modal';
+export * from './lib/notification/notification';
+export * from './lib/one-column-layout/one-column-layout';
+export * from './lib/page-block/page-block';
+export * from './lib/pages/pages';
+export * from './lib/pagination/pagination';
+export * from './lib/popover/popover';
+export * from './lib/radio-group/radio-group';
+export * from './lib/side-menu-group/side-menu-group';
+export * from './lib/side-menu-heading/side-menu-heading';
+export * from './lib/side-menu/side-menu';
+export * from './lib/skeleton/skeleton';
+export * from './lib/spacer/spacer';
+export * from './lib/spinner/spinner';
+export * from './lib/table/table';
+export * from './lib/table/table-sort-header';
+export * from './lib/tabs/tabs';
+export * from './lib/tab/tab';
+export * from './lib/text/text';
+export * from './lib/textarea/textarea';
+export * from './lib/three-column-layout/three-column-layout';
+export * from './lib/tooltip/tooltip';
+export * from './lib/two-column-layout/two-column-layout';
+export * from './lib/filter-chip/filter-chip';