@trackunit/react-components 0.0.157 → 0.0.158

package/components/ActionButton/ActionButton.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { CommonProps } from "../../common";
 declare type ActionType = "PHONE_NUMBER" | "WEB_ADDRESS" | "EMAIL";
+declare type FieldSize = "small" | "medium";
 interface ActionButtonProps extends CommonProps {
     /**
      * The type of action performed when clicking the button.
@@ -14,6 +15,10 @@ interface ActionButtonProps extends CommonProps {
      * The onClick event.
      */
     onClick?: (e: React.MouseEvent) => void;
+    /**
+     *  The size of the icon.
+     */
+    iconSize?: FieldSize;
 }
 /**
  * The ActionButton component is a wrapper over IconButton to perform an action when the onClick event is triggered.
@@ -21,5 +26,5 @@ interface ActionButtonProps extends CommonProps {
  * @param {ActionButtonProps} props - The props for the ActionButton component
  * @returns {JSX.Element} ActionButton component
  */
-export declare const ActionButton: ({ type, value }: ActionButtonProps) => JSX.Element;
+export declare const ActionButton: ({ type, value, dataTestId, iconSize }: ActionButtonProps) => JSX.Element;
 export {};

package/components/EmailInput/EmailInput.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { CommonProps } from "../../common";
+import { BaseInputProps } from "../BaseInput";
+export interface EmailInputProps extends BaseInputProps, CommonProps {
+    /**
+     * A flag to disable the email button.
+     */
+    disableAction?: boolean;
+}
+/**
+ * A Email Input component is used for input of the type Email.
+ *
+ * It has an ActionButton which sends an email to the specified address using "mailto:" link.
+ *
+ * Extends props of BaseInput.
+ *
+ * A reference to the input element is provided as the `ref` prop.
+ * For specific input types make sure to use the corresponding input component.
+ */
+export declare const EmailInput: React.ForwardRefExoticComponent<EmailInputProps & React.RefAttributes<HTMLInputElement>>;

package/index.js

@@ -501,7 +501,9 @@ const Root$4 = tw.span`
 
 const ActionButton = ({
   type,
-  value
+  value,
+  dataTestId,
+  iconSize
 }) => {
   const getIconName = () => {
     switch (type) {
@@ -537,7 +539,8 @@ const ActionButton = ({
 
   return jsx(ActionContainer, {
     children: jsx(StyledIconButton, {
-      dataTestId: "testIconButtonId",
+      "$fieldSize": iconSize,
+      dataTestId: dataTestId || "testIconButtonId",
       size: "small",
       color: "tertiary",
       icon: jsx(Icon$1, {
@@ -553,6 +556,9 @@ const ActionContainer = tw.div`
 `;
 const StyledIconButton = twx(IconButton)`
   tu-action-button
+${({
+  $fieldSize
+}) => $fieldSize === "small" && tws`tu-action-button--small`}
 `;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.157",
+  "version": "0.0.158",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {