@elliemae/pui-app-sdk 2.8.3 → 2.11.0

package/dist/es/view/fetch-host-app-data/store.js

@@ -1,9 +1,13 @@
-import { get } from 'lodash';
+import _get from "lodash/get";
 let hostAppData = {};
 export const setHostAppData = appData => {
   hostAppData = { ...hostAppData,
     ...appData
   };
 };
-export const getHostAppDataByKey = (key = '', defaultValue = null) => get(hostAppData, key, defaultValue);
+export const getHostAppDataByKey = function () {
+  let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return _get(hostAppData, key, defaultValue);
+};
 export const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;

package/dist/es/view/fields/check-box/index.js

@@ -2,25 +2,31 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSCheckbox, { CHECKBOX_VARIANT } from '@elliemae/ds-basic/form/Checkbox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CheckBox = ({
-  name,
-  defaultChecked = false,
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      onChange,
-      value,
-      ...restProps
+export const CheckBox = _ref => {
+  let {
+    name,
+    defaultChecked = false,
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field: {
+          onChange,
+          value,
+          ...restProps
+        }
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSCheckbox, { ...rest,
+        ...restProps,
+        defaultChecked: defaultChecked,
+        checked: value,
+        onChange: e => onChange(((e || {}).target || {}).checked)
+      });
     }
-  }) => /*#__PURE__*/_jsx(DSCheckbox, { ...rest,
-    ...restProps,
-    defaultChecked: defaultChecked,
-    checked: value,
-    onChange: e => onChange(((e || {}).target || {}).checked)
-  })
-});
+  });
+};
 export { CHECKBOX_VARIANT };

package/dist/es/view/fields/check-box/index.stories.js

@@ -6,28 +6,32 @@ import { ConnectForm } from "../connect-form.js";
 import { WatchValue } from "../watch-value.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const errField = get(errors, name);
-  const hasError = !!errField; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const Template = _ref => {
+  let {
+    name,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const errField = get(errors, name);
+    const hasError = !!errField; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 
-  const ctrlVariant = hasError ? CHECKBOX_VARIANT.ERROR : CHECKBOX_VARIANT.DEFAULT;
-  return /*#__PURE__*/_jsx(CheckBox, {
+    const ctrlVariant = hasError ? CHECKBOX_VARIANT.ERROR : CHECKBOX_VARIANT.DEFAULT;
+    return /*#__PURE__*/_jsx(CheckBox, {
+      name: name,
+      ...rest,
+      hasError: hasError,
+      variant: ctrlVariant
+    });
+  }), /*#__PURE__*/_jsx(WatchValue, {
     name: name,
-    ...rest,
-    hasError: hasError,
-    variant: ctrlVariant
-  });
-}), /*#__PURE__*/_jsx(WatchValue, {
-  name: name,
-  ...rest
-}));
+    ...rest
+  }));
+};
 
 export default {
   title: 'Components/Form/Controls/CheckBox',

package/dist/es/view/fields/check-box/set-value.stories.js

@@ -26,23 +26,27 @@ const ToggleValue = () => {
   });
 };
 
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!get(errors, name);
-  const ctrlVariant = get(errors, name) ? CHECKBOX_VARIANT.ERROR : CHECKBOX_VARIANT.DEFAULT;
-  return /*#__PURE__*/_jsx2(CheckBox, {
-    name: name,
-    ...rest,
-    hasError: hasError,
-    variant: ctrlVariant
-  });
-}), _ToggleValue || (_ToggleValue = /*#__PURE__*/_jsx(ToggleValue, {})));
+const Template = _ref => {
+  let {
+    name,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const hasError = !!get(errors, name);
+    const ctrlVariant = get(errors, name) ? CHECKBOX_VARIANT.ERROR : CHECKBOX_VARIANT.DEFAULT;
+    return /*#__PURE__*/_jsx2(CheckBox, {
+      name: name,
+      ...rest,
+      hasError: hasError,
+      variant: ctrlVariant
+    });
+  }), _ToggleValue || (_ToggleValue = /*#__PURE__*/_jsx(ToggleValue, {})));
+};
 
 export default {
   title: 'Components/Form/Controls/CheckBox'

package/dist/es/view/fields/combo-box/index.js

@@ -2,26 +2,32 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboBox = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  onChange: changeHandler,
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field: {
-      onChange,
-      ...props
+export const ComboBox = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    onChange: changeHandler,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: _ref2 => {
+      let {
+        field: {
+          onChange,
+          ...props
+        }
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSComboBox, { ...rest,
+        ...props,
+        onChange: selected => {
+          onChange(selected);
+          if (changeHandler) changeHandler(selected);
+        }
+      });
     }
-  }) => /*#__PURE__*/_jsx(DSComboBox, { ...rest,
-    ...props,
-    onChange: selected => {
-      onChange(selected);
-      if (changeHandler) changeHandler(selected);
-    }
-  })
-});
+  });
+};

