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

package/dist/cjs/view/modals/wait-message/index.stories.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Close = exports.Basic = void 0;
-
-var _react = require("react");
-
-var _reactRedux = require("../../../data/react-redux.js");
-
-var _actions = require("../../../data/wait-message/actions.js");
-
-var _index = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const Template = ({
-  isOpen,
-  ...rest
-}) => {
-  const dispatch = (0, _reactRedux.useAppDispatch)();
-  (0, _react.useEffect)(() => {
-    if (!dispatch) return;
-    if (isOpen) dispatch(_actions.waitMessage.open());else dispatch(_actions.waitMessage.close());
-  }, [isOpen, dispatch]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.WaitMessage, { ...rest
-  });
-};
-
-var _default = {
-  title: 'Modals/WaitMessage',
-  component: _index.WaitMessage
-};
-exports.default = _default;
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  size: 'm',
-  isOpen: true
-};
-const Close = Template.bind({});
-exports.Close = Close;
-Close.args = {
-  size: 'm',
-  isOpen: false
-};

package/dist/cjs/view/session-timeout/index.stories.js

@@ -1,28 +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 _storybookReactRouter = _interopRequireDefault(require("storybook-react-router"));
-
-var _index = require("./index.js");
-
-var _SessionTimeout;
-
-var _default = {
-  title: 'Components/SessionTimeout',
-  component: _index.SessionTimeout
-};
-exports.default = _default;
-
-const Basic = () => _SessionTimeout || (_SessionTimeout = /*#__PURE__*/(0, _jsx2.default)(_index.SessionTimeout, {})); // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-
-
-exports.Basic = Basic;
-Basic.decorators = [(0, _storybookReactRouter.default)()];

package/dist/es/api/users/index.endpoint.js

@@ -1,14 +0,0 @@
-const express = require('express');
-
-const router = express.Router();
-
-const users = require("./users.json"); // define the route
-
-
-router.get('/', (req, res) => {
-  res.json(users);
-});
-
-module.exports = app => {
-  app.use('/sdk/users', router);
-};

package/dist/es/communication/http-client/tests/hello.endpoint.js

@@ -1,14 +0,0 @@
-/* Important: This file should use CommonJS import exports rather ES6 import and export */
-const express = require('express');
-
-const router = express.Router(); // define the route
-
-router.get('/', (req, res) => {
-  res.json({
-    name: 'pui-app-sdk'
-  });
-});
-
-module.exports = app => {
-  app.use('/hello', router);
-};

package/dist/es/communication/http-client/tests/private.endpoint.js

@@ -1,14 +0,0 @@
-/* Important: This file should use CommonJS import exports rather ES6 import and export */
-const express = require('express');
-
-const router = express.Router(); // define the route
-
-router.get('/', (req, res) => {
-  if (req.headers.authorization !== 'pui') res.status(401).send('unauthorized');else res.send({
-    message: 'you are viewing a private message'
-  });
-});
-
-module.exports = app => {
-  app.use('/private', router);
-};

package/dist/es/utils/storybook/main.js

@@ -1,38 +0,0 @@
-const {
-  webpackFinal,
-  managerWebpack
-} = require('@elliemae/pui-cli/lib/webpack/webpack.storybook');
-
-module.exports = {
-  stories: ['../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-  addons: ['@storybook/addon-storysource', {
-    name: '@storybook/addon-docs',
-    options: {
-      sourceLoaderOptions: {
-        parser: 'typescript',
-        injectStoryParameters: false
-      }
-    }
-  }, '@storybook/addon-knobs', '@storybook/addon-controls', '@storybook/addon-a11y', '@storybook/addon-actions', '@storybook/addon-backgrounds', '@storybook/addon-viewport', '@storybook/addon-toolbars', '@storybook/addon-links', '@storybook/addon-events'],
-  managerWebpack,
-  webpackFinal,
-  core: {
-    builder: 'webpack5'
-  },
-  reactOptions: {
-    fastRefresh: false
-  },
-  typescript: {
-    check: true,
-    checkOptions: {},
-    reactDocgen: 'react-docgen-typescript',
-    reactDocgenTypescriptOptions: {
-      shouldExtractLiteralValuesFromEnum: true,
-      propFilter: prop => prop.parent ? !/node_modules/.test(prop.parent.fileName) : true,
-      compilerOptions: {
-        allowSyntheticDefaultImports: false,
-        esModuleInterop: false
-      }
-    }
-  }
-};

