@trackunit/react-form-components 0.0.261 → 0.0.263

package/README.md

@@ -9,7 +9,7 @@ This library is exposed publicly for use in the  the Trackunit [Iris App SDK](ht
 
 To view other Trackunit public react components, visit this [repository](https://www.npmjs.com/package/@trackunit/react-components).
 
-To browse all available components visit our [Public Storybook](https://developers.trackunit.com/page/ui-components).
+To browse all available components visit our [Public Storybook](https://apps.iris.trackunit.com/storybook/).
 
 For more info and a full guide on Iris App SDK Development, please visit our [Developer Hub](https://developers.trackunit.com/).
 

package/index.cjs.js

@@ -695,7 +695,7 @@ const EmailInput = React__namespace.forwardRef((_a, ref) => {
         return window.open(`mailto:${email}`);
     };
     const renderAsInvalid = (email && !validateEmailAddress(email)) || isInvalid;
-    return (jsxRuntime.jsx(BaseInput, Object.assign({ dataTestId: dataTestId, ref: ref, type: "email", placeholder: rest.placeholder || "mail@example.com", onChange: e => setEmail(e.target.value), isInvalid: renderAsInvalid }, rest, { actions: jsxRuntime.jsx(ActionButton, { disabled: disabled, value: email, type: "EMAIL", onClick: sendEmail, dataTestId: dataTestId && `${dataTestId}-emailIcon`, iconSize: fieldSize }) })));
+    return (jsxRuntime.jsx(BaseInput, Object.assign({ dataTestId: dataTestId, ref: ref, type: "email", placeholder: rest.placeholder || "mail@example.com", onChange: e => setEmail(e.target.value), isInvalid: renderAsInvalid, actions: jsxRuntime.jsx(ActionButton, { disabled: disabled, value: email, type: "EMAIL", onClick: sendEmail, dataTestId: dataTestId && `${dataTestId}-emailIcon`, iconSize: fieldSize }) }, rest)));
 });
 
 /**

package/index.esm.js

@@ -665,7 +665,7 @@ const EmailInput = React.forwardRef((_a, ref) => {
         return window.open(`mailto:${email}`);
     };
     const renderAsInvalid = (email && !validateEmailAddress(email)) || isInvalid;
-    return (jsx(BaseInput, Object.assign({ dataTestId: dataTestId, ref: ref, type: "email", placeholder: rest.placeholder || "mail@example.com", onChange: e => setEmail(e.target.value), isInvalid: renderAsInvalid }, rest, { actions: jsx(ActionButton, { disabled: disabled, value: email, type: "EMAIL", onClick: sendEmail, dataTestId: dataTestId && `${dataTestId}-emailIcon`, iconSize: fieldSize }) })));
+    return (jsx(BaseInput, Object.assign({ dataTestId: dataTestId, ref: ref, type: "email", placeholder: rest.placeholder || "mail@example.com", onChange: e => setEmail(e.target.value), isInvalid: renderAsInvalid, actions: jsx(ActionButton, { disabled: disabled, value: email, type: "EMAIL", onClick: sendEmail, dataTestId: dataTestId && `${dataTestId}-emailIcon`, iconSize: fieldSize }) }, rest)));
 });
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.261",
+  "version": "0.0.263",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/PhoneInput/PhoneInput.d.ts

@@ -42,6 +42,11 @@ export interface PhoneInputProps extends BaseInputExposedProps {
      */
     onChangeValue?: ({ phone, national, countryCode }: PhoneNumberValue) => void;
     isCountryCodeClearable?: boolean;
+    /**
+     * A ReactNode to render at the end of the input field before the addonAfter.
+     * Mainly meant for the icon button actions for special input types.
+     */
+    actions?: React.ReactNode;
 }
 /**
  * A component for inputting phone numbers with an optional action button for initiating a phone call.