@natoora-libs/core 0.2.25 → 0.2.26-dev-doug-1

package/dist/components/index.d.cts

@@ -79,6 +79,7 @@ type BaseAddressFormFields = {
 };
 type AddressFormFieldsProps = {
     form: UseFormReturn<BaseAddressFormFields>;
+    hidePrimaryPhoneNumberField?: boolean;
     countriesSelectProps: {
         countries: AddressCountry[];
         isCountriesFetching: boolean;
@@ -90,7 +91,7 @@ type AddressFormFieldsProps = {
     };
     googlePlacesAutocompleteProps?: GooglePlacesAddressAutocompleteProps;
 };
-declare const AddressFormFields: ({ form, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
+declare const AddressFormFields: ({ form, hidePrimaryPhoneNumberField, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
 
 interface AlertDialogProps {
     open: boolean;
@@ -152,6 +153,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
 interface BackHeaderProps {
     appName: string;
     onGoBackClick?: () => void;
+    sideComponent?: React.ReactElement;
 }
 declare const BackHeader: React.FC<BackHeaderProps>;
 

package/dist/components/index.d.ts

@@ -79,6 +79,7 @@ type BaseAddressFormFields = {
 };
 type AddressFormFieldsProps = {
     form: UseFormReturn<BaseAddressFormFields>;
+    hidePrimaryPhoneNumberField?: boolean;
     countriesSelectProps: {
         countries: AddressCountry[];
         isCountriesFetching: boolean;
@@ -90,7 +91,7 @@ type AddressFormFieldsProps = {
     };
     googlePlacesAutocompleteProps?: GooglePlacesAddressAutocompleteProps;
 };
-declare const AddressFormFields: ({ form, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
+declare const AddressFormFields: ({ form, hidePrimaryPhoneNumberField, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
 
 interface AlertDialogProps {
     open: boolean;
@@ -152,6 +153,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
 interface BackHeaderProps {
     appName: string;
     onGoBackClick?: () => void;
+    sideComponent?: React.ReactElement;
 }
 declare const BackHeader: React.FC<BackHeaderProps>;
 

package/dist/components/index.js

@@ -833,6 +833,7 @@ var ADDRESS_FORM_FIELDS = [
 ];
 var AddressFormFields = ({
   form,
+  hidePrimaryPhoneNumberField = false,
   countriesSelectProps: { countries, isCountriesFetching, refetchCountries },
   statesSelectProps: { addressStates, isAddressStatesFetching },
   googlePlacesAutocompleteProps
@@ -897,7 +898,7 @@ var AddressFormFields = ({
               helperText: "Name this address for easier reference (e.g. Office, Home, etc.)."
             }
           ),
-          /* @__PURE__ */ jsx6(
+          !hidePrimaryPhoneNumberField && /* @__PURE__ */ jsx6(
             Controller2,
             {
               control,
@@ -1883,12 +1884,15 @@ var AutocompleteFilterMenuContent = ({
 
 // src/components/BackHeader/BackHeader.tsx
 import { useNavigate } from "react-router";
-import { KeyboardBackspace as KeyboardBackspaceIcon } from "@mui/icons-material";
+import KeyboardBackspace from "@mui/icons-material/KeyboardBackspace";
 import { Box as Box14, Button as Button6, Typography as Typography7 } from "@mui/material";
 import { makeStyles as makeStyles5 } from "tss-react/mui";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var useStyles5 = makeStyles5()((theme) => ({
   header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
     padding: theme.spacing(2, 3),
     borderBottom: `1px solid ${colors.neutral400}`,
     backgroundColor: colors.neutral100
@@ -1909,7 +1913,11 @@ var useStyles5 = makeStyles5()((theme) => ({
     textTransform: "none"
   }
 }));
-var BackHeader = ({ appName, onGoBackClick }) => {
+var BackHeader = ({
+  appName,
+  onGoBackClick,
+  sideComponent = null
+}) => {
   const { classes } = useStyles5();
   const navigate = useNavigate();
   const handleBackClick = () => {
@@ -1918,10 +1926,13 @@ var BackHeader = ({ appName, onGoBackClick }) => {
     }
     return navigate(-1);
   };
-  return /* @__PURE__ */ jsx18(Box14, { component: "header", className: classes.header, children: /* @__PURE__ */ jsx18(Button6, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ jsxs14(Box14, { component: "span", className: classes.text, children: [
-    /* @__PURE__ */ jsx18(KeyboardBackspaceIcon, { className: classes.icon }),
-    /* @__PURE__ */ jsx18(Typography7, { variant: "body1", children: appName })
-  ] }) }) });
+  return /* @__PURE__ */ jsxs14(Box14, { component: "header", className: classes.header, children: [
+    /* @__PURE__ */ jsx18(Button6, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ jsxs14(Box14, { component: "span", className: classes.text, children: [
+      /* @__PURE__ */ jsx18(KeyboardBackspace, { className: classes.icon }),
+      /* @__PURE__ */ jsx18(Typography7, { variant: "body1", color: "textPrimary", children: appName })
+    ] }) }),
+    sideComponent
+  ] });
 };
 var BackHeader_default = BackHeader;