@axos-web-dev/shared-components 0.0.133 → 0.0.135

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -4,12 +4,14 @@ export interface SalesforceFields {
     branch: string;
     subBranch: string;
     leadSourceDetail: string;
+    otherLeadSource: string;
 }
 export interface SalesforceInputs {
     Brand_SFDC2__c: string;
     Branch_SFDC2__c: string;
     Sub_Branch_SFDC2__c: string;
     Lead_Source_Detail_SFDC2__c: string;
+    Other_Lead_Source__c: string;
     lead_source: string;
     Web_Source__c: string;
     Marketing_Source__c: string;
@@ -24,6 +26,7 @@ export declare const SalesforceSchema: z.ZodObject<{
     Branch_SFDC2__c: z.ZodOptional<z.ZodString>;
     Sub_Branch_SFDC2__c: z.ZodOptional<z.ZodString>;
     Lead_Source_Detail_SFDC2__c: z.ZodOptional<z.ZodString>;
+    Other_Lead_Source__c: z.ZodOptional<z.ZodString>;
     lead_source: z.ZodOptional<z.ZodString>;
     Web_Source__c: z.ZodOptional<z.ZodString>;
     Marketing_Source__c: z.ZodOptional<z.ZodString>;
@@ -37,6 +40,7 @@ export declare const SalesforceSchema: z.ZodObject<{
     Branch_SFDC2__c?: string | undefined;
     Sub_Branch_SFDC2__c?: string | undefined;
     Lead_Source_Detail_SFDC2__c?: string | undefined;
+    Other_Lead_Source__c?: string | undefined;
     lead_source?: string | undefined;
     Web_Source__c?: string | undefined;
     Marketing_Source__c?: string | undefined;
@@ -50,6 +54,7 @@ export declare const SalesforceSchema: z.ZodObject<{
     Branch_SFDC2__c?: string | undefined;
     Sub_Branch_SFDC2__c?: string | undefined;
     Lead_Source_Detail_SFDC2__c?: string | undefined;
+    Other_Lead_Source__c?: string | undefined;
     lead_source?: string | undefined;
     Web_Source__c?: string | undefined;
     Marketing_Source__c?: string | undefined;

package/dist/Forms/SalesforceFieldsForm.js

@@ -12,6 +12,7 @@ const SalesforceSchema = z.object({
   // this configurable
   Lead_Source_Detail_SFDC2__c: z.string().optional(),
   //this
+  Other_Lead_Source__c: z.string().optional(),
   lead_source: z.string().optional(),
   // web RMI
   Web_Source__c: z.string().optional(),
@@ -67,6 +68,15 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
         })
       }
     ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("Other_Lead_Source__c", {
+          value: salesforceFields?.otherLeadSource
+        })
+      }
+    ),
     /* @__PURE__ */ jsx("input", { type: "hidden", ...register("lead_source", { value: "Web RMI" }) }),
     /* @__PURE__ */ jsx(
       "input",

package/dist/Input/DatePicker.css.d.ts

@@ -0,0 +1 @@
+export declare const datePicker: string;

package/dist/Input/DatePicker.css.js

@@ -0,0 +1,6 @@
+/* empty css                                          */
+/* empty css                              */
+var datePicker = "_1oit9ls0";
+export {
+  datePicker
+};

package/dist/Input/Datepicker.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/Datepicker.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const DatePickerInput = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  DatePickerInput
+};

package/dist/Input/InputDate.css.d.ts

@@ -0,0 +1,6 @@
+export declare const calendarContainer: string;
+export declare const calendarIcon: string;
+export declare const inputDate: string;
+export declare const verticalCenter: string;
+export declare const calendar: string;
+export declare const headerCalendar: string;

package/dist/Input/InputDate.css.js

@@ -0,0 +1,15 @@
+/* empty css                             */
+var calendarContainer = "skzved0";
+var calendarIcon = "skzved1";
+var inputDate = "skzved2";
+var verticalCenter = "skzved3";
+var calendar = "skzved4";
+var headerCalendar = "skzved5";
+export {
+  calendar,
+  calendarContainer,
+  calendarIcon,
+  headerCalendar,
+  inputDate,
+  verticalCenter
+};

package/dist/Input/InputDate.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/InputDate.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const InputDate = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  InputDate
+};

package/dist/Input/InputProps.d.ts

@@ -36,3 +36,9 @@ export interface RadioButtonProps extends InputProps {
     value: string | number;
     groupName: string;
 }
+export interface DatepickerInputProps extends InputProps {
+    month?: string;
+    selected?: string;
+    show?: boolean;
+    onDateChange: (day: string) => void;
+}

package/dist/Table/Table.d.ts

@@ -15,13 +15,11 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -45,6 +43,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;

package/dist/assets/FdicCallout/FdicCallout.css.css

