@elliemae/pui-app-sdk 3.13.0 → 3.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/analytics/appdynamics.js +4 -1
- package/dist/cjs/api/auth/index.js +8 -2
- package/dist/cjs/api/helpers.js +7 -1
- package/dist/cjs/api/users/index.js +3 -1
- package/dist/cjs/communication/http-client/index.js +4 -1
- package/dist/cjs/communication/http-client/response-interceptor.js +4 -1
- package/dist/cjs/communication/http-client/retry-axios.js +4 -1
- package/dist/cjs/data/auth/reducer.js +14 -8
- package/dist/cjs/data/breakpoint/index.js +4 -1
- package/dist/cjs/data/store.js +10 -2
- package/dist/cjs/data/wait-message/reducer.js +4 -1
- package/dist/cjs/index.js +8 -1
- package/dist/cjs/sideeffect/error-toast/index.js +3 -1
- package/dist/cjs/sideeffect/wait-message/index.js +6 -2
- package/dist/cjs/utils/app-config/config.js +4 -1
- package/dist/cjs/utils/app-config/index.js +9 -2
- package/dist/cjs/utils/auth/helper.js +4 -1
- package/dist/cjs/utils/auth/index.js +3 -1
- package/dist/cjs/utils/micro-frontend/guest.js +7 -2
- package/dist/cjs/utils/micro-frontend/host.js +8 -2
- package/dist/cjs/utils/micro-frontend/index.js +27 -10
- package/dist/cjs/utils/micro-frontend/ssfguest-adapter.js +9 -2
- package/dist/cjs/utils/redact-pii.js +8 -2
- package/dist/cjs/utils/session.js +14 -4
- package/dist/cjs/utils/testing/index.js +5 -7
- package/dist/cjs/utils/testing/render-with-redux.js +5 -7
- package/dist/cjs/utils/testing/render-with-router-redux.js +10 -9
- package/dist/cjs/utils/testing/render-with-router.js +5 -7
- package/dist/cjs/utils/testing/render-with-state-addons.js +7 -9
- package/dist/cjs/utils/web-storage.js +4 -1
- package/dist/cjs/utils/window.js +8 -2
- package/dist/cjs/view/app-root/hosted-app.js +13 -3
- package/dist/cjs/view/app-root/index.js +21 -19
- package/dist/cjs/view/app-root/stand-alone-app.js +17 -3
- package/dist/cjs/view/app-router.js +2 -5
- package/dist/cjs/view/breakpoint/use-breakpoint.js +9 -5
- package/dist/cjs/view/breakpoint/use-media-query-list.js +3 -1
- package/dist/cjs/view/error-boundary/default-error-template.js +11 -5
- package/dist/cjs/view/error-boundary/index.js +6 -2
- package/dist/cjs/view/error-toast/index.js +2 -5
- package/dist/cjs/view/fetch-host-app-data/index.js +4 -1
- package/dist/cjs/view/fields/autocomplete/index.js +47 -0
- package/dist/cjs/view/fields/check-box/index.js +3 -6
- package/dist/cjs/view/fields/combo-box/index.js +3 -6
- package/dist/cjs/view/fields/combo-box-v3/index.js +42 -0
- package/dist/cjs/view/fields/date-input/index.js +3 -6
- package/dist/cjs/view/fields/date-picker/index.js +7 -4
- package/dist/cjs/view/fields/date-range-picker/index.js +10 -9
- package/dist/cjs/view/fields/date-time-picker/index.js +3 -6
- package/dist/cjs/view/fields/form-item-layout/index.js +15 -16
- package/dist/cjs/view/fields/form-layout-block-item/index.js +16 -17
- package/dist/cjs/view/fields/input-mask/index.js +3 -6
- package/dist/cjs/view/fields/input-text/index.js +3 -6
- package/dist/cjs/view/fields/large-text-box/index.js +3 -6
- package/dist/cjs/view/fields/radio/index.js +3 -6
- package/dist/cjs/view/fields/radio-group/index.js +3 -6
- package/dist/cjs/view/fields/text-box/index.js +3 -6
- package/dist/cjs/view/fields/toggle/index.js +3 -6
- package/dist/cjs/view/fields/watch-value.js +25 -3
- package/dist/cjs/view/form/index.js +13 -8
- package/dist/cjs/view/form/personal-info-section.js +54 -47
- package/dist/cjs/view/form/submit-button/index.js +2 -5
- package/dist/cjs/view/live-message/index.js +2 -5
- package/dist/cjs/view/loadable/index.js +8 -10
- package/dist/cjs/view/login/index.js +4 -5
- package/dist/cjs/view/micro-app/app-factory/index.js +9 -3
- package/dist/cjs/view/micro-app/index.js +6 -3
- package/dist/cjs/view/micro-app/resources/manifest.js +10 -3
- package/dist/cjs/view/micro-app/use-app-will-render.js +37 -28
- package/dist/cjs/view/micro-iframe-app/app.js +23 -18
- package/dist/cjs/view/micro-iframe-app/iframe/index.js +22 -15
- package/dist/cjs/view/micro-iframe-app/index.js +2 -5
- package/dist/cjs/view/modals/error/index.js +21 -12
- package/dist/cjs/view/modals/navigation-prompt/index.js +46 -27
- package/dist/cjs/view/modals/session-expiry/customHooks.js +6 -2
- package/dist/cjs/view/modals/session-expiry/index.js +57 -35
- package/dist/cjs/view/modals/wait-message/index.js +26 -27
- package/dist/cjs/view/page.js +15 -3
- package/dist/cjs/view/render-with-delay/index.js +4 -5
- package/dist/cjs/view/render-with-host-data/index.js +2 -5
- package/dist/cjs/view/require-auth.js +12 -6
- package/dist/cjs/view/session-timeout/index.js +15 -14
- package/dist/cjs/view/storybook/decorator.js +5 -7
- package/dist/cjs/view/visually-hidden/index.js +11 -6
- package/dist/esm/analytics/appdynamics.js +0 -1
- package/dist/esm/analytics/index.js +0 -1
- package/dist/esm/analytics/page-view-event.js +0 -1
- package/dist/esm/analytics/user-session-event.js +0 -1
- package/dist/esm/analytics/user-wait-event.js +0 -1
- package/dist/esm/analytics/web-analytics.js +0 -1
- package/dist/esm/api/auth/index.js +8 -3
- package/dist/esm/api/helpers.js +7 -2
- package/dist/esm/api/users/index.js +3 -2
- package/dist/esm/communication/http-client/index.js +0 -1
- package/dist/esm/communication/http-client/request-interceptor.js +0 -1
- package/dist/esm/communication/http-client/response-interceptor.js +0 -1
- package/dist/esm/communication/http-client/retry-axios.js +0 -1
- package/dist/esm/communication/http-client/retry.js +0 -1
- package/dist/esm/data/auth/actions.js +0 -1
- package/dist/esm/data/auth/reducer.js +10 -8
- package/dist/esm/data/breakpoint/index.js +0 -1
- package/dist/esm/data/error/index.js +0 -1
- package/dist/esm/data/index.js +0 -1
- package/dist/esm/data/live-message/index.js +0 -1
- package/dist/esm/data/logout/actions.js +0 -1
- package/dist/esm/data/navigation-prompt/actions.js +0 -1
- package/dist/esm/data/react-redux.js +0 -1
- package/dist/esm/data/reducers.js +0 -1
- package/dist/esm/data/saga.js +0 -1
- package/dist/esm/data/store.js +6 -2
- package/dist/esm/data/wait-message/actions.js +0 -1
- package/dist/esm/data/wait-message/reducer.js +0 -1
- package/dist/esm/data/webpack-hmr.js +0 -1
- package/dist/esm/index.js +4 -1
- package/dist/esm/micro-frontend.js +0 -1
- package/dist/esm/sideeffect/auth/index.js +0 -1
- package/dist/esm/sideeffect/error-toast/index.js +3 -2
- package/dist/esm/sideeffect/wait-message/index.js +6 -3
- package/dist/esm/utils/app-config/config.js +0 -1
- package/dist/esm/utils/app-config/index.js +5 -2
- package/dist/esm/utils/app-host-integration/react.js +0 -1
- package/dist/esm/utils/auth/helper.js +0 -1
- package/dist/esm/utils/auth/index.js +3 -2
- package/dist/esm/utils/await.js +0 -1
- package/dist/esm/utils/constants.js +0 -1
- package/dist/esm/utils/font-size.js +0 -1
- package/dist/esm/utils/guest-with-service.js +0 -1
- package/dist/esm/utils/helpers.js +0 -1
- package/dist/esm/utils/history.js +0 -1
- package/dist/esm/utils/log-records.js +0 -1
- package/dist/esm/utils/micro-frontend/console-logger.js +0 -1
- package/dist/esm/utils/micro-frontend/guest.js +3 -2
- package/dist/esm/utils/micro-frontend/host.js +8 -3
- package/dist/esm/utils/micro-frontend/index.js +23 -10
- package/dist/esm/utils/micro-frontend/ssfguest-adapter.js +5 -2
- package/dist/esm/utils/micro-frontend/types.js +0 -1
- package/dist/esm/utils/redact-pii.js +8 -3
- package/dist/esm/utils/service-worker.js +0 -1
- package/dist/esm/utils/session.js +14 -5
- package/dist/esm/utils/storybook/manager.js +0 -1
- package/dist/esm/utils/storybook/preview.js +0 -1
- package/dist/esm/utils/storybook/theme.js +0 -1
- package/dist/esm/utils/testing/index.js +5 -5
- package/dist/esm/utils/testing/render-with-redux.js +5 -5
- package/dist/esm/utils/testing/render-with-router-redux.js +10 -7
- package/dist/esm/utils/testing/render-with-router.js +5 -5
- package/dist/esm/utils/testing/render-with-state-addons.js +7 -7
- package/dist/esm/utils/types.js +0 -1
- package/dist/esm/utils/url.js +0 -1
- package/dist/esm/utils/web-storage.js +0 -1
- package/dist/esm/utils/window.js +8 -3
- package/dist/esm/view/app-root/hosted-app.js +9 -3
- package/dist/esm/view/app-root/index.js +21 -17
- package/dist/esm/view/app-root/stand-alone-app.js +13 -3
- package/dist/esm/view/app-root/style.js +0 -1
- package/dist/esm/view/app-router.js +2 -3
- package/dist/esm/view/breakpoint/use-breakpoint.js +9 -6
- package/dist/esm/view/breakpoint/use-media-query-list.js +3 -2
- package/dist/esm/view/error-boundary/default-error-template.js +11 -3
- package/dist/esm/view/error-boundary/index.js +2 -2
- package/dist/esm/view/error-toast/index.js +2 -3
- package/dist/esm/view/fetch-host-app-data/index.js +0 -1
- package/dist/esm/view/fetch-host-app-data/store.js +0 -1
- package/dist/esm/view/fields/autocomplete/index.js +27 -0
- package/dist/esm/view/fields/check-box/index.js +3 -4
- package/dist/esm/view/fields/combo-box/index.js +3 -4
- package/dist/esm/view/fields/combo-box-v3/index.js +24 -0
- package/dist/esm/view/fields/connect-form.js +0 -1
- package/dist/esm/view/fields/date-input/index.js +3 -4
- package/dist/esm/view/fields/date-picker/index.js +3 -4
- package/dist/esm/view/fields/date-range-picker/index.js +10 -7
- package/dist/esm/view/fields/date-time-picker/index.js +3 -4
- package/dist/esm/view/fields/form-item-layout/index.js +15 -14
- package/dist/esm/view/fields/form-layout-block-item/index.js +16 -15
- package/dist/esm/view/fields/input-mask/index.js +3 -4
- package/dist/esm/view/fields/input-text/index.js +3 -4
- package/dist/esm/view/fields/large-text-box/index.js +3 -4
- package/dist/esm/view/fields/radio/index.js +3 -4
- package/dist/esm/view/fields/radio-group/index.js +3 -4
- package/dist/esm/view/fields/text-box/index.js +3 -4
- package/dist/esm/view/fields/toggle/index.js +3 -4
- package/dist/esm/view/fields/watch-value.js +21 -3
- package/dist/esm/view/form/index.js +9 -8
- package/dist/esm/view/form/personal-info-section.js +50 -47
- package/dist/esm/view/form/submit-button/index.js +2 -3
- package/dist/esm/view/guest-unload-handlers/index.js +0 -1
- package/dist/esm/view/host-binding-events/index.js +0 -1
- package/dist/esm/view/live-message/index.js +2 -3
- package/dist/esm/view/loadable/index.js +8 -8
- package/dist/esm/view/login/index.js +4 -3
- package/dist/esm/view/message-to-host-app/index.js +0 -1
- package/dist/esm/view/micro-app/app-factory/index.js +9 -4
- package/dist/esm/view/micro-app/const.js +0 -1
- package/dist/esm/view/micro-app/index.js +2 -3
- package/dist/esm/view/micro-app/resources/manifest.js +10 -4
- package/dist/esm/view/micro-app/resources/script.js +0 -1
- package/dist/esm/view/micro-app/resources/style.js +0 -1
- package/dist/esm/view/micro-app/types.js +0 -1
- package/dist/esm/view/micro-app/use-app-will-render.js +37 -29
- package/dist/esm/view/micro-app/utils.js +0 -1
- package/dist/esm/view/micro-iframe-app/app.js +19 -18
- package/dist/esm/view/micro-iframe-app/iframe/const.js +0 -1
- package/dist/esm/view/micro-iframe-app/iframe/index.js +18 -15
- package/dist/esm/view/micro-iframe-app/index.js +2 -3
- package/dist/esm/view/micro-iframe-app/types.js +0 -1
- package/dist/esm/view/micro-iframe-app/use-frame-loaded.js +0 -1
- package/dist/esm/view/modals/error/index.js +21 -10
- package/dist/esm/view/modals/navigation-prompt/index.js +46 -25
- package/dist/esm/view/modals/session-expiry/customHooks.js +6 -3
- package/dist/esm/view/modals/session-expiry/index.js +57 -33
- package/dist/esm/view/modals/wait-message/index.js +26 -25
- package/dist/esm/view/modals/wait-message/use-html-wait-message.js +0 -1
- package/dist/esm/view/modals/wait-message/wait-message-launcher.js +0 -1
- package/dist/esm/view/page.js +11 -3
- package/dist/esm/view/render-with-delay/index.js +4 -3
- package/dist/esm/view/render-with-host-data/index.js +2 -3
- package/dist/esm/view/require-auth.js +8 -6
- package/dist/esm/view/session-timeout/index.js +15 -12
- package/dist/esm/view/storybook/decorator.js +5 -5
- package/dist/esm/view/use-previous.js +0 -1
- package/dist/esm/view/use-window-size-change.js +0 -1
- package/dist/esm/view/visually-hidden/index.js +7 -6
- package/dist/types/lib/index.d.ts +2 -0
- package/dist/types/lib/view/fields/autocomplete/index.d.ts +13 -0
- package/dist/types/lib/view/fields/autocomplete/index.stories.d.ts +5 -0
- package/dist/types/lib/view/fields/combo-box-v3/index.d.ts +9 -0
- package/dist/types/lib/view/fields/combo-box-v3/index.stories.d.ts +5 -0
- package/package.json +34 -34
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,40 +15,61 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var navigation_prompt_exports = {};
|
|
23
20
|
__export(navigation_prompt_exports, {
|
|
24
21
|
NavigationPrompt: () => NavigationPrompt
|
|
25
22
|
});
|
|
26
23
|
module.exports = __toCommonJS(navigation_prompt_exports);
|
|
27
|
-
var
|
|
24
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
25
|
var import_react = require("react");
|
|
29
26
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
30
27
|
var import_ds_button = require("@elliemae/ds-button");
|
|
31
28
|
var import_ds_dialog = require("@elliemae/ds-dialog");
|
|
32
29
|
var import_react_redux = require("../../../data/react-redux.js");
|
|
33
30
|
var import_actions = require("../../../data/navigation-prompt/actions.js");
|
|
34
|
-
const NavigationPrompt = (0, import_react.memo)(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
31
|
+
const NavigationPrompt = (0, import_react.memo)(
|
|
32
|
+
({ open = false }) => {
|
|
33
|
+
const dispatch = (0, import_react_redux.useAppDispatch)();
|
|
34
|
+
const cancelDialog = () => dispatch(import_actions.navigationPrompt.cancel());
|
|
35
|
+
const confirmDialog = () => dispatch(import_actions.navigationPrompt.confirm());
|
|
36
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialog, {
|
|
37
|
+
isOpen: open,
|
|
38
|
+
onClickOutside: cancelDialog,
|
|
39
|
+
centered: true,
|
|
40
|
+
children: [
|
|
41
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogHeader, {
|
|
42
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogAddon, {
|
|
43
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, {
|
|
44
|
+
buttonType: "icon",
|
|
45
|
+
onClick: cancelDialog,
|
|
46
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, {
|
|
47
|
+
color: ["neutral", "900"]
|
|
48
|
+
})
|
|
49
|
+
})
|
|
50
|
+
})
|
|
51
|
+
}),
|
|
52
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSeparator, {}),
|
|
53
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogBody, {
|
|
54
|
+
px: 24,
|
|
55
|
+
mb: 16,
|
|
56
|
+
children: "You currently have unsaved changes. Are you sure you want to proceed without saving?"
|
|
57
|
+
}),
|
|
58
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSeparator, {}),
|
|
59
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialogFooter, {
|
|
60
|
+
children: [
|
|
61
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, {
|
|
62
|
+
buttonType: "outline",
|
|
63
|
+
onClick: cancelDialog,
|
|
64
|
+
children: "Continue without saving"
|
|
65
|
+
}),
|
|
66
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, {
|
|
67
|
+
onClick: confirmDialog,
|
|
68
|
+
children: "Save & Continue"
|
|
69
|
+
})
|
|
70
|
+
]
|
|
71
|
+
})
|
|
72
|
+
]
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
);
|
|
@@ -29,8 +29,12 @@ const useTrackSessionExpiry = (warningNotifiedAt) => {
|
|
|
29
29
|
const [timeData, setTimeData] = (0, import_react.useState)();
|
|
30
30
|
(0, import_react.useEffect)(() => {
|
|
31
31
|
const timeLeftForExpiryAfterWarning = () => {
|
|
32
|
-
const userWarnInterval = (0, import_config.getAppConfigValue)(
|
|
33
|
-
|
|
32
|
+
const userWarnInterval = (0, import_config.getAppConfigValue)(
|
|
33
|
+
"sessionTimeoutWarnInterval"
|
|
34
|
+
);
|
|
35
|
+
const userTimeoutInterval = (0, import_config.getAppConfigValue)(
|
|
36
|
+
"sessionTimeoutInterval"
|
|
37
|
+
);
|
|
34
38
|
const warnInterval = userWarnInterval ? parseFloat(userWarnInterval) : import_constants.SESSION_TIMEOUT_INTERVAL.WARN;
|
|
35
39
|
const sessionTimeout = userTimeoutInterval ? parseFloat(userTimeoutInterval) : import_constants.SESSION_TIMEOUT_INTERVAL.EXPIRY;
|
|
36
40
|
const diffTime = sessionTimeout - warnInterval;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var session_expiry_exports = {};
|
|
23
20
|
__export(session_expiry_exports, {
|
|
24
21
|
SessionExpiry: () => SessionExpiry
|
|
25
22
|
});
|
|
26
23
|
module.exports = __toCommonJS(session_expiry_exports);
|
|
27
|
-
var
|
|
24
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
25
|
var import_react = require("react");
|
|
29
26
|
var import_ds_button = require("@elliemae/ds-button");
|
|
30
27
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
@@ -33,34 +30,59 @@ var import_react_redux = require("../../../data/react-redux.js");
|
|
|
33
30
|
var import_actions = require("../../../data/logout/actions.js");
|
|
34
31
|
var import_session = require("../../../utils/session.js");
|
|
35
32
|
var import_customHooks = require("./customHooks.js");
|
|
36
|
-
const SessionExpiry = (0, import_react.memo)(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
33
|
+
const SessionExpiry = (0, import_react.memo)(
|
|
34
|
+
({ open, warningNotifiedAt = 0 }) => {
|
|
35
|
+
const [isOpen, setIsOpen] = (0, import_react.useState)(open);
|
|
36
|
+
const timeLeft = (0, import_customHooks.useTrackSessionExpiry)(warningNotifiedAt);
|
|
37
|
+
const dispatch = (0, import_react_redux.useAppDispatch)();
|
|
38
|
+
(0, import_react.useEffect)(() => {
|
|
39
|
+
setIsOpen(open);
|
|
40
|
+
}, [open]);
|
|
41
|
+
const resetSession = () => {
|
|
42
|
+
setIsOpen(false);
|
|
43
|
+
(0, import_session.resetUserIdleTime)(true);
|
|
44
|
+
dispatch(import_actions.logout.cancel());
|
|
45
|
+
};
|
|
46
|
+
const logoutSession = () => {
|
|
47
|
+
setIsOpen(false);
|
|
48
|
+
dispatch(import_actions.logout.confirm());
|
|
49
|
+
};
|
|
50
|
+
return timeLeft ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialog, {
|
|
51
|
+
isOpen,
|
|
52
|
+
size: "small",
|
|
53
|
+
children: [
|
|
54
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogBody, {
|
|
55
|
+
p: "s",
|
|
56
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialogDefaultLayout, {
|
|
57
|
+
children: [
|
|
58
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.WarningCircle, {
|
|
59
|
+
size: "xl",
|
|
60
|
+
color: ["warning", "900"]
|
|
61
|
+
}),
|
|
62
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogPrimaryMessage, {
|
|
63
|
+
children: `Your session will expire in ${timeLeft}`
|
|
64
|
+
}),
|
|
65
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSecondaryMessage, {
|
|
66
|
+
children: "Please logout or reset your session"
|
|
67
|
+
})
|
|
68
|
+
]
|
|
69
|
+
})
|
|
70
|
+
}),
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSeparator, {}),
|
|
72
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialogFooter, {
|
|
73
|
+
children: [
|
|
74
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, {
|
|
75
|
+
buttonType: "outline",
|
|
76
|
+
onClick: logoutSession,
|
|
77
|
+
children: "Logout"
|
|
78
|
+
}),
|
|
79
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, {
|
|
80
|
+
onClick: resetSession,
|
|
81
|
+
children: "Reset"
|
|
82
|
+
})
|
|
83
|
+
]
|
|
84
|
+
})
|
|
85
|
+
]
|
|
86
|
+
}) : null;
|
|
87
|
+
}
|
|
88
|
+
);
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,39 +15,40 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var wait_message_exports = {};
|
|
23
20
|
__export(wait_message_exports, {
|
|
24
21
|
WaitMessage: () => WaitMessage
|
|
25
22
|
});
|
|
26
23
|
module.exports = __toCommonJS(wait_message_exports);
|
|
27
|
-
var
|
|
24
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
25
|
var import_react = require("react");
|
|
29
26
|
var import_ds_loading_indicator = require("@elliemae/ds-loading-indicator");
|
|
30
27
|
var import_react_redux = require("../../../data/react-redux.js");
|
|
31
28
|
var import_use_html_wait_message = require("./use-html-wait-message.js");
|
|
32
29
|
var import_user_wait_event = require("../../../analytics/user-wait-event.js");
|
|
33
|
-
const WaitMessage = (0, import_react.memo)(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
});
|
|
30
|
+
const WaitMessage = (0, import_react.memo)(
|
|
31
|
+
({
|
|
32
|
+
size = "m",
|
|
33
|
+
style = { color: "white", fontSize: "1.25rem" },
|
|
34
|
+
...rest
|
|
35
|
+
}) => {
|
|
36
|
+
const isOpen = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.isOpen);
|
|
37
|
+
const message = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.message);
|
|
38
|
+
(0, import_react.useEffect)(() => {
|
|
39
|
+
if (isOpen)
|
|
40
|
+
(0, import_user_wait_event.waitStartEvent)();
|
|
41
|
+
else
|
|
42
|
+
(0, import_user_wait_event.waitEndEvent)();
|
|
43
|
+
}, [isOpen]);
|
|
44
|
+
(0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
|
|
45
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_loading_indicator.DSLoadingIndicator, {
|
|
46
|
+
id: "em-loading",
|
|
47
|
+
size,
|
|
48
|
+
style,
|
|
49
|
+
...rest,
|
|
50
|
+
loading: isOpen,
|
|
51
|
+
message
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
);
|
package/dist/cjs/view/page.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var page_exports = {};
|
|
23
26
|
__export(page_exports, {
|
|
@@ -25,7 +28,7 @@ __export(page_exports, {
|
|
|
25
28
|
onPageView: () => onPageView
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(page_exports);
|
|
28
|
-
var
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
32
|
var import_react_helmet = require("react-helmet");
|
|
30
33
|
var brum = __toESM(require("@elliemae/pui-user-monitoring"));
|
|
31
34
|
var import_page_view_event = require("../analytics/page-view-event.js");
|
|
@@ -41,5 +44,14 @@ const onPageView = (pageTitle) => {
|
|
|
41
44
|
};
|
|
42
45
|
const Page = ({ pageTitle = "ICE", children }) => {
|
|
43
46
|
onPageView(pageTitle);
|
|
44
|
-
return /* @__PURE__ */
|
|
47
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_helmet.Helmet, {
|
|
50
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", {
|
|
51
|
+
children: pageTitle
|
|
52
|
+
})
|
|
53
|
+
}),
|
|
54
|
+
children
|
|
55
|
+
]
|
|
56
|
+
});
|
|
45
57
|
};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var render_with_delay_exports = {};
|
|
23
20
|
__export(render_with_delay_exports, {
|
|
24
21
|
RenderWithDelay: () => RenderWithDelay
|
|
25
22
|
});
|
|
26
23
|
module.exports = __toCommonJS(render_with_delay_exports);
|
|
27
|
-
var
|
|
24
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
25
|
var import_react = require("react");
|
|
29
26
|
const RenderWithDelay = (0, import_react.memo)(({ render }) => {
|
|
30
27
|
const [show, showComponents] = (0, import_react.useState)(false);
|
|
@@ -34,5 +31,7 @@ const RenderWithDelay = (0, import_react.memo)(({ render }) => {
|
|
|
34
31
|
clearTimeout(timeoutId);
|
|
35
32
|
};
|
|
36
33
|
}, []);
|
|
37
|
-
return /* @__PURE__ */
|
|
34
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
35
|
+
children: show ? render() : ""
|
|
36
|
+
});
|
|
38
37
|
});
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var render_with_host_data_exports = {};
|
|
23
20
|
__export(render_with_host_data_exports, {
|
|
24
21
|
renderWithHostData: () => renderWithHostData
|
|
25
22
|
});
|
|
26
23
|
module.exports = __toCommonJS(render_with_host_data_exports);
|
|
27
|
-
var
|
|
24
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
25
|
var import_react = require("react");
|
|
29
26
|
var import_fetch_host_app_data = require("../fetch-host-app-data/index.js");
|
|
30
27
|
var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");
|
|
@@ -46,7 +43,7 @@ const renderWithHostData = (data) => {
|
|
|
46
43
|
setLoading(false);
|
|
47
44
|
}
|
|
48
45
|
}, []);
|
|
49
|
-
return loading ? /* @__PURE__ */
|
|
46
|
+
return loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message_launcher.WaitMessageLauncher, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentToRender, {});
|
|
50
47
|
};
|
|
51
48
|
return HostAppDataWrapper;
|
|
52
49
|
};
|
|
@@ -17,14 +17,17 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var require_auth_exports = {};
|
|
23
26
|
__export(require_auth_exports, {
|
|
24
27
|
RequireAuth: () => RequireAuth
|
|
25
28
|
});
|
|
26
29
|
module.exports = __toCommonJS(require_auth_exports);
|
|
27
|
-
var
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
31
|
var import_redux_injectors = require("redux-injectors");
|
|
29
32
|
var import_constants = __toESM(require("../utils/constants.js"));
|
|
30
33
|
var import_reducer = require("../data/auth/reducer.js");
|
|
@@ -42,11 +45,14 @@ const RequireAuth = ({
|
|
|
42
45
|
(0, import_redux_injectors.useInjectSaga)({ key, saga: import_auth.authentication });
|
|
43
46
|
const userAuthorized = (0, import_auth2.isUserAuthorized)();
|
|
44
47
|
if (userAuthorized) {
|
|
45
|
-
return /* @__PURE__ */
|
|
48
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
49
|
+
children
|
|
50
|
+
});
|
|
46
51
|
}
|
|
47
|
-
return /* @__PURE__ */
|
|
52
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_login.Login, {
|
|
48
53
|
clientId,
|
|
49
54
|
scope,
|
|
50
|
-
responseType
|
|
51
|
-
|
|
55
|
+
responseType,
|
|
56
|
+
children
|
|
57
|
+
});
|
|
52
58
|
};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var session_timeout_exports = {};
|
|
23
20
|
__export(session_timeout_exports, {
|
|
24
21
|
SessionTimeout: () => SessionTimeout
|
|
25
22
|
});
|
|
26
23
|
module.exports = __toCommonJS(session_timeout_exports);
|
|
27
|
-
var
|
|
24
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
25
|
var import_react = require("react");
|
|
29
26
|
var import_react_redux = require("../../data/react-redux.js");
|
|
30
27
|
var import_actions = require("../../data/logout/actions.js");
|
|
@@ -36,12 +33,14 @@ const SessionTimeout = () => {
|
|
|
36
33
|
const [warningNotifiedAt, setwarningNotifiedAt] = (0, import_react.useState)();
|
|
37
34
|
(0, import_react.useEffect)(() => {
|
|
38
35
|
(0, import_session.initSessionMonitoring)();
|
|
39
|
-
const warningCb = (0, import_session.subscribeToSessionExpiryWarning)(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
36
|
+
const warningCb = (0, import_session.subscribeToSessionExpiryWarning)(
|
|
37
|
+
(sessionExpiryWarningNotifiedAt) => {
|
|
38
|
+
if (!sessionExpiryWarningNotifiedAt)
|
|
39
|
+
return;
|
|
40
|
+
setwarningNotifiedAt(sessionExpiryWarningNotifiedAt);
|
|
41
|
+
setSessionExpiryWarning(true);
|
|
42
|
+
}
|
|
43
|
+
);
|
|
45
44
|
const resetCb = (0, import_session.subscribeToResetSession)((resetWarningModal) => {
|
|
46
45
|
if (resetWarningModal === true) {
|
|
47
46
|
setSessionExpiryWarning(false);
|
|
@@ -58,8 +57,10 @@ const SessionTimeout = () => {
|
|
|
58
57
|
(0, import_session.stopSessionMonitoring)();
|
|
59
58
|
};
|
|
60
59
|
}, [dispatch]);
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
60
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
61
|
+
children: showSessionExpiryWarning && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_session_expiry.SessionExpiry, {
|
|
62
|
+
open: true,
|
|
63
|
+
warningNotifiedAt
|
|
64
|
+
})
|
|
65
|
+
});
|
|
65
66
|
};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,18 +15,18 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
21
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
19
|
var decorator_exports = {};
|
|
23
20
|
__export(decorator_exports, {
|
|
24
21
|
withAppDecorator: () => withAppDecorator
|
|
25
22
|
});
|
|
26
23
|
module.exports = __toCommonJS(decorator_exports);
|
|
27
|
-
var
|
|
24
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
25
|
var import_history = require("../../utils/history.js");
|
|
29
26
|
var import_app_root = require("../app-root/index.js");
|
|
30
|
-
const withAppDecorator = (theme, store, story) => /* @__PURE__ */
|
|
27
|
+
const withAppDecorator = (theme, store, story) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_root.AppRoot, {
|
|
31
28
|
store,
|
|
32
29
|
history: import_history.browserHistory,
|
|
33
|
-
theme
|
|
34
|
-
|
|
30
|
+
theme,
|
|
31
|
+
children: story()
|
|
32
|
+
});
|
|
@@ -17,14 +17,17 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var visually_hidden_exports = {};
|
|
23
26
|
__export(visually_hidden_exports, {
|
|
24
27
|
VisuallyHidden: () => VisuallyHidden
|
|
25
28
|
});
|
|
26
29
|
module.exports = __toCommonJS(visually_hidden_exports);
|
|
27
|
-
var
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
31
|
var import_react = require("react");
|
|
29
32
|
var import_styled_components = __toESM(require("styled-components"));
|
|
30
33
|
const Span = import_styled_components.default.span`
|
|
@@ -39,7 +42,9 @@ const Span = import_styled_components.default.span`
|
|
|
39
42
|
white-space: nowrap;
|
|
40
43
|
word-wrap: normal;
|
|
41
44
|
`;
|
|
42
|
-
const VisuallyHidden = (0, import_react.forwardRef)(
|
|
43
|
-
ref,
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
const VisuallyHidden = (0, import_react.forwardRef)(
|
|
46
|
+
(props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Span, {
|
|
47
|
+
ref,
|
|
48
|
+
...props
|
|
49
|
+
})
|
|
50
|
+
);
|