package/dist/es/utils/storybook/middleware.js

@@ -1,9 +0,0 @@
-const {
-  loadRoutes
-} = require('@elliemae/pui-cli');
-
-const expressMiddleWare = router => {
-  loadRoutes(router);
-};
-
-module.exports = expressMiddleWare;

package/dist/es/view/error-toast/index.stories.js

@@ -1,108 +0,0 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _ErrorToast, _Renderer, _Renderer2;
-
-import { useEffect, useState } from 'react';
-import { ToastType } from '@elliemae/ds-basic/Toast';
-import DSButton from '@elliemae/ds-basic/Button';
-import { useAppDispatch } from "../../data/react-redux.js";
-import { error } from "../../index.js";
-import { ErrorToast } from "./index.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx2 } from "react/jsx-runtime";
-export default {
-  title: 'Components/ErrorToast',
-  Component: ErrorToast
-};
-
-const Renderer = ({
-  Comp
-}) => {
-  const [show, setShow] = useState(false);
-  useEffect(() => {
-    setShow(true);
-  }, []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [_ErrorToast || (_ErrorToast = /*#__PURE__*/_jsx(ErrorToast, {})), show ? /*#__PURE__*/_jsx(Comp, {}) : null]
-  });
-};
-
-const Basic = () => {
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    dispatch(error.set({
-      description: 'This is Error Toast'
-    }));
-  }, [dispatch]);
-  return /*#__PURE__*/_jsx2(_Fragment, {});
-};
-
-export const BasicError = () => _Renderer || (_Renderer = /*#__PURE__*/_jsx(Renderer, {
-  Comp: Basic
-})); // Action wrappers for readability
-
-const showToast = ({
-  messageText = 'Toast Message',
-  type = ToastType.DEFAULT,
-  ...props
-}) => error.set({
-  type,
-  messageText,
-  messageTitle: type,
-  containerId: 'app-toast',
-  ...props
-});
-
-const successToast = props => showToast({ ...props,
-  type: ToastType.SUCCESS
-});
-
-const infoToast = props => showToast({ ...props,
-  type: ToastType.INFO
-});
-
-const warningToast = props => showToast({ ...props,
-  type: ToastType.WARNING
-});
-
-const errorToast = props => showToast({ ...props,
-  type: ToastType.ERROR
-});
-
-const ToastButton = ({
-  labelText,
-  onClick
-}) => /*#__PURE__*/_jsx(DSButton, {
-  buttonType: "text",
-  labelText: labelText,
-  onClick: onClick
-});
-
-const ToastMultipleTypes = () => {
-  const dispatch = useAppDispatch();
-
-  const openToast = toastAction => () => dispatch(toastAction({
-    description: 'This is Error Toast'
-  }));
-
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ToastButton, {
-      labelText: "Success",
-      onClick: openToast(successToast)
-    }), /*#__PURE__*/_jsx(ToastButton, {
-      labelText: "Info",
-      onClick: openToast(infoToast)
-    }), /*#__PURE__*/_jsx(ToastButton, {
-      labelText: "Warning",
-      onClick: openToast(warningToast)
-    }), /*#__PURE__*/_jsx(ToastButton, {
-      labelText: "Error",
-      onClick: openToast(errorToast)
-    })]
-  });
-};
-
-export const ToastDifferentTypes = () => _Renderer2 || (_Renderer2 = /*#__PURE__*/_jsx(Renderer, {
-  Comp: ToastMultipleTypes
-}));

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

@@ -1,47 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import { get } from 'react-hook-form';
-import { Form } from "../../form/index.js";
-import { CheckBox, CHECKBOX_VARIANT } from "./index.js";
-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 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
-}));
-
-export default {
-  title: 'Components/Form/Controls/CheckBox',
-  component: CheckBox
-};
-export const Basic = Template.bind({});
-Basic.args = {
-  name: 'acknowledge',
-  labelText: 'Acknowledge Electronic delivery of documents',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please acknowledge'
-    }
-  },
-  defaultChecked: false
-};

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