package/dist/es/view/fields/connect-form.js

@@ -1,7 +1,8 @@
 import { useFormContext } from 'react-hook-form';
-export const ConnectForm = ({
-  children
-}) => {
+export const ConnectForm = _ref => {
+  let {
+    children
+  } = _ref;
   const methods = useFormContext();
   return children({ ...methods
   });

package/dist/es/view/fields/date-input/index.js

@@ -2,18 +2,24 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSDateInput from '@elliemae/ds-basic/form/DateInput';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DateInput = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSDateInput, { ...rest,
-    ...field
-  })
-});
+export const DateInput = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSDateInput, { ...rest,
+        ...field
+      });
+    }
+  });
+};

package/dist/es/view/fields/date-input/index.stories.js

@@ -24,7 +24,7 @@ Basic.args = {
   labelText: 'Date of Birth',
   name: 'dob',
   required: true,
-  defaultValue: moment('1980-01-01'),
+  defaultValue: moment('1980-01-01').toString(),
   rules: {
     required: {
       value: true,

package/dist/es/view/fields/date-picker/index.js

@@ -2,18 +2,24 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSDatePicker from '@elliemae/ds-date-picker';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DatePicker = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  defaultValue: defaultValue,
-  rules: rules,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSDatePicker, { ...rest,
-    ...field
-  })
-});
+export const DatePicker = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    defaultValue: defaultValue,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSDatePicker, { ...rest,
+        ...field
+      });
+    }
+  });
+};

package/dist/es/view/fields/date-picker/index.stories.js

@@ -24,7 +24,7 @@ Basic.args = {
   labelText: 'Date of Birth',
   name: 'dob',
   required: true,
-  defaultValue: moment('1980-01-01'),
+  defaultValue: moment('1980-01-01').toString(),
   rules: {
     required: {
       value: true,

package/dist/es/view/fields/form-item-layout/index.js

@@ -3,21 +3,25 @@ import DSFormItemLayout from '@elliemae/ds-basic/form/FormItem';
 import { get } from 'react-hook-form';
 import { ConnectForm } from "../connect-form.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const FormItemLayout = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const errorField = get(errors, name);
-  const hasError = !!errorField;
-  const validationMessage = errorField === null || errorField === void 0 ? void 0 : errorField.message;
-  return /*#__PURE__*/_jsx(DSFormItemLayout, {
-    name: name,
-    hasError: hasError,
-    validationMessage: validationMessage,
+export const FormItemLayout = _ref => {
+  let {
+    name,
     ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const errorField = get(errors, name);
+    const hasError = !!errorField;
+    const validationMessage = errorField === null || errorField === void 0 ? void 0 : errorField.message;
+    return /*#__PURE__*/_jsx(DSFormItemLayout, {
+      name: name,
+      hasError: hasError,
+      validationMessage: validationMessage,
+      ...rest
+    });
   });
-});
+};

package/dist/es/view/fields/input-mask/index.js

@@ -2,20 +2,26 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const InputMask = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  mask,
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSInputMask, { ...rest,
-    ...field
-  })
-});
+export const InputMask = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    mask,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSInputMask, { ...rest,
+        ...field
+      });
+    }
+  });
+};
 export { MASK_TYPES, MASK_PIPES };

package/dist/es/view/fields/large-text-box/index.js

@@ -2,18 +2,24 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSLargeInputText from '@elliemae/ds-basic/form/LargeInputText';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const LargeTextBox = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSLargeInputText, { ...rest,
-    ...field
-  })
-});
+export const LargeTextBox = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSLargeInputText, { ...rest,
+        ...field
+      });
+    }
+  });
+};

package/dist/es/view/fields/radio/index.js

@@ -2,24 +2,30 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSRadio from '@elliemae/ds-basic/form/Radio';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Radio = ({
-  name,
-  defaultChecked = false,
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      onChange,
-      value,
-      ...restProps
+export const Radio = _ref => {
+  let {
+    name,
+    defaultChecked = false,
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field: {
+          onChange,
+          value,
+          ...restProps
+        }
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSRadio, { ...rest,
+        ...restProps,
+        checked: value,
+        defaultChecked: defaultChecked,
+        onChange: e => onChange(((e || {}).target || {}).checked)
+      });
     }
-  }) => /*#__PURE__*/_jsx(DSRadio, { ...rest,
-    ...restProps,
-    checked: value,
-    defaultChecked: defaultChecked,
-    onChange: e => onChange(((e || {}).target || {}).checked)
-  })
-});
+  });
+};

package/dist/es/view/fields/radio/index.stories.js

@@ -6,24 +6,28 @@ import { ConnectForm } from "../connect-form.js";
 import { WatchValue } from "../watch-value.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!get(errors, name);
-  return /*#__PURE__*/_jsx(Radio, {
+const Template = _ref => {
+  let {
+    name,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const hasError = !!get(errors, name);
+    return /*#__PURE__*/_jsx(Radio, {
+      name: name,
+      ...rest,
+      hasError: hasError
+    });
+  }), /*#__PURE__*/_jsx(WatchValue, {
     name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), /*#__PURE__*/_jsx(WatchValue, {
-  name: name,
-  ...rest
-}));
+    ...rest
+  }));
+};
 
 export default {
   title: 'Components/Form/Controls/Radio',

package/dist/es/view/fields/radio/set-value.stories.js

@@ -26,21 +26,25 @@ const ToggleValue = () => {
   });
 };
 
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!get(errors, name);
-  return /*#__PURE__*/_jsx2(Radio, {
-    name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), _ToggleValue || (_ToggleValue = /*#__PURE__*/_jsx(ToggleValue, {})));
+const Template = _ref => {
+  let {
+    name,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const hasError = !!get(errors, name);
+    return /*#__PURE__*/_jsx2(Radio, {
+      name: name,
+      ...rest,
+      hasError: hasError
+    });
+  }), _ToggleValue || (_ToggleValue = /*#__PURE__*/_jsx(ToggleValue, {})));
+};
 
 export default {
   title: 'Components/Form/Controls/Radio'

package/dist/es/view/fields/radio-group/index.js

@@ -2,20 +2,26 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSRadioGroup from '@elliemae/ds-basic/form/RadioGroup';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const RadioGroup = ({
-  name,
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      value,
-      ...restProps
+export const RadioGroup = _ref => {
+  let {
+    name,
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_jsx2(Controller, {
+    name: name,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field: {
+          value,
+          ...restProps
+        }
+      } = _ref2;
+      return /*#__PURE__*/_jsx(DSRadioGroup, { ...rest,
+        ...restProps,
+        activeValue: value
+      });
     }
-  }) => /*#__PURE__*/_jsx(DSRadioGroup, { ...rest,
-    ...restProps,
-    activeValue: value
-  })
-});
+  });
+};