@elliemae/pui-app-sdk 2.17.1 → 3.0.0-beta.10

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

@@ -1,83 +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 cbName = 'acknowledge';
-
-const ToggleValue = () => {
-  const {
-    setValue,
-    watch
-  } = (0, _reactHookForm.useFormContext)();
-  const currentValue = watch(cbName);
-  return /*#__PURE__*/(0, _jsx3.default)(_StyledDSButton, {
-    size: "m",
-    labelText: "Toggle",
-    onClick: () => setValue(cbName, !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);
-  const ctrlVariant = (0, _reactHookForm.get)(errors, name) ? _index2.CHECKBOX_VARIANT.ERROR : _index2.CHECKBOX_VARIANT.DEFAULT;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.CheckBox, {
-    name: name,
-    ...rest,
-    hasError: hasError,
-    variant: ctrlVariant
-  });
-}), _ToggleValue || (_ToggleValue = /*#__PURE__*/(0, _jsx3.default)(ToggleValue, {})));
-
-var _default = {
-  title: 'Components/Form/Controls/CheckBox'
-};
-exports.default = _default;
-const SetValue = Template.bind({});
-exports.SetValue = SetValue;
-SetValue.args = {
-  name: cbName,
-  labelText: 'Acknowledge Electronic delivery of documents',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please acknowledge'
-    }
-  },
-  defaultChecked: false
-};
-
-var _StyledDSButton = /*#__PURE__*/(0, _styledComponents.default)(_Button.default).withConfig({
-  componentId: "sc-1lqqv9c-0"
-})(["margin-top:10px;"]);

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

@@ -1,65 +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("../form-item-layout/index.js");
-
-var _index3 = require("./index.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Components/Form/Controls/ComboBox',
-  component: _index3.ComboBox
-};
-exports.default = _default;
-
-const MaritalStatus = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.FormItemLayout, {
-  floatingLabel: true,
-  ...props,
-  inputComponent: _index3.ComboBox,
-  required: true
-});
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(MaritalStatus, { ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-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/cjs/view/fields/date-input/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 _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-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/DateInput',
-  component: _index2.DateInput
-};
-exports.default = _default;
-
-const DOB = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  inputComponent: _index2.DateInput,
-  ...props
-});
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(DOB, { ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  labelText: 'Date of Birth',
-  name: 'dob',
-  required: true,
-  defaultValue: (0, _moment.default)('1980-01-01').toString(),
-  rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => (0, _moment.default)() > value || 'Date of Birth can not be greater than current date'
-  }
-};

package/dist/cjs/view/fields/date-input/index1.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 _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-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/DateInput',
-  component: _index2.DateInput
-};
-exports.default = _default;
-
-const DOB = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  inputComponent: _index2.DateInput,
-  ...props
-});
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(DOB, { ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  labelText: 'Date of Birth',
-  name: 'dob',
-  required: true,
-  defaultValue: (0, _moment.default)('1980-01-01'),
-  rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => (0, _moment.default)() > value || 'Date of Birth can not be greater than current date'
-  }
-};

package/dist/cjs/view/fields/date-picker/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 _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-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/DatePicker',
-  component: _index2.DatePicker
-};
-exports.default = _default;
-
-const DOB = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  inputComponent: _index2.DatePicker,
-  ...props
-});
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(DOB, { ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  labelText: 'Date of Birth',
-  name: 'dob',
-  required: true,
-  defaultValue: (0, _moment.default)('1980-01-01').toString(),
-  rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => (0, _moment.default)() > value || 'Date of Birth can not be greater than current date'
-  }
-};

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

@@ -1,43 +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("../text-box/index.js");
-
-var _index3 = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Components/Form/Controls/FormItemLayout',
-  component: _index3.FormItemLayout
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  floatingLabel: true,
-  inputComponent: _index2.TextBox,
-  labelText: 'First Name',
-  name: 'firstname',
-  required: true,
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter firstname'
-    }
-  }
-};

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

@@ -1,52 +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/InputMask',
-  component: _index2.InputMask
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: _index2.InputMask,
-  required: true,
-  ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'otp',
-  labelText: 'Enter One time passcode',
-  mask: number => _index2.MASK_TYPES.NUMBER({
-    decimalLimit: 2,
-    integerLimit: 8,
-    allowDecimal: true
-  })(number),
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter OTP'
-    }
-  }
-};

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'
-    }
-  }
-};