@veracity/vui 2.14.2 → 2.14.4-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/cjs/header/header.types.d.ts +1 -1
  2. package/dist/cjs/header/header.types.d.ts.map +1 -1
  3. package/dist/cjs/header/headerAccountUserInfo.d.ts.map +1 -1
  4. package/dist/cjs/header/headerAccountUserInfo.js +5 -4
  5. package/dist/cjs/header/headerApplicationName.d.ts.map +1 -1
  6. package/dist/cjs/header/headerApplicationName.js +3 -2
  7. package/dist/cjs/header/headerServices.d.ts.map +1 -1
  8. package/dist/cjs/header/headerServices.js +1 -1
  9. package/dist/cjs/header/loggedInHeader.d.ts.map +1 -1
  10. package/dist/cjs/header/loggedInHeader.js +6 -4
  11. package/dist/cjs/select/select.d.ts.map +1 -1
  12. package/dist/cjs/select/select.js +1 -1
  13. package/dist/esm/header/header.types.d.ts +1 -1
  14. package/dist/esm/header/header.types.d.ts.map +1 -1
  15. package/dist/esm/header/headerAccountUserInfo.d.ts.map +1 -1
  16. package/dist/esm/header/headerAccountUserInfo.js +5 -4
  17. package/dist/esm/header/headerApplicationName.d.ts.map +1 -1
  18. package/dist/esm/header/headerApplicationName.js +3 -2
  19. package/dist/esm/header/headerServices.d.ts.map +1 -1
  20. package/dist/esm/header/headerServices.js +1 -1
  21. package/dist/esm/header/loggedInHeader.d.ts.map +1 -1
  22. package/dist/esm/header/loggedInHeader.js +5 -3
  23. package/dist/esm/select/select.d.ts.map +1 -1
  24. package/dist/esm/select/select.js +1 -1
  25. package/package.json +1 -1
  26. package/src/header/header.types.ts +1 -1
  27. package/src/header/headerAccountUserInfo.tsx +25 -4
  28. package/src/header/headerApplicationName.tsx +4 -1
  29. package/src/header/headerServices.tsx +1 -0
  30. package/src/header/loggedInHeader.tsx +18 -5
  31. package/src/select/select.tsx +1 -2
package/dist/cjs/header/header.types.d.ts CHANGED
@@ -91,7 +91,7 @@ export type LoggedInHeaderProps = HeaderProps & {
91
91
  notifications?: HeaderNotificationsData | JSX.Element;
92
92
  /** Socket for services menu icon on the right side. */
93
93
  services?: HeaderServicesData | JSX.Element;
94
- /** Socket for showing the alt user Info with role; introduced for APP; by default it is displayed. */
94
+ /** Socket for showing the alt user Info with role; introduced for APP; by default it is true. */
95
95
  showAltUserInfo?: boolean;
96
96
  /** Socket for showing the services trigger up front; introduced for APP; by default it is displayed. */
97
97
  showServices?: boolean;
package/dist/cjs/header/header.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
package/dist/cjs/header/headerAccountUserInfo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEA2ChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEAgEhC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
package/dist/cjs/header/headerAccountUserInfo.js CHANGED
@@ -24,14 +24,15 @@ const utils_1 = require("../utils");
24
24
  const context_1 = require("./context");
25
25
  /** Displays user information, like username and company name, within HeaderAccount part. */
26
26
  exports.HeaderAccountUserInfo = (0, core_1.vui)((props, ref) => {
27
- const { children, className, companyName, displayName, isApplication, role } = props, rest = __rest(props, ["children", "className", "companyName", "displayName", "isApplication", "role"]);
27
+ const { children, className, color, companyName, displayName, isApplication, role } = props, rest = __rest(props, ["children", "className", "color", "companyName", "displayName", "isApplication", "role"]);
28
28
  const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
29
+ const localColor = color || styles.accountUserInfo.color || 'darkBlue.main';
29
30
  return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-headerAccountUserInfo', className), p: 2, pb: 1, ref: ref, spaceX: 2 }, styles.accountUserInfo, rest, { lineHeight: isApplication ? '18px' : 'inherit', pr: isApplication ? 0 : 'inherit', textAlign: isApplication ? 'right' : 'inherit' }), children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
30
31
  !isApplication && (react_1.default.createElement(avatar_1.default, { className: "vui-headerAccountUserInfoAvatar", name: displayName, size: "xl", variant: "solidDarkBlue" })),
31
32
  react_1.default.createElement(box_1.default, { column: true, rowGap: role ? 0 : 0.5 },
32
- displayName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
33
- companyName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
34
- role && (react_1.default.createElement(t_1.default, { color: "sandstone.45", fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: role }, role)))))));
33
+ displayName && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
34
+ companyName && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
35
+ role && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, opacity: 0.5, pr: 1, title: role }, role)))))));
35
36
  });
36
37
  exports.HeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo';
37
38
  exports.default = exports.HeaderAccountUserInfo;
package/dist/cjs/header/headerApplicationName.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerApplicationName.d.ts","sourceRoot":"","sources":["../../../src/header/headerApplicationName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;;;;;;EAgChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"headerApplicationName.d.ts","sourceRoot":"","sources":["../../../src/header/headerApplicationName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;;;;;;EAmChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
package/dist/cjs/header/headerApplicationName.js CHANGED
@@ -22,7 +22,7 @@ const heading_1 = require("../heading");
22
22
  const utils_1 = require("../utils");
23
23
  /** Logo displayed in the left corner of the Header. */
24
24
  exports.HeaderApplicationName = (0, core_1.vui)((props, ref) => {
25
- const { title, url } = props, rest = __rest(props, ["title", "url"]);
25
+ const { color, title, url } = props, rest = __rest(props, ["color", "title", "url"]);
26
26
  const isTablet = (0, core_1.useUp)('md');
27
27
  const additionalClassName = isTablet ? 'vui-headerApplicationNameTablet' : 'vui-headerApplicationNameMobile';
28
28
  const mobileProps = isTablet
@@ -36,8 +36,9 @@ exports.HeaderApplicationName = (0, core_1.vui)((props, ref) => {
36
36
  lineHeight: '21px'
37
37
  };
38
38
  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {};
39
+ const localColor = color || 'darkBlue.main';
39
40
  return (react_1.default.createElement(box_1.Box, Object.assign({}, linkProps),
40
- react_1.default.createElement(heading_1.Heading, Object.assign({ className: (0, utils_1.cs)('vui-headerApplicationName', additionalClassName), size: "title" }, rest, mobileProps), title)));
41
+ react_1.default.createElement(heading_1.Heading, Object.assign({ className: (0, utils_1.cs)('vui-headerApplicationName', additionalClassName), size: "title" }, rest, mobileProps, { color: localColor }), title)));
41
42
  });
42
43
  exports.HeaderApplicationName.displayName = 'HeaderApplicationName';
43
44
  exports.default = exports.HeaderApplicationName;
package/dist/cjs/header/headerServices.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAuCxD;yBAvCe,cAAc;;;AA2C9B,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAwCxD;yBAxCe,cAAc;;;AA4C9B,eAAe,cAAc,CAAA"}
package/dist/cjs/header/headerServices.js CHANGED
@@ -34,7 +34,7 @@ function HeaderServices(props) {
34
34
  return (react_1.default.createElement(react_1.default.Fragment, null,
35
35
  react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" },
36
36
  react_1.default.createElement(menu_1.default, Object.assign({ isLazy: false, offset: [offsetX, 17], placement: "bottom-end", size: "lg" }, rest),
37
- react_1.default.createElement(menu_1.default.Button, Object.assign({ className: "vui-services-trigger", icon: "falTh", size: "lg", title: "My services" }, styles.button, buttonProps)),
37
+ react_1.default.createElement(menu_1.default.Button, Object.assign({ className: "vui-services-trigger", icon: "falTh", ml: 1, size: "lg", title: "My services" }, styles.button, buttonProps)),
38
38
  react_1.default.createElement(menu_1.default.List, Object.assign({ heading: "My Services", maxH: 295, right: 0, w: 320 }, styles.list),
39
39
  react_1.default.createElement(ListContent, { links: links })))),
40
40
  react_1.default.createElement(core_1.RenderOnScreen, { maxWidth: "lg" },
package/dist/cjs/header/loggedInHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"loggedInHeader.d.ts","sourceRoot":"","sources":["../../../src/header/loggedInHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAGpE,uHAAuH;AACvH,eAAO,MAAM,cAAc,4DAmJzB,CAAA;AAIF,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"loggedInHeader.d.ts","sourceRoot":"","sources":["../../../src/header/loggedInHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAIpE,uHAAuH;AACvH,eAAO,MAAM,cAAc,4DA+JzB,CAAA;AAIF,eAAe,cAAc,CAAA"}
package/dist/cjs/header/loggedInHeader.js CHANGED
@@ -23,6 +23,7 @@ const utils_1 = require("../utils");
23
23
  const context_1 = require("./context");
24
24
  const header_1 = __importDefault(require("./header"));
25
25
  const headerAccountUserInfo_1 = __importDefault(require("./headerAccountUserInfo"));
26
+ const headerServicesMessage_1 = __importDefault(require("./headerServicesMessage"));
26
27
  /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
27
28
  exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
28
29
  const { account, supportLinks, applicationName, applicationUrl, children, className, isApplication = false, logo, mainLinks, services, showAltUserInfo = true, showMainLinks = isApplication ? false : true, showServices = true, notifications } = props, rest = __rest(props, ["account", "supportLinks", "applicationName", "applicationUrl", "children", "className", "isApplication", "logo", "mainLinks", "services", "showAltUserInfo", "showMainLinks", "showServices", "notifications"]);
@@ -36,6 +37,7 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
36
37
  const isLessThanMD = (0, core_1.useDown)('sm');
37
38
  const servicesLinks = (0, utils_1.isJsx)(services) ? [] : (services === null || services === void 0 ? void 0 : services.links) || [];
38
39
  const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
40
+ const localTextColor = (rest === null || rest === void 0 ? void 0 : rest.variant) === 'dark' ? 'white' : 'darkBlue.main';
39
41
  return (react_1.default.createElement(header_1.default, Object.assign({ className: (0, utils_1.cs)('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : '', className), mb: isApplication && isSmallScreen ? '41px' : 'inherited', ref: ref }, rest),
40
42
  react_1.default.createElement(header_1.default.Content, null,
41
43
  (!isApplication || !isLessThanMD) && react_1.default.createElement(react_1.default.Fragment, null,
@@ -44,7 +46,7 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
44
46
  isApplication && (react_1.default.createElement(react_1.default.Fragment, null,
45
47
  react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "sm" },
46
48
  react_1.default.createElement(header_1.default.Divider, { mr: 2 })),
47
- react_1.default.createElement(header_1.default.ApplicationName, { title: applicationName, url: applicationUrl || '/' }))),
49
+ react_1.default.createElement(header_1.default.ApplicationName, { color: localTextColor, title: applicationName, url: applicationUrl || '/' }))),
48
50
  !isApplication && react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" }, children),
49
51
  react_1.default.createElement(box_1.default, { ml: "auto" }),
50
52
  isApplication && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -55,7 +57,7 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
55
57
  !showMainLinks &&
56
58
  showAltUserInfo &&
57
59
  ((0, utils_1.isJsx)(userInfo) ? (userInfo) : (react_1.default.createElement(react_1.default.Fragment, null,
58
- react_1.default.createElement(headerAccountUserInfo_1.default, Object.assign({ className: "vui-altUserInfo", isApplication: true }, userInfo)),
60
+ react_1.default.createElement(headerAccountUserInfo_1.default, Object.assign({ className: "vui-altUserInfo", color: localTextColor, isApplication: true }, userInfo)),
59
61
  react_1.default.createElement(header_1.default.Divider, { mx: 1 })))),
60
62
  !showMainLinks && mainLinks && (react_1.default.createElement(react_1.default.Fragment, null,
61
63
  react_1.default.createElement(header_1.default.MobileToggle, { ml: 0 }),
@@ -67,10 +69,10 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
67
69
  return (react_1.default.createElement(list_1.default.Item, Object.assign({ iconLeft: icon, key: index, linkProps: { href: url } }, rest)));
68
70
  })))),
69
71
  !showServices && servicesLinks && (react_1.default.createElement(box_1.default, { column: true, w: 1 },
70
- react_1.default.createElement(list_1.default, Object.assign({ heading: "My Services", maxH: 295, right: 0, w: 320 }, styles.services.list, { borderTop: 1, borderTopColor: "sandstone.main", pt: 1 }), servicesLinks === null || servicesLinks === void 0 ? void 0 : servicesLinks.map((_a, index) => {
72
+ react_1.default.createElement(list_1.default, Object.assign({ className: "vui-headerHiddenServicesLargeScreen", heading: "My Services", maxH: 295, right: 0, w: 320 }, styles.services.list, { borderTop: 1, borderTopColor: "sandstone.main", pt: 1 }), servicesLinks.length > 0 ? (servicesLinks === null || servicesLinks === void 0 ? void 0 : servicesLinks.map((_a, index) => {
71
73
  var { url } = _a, rest = __rest(_a, ["url"]);
72
74
  return (react_1.default.createElement(list_1.default.Item, Object.assign({ key: index, linkProps: { href: url } }, rest)));
73
- })))))))),
75
+ })) : (react_1.default.createElement(headerServicesMessage_1.default, null))))))))),
74
76
  showServices && services && (react_1.default.createElement(react_1.default.Fragment, null, (0, utils_1.isJsx)(services) ? services : react_1.default.createElement(header_1.default.Services, Object.assign({ isApplication: isApplication }, services))))),
75
77
  react_1.default.createElement(header_1.default.Support, Object.assign({}, supportLinks)))),
76
78
  !isApplication && (react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" },
package/dist/cjs/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAmFxC;yBAnFe,MAAM;;;;;;;;;;AA2FtB,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAkFxC;yBAlFe,MAAM;;;;;;;;;;AA0FtB,eAAe,MAAM,CAAA"}
package/dist/cjs/select/select.js CHANGED
@@ -79,7 +79,7 @@ function Select(props) {
79
79
  const filterOptions = (i) => { var _a, _b; return !showOptionsFilter || !(query === null || query === void 0 ? void 0 : query.length) ? true : (_b = (_a = i === null || i === void 0 ? void 0 : i.text) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(query); };
80
80
  (0, react_1.useEffect)(() => {
81
81
  setFilteredOptions(options === null || options === void 0 ? void 0 : options.filter(filterOptions));
82
- }, [query]);
82
+ }, [query, options]);
83
83
  return (react_1.default.createElement(context_1.SelectProvider, { value: context },
84
84
  react_1.default.createElement(popover_1.Popover, Object.assign({ matchWidth: true }, rest),
85
85
  react_1.default.createElement(react_1.default.Fragment, null, selectButton !== null && selectButton !== void 0 ? selectButton : react_1.default.createElement(selectButton_1.default, Object.assign({}, selectButtonProps)),
package/dist/esm/header/header.types.d.ts CHANGED
@@ -91,7 +91,7 @@ export type LoggedInHeaderProps = HeaderProps & {
91
91
  notifications?: HeaderNotificationsData | JSX.Element;
92
92
  /** Socket for services menu icon on the right side. */
93
93
  services?: HeaderServicesData | JSX.Element;
94
- /** Socket for showing the alt user Info with role; introduced for APP; by default it is displayed. */
94
+ /** Socket for showing the alt user Info with role; introduced for APP; by default it is true. */
95
95
  showAltUserInfo?: boolean;
96
96
  /** Socket for showing the services trigger up front; introduced for APP; by default it is displayed. */
97
97
  showServices?: boolean;
package/dist/esm/header/header.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
package/dist/esm/header/headerAccountUserInfo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEA2ChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEAgEhC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
package/dist/esm/header/headerAccountUserInfo.js CHANGED
@@ -7,14 +7,15 @@ import { cs } from '../utils';
7
7
  import { useHeaderContext } from './context';
8
8
  /** Displays user information, like username and company name, within HeaderAccount part. */
9
9
  export const HeaderAccountUserInfo = vui((props, ref) => {
10
- const { children, className, companyName, displayName, isApplication, role, ...rest } = props;
10
+ const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props;
11
11
  const styles = useStyleConfig('Header', useHeaderContext());
12
+ const localColor = color || styles.accountUserInfo.color || 'darkBlue.main';
12
13
  return (React.createElement(Box, { className: cs('vui-headerAccountUserInfo', className), p: 2, pb: 1, ref: ref, spaceX: 2, ...styles.accountUserInfo, ...rest, lineHeight: isApplication ? '18px' : 'inherit', pr: isApplication ? 0 : 'inherit', textAlign: isApplication ? 'right' : 'inherit' }, children ?? (React.createElement(React.Fragment, null,
13
14
  !isApplication && (React.createElement(Avatar, { className: "vui-headerAccountUserInfoAvatar", name: displayName, size: "xl", variant: "solidDarkBlue" })),
14
15
  React.createElement(Box, { column: true, rowGap: role ? 0 : 0.5 },
15
- displayName && (React.createElement(T, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
16
- companyName && (React.createElement(T, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
17
- role && (React.createElement(T, { color: "sandstone.45", fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: role }, role)))))));
16
+ displayName && (React.createElement(T, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
17
+ companyName && (React.createElement(T, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
18
+ role && (React.createElement(T, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, opacity: 0.5, pr: 1, title: role }, role)))))));
18
19
  });
19
20
  HeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo';
20
21
  export default HeaderAccountUserInfo;
package/dist/esm/header/headerApplicationName.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerApplicationName.d.ts","sourceRoot":"","sources":["../../../src/header/headerApplicationName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;;;;;;EAgChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"headerApplicationName.d.ts","sourceRoot":"","sources":["../../../src/header/headerApplicationName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;;;;;;EAmChC,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
package/dist/esm/header/headerApplicationName.js CHANGED
@@ -5,7 +5,7 @@ import { Heading } from '../heading';
5
5
  import { cs } from '../utils';
6
6
  /** Logo displayed in the left corner of the Header. */
7
7
  export const HeaderApplicationName = vui((props, ref) => {
8
- const { title, url, ...rest } = props;
8
+ const { color, title, url, ...rest } = props;
9
9
  const isTablet = useUp('md');
10
10
  const additionalClassName = isTablet ? 'vui-headerApplicationNameTablet' : 'vui-headerApplicationNameMobile';
11
11
  const mobileProps = isTablet
@@ -19,8 +19,9 @@ export const HeaderApplicationName = vui((props, ref) => {
19
19
  lineHeight: '21px'
20
20
  };
21
21
  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {};
22
+ const localColor = color || 'darkBlue.main';
22
23
  return (React.createElement(Box, { ...linkProps },
23
- React.createElement(Heading, { className: cs('vui-headerApplicationName', additionalClassName), size: "title", ...rest, ...mobileProps }, title)));
24
+ React.createElement(Heading, { className: cs('vui-headerApplicationName', additionalClassName), size: "title", ...rest, ...mobileProps, color: localColor }, title)));
24
25
  });
25
26
  HeaderApplicationName.displayName = 'HeaderApplicationName';
26
27
  export default HeaderApplicationName;
package/dist/esm/header/headerServices.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAuCxD;yBAvCe,cAAc;;;AA2C9B,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAwCxD;yBAxCe,cAAc;;;AA4C9B,eAAe,cAAc,CAAA"}
package/dist/esm/header/headerServices.js CHANGED
@@ -17,7 +17,7 @@ export function HeaderServices(props) {
17
17
  return (React.createElement(React.Fragment, null,
18
18
  React.createElement(RenderOnScreen, { minWidth: "lg" },
19
19
  React.createElement(Menu, { isLazy: false, offset: [offsetX, 17], placement: "bottom-end", size: "lg", ...rest },
20
- React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", size: "lg", title: "My services", ...styles.button, ...buttonProps }),
20
+ React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", ml: 1, size: "lg", title: "My services", ...styles.button, ...buttonProps }),
21
21
  React.createElement(Menu.List, { heading: "My Services", maxH: 295, right: 0, w: 320, ...styles.list },
22
22
  React.createElement(ListContent, { links: links })))),
23
23
  React.createElement(RenderOnScreen, { maxWidth: "lg" },
package/dist/esm/header/loggedInHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"loggedInHeader.d.ts","sourceRoot":"","sources":["../../../src/header/loggedInHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAGpE,uHAAuH;AACvH,eAAO,MAAM,cAAc,4DAmJzB,CAAA;AAIF,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"loggedInHeader.d.ts","sourceRoot":"","sources":["../../../src/header/loggedInHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAIpE,uHAAuH;AACvH,eAAO,MAAM,cAAc,4DA+JzB,CAAA;AAIF,eAAe,cAAc,CAAA"}
package/dist/esm/header/loggedInHeader.js CHANGED
@@ -6,6 +6,7 @@ import { cs, isJsx } from '../utils';
6
6
  import { useHeaderContext } from './context';
7
7
  import Header from './header';
8
8
  import HeaderAccountUserInfo from './headerAccountUserInfo';
9
+ import HeaderServicesMessage from './headerServicesMessage';
9
10
  /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
10
11
  export const LoggedInHeader = vui((props, ref) => {
11
12
  const { account, supportLinks, applicationName, applicationUrl, children, className, isApplication = false, logo, mainLinks, services, showAltUserInfo = true, showMainLinks = isApplication ? false : true, showServices = true, notifications, ...rest } = props;
@@ -19,6 +20,7 @@ export const LoggedInHeader = vui((props, ref) => {
19
20
  const isLessThanMD = useDown('sm');
20
21
  const servicesLinks = isJsx(services) ? [] : services?.links || [];
21
22
  const styles = useStyleConfig('Header', useHeaderContext());
23
+ const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main';
22
24
  return (React.createElement(Header, { className: cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : '', className), mb: isApplication && isSmallScreen ? '41px' : 'inherited', ref: ref, ...rest },
23
25
  React.createElement(Header.Content, null,
24
26
  (!isApplication || !isLessThanMD) && React.createElement(React.Fragment, null,
@@ -27,7 +29,7 @@ export const LoggedInHeader = vui((props, ref) => {
27
29
  isApplication && (React.createElement(React.Fragment, null,
28
30
  React.createElement(RenderOnScreen, { minWidth: "sm" },
29
31
  React.createElement(Header.Divider, { mr: 2 })),
30
- React.createElement(Header.ApplicationName, { title: applicationName, url: applicationUrl || '/' }))),
32
+ React.createElement(Header.ApplicationName, { color: localTextColor, title: applicationName, url: applicationUrl || '/' }))),
31
33
  !isApplication && React.createElement(RenderOnScreen, { minWidth: "lg" }, children),
32
34
  React.createElement(Box, { ml: "auto" }),
33
35
  isApplication && (React.createElement(React.Fragment, null,
@@ -38,7 +40,7 @@ export const LoggedInHeader = vui((props, ref) => {
38
40
  !showMainLinks &&
39
41
  showAltUserInfo &&
40
42
  (isJsx(userInfo) ? (userInfo) : (React.createElement(React.Fragment, null,
41
- React.createElement(HeaderAccountUserInfo, { className: "vui-altUserInfo", isApplication: true, ...userInfo }),
43
+ React.createElement(HeaderAccountUserInfo, { className: "vui-altUserInfo", color: localTextColor, isApplication: true, ...userInfo }),
42
44
  React.createElement(Header.Divider, { mx: 1 })))),
43
45
  !showMainLinks && mainLinks && (React.createElement(React.Fragment, null,
44
46
  React.createElement(Header.MobileToggle, { ml: 0 }),
@@ -47,7 +49,7 @@ export const LoggedInHeader = vui((props, ref) => {
47
49
  isJsx(mainLinks) ? (mainLinks) : (React.createElement(Box, { column: true, w: 1 },
48
50
  React.createElement(List, { py: 1 }, mainLinks?.map(({ icon, url, ...rest }, index) => (React.createElement(List.Item, { iconLeft: icon, key: index, linkProps: { href: url }, ...rest })))))),
49
51
  !showServices && servicesLinks && (React.createElement(Box, { column: true, w: 1 },
50
- React.createElement(List, { heading: "My Services", maxH: 295, right: 0, w: 320, ...styles.services.list, borderTop: 1, borderTopColor: "sandstone.main", pt: 1 }, servicesLinks?.map(({ url, ...rest }, index) => (React.createElement(List.Item, { key: index, linkProps: { href: url }, ...rest })))))))))),
52
+ React.createElement(List, { className: "vui-headerHiddenServicesLargeScreen", heading: "My Services", maxH: 295, right: 0, w: 320, ...styles.services.list, borderTop: 1, borderTopColor: "sandstone.main", pt: 1 }, servicesLinks.length > 0 ? (servicesLinks?.map(({ url, ...rest }, index) => (React.createElement(List.Item, { key: index, linkProps: { href: url }, ...rest })))) : (React.createElement(HeaderServicesMessage, null))))))))),
51
53
  showServices && services && (React.createElement(React.Fragment, null, isJsx(services) ? services : React.createElement(Header.Services, { isApplication: isApplication, ...services })))),
52
54
  React.createElement(Header.Support, { ...supportLinks }))),
53
55
  !isApplication && (React.createElement(RenderOnScreen, { minWidth: "lg" },
package/dist/esm/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAmFxC;yBAnFe,MAAM;;;;;;;;;;AA2FtB,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAkFxC;yBAlFe,MAAM;;;;;;;;;;AA0FtB,eAAe,MAAM,CAAA"}
package/dist/esm/select/select.js CHANGED
@@ -40,7 +40,7 @@ export function Select(props) {
40
40
  const filterOptions = (i) => !showOptionsFilter || !query?.length ? true : i?.text?.toLowerCase()?.includes(query);
41
41
  useEffect(() => {
42
42
  setFilteredOptions(options?.filter(filterOptions));
43
- }, [query]);
43
+ }, [query, options]);
44
44
  return (React.createElement(SelectProvider, { value: context },
45
45
  React.createElement(Popover, { matchWidth: true, ...rest },
46
46
  React.createElement(React.Fragment, null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veracity/vui",
3
- "version": "2.14.2",
3
+ "version": "2.14.4-beta.0",
4
4
  "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
5
5
  "module": "./dist/esm/index.js",
6
6
  "main": "./dist/cjs/index.js",
package/src/header/header.types.ts CHANGED
@@ -110,7 +110,7 @@ export type LoggedInHeaderProps = HeaderProps & {
110
110
  notifications?: HeaderNotificationsData | JSX.Element
111
111
  /** Socket for services menu icon on the right side. */
112
112
  services?: HeaderServicesData | JSX.Element
113
- /** Socket for showing the alt user Info with role; introduced for APP; by default it is displayed. */
113
+ /** Socket for showing the alt user Info with role; introduced for APP; by default it is true. */
114
114
  showAltUserInfo?: boolean
115
115
  /** Socket for showing the services trigger up front; introduced for APP; by default it is displayed. */
116
116
  showServices?: boolean
package/src/header/headerAccountUserInfo.tsx CHANGED
@@ -10,8 +10,9 @@ import { HeaderAccountUserInfoProps } from './headerAccount.types'
10
10
 
11
11
  /** Displays user information, like username and company name, within HeaderAccount part. */
12
12
  export const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((props, ref) => {
13
- const { children, className, companyName, displayName, isApplication, role, ...rest } = props
13
+ const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props
14
14
  const styles = useStyleConfig('Header', useHeaderContext())
15
+ const localColor = color || styles.accountUserInfo.color || 'darkBlue.main'
15
16
 
16
17
  return (
17
18
  <Box
@@ -33,17 +34,37 @@ export const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((pro
33
34
  )}
34
35
  <Box column rowGap={role ? 0 : 0.5}>
35
36
  {displayName && (
36
- <T fontSize={isApplication ? '12px' : 'inherit'} isTruncated pr={1} title={displayName} weight="demi">
37
+ <T
38
+ color={localColor}
39
+ fontSize={isApplication ? '12px' : 'inherit'}
40
+ isTruncated
41
+ pr={1}
42
+ title={displayName}
43
+ weight="demi"
44
+ >
37
45
  {displayName}
38
46
  </T>
39
47
  )}
40
48
  {companyName && (
41
- <T fontSize={isApplication ? '12px' : 'inherit'} isTruncated pr={1} title={companyName}>
49
+ <T
50
+ color={localColor}
51
+ fontSize={isApplication ? '12px' : 'inherit'}
52
+ isTruncated
53
+ pr={1}
54
+ title={companyName}
55
+ >
42
56
  {companyName}
43
57
  </T>
44
58
  )}
45
59
  {role && (
46
- <T color="sandstone.45" fontSize={isApplication ? '12px' : 'inherit'} isTruncated pr={1} title={role}>
60
+ <T
61
+ color={localColor}
62
+ fontSize={isApplication ? '12px' : 'inherit'}
63
+ isTruncated
64
+ opacity={0.5}
65
+ pr={1}
66
+ title={role}
67
+ >
47
68
  {role}
48
69
  </T>
49
70
  )}
package/src/header/headerApplicationName.tsx CHANGED
@@ -8,7 +8,7 @@ import { cs } from '../utils'
8
8
 
9
9
  /** Logo displayed in the left corner of the Header. */
10
10
  export const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>((props, ref) => {
11
- const { title, url, ...rest } = props
11
+ const { color, title, url, ...rest } = props
12
12
 
13
13
  const isTablet = useUp('md')
14
14
 
@@ -27,6 +27,8 @@ export const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>
27
27
 
28
28
  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}
29
29
 
30
+ const localColor = color || 'darkBlue.main'
31
+
30
32
  return (
31
33
  <Box {...linkProps}>
32
34
  <Heading
@@ -34,6 +36,7 @@ export const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>
34
36
  size="title"
35
37
  {...rest}
36
38
  {...(mobileProps as any)}
39
+ color={localColor}
37
40
  >
38
41
  {title}
39
42
  </Heading>
package/src/header/headerServices.tsx CHANGED
@@ -38,6 +38,7 @@ export function HeaderServices(props: HeaderServicesProps) {
38
38
  <Menu.Button
39
39
  className="vui-services-trigger"
40
40
  icon="falTh"
41
+ ml={1}
41
42
  size="lg"
42
43
  title="My services"
43
44
  {...styles.button}
package/src/header/loggedInHeader.tsx CHANGED
@@ -8,6 +8,7 @@ import { useHeaderContext } from './context'
8
8
  import Header from './header'
9
9
  import { HeaderLinkData, LoggedInHeaderProps } from './header.types'
10
10
  import HeaderAccountUserInfo from './headerAccountUserInfo'
11
+ import HeaderServicesMessage from './headerServicesMessage'
11
12
 
12
13
  /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
13
14
  export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
@@ -42,6 +43,8 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
42
43
  const servicesLinks: HeaderLinkData[] = isJsx(services) ? [] : services?.links || []
43
44
  const styles = useStyleConfig('Header', useHeaderContext())
44
45
 
46
+ const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'
47
+
45
48
  return (
46
49
  <Header
47
50
  className={cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : '', className)}
@@ -56,7 +59,7 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
56
59
  <RenderOnScreen minWidth="sm">
57
60
  <Header.Divider mr={2} />
58
61
  </RenderOnScreen>
59
- <Header.ApplicationName title={applicationName} url={applicationUrl || '/'} />
62
+ <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl || '/'} />
60
63
  </>
61
64
  )}
62
65
  {!isApplication && <RenderOnScreen minWidth="lg">{children}</RenderOnScreen>}
@@ -76,7 +79,12 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
76
79
  userInfo
77
80
  ) : (
78
81
  <>
79
- <HeaderAccountUserInfo className="vui-altUserInfo" isApplication {...userInfo} />
82
+ <HeaderAccountUserInfo
83
+ className="vui-altUserInfo"
84
+ color={localTextColor}
85
+ isApplication
86
+ {...userInfo}
87
+ />
80
88
  <Header.Divider mx={1} />
81
89
  </>
82
90
  ))}
@@ -102,6 +110,7 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
102
110
  {!showServices && servicesLinks && (
103
111
  <Box column w={1}>
104
112
  <List
113
+ className="vui-headerHiddenServicesLargeScreen"
105
114
  heading="My Services"
106
115
  maxH={295}
107
116
  right={0}
@@ -111,9 +120,13 @@ export const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {
111
120
  borderTopColor="sandstone.main"
112
121
  pt={1}
113
122
  >
114
- {servicesLinks?.map(({ url, ...rest }, index: number) => (
115
- <List.Item key={index} linkProps={{ href: url }} {...rest} />
116
- ))}
123
+ {servicesLinks.length > 0 ? (
124
+ servicesLinks?.map(({ url, ...rest }, index: number) => (
125
+ <List.Item key={index} linkProps={{ href: url }} {...rest} />
126
+ ))
127
+ ) : (
128
+ <HeaderServicesMessage />
129
+ )}
117
130
  </List>
118
131
  </Box>
119
132
  )}
package/src/select/select.tsx CHANGED
@@ -56,7 +56,6 @@ export function Select(props: SelectProps) {
56
56
  options,
57
57
  placeholder,
58
58
  readOnly,
59
-
60
59
  size,
61
60
  variant,
62
61
  ...selectProps
@@ -70,7 +69,7 @@ export function Select(props: SelectProps) {
70
69
 
71
70
  useEffect(() => {
72
71
  setFilteredOptions(options?.filter(filterOptions))
73
- }, [query])
72
+ }, [query, options])
74
73
 
75
74
  return (
76
75
  <SelectProvider value={context}>