smarthr-ui 22.4.0 → 22.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/Header/Header.js +1 -1
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/MessageScreen/MessageScreen.js +1 -1
- package/esm/components/MessageScreen/MessageScreen.js.map +1 -1
- package/esm/components/SmartHRLogo/SmartHRLogo.js +9 -17
- package/esm/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
- package/lib/components/Header/Header.js +1 -1
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/MessageScreen/MessageScreen.js +1 -1
- package/lib/components/MessageScreen/MessageScreen.js.map +1 -1
- package/lib/components/SmartHRLogo/SmartHRLogo.js +8 -16
- package/lib/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
- package/package.json +5 -5
|
@@ -7,7 +7,7 @@ import { SmartHRLogo } from '../SmartHRLogo';
|
|
|
7
7
|
import { Text } from '../Text';
|
|
8
8
|
import { Button } from '../Button';
|
|
9
9
|
import { HeaderDropdownButton } from './';
|
|
10
|
-
export const Header = ({ logo = React.createElement(SmartHRLogo,
|
|
10
|
+
export const Header = ({ logo = React.createElement(SmartHRLogo, null), logoHref = '/', tenants, currentTenantId, onTenantSelect, children, className, }) => {
|
|
11
11
|
const theme = useTheme();
|
|
12
12
|
const classNames = useClassNames();
|
|
13
13
|
const currentTenantName = useMemo(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,OAAO,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAwBzC,MAAM,CAAC,MAAM,MAAM,GAAoC,CAAC,EACtD,IAAI,GAAG,oBAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ export const MessageScreen = ({ title, links, children, className = '', ...props
|
|
|
11
11
|
return (React.createElement(Wrapper, { ...props, themes: theme, className: `${className} ${classNames.wrapper}` },
|
|
12
12
|
React.createElement(Box, null,
|
|
13
13
|
React.createElement(Logo, { className: classNames.logo },
|
|
14
|
-
React.createElement(SmartHRLogo, {
|
|
14
|
+
React.createElement(SmartHRLogo, { fill: "brand" })),
|
|
15
15
|
title && (React.createElement(Title, { themes: theme, className: classNames.title }, title)),
|
|
16
16
|
children && (React.createElement(Content, { themes: theme, className: classNames.content }, children)),
|
|
17
17
|
links && links.length && (React.createElement(Links, { themes: theme, className: classNames.linkList }, links.map((link) => (React.createElement("li", { key: link.label },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageScreen.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/MessageScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAsBjC,MAAM,CAAC,MAAM,aAAa,GAA8B,CAAC,EACvD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAChF,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI;gBAC9B,oBAAC,WAAW,IAAC,
|
|
1
|
+
{"version":3,"file":"MessageScreen.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/MessageScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { useClassNames } from './useClassNames';
|
|
5
|
-
export const SmartHRLogo = ({ title = 'SmartHR', width, height, fill = 'white', className = '', ...props }) => {
|
|
5
|
+
export const SmartHRLogo = ({ title = 'SmartHR', width, height = '1.5em', fill = 'white', className = '', ...props }) => {
|
|
6
6
|
const classNames = useClassNames();
|
|
7
7
|
const theme = useTheme();
|
|
8
|
-
const svgRef = useRef(null);
|
|
9
|
-
const [logoHeight, setLogoHeight] = useState();
|
|
10
8
|
const fillColor = useMemo(() => {
|
|
11
9
|
switch (fill) {
|
|
12
10
|
case 'black':
|
|
@@ -17,29 +15,23 @@ export const SmartHRLogo = ({ title = 'SmartHR', width, height, fill = 'white',
|
|
|
17
15
|
return theme.color.WHITE;
|
|
18
16
|
}
|
|
19
17
|
}, [fill, theme.color]);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
setLogoHeight(svgRef.current.clientHeight);
|
|
23
|
-
}
|
|
24
|
-
}, []);
|
|
25
|
-
return (React.createElement(Wrapper, { ...props, "$width": width, "$height": height, "$logoHeight": logoHeight, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
26
|
-
React.createElement("svg", { role: "img", viewBox: "0 0 150 27", fill: fillColor, ref: svgRef, "aria-label": title },
|
|
18
|
+
return (React.createElement(Wrapper, { ...props, "$width": width, "$height": height, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
19
|
+
React.createElement("svg", { role: "img", viewBox: "0 0 150 27", fill: fillColor, "aria-label": title },
|
|
27
20
|
React.createElement("path", { fillRule: "evenodd", d: "M8.54 0h9.599c1.152 0 2.27.229 3.325.68a8.616 8.616 0 0 1 4.543 4.598 8.679 8.679 0 0 1 .672 3.365v9.714a8.679 8.679 0 0 1-2.502 6.112 8.503 8.503 0 0 1-2.713 1.85 8.401 8.401 0 0 1-3.325.681h-9.6a8.401 8.401 0 0 1-3.324-.68 8.616 8.616 0 0 1-4.543-4.598A8.68 8.68 0 0 1 0 18.357V8.643A8.68 8.68 0 0 1 2.501 2.53 8.502 8.502 0 0 1 5.215.681 8.4 8.4 0 0 1 8.54 0Zm15.912 8.643c0-3.529-2.827-6.39-6.313-6.39h-9.6c-3.486 0-6.312 2.861-6.312 6.39v9.714c0 3.529 2.826 6.39 6.313 6.39h9.599c3.486 0 6.313-2.861 6.313-6.39V8.643Zm19.125 3.508-3.024-1.216h-.001c-1.789-.71-3.081-1.223-3.081-2.478 0-1.25 1.03-1.996 2.758-1.996 1.456 0 2.703.413 4.08 1.367a.46.46 0 0 0 .624-.099l1.856-2.364a.48.48 0 0 0-.064-.657c-1.736-1.528-4.119-2.426-6.496-2.426-4.392 0-7.703 2.781-7.703 6.47 0 3.73 3.004 5.342 4.296 5.861l3.143 1.34h.001c1.68.71 2.788 1.18 2.788 2.472 0 .779-.388 2.084-2.991 2.084-1.521 0-3.353-.715-4.901-1.892a.457.457 0 0 0-.636.07l-2.164 2.667a.473.473 0 0 0 .056.66c2.07 1.724 4.78 2.704 7.528 2.704 5.574 0 8.112-3.476 8.112-6.705 0-2.839-1.329-4.701-4.18-5.862Zm86.951 11.686V3.79a.47.47 0 0 0-.468-.473h-3.68a.47.47 0 0 0-.468.473v8.702h-7.864V3.79a.47.47 0 0 0-.467-.473h-3.695a.47.47 0 0 0-.468.473v20.047c0 .261.21.473.468.473h3.695a.47.47 0 0 0 .467-.473v-7.582h7.864v7.582c0 .261.21.473.468.473h3.68a.47.47 0 0 0 .468-.473Zm11.297-11.345c1.015 0 1.788-.238 2.319-.715.531-.475.797-1.133.797-1.971 0-.856-.263-1.522-.79-1.999-.527-.476-1.302-.714-2.326-.714h-3.302v5.399h3.302Zm4.073 3.105 4.05 8.025a.472.472 0 0 1-.416.688h-3.902a.468.468 0 0 1-.417-.26l-3.846-7.735h-2.855v7.522a.47.47 0 0 1-.467.473h-3.691a.47.47 0 0 1-.467-.473V3.813a.47.47 0 0 1 .467-.473h7.46c1.594 0 2.972.243 4.134.728 1.162.484 2.054 1.2 2.675 2.145.622.946.932 2.101.932 3.464 0 1.518-.313 2.746-.939 3.687-.626.941-1.532 1.685-2.718 2.233Zm-46.62-6.612-.046 2.804a.47.47 0 0 1-.51.464c-.468-.043-.813-.058-1.033-.039a3.588 3.588 0 0 0-1.9.724c-.573.424-1.074 1.345-1.074 2.081v8.818a.47.47 0 0 1-.467.473h-3.505a.47.47 0 0 1-.468-.473V9.201a.47.47 0 0 1 .468-.473h3.268a.47.47 0 0 1 .466.437l.101 1.164c.39-.71.858-1.094 1.453-1.438.656-.38 1.226-.45 1.957-.45.34 0 .64.023.898.07a.475.475 0 0 1 .392.474Zm10.721 14.86v-2.494a.47.47 0 0 0-.516-.469c-.212.02-.439.03-.679.03-.569 0-.972-.11-1.21-.332-.237-.22-.355-.638-.355-1.253v-7.07h2.108a.47.47 0 0 0 .467-.473V8.913a.47.47 0 0 0-.467-.473h-2.108V5.342a.47.47 0 0 0-.467-.473h-3.506a.47.47 0 0 0-.467.473V8.44h-1.639a.47.47 0 0 0-.467.473v2.87a.47.47 0 0 0 .467.474h1.639v7.618c0 1.632.396 2.827 1.188 3.585.792.759 1.933 1.138 3.422 1.138.817 0 1.571-.1 2.261-.3a.467.467 0 0 0 .329-.452Zm-27.706-3.013c.46-.264.79-.583.989-.958v-2.548h-1.594c-.948 0-1.65.218-2.106.655-.455.437-.683.991-.683 1.663 0 .47.164.853.491 1.145.328.293.761.44 1.302.44.607 0 1.14-.133 1.6-.397Zm4.975 3.478h-3.305a.47.47 0 0 1-.468-.473v-.91c-.93 1.114-2.2 1.67-3.813 1.67-.958 0-1.836-.198-2.632-.596a4.733 4.733 0 0 1-1.893-1.671 4.331 4.331 0 0 1-.697-2.412c0-1.642.6-2.907 1.8-3.795 1.2-.888 2.986-1.332 5.357-1.332h1.665v-.85c0-.7-.169-1.245-.505-1.634-.337-.389-.856-.583-1.558-.583-.626 0-1.113.15-1.459.453-.26.227-.422.528-.487.904a.464.464 0 0 1-.448.4H75.31a.47.47 0 0 1-.467-.521 4.31 4.31 0 0 1 .79-2.043c.545-.768 1.323-1.373 2.333-1.814 1.01-.442 2.175-.663 3.494-.663 1.223 0 2.307.21 3.251.627.944.417 1.684 1.04 2.22 1.865.536.825.804 1.838.804 3.038v8.852l-.001 1.016a.47.47 0 0 1-.467.472Zm-15.051-9.85c0-2.131-.425-3.667-1.274-4.608-.849-.941-2.051-1.412-3.607-1.412-1.005 0-1.892.204-2.66.613a5.182 5.182 0 0 0-1.908 1.749c-.37-.797-.896-1.39-1.579-1.778-.683-.389-1.499-.584-2.448-.584-.938 0-1.778.178-2.518.533a5.19 5.19 0 0 0-1.879 1.527l-.107-1.337a.47.47 0 0 0-.465-.435H50.5a.47.47 0 0 0-.467.473v14.636a.47.47 0 0 0 .467.473h3.505a.47.47 0 0 0 .468-.473V14.09c.246-.432.564-.765.953-1 .39-.236.844-.354 1.366-.354.474 0 .863.065 1.167.195.303.13.536.372.697.727.161.355.242.855.242 1.498v8.681c0 .261.21.473.467.473h3.505a.47.47 0 0 0 .468-.473v-9.574c.227-.48.535-.854.924-1.123.39-.269.859-.404 1.41-.404.474 0 .86.065 1.159.195.299.13.529.37.69.72.161.35.242.842.242 1.476v8.71c0 .261.209.473.467.473h3.52a.47.47 0 0 0 .467-.473V14.46Zm-58.963 5.918a5.647 5.647 0 0 1-3.107-.916c-.978-.643-1.694-1.58-2.018-2.637-.166-.542.18-1.103.772-1.254.593-.152 1.207.164 1.373.705a2.819 2.819 0 0 0 1.174 1.534c1.388.914 3.33.625 4.33-.643 1-1.269.684-3.044-.704-3.957a3.21 3.21 0 0 0-.545-.288c-.561-.23-.812-.832-.56-1.344.252-.513.911-.742 1.472-.511.327.134.641.3.934.492 2.385 1.569 2.928 4.618 1.21 6.797-1.04 1.32-2.674 2.022-4.331 2.022Zm-1.2-4.186a1.116 1.116 0 0 0 1.375-.777 1.129 1.129 0 0 0-.768-1.392 3.077 3.077 0 0 1-.967-.474c-1.388-1.011-1.704-2.977-.704-4.382a3.077 3.077 0 0 1 2.02-1.265 3.053 3.053 0 0 1 2.31.552c.461.336.822.791 1.042 1.317.24.573.894.84 1.46.598.566-.243.83-.905.59-1.478a5.374 5.374 0 0 0-1.79-2.266 5.246 5.246 0 0 0-3.97-.947 5.286 5.286 0 0 0-3.47 2.172c-1.717 2.413-1.174 5.79 1.211 7.528a5.285 5.285 0 0 0 1.66.814Z" }))));
|
|
28
21
|
};
|
|
29
22
|
const Wrapper = styled.figure `
|
|
30
|
-
${({ $width, $height,
|
|
23
|
+
${({ $width, $height, themes: { leading, space } }) => css `
|
|
31
24
|
display: inline-block;
|
|
32
25
|
margin: unset;
|
|
33
|
-
|
|
34
|
-
aspect-ratio: 50 / 9;
|
|
26
|
+
padding: ${space(0.75)};
|
|
35
27
|
line-height: ${leading.NONE};
|
|
36
|
-
${$width && `width: ${convertValue($width)};`}
|
|
37
|
-
${$height && `height: ${convertValue($height)};`}
|
|
38
28
|
|
|
39
29
|
> svg {
|
|
40
30
|
display: inline-block;
|
|
41
31
|
vertical-align: bottom;
|
|
42
|
-
width
|
|
32
|
+
${$width
|
|
33
|
+
? `width: ${convertValue($width)};`
|
|
34
|
+
: $height && `height: ${convertValue($height)};`}
|
|
43
35
|
}
|
|
44
36
|
`}
|
|
45
37
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SmartHRLogo.js","sourceRoot":"","sources":["../../../src/components/SmartHRLogo/SmartHRLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,
|
|
1
|
+
{"version":3,"file":"SmartHRLogo.js","sourceRoot":"","sources":["../../../src/components/SmartHRLogo/SmartHRLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,WAAW,GAA8B,CAAC,EACrD,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,QAAQ,IAAI,EAAE;YACZ,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,KAAK,CAAC,UAAU,CAAA;YAC/B,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAA;YAC1B,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAA;SAC3B;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,oBAAC,OAAO,OACF,KAAK,YACD,KAAK,aACJ,MAAM,EACf,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,MAAM,EAAE,KAAK;QAEb,6BAAK,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAE,SAAS,gBAAc,KAAK;YACrE,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,q5JAAq5J,GACv5J,CACE,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAI3B;IACE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CACpD,GAAG,CAAA;;;iBAGU,KAAK,CAAC,IAAI,CAAC;qBACP,OAAO,CAAC,IAAI;;;;;UAKvB,MAAM;IACN,CAAC,CAAC,UAAU,YAAY,CAAC,MAAM,CAAC,GAAG;IACnC,CAAC,CAAC,OAAO,IAAI,WAAW,YAAY,CAAC,OAAO,CAAC,GAAG;;KAErD;CACJ,CAAA;AACD,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAA"}
|
|
@@ -33,7 +33,7 @@ const SmartHRLogo_1 = require("../SmartHRLogo");
|
|
|
33
33
|
const Text_1 = require("../Text");
|
|
34
34
|
const Button_1 = require("../Button");
|
|
35
35
|
const _1 = require("./");
|
|
36
|
-
const Header = ({ logo = react_1.default.createElement(SmartHRLogo_1.SmartHRLogo,
|
|
36
|
+
const Header = ({ logo = react_1.default.createElement(SmartHRLogo_1.SmartHRLogo, null), logoHref = '/', tenants, currentTenantId, onTenantSelect, children, className, }) => {
|
|
37
37
|
const theme = (0, useTheme_1.useTheme)();
|
|
38
38
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
39
39
|
const currentTenantName = (0, react_1.useMemo)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,uEAA+C;AAE/C,mDAAsD;AACtD,mDAA+C;AAE/C,sCAAmC;AACnC,gDAA4C;AAC5C,kCAA8B;AAC9B,sCAAkC;AAClC,yBAAyC;AAwBlC,MAAM,MAAM,GAAoC,CAAC,EACtD,IAAI,GAAG,8BAAC,yBAAW,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,7 +40,7 @@ const MessageScreen = ({ title, links, children, className = '', ...props }) =>
|
|
|
40
40
|
return (react_1.default.createElement(Wrapper, { ...props, themes: theme, className: `${className} ${classNames.wrapper}` },
|
|
41
41
|
react_1.default.createElement(Box, null,
|
|
42
42
|
react_1.default.createElement(Logo, { className: classNames.logo },
|
|
43
|
-
react_1.default.createElement(SmartHRLogo_1.SmartHRLogo, {
|
|
43
|
+
react_1.default.createElement(SmartHRLogo_1.SmartHRLogo, { fill: "brand" })),
|
|
44
44
|
title && (react_1.default.createElement(Title, { themes: theme, className: classNames.title }, title)),
|
|
45
45
|
children && (react_1.default.createElement(Content, { themes: theme, className: classNames.content }, children)),
|
|
46
46
|
links && links.length && (react_1.default.createElement(Links, { themes: theme, className: classNames.linkList }, links.map((link) => (react_1.default.createElement("li", { key: link.label },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageScreen.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/MessageScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA6D;AAC7D,uEAA+C;AAE/C,mDAAsD;AACtD,mDAA+C;AAE/C,gDAA4C;AAC5C,0CAAsC;AACtC,qCAAiC;AAsB1B,MAAM,aAAa,GAA8B,CAAC,EACvD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,OAAO,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAChF,8BAAC,GAAG;YACF,8BAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI;gBAC9B,8BAAC,yBAAW,IAAC,
|
|
1
|
+
{"version":3,"file":"MessageScreen.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/MessageScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,11 +28,9 @@ const react_1 = __importStar(require("react"));
|
|
|
28
28
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
29
29
|
const useTheme_1 = require("../../hooks/useTheme");
|
|
30
30
|
const useClassNames_1 = require("./useClassNames");
|
|
31
|
-
const SmartHRLogo = ({ title = 'SmartHR', width, height, fill = 'white', className = '', ...props }) => {
|
|
31
|
+
const SmartHRLogo = ({ title = 'SmartHR', width, height = '1.5em', fill = 'white', className = '', ...props }) => {
|
|
32
32
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
33
33
|
const theme = (0, useTheme_1.useTheme)();
|
|
34
|
-
const svgRef = (0, react_1.useRef)(null);
|
|
35
|
-
const [logoHeight, setLogoHeight] = (0, react_1.useState)();
|
|
36
34
|
const fillColor = (0, react_1.useMemo)(() => {
|
|
37
35
|
switch (fill) {
|
|
38
36
|
case 'black':
|
|
@@ -43,30 +41,24 @@ const SmartHRLogo = ({ title = 'SmartHR', width, height, fill = 'white', classNa
|
|
|
43
41
|
return theme.color.WHITE;
|
|
44
42
|
}
|
|
45
43
|
}, [fill, theme.color]);
|
|
46
|
-
(
|
|
47
|
-
|
|
48
|
-
setLogoHeight(svgRef.current.clientHeight);
|
|
49
|
-
}
|
|
50
|
-
}, []);
|
|
51
|
-
return (react_1.default.createElement(Wrapper, { ...props, "$width": width, "$height": height, "$logoHeight": logoHeight, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
52
|
-
react_1.default.createElement("svg", { role: "img", viewBox: "0 0 150 27", fill: fillColor, ref: svgRef, "aria-label": title },
|
|
44
|
+
return (react_1.default.createElement(Wrapper, { ...props, "$width": width, "$height": height, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
45
|
+
react_1.default.createElement("svg", { role: "img", viewBox: "0 0 150 27", fill: fillColor, "aria-label": title },
|
|
53
46
|
react_1.default.createElement("path", { fillRule: "evenodd", d: "M8.54 0h9.599c1.152 0 2.27.229 3.325.68a8.616 8.616 0 0 1 4.543 4.598 8.679 8.679 0 0 1 .672 3.365v9.714a8.679 8.679 0 0 1-2.502 6.112 8.503 8.503 0 0 1-2.713 1.85 8.401 8.401 0 0 1-3.325.681h-9.6a8.401 8.401 0 0 1-3.324-.68 8.616 8.616 0 0 1-4.543-4.598A8.68 8.68 0 0 1 0 18.357V8.643A8.68 8.68 0 0 1 2.501 2.53 8.502 8.502 0 0 1 5.215.681 8.4 8.4 0 0 1 8.54 0Zm15.912 8.643c0-3.529-2.827-6.39-6.313-6.39h-9.6c-3.486 0-6.312 2.861-6.312 6.39v9.714c0 3.529 2.826 6.39 6.313 6.39h9.599c3.486 0 6.313-2.861 6.313-6.39V8.643Zm19.125 3.508-3.024-1.216h-.001c-1.789-.71-3.081-1.223-3.081-2.478 0-1.25 1.03-1.996 2.758-1.996 1.456 0 2.703.413 4.08 1.367a.46.46 0 0 0 .624-.099l1.856-2.364a.48.48 0 0 0-.064-.657c-1.736-1.528-4.119-2.426-6.496-2.426-4.392 0-7.703 2.781-7.703 6.47 0 3.73 3.004 5.342 4.296 5.861l3.143 1.34h.001c1.68.71 2.788 1.18 2.788 2.472 0 .779-.388 2.084-2.991 2.084-1.521 0-3.353-.715-4.901-1.892a.457.457 0 0 0-.636.07l-2.164 2.667a.473.473 0 0 0 .056.66c2.07 1.724 4.78 2.704 7.528 2.704 5.574 0 8.112-3.476 8.112-6.705 0-2.839-1.329-4.701-4.18-5.862Zm86.951 11.686V3.79a.47.47 0 0 0-.468-.473h-3.68a.47.47 0 0 0-.468.473v8.702h-7.864V3.79a.47.47 0 0 0-.467-.473h-3.695a.47.47 0 0 0-.468.473v20.047c0 .261.21.473.468.473h3.695a.47.47 0 0 0 .467-.473v-7.582h7.864v7.582c0 .261.21.473.468.473h3.68a.47.47 0 0 0 .468-.473Zm11.297-11.345c1.015 0 1.788-.238 2.319-.715.531-.475.797-1.133.797-1.971 0-.856-.263-1.522-.79-1.999-.527-.476-1.302-.714-2.326-.714h-3.302v5.399h3.302Zm4.073 3.105 4.05 8.025a.472.472 0 0 1-.416.688h-3.902a.468.468 0 0 1-.417-.26l-3.846-7.735h-2.855v7.522a.47.47 0 0 1-.467.473h-3.691a.47.47 0 0 1-.467-.473V3.813a.47.47 0 0 1 .467-.473h7.46c1.594 0 2.972.243 4.134.728 1.162.484 2.054 1.2 2.675 2.145.622.946.932 2.101.932 3.464 0 1.518-.313 2.746-.939 3.687-.626.941-1.532 1.685-2.718 2.233Zm-46.62-6.612-.046 2.804a.47.47 0 0 1-.51.464c-.468-.043-.813-.058-1.033-.039a3.588 3.588 0 0 0-1.9.724c-.573.424-1.074 1.345-1.074 2.081v8.818a.47.47 0 0 1-.467.473h-3.505a.47.47 0 0 1-.468-.473V9.201a.47.47 0 0 1 .468-.473h3.268a.47.47 0 0 1 .466.437l.101 1.164c.39-.71.858-1.094 1.453-1.438.656-.38 1.226-.45 1.957-.45.34 0 .64.023.898.07a.475.475 0 0 1 .392.474Zm10.721 14.86v-2.494a.47.47 0 0 0-.516-.469c-.212.02-.439.03-.679.03-.569 0-.972-.11-1.21-.332-.237-.22-.355-.638-.355-1.253v-7.07h2.108a.47.47 0 0 0 .467-.473V8.913a.47.47 0 0 0-.467-.473h-2.108V5.342a.47.47 0 0 0-.467-.473h-3.506a.47.47 0 0 0-.467.473V8.44h-1.639a.47.47 0 0 0-.467.473v2.87a.47.47 0 0 0 .467.474h1.639v7.618c0 1.632.396 2.827 1.188 3.585.792.759 1.933 1.138 3.422 1.138.817 0 1.571-.1 2.261-.3a.467.467 0 0 0 .329-.452Zm-27.706-3.013c.46-.264.79-.583.989-.958v-2.548h-1.594c-.948 0-1.65.218-2.106.655-.455.437-.683.991-.683 1.663 0 .47.164.853.491 1.145.328.293.761.44 1.302.44.607 0 1.14-.133 1.6-.397Zm4.975 3.478h-3.305a.47.47 0 0 1-.468-.473v-.91c-.93 1.114-2.2 1.67-3.813 1.67-.958 0-1.836-.198-2.632-.596a4.733 4.733 0 0 1-1.893-1.671 4.331 4.331 0 0 1-.697-2.412c0-1.642.6-2.907 1.8-3.795 1.2-.888 2.986-1.332 5.357-1.332h1.665v-.85c0-.7-.169-1.245-.505-1.634-.337-.389-.856-.583-1.558-.583-.626 0-1.113.15-1.459.453-.26.227-.422.528-.487.904a.464.464 0 0 1-.448.4H75.31a.47.47 0 0 1-.467-.521 4.31 4.31 0 0 1 .79-2.043c.545-.768 1.323-1.373 2.333-1.814 1.01-.442 2.175-.663 3.494-.663 1.223 0 2.307.21 3.251.627.944.417 1.684 1.04 2.22 1.865.536.825.804 1.838.804 3.038v8.852l-.001 1.016a.47.47 0 0 1-.467.472Zm-15.051-9.85c0-2.131-.425-3.667-1.274-4.608-.849-.941-2.051-1.412-3.607-1.412-1.005 0-1.892.204-2.66.613a5.182 5.182 0 0 0-1.908 1.749c-.37-.797-.896-1.39-1.579-1.778-.683-.389-1.499-.584-2.448-.584-.938 0-1.778.178-2.518.533a5.19 5.19 0 0 0-1.879 1.527l-.107-1.337a.47.47 0 0 0-.465-.435H50.5a.47.47 0 0 0-.467.473v14.636a.47.47 0 0 0 .467.473h3.505a.47.47 0 0 0 .468-.473V14.09c.246-.432.564-.765.953-1 .39-.236.844-.354 1.366-.354.474 0 .863.065 1.167.195.303.13.536.372.697.727.161.355.242.855.242 1.498v8.681c0 .261.21.473.467.473h3.505a.47.47 0 0 0 .468-.473v-9.574c.227-.48.535-.854.924-1.123.39-.269.859-.404 1.41-.404.474 0 .86.065 1.159.195.299.13.529.37.69.72.161.35.242.842.242 1.476v8.71c0 .261.209.473.467.473h3.52a.47.47 0 0 0 .467-.473V14.46Zm-58.963 5.918a5.647 5.647 0 0 1-3.107-.916c-.978-.643-1.694-1.58-2.018-2.637-.166-.542.18-1.103.772-1.254.593-.152 1.207.164 1.373.705a2.819 2.819 0 0 0 1.174 1.534c1.388.914 3.33.625 4.33-.643 1-1.269.684-3.044-.704-3.957a3.21 3.21 0 0 0-.545-.288c-.561-.23-.812-.832-.56-1.344.252-.513.911-.742 1.472-.511.327.134.641.3.934.492 2.385 1.569 2.928 4.618 1.21 6.797-1.04 1.32-2.674 2.022-4.331 2.022Zm-1.2-4.186a1.116 1.116 0 0 0 1.375-.777 1.129 1.129 0 0 0-.768-1.392 3.077 3.077 0 0 1-.967-.474c-1.388-1.011-1.704-2.977-.704-4.382a3.077 3.077 0 0 1 2.02-1.265 3.053 3.053 0 0 1 2.31.552c.461.336.822.791 1.042 1.317.24.573.894.84 1.46.598.566-.243.83-.905.59-1.478a5.374 5.374 0 0 0-1.79-2.266 5.246 5.246 0 0 0-3.97-.947 5.286 5.286 0 0 0-3.47 2.172c-1.717 2.413-1.174 5.79 1.211 7.528a5.285 5.285 0 0 0 1.66.814Z" }))));
|
|
54
47
|
};
|
|
55
48
|
exports.SmartHRLogo = SmartHRLogo;
|
|
56
49
|
const Wrapper = styled_components_1.default.figure `
|
|
57
|
-
${({ $width, $height,
|
|
50
|
+
${({ $width, $height, themes: { leading, space } }) => (0, styled_components_1.css) `
|
|
58
51
|
display: inline-block;
|
|
59
52
|
margin: unset;
|
|
60
|
-
|
|
61
|
-
aspect-ratio: 50 / 9;
|
|
53
|
+
padding: ${space(0.75)};
|
|
62
54
|
line-height: ${leading.NONE};
|
|
63
|
-
${$width && `width: ${convertValue($width)};`}
|
|
64
|
-
${$height && `height: ${convertValue($height)};`}
|
|
65
55
|
|
|
66
56
|
> svg {
|
|
67
57
|
display: inline-block;
|
|
68
58
|
vertical-align: bottom;
|
|
69
|
-
width
|
|
59
|
+
${$width
|
|
60
|
+
? `width: ${convertValue($width)};`
|
|
61
|
+
: $height && `height: ${convertValue($height)};`}
|
|
70
62
|
}
|
|
71
63
|
`}
|
|
72
64
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SmartHRLogo.js","sourceRoot":"","sources":["../../../src/components/SmartHRLogo/SmartHRLogo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"SmartHRLogo.js","sourceRoot":"","sources":["../../../src/components/SmartHRLogo/SmartHRLogo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2D;AAC3D,uEAA+C;AAE/C,mDAAsD;AACtD,mDAA+C;AAgBxC,MAAM,WAAW,GAA8B,CAAC,EACrD,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,QAAQ,IAAI,EAAE;YACZ,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,KAAK,CAAC,UAAU,CAAA;YAC/B,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAA;YAC1B,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAA;SAC3B;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,8BAAC,OAAO,OACF,KAAK,YACD,KAAK,aACJ,MAAM,EACf,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,MAAM,EAAE,KAAK;QAEb,uCAAK,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAE,SAAS,gBAAc,KAAK;YACrE,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,q5JAAq5J,GACv5J,CACE,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,WAAW,eAsCvB;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,MAAM,CAI3B;IACE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CACpD,IAAA,uBAAG,EAAA;;;iBAGU,KAAK,CAAC,IAAI,CAAC;qBACP,OAAO,CAAC,IAAI;;;;;UAKvB,MAAM;IACN,CAAC,CAAC,UAAU,YAAY,CAAC,MAAM,CAAC,GAAG;IACnC,CAAC,CAAC,OAAO,IAAI,WAAW,YAAY,CAAC,OAAO,CAAC,GAAG;;KAErD;CACJ,CAAA;AACD,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "smarthr-ui",
|
|
3
3
|
"description": "SmartHR ui components built with React.",
|
|
4
|
-
"version": "22.4.
|
|
4
|
+
"version": "22.4.1",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"dayjs": "^1.11.5",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"@storybook/react": "^6.5.10",
|
|
28
28
|
"@storybook/testing-library": "^0.0.13",
|
|
29
29
|
"@storybook/theming": "^6.5.10",
|
|
30
|
-
"@swc/core": "^1.2.
|
|
30
|
+
"@swc/core": "^1.2.241",
|
|
31
31
|
"@swc/jest": "^0.2.22",
|
|
32
32
|
"@testing-library/react-hooks": "^8.0.1",
|
|
33
33
|
"@types/jest": "^28.1.3",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"babel-plugin-polyfill-regenerator": "^0.4.0",
|
|
45
45
|
"ecma-version-validator-webpack-plugin": "^1.2.1",
|
|
46
46
|
"eslint": "^8.22.0",
|
|
47
|
-
"eslint-config-smarthr": "^6.0.
|
|
47
|
+
"eslint-config-smarthr": "^6.0.10",
|
|
48
48
|
"fs-extra": "^10.1.0",
|
|
49
49
|
"http-server": "^14.1.1",
|
|
50
50
|
"husky": "^8.0.1",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"postcss-syntax": "^0.36.2",
|
|
59
59
|
"prettier": "^2.7.1",
|
|
60
60
|
"prettier-config-smarthr": "^1.0.0",
|
|
61
|
-
"puppeteer": "^16.1.
|
|
61
|
+
"puppeteer": "^16.1.1",
|
|
62
62
|
"react": "^18.2.0",
|
|
63
63
|
"react-dom": "^18.2.0",
|
|
64
64
|
"react-test-renderer": "^18.2.0",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"styled-reset": "^4.4.2",
|
|
73
73
|
"stylelint": "^14.9.1",
|
|
74
74
|
"stylelint-config-prettier": "^9.0.3",
|
|
75
|
-
"stylelint-config-smarthr": "^1.0
|
|
75
|
+
"stylelint-config-smarthr": "^1.1.0",
|
|
76
76
|
"stylelint-config-standard": "^26.0.0",
|
|
77
77
|
"stylelint-config-styled-components": "^0.1.1",
|
|
78
78
|
"testcafe": "^1.20.1",
|