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

package/dist/types/view/fields/text-box/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { TextBoxProps } from '.';
+import { TextBoxProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<TextBoxProps<import("react-hook-form").FieldValues, string> & {

package/dist/types/view/form/usecases.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { FormProps } from '.';
+import { FormProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 declare type FormFields = {

package/dist/types/view/header/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Link } from './center-region';
+import { Link } from './center-region/index.js';
 export interface HeaderProps {
     links?: Array<Link>;
     show?: boolean;

package/dist/types/view/header/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { HeaderProps } from '.';
+import { HeaderProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<HeaderProps>;

package/dist/types/view/micro-app/app-factory/index.d.ts

@@ -1,9 +1,9 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const mountApp: ({ id, name }: MicroAppConfig) => Promise<void>;
 export declare const unmountApp: ({ id, name }: MicroAppConfig) => Promise<void | null>;
 export declare const loadApp: (appConfig: MicroAppConfig) => Promise<void>;
 export declare const unloadApp: ({ id, hostUrl, documentEle, }: {
     id: string;
-    hostUrl: string;
-    documentEle: HTMLDocument;
+    hostUrl?: string | undefined;
+    documentEle: Document;
 }) => void;

package/dist/types/view/micro-app/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { MicroAppProps } from './types';
+import { MicroAppProps } from './types.js';
 export declare const MicroApp: import("react").NamedExoticComponent<MicroAppProps>;

package/dist/types/view/micro-app/resources/manifest.d.ts

@@ -1,7 +1,7 @@
 declare type Manifest = Record<string, string>;
 export declare const getAppManifest: ({ hostUrl, manifestPath, }: {
-    hostUrl: string;
-    manifestPath: string;
+    hostUrl?: string | undefined;
+    manifestPath?: string | undefined;
 }) => Promise<Manifest>;
 export declare const getFullFileNameofAssetsFromManifest: (manifest: Record<string, string>, assetNames?: Array<string>) => Array<string>;
 export {};

package/dist/types/view/micro-app/resources/script.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_SCRIPT_ID_PREFIX = "emui-script-";
 export declare const addScriptToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeScriptFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;

package/dist/types/view/micro-app/resources/style.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_STYLE_ID_PREFIX = "emui-style-";
 export declare const addStylesToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeStyleFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;

package/dist/types/view/micro-app/use-app-will-render.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppProps } from './types';
+import { MicroAppProps } from './types.js';
 export declare type OnUnloadCompleteFn = () => void;
 declare type UseAppWillRenderArgs = MicroAppProps & {
     onUnloadComplete?: OnUnloadCompleteFn;

package/dist/types/view/micro-iframe-app/app.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { OnUnloadCompleteFn } from '../micro-app/use-app-will-render';
-import { MicroIFrameAppProps } from './types';
+import { OnUnloadCompleteFn } from '../micro-app/use-app-will-render.js';
+import { MicroIFrameAppProps } from './types.js';
 declare type AppProps = MicroIFrameAppProps & {
     dispose: boolean;
     onUnloadComplete: OnUnloadCompleteFn;

package/dist/types/view/micro-iframe-app/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MicroIFrameAppProps } from './types';
+import { MicroIFrameAppProps } from './types.js';
 declare type Props = MicroIFrameAppProps & {
     entityId?: string;
 };

package/dist/types/view/micro-iframe-app/types.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppProps } from '../micro-app/types';
+import { MicroAppProps } from '../micro-app/types.js';
 export declare type MicroIFrameAppProps = {
     name?: string;
     sandbox?: string;

package/dist/types/view/micro-iframe-app/use-frame-loaded.d.ts

@@ -1,2 +1,2 @@
-import { MicroIFrameAppProps } from './types';
+import { MicroIFrameAppProps } from './types.js';
 export declare const useFrameLoaded: ({ id, documentEle }: MicroIFrameAppProps) => void;

package/dist/types/view/modals/error/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { ErrorProps } from '.';
+import { ErrorProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<ErrorProps>;

package/dist/types/view/modals/navigation-prompt/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { NavigationPromptProps } from '.';
+import { NavigationPromptProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<NavigationPromptProps>;

package/dist/types/view/modals/session-expiry/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { SessionExpiryProps } from '.';
+import { SessionExpiryProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<SessionExpiryProps>;

package/dist/types/view/modals/wait-message/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { WaitMessageProps } from '.';
+import { WaitMessageProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<WaitMessageProps>;

package/dist/types/view/storybook/decorator.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Theme } from '@elliemae/pui-theme';
-import { AppStore } from '../../data/store';
+import { AppStore } from '../../data/store.js';
 declare type StoreFn = () => React.ReactElement;
 export declare const withAppDecorator: (theme: Theme, store: AppStore, story: StoreFn) => JSX.Element;
 export {};

package/dist/types/view/visually-hidden/index.d.ts

@@ -1,4 +1,2 @@
 /// <reference types="react" />
-declare type SpanProps = React.HTMLProps<HTMLSpanElement>;
-declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Pick<SpanProps, "headers" | "method" | "data" | "min" | "max" | "width" | "size" | "value" | "type" | "id" | "scope" | "href" | "title" | "children" | "cite" | "form" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "async" | "defer" | "color" | "hidden" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "start" | "content" | "default" | "wrap" | "open" | "multiple" | "disabled" | "media" | "aria-live" | "name" | "className" | "height" | "lang" | "target" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "classID" | "useMap" | "wmode" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "readOnly" | "required" | "src" | "step" | "download" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "dateTime" | "acceptCharset" | "action" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "rowSpan" | "cols" | "rows" | "kind" | "srcLang" | "poster"> & import("react").RefAttributes<HTMLSpanElement>>;
-export { VisuallyHidden };
+export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Pick<import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>, string | number | symbol> & import("react").RefAttributes<HTMLSpanElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "2.17.1",
+  "version": "3.0.0-beta.10",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -8,11 +8,12 @@
   ],
   "main": "./dist/cjs/index.js",
   "module": "./dist/es/index.js",
-  "typings": "./dist/types/index.d.ts",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/es/index.js",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/index.d.ts"
     },
     "./storybook/*": {
       "import": "./dist/es/utils/storybook/*.js",
@@ -33,6 +34,14 @@
     "./analytics": {
       "import": "./dist/es/analytics/index.js",
       "require": "./dist/cjs/analytics/index.js"
+    },
+    "./data": {
+      "import": "./dist/es/data/index.js",
+      "require": "./dist/cjs/data/index.js"
+    },
+    "./micro-frontend": {
+      "import": "./dist/es/micro-frontend.js",
+      "require": "./dist/cjs/micro-frontend.js"
     }
   },
   "files": [
@@ -47,8 +56,8 @@
     "url": "http://git.elliemae.io/platform-ui/pui-app-sdk.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "npm": ">=8",
+    "node": ">=16"
   },
   "author": "ICE MT",
   "license": "MIT",
@@ -72,7 +81,7 @@
     "storybook:docs": "pui-cli storybook --docs",
     "storybook:docs:build": "pui-cli storybook -b --docs",
     "storybook:build": "pui-cli storybook -b",
-    "storybook:prod": "npm run storybook:build && http-server -g -p 11000 demo",
+    "storybook:prod": "http-server -g -b -p 11000 demo",
     "setup": "rimraf -r node_modules && rimraf package-lock.json && npm i",
     "test": "pui-cli test -p",
     "test:fix": "pui-cli test -f",
@@ -90,28 +99,38 @@
   "peerDependencies": {
     "@elliemae/app-react-dependencies": "^2.10.0",
     "@elliemae/ds-basic": "^1.60.0",
+    "@elliemae/ds-button": "^1.60.0",
+    "@elliemae/ds-form": "^1.60.0",
+    "@elliemae/ds-loading-indicator": "^1.60.0",
     "@elliemae/ds-date-picker": "^1.60.0",
     "@elliemae/ds-modal": "^1.60.0",
     "@elliemae/ds-popperjs": "^1.60.0",
+    "@elliemae/ds-toast": "^1.60.0",
     "@elliemae/em-ssf-guest": "^1.11.1",
-    "@elliemae/pui-diagnostics": "^2.7.1",
-    "@elliemae/pui-micro-frontend-base": "^1.9.0",
-    "@elliemae/pui-theme": "^2.2.6",
-    "@elliemae/pui-user-monitoring": "^1.11.2"
+    "@elliemae/pui-diagnostics": "^2.7.2",
+    "@elliemae/pui-micro-frontend-base": "^1.10.0",
+    "@elliemae/pui-theme": "^2.3.0",
+    "@elliemae/pui-user-monitoring": "^1.12.1"
   },
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~2.10.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.2.1",
     "@elliemae/ds-basic": "~1.60.0",
+    "@elliemae/ds-button": "~1.60.0",
+    "@elliemae/ds-form": "~1.60.0",
+    "@elliemae/ds-loading-indicator": "~1.60.0",
     "@elliemae/ds-date-picker": "~1.60.0",
     "@elliemae/ds-modal": "~1.60.0",
     "@elliemae/ds-popperjs": "~1.60.0",
+    "@elliemae/ds-toast": "~1.60.0",
     "@elliemae/em-ssf-guest": "~1.11.1",
-    "@elliemae/pui-cli": "~5.18.0",
-    "@elliemae/pui-diagnostics": "~2.7.1",
+    "@elliemae/pui-cli": "~6.0.0-beta.24",
+    "@elliemae/pui-diagnostics": "~2.7.2",
     "@elliemae/pui-e2e-test-sdk": "~6.8.0",
-    "@elliemae/pui-micro-frontend-base": "~1.9.0",
-    "@elliemae/pui-theme": "~2.2.6",
-    "@elliemae/pui-user-monitoring": "~1.11.2"
+    "@elliemae/pui-micro-frontend-base": "~1.10.0",
+    "@elliemae/pui-theme": "~2.3.0",
+    "@elliemae/pui-user-monitoring": "~1.12.1",
+    "react-router": "~5.2.1",
+    "react-router-dom": "~5.3.0"
   }
 }

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/utils/storybook/middleware.js

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

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

@@ -1,128 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ToastDifferentTypes = exports.BasicError = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _react = require("react");
-
-var _Toast = require("@elliemae/ds-basic/Toast");
-
-var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
-
-var _reactRedux = require("../../data/react-redux.js");
-
-var _index = require("../../index.js");
-
-var _index2 = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _ErrorToast, _Renderer, _Renderer2;
-
-var _default = {
-  title: 'Components/ErrorToast',
-  Component: _index2.ErrorToast
-};
-exports.default = _default;
-
-const Renderer = ({
-  Comp
-}) => {
-  const [show, setShow] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setShow(true);
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [_ErrorToast || (_ErrorToast = /*#__PURE__*/(0, _jsx3.default)(_index2.ErrorToast, {})), show ? /*#__PURE__*/(0, _jsx3.default)(Comp, {}) : null]
-  });
-};
-
-const Basic = () => {
-  const dispatch = (0, _reactRedux.useAppDispatch)();
-  (0, _react.useEffect)(() => {
-    dispatch(_index.error.set({
-      description: 'This is Error Toast'
-    }));
-  }, [dispatch]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-};
-
-const BasicError = () => _Renderer || (_Renderer = /*#__PURE__*/(0, _jsx3.default)(Renderer, {
-  Comp: Basic
-})); // Action wrappers for readability
-
-
-exports.BasicError = BasicError;
-
-const showToast = ({
-  messageText = 'Toast Message',
-  type = _Toast.ToastType.DEFAULT,
-  ...props
-}) => _index.error.set({
-  type,
-  messageText,
-  messageTitle: type,
-  containerId: 'app-toast',
-  ...props
-});
-
-const successToast = props => showToast({ ...props,
-  type: _Toast.ToastType.SUCCESS
-});
-
-const infoToast = props => showToast({ ...props,
-  type: _Toast.ToastType.INFO
-});
-
-const warningToast = props => showToast({ ...props,
-  type: _Toast.ToastType.WARNING
-});
-
-const errorToast = props => showToast({ ...props,
-  type: _Toast.ToastType.ERROR
-});
-
-const ToastButton = ({
-  labelText,
-  onClick
-}) => /*#__PURE__*/(0, _jsx3.default)(_Button.default, {
-  buttonType: "text",
-  labelText: labelText,
-  onClick: onClick
-});
-
-const ToastMultipleTypes = () => {
-  const dispatch = (0, _reactRedux.useAppDispatch)();
-
-  const openToast = toastAction => () => dispatch(toastAction({
-    description: 'This is Error Toast'
-  }));
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsx3.default)(ToastButton, {
-      labelText: "Success",
-      onClick: openToast(successToast)
-    }), /*#__PURE__*/(0, _jsx3.default)(ToastButton, {
-      labelText: "Info",
-      onClick: openToast(infoToast)
-    }), /*#__PURE__*/(0, _jsx3.default)(ToastButton, {
-      labelText: "Warning",
-      onClick: openToast(warningToast)
-    }), /*#__PURE__*/(0, _jsx3.default)(ToastButton, {
-      labelText: "Error",
-      onClick: openToast(errorToast)
-    })]
-  });
-};
-
-const ToastDifferentTypes = () => _Renderer2 || (_Renderer2 = /*#__PURE__*/(0, _jsx3.default)(Renderer, {
-  Comp: ToastMultipleTypes
-}));
-
-exports.ToastDifferentTypes = ToastDifferentTypes;

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

@@ -1,64 +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 errField = (0, _reactHookForm.get)(errors, name);
-  const hasError = !!errField; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-
-  const ctrlVariant = hasError ? _index2.CHECKBOX_VARIANT.ERROR : _index2.CHECKBOX_VARIANT.DEFAULT;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.CheckBox, {
-    name: name,
-    ...rest,
-    hasError: hasError,
-    variant: ctrlVariant
-  });
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
-  name: name,
-  ...rest
-}));
-
-var _default = {
-  title: 'Components/Form/Controls/CheckBox',
-  component: _index2.CheckBox
-};
-exports.default = _default;
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'acknowledge',
-  labelText: 'Acknowledge Electronic delivery of documents',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please acknowledge'
-    }
-  },
-  defaultChecked: false
-};