@geotab/zenith 3.0.0-beta.2 → 3.0.0-beta.3

package/dist/button/button.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { TButton, THTMLButtonType } from "./buttonType";
 import "./button.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
-import { RefObject } from "react";
+import { Ref } from "react";
 export interface IButton extends IZenComponentProps {
     id?: string;
     title?: string;
@@ -19,7 +19,7 @@ export interface IButton extends IZenComponentProps {
     htmlType?: THTMLButtonType;
     target?: React.HTMLAttributeAnchorTarget;
     rel?: string;
-    ref?: RefObject<HTMLButtonElement | null>;
+    ref?: Ref<HTMLButtonElement | null>;
 }
 export declare const Button: {
     ({ className, type, disabled, id, title, onClick, onMouseOver, onMouseOut, onMouseDown, onMouseUp, onKeyDown, onKeyUp, children, link, target, htmlType, rel, ref, ...other }: IButton): import("react/jsx-runtime").JSX.Element;

package/dist/formField/formField.d.ts

@@ -1,9 +1,8 @@
-import React, { RefCallback, RefObject } from "react";
+import React from "react";
 import "./formField.less";
 export interface IFormField {
     className?: string;
     inputClassName?: string;
-    ref?: RefObject<HTMLElement | null> | RefCallback<HTMLElement | null>;
     error?: string;
     assistive?: string;
     counter?: string;

package/dist/selectRaw/selectRaw.d.ts

@@ -1,4 +1,4 @@
-import { RefCallback, RefObject } from "react";
+import { Ref } from "react";
 import { IListState } from "../selectList/selectList";
 import { ISelectListItem } from "../selectList/selectListItem";
 import "./selectRaw.less";
@@ -15,7 +15,7 @@ export interface ISelectRaw extends IZenComponentProps {
     forceSelection?: boolean;
     isError?: boolean;
     onChange?: (id: string | undefined) => void;
-    ref?: RefObject<HTMLDivElement | null> | RefCallback<HTMLDivElement | null>;
+    ref?: Ref<HTMLDivElement | null>;
 }
 export interface ISelectStateRaw extends IListState {
     expanded: boolean;

package/dist/textInput/textInput.d.ts

@@ -1,9 +1,7 @@
-import { RefObject } from "react";
 import { TFormFieldComponentProps } from "../formField/formField";
 import { ITextInputRaw } from "../textInputRaw/textInputRaw";
 type TFormInput = TFormFieldComponentProps<ITextInputRaw>;
-export interface ITextInput extends Omit<TFormInput, "counter" | "ref"> {
-    ref?: RefObject<HTMLInputElement | null>;
+export interface ITextInput extends Omit<TFormInput, "counter"> {
 }
 export declare const TextInput: {
     ({ maxLength, ...props }: ITextInput): import("react/jsx-runtime").JSX.Element;

package/dist/textInputRaw/textInputRaw.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import "./textInputRaw.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
-import { RefCallback, RefObject } from "react";
+import { Ref } from "react";
 export interface ITextInputRaw extends IZenComponentProps {
     id?: string;
     value: string;
@@ -20,6 +20,6 @@ export interface ITextInputRaw extends IZenComponentProps {
     ariaLabelledby?: string;
     ariaLabel?: string;
     autoFocus?: boolean;
-    ref?: RefObject<HTMLInputElement | null> | RefCallback<HTMLInputElement | null>;
+    ref?: Ref<HTMLInputElement | null>;
 }
 export declare const TextInputRaw: (props: ITextInputRaw) => import("react/jsx-runtime").JSX.Element;

package/dist/textareaRaw/textareaRaw.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import "../textInputRaw/textInputRaw.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import "./textareaRaw.less";
-import { RefCallback, RefObject } from "react";
+import { Ref } from "react";
 export interface ITextareaRaw extends IZenComponentProps {
     id?: string;
     value: string;
@@ -19,7 +19,7 @@ export interface ITextareaRaw extends IZenComponentProps {
     ariaLabel?: string;
     resize?: boolean;
     readonly?: boolean;
-    ref?: RefObject<HTMLTextAreaElement | null> | RefCallback<HTMLTextAreaElement | null>;
+    ref?: Ref<HTMLTextAreaElement | null>;
 }
 export declare const TextareaRaw: {
     ({ id, rows, maxLength, className, value, resize, readonly, placeholder, disabled, isError, ariaLabel, ariaLabelledby, onChange, onKeyDown, onFocus, onBlur, ref }: ITextareaRaw): import("react/jsx-runtime").JSX.Element;

package/esm/button/button.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { TButton, THTMLButtonType } from "./buttonType";
 import "./button.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
-import { RefObject } from "react";
+import { Ref } from "react";
 export interface IButton extends IZenComponentProps {
     id?: string;
     title?: string;
@@ -19,7 +19,7 @@ export interface IButton extends IZenComponentProps {
     htmlType?: THTMLButtonType;
     target?: React.HTMLAttributeAnchorTarget;
     rel?: string;
-    ref?: RefObject<HTMLButtonElement | null>;
+    ref?: Ref<HTMLButtonElement | null>;
 }
 export declare const Button: {
     ({ className, type, disabled, id, title, onClick, onMouseOver, onMouseOut, onMouseDown, onMouseUp, onKeyDown, onKeyUp, children, link, target, htmlType, rel, ref, ...other }: IButton): import("react/jsx-runtime").JSX.Element;

package/esm/formField/formField.d.ts

@@ -1,9 +1,8 @@
-import React, { RefCallback, RefObject } from "react";
+import React from "react";
 import "./formField.less";
 export interface IFormField {
     className?: string;
     inputClassName?: string;
-    ref?: RefObject<HTMLElement | null> | RefCallback<HTMLElement | null>;
     error?: string;
     assistive?: string;
     counter?: string;

package/esm/selectRaw/selectRaw.d.ts

@@ -1,4 +1,4 @@
-import { RefCallback, RefObject } from "react";
+import { Ref } from "react";
 import { IListState } from "../selectList/selectList";
 import { ISelectListItem } from "../selectList/selectListItem";
 import "./selectRaw.less";
@@ -15,7 +15,7 @@ export interface ISelectRaw extends IZenComponentProps {
     forceSelection?: boolean;
     isError?: boolean;
     onChange?: (id: string | undefined) => void;
-    ref?: RefObject<HTMLDivElement | null> | RefCallback<HTMLDivElement | null>;
+    ref?: Ref<HTMLDivElement | null>;
 }
 export interface ISelectStateRaw extends IListState {
     expanded: boolean;

package/esm/textInput/textInput.d.ts

@@ -1,9 +1,7 @@
-import { RefObject } from "react";
 import { TFormFieldComponentProps } from "../formField/formField";
 import { ITextInputRaw } from "../textInputRaw/textInputRaw";
 type TFormInput = TFormFieldComponentProps<ITextInputRaw>;
-export interface ITextInput extends Omit<TFormInput, "counter" | "ref"> {
-    ref?: RefObject<HTMLInputElement | null>;
+export interface ITextInput extends Omit<TFormInput, "counter"> {
 }
 export declare const TextInput: {
     ({ maxLength, ...props }: ITextInput): import("react/jsx-runtime").JSX.Element;

package/esm/textInputRaw/textInputRaw.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import "./textInputRaw.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
-import { RefCallback, RefObject } from "react";
+import { Ref } from "react";
 export interface ITextInputRaw extends IZenComponentProps {
     id?: string;
     value: string;
@@ -20,6 +20,6 @@ export interface ITextInputRaw extends IZenComponentProps {
     ariaLabelledby?: string;
     ariaLabel?: string;
     autoFocus?: boolean;
-    ref?: RefObject<HTMLInputElement | null> | RefCallback<HTMLInputElement | null>;
+    ref?: Ref<HTMLInputElement | null>;
 }
 export declare const TextInputRaw: (props: ITextInputRaw) => import("react/jsx-runtime").JSX.Element;

package/esm/textareaRaw/textareaRaw.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import "../textInputRaw/textInputRaw.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import "./textareaRaw.less";
-import { RefCallback, RefObject } from "react";
+import { Ref } from "react";
 export interface ITextareaRaw extends IZenComponentProps {
     id?: string;
     value: string;
@@ -19,7 +19,7 @@ export interface ITextareaRaw extends IZenComponentProps {
     ariaLabel?: string;
     resize?: boolean;
     readonly?: boolean;
-    ref?: RefObject<HTMLTextAreaElement | null> | RefCallback<HTMLTextAreaElement | null>;
+    ref?: Ref<HTMLTextAreaElement | null>;
 }
 export declare const TextareaRaw: {
     ({ id, rows, maxLength, className, value, resize, readonly, placeholder, disabled, isError, ariaLabel, ariaLabelledby, onChange, onKeyDown, onFocus, onBlur, ref }: ITextareaRaw): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotab/zenith",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.3",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
@@ -11,6 +11,9 @@
     "**/react-chartjs/dateAdapter.ts",
     "**/react-chartjs/dateAdapter.js"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "test": "npm run clean && npm run test-build && jest",
     "start": "npm run storybook --loglevel verbose",
@@ -36,9 +39,6 @@
     "build-storybook": "storybook build && npm run build-ai-mdx",
     "clean": "rm -rf ./dist && rm -rf ./esm && rm -rf ./jest-coverage"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "author": "",
   "license": "SEE LICENSE IN LICENSE.txt",
   "devDependencies": {