@@ -1,65 +0,0 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import _styled from "styled-components";
-
-var _ToggleValue;
-
-import { useFormContext, get } from 'react-hook-form';
-import DSButton from '@elliemae/ds-basic/Button';
-import { Form } from "../../form/index.js";
-import { CheckBox, CHECKBOX_VARIANT } from "./index.js";
-import { ConnectForm } from "../connect-form.js";
-import { jsx as _jsx2 } from "react/jsx-runtime";
-const cbName = 'acknowledge';
-
-const ToggleValue = () => {
-  const {
-    setValue,
-    watch
-  } = useFormContext();
-  const currentValue = watch(cbName);
-  return /*#__PURE__*/_jsx(_StyledDSButton, {
-    size: "m",
-    labelText: "Toggle",
-    onClick: () => setValue(cbName, !currentValue, {
-      shouldDirty: true
-    })
-  });
-};
-
-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, {})));
-
-export default {
-  title: 'Components/Form/Controls/CheckBox'
-};
-export const SetValue = Template.bind({});
-SetValue.args = {
-  name: cbName,
-  labelText: 'Acknowledge Electronic delivery of documents',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please acknowledge'
-    }
-  },
-  defaultChecked: false
-};
-
-var _StyledDSButton = /*#__PURE__*/_styled(DSButton).withConfig({
-  componentId: "sc-1lqqv9c-0"
-})(["margin-top:10px;"]);

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

@@ -1,48 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import { Form } from "../../form/index.js";
-import { FormItemLayout } from "../form-item-layout/index.js";
-import { ComboBox } from "./index.js";
-import { WatchValue } from "../watch-value.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Form/Controls/ComboBox',
-  component: ComboBox
-};
-
-const MaritalStatus = props => /*#__PURE__*/_jsx(FormItemLayout, {
-  floatingLabel: true,
-  ...props,
-  inputComponent: ComboBox,
-  required: true
-});
-
-const Template = args => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx(MaritalStatus, { ...args
-}), /*#__PURE__*/_jsx(WatchValue, { ...args
-}));
-
-export const Basic = Template.bind({});
-Basic.args = {
-  name: 'marital_status',
-  labelText: 'Marital Status',
-  defaultValue: '--select--',
-  options: [{
-    value: '--select--',
-    label: '--Select--'
-  }, {
-    value: 'married',
-    label: 'Married'
-  }, {
-    value: 'unmarried',
-    label: 'Unmarried'
-  }, {
-    value: 'separated',
-    label: 'Separated'
-  }],
-  rules: {
-    required: {
-      value: true,
-      message: 'Marital Status required'
-    },
-    validate: value => value !== '--select--' || 'Please select valid value'
-  }
-};

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

@@ -1,35 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import moment from 'moment';
-import { Form } from "../../form/index.js";
-import { DateInput } from "./index.js";
-import { FormItemLayout } from "../form-item-layout/index.js";
-import { WatchValue } from "../watch-value.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Form/Controls/DateInput',
-  component: DateInput
-};
-
-const DOB = props => /*#__PURE__*/_jsx(FormItemLayout, {
-  inputComponent: DateInput,
-  ...props
-});
-
-const Template = args => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx(DOB, { ...args
-}), /*#__PURE__*/_jsx(WatchValue, { ...args
-}));
-
-export const Basic = Template.bind({});
-Basic.args = {
-  labelText: 'Date of Birth',
-  name: 'dob',
-  required: true,
-  defaultValue: moment('1980-01-01').toString(),
-  rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => moment() > value || 'Date of Birth can not be greater than current date'
-  }
-};

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

