@elliemae/pui-app-sdk 2.17.2 → 3.0.0-beta.4

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

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _index3 = require("../form-item-layout/index.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Components/Form/Controls/LargeTextBox',
-  component: _index2.LargeTextBox
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: _index2.LargeTextBox,
-  required: true,
-  ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'feedback',
-  labelText: 'Enter Feedback',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter feedback'
-    }
-  }
-};

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

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _connectForm = require("../connect-form.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!(0, _reactHookForm.get)(errors, name);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Radio, {
-    name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
-  name: name,
-  ...rest
-}));
-
-var _default = {
-  title: 'Components/Form/Controls/Radio',
-  component: _index2.Radio
-};
-exports.default = _default;
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'gender',
-  labelText: 'Male',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please select a gender'
-    }
-  },
-  defaultChecked: false
-};

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

@@ -1,81 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SetValue = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _connectForm = require("../connect-form.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _ToggleValue;
-
-const radioName = 'gender';
-
-const ToggleValue = () => {
-  const {
-    setValue,
-    watch
-  } = (0, _reactHookForm.useFormContext)();
-  const currentValue = watch(radioName);
-  return /*#__PURE__*/(0, _jsx3.default)(_StyledDSButton, {
-    size: "m",
-    labelText: "Toggle",
-    onClick: () => setValue(radioName, !currentValue, {
-      shouldDirty: true
-    })
-  });
-};
-
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!(0, _reactHookForm.get)(errors, name);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Radio, {
-    name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), _ToggleValue || (_ToggleValue = /*#__PURE__*/(0, _jsx3.default)(ToggleValue, {})));
-
-var _default = {
-  title: 'Components/Form/Controls/Radio'
-};
-exports.default = _default;
-const SetValue = Template.bind({});
-exports.SetValue = SetValue;
-SetValue.args = {
-  name: radioName,
-  labelText: 'Male',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please select a gender'
-    }
-  },
-  defaultChecked: true
-};
-
-var _StyledDSButton = /*#__PURE__*/(0, _styledComponents.default)(_Button.default).withConfig({
-  componentId: "sc-fd8n0e-0"
-})(["margin-top:10px;"]);

package/dist/cjs/view/fields/radio-group/index.stories.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _Radio = _interopRequireDefault(require("@elliemae/ds-basic/form/Radio"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _index = require("./index.js");
-
-var _index2 = require("../../form/index.js");
-
-var _connectForm = require("../connect-form.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _DSRadio, _DSRadio2;
-
-const radioName = 'gender';
-
-const Gender = ({
-  feedbackMessage,
-  ...rest
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.RadioGroup, {
-  name: radioName,
-  labelProps: {
-    labelText: 'Gender',
-    required: true,
-    feedbackMessage
-  },
-  orientation: "horizontal",
-  ...rest,
-  children: [_DSRadio || (_DSRadio = /*#__PURE__*/(0, _jsx3.default)(_Radio.default, {
-    name: radioName,
-    value: "male",
-    labelText: "Male"
-  })), _DSRadio2 || (_DSRadio2 = /*#__PURE__*/(0, _jsx3.default)(_Radio.default, {
-    name: radioName,
-    value: "female",
-    labelText: "Female"
-  }))]
-});
-
-const Template = ({
-  props
-}) => /*#__PURE__*/(0, _jsx3.default)(_index2.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const errField = (0, _reactHookForm.get)(errors, radioName);
-  const feedbackMessage = errField === null || errField === void 0 ? void 0 : errField.message;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Gender, {
-    feedbackMessage: feedbackMessage,
-    ...props
-  });
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
-  name: radioName,
-  ...props
-}));
-
-var _default = {
-  title: 'Components/Form/Controls/RadioGroup',
-  component: _index.RadioGroup
-};
-exports.default = _default;
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  rules: {
-    required: {
-      value: true,
-      message: 'Please select a gender'
-    }
-  }
-};

package/dist/cjs/view/fields/text-box/index.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _index3 = require("../form-item-layout/index.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Components/Form/Controls/TextBox',
-  component: _index2.TextBox
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: _index2.TextBox,
-  required: true,
-  ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'firstname',
-  labelText: 'First Name',
-  defaultValue: 'John',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter firstname'
-    }
-  }
-};

package/dist/cjs/view/form/index.stories.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WatchFormControls = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _index = require("./submit-button/index.js");
-
-var _index2 = require("./index.js");
-
-var _personalInfoSection = require("./personal-info-section.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _h, _FirstName, _DOB, _State, _MaritalStatus, _WatchDashBoard;
-
-const btnProps = {
-  containerProps: {
-    id: 'submit'
-  },
-  labelText: 'Submit Application',
-  size: 'l'
-};
-var _default = {
-  title: 'Components/Form',
-  component: _index2.Form
-};
-exports.default = _default;
-const StyledButton = /*#__PURE__*/(0, _styledComponents.default)(_index.FormSubmitButton).withConfig({
-  componentId: "sc-1mzmcta-0"
-})(["margin-top:", ";"], ({
-  theme
-}) => theme.space.xs);
-
-const WatchDashBoard = () => {
-  const {
-    watch
-  } = (0, _reactHookForm.useFormContext)();
-  const watchFirstName = watch('firstname', '');
-  const watchDOB = watch('dob', '');
-  const watchState = watch('state', '');
-  const watchMaritalStatus = watch('marital_status', '');
-  return /*#__PURE__*/(0, _jsx3.default)(_StyledSection, {}, void 0, _h || (_h = /*#__PURE__*/(0, _jsx3.default)("h4", {}, void 0, "Form Data:")), /*#__PURE__*/(0, _jsx3.default)(_StyledDiv, {}, void 0, /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "FirstName : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchFirstName)), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "DOB : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, JSON.stringify(watchDOB))), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "State : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchState)), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "Marital Status : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchMaritalStatus))));
-}; // eslint-disable-next-line no-unused-vars
-
-
-const Template = () => /*#__PURE__*/(0, _jsx3.default)(_index2.Form, {
-  onSubmit: data => {}
-}, void 0, _FirstName || (_FirstName = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.FirstName, {})), _DOB || (_DOB = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.DOB, {})), _State || (_State = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.MaritalStatus, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, { ...btnProps
-}), _WatchDashBoard || (_WatchDashBoard = /*#__PURE__*/(0, _jsx3.default)(WatchDashBoard, {})));
-
-const WatchFormControls = Template.bind({});
-exports.WatchFormControls = WatchFormControls;
-WatchFormControls.args = {};
-
-var _StyledSection = /*#__PURE__*/(0, _styledComponents.default)("section").withConfig({
-  componentId: "sc-1mzmcta-1"
-})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]);
-
-var _StyledDiv = /*#__PURE__*/(0, _styledComponents.default)("div").withConfig({
-  componentId: "sc-1mzmcta-2"
-})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]);

package/dist/cjs/view/form/usecases.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FormValidationOnSubmit = exports.FormValidationOnBlur = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _index = require("./submit-button/index.js");
-
-var _index2 = require("./index.js");
-
-var _personalInfoSection = require("./personal-info-section.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _FirstName, _DOB, _State, _MaritalStatus;
-
-const btnProps = {
-  containerProps: {
-    id: 'submit'
-  },
-  labelText: 'Submit Application',
-  size: 'l'
-};
-var _default = {
-  title: 'Components/Form',
-  component: _index.FormSubmitButton
-};
-exports.default = _default;
-const StyledButton = /*#__PURE__*/(0, _styledComponents.default)(_index.FormSubmitButton).withConfig({
-  componentId: "sc-1wwguuk-0"
-})(["margin-top:", ";"], ({
-  theme
-}) => theme.space.xs);
-
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Form, { ...args,
-  children: [_FirstName || (_FirstName = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.FirstName, {})), _DOB || (_DOB = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.DOB, {})), _State || (_State = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.MaritalStatus, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, { ...btnProps
-  })]
-});
-
-const FormValidationOnBlur = Template.bind({});
-exports.FormValidationOnBlur = FormValidationOnBlur;
-FormValidationOnBlur.args = {
-  onSubmit: data => {}
-};
-const FormValidationOnSubmit = Template.bind({});
-exports.FormValidationOnSubmit = FormValidationOnSubmit;
-FormValidationOnSubmit.args = {
-  onSubmit: data => {},
-  reactHookFormProps: {
-    mode: 'onSubmit'
-  }
-};

package/dist/cjs/view/header/index.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _index = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Header, { ...args
-});
-
-var _default = {
-  title: 'Components/Header',
-  component: _index.Header
-};
-exports.default = _default;
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  show: true
-};

package/dist/cjs/view/live-message/index.stories.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactAriaLive = require("react-aria-live");
-
-var _reactRedux = require("../../data/react-redux.js");
-
-var _index = require("../../data/live-message/index.js");
-
-var _index2 = require("./index.js");
-
-var _LiveMessage, _LiveMessageStory;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var _default = {
-  title: 'A11y/LiveMessage',
-  component: _index2.LiveMessage
-};
-exports.default = _default;
-
-const LiveMessageStory = () => {
-  const dispatch = (0, _reactRedux.useAppDispatch)();
-  return /*#__PURE__*/(0, _jsx2.default)(_reactAriaLive.LiveAnnouncer, {}, void 0, _LiveMessage || (_LiveMessage = /*#__PURE__*/(0, _jsx2.default)(_index2.LiveMessage, {})), /*#__PURE__*/(0, _jsx2.default)("button", {
-    type: "button",
-    onClick: () => dispatch(_index.actions.announce({
-      message: 'Page changed',
-      ariaLive: 'polite'
-    }))
-  }, void 0, "Announce"));
-};
-
-const Basic = () => {
-  const [show, setShow] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setShow(true);
-  }, []);
-  return show ? _LiveMessageStory || (_LiveMessageStory = /*#__PURE__*/(0, _jsx2.default)(LiveMessageStory, {})) : null;
-};
-
-exports.Basic = Basic;

package/dist/cjs/view/media-breakpoint/index.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _index = require("./index.js");
-
-var _MediaBreakpoint;
-
-var _default = {
-  title: 'Components/MediaBreakpoint',
-  component: _index.MediaBreakpoint
-};
-exports.default = _default;
-
-const Basic = () => _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/(0, _jsx2.default)(_index.MediaBreakpoint, {}));
-
-exports.Basic = Basic;

package/dist/cjs/view/modals/error/index.stories.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CloseModal = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _index = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Modals/Error',
-  component: _index.Error
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Error, { ...args
-});
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'Loan',
-  open: true,
-  children: /*#__PURE__*/(0, _jsx3.default)("h2", {}, void 0, "This is an error message")
-};
-const CloseModal = Template.bind({});
-exports.CloseModal = CloseModal;
-CloseModal.args = { ...Basic.args,
-  open: false
-};

package/dist/cjs/view/modals/navigation-prompt/index.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Close = exports.Basic = void 0;
-
-var _index = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Modals/NavigationPrompt',
-  component: _index.NavigationPrompt
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.NavigationPrompt, { ...args
-});
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  open: true
-};
-
-const Close = () => Template.bind({});
-
-exports.Close = Close;
-Close.args = {
-  open: false
-};

package/dist/cjs/view/modals/session-expiry/index.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Close = exports.Basic = void 0;
-
-var _index = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Modals/SessionExpiry',
-  component: _index.SessionExpiry
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SessionExpiry, { ...args
-});
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  open: true
-};
-const Close = Template.bind({});
-exports.Close = Close;
-Close.args = {
-  open: false
-};