@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.
Files changed (187) hide show
  1. package/dist/cjs/button/buttonIcon.d.ts.map +1 -1
  2. package/dist/cjs/button/buttonIcon.js +4 -2
  3. package/dist/cjs/core/vuiProvider/consts.d.ts +2 -0
  4. package/dist/cjs/core/vuiProvider/consts.d.ts.map +1 -0
  5. package/dist/cjs/core/vuiProvider/consts.js +4 -0
  6. package/dist/cjs/core/vuiProvider/globalStyle.d.ts.map +1 -1
  7. package/dist/cjs/core/vuiProvider/globalStyle.js +6 -0
  8. package/dist/cjs/core/vuiProvider/index.d.ts +2 -0
  9. package/dist/cjs/core/vuiProvider/index.d.ts.map +1 -1
  10. package/dist/cjs/core/vuiProvider/index.js +2 -0
  11. package/dist/cjs/core/vuiProvider/useBodyScrollLock.d.ts +7 -0
  12. package/dist/cjs/core/vuiProvider/useBodyScrollLock.d.ts.map +1 -0
  13. package/dist/cjs/core/vuiProvider/useBodyScrollLock.js +18 -0
  14. package/dist/cjs/core/vuiProvider/vuiProvider.d.ts.map +1 -1
  15. package/dist/cjs/core/vuiProvider/vuiProvider.js +0 -2
  16. package/dist/cjs/definition/definition.d.ts.map +1 -1
  17. package/dist/cjs/definition/definition.js +0 -1
  18. package/dist/cjs/dialog/consts.d.ts +0 -1
  19. package/dist/cjs/dialog/consts.d.ts.map +1 -1
  20. package/dist/cjs/dialog/consts.js +1 -2
  21. package/dist/cjs/focusLock/focusLock.d.ts +11 -0
  22. package/dist/cjs/focusLock/focusLock.d.ts.map +1 -0
  23. package/dist/cjs/{modal → focusLock}/focusLock.js +3 -3
  24. package/dist/cjs/focusLock/focusLock.types.d.ts.map +1 -0
  25. package/dist/cjs/focusLock/index.d.ts +4 -0
  26. package/dist/cjs/focusLock/index.d.ts.map +1 -0
  27. package/dist/cjs/focusLock/index.js +24 -0
  28. package/dist/cjs/footer/footer.d.ts.map +1 -1
  29. package/dist/cjs/footer/footer.js +5 -1
  30. package/dist/cjs/footer/footer.types.d.ts +2 -1
  31. package/dist/cjs/footer/footer.types.d.ts.map +1 -1
  32. package/dist/cjs/index.d.ts +1 -0
  33. package/dist/cjs/index.d.ts.map +1 -1
  34. package/dist/cjs/index.js +1 -0
  35. package/dist/cjs/input/consts.d.ts +6 -0
  36. package/dist/cjs/input/consts.d.ts.map +1 -1
  37. package/dist/cjs/input/consts.js +7 -1
  38. package/dist/cjs/input/input.d.ts.map +1 -1
  39. package/dist/cjs/input/input.js +3 -3
  40. package/dist/cjs/input/input.types.d.ts +2 -0
  41. package/dist/cjs/input/input.types.d.ts.map +1 -1
  42. package/dist/cjs/modal/index.d.ts +2 -2
  43. package/dist/cjs/modal/index.d.ts.map +1 -1
  44. package/dist/cjs/modal/index.js +2 -2
  45. package/dist/cjs/modal/modal.d.ts.map +1 -1
  46. package/dist/cjs/modal/modal.js +1 -1
  47. package/dist/cjs/modal/modal.types.d.ts +1 -1
  48. package/dist/cjs/modal/modal.types.d.ts.map +1 -1
  49. package/dist/cjs/modal/modalManager.d.ts +2 -2
  50. package/dist/cjs/modal/modalManager.d.ts.map +1 -1
  51. package/dist/cjs/modal/modalManager.js +6 -9
  52. package/dist/cjs/sidemenu/sidemenu.d.ts +0 -1
  53. package/dist/cjs/sidemenu/sidemenu.d.ts.map +1 -1
  54. package/dist/cjs/sidemenu/sidemenu.js +10 -11
  55. package/dist/cjs/sidemenu/sidemenu.types.d.ts +4 -0
  56. package/dist/cjs/sidemenu/sidemenu.types.d.ts.map +1 -1
  57. package/dist/cjs/sidemenu/sidemenuItem.d.ts.map +1 -1
  58. package/dist/cjs/sidemenu/sidemenuItem.js +1 -1
  59. package/dist/cjs/sidemenu/theme.d.ts +3 -1
  60. package/dist/cjs/sidemenu/theme.d.ts.map +1 -1
  61. package/dist/cjs/sidemenu/theme.js +3 -1
  62. package/dist/cjs/theme/components.d.ts +3 -1
  63. package/dist/cjs/theme/components.d.ts.map +1 -1
  64. package/dist/cjs/theme/defaultTheme.d.ts +3 -1
  65. package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
  66. package/dist/cjs/utils/index.d.ts +1 -0
  67. package/dist/cjs/utils/index.d.ts.map +1 -1
  68. package/dist/cjs/utils/index.js +1 -0
  69. package/dist/cjs/utils/window.d.ts +2 -0
  70. package/dist/cjs/utils/window.d.ts.map +1 -0
  71. package/dist/cjs/utils/window.js +5 -0
  72. package/dist/esm/button/buttonIcon.d.ts.map +1 -1
  73. package/dist/esm/button/buttonIcon.js +4 -2
  74. package/dist/esm/core/vuiProvider/consts.d.ts +2 -0
  75. package/dist/esm/core/vuiProvider/consts.d.ts.map +1 -0
  76. package/dist/esm/core/vuiProvider/consts.js +1 -0
  77. package/dist/esm/core/vuiProvider/globalStyle.d.ts.map +1 -1
  78. package/dist/esm/core/vuiProvider/globalStyle.js +6 -0
  79. package/dist/esm/core/vuiProvider/index.d.ts +2 -0
  80. package/dist/esm/core/vuiProvider/index.d.ts.map +1 -1
  81. package/dist/esm/core/vuiProvider/index.js +2 -0
  82. package/dist/esm/core/vuiProvider/useBodyScrollLock.d.ts +7 -0
  83. package/dist/esm/core/vuiProvider/useBodyScrollLock.d.ts.map +1 -0
  84. package/dist/esm/core/vuiProvider/useBodyScrollLock.js +14 -0
  85. package/dist/esm/core/vuiProvider/vuiProvider.d.ts.map +1 -1
  86. package/dist/esm/core/vuiProvider/vuiProvider.js +0 -2
  87. package/dist/esm/definition/definition.d.ts.map +1 -1
  88. package/dist/esm/definition/definition.js +0 -1
  89. package/dist/esm/dialog/consts.d.ts +0 -1
  90. package/dist/esm/dialog/consts.d.ts.map +1 -1
  91. package/dist/esm/dialog/consts.js +0 -1
  92. package/dist/esm/focusLock/focusLock.d.ts +11 -0
  93. package/dist/esm/focusLock/focusLock.d.ts.map +1 -0
  94. package/dist/esm/{modal → focusLock}/focusLock.js +3 -3
  95. package/dist/esm/focusLock/focusLock.types.d.ts.map +1 -0
  96. package/dist/esm/focusLock/index.d.ts +4 -0
  97. package/dist/esm/focusLock/index.d.ts.map +1 -0
  98. package/dist/esm/focusLock/index.js +3 -0
  99. package/dist/esm/footer/footer.d.ts.map +1 -1
  100. package/dist/esm/footer/footer.js +5 -1
  101. package/dist/esm/footer/footer.types.d.ts +2 -1
  102. package/dist/esm/footer/footer.types.d.ts.map +1 -1
  103. package/dist/esm/index.d.ts +1 -0
  104. package/dist/esm/index.d.ts.map +1 -1
  105. package/dist/esm/index.js +1 -0
  106. package/dist/esm/input/consts.d.ts +6 -0
  107. package/dist/esm/input/consts.d.ts.map +1 -1
  108. package/dist/esm/input/consts.js +6 -0
  109. package/dist/esm/input/input.d.ts.map +1 -1
  110. package/dist/esm/input/input.js +4 -4
  111. package/dist/esm/input/input.types.d.ts +2 -0
  112. package/dist/esm/input/input.types.d.ts.map +1 -1
  113. package/dist/esm/modal/index.d.ts +2 -2
  114. package/dist/esm/modal/index.d.ts.map +1 -1
  115. package/dist/esm/modal/index.js +2 -2
  116. package/dist/esm/modal/modal.d.ts.map +1 -1
  117. package/dist/esm/modal/modal.js +1 -1
  118. package/dist/esm/modal/modal.types.d.ts +1 -1
  119. package/dist/esm/modal/modal.types.d.ts.map +1 -1
  120. package/dist/esm/modal/modalManager.d.ts +2 -2
  121. package/dist/esm/modal/modalManager.d.ts.map +1 -1
  122. package/dist/esm/modal/modalManager.js +6 -9
  123. package/dist/esm/sidemenu/sidemenu.d.ts +0 -1
  124. package/dist/esm/sidemenu/sidemenu.d.ts.map +1 -1
  125. package/dist/esm/sidemenu/sidemenu.js +10 -12
  126. package/dist/esm/sidemenu/sidemenu.types.d.ts +4 -0
  127. package/dist/esm/sidemenu/sidemenu.types.d.ts.map +1 -1
  128. package/dist/esm/sidemenu/sidemenuItem.d.ts.map +1 -1
  129. package/dist/esm/sidemenu/sidemenuItem.js +2 -0
  130. package/dist/esm/sidemenu/theme.d.ts +3 -1
  131. package/dist/esm/sidemenu/theme.d.ts.map +1 -1
  132. package/dist/esm/sidemenu/theme.js +3 -1
  133. package/dist/esm/theme/components.d.ts +3 -1
  134. package/dist/esm/theme/components.d.ts.map +1 -1
  135. package/dist/esm/theme/defaultTheme.d.ts +3 -1
  136. package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
  137. package/dist/esm/utils/index.d.ts +1 -0
  138. package/dist/esm/utils/index.d.ts.map +1 -1
  139. package/dist/esm/utils/index.js +1 -0
  140. package/dist/esm/utils/window.d.ts +2 -0
  141. package/dist/esm/utils/window.d.ts.map +1 -0
  142. package/dist/esm/utils/window.js +1 -0
  143. package/package.json +1 -1
  144. package/src/button/buttonIcon.tsx +6 -3
  145. package/src/core/vuiProvider/consts.ts +1 -0
  146. package/src/core/vuiProvider/globalStyle.tsx +6 -0
  147. package/src/core/vuiProvider/index.ts +2 -0
  148. package/src/core/vuiProvider/useBodyScrollLock.tsx +17 -0
  149. package/src/core/vuiProvider/vuiProvider.tsx +0 -2
  150. package/src/definition/definition.tsx +0 -3
  151. package/src/dialog/consts.ts +0 -2
  152. package/src/{modal → focusLock}/focusLock.tsx +4 -3
  153. package/src/focusLock/index.ts +3 -0
  154. package/src/footer/footer.tsx +29 -1
  155. package/src/footer/footer.types.ts +2 -1
  156. package/src/index.ts +1 -0
  157. package/src/input/consts.ts +7 -0
  158. package/src/input/input.tsx +66 -55
  159. package/src/input/input.types.ts +2 -0
  160. package/src/modal/index.ts +2 -2
  161. package/src/modal/modal.tsx +1 -2
  162. package/src/modal/modal.types.ts +1 -1
  163. package/src/modal/modalManager.ts +6 -9
  164. package/src/sidemenu/sidemenu.tsx +29 -14
  165. package/src/sidemenu/sidemenu.types.ts +4 -0
  166. package/src/sidemenu/sidemenuItem.tsx +2 -0
  167. package/src/sidemenu/theme.ts +3 -1
  168. package/src/utils/index.ts +1 -0
  169. package/src/utils/window.ts +1 -0
  170. package/dist/cjs/modal/focusLock.d.ts +0 -11
  171. package/dist/cjs/modal/focusLock.d.ts.map +0 -1
  172. package/dist/cjs/modal/focusLock.types.d.ts.map +0 -1
  173. package/dist/cjs/modal/modalStyle.d.ts +0 -3
  174. package/dist/cjs/modal/modalStyle.d.ts.map +0 -1
  175. package/dist/cjs/modal/modalStyle.js +0 -10
  176. package/dist/esm/modal/focusLock.d.ts +0 -11
  177. package/dist/esm/modal/focusLock.d.ts.map +0 -1
  178. package/dist/esm/modal/focusLock.types.d.ts.map +0 -1
  179. package/dist/esm/modal/modalStyle.d.ts +0 -3
  180. package/dist/esm/modal/modalStyle.d.ts.map +0 -1
  181. package/dist/esm/modal/modalStyle.js +0 -8
  182. package/src/modal/modalStyle.ts +0 -9
  183. /package/dist/cjs/{modal → focusLock}/focusLock.types.d.ts +0 -0
  184. /package/dist/cjs/{modal → focusLock}/focusLock.types.js +0 -0
  185. /package/dist/esm/{modal → focusLock}/focusLock.types.d.ts +0 -0
  186. /package/dist/esm/{modal → focusLock}/focusLock.types.js +0 -0
  187. /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,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,0CAA0C;AAC1C,eAAO,MAAM,UAAU,kDAKrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
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
- return react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-buttonIcon', className), ref: ref }, styles.icon, rest));
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,2 @@
1
+ export declare const noScrollClass = "vui-no-scroll";
2
+ //# sourceMappingURL=consts.d.ts.map
@@ -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"}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.noScrollClass = void 0;
4
+ exports.noScrollClass = 'vui-no-scroll';
@@ -1 +1 @@
1
- {"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBAsFC"}
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;AAM7C,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,CAiCpD,CAAA;AAED,eAAe,WAAW,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,uDAoBrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
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;AAErC,eAAO,MAAM,aAAa,kBAAkB,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.noScrollClass = exports.modalClass = exports.containerId = exports.dialogStatusMapping = void 0;
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. That is, tabbing with keyboard will
34
- * only cycle through the children and won't leave the boundary of the FocusLock.
35
- * This behavior enhances accessibility of the Modal component.
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,4 @@
1
+ export * from './focusLock';
2
+ export { default } from './focusLock';
3
+ export * from './focusLock.types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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;AAM5E,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;YAwKT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AASD,eAAe,MAAM,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(footerLink_1.default, Object.assign({}, link)))))),
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: string;
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;CACZ,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"}
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"}
@@ -14,6 +14,7 @@ export * from './definition';
14
14
  export * from './dialog';
15
15
  export * from './divider';
16
16
  export * from './dragAndDrop';
17
+ export * from './focusLock';
17
18
  export * from './footer';
18
19
  export * from './grid';
19
20
  export * from './header';
@@ -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"}
@@ -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;UAwIV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAMD,eAAe,KAAK,CAAA"}
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"}
@@ -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 './focusLock';
3
- export * from './focusLock.types';
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,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,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"}
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"}
@@ -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("./focusLock"), exports);
23
- __exportStar(require("./focusLock.types"), exports);
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;cA+FN,oBAAoB;aACrB,mBAAmB;CAC7B,CAAA;AAKD,eAAe,KAAK,CAAA"}
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"}
@@ -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,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,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"}
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) => void;
6
- remove: (modal: any) => void;
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,UAEhB;IAED,MAAM,UAAW,GAAG,UAEnB;IAED,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,QAY3F"}
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 dom_1 = require("../utils/dom");
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
- this.modals.push(modal);
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
- (0, dom_1.addBodyClass)('vui-no-scroll');
26
+ setIsScrollLocked(true);
30
27
  }
31
28
  return () => {
32
29
  exports.manager.remove(ref);
33
30
  if (!disableScrollLock)
34
- (0, dom_1.removeBodyClass)('vui-no-scroll');
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,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAKnE,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,YAAY,+HAMxB,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SA+Cd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAKD,eAAe,QAAQ,CAAA"}
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"}