@@ -1,50 +1,48 @@
-._fdic_callout_1kihd_1 {
+._fdic_callout_1f6md_1 {
   background-color: #000;
   color: #fff;
 }
 
-._inner_container_1kihd_6 {
+._inner_container_1f6md_6 {
   margin-left: auto;
   margin-right: auto;
   width: calc(100% - 90px);
 }
 
-._fdic_callout_1kihd_1 svg {
-  margin-right: 8px;
-}
-
-._fdic_callout_1kihd_1 .flex {
+._fdic_callout_1f6md_1 .flex {
   min-height: 32px;
 }
 
-._fdic_callout_1kihd_1 p {
-  font-size: 12px;
-  line-height: 1;
-  font-style: italic;
+._fdic_callout_1f6md_1 img {
+  padding-block: 8px;
 }
 
 @media (max-width: 1280px) and (min-width: 1024px) {
-  ._inner_container_1kihd_6 {
+  ._inner_container_1f6md_6 {
     width: calc(100% - 40px);
   }
 }
 
 @media (max-width: 769px) {
-  ._inner_container_1kihd_6 {
+  ._inner_container_1f6md_6 {
     width: calc(100% - 60px);
   }
 }
 
 @media (max-width: 603px) {
-  ._fdic_callout_1kihd_1 .flex {
-    min-height: 24px;
+  ._fdic_callout_1f6md_1 .flex {
+    min-height: 28px;
   }
-  ._fdic_callout_1kihd_1 p {
-    font-size: 8px;
-    line-height: 1.3;
+}
+
+@media (max-width: 470px) {
+  ._fdic_callout_1f6md_1 img {
+    padding-block: 5px;
   }
-  ._fdic_callout_1kihd_1 svg {
-    min-width: 32px;
-    height: auto;
+}
+
+@media (max-width: 400px) {
+  ._inner_container_1f6md_6 {
+    width: calc(100% - 20px);
   }
 }

package/dist/assets/Input/DatePicker.css

@@ -0,0 +1,95 @@
+.react-date-picker {
+  width: 100%;
+}
+.react-date-picker__wrapper {
+  border: none !important;
+}
+.react-calendar__month-view__weekdays__weekday {
+  width: 45px;
+  height: 22px;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--main-font-family);
+  font-weight: 500;
+  letter-spacing: 0.2px;
+  justify-content: center;
+}
+.react-calendar__month-view__weekdays__weekday {
+  font-size: 12px;
+  line-height: 16;
+  color: #2F5B88;
+}
+.react-calendar__month-view__weekdays__weekday > abbr {
+  text-decoration: none;
+}
+.react-calendar__month-view__days__day {
+  width: 49px;
+  height: 49px;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.react-calendar__month-view__days__day > abbr {
+  font-family: var(--main-font-family) !important;
+  font-weight: 500;
+  letter-spacing: 0.2px;
+  color: #051A3F;
+}
+.react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
+  color: #5E6A74 !important;
+}
+.react-date-picker__clear-button {
+  display: none;
+}
+.react-calendar__navigation__label__labelText {
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 36px;
+  letter-spacing: 0.2px;
+  color: #1E3860;
+  font-family: var(--header-font-family);
+}
+.react-datepicker-popper {
+  transform: translateY(40px)!important;
+}
+.react-calendar__month-view__days__day--neighboringMonth {
+  background-color: #F4F4F4 !important;
+  opacity: 50%;
+}
+.react-calendar__month-view__days__day--neighboringMonth > abbr {
+  color: #5E6A74;
+}
+.react-calendar__tile--active > abbr {
+  color: white;
+}
+.react-calendar {
+  border: 12px solid #FFFFFF4D !important;
+  border-radius: 4px;
+}
+.react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
+  display: none;
+}
+.react-date-picker__calendar {
+  max-width: 100% !important;
+}
+.react-date-picker__inputGroup__input:focus-visible {
+  outline: none;
+}
+.react-date-picker__inputGroup__input:invalid {
+  background: transparent !important;
+}
+@media screen and (max-width:320px) {
+  .react-calendar__month-view__weekdays__weekday {
+    width: 43.5px;
+  }
+  .react-calendar__month-view__days__day {
+    width: 43.5px;
+  }
+}
+@media screen and (max-width:400px) {
+  .react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
+    min-width: auto;
+  }
+}

package/dist/assets/Input/InputDate.css

@@ -0,0 +1,39 @@
+.skzved0 {
+  position: relative;
+}
+.skzved1 {
+  position: relative;
+  top: 5px;
+  left: 5px;
+}
+.skzved2 {
+  width: 100px;
+  padding-left: 5px;
+  padding-right: 5px;
+  line-height: 28px;
+  font-size: 14pt;
+}
+.skzved3 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.skzved4 {
+  display: block;
+  background: #FFFFFF;
+  width: 300px;
+  border: solid 1px #CCCCCC;
+  margin: 10px auto;
+  box-shadow: 0 0 15px 0 #C0C0C0;
+  font-size: 1.3rem;
+  text-align: center;
+  z-index: 999;
+}
+.skzved4 .skzved5 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #FFFFFF;
+  cursor: default;
+  font-weight: bold;
+}

package/dist/assets/Table/Table.css

@@ -310,12 +310,14 @@ main > div:nth-last-child(2) > ._1nivbwe0 {
   tr:has(> :last-child:nth-child(-n + 3)) td {
     font-size: 14px;
     min-width: unset;
+    padding: 16px 12px;
   }
   ._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) th {
     width: 30%;
   }
   tr:has(> :last-child:nth-child(-n + 3)) th {
     min-width: unset;
+    padding: 16px 8px;
   }
    tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
     box-shadow: none;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.133",
+  "version": "0.0.135",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",