@@ -1,35 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import moment from 'moment';
-import { Form } from "../../form/index.js";
-import { DateInput } from "./index.js";
-import { FormItemLayout } from "../form-item-layout/index.js";
-import { WatchValue } from "../watch-value.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Form/Controls/DateInput',
-  component: DateInput
-};
-
-const DOB = props => /*#__PURE__*/_jsx(FormItemLayout, {
-  inputComponent: DateInput,
-  ...props
-});
-
-const Template = args => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx(DOB, { ...args
-}), /*#__PURE__*/_jsx(WatchValue, { ...args
-}));
-
-export const Basic = Template.bind({});
-Basic.args = {
-  labelText: 'Date of Birth',
-  name: 'dob',
-  required: true,
-  defaultValue: moment('1980-01-01'),
-  rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => moment() > value || 'Date of Birth can not be greater than current date'
-  }
-};

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

@@ -1,35 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import moment from 'moment';
-import { Form } from "../../form/index.js";
-import { DatePicker } from "./index.js";
-import { FormItemLayout } from "../form-item-layout/index.js";
-import { WatchValue } from "../watch-value.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Form/Controls/DatePicker',
-  component: DatePicker
-};
-
-const DOB = props => /*#__PURE__*/_jsx(FormItemLayout, {
-  inputComponent: DatePicker,
-  ...props
-});
-
-const Template = args => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx(DOB, { ...args
-}), /*#__PURE__*/_jsx(WatchValue, { ...args
-}));
-
-export const Basic = Template.bind({});
-Basic.args = {
-  labelText: 'Date of Birth',
-  name: 'dob',
-  required: true,
-  defaultValue: moment('1980-01-01').toString(),
-  rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => moment() > value || 'Date of Birth can not be greater than current date'
-  }
-};

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

@@ -1,27 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import { Form } from "../../form/index.js";
-import { TextBox } from "../text-box/index.js";
-import { FormItemLayout } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Form/Controls/FormItemLayout',
-  component: FormItemLayout
-};
-
-const Template = args => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx(FormItemLayout, { ...args
-}));
-
-export const Basic = Template.bind({});
-Basic.args = {
-  floatingLabel: true,
-  inputComponent: TextBox,
-  labelText: 'First Name',
-  name: 'firstname',
-  required: true,
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter firstname'
-    }
-  }
-};

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

@@ -1,35 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import { Form } from "../../form/index.js";
-import { InputMask, MASK_TYPES } from "./index.js";
-import { FormItemLayout } from "../form-item-layout/index.js";
-import { WatchValue } from "../watch-value.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Form/Controls/InputMask',
-  component: InputMask
-};
-
-const Template = args => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx(FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: InputMask,
-  required: true,
-  ...args
-}), /*#__PURE__*/_jsx(WatchValue, { ...args
-}));
-
-export const Basic = Template.bind({});
-Basic.args = {
-  name: 'otp',
-  labelText: 'Enter One time passcode',
-  mask: number => MASK_TYPES.NUMBER({
-    decimalLimit: 2,
-    integerLimit: 8,
-    allowDecimal: true
-  })(number),
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter OTP'
-    }
-  }
-};

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

@@ -1,30 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import { Form } from "../../form/index.js";
-import { LargeTextBox } from "./index.js";
-import { FormItemLayout } from "../form-item-layout/index.js";
-import { WatchValue } from "../watch-value.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Form/Controls/LargeTextBox',
-  component: LargeTextBox
-};
-
-const Template = args => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx(FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: LargeTextBox,
-  required: true,
-  ...args
-}), /*#__PURE__*/_jsx(WatchValue, { ...args
-}));
-
-export const Basic = Template.bind({});
-Basic.args = {
-  name: 'feedback',
-  labelText: 'Enter Feedback',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter feedback'
-    }
-  }
-};

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

@@ -1,43 +0,0 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import { get } from 'react-hook-form';
-import { Form } from "../../form/index.js";
-import { Radio } from "./index.js";
-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, {
-    name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), /*#__PURE__*/_jsx(WatchValue, {
-  name: name,
-  ...rest
-}));
-
-export default {
-  title: 'Components/Form/Controls/Radio',
-  component: Radio
-};
-export const Basic = Template.bind({});
-Basic.args = {
-  name: 'gender',
-  labelText: 'Male',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please select a gender'
-    }
-  },
-  defaultChecked: false
-};