smarthr-ui 51.1.1 → 52.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/Balloon/Balloon.js +2 -0
- package/esm/components/Balloon/Balloon.js.map +1 -1
- package/esm/components/Button/AnchorButton.js +3 -2
- package/esm/components/Button/AnchorButton.js.map +1 -1
- package/esm/components/ErrorScreen/ErrorScreen.d.ts +0 -2
- package/esm/components/ErrorScreen/ErrorScreen.js +2 -3
- package/esm/components/ErrorScreen/ErrorScreen.js.map +1 -1
- package/esm/components/ErrorScreen/index.d.ts +0 -1
- package/esm/components/PageCounter/PageCounter.d.ts +1 -1
- package/esm/components/PageCounter/PageCounter.js +7 -13
- package/esm/components/PageCounter/PageCounter.js.map +1 -1
- package/esm/components/TextLink/TextLink.js +9 -5
- package/esm/components/TextLink/TextLink.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +1 -3
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/Balloon/Balloon.js +2 -0
- package/lib/components/Balloon/Balloon.js.map +1 -1
- package/lib/components/Button/AnchorButton.js +3 -2
- package/lib/components/Button/AnchorButton.js.map +1 -1
- package/lib/components/ErrorScreen/ErrorScreen.d.ts +0 -2
- package/lib/components/ErrorScreen/ErrorScreen.js +2 -3
- package/lib/components/ErrorScreen/ErrorScreen.js.map +1 -1
- package/lib/components/ErrorScreen/index.d.ts +0 -1
- package/lib/components/PageCounter/PageCounter.d.ts +1 -1
- package/lib/components/PageCounter/PageCounter.js +7 -13
- package/lib/components/PageCounter/PageCounter.js.map +1 -1
- package/lib/components/TextLink/TextLink.js +9 -5
- package/lib/components/TextLink/TextLink.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.js +1 -3
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/package.json +24 -24
- package/smarthr-ui.css +4 -6
- package/esm/components/ErrorScreen/Footer.d.ts +0 -2
- package/esm/components/ErrorScreen/Footer.js +0 -15
- package/esm/components/ErrorScreen/Footer.js.map +0 -1
- package/lib/components/ErrorScreen/Footer.d.ts +0 -2
- package/lib/components/ErrorScreen/Footer.js +0 -22
- package/lib/components/ErrorScreen/Footer.js.map +0 -1
|
@@ -11,6 +11,8 @@ const balloon = tv({
|
|
|
11
11
|
'shr-rounded-s',
|
|
12
12
|
/* drop-shadow は spread-radius を受け付けないので shadow.LAYER2 に近い値をハードコーディングしている */
|
|
13
13
|
'shr-drop-shadow-[0_2px_2.5px_theme(colors.transparency.30)]',
|
|
14
|
+
// Safariでdrop-shadowが残り続けてしまうバグの対応
|
|
15
|
+
'shr-will-change-[filter]',
|
|
14
16
|
'shr-whitespace-nowrap',
|
|
15
17
|
'shr-bg-white',
|
|
16
18
|
'shr-text-black',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,eAAe;QACf,4EAA4E;QAC5E,6DAA6D;QAC7D,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,oCAAoC;QACpC,wCAAwC;QACxC,gCAAgC;QAChC,mCAAmC;QACnC,uCAAuC;QACvC,mCAAmC;KACpC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,qBAAqB;gBACrB,+BAA+B;gBAC/B,oBAAoB;gBACpB,8BAA8B;aAC/B;YACD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;SACT;QACD,QAAQ,EAAE;YACR,GAAG,EAAE;gBACH,uBAAuB;gBACvB,qBAAqB;gBACrB,oBAAoB;gBACpB,oDAAoD;gBACpD,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;gBACnB,mDAAmD;aACpD;YACD,MAAM,EAAE;gBACN,0BAA0B;gBAC1B,qBAAqB;gBACrB,oBAAoB;gBACpB,iDAAiD;gBACjD,wBAAwB;gBACxB,oBAAoB;gBACpB,mBAAmB;gBACnB,gDAAgD;aACjD;YACD,MAAM,EAAE;gBACN,oBAAoB;gBACpB,+BAA+B;gBAC/B,mBAAmB;gBACnB,8BAA8B;aAC/B;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC;SACzD;QACD;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;SAC3D;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE;gBACT,wBAAwB;gBACxB,oBAAoB;gBACpB,qBAAqB;gBACrB,oDAAoD;gBACpD,sBAAsB;gBACtB,mBAAmB;gBACnB,oBAAoB;gBACpB,mDAAmD;aACpD;SACF;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE;gBACT,yBAAyB;gBACzB,oBAAoB;gBACpB,qBAAqB;gBACrB,iDAAiD;gBACjD,uBAAuB;gBACvB,mBAAmB;gBACnB,oBAAoB;gBACpB,gDAAgD;aACjD;SACF;KACF;CACF,CAAC,CAAA;AAWF,MAAM,CAAC,MAAM,OAAO,GAA6B,CAAC,EAChD,UAAU,EACV,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAClD,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAClC,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,eAAe;QACf,4EAA4E;QAC5E,6DAA6D;QAC7D,mCAAmC;QACnC,0BAA0B;QAC1B,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,oCAAoC;QACpC,wCAAwC;QACxC,gCAAgC;QAChC,mCAAmC;QACnC,uCAAuC;QACvC,mCAAmC;KACpC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,qBAAqB;gBACrB,+BAA+B;gBAC/B,oBAAoB;gBACpB,8BAA8B;aAC/B;YACD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;SACT;QACD,QAAQ,EAAE;YACR,GAAG,EAAE;gBACH,uBAAuB;gBACvB,qBAAqB;gBACrB,oBAAoB;gBACpB,oDAAoD;gBACpD,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;gBACnB,mDAAmD;aACpD;YACD,MAAM,EAAE;gBACN,0BAA0B;gBAC1B,qBAAqB;gBACrB,oBAAoB;gBACpB,iDAAiD;gBACjD,wBAAwB;gBACxB,oBAAoB;gBACpB,mBAAmB;gBACnB,gDAAgD;aACjD;YACD,MAAM,EAAE;gBACN,oBAAoB;gBACpB,+BAA+B;gBAC/B,mBAAmB;gBACnB,8BAA8B;aAC/B;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC;SACzD;QACD;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;SAC3D;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE;gBACT,wBAAwB;gBACxB,oBAAoB;gBACpB,qBAAqB;gBACrB,oDAAoD;gBACpD,sBAAsB;gBACtB,mBAAmB;gBACnB,oBAAoB;gBACpB,mDAAmD;aACpD;SACF;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE;gBACT,yBAAyB;gBACzB,oBAAoB;gBACpB,qBAAqB;gBACrB,iDAAiD;gBACjD,uBAAuB;gBACvB,mBAAmB;gBACnB,oBAAoB;gBACpB,gDAAgD;aACjD;SACF;KACF;CACF,CAAC,CAAA;AAWF,MAAM,CAAC,MAAM,OAAO,GAA6B,CAAC,EAChD,UAAU,EACV,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAClD,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAClC,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA"}
|
|
@@ -5,9 +5,10 @@ import { ButtonWrapper } from './ButtonWrapper';
|
|
|
5
5
|
const anchorButton = tv({
|
|
6
6
|
base: 'smarthr-ui-AnchorButton',
|
|
7
7
|
});
|
|
8
|
-
export const AnchorButton = forwardRef(({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', className, children, ...props }, ref) => {
|
|
8
|
+
export const AnchorButton = forwardRef(({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', target, rel, className, children, ...props }, ref) => {
|
|
9
9
|
const styles = useMemo(() => anchorButton({ className }), [className]);
|
|
10
|
-
|
|
10
|
+
const actualRel = useMemo(() => (rel === undefined && target === '_blank' ? 'noopener noreferrer' : rel), [rel, target]);
|
|
11
|
+
return (React.createElement(ButtonWrapper, { ...props, size: size, square: square, wide: wide, variant: variant, className: styles, target: target, rel: actualRel, isAnchor: true, anchorRef: ref },
|
|
11
12
|
React.createElement(ButtonInner, { prefix: prefix, suffix: suffix, size: size }, children)));
|
|
12
13
|
});
|
|
13
14
|
// BottomFixedArea での判定に用いるために displayName を明示的に設定する
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAK/C,MAAM,YAAY,GAAG,EAAE,CAAC;IACtB,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EACE,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAK/C,MAAM,YAAY,GAAG,EAAE,CAAC;IACtB,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EACE,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,MAAM,EACN,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACtE,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,EAC9E,CAAC,GAAG,EAAE,MAAM,CAAC,CACd,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,SAAS,EACd,QAAQ,QACR,SAAS,EAAE,GAAG;QAEd,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IACpD,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AACD,oDAAoD;AACpD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
|
|
@@ -7,7 +7,7 @@ import { TextLink } from '../TextLink';
|
|
|
7
7
|
const errorScreen = tv({
|
|
8
8
|
base: 'smarthr-ui-ErrorScreen shr-bg-background',
|
|
9
9
|
});
|
|
10
|
-
export const ErrorScreen = ({ logo = React.createElement(SmartHRLogo, { fill: "brand", className: "shr-p-0.75" }), title, links, children,
|
|
10
|
+
export const ErrorScreen = ({ logo = React.createElement(SmartHRLogo, { fill: "brand", className: "shr-p-0.75" }), title, links, children, className, ...props }) => {
|
|
11
11
|
const styles = useMemo(() => errorScreen({ className }), [className]);
|
|
12
12
|
return (React.createElement(Center, { ...props, minHeight: "100vh", verticalCentering: true, className: styles },
|
|
13
13
|
React.createElement(Stack, { gap: 1.5, align: "center", className: "[&&&]:shr-my-auto" },
|
|
@@ -16,7 +16,6 @@ export const ErrorScreen = ({ logo = React.createElement(SmartHRLogo, { fill: "b
|
|
|
16
16
|
title && React.createElement(PageHeading, { className: "smarthr-ui-ErrorScreen-title" }, title),
|
|
17
17
|
children && React.createElement("div", { className: "smarthr-ui-ErrorScreen-content" }, children),
|
|
18
18
|
links?.length && (React.createElement(Stack, { as: "ul", gap: 0.5, align: "center", className: "smarthr-ui-ErrorScreen-linkList shr-list-none" }, links.map((link, index) => (React.createElement("li", { key: index },
|
|
19
|
-
React.createElement(TextLink, { ...(link.target ? { target: link.target } : {}), href: link.url, className: "smarthr-ui-ErrorScreen-link" }, link.label))))))))
|
|
20
|
-
footer && React.createElement("div", { className: "shr-self-stretch" }, footer)));
|
|
19
|
+
React.createElement(TextLink, { ...(link.target ? { target: link.target } : {}), href: link.url, className: "smarthr-ui-ErrorScreen-link" }, link.label))))))))));
|
|
21
20
|
};
|
|
22
21
|
//# sourceMappingURL=ErrorScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA0BtC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,GAAG,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,6BAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,6BAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,oBAAC,KAAK,IACJ,EAAE,EAAC,IAAI,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,+CAA+C,IAExD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK;oBACZ,oBAAC,QAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF,CACD,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -11,7 +11,6 @@ declare const MessageScreen: import("react").FC<{
|
|
|
11
11
|
target?: string | undefined;
|
|
12
12
|
}[] | undefined;
|
|
13
13
|
children?: import("react").ReactNode;
|
|
14
|
-
footer?: import("react").ReactNode;
|
|
15
14
|
className?: string | undefined;
|
|
16
15
|
} & {
|
|
17
16
|
key?: import("react").Key | null | undefined;
|
|
@@ -4,7 +4,7 @@ type Props = {
|
|
|
4
4
|
start: number;
|
|
5
5
|
end: number;
|
|
6
6
|
total?: number;
|
|
7
|
-
decorators?: DecoratorsType<'
|
|
7
|
+
decorators?: DecoratorsType<'rangeSeparator' | 'rangeSeparatorVisuallyHiddenText'>;
|
|
8
8
|
};
|
|
9
9
|
type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
|
|
10
10
|
export declare const PageCounter: React.FC<Props & ElementProps>;
|
|
@@ -3,27 +3,21 @@ import { tv } from 'tailwind-variants';
|
|
|
3
3
|
import { Cluster } from '../Layout';
|
|
4
4
|
import { RangeSeparator, Text } from '../Text';
|
|
5
5
|
const executeDecorator = (defaultText, decorator) => decorator?.(defaultText) || defaultText;
|
|
6
|
-
const UNIT_TOTAL_TEXT = '件中';
|
|
7
|
-
const UNIT_TEXT = '件';
|
|
8
6
|
const RANGE_SEPARATOR = '–';
|
|
9
7
|
const RANGE_SEPARATOR_VISUALLY_HIDDEN_TEXT = 'から';
|
|
10
8
|
const pageCounter = tv({ base: 'shr-text-base' });
|
|
11
9
|
export const PageCounter = ({ start, end, total = 0, decorators, className, ...props }) => {
|
|
12
|
-
const unitTotalText = useMemo(() => executeDecorator(UNIT_TOTAL_TEXT, decorators?.unitForTotal), [decorators?.unitForTotal]);
|
|
13
|
-
const unitText = useMemo(() => executeDecorator(UNIT_TEXT, decorators?.unit), [decorators?.unit]);
|
|
14
10
|
const rangeSeparatorDecorators = useMemo(() => ({
|
|
15
11
|
text: () => executeDecorator(RANGE_SEPARATOR, decorators?.rangeSeparator),
|
|
16
12
|
visuallyHiddenText: () => executeDecorator(RANGE_SEPARATOR_VISUALLY_HIDDEN_TEXT, decorators?.rangeSeparatorVisuallyHiddenText),
|
|
17
13
|
}), [decorators?.rangeSeparator, decorators?.rangeSeparatorVisuallyHiddenText]);
|
|
18
14
|
const style = useMemo(() => pageCounter({ className }), [className]);
|
|
19
|
-
return (React.createElement(Cluster, { ...props, inline: true, align: "baseline", className: style },
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
React.createElement(
|
|
25
|
-
React.createElement(
|
|
26
|
-
React.createElement(Text, { weight: "bold", as: "b" }, end.toLocaleString()),
|
|
27
|
-
unitText)));
|
|
15
|
+
return (React.createElement(Cluster, { ...props, gap: 0.25, inline: true, align: "baseline", className: style },
|
|
16
|
+
React.createElement(Text, { weight: "bold", as: "b" }, start.toLocaleString()),
|
|
17
|
+
React.createElement(RangeSeparator, { decorators: rangeSeparatorDecorators }),
|
|
18
|
+
React.createElement(Text, { weight: "bold", as: "b" }, end.toLocaleString()),
|
|
19
|
+
total > 0 && (React.createElement(React.Fragment, null,
|
|
20
|
+
React.createElement("span", null, "/"),
|
|
21
|
+
React.createElement(Text, { weight: "bold", as: "b" }, total.toLocaleString())))));
|
|
28
22
|
};
|
|
29
23
|
//# sourceMappingURL=PageCounter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageCounter.js","sourceRoot":"","sources":["../../../src/components/PageCounter/PageCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,OAAO,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"PageCounter.js","sourceRoot":"","sources":["../../../src/components/PageCounter/PageCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,OAAO,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAY9C,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,SAAoC,EAAE,EAAE,CACrF,SAAS,EAAE,CAAC,WAAW,CAAC,IAAI,WAAW,CAAA;AAEzC,MAAM,eAAe,GAAG,GAAG,CAAA;AAC3B,MAAM,oCAAoC,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAmC,CAAC,EAC1D,KAAK,EACL,GAAG,EACH,KAAK,GAAG,CAAC,EACT,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,wBAAwB,GAAG,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,cAAc,CAAC;QACzE,kBAAkB,EAAE,GAAG,EAAE,CACvB,gBAAgB,CACd,oCAAoC,EACpC,UAAU,EAAE,gCAAgC,CAC7C;KACJ,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,gCAAgC,CAAC,CAC3E,CAAA;IACD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,KAAK;QACrE,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB;QACP,oBAAC,cAAc,IAAC,UAAU,EAAE,wBAAwB,GAAI;QACxD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,GAAG,CAAC,cAAc,EAAE,CAChB;QACN,KAAK,GAAG,CAAC,IAAI,CACZ;YACE,sCAAc;YACd,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB,CACN,CACJ,CACO,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -8,7 +8,10 @@ const textLink = tv({
|
|
|
8
8
|
suffixWrapper: 'shr-ms-0.25 shr-align-middle',
|
|
9
9
|
},
|
|
10
10
|
});
|
|
11
|
-
|
|
11
|
+
const { anchor, prefixWrapper, suffixWrapper } = textLink();
|
|
12
|
+
const prefixWrapperClassName = prefixWrapper();
|
|
13
|
+
const suffixWrapperClassName = suffixWrapper();
|
|
14
|
+
export const TextLink = forwardRef(({ href, target, rel, onClick, children, prefix, suffix, className, ...others }, ref) => {
|
|
12
15
|
const actualSuffix = useMemo(() => {
|
|
13
16
|
if (target === '_blank' && suffix === undefined) {
|
|
14
17
|
return React.createElement(FaExternalLinkAltIcon, { "aria-label": "\u5225\u30BF\u30D6\u3067\u958B\u304F" });
|
|
@@ -24,6 +27,8 @@ export const TextLink = forwardRef(({ href, target, onClick, children, prefix, s
|
|
|
24
27
|
}
|
|
25
28
|
return undefined;
|
|
26
29
|
}, [href, onClick]);
|
|
30
|
+
const actualRel = useMemo(() => (rel === undefined && target === '_blank' ? 'noopener noreferrer' : rel), [rel, target]);
|
|
31
|
+
const anchorClassName = useMemo(() => anchor({ className }), [className]);
|
|
27
32
|
const actualOnClick = useMemo(() => {
|
|
28
33
|
if (!onClick) {
|
|
29
34
|
return undefined;
|
|
@@ -35,10 +40,9 @@ export const TextLink = forwardRef(({ href, target, onClick, children, prefix, s
|
|
|
35
40
|
onClick(e);
|
|
36
41
|
};
|
|
37
42
|
}, [href, onClick]);
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
prefix && React.createElement("span", { className: prefixWrapper() }, prefix),
|
|
43
|
+
return (React.createElement("a", { ...others, ref: ref, href: actualHref, target: target, rel: actualRel, onClick: actualOnClick, className: anchorClassName },
|
|
44
|
+
prefix && React.createElement("span", { className: prefixWrapperClassName }, prefix),
|
|
41
45
|
children,
|
|
42
|
-
actualSuffix && React.createElement("span", { className:
|
|
46
|
+
actualSuffix && React.createElement("span", { className: suffixWrapperClassName }, actualSuffix)));
|
|
43
47
|
});
|
|
44
48
|
//# sourceMappingURL=TextLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAY/C,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,KAAK,EAAE;QACL,MAAM,EACJ,gKAAgK;QAClK,aAAa,EAAE,8BAA8B;QAC7C,aAAa,EAAE,8BAA8B;KAC9C;CACF,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAY/C,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,KAAK,EAAE;QACL,MAAM,EACJ,gKAAgK;QAClK,aAAa,EAAE,8BAA8B;QAC7C,aAAa,EAAE,8BAA8B;KAC9C;CACF,CAAC,CAAA;AACF,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAAA;AAC3D,MAAM,sBAAsB,GAAG,aAAa,EAAE,CAAA;AAC9C,MAAM,sBAAsB,GAAG,aAAa,EAAE,CAAA;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YAChD,OAAO,oBAAC,qBAAqB,kBAAY,sCAAQ,GAAG,CAAA;QACtD,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACpB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAA;QACX,CAAC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,EAC9E,CAAC,GAAG,EAAE,MAAM,CAAC,CACd,CAAA;IACD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEzE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,OAAO,CAAC,CAAmB,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,CAAC,CAAC,cAAc,EAAE,CAAA;YACpB,CAAC;YACD,OAAO,CAAC,CAAC,CAAC,CAAA;QACZ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,8BACM,MAAM,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,eAAe;QAEzB,MAAM,IAAI,8BAAM,SAAS,EAAE,sBAAsB,IAAG,MAAM,CAAQ;QAClE,QAAQ;QACR,YAAY,IAAI,8BAAM,SAAS,EAAE,sBAAsB,IAAG,YAAY,CAAQ,CAC7E,CACL,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -15,9 +15,7 @@ const getFullscreenElementOnSSR = () => null;
|
|
|
15
15
|
const tooltip = tv({
|
|
16
16
|
base: [
|
|
17
17
|
'smarthr-ui-Tooltip',
|
|
18
|
-
'shr-inline-block shr-max-w-full
|
|
19
|
-
/* inline-block に overflow: visible 以外を指定すると、vertical-align が bottom margin edge に揃ってしまう
|
|
20
|
-
* https://ja.stackoverflow.com/questions/2603/ */
|
|
18
|
+
'shr-inline-block shr-max-w-full',
|
|
21
19
|
'shr-align-bottom',
|
|
22
20
|
'focus-visible:shr-focus-indicator',
|
|
23
21
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,MAAM,EACN,QAAQ,EACR,oBAAoB,GACrB,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,yBAAyB,GAAG,CAAC,QAAoB,EAAE,EAAE;IACzD,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;IACrD,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;IAC1D,CAAC,CAAA;AACH,CAAC,CAAA;AACD,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAA;AAC7D,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;AAsB5C,MAAM,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,6 +37,8 @@ const balloon = (0, tailwind_variants_1.tv)({
|
|
|
37
37
|
'shr-rounded-s',
|
|
38
38
|
/* drop-shadow は spread-radius を受け付けないので shadow.LAYER2 に近い値をハードコーディングしている */
|
|
39
39
|
'shr-drop-shadow-[0_2px_2.5px_theme(colors.transparency.30)]',
|
|
40
|
+
// Safariでdrop-shadowが残り続けてしまうバグの対応
|
|
41
|
+
'shr-will-change-[filter]',
|
|
40
42
|
'shr-whitespace-nowrap',
|
|
41
43
|
'shr-bg-white',
|
|
42
44
|
'shr-text-black',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuF;AACvF,yDAAoD;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,OAAO,GAAG,IAAA,sBAAE,EAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,eAAe;QACf,4EAA4E;QAC5E,6DAA6D;QAC7D,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,oCAAoC;QACpC,wCAAwC;QACxC,gCAAgC;QAChC,mCAAmC;QACnC,uCAAuC;QACvC,mCAAmC;KACpC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,qBAAqB;gBACrB,+BAA+B;gBAC/B,oBAAoB;gBACpB,8BAA8B;aAC/B;YACD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;SACT;QACD,QAAQ,EAAE;YACR,GAAG,EAAE;gBACH,uBAAuB;gBACvB,qBAAqB;gBACrB,oBAAoB;gBACpB,oDAAoD;gBACpD,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;gBACnB,mDAAmD;aACpD;YACD,MAAM,EAAE;gBACN,0BAA0B;gBAC1B,qBAAqB;gBACrB,oBAAoB;gBACpB,iDAAiD;gBACjD,wBAAwB;gBACxB,oBAAoB;gBACpB,mBAAmB;gBACnB,gDAAgD;aACjD;YACD,MAAM,EAAE;gBACN,oBAAoB;gBACpB,+BAA+B;gBAC/B,mBAAmB;gBACnB,8BAA8B;aAC/B;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC;SACzD;QACD;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;SAC3D;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE;gBACT,wBAAwB;gBACxB,oBAAoB;gBACpB,qBAAqB;gBACrB,oDAAoD;gBACpD,sBAAsB;gBACtB,mBAAmB;gBACnB,oBAAoB;gBACpB,mDAAmD;aACpD;SACF;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE;gBACT,yBAAyB;gBACzB,oBAAoB;gBACpB,qBAAqB;gBACrB,iDAAiD;gBACjD,uBAAuB;gBACvB,mBAAmB;gBACnB,oBAAoB;gBACpB,gDAAgD;aACjD;SACF;KACF;CACF,CAAC,CAAA;AAWK,MAAM,OAAO,GAA6B,CAAC,EAChD,UAAU,EACV,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAClD,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAClC,CAAA;IAED,OAAO,8BAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA;AAbY,QAAA,OAAO,WAanB"}
|
|
1
|
+
{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuF;AACvF,yDAAoD;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,OAAO,GAAG,IAAA,sBAAE,EAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,eAAe;QACf,4EAA4E;QAC5E,6DAA6D;QAC7D,mCAAmC;QACnC,0BAA0B;QAC1B,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,oCAAoC;QACpC,wCAAwC;QACxC,gCAAgC;QAChC,mCAAmC;QACnC,uCAAuC;QACvC,mCAAmC;KACpC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,qBAAqB;gBACrB,+BAA+B;gBAC/B,oBAAoB;gBACpB,8BAA8B;aAC/B;YACD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;SACT;QACD,QAAQ,EAAE;YACR,GAAG,EAAE;gBACH,uBAAuB;gBACvB,qBAAqB;gBACrB,oBAAoB;gBACpB,oDAAoD;gBACpD,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;gBACnB,mDAAmD;aACpD;YACD,MAAM,EAAE;gBACN,0BAA0B;gBAC1B,qBAAqB;gBACrB,oBAAoB;gBACpB,iDAAiD;gBACjD,wBAAwB;gBACxB,oBAAoB;gBACpB,mBAAmB;gBACnB,gDAAgD;aACjD;YACD,MAAM,EAAE;gBACN,oBAAoB;gBACpB,+BAA+B;gBAC/B,mBAAmB;gBACnB,8BAA8B;aAC/B;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC;SACzD;QACD;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;SAC3D;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE;gBACT,wBAAwB;gBACxB,oBAAoB;gBACpB,qBAAqB;gBACrB,oDAAoD;gBACpD,sBAAsB;gBACtB,mBAAmB;gBACnB,oBAAoB;gBACpB,mDAAmD;aACpD;SACF;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE;gBACT,yBAAyB;gBACzB,oBAAoB;gBACpB,qBAAqB;gBACrB,iDAAiD;gBACjD,uBAAuB;gBACvB,mBAAmB;gBACnB,oBAAoB;gBACpB,gDAAgD;aACjD;SACF;KACF;CACF,CAAC,CAAA;AAWK,MAAM,OAAO,GAA6B,CAAC,EAChD,UAAU,EACV,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAClD,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAClC,CAAA;IAED,OAAO,8BAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA;AAbY,QAAA,OAAO,WAanB"}
|
|
@@ -31,9 +31,10 @@ const ButtonWrapper_1 = require("./ButtonWrapper");
|
|
|
31
31
|
const anchorButton = (0, tailwind_variants_1.tv)({
|
|
32
32
|
base: 'smarthr-ui-AnchorButton',
|
|
33
33
|
});
|
|
34
|
-
exports.AnchorButton = (0, react_1.forwardRef)(({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', className, children, ...props }, ref) => {
|
|
34
|
+
exports.AnchorButton = (0, react_1.forwardRef)(({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', target, rel, className, children, ...props }, ref) => {
|
|
35
35
|
const styles = (0, react_1.useMemo)(() => anchorButton({ className }), [className]);
|
|
36
|
-
|
|
36
|
+
const actualRel = (0, react_1.useMemo)(() => (rel === undefined && target === '_blank' ? 'noopener noreferrer' : rel), [rel, target]);
|
|
37
|
+
return (react_1.default.createElement(ButtonWrapper_1.ButtonWrapper, { ...props, size: size, square: square, wide: wide, variant: variant, className: styles, target: target, rel: actualRel, isAnchor: true, anchorRef: ref },
|
|
37
38
|
react_1.default.createElement(ButtonInner_1.ButtonInner, { prefix: prefix, suffix: suffix, size: size }, children)));
|
|
38
39
|
});
|
|
39
40
|
// BottomFixedArea での判定に用いるために displayName を明示的に設定する
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AACxE,yDAAsC;AAEtC,+CAA2C;AAC3C,mDAA+C;AAK/C,MAAM,YAAY,GAAG,IAAA,sBAAE,EAAC;IACtB,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEW,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EACE,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AACxE,yDAAsC;AAEtC,+CAA2C;AAC3C,mDAA+C;AAK/C,MAAM,YAAY,GAAG,IAAA,sBAAE,EAAC;IACtB,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEW,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EACE,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,MAAM,EACN,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACtE,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,EAC9E,CAAC,GAAG,EAAE,MAAM,CAAC,CACd,CAAA;IAED,OAAO,CACL,8BAAC,6BAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,SAAS,EACd,QAAQ,QACR,SAAS,EAAE,GAAG;QAEd,8BAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IACpD,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AACD,oDAAoD;AACpD,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
|
|
@@ -33,7 +33,7 @@ const TextLink_1 = require("../TextLink");
|
|
|
33
33
|
const errorScreen = (0, tailwind_variants_1.tv)({
|
|
34
34
|
base: 'smarthr-ui-ErrorScreen shr-bg-background',
|
|
35
35
|
});
|
|
36
|
-
const ErrorScreen = ({ logo = react_1.default.createElement(SmartHRLogo_1.SmartHRLogo, { fill: "brand", className: "shr-p-0.75" }), title, links, children,
|
|
36
|
+
const ErrorScreen = ({ logo = react_1.default.createElement(SmartHRLogo_1.SmartHRLogo, { fill: "brand", className: "shr-p-0.75" }), title, links, children, className, ...props }) => {
|
|
37
37
|
const styles = (0, react_1.useMemo)(() => errorScreen({ className }), [className]);
|
|
38
38
|
return (react_1.default.createElement(Layout_1.Center, { ...props, minHeight: "100vh", verticalCentering: true, className: styles },
|
|
39
39
|
react_1.default.createElement(Layout_1.Stack, { gap: 1.5, align: "center", className: "[&&&]:shr-my-auto" },
|
|
@@ -42,8 +42,7 @@ const ErrorScreen = ({ logo = react_1.default.createElement(SmartHRLogo_1.SmartH
|
|
|
42
42
|
title && react_1.default.createElement(Heading_1.PageHeading, { className: "smarthr-ui-ErrorScreen-title" }, title),
|
|
43
43
|
children && react_1.default.createElement("div", { className: "smarthr-ui-ErrorScreen-content" }, children),
|
|
44
44
|
links?.length && (react_1.default.createElement(Layout_1.Stack, { as: "ul", gap: 0.5, align: "center", className: "smarthr-ui-ErrorScreen-linkList shr-list-none" }, links.map((link, index) => (react_1.default.createElement("li", { key: index },
|
|
45
|
-
react_1.default.createElement(TextLink_1.TextLink, { ...(link.target ? { target: link.target } : {}), href: link.url, className: "smarthr-ui-ErrorScreen-link" }, link.label))))))))
|
|
46
|
-
footer && react_1.default.createElement("div", { className: "shr-self-stretch" }, footer)));
|
|
45
|
+
react_1.default.createElement(TextLink_1.TextLink, { ...(link.target ? { target: link.target } : {}), href: link.url, className: "smarthr-ui-ErrorScreen-link" }, link.label))))))))));
|
|
47
46
|
};
|
|
48
47
|
exports.ErrorScreen = ErrorScreen;
|
|
49
48
|
//# sourceMappingURL=ErrorScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,yDAAsC;AAEtC,wCAAwC;AACxC,sCAAyC;AACzC,gDAA4C;AAC5C,0CAAsC;
|
|
1
|
+
{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,yDAAsC;AAEtC,wCAAwC;AACxC,sCAAyC;AACzC,gDAA4C;AAC5C,0CAAsC;AA0BtC,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEK,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,8BAAC,yBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,GAAG,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,8BAAC,eAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,8BAAC,cAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,uCAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,8BAAC,cAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,8BAAC,qBAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,uCAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,8BAAC,cAAK,IACJ,EAAE,EAAC,IAAI,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,+CAA+C,IAExD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,sCAAI,GAAG,EAAE,KAAK;oBACZ,8BAAC,mBAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF,CACD,CACV,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,WAAW,eA4CvB"}
|
|
@@ -11,7 +11,6 @@ declare const MessageScreen: import("react").FC<{
|
|
|
11
11
|
target?: string | undefined;
|
|
12
12
|
}[] | undefined;
|
|
13
13
|
children?: import("react").ReactNode;
|
|
14
|
-
footer?: import("react").ReactNode;
|
|
15
14
|
className?: string | undefined;
|
|
16
15
|
} & {
|
|
17
16
|
key?: import("react").Key | null | undefined;
|
|
@@ -4,7 +4,7 @@ type Props = {
|
|
|
4
4
|
start: number;
|
|
5
5
|
end: number;
|
|
6
6
|
total?: number;
|
|
7
|
-
decorators?: DecoratorsType<'
|
|
7
|
+
decorators?: DecoratorsType<'rangeSeparator' | 'rangeSeparatorVisuallyHiddenText'>;
|
|
8
8
|
};
|
|
9
9
|
type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
|
|
10
10
|
export declare const PageCounter: React.FC<Props & ElementProps>;
|
|
@@ -29,28 +29,22 @@ const tailwind_variants_1 = require("tailwind-variants");
|
|
|
29
29
|
const Layout_1 = require("../Layout");
|
|
30
30
|
const Text_1 = require("../Text");
|
|
31
31
|
const executeDecorator = (defaultText, decorator) => decorator?.(defaultText) || defaultText;
|
|
32
|
-
const UNIT_TOTAL_TEXT = '件中';
|
|
33
|
-
const UNIT_TEXT = '件';
|
|
34
32
|
const RANGE_SEPARATOR = '–';
|
|
35
33
|
const RANGE_SEPARATOR_VISUALLY_HIDDEN_TEXT = 'から';
|
|
36
34
|
const pageCounter = (0, tailwind_variants_1.tv)({ base: 'shr-text-base' });
|
|
37
35
|
const PageCounter = ({ start, end, total = 0, decorators, className, ...props }) => {
|
|
38
|
-
const unitTotalText = (0, react_1.useMemo)(() => executeDecorator(UNIT_TOTAL_TEXT, decorators?.unitForTotal), [decorators?.unitForTotal]);
|
|
39
|
-
const unitText = (0, react_1.useMemo)(() => executeDecorator(UNIT_TEXT, decorators?.unit), [decorators?.unit]);
|
|
40
36
|
const rangeSeparatorDecorators = (0, react_1.useMemo)(() => ({
|
|
41
37
|
text: () => executeDecorator(RANGE_SEPARATOR, decorators?.rangeSeparator),
|
|
42
38
|
visuallyHiddenText: () => executeDecorator(RANGE_SEPARATOR_VISUALLY_HIDDEN_TEXT, decorators?.rangeSeparatorVisuallyHiddenText),
|
|
43
39
|
}), [decorators?.rangeSeparator, decorators?.rangeSeparatorVisuallyHiddenText]);
|
|
44
40
|
const style = (0, react_1.useMemo)(() => pageCounter({ className }), [className]);
|
|
45
|
-
return (react_1.default.createElement(Layout_1.Cluster, { ...props, inline: true, align: "baseline", className: style },
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
react_1.default.createElement(
|
|
50
|
-
react_1.default.createElement(
|
|
51
|
-
react_1.default.createElement(Text_1.
|
|
52
|
-
react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, end.toLocaleString()),
|
|
53
|
-
unitText)));
|
|
41
|
+
return (react_1.default.createElement(Layout_1.Cluster, { ...props, gap: 0.25, inline: true, align: "baseline", className: style },
|
|
42
|
+
react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, start.toLocaleString()),
|
|
43
|
+
react_1.default.createElement(Text_1.RangeSeparator, { decorators: rangeSeparatorDecorators }),
|
|
44
|
+
react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, end.toLocaleString()),
|
|
45
|
+
total > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
|
+
react_1.default.createElement("span", null, "/"),
|
|
47
|
+
react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, total.toLocaleString())))));
|
|
54
48
|
};
|
|
55
49
|
exports.PageCounter = PageCounter;
|
|
56
50
|
//# sourceMappingURL=PageCounter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageCounter.js","sourceRoot":"","sources":["../../../src/components/PageCounter/PageCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,yDAAsC;AAEtC,sCAAmC;AACnC,kCAA8C;
|
|
1
|
+
{"version":3,"file":"PageCounter.js","sourceRoot":"","sources":["../../../src/components/PageCounter/PageCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,yDAAsC;AAEtC,sCAAmC;AACnC,kCAA8C;AAY9C,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,SAAoC,EAAE,EAAE,CACrF,SAAS,EAAE,CAAC,WAAW,CAAC,IAAI,WAAW,CAAA;AAEzC,MAAM,eAAe,GAAG,GAAG,CAAA;AAC3B,MAAM,oCAAoC,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAE1C,MAAM,WAAW,GAAmC,CAAC,EAC1D,KAAK,EACL,GAAG,EACH,KAAK,GAAG,CAAC,EACT,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,wBAAwB,GAAG,IAAA,eAAO,EACtC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,cAAc,CAAC;QACzE,kBAAkB,EAAE,GAAG,EAAE,CACvB,gBAAgB,CACd,oCAAoC,EACpC,UAAU,EAAE,gCAAgC,CAC7C;KACJ,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,gCAAgC,CAAC,CAC3E,CAAA;IACD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,8BAAC,gBAAO,OAAK,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,KAAK;QACrE,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB;QACP,8BAAC,qBAAc,IAAC,UAAU,EAAE,wBAAwB,GAAI;QACxD,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,GAAG,CAAC,cAAc,EAAE,CAChB;QACN,KAAK,GAAG,CAAC,IAAI,CACZ;YACE,gDAAc;YACd,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB,CACN,CACJ,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,WAAW,eAwCvB"}
|
|
@@ -34,7 +34,10 @@ const textLink = (0, tailwind_variants_1.tv)({
|
|
|
34
34
|
suffixWrapper: 'shr-ms-0.25 shr-align-middle',
|
|
35
35
|
},
|
|
36
36
|
});
|
|
37
|
-
|
|
37
|
+
const { anchor, prefixWrapper, suffixWrapper } = textLink();
|
|
38
|
+
const prefixWrapperClassName = prefixWrapper();
|
|
39
|
+
const suffixWrapperClassName = suffixWrapper();
|
|
40
|
+
exports.TextLink = (0, react_1.forwardRef)(({ href, target, rel, onClick, children, prefix, suffix, className, ...others }, ref) => {
|
|
38
41
|
const actualSuffix = (0, react_1.useMemo)(() => {
|
|
39
42
|
if (target === '_blank' && suffix === undefined) {
|
|
40
43
|
return react_1.default.createElement(Icon_1.FaExternalLinkAltIcon, { "aria-label": "\u5225\u30BF\u30D6\u3067\u958B\u304F" });
|
|
@@ -50,6 +53,8 @@ exports.TextLink = (0, react_1.forwardRef)(({ href, target, onClick, children, p
|
|
|
50
53
|
}
|
|
51
54
|
return undefined;
|
|
52
55
|
}, [href, onClick]);
|
|
56
|
+
const actualRel = (0, react_1.useMemo)(() => (rel === undefined && target === '_blank' ? 'noopener noreferrer' : rel), [rel, target]);
|
|
57
|
+
const anchorClassName = (0, react_1.useMemo)(() => anchor({ className }), [className]);
|
|
53
58
|
const actualOnClick = (0, react_1.useMemo)(() => {
|
|
54
59
|
if (!onClick) {
|
|
55
60
|
return undefined;
|
|
@@ -61,10 +66,9 @@ exports.TextLink = (0, react_1.forwardRef)(({ href, target, onClick, children, p
|
|
|
61
66
|
onClick(e);
|
|
62
67
|
};
|
|
63
68
|
}, [href, onClick]);
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
prefix && react_1.default.createElement("span", { className: prefixWrapper() }, prefix),
|
|
69
|
+
return (react_1.default.createElement("a", { ...others, ref: ref, href: actualHref, target: target, rel: actualRel, onClick: actualOnClick, className: anchorClassName },
|
|
70
|
+
prefix && react_1.default.createElement("span", { className: prefixWrapperClassName }, prefix),
|
|
67
71
|
children,
|
|
68
|
-
actualSuffix && react_1.default.createElement("span", { className:
|
|
72
|
+
actualSuffix && react_1.default.createElement("span", { className: suffixWrapperClassName }, actualSuffix)));
|
|
69
73
|
});
|
|
70
74
|
//# sourceMappingURL=TextLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,yDAAsC;AAEtC,kCAA+C;AAY/C,MAAM,QAAQ,GAAG,IAAA,sBAAE,EAAC;IAClB,KAAK,EAAE;QACL,MAAM,EACJ,gKAAgK;QAClK,aAAa,EAAE,8BAA8B;QAC7C,aAAa,EAAE,8BAA8B;KAC9C;CACF,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,yDAAsC;AAEtC,kCAA+C;AAY/C,MAAM,QAAQ,GAAG,IAAA,sBAAE,EAAC;IAClB,KAAK,EAAE;QACL,MAAM,EACJ,gKAAgK;QAClK,aAAa,EAAE,8BAA8B;QAC7C,aAAa,EAAE,8BAA8B;KAC9C;CACF,CAAC,CAAA;AACF,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAAA;AAC3D,MAAM,sBAAsB,GAAG,aAAa,EAAE,CAAA;AAC9C,MAAM,sBAAsB,GAAG,aAAa,EAAE,CAAA;AAEjC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YAChD,OAAO,8BAAC,4BAAqB,kBAAY,sCAAQ,GAAG,CAAA;QACtD,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACpB,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAA;QACX,CAAC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,EAC9E,CAAC,GAAG,EAAE,MAAM,CAAC,CACd,CAAA;IACD,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEzE,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,OAAO,CAAC,CAAmB,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,CAAC,CAAC,cAAc,EAAE,CAAA;YACpB,CAAC;YACD,OAAO,CAAC,CAAC,CAAC,CAAA;QACZ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,wCACM,MAAM,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,eAAe;QAEzB,MAAM,IAAI,wCAAM,SAAS,EAAE,sBAAsB,IAAG,MAAM,CAAQ;QAClE,QAAQ;QACR,YAAY,IAAI,wCAAM,SAAS,EAAE,sBAAsB,IAAG,YAAY,CAAQ,CAC7E,CACL,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -41,9 +41,7 @@ const getFullscreenElementOnSSR = () => null;
|
|
|
41
41
|
const tooltip = (0, tailwind_variants_1.tv)({
|
|
42
42
|
base: [
|
|
43
43
|
'smarthr-ui-Tooltip',
|
|
44
|
-
'shr-inline-block shr-max-w-full
|
|
45
|
-
/* inline-block に overflow: visible 以外を指定すると、vertical-align が bottom margin edge に揃ってしまう
|
|
46
|
-
* https://ja.stackoverflow.com/questions/2603/ */
|
|
44
|
+
'shr-inline-block shr-max-w-full',
|
|
47
45
|
'shr-align-bottom',
|
|
48
46
|
'focus-visible:shr-focus-indicator',
|
|
49
47
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASc;AACd,yCAAwC;AACxC,yDAAsC;AAEtC,qEAAiE;AACjE,6CAAyC;AAGzC,mDAA+C;AAE/C,MAAM,yBAAyB,GAAG,CAAC,QAAoB,EAAE,EAAE;IACzD,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;IACrD,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;IAC1D,CAAC,CAAA;AACH,CAAC,CAAA;AACD,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAA;AAC7D,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;AAsB5C,MAAM,OAAO,GAAG,IAAA,sBAAE,EAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
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": "
|
|
4
|
+
"version": "52.0.0",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@smarthr/wareki": "^1.2.0",
|
|
@@ -17,38 +17,38 @@
|
|
|
17
17
|
"react-transition-group": "^4.4.5",
|
|
18
18
|
"style-loader": "^4.0.0",
|
|
19
19
|
"tailwind-variants": "^0.2.1",
|
|
20
|
-
"tailwindcss": "^3.4.
|
|
20
|
+
"tailwindcss": "^3.4.4"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@babel/core": "^7.24.
|
|
24
|
-
"@babel/preset-env": "^7.24.
|
|
25
|
-
"@babel/preset-react": "^7.24.
|
|
26
|
-
"@babel/preset-typescript": "^7.24.
|
|
27
|
-
"@storybook/addon-a11y": "^8.1.
|
|
28
|
-
"@storybook/addon-actions": "^8.1.
|
|
29
|
-
"@storybook/addon-essentials": "^8.1.
|
|
30
|
-
"@storybook/addon-interactions": "^8.1.
|
|
31
|
-
"@storybook/addon-storysource": "^8.1.
|
|
23
|
+
"@babel/core": "^7.24.7",
|
|
24
|
+
"@babel/preset-env": "^7.24.7",
|
|
25
|
+
"@babel/preset-react": "^7.24.7",
|
|
26
|
+
"@babel/preset-typescript": "^7.24.7",
|
|
27
|
+
"@storybook/addon-a11y": "^8.1.6",
|
|
28
|
+
"@storybook/addon-actions": "^8.1.6",
|
|
29
|
+
"@storybook/addon-essentials": "^8.1.6",
|
|
30
|
+
"@storybook/addon-interactions": "^8.1.6",
|
|
31
|
+
"@storybook/addon-storysource": "^8.1.6",
|
|
32
32
|
"@storybook/addon-styling": "^1.3.7",
|
|
33
33
|
"@storybook/addon-styling-webpack": "^1.0.0",
|
|
34
|
-
"@storybook/addon-viewport": "^8.1.
|
|
34
|
+
"@storybook/addon-viewport": "^8.1.6",
|
|
35
35
|
"@storybook/addon-webpack5-compiler-babel": "^3.0.3",
|
|
36
|
-
"@storybook/blocks": "^8.1.
|
|
37
|
-
"@storybook/cli": "^8.1.
|
|
38
|
-
"@storybook/manager-api": "^8.1.
|
|
39
|
-
"@storybook/react": "^8.1.
|
|
40
|
-
"@storybook/react-webpack5": "^8.1.
|
|
41
|
-
"@storybook/source-loader": "^8.1.
|
|
42
|
-
"@storybook/test": "^8.1.
|
|
36
|
+
"@storybook/blocks": "^8.1.6",
|
|
37
|
+
"@storybook/cli": "^8.1.6",
|
|
38
|
+
"@storybook/manager-api": "^8.1.6",
|
|
39
|
+
"@storybook/react": "^8.1.6",
|
|
40
|
+
"@storybook/react-webpack5": "^8.1.6",
|
|
41
|
+
"@storybook/source-loader": "^8.1.6",
|
|
42
|
+
"@storybook/test": "^8.1.6",
|
|
43
43
|
"@storybook/test-runner": "^0.18.2",
|
|
44
|
-
"@storybook/theming": "^8.1.
|
|
45
|
-
"@swc/core": "^1.5.
|
|
44
|
+
"@storybook/theming": "^8.1.6",
|
|
45
|
+
"@swc/core": "^1.5.25",
|
|
46
46
|
"@swc/jest": "^0.2.36",
|
|
47
47
|
"@testing-library/react": "^16.0.0",
|
|
48
48
|
"@types/jest": "^29.5.12",
|
|
49
49
|
"@types/lodash.merge": "^4.6.9",
|
|
50
50
|
"@types/lodash.range": "^3.2.9",
|
|
51
|
-
"@types/node": "^20.
|
|
51
|
+
"@types/node": "^20.14.2",
|
|
52
52
|
"@types/react": "^18.3.3",
|
|
53
53
|
"@types/react-dom": "^18.3.0",
|
|
54
54
|
"@types/react-test-renderer": "^17.0.9",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"babel-loader": "^9.1.3",
|
|
60
60
|
"babel-plugin-polyfill-corejs2": "^0.4.11",
|
|
61
61
|
"babel-plugin-polyfill-regenerator": "^0.6.2",
|
|
62
|
-
"chromatic": "^11.
|
|
62
|
+
"chromatic": "^11.5.3",
|
|
63
63
|
"ecma-version-validator-webpack-plugin": "^1.2.1",
|
|
64
64
|
"fs-extra": "^11.2.0",
|
|
65
65
|
"glob": "10.4.1",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"react-test-renderer": "^18.3.1",
|
|
82
82
|
"rimraf": "^5.0.7",
|
|
83
83
|
"standard-version": "^9.3.2",
|
|
84
|
-
"storybook": "^8.1.
|
|
84
|
+
"storybook": "^8.1.6",
|
|
85
85
|
"storybook-addon-pseudo-states": "^3.1.1",
|
|
86
86
|
"styled-components": "^5.3.11",
|
|
87
87
|
"testcafe": "3.6.0",
|
package/smarthr-ui.css
CHANGED
|
@@ -2700,6 +2700,10 @@ a {
|
|
|
2700
2700
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
2701
2701
|
}
|
|
2702
2702
|
|
|
2703
|
+
.shr-will-change-\[filter\] {
|
|
2704
|
+
will-change: filter
|
|
2705
|
+
}
|
|
2706
|
+
|
|
2703
2707
|
.shr-forced-color-adjust-none {
|
|
2704
2708
|
forced-color-adjust: none
|
|
2705
2709
|
}
|
|
@@ -3582,12 +3586,6 @@ a {
|
|
|
3582
3586
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
3583
3587
|
}
|
|
3584
3588
|
|
|
3585
|
-
.hover\:shr-shadow-underline:hover {
|
|
3586
|
-
--tw-shadow: 0 1px 0 0;
|
|
3587
|
-
--tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
|
|
3588
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
3589
|
-
}
|
|
3590
|
-
|
|
3591
3589
|
.focus-visible\:shr-relative:focus-visible {
|
|
3592
3590
|
position: relative
|
|
3593
3591
|
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Cluster } from '../Layout';
|
|
3
|
-
import { TextLink } from '../TextLink';
|
|
4
|
-
export const Footer = (props) => (React.createElement(Cluster, { ...props, as: "footer", align: "center", justify: "space-between", className: "smarthr-ui-ErrorScreen-footer shr-bg-brand shr-p-1.25 shr-text-base shr-text-white" },
|
|
5
|
-
React.createElement(Cluster, { as: "ul", align: "center", className: "shr-list-none" },
|
|
6
|
-
React.createElement(Item, { href: "https://support.smarthr.jp/" }, "\u30D8\u30EB\u30D7"),
|
|
7
|
-
React.createElement(Item, { href: "https://smarthr.jp/update/" }, "\u304A\u77E5\u3089\u305B"),
|
|
8
|
-
React.createElement(Item, { href: "https://smarthr.jp/terms/" }, "\u5229\u7528\u898F\u7D04"),
|
|
9
|
-
React.createElement(Item, { href: "https://smarthr.co.jp/privacy/" }, "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC"),
|
|
10
|
-
React.createElement(Item, { href: "https://smarthr.co.jp" }, "\u904B\u55B6\u4F1A\u793E"),
|
|
11
|
-
React.createElement(Item, { href: "https://developer.smarthr.jp" }, "\u958B\u767A\u8005\u5411\u3051API ")),
|
|
12
|
-
React.createElement("small", { className: "shr-ms-auto shr-text-base" }, "\u00A9 SmartHR, Inc.")));
|
|
13
|
-
const Item = ({ children, href }) => (React.createElement("li", null,
|
|
14
|
-
React.createElement(TextLink, { target: "_blank", rel: "noopener noreferrer", href: href, className: "shr-text-white hover:shr-shadow-underline [&]:shr-shadow-none", suffix: null }, children)));
|
|
15
|
-
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAItC,MAAM,CAAC,MAAM,MAAM,GAA2C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,oBAAC,OAAO,OACF,KAAK,EACT,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,oFAAoF;IAE9F,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe;QACvD,oBAAC,IAAI,IAAC,IAAI,EAAC,6BAA6B,yBAAW;QACnD,oBAAC,IAAI,IAAC,IAAI,EAAC,4BAA4B,+BAAY;QACnD,oBAAC,IAAI,IAAC,IAAI,EAAC,2BAA2B,+BAAY;QAClD,oBAAC,IAAI,IAAC,IAAI,EAAC,gCAAgC,mEAAkB;QAC7D,oBAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,+BAAY;QAC9C,oBAAC,IAAI,IAAC,IAAI,EAAC,8BAA8B,yCAAiB,CAClD;IACV,+BAAO,SAAS,EAAC,2BAA2B,2BAA6B,CACjE,CACX,CAAA;AAED,MAAM,IAAI,GAAwC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxE;IACE,oBAAC,QAAQ,IACP,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,+DAA+D,EACzE,MAAM,EAAE,IAAI,IAEX,QAAQ,CACA,CACR,CACN,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Footer = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Layout_1 = require("../Layout");
|
|
9
|
-
const TextLink_1 = require("../TextLink");
|
|
10
|
-
const Footer = (props) => (react_1.default.createElement(Layout_1.Cluster, { ...props, as: "footer", align: "center", justify: "space-between", className: "smarthr-ui-ErrorScreen-footer shr-bg-brand shr-p-1.25 shr-text-base shr-text-white" },
|
|
11
|
-
react_1.default.createElement(Layout_1.Cluster, { as: "ul", align: "center", className: "shr-list-none" },
|
|
12
|
-
react_1.default.createElement(Item, { href: "https://support.smarthr.jp/" }, "\u30D8\u30EB\u30D7"),
|
|
13
|
-
react_1.default.createElement(Item, { href: "https://smarthr.jp/update/" }, "\u304A\u77E5\u3089\u305B"),
|
|
14
|
-
react_1.default.createElement(Item, { href: "https://smarthr.jp/terms/" }, "\u5229\u7528\u898F\u7D04"),
|
|
15
|
-
react_1.default.createElement(Item, { href: "https://smarthr.co.jp/privacy/" }, "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC"),
|
|
16
|
-
react_1.default.createElement(Item, { href: "https://smarthr.co.jp" }, "\u904B\u55B6\u4F1A\u793E"),
|
|
17
|
-
react_1.default.createElement(Item, { href: "https://developer.smarthr.jp" }, "\u958B\u767A\u8005\u5411\u3051API ")),
|
|
18
|
-
react_1.default.createElement("small", { className: "shr-ms-auto shr-text-base" }, "\u00A9 SmartHR, Inc.")));
|
|
19
|
-
exports.Footer = Footer;
|
|
20
|
-
const Item = ({ children, href }) => (react_1.default.createElement("li", null,
|
|
21
|
-
react_1.default.createElement(TextLink_1.TextLink, { target: "_blank", rel: "noopener noreferrer", href: href, className: "shr-text-white hover:shr-shadow-underline [&]:shr-shadow-none", suffix: null }, children)));
|
|
22
|
-
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/Footer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,sCAAmC;AACnC,0CAAsC;AAI/B,MAAM,MAAM,GAA2C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,8BAAC,gBAAO,OACF,KAAK,EACT,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,oFAAoF;IAE9F,8BAAC,gBAAO,IAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe;QACvD,8BAAC,IAAI,IAAC,IAAI,EAAC,6BAA6B,yBAAW;QACnD,8BAAC,IAAI,IAAC,IAAI,EAAC,4BAA4B,+BAAY;QACnD,8BAAC,IAAI,IAAC,IAAI,EAAC,2BAA2B,+BAAY;QAClD,8BAAC,IAAI,IAAC,IAAI,EAAC,gCAAgC,mEAAkB;QAC7D,8BAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,+BAAY;QAC9C,8BAAC,IAAI,IAAC,IAAI,EAAC,8BAA8B,yCAAiB,CAClD;IACV,yCAAO,SAAS,EAAC,2BAA2B,2BAA6B,CACjE,CACX,CAAA;AAlBY,QAAA,MAAM,UAkBlB;AAED,MAAM,IAAI,GAAwC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxE;IACE,8BAAC,mBAAQ,IACP,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,+DAA+D,EACzE,MAAM,EAAE,IAAI,IAEX,QAAQ,CACA,CACR,CACN,CAAA"}
|