@veracity/vui 2.11.0 → 2.12.0-beta.1
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/button/buttonIcon.d.ts.map +1 -1
- package/dist/cjs/button/buttonIcon.js +4 -2
- package/dist/cjs/core/vuiProvider/consts.d.ts +2 -0
- package/dist/cjs/core/vuiProvider/consts.d.ts.map +1 -0
- package/dist/cjs/core/vuiProvider/consts.js +4 -0
- package/dist/cjs/core/vuiProvider/globalStyle.d.ts.map +1 -1
- package/dist/cjs/core/vuiProvider/globalStyle.js +6 -0
- package/dist/cjs/core/vuiProvider/index.d.ts +2 -0
- package/dist/cjs/core/vuiProvider/index.d.ts.map +1 -1
- package/dist/cjs/core/vuiProvider/index.js +2 -0
- package/dist/cjs/core/vuiProvider/useBodyScrollLock.d.ts +7 -0
- package/dist/cjs/core/vuiProvider/useBodyScrollLock.d.ts.map +1 -0
- package/dist/cjs/core/vuiProvider/useBodyScrollLock.js +18 -0
- package/dist/cjs/core/vuiProvider/vuiProvider.d.ts.map +1 -1
- package/dist/cjs/core/vuiProvider/vuiProvider.js +0 -2
- package/dist/cjs/definition/definition.d.ts.map +1 -1
- package/dist/cjs/definition/definition.js +0 -1
- package/dist/cjs/dialog/consts.d.ts +0 -1
- package/dist/cjs/dialog/consts.d.ts.map +1 -1
- package/dist/cjs/dialog/consts.js +1 -2
- package/dist/cjs/focusLock/focusLock.d.ts +11 -0
- package/dist/cjs/focusLock/focusLock.d.ts.map +1 -0
- package/dist/cjs/{modal → focusLock}/focusLock.js +3 -3
- package/dist/cjs/focusLock/focusLock.types.d.ts.map +1 -0
- package/dist/cjs/focusLock/index.d.ts +4 -0
- package/dist/cjs/focusLock/index.d.ts.map +1 -0
- package/dist/cjs/focusLock/index.js +24 -0
- package/dist/cjs/footer/footer.d.ts.map +1 -1
- package/dist/cjs/footer/footer.js +5 -1
- package/dist/cjs/footer/footer.types.d.ts +2 -1
- package/dist/cjs/footer/footer.types.d.ts.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/input/consts.d.ts +6 -0
- package/dist/cjs/input/consts.d.ts.map +1 -1
- package/dist/cjs/input/consts.js +7 -1
- package/dist/cjs/input/input.d.ts.map +1 -1
- package/dist/cjs/input/input.js +3 -3
- package/dist/cjs/input/input.types.d.ts +2 -0
- package/dist/cjs/input/input.types.d.ts.map +1 -1
- package/dist/cjs/modal/index.d.ts +2 -2
- package/dist/cjs/modal/index.d.ts.map +1 -1
- package/dist/cjs/modal/index.js +2 -2
- package/dist/cjs/modal/modal.d.ts.map +1 -1
- package/dist/cjs/modal/modal.js +1 -1
- package/dist/cjs/modal/modal.types.d.ts +1 -1
- package/dist/cjs/modal/modal.types.d.ts.map +1 -1
- package/dist/cjs/modal/modalManager.d.ts +2 -2
- package/dist/cjs/modal/modalManager.d.ts.map +1 -1
- package/dist/cjs/modal/modalManager.js +6 -9
- package/dist/cjs/sidemenu/sidemenu.d.ts +0 -1
- package/dist/cjs/sidemenu/sidemenu.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenu.js +10 -11
- package/dist/cjs/sidemenu/sidemenu.types.d.ts +4 -0
- package/dist/cjs/sidemenu/sidemenu.types.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenuItem.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenuItem.js +1 -1
- package/dist/cjs/sidemenu/theme.d.ts +3 -1
- package/dist/cjs/sidemenu/theme.d.ts.map +1 -1
- package/dist/cjs/sidemenu/theme.js +3 -1
- package/dist/cjs/theme/components.d.ts +3 -1
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/defaultTheme.d.ts +3 -1
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/cjs/utils/index.d.ts +1 -0
- package/dist/cjs/utils/index.d.ts.map +1 -1
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/window.d.ts +2 -0
- package/dist/cjs/utils/window.d.ts.map +1 -0
- package/dist/cjs/utils/window.js +5 -0
- package/dist/esm/button/buttonIcon.d.ts.map +1 -1
- package/dist/esm/button/buttonIcon.js +4 -2
- package/dist/esm/core/vuiProvider/consts.d.ts +2 -0
- package/dist/esm/core/vuiProvider/consts.d.ts.map +1 -0
- package/dist/esm/core/vuiProvider/consts.js +1 -0
- package/dist/esm/core/vuiProvider/globalStyle.d.ts.map +1 -1
- package/dist/esm/core/vuiProvider/globalStyle.js +6 -0
- package/dist/esm/core/vuiProvider/index.d.ts +2 -0
- package/dist/esm/core/vuiProvider/index.d.ts.map +1 -1
- package/dist/esm/core/vuiProvider/index.js +2 -0
- package/dist/esm/core/vuiProvider/useBodyScrollLock.d.ts +7 -0
- package/dist/esm/core/vuiProvider/useBodyScrollLock.d.ts.map +1 -0
- package/dist/esm/core/vuiProvider/useBodyScrollLock.js +14 -0
- package/dist/esm/core/vuiProvider/vuiProvider.d.ts.map +1 -1
- package/dist/esm/core/vuiProvider/vuiProvider.js +0 -2
- package/dist/esm/definition/definition.d.ts.map +1 -1
- package/dist/esm/definition/definition.js +0 -1
- package/dist/esm/dialog/consts.d.ts +0 -1
- package/dist/esm/dialog/consts.d.ts.map +1 -1
- package/dist/esm/dialog/consts.js +0 -1
- package/dist/esm/focusLock/focusLock.d.ts +11 -0
- package/dist/esm/focusLock/focusLock.d.ts.map +1 -0
- package/dist/esm/{modal → focusLock}/focusLock.js +3 -3
- package/dist/esm/focusLock/focusLock.types.d.ts.map +1 -0
- package/dist/esm/focusLock/index.d.ts +4 -0
- package/dist/esm/focusLock/index.d.ts.map +1 -0
- package/dist/esm/focusLock/index.js +3 -0
- package/dist/esm/footer/footer.d.ts.map +1 -1
- package/dist/esm/footer/footer.js +5 -1
- package/dist/esm/footer/footer.types.d.ts +2 -1
- package/dist/esm/footer/footer.types.d.ts.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/input/consts.d.ts +6 -0
- package/dist/esm/input/consts.d.ts.map +1 -1
- package/dist/esm/input/consts.js +6 -0
- package/dist/esm/input/input.d.ts.map +1 -1
- package/dist/esm/input/input.js +4 -4
- package/dist/esm/input/input.types.d.ts +2 -0
- package/dist/esm/input/input.types.d.ts.map +1 -1
- package/dist/esm/modal/index.d.ts +2 -2
- package/dist/esm/modal/index.d.ts.map +1 -1
- package/dist/esm/modal/index.js +2 -2
- package/dist/esm/modal/modal.d.ts.map +1 -1
- package/dist/esm/modal/modal.js +1 -1
- package/dist/esm/modal/modal.types.d.ts +1 -1
- package/dist/esm/modal/modal.types.d.ts.map +1 -1
- package/dist/esm/modal/modalManager.d.ts +2 -2
- package/dist/esm/modal/modalManager.d.ts.map +1 -1
- package/dist/esm/modal/modalManager.js +6 -9
- package/dist/esm/sidemenu/sidemenu.d.ts +0 -1
- package/dist/esm/sidemenu/sidemenu.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenu.js +10 -12
- package/dist/esm/sidemenu/sidemenu.types.d.ts +4 -0
- package/dist/esm/sidemenu/sidemenu.types.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenuItem.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenuItem.js +2 -0
- package/dist/esm/sidemenu/theme.d.ts +3 -1
- package/dist/esm/sidemenu/theme.d.ts.map +1 -1
- package/dist/esm/sidemenu/theme.js +3 -1
- package/dist/esm/theme/components.d.ts +3 -1
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/defaultTheme.d.ts +3 -1
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/utils/index.d.ts +1 -0
- package/dist/esm/utils/index.d.ts.map +1 -1
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/window.d.ts +2 -0
- package/dist/esm/utils/window.d.ts.map +1 -0
- package/dist/esm/utils/window.js +1 -0
- package/package.json +1 -1
- package/src/button/buttonIcon.tsx +6 -3
- package/src/core/vuiProvider/consts.ts +1 -0
- package/src/core/vuiProvider/globalStyle.tsx +6 -0
- package/src/core/vuiProvider/index.ts +2 -0
- package/src/core/vuiProvider/useBodyScrollLock.tsx +17 -0
- package/src/core/vuiProvider/vuiProvider.tsx +0 -2
- package/src/definition/definition.tsx +0 -3
- package/src/dialog/consts.ts +0 -2
- package/src/{modal → focusLock}/focusLock.tsx +4 -3
- package/src/focusLock/index.ts +3 -0
- package/src/footer/footer.tsx +29 -1
- package/src/footer/footer.types.ts +2 -1
- package/src/index.ts +1 -0
- package/src/input/consts.ts +7 -0
- package/src/input/input.tsx +66 -55
- package/src/input/input.types.ts +2 -0
- package/src/modal/index.ts +2 -2
- package/src/modal/modal.tsx +1 -2
- package/src/modal/modal.types.ts +1 -1
- package/src/modal/modalManager.ts +6 -9
- package/src/sidemenu/sidemenu.tsx +29 -14
- package/src/sidemenu/sidemenu.types.ts +4 -0
- package/src/sidemenu/sidemenuItem.tsx +2 -0
- package/src/sidemenu/theme.ts +3 -1
- package/src/utils/index.ts +1 -0
- package/src/utils/window.ts +1 -0
- package/dist/cjs/modal/focusLock.d.ts +0 -11
- package/dist/cjs/modal/focusLock.d.ts.map +0 -1
- package/dist/cjs/modal/focusLock.types.d.ts.map +0 -1
- package/dist/cjs/modal/modalStyle.d.ts +0 -3
- package/dist/cjs/modal/modalStyle.d.ts.map +0 -1
- package/dist/cjs/modal/modalStyle.js +0 -10
- package/dist/esm/modal/focusLock.d.ts +0 -11
- package/dist/esm/modal/focusLock.d.ts.map +0 -1
- package/dist/esm/modal/focusLock.types.d.ts.map +0 -1
- package/dist/esm/modal/modalStyle.d.ts +0 -3
- package/dist/esm/modal/modalStyle.d.ts.map +0 -1
- package/dist/esm/modal/modalStyle.js +0 -8
- package/src/modal/modalStyle.ts +0 -9
- /package/dist/cjs/{modal → focusLock}/focusLock.types.d.ts +0 -0
- /package/dist/cjs/{modal → focusLock}/focusLock.types.js +0 -0
- /package/dist/esm/{modal → focusLock}/focusLock.types.d.ts +0 -0
- /package/dist/esm/{modal → focusLock}/focusLock.types.js +0 -0
- /package/src/{modal → focusLock}/focusLock.types.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonIcon.d.ts","sourceRoot":"","sources":["../../../src/button/buttonIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,
|
|
1
|
+
{"version":3,"file":"buttonIcon.d.ts","sourceRoot":"","sources":["../../../src/button/buttonIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAY,SAAS,EAAE,MAAM,SAAS,CAAA;AAMnD,0CAA0C;AAC1C,eAAO,MAAM,UAAU,kDAMrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
|
|
@@ -20,10 +20,12 @@ const core_1 = require("../core");
|
|
|
20
20
|
const icon_1 = __importDefault(require("../icon"));
|
|
21
21
|
const utils_1 = require("../utils");
|
|
22
22
|
const context_1 = require("./context");
|
|
23
|
+
const isConceptualIcon = (name) => name === null || name === void 0 ? void 0 : name.startsWith('con');
|
|
23
24
|
/** Displays an icon within the Button. */
|
|
24
25
|
exports.ButtonIcon = (0, core_1.vui)((props, ref) => {
|
|
25
|
-
const { className } = props, rest = __rest(props, ["className"]);
|
|
26
|
+
const { className, name } = props, rest = __rest(props, ["className", "name"]);
|
|
26
27
|
const styles = (0, core_1.useStyleConfig)('Button', (0, context_1.useButtonContext)());
|
|
27
|
-
|
|
28
|
+
const verifiedName = isConceptualIcon(name) ? undefined : name;
|
|
29
|
+
return react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-buttonIcon', className), name: verifiedName, ref: ref }, styles.icon, rest));
|
|
28
30
|
});
|
|
29
31
|
exports.default = exports.ButtonIcon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,kBAAkB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBA2FC"}
|
|
@@ -18,6 +18,7 @@ const foundations_1 = __importDefault(require("../../theme/foundations"));
|
|
|
18
18
|
const utils_1 = require("../../utils");
|
|
19
19
|
const styled_1 = require("../styled");
|
|
20
20
|
const animations_1 = require("./animations");
|
|
21
|
+
const consts_1 = require("./consts");
|
|
21
22
|
const fontFaces_1 = __importDefault(require("./fontFaces"));
|
|
22
23
|
/**
|
|
23
24
|
* Provides global styles, such as:
|
|
@@ -57,6 +58,11 @@ exports.default = (0, styled_1.createGlobalStyle) `
|
|
|
57
58
|
z-index: 1;
|
|
58
59
|
}
|
|
59
60
|
|
|
61
|
+
body.${consts_1.noScrollClass} {
|
|
62
|
+
overflow: hidden !important;
|
|
63
|
+
overscroll-behavior: contain;
|
|
64
|
+
}
|
|
65
|
+
|
|
60
66
|
//@formatter:off
|
|
61
67
|
${p => p.globalStyle &&
|
|
62
68
|
(0, styled_1.css) `
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export * from './animations';
|
|
2
2
|
export * from './context';
|
|
3
3
|
export * from './useOfflineMode';
|
|
4
|
+
export * from './useBodyScrollLock';
|
|
5
|
+
export * from './consts';
|
|
4
6
|
export { default as fontFaces } from './fontFaces';
|
|
5
7
|
export { default as GlobalStyle } from './globalStyle';
|
|
6
8
|
export { default as ResetCSS } from './resetCSS';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -21,6 +21,8 @@ exports.VuiProvider = exports.default = exports.ResetCSS = exports.GlobalStyle =
|
|
|
21
21
|
__exportStar(require("./animations"), exports);
|
|
22
22
|
__exportStar(require("./context"), exports);
|
|
23
23
|
__exportStar(require("./useOfflineMode"), exports);
|
|
24
|
+
__exportStar(require("./useBodyScrollLock"), exports);
|
|
25
|
+
__exportStar(require("./consts"), exports);
|
|
24
26
|
var fontFaces_1 = require("./fontFaces");
|
|
25
27
|
Object.defineProperty(exports, "fontFaces", { enumerable: true, get: function () { return __importDefault(fontFaces_1).default; } });
|
|
26
28
|
var globalStyle_1 = require("./globalStyle");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const useBodyScrollLock: () => {
|
|
3
|
+
isScrollLocked: boolean;
|
|
4
|
+
setIsScrollLocked: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
5
|
+
toggleIsScrollLocked: () => void;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=useBodyScrollLock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBodyScrollLock.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/useBodyScrollLock.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,iBAAiB;;;;CAW7B,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useBodyScrollLock = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const utils_1 = require("../../utils");
|
|
6
|
+
const consts_1 = require("./consts");
|
|
7
|
+
const useBodyScrollLock = () => {
|
|
8
|
+
const [isScrollLocked, setIsScrollLocked] = (0, react_1.useState)(false);
|
|
9
|
+
const toggleIsScrollLocked = () => setIsScrollLocked(!isScrollLocked);
|
|
10
|
+
(0, react_1.useEffect)(() => {
|
|
11
|
+
if (isScrollLocked)
|
|
12
|
+
(0, utils_1.addBodyClass)(consts_1.noScrollClass);
|
|
13
|
+
else
|
|
14
|
+
(0, utils_1.removeBodyClass)(consts_1.noScrollClass);
|
|
15
|
+
}, [isScrollLocked]);
|
|
16
|
+
return { isScrollLocked, setIsScrollLocked, toggleIsScrollLocked };
|
|
17
|
+
};
|
|
18
|
+
exports.useBodyScrollLock = useBodyScrollLock;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vuiProvider.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/vuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"vuiProvider.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/vuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAK7C,OAAqB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAOvC,KAAK,gBAAgB,GAAG;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,oGAAoG;AACpG,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CAgCpD,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
30
|
const styled_components_1 = require("styled-components");
|
|
31
|
-
const modalStyle_1 = __importDefault(require("../../modal/modalStyle"));
|
|
32
31
|
const popoverStyle_1 = __importDefault(require("../../popover/popoverStyle"));
|
|
33
32
|
const portal_1 = require("../../portal");
|
|
34
33
|
const theme_1 = __importDefault(require("../../theme"));
|
|
@@ -50,7 +49,6 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = th
|
|
|
50
49
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
51
50
|
resetCSS && react_1.default.createElement(resetCSS_1.default, null),
|
|
52
51
|
react_1.default.createElement(globalStyle_1.default, { globalStyle: globalStyle }),
|
|
53
|
-
react_1.default.createElement(modalStyle_1.default, null),
|
|
54
52
|
react_1.default.createElement(popoverStyle_1.default, null),
|
|
55
53
|
children,
|
|
56
54
|
notifyOffline && react_1.default.createElement(notifyOffline_1.default, null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/definition/definition.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;KAEK;AAEL,eAAO,MAAM,sBAAsB,8HAclC,CAAA;AAED,eAAO,MAAM,wBAAwB,8HAkCpC,CAAA;AAGD,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/definition/definition.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;KAEK;AAEL,eAAO,MAAM,sBAAsB,8HAclC,CAAA;AAED,eAAO,MAAM,wBAAwB,8HAkCpC,CAAA;AAGD,eAAO,MAAM,UAAU,uDAiBrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
|
|
@@ -76,7 +76,6 @@ exports.DefinitionHorizontalBase = core_1.styled.dlBox `
|
|
|
76
76
|
exports.Definition = (0, core_1.vui)((props, ref) => {
|
|
77
77
|
const _a = props, { orientation = 'horizontal' } = _a, rest = __rest(_a, ["orientation"]);
|
|
78
78
|
const styles = (0, core_1.useStyleConfig)('Definition', props);
|
|
79
|
-
console.log('orientation', orientation);
|
|
80
79
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
81
80
|
orientation === 'horizontal' && (react_1.default.createElement(exports.DefinitionHorizontalBase, Object.assign({ className: "vui-definition" }, styles.container, rest),
|
|
82
81
|
react_1.default.createElement(definitionContent_1.DefinitionContent, Object.assign({}, rest)))),
|
|
@@ -3,5 +3,4 @@ import { DialogStatusMapping } from './dialog.types';
|
|
|
3
3
|
export declare const dialogStatusMapping: DialogStatusMapping;
|
|
4
4
|
export declare const containerId = "vui-dynamic-container";
|
|
5
5
|
export declare const modalClass = "vui-modal";
|
|
6
|
-
export declare const noScrollClass = "vui-no-scroll";
|
|
7
6
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,EAAE,mBAyBjC,CAAA;AAED,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAElD,eAAO,MAAM,UAAU,cAAc,CAAA
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,EAAE,mBAyBjC,CAAA;AAED,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAElD,eAAO,MAAM,UAAU,cAAc,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.modalClass = exports.containerId = exports.dialogStatusMapping = void 0;
|
|
4
4
|
/** Defines icon visuals for each Dialog status. */
|
|
5
5
|
exports.dialogStatusMapping = {
|
|
6
6
|
danger: {
|
|
@@ -30,4 +30,3 @@ exports.dialogStatusMapping = {
|
|
|
30
30
|
};
|
|
31
31
|
exports.containerId = 'vui-dynamic-container';
|
|
32
32
|
exports.modalClass = 'vui-modal';
|
|
33
|
-
exports.noScrollClass = 'vui-no-scroll';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ChildrenProp } from '../core';
|
|
3
|
+
import { FocusLockProps } from './focusLock.types';
|
|
4
|
+
/**
|
|
5
|
+
* Traps the focus within the provided content.
|
|
6
|
+
*
|
|
7
|
+
* Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.
|
|
8
|
+
*/
|
|
9
|
+
export declare const FocusLock: FC<FocusLockProps & ChildrenProp>;
|
|
10
|
+
export default FocusLock;
|
|
11
|
+
//# sourceMappingURL=focusLock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"focusLock.d.ts","sourceRoot":"","sources":["../../../src/focusLock/focusLock.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAe,MAAM,OAAO,CAAA;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD;;;;GAIG;AAEH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,GAAG,YAAY,CAmCvD,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -30,9 +30,9 @@ exports.FocusLock = void 0;
|
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const react_focus_lock_1 = __importDefault(require("react-focus-lock"));
|
|
32
32
|
/**
|
|
33
|
-
* Traps the focus within the provided content.
|
|
34
|
-
*
|
|
35
|
-
*
|
|
33
|
+
* Traps the focus within the provided content.
|
|
34
|
+
*
|
|
35
|
+
* Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.
|
|
36
36
|
*/
|
|
37
37
|
const FocusLock = props => {
|
|
38
38
|
const { autoFocus, children, crossFrame, finalFocusRef, initialFocusRef, isDisabled, persistentFocus, returnFocus: returnFocusProp } = props;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"focusLock.types.d.ts","sourceRoot":"","sources":["../../../src/focusLock/focusLock.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACjD,6EAA6E;IAC7E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACnD,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/focusLock/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,cAAc,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.default = void 0;
|
|
21
|
+
__exportStar(require("./focusLock"), exports);
|
|
22
|
+
var focusLock_1 = require("./focusLock");
|
|
23
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(focusLock_1).default; } });
|
|
24
|
+
__exportStar(require("./focusLock.types"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAO5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YAmMT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AASD,eAAe,MAAM,CAAA"}
|
|
@@ -20,6 +20,7 @@ const box_1 = require("../box");
|
|
|
20
20
|
const core_1 = require("../core");
|
|
21
21
|
const divider_1 = require("../divider");
|
|
22
22
|
const link_1 = require("../link");
|
|
23
|
+
const menu_1 = __importDefault(require("../menu"));
|
|
23
24
|
const t_1 = require("../t");
|
|
24
25
|
const utils_1 = require("../utils");
|
|
25
26
|
const context_1 = require("./context");
|
|
@@ -74,7 +75,10 @@ exports.Footer = (0, core_1.vui)((props, ref) => {
|
|
|
74
75
|
isApplication && (react_1.default.createElement(footerContent_1.default, { alignContent: "center", alignItems: "center", maxW: "100%" },
|
|
75
76
|
react_1.default.createElement(footerRow_1.default, { alignContent: "space-between", w: 1 },
|
|
76
77
|
react_1.default.createElement(box_1.Box, { alignItems: "self-start", columnGap: 3, flex: { xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 0 50%' }, py: { xs: 1, sm: 1, md: 1.25, lg: 1.5 }, wrap: true }, applicationLinks === null || applicationLinks === void 0 ? void 0 : applicationLinks.map((link, index) => (react_1.default.createElement(box_1.Box, { flex: { xs: '0 0 50%', sm: '0 0 auto' }, key: index, minW: 70 },
|
|
77
|
-
react_1.default.createElement(
|
|
78
|
+
link.items && (react_1.default.createElement(menu_1.default, Object.assign({ isLazy: false, offset: [-16, 9], placement: "top-start", size: "lg" }, rest),
|
|
79
|
+
react_1.default.createElement(menu_1.default.Button, Object.assign({ as: link_1.Link, className: "vui-footerLink-trigger", pt: "3px", text: link.text, title: link.text }, styles.link, rest)),
|
|
80
|
+
react_1.default.createElement(menu_1.default.List, Object.assign({ maxH: 400, right: 0, w: 320 }, styles.list), link.items.map(({ text, url }, index) => (react_1.default.createElement(menu_1.default.Item, Object.assign({ isTruncated: true, key: index, linkProps: { href: url }, text: text, title: text }, styles.item))))))),
|
|
81
|
+
!link.items && react_1.default.createElement(footerLink_1.default, Object.assign({}, link)))))),
|
|
78
82
|
downLg && react_1.default.createElement(divider_1.Divider, { borderColor: "sandstone.main", mb: 0.5, mt: 1, w: 1 }),
|
|
79
83
|
react_1.default.createElement(box_1.Box, { centerV: true, columnGap: 3, flex: { xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 0 50%' }, justifyContent: { sm: 'center', lg: 'flex-end' }, py: { xs: 1, sm: 1, md: 1.25, lg: 1.5 }, wrap: true }, applicationStaticItems === null || applicationStaticItems === void 0 ? void 0 :
|
|
80
84
|
applicationStaticItems.map((text, index) => (react_1.default.createElement(box_1.Box, { key: index },
|
|
@@ -14,7 +14,8 @@ export type FooterLinkData = {
|
|
|
14
14
|
/** Unique name that identifies a link in the links dictionary. */
|
|
15
15
|
id?: string;
|
|
16
16
|
text: string;
|
|
17
|
-
url
|
|
17
|
+
url?: string;
|
|
18
|
+
items?: FooterLinkData[];
|
|
18
19
|
};
|
|
19
20
|
export type FooterProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Footer'> & Pick<FooterTrademarkProps, 'linkedIn'> & {
|
|
20
21
|
applicationLinks?: FooterLinkData[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.types.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,yEAAyE;AACzE,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,EAAE,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAA;AAEzC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;AAEjE,oDAAoD;AACpD,MAAM,MAAM,cAAc,GAAG;IAC3B,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"footer.types.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,yEAAyE;AACzE,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,EAAE,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAA;AAEzC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;AAEjE,oDAAoD;AACpD,MAAM,MAAM,cAAc,GAAG;IAC3B,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAC1D,YAAY,CAAC,QAAQ,CAAC,GACtB,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACvC,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAA;IACnC,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,iDAAiD;IACjD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,mEAAmE;AACnE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,oDAAoD;IACpD,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -30,6 +30,7 @@ __exportStar(require("./definition"), exports);
|
|
|
30
30
|
__exportStar(require("./dialog"), exports);
|
|
31
31
|
__exportStar(require("./divider"), exports);
|
|
32
32
|
__exportStar(require("./dragAndDrop"), exports);
|
|
33
|
+
__exportStar(require("./focusLock"), exports);
|
|
33
34
|
__exportStar(require("./footer"), exports);
|
|
34
35
|
__exportStar(require("./grid"), exports);
|
|
35
36
|
__exportStar(require("./header"), exports);
|
|
@@ -17,4 +17,10 @@ export declare const stateIcons: {
|
|
|
17
17
|
success: string;
|
|
18
18
|
};
|
|
19
19
|
export declare const inputStateMapping: InputStateMapping;
|
|
20
|
+
export declare const displayValueOnlyTextSize: {
|
|
21
|
+
sm: string;
|
|
22
|
+
md: string;
|
|
23
|
+
lg: string;
|
|
24
|
+
xl: string;
|
|
25
|
+
};
|
|
20
26
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAA;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAuB/B,CAAA"}
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAA;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAuB/B,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;CAKpC,CAAA"}
|
package/dist/cjs/input/consts.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.inputStateMapping = exports.stateIcons = exports.inputColors = void 0;
|
|
3
|
+
exports.displayValueOnlyTextSize = exports.inputStateMapping = exports.stateIcons = exports.inputColors = void 0;
|
|
4
4
|
exports.inputColors = {
|
|
5
5
|
border: 'sandstone.60',
|
|
6
6
|
placeholder: 'sandstone.55',
|
|
@@ -42,3 +42,9 @@ exports.inputStateMapping = {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
+
exports.displayValueOnlyTextSize = {
|
|
46
|
+
sm: 'xs',
|
|
47
|
+
md: 'sm',
|
|
48
|
+
lg: 'md',
|
|
49
|
+
xl: 'lg'
|
|
50
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAmJV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAMD,eAAe,KAAK,CAAA"}
|
package/dist/cjs/input/input.js
CHANGED
|
@@ -73,7 +73,7 @@ exports.InputBase = core_1.styled.divBox `
|
|
|
73
73
|
*/
|
|
74
74
|
exports.Input = (0, core_1.vui)((props, ref) => {
|
|
75
75
|
var _a, _b;
|
|
76
|
-
const { autoComplete, autoCompleteOptions, autoCompleteMaxHeight, autoFocus, children, className, defaultValue, disabled, errorText, iconLeft, iconRight, id, input, inputProps, inputRef, itemLeft, itemRight, helpText, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, size, state = '', stateMapping, step, type = 'text', value, variant } = props, rest = __rest(props, ["autoComplete", "autoCompleteOptions", "autoCompleteMaxHeight", "autoFocus", "children", "className", "defaultValue", "disabled", "errorText", "iconLeft", "iconRight", "id", "input", "inputProps", "inputRef", "itemLeft", "itemRight", "helpText", "max", "maxLength", "min", "name", "onBlur", "onChange", "onFocus", "pattern", "placeholder", "readOnly", "required", "showCount", "size", "state", "stateMapping", "step", "type", "value", "variant"]);
|
|
76
|
+
const { autoComplete, autoCompleteOptions, autoCompleteMaxHeight, autoFocus, children, className, defaultValue, disabled, errorText, iconLeft, iconRight, id, input, inputProps, inputRef, itemLeft, itemRight, helpText, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, displayValueOnly, size = 'lg', state = '', stateMapping, step, type = 'text', value, variant } = props, rest = __rest(props, ["autoComplete", "autoCompleteOptions", "autoCompleteMaxHeight", "autoFocus", "children", "className", "defaultValue", "disabled", "errorText", "iconLeft", "iconRight", "id", "input", "inputProps", "inputRef", "itemLeft", "itemRight", "helpText", "max", "maxLength", "min", "name", "onBlur", "onChange", "onFocus", "pattern", "placeholder", "readOnly", "required", "showCount", "displayValueOnly", "size", "state", "stateMapping", "step", "type", "value", "variant"]);
|
|
77
77
|
const [count, setCount] = (0, react_1.useState)((0, helpers_1.getInitialCount)(props));
|
|
78
78
|
const [valueInternal, setValueInternal] = (0, react_1.useState)(defaultValue || '');
|
|
79
79
|
const states = Object.assign(Object.assign({}, consts_1.inputStateMapping), stateMapping);
|
|
@@ -101,7 +101,7 @@ exports.Input = (0, core_1.vui)((props, ref) => {
|
|
|
101
101
|
}, [value]);
|
|
102
102
|
const filterAutoCompleteOptions = (i) => valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase());
|
|
103
103
|
return (react_1.default.createElement(context_1.InputProvider, { value: context },
|
|
104
|
-
react_1.default.createElement(autoCompletePopover_1.default, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect },
|
|
104
|
+
displayValueOnly ? (react_1.default.createElement(t_1.T, { className: (0, utils_1.cs)('vui-input-value', className), size: consts_1.displayValueOnlyTextSize[size] }, value || defaultValue)) : (react_1.default.createElement(autoCompletePopover_1.default, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect },
|
|
105
105
|
react_1.default.createElement(exports.InputBase, Object.assign({ className: (0, utils_1.cs)('vui-input', className), ref: ref }, styles.container, aliasedProps, rest),
|
|
106
106
|
itemLeft,
|
|
107
107
|
(0, utils_1.isString)(iconLeft) ? react_1.default.createElement(inputIcon_1.default, { ml: 1, name: iconLeft }) : iconLeft, (_a = children !== null && children !== void 0 ? children : input) !== null && _a !== void 0 ? _a : (react_1.default.createElement(inputInput_1.default, Object.assign({ ref: inputRef }, {
|
|
@@ -129,7 +129,7 @@ exports.Input = (0, core_1.vui)((props, ref) => {
|
|
|
129
129
|
showCount && (react_1.default.createElement(t_1.T, { className: "vui-inputCount", color: maxLength && count > maxLength ? consts_1.inputColors.error : consts_1.inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)" },
|
|
130
130
|
count,
|
|
131
131
|
" ",
|
|
132
|
-
maxLength ? `/ ${maxLength}` : null)))),
|
|
132
|
+
maxLength ? `/ ${maxLength}` : null))))),
|
|
133
133
|
!!helpText && react_1.default.createElement(helpText_1.default, null, helpText),
|
|
134
134
|
!!errorText && react_1.default.createElement(helpText_1.default, { isError: true }, errorText)));
|
|
135
135
|
});
|
|
@@ -64,6 +64,8 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
|
|
|
64
64
|
required?: boolean;
|
|
65
65
|
/** Displays length of input value if also using maxLength. */
|
|
66
66
|
showCount?: boolean;
|
|
67
|
+
/** Displays the provided value. */
|
|
68
|
+
displayValueOnly?: boolean;
|
|
67
69
|
/** Modifies Input style and content based on the given state. */
|
|
68
70
|
state?: InputState;
|
|
69
71
|
/** Object definition of styles and content for each state. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export * from './context';
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
2
|
+
export * from '../focusLock/focusLock';
|
|
3
|
+
export * from '../focusLock/focusLock.types';
|
|
4
4
|
export * from './modal';
|
|
5
5
|
export { default as Modal } from './modal';
|
|
6
6
|
export * from './modal.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}
|
package/dist/cjs/modal/index.js
CHANGED
|
@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
20
|
exports.Modal = void 0;
|
|
21
21
|
__exportStar(require("./context"), exports);
|
|
22
|
-
__exportStar(require("
|
|
23
|
-
__exportStar(require("
|
|
22
|
+
__exportStar(require("../focusLock/focusLock"), exports);
|
|
23
|
+
__exportStar(require("../focusLock/focusLock.types"), exports);
|
|
24
24
|
__exportStar(require("./modal"), exports);
|
|
25
25
|
var modal_1 = require("./modal");
|
|
26
26
|
Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(modal_1).default; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC;;;;;GAKG;AACH,eAAO,MAAM,KAAK;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC;;;;;GAKG;AACH,eAAO,MAAM,KAAK;cA8FN,oBAAoB;aACrB,mBAAmB;CAC7B,CAAA;AAKD,eAAe,KAAK,CAAA"}
|
package/dist/cjs/modal/modal.js
CHANGED
|
@@ -41,10 +41,10 @@ exports.Modal = void 0;
|
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
42
|
const box_1 = __importDefault(require("../box"));
|
|
43
43
|
const core_1 = require("../core");
|
|
44
|
+
const focusLock_1 = __importDefault(require("../focusLock"));
|
|
44
45
|
const portal_1 = __importDefault(require("../portal"));
|
|
45
46
|
const utils_1 = require("../utils");
|
|
46
47
|
const context_1 = require("./context");
|
|
47
|
-
const focusLock_1 = __importDefault(require("./focusLock"));
|
|
48
48
|
const modalBackdrop_1 = __importDefault(require("./modalBackdrop"));
|
|
49
49
|
const modalContent_1 = __importDefault(require("./modalContent"));
|
|
50
50
|
const modalManager_1 = require("./modalManager");
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { FocusableElement } from '../focusLock/focusLock.types';
|
|
2
3
|
import { SystemProps } from '../system';
|
|
3
4
|
import { ThemingProps } from '../theme';
|
|
4
5
|
import { MouseEvent } from '../utils';
|
|
5
|
-
import { FocusableElement } from './focusLock.types';
|
|
6
6
|
export type ModalBackdropProps = SystemProps;
|
|
7
7
|
export type ModalContentProps = SystemProps;
|
|
8
8
|
export type ModalContext = Pick<ModalProps, 'isOpen' | 'onBackdropClick' | 'onClose' | 'size' | 'variant'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.types.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"modal.types.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAA;AAE5C,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC,CAAA;AAE1G,MAAM,MAAM,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sCAAsC;IACtC,QAAQ,EAAE,YAAY,CAAA;IACtB,uDAAuD;IACvD,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACjD,wFAAwF;IACxF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACnD,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oFAAoF;IACpF,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA"}
|
|
@@ -2,8 +2,8 @@ import { Ref } from 'react';
|
|
|
2
2
|
/** State management for nested modals. */
|
|
3
3
|
declare class ModalManager {
|
|
4
4
|
modals: any[];
|
|
5
|
-
add: (modal: any) =>
|
|
6
|
-
remove: (modal: any) =>
|
|
5
|
+
add: (modal: any) => number;
|
|
6
|
+
remove: (modal: any) => any[];
|
|
7
7
|
isTopModal: (modal: any) => boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare const manager: ModalManager;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalManager.d.ts","sourceRoot":"","sources":["../../../src/modal/modalManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAa,MAAM,OAAO,CAAA;AAItC,0CAA0C;AAC1C,cAAM,YAAY;IAChB,MAAM,EAAE,GAAG,EAAE,CAAK;IAElB,GAAG,UAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"modalManager.d.ts","sourceRoot":"","sources":["../../../src/modal/modalManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAa,MAAM,OAAO,CAAA;AAItC,0CAA0C;AAC1C,cAAM,YAAY;IAChB,MAAM,EAAE,GAAG,EAAE,CAAK;IAElB,GAAG,UAAW,GAAG,YAA4B;IAE7C,MAAM,UAAW,GAAG,WAAyD;IAE7E,UAAU,UAAW,GAAG,aAGvB;CACF;AAED,eAAO,MAAM,OAAO,cAAqB,CAAA;AAEzC,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,CAAC,EAAE,OAAO,QAa3F"}
|
|
@@ -2,17 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useModalManager = exports.manager = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const
|
|
5
|
+
const core_1 = require("../core");
|
|
6
6
|
/** State management for nested modals. */
|
|
7
7
|
class ModalManager {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.modals = [];
|
|
10
|
-
this.add = (modal) =>
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
this.remove = (modal) => {
|
|
14
|
-
this.modals = this.modals.filter(m => m !== modal);
|
|
15
|
-
};
|
|
10
|
+
this.add = (modal) => this.modals.push(modal);
|
|
11
|
+
this.remove = (modal) => (this.modals = this.modals.filter(m => m !== modal));
|
|
16
12
|
this.isTopModal = (modal) => {
|
|
17
13
|
const topmostModal = this.modals[this.modals.length - 1];
|
|
18
14
|
return topmostModal === modal;
|
|
@@ -22,16 +18,17 @@ class ModalManager {
|
|
|
22
18
|
exports.manager = new ModalManager();
|
|
23
19
|
/** Refs of new modals will be automatically added/removed from the state when rendering. */
|
|
24
20
|
function useModalManager(ref, isOpen, disableScrollLock) {
|
|
21
|
+
const { setIsScrollLocked } = (0, core_1.useBodyScrollLock)();
|
|
25
22
|
(0, react_1.useEffect)(() => {
|
|
26
23
|
if (isOpen) {
|
|
27
24
|
exports.manager.add(ref);
|
|
28
25
|
if (!disableScrollLock)
|
|
29
|
-
(
|
|
26
|
+
setIsScrollLocked(true);
|
|
30
27
|
}
|
|
31
28
|
return () => {
|
|
32
29
|
exports.manager.remove(ref);
|
|
33
30
|
if (!disableScrollLock)
|
|
34
|
-
(
|
|
31
|
+
setIsScrollLocked(false);
|
|
35
32
|
};
|
|
36
33
|
}, [isOpen, ref]);
|
|
37
34
|
}
|
|
@@ -2,7 +2,6 @@ import { VuiComponent } from '../core';
|
|
|
2
2
|
import { SidemenuProps } from './sidemenu.types';
|
|
3
3
|
import SidemenuItem from './sidemenuItem';
|
|
4
4
|
import SidemenuTop from './sidemenuTop';
|
|
5
|
-
export declare const SidemenuBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
|
|
6
5
|
/** A collapsible side menu for navigation. */
|
|
7
6
|
export declare const Sidemenu: VuiComponent<"div", SidemenuProps> & {
|
|
8
7
|
Top: typeof SidemenuTop;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SAsEd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAKD,eAAe,QAAQ,CAAA"}
|