@abgov/react-components 4.17.0-alpha.2 → 4.17.0-alpha.20

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

@@ -1,26 +1,26 @@
-import React, { ReactNode } from "react";
-interface WCProps {
-    leftcolumnwidth?: string;
-    maxcontentwidth?: string;
-    rightcolumnwidth?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-three-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props {
-    leftColumnWidth?: string;
-    rightColumnWidth?: string;
-    maxContentWidth?: string;
-    header?: ReactNode;
-    footer?: ReactNode;
-    nav?: ReactNode;
-    sidebar?: ReactNode;
-    sideMenu?: ReactNode;
-    children: ReactNode;
-}
-export declare function GoAThreeColumnLayout(props: Props): JSX.Element;
-export default GoAThreeColumnLayout;
+import { ReactNode } from "react";
+interface WCProps {
+    leftcolumnwidth?: string;
+    maxcontentwidth?: string;
+    rightcolumnwidth?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-three-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAThreeColumnLayoutProps {
+    leftColumnWidth?: string;
+    rightColumnWidth?: string;
+    maxContentWidth?: string;
+    header?: ReactNode;
+    footer?: ReactNode;
+    nav?: ReactNode;
+    sidebar?: ReactNode;
+    sideMenu?: ReactNode;
+    children: ReactNode;
+}
+export declare function GoAThreeColumnLayout(props: GoAThreeColumnLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default GoAThreeColumnLayout;

package/lib/tooltip/tooltip.d.ts

@@ -1,23 +1,25 @@
-import React, { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-interface WCProps extends Margins {
-    position?: string;
-    content?: string;
-    halign?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-tooltip": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface TooltipProps extends Margins {
-    position?: string;
-    content?: string;
-    hAlign?: string;
-    testId?: string;
-    children: ReactNode;
-}
-export declare const GoATooltip: React.FC<TooltipProps>;
-export default GoATooltip;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+export type GoATooltipPosition = "top" | "bottom" | "left" | "right";
+export type GoATooltipHorizontalAlignment = "left" | "right" | "center";
+interface WCProps extends Margins {
+    position?: GoATooltipPosition;
+    content?: string;
+    halign?: GoATooltipHorizontalAlignment;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-tooltip": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoATooltipProps extends Margins {
+    position?: GoATooltipPosition;
+    content?: string;
+    hAlign?: GoATooltipHorizontalAlignment;
+    testId?: string;
+    children?: ReactNode;
+}
+export declare function GoATooltip(props: GoATooltipProps): JSX.Element;
+export default GoATooltip;

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

@@ -1,22 +1,22 @@
-import React, { ReactNode } from "react";
-interface WCProps {
-    navcolumnwidth?: string;
-    maxcontentwidth?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-two-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props {
-    navColumnWidth?: string;
-    maxContentWidth?: string;
-    header: ReactNode;
-    footer: ReactNode;
-    nav: ReactNode;
-    children: ReactNode;
-}
-export declare function GoATwoColumnLayout(props: Props): JSX.Element;
-export default GoATwoColumnLayout;
+import { ReactNode } from "react";
+interface WCProps {
+    navcolumnwidth?: string;
+    maxcontentwidth?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-two-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoATwoColumnLayoutProps {
+    navColumnWidth?: string;
+    maxContentWidth?: string;
+    header: ReactNode;
+    footer: ReactNode;
+    nav: ReactNode;
+    children: ReactNode;
+}
+export declare function GoATwoColumnLayout(props: GoATwoColumnLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default GoATwoColumnLayout;

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.17.0-alpha.2",
+  "version": "4.17.0-alpha.20",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
   },
-  "license": "Apache-2.0",
   "keywords": [
     "GoA",
-    "template",
+    "ui-components",
     "React"
   ],
   "repository": {
@@ -16,14 +15,20 @@
     "url": "https://github.com/GovAlta/ui-components.git",
     "directory": "libs/react-components"
   },
+  "license": "Apache-2.0",
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "types": "./index.d.ts",
   "peerDependencies": {
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2"
-  },
-  "dependencies": {
-    "date-fns": "^2.29.2"
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "main": "./react-components.umd.js",
-  "module": "./react-components.esm.js",
-  "typings": "./index.d.ts"
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "types": "./index.d.ts"
+    }
+  }
 }

package/README.md

@@ -1,34 +0,0 @@
-# React UI Components
-
-![npm (scoped)](https://img.shields.io/npm/v/@abgov/react-components?color=%230081a2&label=react-components&style=flat-square)
-
-This library contains react components from the Government of Alberta.
-
-```bash
-npm i @abgov/react-components
-npm i @abgov/web-components
-```
-
-Link ionicons in app/index.html
-Add the following to the head element
-
-```html
-<script
-  type="module"
-  src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
-></script>
-<script
-  nomodule
-  src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
-></script>
-```
-
-Import the web-component styles in the `src/index.css` file
-
-```css
-@import "@abgov/web-components/index.css";
-```
-
----
-
-[Visit Design System](https://ui-components.alberta.ca)

package/experimental/package.json

@@ -1,11 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./react-components.umd.js",
-  "module": "./react-components.esm.js",
-  "typings": "./index.d.ts",
-  "dependencies": {},
-  "peerDependencies": {
-    "date-fns": "^2.29.2",
-    "react": "17.0.2"
-  }
-}

package/experimental/react-components.esm.js

@@ -1 +0,0 @@
-

package/experimental/react-components.umd.js

@@ -1,8 +0,0 @@
-(function (factory) {
-	typeof define === 'function' && define.amd ? define(factory) :
-	factory();
-})((function () { 'use strict';
-
-
-
-}));

package/lib/card/card-actions.d.ts

@@ -1,13 +0,0 @@
-import { FC } from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-card-actions": React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props {
-    children?: React.ReactNode;
-}
-export declare const GoACardActions: FC<Props>;
-export default GoACardActions;

package/lib/card/card-content.d.ts

@@ -1,13 +0,0 @@
-import { FC } from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-card-content": React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props {
-    children?: React.ReactNode;
-}
-export declare const GoACardContent: FC<Props>;
-export default GoACardContent;

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

@@ -1,13 +0,0 @@
-import { FC } from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-card-group": React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props {
-    children?: React.ReactNode;
-}
-export declare const GoACardGroup: FC<Props>;
-export default GoACardGroup;

package/lib/card/card-image.d.ts

@@ -1,18 +0,0 @@
-import { FC } from "react";
-interface WCProps {
-    src: string;
-    height: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-card-image": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props {
-    src: string;
-    height: string;
-}
-export declare const GoACardImage: FC<Props>;
-export default GoACardImage;

package/lib/card/card.d.ts

@@ -1,22 +0,0 @@
-import { FC } from "react";
-import { Margins } from "../../common/styling";
-interface WCProps extends Margins {
-    elevation?: number;
-    width?: string;
-    children: React.ReactNode;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-card": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface Props extends Margins {
-    elevation?: number;
-    width?: string;
-    testId?: string;
-    children?: React.ReactNode;
-}
-export declare const GoACard: FC<Props>;
-export default GoACard;

package/lib/card/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./card-content";
-export * from "./card-image";
-export * from "./card-actions";
-export * from "./card-group";
-export * from "./card";

package/lib/form/index.d.ts

@@ -1 +0,0 @@
-export { GoAFormItem } from "./form-item";

package/lib/form/validators.d.ts

@@ -1,10 +0,0 @@
-export declare type FormValidatorFn = (val: string) => [boolean, string];
-export declare class FormValidator {
-    private items;
-    constructor();
-    add(fieldName: string, validators: FormValidatorFn[]): void;
-    validate(data: Record<string, string>): Record<string, string>;
-}
-export declare const requiredFieldValidator: FormValidatorFn;
-export declare const emailFormatValidator: FormValidatorFn;
-export declare const phoneNumberFormatValidator: FormValidatorFn;