smarthr-ui 34.2.0 → 34.3.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/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js +2 -2
- package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map +1 -1
- package/esm/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js +8 -2
- package/esm/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js.map +1 -1
- package/esm/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js +8 -2
- package/esm/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js.map +1 -1
- package/esm/components/Dialog/useRemoteTrigger.d.ts +4 -1
- package/esm/components/Dialog/useRemoteTrigger.js +15 -1
- package/esm/components/Dialog/useRemoteTrigger.js.map +1 -1
- package/esm/components/ResponseMessage/ResponseMessage.d.ts +1 -1
- package/esm/components/ResponseMessage/ResponseMessage.js.map +1 -1
- package/esm/components/SpreadsheetTable/SpreadsheetTable.d.ts +3 -2
- package/esm/components/SpreadsheetTable/SpreadsheetTable.js +2 -2
- package/esm/components/SpreadsheetTable/SpreadsheetTable.js.map +1 -1
- package/esm/components/TabBar/TabItem.js +5 -3
- package/esm/components/TabBar/TabItem.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +14 -10
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Tooltip/TooltipPortal.d.ts +1 -0
- package/esm/components/Tooltip/TooltipPortal.js +8 -2
- package/esm/components/Tooltip/TooltipPortal.js.map +1 -1
- package/esm/components/Tooltip/tooltipHelper.d.ts +5 -1
- package/esm/components/Tooltip/tooltipHelper.js +3 -3
- package/esm/components/Tooltip/tooltipHelper.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js +2 -2
- package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map +1 -1
- package/lib/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js +8 -2
- package/lib/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js.map +1 -1
- package/lib/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js +8 -2
- package/lib/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js.map +1 -1
- package/lib/components/Dialog/useRemoteTrigger.d.ts +4 -1
- package/lib/components/Dialog/useRemoteTrigger.js +15 -1
- package/lib/components/Dialog/useRemoteTrigger.js.map +1 -1
- package/lib/components/ResponseMessage/ResponseMessage.d.ts +1 -1
- package/lib/components/ResponseMessage/ResponseMessage.js.map +1 -1
- package/lib/components/SpreadsheetTable/SpreadsheetTable.d.ts +3 -2
- package/lib/components/SpreadsheetTable/SpreadsheetTable.js +2 -2
- package/lib/components/SpreadsheetTable/SpreadsheetTable.js.map +1 -1
- package/lib/components/TabBar/TabItem.js +5 -3
- package/lib/components/TabBar/TabItem.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.js +13 -9
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/Tooltip/TooltipPortal.d.ts +1 -0
- package/lib/components/Tooltip/TooltipPortal.js +8 -2
- package/lib/components/Tooltip/TooltipPortal.js.map +1 -1
- package/lib/components/Tooltip/tooltipHelper.d.ts +5 -1
- package/lib/components/Tooltip/tooltipHelper.js +3 -3
- package/lib/components/Tooltip/tooltipHelper.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/package.json +27 -27
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ActionDialog } from '../ActionDialog';
|
|
3
3
|
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
|
-
export const RemoteTriggerActionDialog = ({ id, onClickClose, ...props }) => {
|
|
5
|
-
const { isOpen, onClickClose: actualOnClickClose, onPressEscape, } = useRemoteTrigger({ id, onClickClose });
|
|
4
|
+
export const RemoteTriggerActionDialog = ({ id, onClickClose, onToggle, onOpen, onClose, ...props }) => {
|
|
5
|
+
const { isOpen, onClickClose: actualOnClickClose, onPressEscape, } = useRemoteTrigger({ id, onClickClose, onToggle, onOpen, onClose });
|
|
6
6
|
return (React.createElement(ActionDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose, onPressEscape: onPressEscape }));
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=RemoteTriggerActionDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteTriggerActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,yBAAyB,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"RemoteTriggerActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,yBAAyB,GAAoB,CAAC,EACzD,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EACJ,MAAM,EACN,YAAY,EAAE,kBAAkB,EAChC,aAAa,GACd,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,YAAY,OACP,KAAK,EACT,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAE,aAAa,GAC5B,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormDialog } from '../FormDialog';
|
|
3
3
|
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
|
-
export const RemoteTriggerFormDialog = ({ id, onClickClose, ...props }) => {
|
|
5
|
-
const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({
|
|
4
|
+
export const RemoteTriggerFormDialog = ({ id, onClickClose, onToggle, onOpen, onClose, ...props }) => {
|
|
5
|
+
const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({
|
|
6
|
+
id,
|
|
7
|
+
onClickClose,
|
|
8
|
+
onToggle,
|
|
9
|
+
onOpen,
|
|
10
|
+
onClose,
|
|
11
|
+
});
|
|
6
12
|
return React.createElement(FormDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
|
|
7
13
|
};
|
|
8
14
|
//# sourceMappingURL=RemoteTriggerFormDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteTriggerFormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,uBAAuB,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"RemoteTriggerFormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,uBAAuB,GAAoB,CAAC,EACvD,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC;QACpE,EAAE;QACF,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,OAAO;KACR,CAAC,CAAA;IAEF,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC5F,CAAC,CAAA"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { MessageDialog } from '../MessageDialog';
|
|
3
3
|
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
|
-
export const RemoteTriggerMessageDialog = ({ id, onClickClose, ...props }) => {
|
|
5
|
-
const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({
|
|
4
|
+
export const RemoteTriggerMessageDialog = ({ id, onClickClose, onToggle, onOpen, onClose, ...props }) => {
|
|
5
|
+
const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({
|
|
6
|
+
id,
|
|
7
|
+
onClickClose,
|
|
8
|
+
onToggle,
|
|
9
|
+
onOpen,
|
|
10
|
+
onClose,
|
|
11
|
+
});
|
|
6
12
|
return React.createElement(MessageDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
|
|
7
13
|
};
|
|
8
14
|
//# sourceMappingURL=RemoteTriggerMessageDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteTriggerMessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,0BAA0B,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"RemoteTriggerMessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,0BAA0B,GAAoB,CAAC,EAC1D,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC;QACpE,EAAE;QACF,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,OAAO;KACR,CAAC,CAAA;IAEF,OAAO,oBAAC,aAAa,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC/F,CAAC,CAAA"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
export declare const TRIGGER_EVENT = "smarthr-ui:remote-dialog-trigger-dispatch";
|
|
2
|
-
export declare function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, id, }: {
|
|
2
|
+
export declare function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, onToggle, onOpen, onClose, id, }: {
|
|
3
3
|
id: string;
|
|
4
4
|
onClickClose?: (close: () => void) => void;
|
|
5
5
|
onPressEscape?: (close: () => void) => void;
|
|
6
|
+
onToggle?: (isOpen: boolean) => void;
|
|
7
|
+
onOpen?: () => void;
|
|
8
|
+
onClose?: () => void;
|
|
6
9
|
}): {
|
|
7
10
|
isOpen: boolean;
|
|
8
11
|
onClickClose: () => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCallback, useEffect, useState } from 'react';
|
|
2
2
|
export const TRIGGER_EVENT = 'smarthr-ui:remote-dialog-trigger-dispatch';
|
|
3
|
-
export function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, id, }) {
|
|
3
|
+
export function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, onToggle, onOpen, onClose, id, }) {
|
|
4
4
|
const [isOpen, setIsOpen] = useState(false);
|
|
5
5
|
const onClickClose = useCallback(() => {
|
|
6
6
|
if (orgOnClickClose) {
|
|
@@ -29,6 +29,20 @@ export function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape:
|
|
|
29
29
|
document.removeEventListener(TRIGGER_EVENT, handler);
|
|
30
30
|
};
|
|
31
31
|
}, [id]);
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (onToggle) {
|
|
34
|
+
onToggle(isOpen);
|
|
35
|
+
}
|
|
36
|
+
if (onOpen && isOpen) {
|
|
37
|
+
onOpen();
|
|
38
|
+
}
|
|
39
|
+
if (onClose && !isOpen) {
|
|
40
|
+
onClose();
|
|
41
|
+
}
|
|
42
|
+
// HINT: 再レンダリング際にhookを利用していないonToggleなどが渡されると意図せず発火してしまう場合がありえるため
|
|
43
|
+
// onToggle, onOpen, onClose を depsに含めていません
|
|
44
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
45
|
+
}, [isOpen]);
|
|
32
46
|
return {
|
|
33
47
|
isOpen,
|
|
34
48
|
onClickClose,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRemoteTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/useRemoteTrigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,MAAM,CAAC,MAAM,aAAa,GAAG,2CAA2C,CAAA;AAExE,MAAM,UAAU,gBAAgB,CAAC,EAC/B,YAAY,EAAE,eAAe,EAC7B,aAAa,EAAE,gBAAgB,EAC/B,EAAE,
|
|
1
|
+
{"version":3,"file":"useRemoteTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/useRemoteTrigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,MAAM,CAAC,MAAM,aAAa,GAAG,2CAA2C,CAAA;AAExE,MAAM,UAAU,gBAAgB,CAAC,EAC/B,YAAY,EAAE,eAAe,EAC7B,aAAa,EAAE,gBAAgB,EAC/B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,EAAE,GAQH;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,eAAe,EAAE;YACnB,OAAO,eAAe,CAAC,GAAG,EAAE;gBAC1B,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,CAAC,CAAA;SACH;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,gBAAgB,EAAE;YACpB,OAAO,gBAAgB,CAAC,GAAG,EAAE;gBAC3B,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,CAAC,CAAA;SACH;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,CAAC,CAAqC,EAAE,EAAE;YACzD,IAAI,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,CAAA;aAChB;QACH,CAAC,CAAsD,CAAA;QAEvD,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;QAEjD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,MAAM,CAAC,CAAA;SACjB;QACD,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,MAAM,EAAE,CAAA;SACT;QACD,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE;YACtB,OAAO,EAAE,CAAA;SACV;QACD,kEAAkE;QAClE,2CAA2C;QAC3C,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO;QACL,MAAM;QACN,YAAY;QACZ,aAAa;KACd,CAAA;AACH,CAAC"}
|
|
@@ -3,5 +3,5 @@ import { FaCheckCircleIcon } from '../Icon';
|
|
|
3
3
|
type Props = PropsWithChildren<{
|
|
4
4
|
type: 'info' | 'success' | 'warning' | 'error' | 'sync';
|
|
5
5
|
}>;
|
|
6
|
-
export declare const ResponseMessage: React.FC<Props & ComponentProps<typeof FaCheckCircleIcon>>;
|
|
6
|
+
export declare const ResponseMessage: React.FC<Props & Omit<ComponentProps<typeof FaCheckCircleIcon>, 'text'>>;
|
|
7
7
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponseMessage.js","sourceRoot":"","sources":["../../../src/components/ResponseMessage/ResponseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,OAAO,EAAE,MAAM,OAAO,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,aAAa,EACb,WAAW,GACZ,MAAM,SAAS,CAAA;AAMhB,MAAM,CAAC,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"ResponseMessage.js","sourceRoot":"","sources":["../../../src/components/ResponseMessage/ResponseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,OAAO,EAAE,MAAM,OAAO,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,aAAa,EACb,WAAW,GACZ,MAAM,SAAS,CAAA;AAMhB,MAAM,CAAC,MAAM,eAAe,GAExB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvB,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,QAAQ,IAAI,EAAE;YACZ,KAAK,MAAM;gBACT,OAAO;oBACL,IAAI,EAAE,gBAAgB;oBACtB,SAAS,EAAE,KAAK,CAAC,SAAS;iBAC3B,CAAA;YACH,KAAK,SAAS;gBACZ,OAAO;oBACL,IAAI,EAAE,iBAAiB;oBACvB,SAAS,EAAE,KAAK,CAAC,IAAI;iBACtB,CAAA;YACH,KAAK,SAAS;gBACZ,OAAO;oBACL,IAAI,EAAE,WAAW;iBAClB,CAAA;YACH,KAAK,OAAO;gBACV,OAAO;oBACL,IAAI,EAAE,uBAAuB;oBAC7B,SAAS,EAAE,KAAK,CAAC,MAAM;iBACxB,CAAA;YACH,KAAK,MAAM;gBACT,OAAO;oBACL,IAAI,EAAE,aAAa;oBACnB,SAAS,EAAE,KAAK,CAAC,IAAI;iBACtB,CAAA;SACJ;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CAAA;AAC9D,CAAC,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React, { PropsWithChildren, ReactNode } from 'react';
|
|
1
|
+
import React, { PropsWithChildren, ReactNode, TableHTMLAttributes } from 'react';
|
|
2
2
|
type Props = PropsWithChildren<{
|
|
3
3
|
data?: ReactNode[][];
|
|
4
4
|
}>;
|
|
5
|
-
|
|
5
|
+
type ElementProps = Omit<TableHTMLAttributes<HTMLTableElement>, keyof Props>;
|
|
6
|
+
export declare const SpreadsheetTable: React.FC<Props & ElementProps>;
|
|
6
7
|
export {};
|
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { SpreadsheetTableCorner } from './SpreadsheetTableCorner';
|
|
5
|
-
export const SpreadsheetTable = ({ data, children }) => {
|
|
5
|
+
export const SpreadsheetTable = ({ data, className = '', children, ...props }) => {
|
|
6
6
|
const theme = useTheme();
|
|
7
|
-
return (React.createElement(Wrapper, { themes: theme },
|
|
7
|
+
return (React.createElement(Wrapper, { ...props, themes: theme, className: `smarthr-ui-SpreadsheetTable ${className}` },
|
|
8
8
|
data && (React.createElement(React.Fragment, null,
|
|
9
9
|
React.createElement("thead", null,
|
|
10
10
|
React.createElement("tr", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpreadsheetTable.js","sourceRoot":"","sources":["../../../src/components/SpreadsheetTable/SpreadsheetTable.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SpreadsheetTable.js","sourceRoot":"","sources":["../../../src/components/SpreadsheetTable/SpreadsheetTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAOjE,MAAM,CAAC,MAAM,gBAAgB,GAAmC,CAAC,EAC/D,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,+BAA+B,SAAS,EAAE;QACrF,IAAI,IAAI,CACP;YACE;gBACE;oBACE,oBAAC,sBAAsB,OAAG;oBACzB,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,4BAAI,GAAG,EAAE,WAAW,CAAC,EAAE,IAEpB,MAAM,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC,CACzB,CACN,CAAC,CACC,CACC;YACR,mCACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,4BAAI,GAAG,EAAE,WAAW,CAAC,EAAE;gBACrB,gCAAK,CAAC,GAAG,CAAC,CAAM;gBACf,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,4BAAI,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,IAAG,IAAI,CAAM,CAC3C,CAAC,CACC,CACN,CAAC,CACI,CACP,CACJ;QACA,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;cAEtD,MAAM,CAAC,SAAS;wBACN,KAAK,CAAC,IAAI;;;;iBAIjB,KAAK,CAAC,IAAI,CAAC;mBACT,QAAQ,CAAC,CAAC;;;;;eAKd,KAAK,CAAC,SAAS;;;;uCAIS,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;;;;sCAI7B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;0BACxC,OAAO,CAAC,MAAM;;;;gBAIxB,MAAM,CAAC,SAAS;0BACN,KAAK,CAAC,KAAK;;GAElC;CACF,CAAA"}
|
|
@@ -16,6 +16,8 @@ const resetButtonStyle = css `
|
|
|
16
16
|
padding: 0;
|
|
17
17
|
appearance: none;
|
|
18
18
|
`;
|
|
19
|
+
const borderWidth = 3;
|
|
20
|
+
const ItemHeight = 40;
|
|
19
21
|
const ItemButton = styled.button `
|
|
20
22
|
${resetButtonStyle}
|
|
21
23
|
${({ themes }) => {
|
|
@@ -24,8 +26,7 @@ const ItemButton = styled.button `
|
|
|
24
26
|
font-weight: bold;
|
|
25
27
|
font-size: ${fontSize.M};
|
|
26
28
|
color: ${color.TEXT_GREY};
|
|
27
|
-
height:
|
|
28
|
-
border-bottom: solid 3px transparent;
|
|
29
|
+
height: ${ItemHeight + borderWidth}px;
|
|
29
30
|
padding: 0 ${spacingByChar(1.5)};
|
|
30
31
|
box-sizing: border-box;
|
|
31
32
|
transition: ${isTouchDevice
|
|
@@ -35,7 +36,8 @@ const ItemButton = styled.button `
|
|
|
35
36
|
&.selected {
|
|
36
37
|
position: relative;
|
|
37
38
|
color: ${color.TEXT_BLACK};
|
|
38
|
-
|
|
39
|
+
height: ${ItemHeight}px;
|
|
40
|
+
border-bottom: solid ${borderWidth}px ${color.MAIN};
|
|
39
41
|
}
|
|
40
42
|
|
|
41
43
|
:hover {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/components/TabBar/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AACnE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAqB/C,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,EAAE,EACF,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,OAAO,CAAA;IAC1C,MAAM,YAAY,GAAG,GAAG,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,OAAO,EAAE,CAAA;IAEvF,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;CAM3B,CAAA;
|
|
1
|
+
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/components/TabBar/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AACnE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAqB/C,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,EAAE,EACF,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,OAAO,CAAA;IAC1C,MAAM,YAAY,GAAG,GAAG,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,OAAO,EAAE,CAAA;IAEvF,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;CAM3B,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,CAAA;AACrB,MAAM,UAAU,GAAG,EAAE,CAAA;AAErB,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC/C,gBAAgB;IAChB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAA;IAC9D,OAAO,GAAG,CAAA;;mBAEK,QAAQ,CAAC,CAAC;eACd,KAAK,CAAC,SAAS;gBACd,UAAU,GAAG,WAAW;mBACrB,aAAa,CAAC,GAAG,CAAC;;oBAEjB,aAAa;QACzB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,oBAAoB,WAAW,CAAC,KAAK,CAAC,SAAS,WAAW,WAAW,CAAC,KAAK,CAAC,SAAS,EAAE;;;;iBAIhF,KAAK,CAAC,UAAU;kBACf,UAAU;+BACG,WAAW,MAAM,KAAK,CAAC,IAAI;;;;4BAI9B,KAAK,CAAC,MAAM;iBACvB,KAAK,CAAC,UAAU;;;;;iBAKhB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;;;KAG/C,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useRef, useState } from 'react';
|
|
1
|
+
import React, { useRef, useState, useSyncExternalStore, } from 'react';
|
|
2
2
|
import { createPortal } from 'react-dom';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { useEnhancedEffect } from '../../hooks/useEnhancedEffect';
|
|
@@ -6,12 +6,24 @@ import { useId } from '../../hooks/useId';
|
|
|
6
6
|
import { useTheme } from '../../hooks/useTheme';
|
|
7
7
|
import { TooltipPortal } from './TooltipPortal';
|
|
8
8
|
import { useClassNames } from './useClassNames';
|
|
9
|
+
const subscribeFullscreenChange = (callback) => {
|
|
10
|
+
window.addEventListener('fullscreenchange', callback);
|
|
11
|
+
return () => {
|
|
12
|
+
window.removeEventListener('fullscreenchange', callback);
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
const getFullscreenElement = () => document.fullscreenElement;
|
|
16
|
+
const getFullscreenElementOnSSR = () => null;
|
|
9
17
|
export const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = false, horizontal = 'left', vertical = 'bottom', tabIndex = 0, ariaDescribedbyTarget = 'wrapper', className = '', onPointerEnter, onPointerLeave, onTouchStart, onTouchEnd, onFocus, onBlur, ...props }) => {
|
|
10
18
|
const [portalRoot, setPortalRoot] = useState(null);
|
|
11
19
|
const [isVisible, setIsVisible] = useState(false);
|
|
12
20
|
const [rect, setRect] = useState(null);
|
|
13
21
|
const ref = useRef(null);
|
|
14
22
|
const tooltipId = useId();
|
|
23
|
+
const fullscreenElement = useSyncExternalStore(subscribeFullscreenChange, getFullscreenElement, getFullscreenElementOnSSR);
|
|
24
|
+
useEnhancedEffect(() => {
|
|
25
|
+
setPortalRoot(fullscreenElement ?? document.body);
|
|
26
|
+
}, [fullscreenElement]);
|
|
15
27
|
const getHandlerToShow = (handler) => {
|
|
16
28
|
return (e) => {
|
|
17
29
|
handler && handler(e);
|
|
@@ -39,14 +51,6 @@ export const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnl
|
|
|
39
51
|
};
|
|
40
52
|
};
|
|
41
53
|
const isIcon = triggerType === 'icon';
|
|
42
|
-
useEnhancedEffect(() => {
|
|
43
|
-
const element = document.createElement('div');
|
|
44
|
-
setPortalRoot(element);
|
|
45
|
-
document.body.appendChild(element);
|
|
46
|
-
return () => {
|
|
47
|
-
document.body.removeChild(element);
|
|
48
|
-
};
|
|
49
|
-
}, []);
|
|
50
54
|
const theme = useTheme();
|
|
51
55
|
const classNames = useClassNames();
|
|
52
56
|
const childrenWithProps = ariaDescribedbyTarget === 'inner'
|
|
@@ -54,7 +58,7 @@ export const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnl
|
|
|
54
58
|
: children;
|
|
55
59
|
return (React.createElement(Wrapper, { ...props, "aria-describedby": ariaDescribedbyTarget === 'wrapper' ? tooltipId : undefined, ref: ref, onPointerEnter: getHandlerToShow(onPointerEnter), onTouchStart: getHandlerToShow(onTouchStart), onFocus: getHandlerToShow(onFocus), onPointerLeave: getHandlerToHide(onPointerLeave), onTouchEnd: getHandlerToHide(onTouchEnd), onBlur: getHandlerToHide(onBlur), isIcon: isIcon, tabIndex: tabIndex, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
56
60
|
portalRoot &&
|
|
57
|
-
createPortal(React.createElement(TooltipPortal, { message: message, id: tooltipId, isVisible: isVisible, parentRect: rect, isIcon: isIcon, isMultiLine: multiLine, horizontal: horizontal, vertical: vertical }), portalRoot),
|
|
61
|
+
createPortal(React.createElement(TooltipPortal, { message: message, id: tooltipId, isVisible: isVisible, parentRect: rect, isIcon: isIcon, isMultiLine: multiLine, horizontal: horizontal, vertical: vertical, fullscreenElement: fullscreenElement }), portalRoot),
|
|
58
62
|
childrenWithProps));
|
|
59
63
|
};
|
|
60
64
|
const Wrapper = styled.span `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { useTheme } from '../../hooks/useTheme';
|
|
|
4
4
|
import { Balloon } from '../Balloon';
|
|
5
5
|
import { getTooltipRect } from './tooltipHelper';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
|
-
export const TooltipPortal = ({ message, id, isVisible, parentRect, isIcon = false, isMultiLine = false, horizontal, vertical, }) => {
|
|
7
|
+
export const TooltipPortal = ({ message, id, isVisible, parentRect, isIcon = false, isMultiLine = false, horizontal, vertical, fullscreenElement, }) => {
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
const portalRef = useRef(null);
|
|
10
10
|
const [rect, setRect] = useState({
|
|
@@ -60,9 +60,15 @@ export const TooltipPortal = ({ message, id, isVisible, parentRect, isIcon = fal
|
|
|
60
60
|
if (!isVisible || !portalRef.current || !actualHorizontal || !actualVertical || !parentRect) {
|
|
61
61
|
return;
|
|
62
62
|
}
|
|
63
|
+
const scrollOffsetTop = fullscreenElement ? fullscreenElement.scrollTop : window.scrollY;
|
|
64
|
+
const scrollOffsetLeft = fullscreenElement ? fullscreenElement.scrollLeft : window.scrollX;
|
|
63
65
|
const { offsetWidth, offsetHeight } = portalRef.current;
|
|
64
66
|
setRect(getTooltipRect({
|
|
65
67
|
parentRect,
|
|
68
|
+
scrollOffset: {
|
|
69
|
+
top: scrollOffsetTop,
|
|
70
|
+
left: scrollOffsetLeft,
|
|
71
|
+
},
|
|
66
72
|
tooltipSize: {
|
|
67
73
|
width: offsetWidth,
|
|
68
74
|
height: offsetHeight,
|
|
@@ -72,7 +78,7 @@ export const TooltipPortal = ({ message, id, isVisible, parentRect, isIcon = fal
|
|
|
72
78
|
isIcon,
|
|
73
79
|
outerMargin,
|
|
74
80
|
}));
|
|
75
|
-
}, [actualHorizontal, actualVertical, isIcon, isVisible, parentRect]);
|
|
81
|
+
}, [actualHorizontal, actualVertical, fullscreenElement, isIcon, isVisible, parentRect]);
|
|
76
82
|
const classNames = useClassNames();
|
|
77
83
|
return (React.createElement(Container, { ...rect, id: id, ref: portalRef, themes: theme, role: "tooltip", className: classNames.popup, "aria-hidden": !isVisible, maxWidth: isMultiLine ? parentRect?.width : undefined },
|
|
78
84
|
React.createElement(StyledBalloon, { horizontal: actualHorizontal || 'left', vertical: actualVertical || 'bottom', isMultiLine: isMultiLine },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipPortal.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"TooltipPortal.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipPortal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
export declare function getTooltipRect({ parentRect, tooltipSize, vertical, horizontal, isIcon, outerMargin, }: {
|
|
1
|
+
export declare function getTooltipRect({ parentRect, scrollOffset, tooltipSize, vertical, horizontal, isIcon, outerMargin, }: {
|
|
2
2
|
parentRect: DOMRect;
|
|
3
|
+
scrollOffset: {
|
|
4
|
+
top: number;
|
|
5
|
+
left: number;
|
|
6
|
+
};
|
|
3
7
|
tooltipSize: {
|
|
4
8
|
width: number;
|
|
5
9
|
height: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export function getTooltipRect({ parentRect, tooltipSize, vertical, horizontal, isIcon = false, outerMargin, }) {
|
|
1
|
+
export function getTooltipRect({ parentRect, scrollOffset, tooltipSize, vertical, horizontal, isIcon = false, outerMargin, }) {
|
|
2
2
|
const top = getTop({
|
|
3
3
|
parentRect,
|
|
4
4
|
tooltipHeight: tooltipSize.height,
|
|
@@ -14,8 +14,8 @@ export function getTooltipRect({ parentRect, tooltipSize, vertical, horizontal,
|
|
|
14
14
|
outerMargin,
|
|
15
15
|
});
|
|
16
16
|
return {
|
|
17
|
-
top: top +
|
|
18
|
-
left: left +
|
|
17
|
+
top: top + scrollOffset.top,
|
|
18
|
+
left: left + scrollOffset.left,
|
|
19
19
|
$width: tooltipSize.width,
|
|
20
20
|
$height: tooltipSize.height,
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipHelper.js","sourceRoot":"","sources":["../../../src/components/Tooltip/tooltipHelper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,EAC7B,UAAU,EACV,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,KAAK,EACd,WAAW,
|
|
1
|
+
{"version":3,"file":"tooltipHelper.js","sourceRoot":"","sources":["../../../src/components/Tooltip/tooltipHelper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,EAC7B,UAAU,EACV,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,KAAK,EACd,WAAW,GASZ;IACC,MAAM,GAAG,GAAG,MAAM,CAAC;QACjB,UAAU;QACV,aAAa,EAAE,WAAW,CAAC,MAAM;QACjC,QAAQ;QACR,WAAW;KACZ,CAAC,CAAA;IACF,MAAM,IAAI,GAAG,OAAO,CAAC;QACnB,UAAU;QACV,YAAY,EAAE,WAAW,CAAC,KAAK;QAC/B,UAAU;QACV,QAAQ;QACR,MAAM;QACN,WAAW;KACZ,CAAC,CAAA;IAEF,OAAO;QACL,GAAG,EAAE,GAAG,GAAG,YAAY,CAAC,GAAG;QAC3B,IAAI,EAAE,IAAI,GAAG,YAAY,CAAC,IAAI;QAC9B,MAAM,EAAE,WAAW,CAAC,KAAK;QACzB,OAAO,EAAE,WAAW,CAAC,MAAM;KAC5B,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,EACd,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,GAMZ;IACC,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,WAAW,CAAA;QACzD,KAAK,QAAQ;YACX,OAAO,UAAU,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;QACjE,KAAK,QAAQ;YACX,OAAO,UAAU,CAAC,GAAG,GAAG,aAAa,GAAG,WAAW,CAAA;KACtD;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EACf,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,GAQZ;IACC,QAAQ,QAAQ,EAAE;QAChB,KAAK,QAAQ;YACX,QAAQ,UAAU,EAAE;gBAClB,KAAK,OAAO;oBACV,OAAO,UAAU,CAAC,IAAI,GAAG,YAAY,GAAG,WAAW,CAAA;gBACrD;oBACE,OAAO,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,WAAW,CAAA;aAC1D;QACH,KAAK,KAAK,CAAC;QACX,KAAK,QAAQ,CAAC,CAAC;YACb,MAAM,aAAa,GAAG,EAAE,CAAA,CAAC,kDAAkD;YAC3E,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAC,4CAA4C;YAC9G,QAAQ,UAAU,EAAE;gBAClB,KAAK,OAAO;oBACV,OAAO,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,YAAY,GAAG,OAAO,CAAA;gBACpE,KAAK,QAAQ;oBACX,OAAO,UAAU,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;gBAChE,KAAK,MAAM;oBACT,OAAO,UAAU,CAAC,IAAI,GAAG,OAAO,CAAA;aACnC;SACF;KACF;AACH,CAAC"}
|
package/esm/index.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export { SmartHRLogo } from './components/SmartHRLogo';
|
|
|
21
21
|
export { Table, TableReel, Head, Row, Cell, Body, Th, Td, ThCheckbox, TdCheckbox, BulkActionRow, EmptyTableBody, } from './components/Table';
|
|
22
22
|
export { AppNavi, AppNaviAnchorProps, AppNaviButtonProps, AppNaviDropdownProps, AppNaviCustomTagProps, } from './components/AppNavi';
|
|
23
23
|
export { TabBar, TabItem } from './components/TabBar';
|
|
24
|
-
export { Heading } from './components/Heading';
|
|
24
|
+
export { Heading, PageHeading } from './components/Heading';
|
|
25
25
|
export { HeadlineArea } from './components/HeadlineArea';
|
|
26
26
|
export { Select } from './components/Select';
|
|
27
27
|
export { DropZone } from './components/DropZone';
|
package/esm/index.js
CHANGED
|
@@ -22,7 +22,7 @@ export { SmartHRLogo } from './components/SmartHRLogo';
|
|
|
22
22
|
export { Table, TableReel, Head, Row, Cell, Body, Th, Td, ThCheckbox, TdCheckbox, BulkActionRow, EmptyTableBody, } from './components/Table';
|
|
23
23
|
export { AppNavi, } from './components/AppNavi';
|
|
24
24
|
export { TabBar, TabItem } from './components/TabBar';
|
|
25
|
-
export { Heading } from './components/Heading';
|
|
25
|
+
export { Heading, PageHeading } from './components/Heading';
|
|
26
26
|
export { HeadlineArea } from './components/HeadlineArea';
|
|
27
27
|
export { Select } from './components/Select';
|
|
28
28
|
export { DropZone } from './components/DropZone';
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,QAAQ,EACR,eAAe,EACf,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,UAAU,EACV,iBAAiB,EACjB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EACL,YAAY,EACZ,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,UAAU,EACV,gBAAgB,GACjB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAChE,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EACL,KAAK,EACL,SAAS,EACT,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,EAAE,EACF,UAAU,EACV,UAAU,EACV,aAAa,EACb,cAAc,GACf,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,OAAO,GAKR,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,8 +7,8 @@ exports.RemoteTriggerActionDialog = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const ActionDialog_1 = require("../ActionDialog");
|
|
9
9
|
const useRemoteTrigger_1 = require("../useRemoteTrigger");
|
|
10
|
-
const RemoteTriggerActionDialog = ({ id, onClickClose, ...props }) => {
|
|
11
|
-
const { isOpen, onClickClose: actualOnClickClose, onPressEscape, } = (0, useRemoteTrigger_1.useRemoteTrigger)({ id, onClickClose });
|
|
10
|
+
const RemoteTriggerActionDialog = ({ id, onClickClose, onToggle, onOpen, onClose, ...props }) => {
|
|
11
|
+
const { isOpen, onClickClose: actualOnClickClose, onPressEscape, } = (0, useRemoteTrigger_1.useRemoteTrigger)({ id, onClickClose, onToggle, onOpen, onClose });
|
|
12
12
|
return (react_1.default.createElement(ActionDialog_1.ActionDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose, onPressEscape: onPressEscape }));
|
|
13
13
|
};
|
|
14
14
|
exports.RemoteTriggerActionDialog = RemoteTriggerActionDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteTriggerActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,kDAA8C;AAC9C,0DAAsD;AAK/C,MAAM,yBAAyB,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"RemoteTriggerActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,kDAA8C;AAC9C,0DAAsD;AAK/C,MAAM,yBAAyB,GAAoB,CAAC,EACzD,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EACJ,MAAM,EACN,YAAY,EAAE,kBAAkB,EAChC,aAAa,GACd,GAAG,IAAA,mCAAgB,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;IAErE,OAAO,CACL,8BAAC,2BAAY,OACP,KAAK,EACT,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAE,aAAa,GAC5B,CACH,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,yBAAyB,6BAuBrC"}
|
|
@@ -7,8 +7,14 @@ exports.RemoteTriggerFormDialog = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const FormDialog_1 = require("../FormDialog");
|
|
9
9
|
const useRemoteTrigger_1 = require("../useRemoteTrigger");
|
|
10
|
-
const RemoteTriggerFormDialog = ({ id, onClickClose, ...props }) => {
|
|
11
|
-
const { isOpen, onClickClose: actualOnClickClose } = (0, useRemoteTrigger_1.useRemoteTrigger)({
|
|
10
|
+
const RemoteTriggerFormDialog = ({ id, onClickClose, onToggle, onOpen, onClose, ...props }) => {
|
|
11
|
+
const { isOpen, onClickClose: actualOnClickClose } = (0, useRemoteTrigger_1.useRemoteTrigger)({
|
|
12
|
+
id,
|
|
13
|
+
onClickClose,
|
|
14
|
+
onToggle,
|
|
15
|
+
onOpen,
|
|
16
|
+
onClose,
|
|
17
|
+
});
|
|
12
18
|
return react_1.default.createElement(FormDialog_1.FormDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
|
|
13
19
|
};
|
|
14
20
|
exports.RemoteTriggerFormDialog = RemoteTriggerFormDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteTriggerFormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,8CAA0C;AAC1C,0DAAsD;AAK/C,MAAM,uBAAuB,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"RemoteTriggerFormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,8CAA0C;AAC1C,0DAAsD;AAK/C,MAAM,uBAAuB,GAAoB,CAAC,EACvD,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,IAAA,mCAAgB,EAAC;QACpE,EAAE;QACF,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,OAAO;KACR,CAAC,CAAA;IAEF,OAAO,8BAAC,uBAAU,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC5F,CAAC,CAAA;AAjBY,QAAA,uBAAuB,2BAiBnC"}
|
|
@@ -7,8 +7,14 @@ exports.RemoteTriggerMessageDialog = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const MessageDialog_1 = require("../MessageDialog");
|
|
9
9
|
const useRemoteTrigger_1 = require("../useRemoteTrigger");
|
|
10
|
-
const RemoteTriggerMessageDialog = ({ id, onClickClose, ...props }) => {
|
|
11
|
-
const { isOpen, onClickClose: actualOnClickClose } = (0, useRemoteTrigger_1.useRemoteTrigger)({
|
|
10
|
+
const RemoteTriggerMessageDialog = ({ id, onClickClose, onToggle, onOpen, onClose, ...props }) => {
|
|
11
|
+
const { isOpen, onClickClose: actualOnClickClose } = (0, useRemoteTrigger_1.useRemoteTrigger)({
|
|
12
|
+
id,
|
|
13
|
+
onClickClose,
|
|
14
|
+
onToggle,
|
|
15
|
+
onOpen,
|
|
16
|
+
onClose,
|
|
17
|
+
});
|
|
12
18
|
return react_1.default.createElement(MessageDialog_1.MessageDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
|
|
13
19
|
};
|
|
14
20
|
exports.RemoteTriggerMessageDialog = RemoteTriggerMessageDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteTriggerMessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,oDAAgD;AAChD,0DAAsD;AAK/C,MAAM,0BAA0B,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"RemoteTriggerMessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,oDAAgD;AAChD,0DAAsD;AAK/C,MAAM,0BAA0B,GAAoB,CAAC,EAC1D,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,IAAA,mCAAgB,EAAC;QACpE,EAAE;QACF,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,OAAO;KACR,CAAC,CAAA;IAEF,OAAO,8BAAC,6BAAa,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC/F,CAAC,CAAA;AAjBY,QAAA,0BAA0B,8BAiBtC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
export declare const TRIGGER_EVENT = "smarthr-ui:remote-dialog-trigger-dispatch";
|
|
2
|
-
export declare function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, id, }: {
|
|
2
|
+
export declare function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, onToggle, onOpen, onClose, id, }: {
|
|
3
3
|
id: string;
|
|
4
4
|
onClickClose?: (close: () => void) => void;
|
|
5
5
|
onPressEscape?: (close: () => void) => void;
|
|
6
|
+
onToggle?: (isOpen: boolean) => void;
|
|
7
|
+
onOpen?: () => void;
|
|
8
|
+
onClose?: () => void;
|
|
6
9
|
}): {
|
|
7
10
|
isOpen: boolean;
|
|
8
11
|
onClickClose: () => void;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useRemoteTrigger = exports.TRIGGER_EVENT = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
exports.TRIGGER_EVENT = 'smarthr-ui:remote-dialog-trigger-dispatch';
|
|
6
|
-
function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, id, }) {
|
|
6
|
+
function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, onToggle, onOpen, onClose, id, }) {
|
|
7
7
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
8
8
|
const onClickClose = (0, react_1.useCallback)(() => {
|
|
9
9
|
if (orgOnClickClose) {
|
|
@@ -32,6 +32,20 @@ function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnP
|
|
|
32
32
|
document.removeEventListener(exports.TRIGGER_EVENT, handler);
|
|
33
33
|
};
|
|
34
34
|
}, [id]);
|
|
35
|
+
(0, react_1.useEffect)(() => {
|
|
36
|
+
if (onToggle) {
|
|
37
|
+
onToggle(isOpen);
|
|
38
|
+
}
|
|
39
|
+
if (onOpen && isOpen) {
|
|
40
|
+
onOpen();
|
|
41
|
+
}
|
|
42
|
+
if (onClose && !isOpen) {
|
|
43
|
+
onClose();
|
|
44
|
+
}
|
|
45
|
+
// HINT: 再レンダリング際にhookを利用していないonToggleなどが渡されると意図せず発火してしまう場合がありえるため
|
|
46
|
+
// onToggle, onOpen, onClose を depsに含めていません
|
|
47
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
|
+
}, [isOpen]);
|
|
35
49
|
return {
|
|
36
50
|
isOpen,
|
|
37
51
|
onClickClose,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRemoteTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/useRemoteTrigger.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAE3C,QAAA,aAAa,GAAG,2CAA2C,CAAA;AAExE,SAAgB,gBAAgB,CAAC,EAC/B,YAAY,EAAE,eAAe,EAC7B,aAAa,EAAE,gBAAgB,EAC/B,EAAE,
|
|
1
|
+
{"version":3,"file":"useRemoteTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/useRemoteTrigger.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAE3C,QAAA,aAAa,GAAG,2CAA2C,CAAA;AAExE,SAAgB,gBAAgB,CAAC,EAC/B,YAAY,EAAE,eAAe,EAC7B,aAAa,EAAE,gBAAgB,EAC/B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,EAAE,GAQH;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,IAAI,eAAe,EAAE;YACnB,OAAO,eAAe,CAAC,GAAG,EAAE;gBAC1B,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,CAAC,CAAA;SACH;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,gBAAgB,EAAE;YACpB,OAAO,gBAAgB,CAAC,GAAG,EAAE;gBAC3B,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,CAAC,CAAA;SACH;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,CAAC,CAAqC,EAAE,EAAE;YACzD,IAAI,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,CAAA;aAChB;QACH,CAAC,CAAsD,CAAA;QAEvD,QAAQ,CAAC,gBAAgB,CAAC,qBAAa,EAAE,OAAO,CAAC,CAAA;QAEjD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,qBAAa,EAAE,OAAO,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,MAAM,CAAC,CAAA;SACjB;QACD,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,MAAM,EAAE,CAAA;SACT;QACD,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE;YACtB,OAAO,EAAE,CAAA;SACV;QACD,kEAAkE;QAClE,2CAA2C;QAC3C,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO;QACL,MAAM;QACN,YAAY;QACZ,aAAa;KACd,CAAA;AACH,CAAC;AAvED,4CAuEC"}
|
|
@@ -3,5 +3,5 @@ import { FaCheckCircleIcon } from '../Icon';
|
|
|
3
3
|
type Props = PropsWithChildren<{
|
|
4
4
|
type: 'info' | 'success' | 'warning' | 'error' | 'sync';
|
|
5
5
|
}>;
|
|
6
|
-
export declare const ResponseMessage: React.FC<Props & ComponentProps<typeof FaCheckCircleIcon>>;
|
|
6
|
+
export declare const ResponseMessage: React.FC<Props & Omit<ComponentProps<typeof FaCheckCircleIcon>, 'text'>>;
|
|
7
7
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponseMessage.js","sourceRoot":"","sources":["../../../src/components/ResponseMessage/ResponseMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AAEzE,mDAA+C;AAC/C,kCAMgB;AAMT,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"ResponseMessage.js","sourceRoot":"","sources":["../../../src/components/ResponseMessage/ResponseMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AAEzE,mDAA+C;AAC/C,kCAMgB;AAMT,MAAM,eAAe,GAExB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvB,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvC,QAAQ,IAAI,EAAE;YACZ,KAAK,MAAM;gBACT,OAAO;oBACL,IAAI,EAAE,uBAAgB;oBACtB,SAAS,EAAE,KAAK,CAAC,SAAS;iBAC3B,CAAA;YACH,KAAK,SAAS;gBACZ,OAAO;oBACL,IAAI,EAAE,wBAAiB;oBACvB,SAAS,EAAE,KAAK,CAAC,IAAI;iBACtB,CAAA;YACH,KAAK,SAAS;gBACZ,OAAO;oBACL,IAAI,EAAE,kBAAW;iBAClB,CAAA;YACH,KAAK,OAAO;gBACV,OAAO;oBACL,IAAI,EAAE,8BAAuB;oBAC7B,SAAS,EAAE,KAAK,CAAC,MAAM;iBACxB,CAAA;YACH,KAAK,MAAM;gBACT,OAAO;oBACL,IAAI,EAAE,oBAAa;oBACnB,SAAS,EAAE,KAAK,CAAC,IAAI;iBACtB,CAAA;SACJ;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,8BAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CAAA;AAC9D,CAAC,CAAA;AApCY,QAAA,eAAe,mBAoC3B"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React, { PropsWithChildren, ReactNode } from 'react';
|
|
1
|
+
import React, { PropsWithChildren, ReactNode, TableHTMLAttributes } from 'react';
|
|
2
2
|
type Props = PropsWithChildren<{
|
|
3
3
|
data?: ReactNode[][];
|
|
4
4
|
}>;
|
|
5
|
-
|
|
5
|
+
type ElementProps = Omit<TableHTMLAttributes<HTMLTableElement>, keyof Props>;
|
|
6
|
+
export declare const SpreadsheetTable: React.FC<Props & ElementProps>;
|
|
6
7
|
export {};
|
|
@@ -31,9 +31,9 @@ const react_1 = __importDefault(require("react"));
|
|
|
31
31
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
32
32
|
const useTheme_1 = require("../../hooks/useTheme");
|
|
33
33
|
const SpreadsheetTableCorner_1 = require("./SpreadsheetTableCorner");
|
|
34
|
-
const SpreadsheetTable = ({ data, children }) => {
|
|
34
|
+
const SpreadsheetTable = ({ data, className = '', children, ...props }) => {
|
|
35
35
|
const theme = (0, useTheme_1.useTheme)();
|
|
36
|
-
return (react_1.default.createElement(Wrapper, { themes: theme },
|
|
36
|
+
return (react_1.default.createElement(Wrapper, { ...props, themes: theme, className: `smarthr-ui-SpreadsheetTable ${className}` },
|
|
37
37
|
data && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
38
38
|
react_1.default.createElement("thead", null,
|
|
39
39
|
react_1.default.createElement("tr", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpreadsheetTable.js","sourceRoot":"","sources":["../../../src/components/SpreadsheetTable/SpreadsheetTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"SpreadsheetTable.js","sourceRoot":"","sources":["../../../src/components/SpreadsheetTable/SpreadsheetTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAgF;AAChF,uEAA+C;AAE/C,mDAAsD;AAEtD,qEAAiE;AAO1D,MAAM,gBAAgB,GAAmC,CAAC,EAC/D,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,8BAAC,OAAO,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,+BAA+B,SAAS,EAAE;QACrF,IAAI,IAAI,CACP;YACE;gBACE;oBACE,8BAAC,+CAAsB,OAAG;oBACzB,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,sCAAI,GAAG,EAAE,WAAW,CAAC,EAAE,IAEpB,MAAM,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC,CACzB,CACN,CAAC,CACC,CACC;YACR,6CACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,sCAAI,GAAG,EAAE,WAAW,CAAC,EAAE;gBACrB,0CAAK,CAAC,GAAG,CAAC,CAAM;gBACf,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,sCAAI,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,IAAG,IAAI,CAAM,CAC3C,CAAC,CACC,CACN,CAAC,CACI,CACP,CACJ;QACA,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,gBAAgB,oBAqC5B;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,KAAK,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;cAEtD,MAAM,CAAC,SAAS;wBACN,KAAK,CAAC,IAAI;;;;iBAIjB,KAAK,CAAC,IAAI,CAAC;mBACT,QAAQ,CAAC,CAAC;;;;;eAKd,KAAK,CAAC,SAAS;;;;uCAIS,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;;;;sCAI7B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;0BACxC,OAAO,CAAC,MAAM;;;;gBAIxB,MAAM,CAAC,SAAS;0BACN,KAAK,CAAC,KAAK;;GAElC;CACF,CAAA"}
|
|
@@ -46,6 +46,8 @@ const resetButtonStyle = (0, styled_components_1.css) `
|
|
|
46
46
|
padding: 0;
|
|
47
47
|
appearance: none;
|
|
48
48
|
`;
|
|
49
|
+
const borderWidth = 3;
|
|
50
|
+
const ItemHeight = 40;
|
|
49
51
|
const ItemButton = styled_components_1.default.button `
|
|
50
52
|
${resetButtonStyle}
|
|
51
53
|
${({ themes }) => {
|
|
@@ -54,8 +56,7 @@ const ItemButton = styled_components_1.default.button `
|
|
|
54
56
|
font-weight: bold;
|
|
55
57
|
font-size: ${fontSize.M};
|
|
56
58
|
color: ${color.TEXT_GREY};
|
|
57
|
-
height:
|
|
58
|
-
border-bottom: solid 3px transparent;
|
|
59
|
+
height: ${ItemHeight + borderWidth}px;
|
|
59
60
|
padding: 0 ${spacingByChar(1.5)};
|
|
60
61
|
box-sizing: border-box;
|
|
61
62
|
transition: ${ua_1.isTouchDevice
|
|
@@ -65,7 +66,8 @@ const ItemButton = styled_components_1.default.button `
|
|
|
65
66
|
&.selected {
|
|
66
67
|
position: relative;
|
|
67
68
|
color: ${color.TEXT_BLACK};
|
|
68
|
-
|
|
69
|
+
height: ${ItemHeight}px;
|
|
70
|
+
border-bottom: solid ${borderWidth}px ${color.MAIN};
|
|
69
71
|
}
|
|
70
72
|
|
|
71
73
|
:hover {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/components/TabBar/TabItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAmE;AACnE,uEAA+C;AAE/C,mDAAsD;AACtD,sCAA6C;AAE7C,mDAA+C;AAqBxC,MAAM,OAAO,GAA8B,CAAC,EACjD,EAAE,EACF,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAC,OAAO,CAAA;IAC1C,MAAM,YAAY,GAAG,GAAG,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,OAAO,EAAE,CAAA;IAEvF,OAAO,CACL,8BAAC,UAAU,OACL,KAAK,EACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,OAAO,WA4BnB;AAED,MAAM,gBAAgB,GAAG,IAAA,uBAAG,EAAA;;;;;;CAM3B,CAAA;
|
|
1
|
+
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/components/TabBar/TabItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAmE;AACnE,uEAA+C;AAE/C,mDAAsD;AACtD,sCAA6C;AAE7C,mDAA+C;AAqBxC,MAAM,OAAO,GAA8B,CAAC,EACjD,EAAE,EACF,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAC,OAAO,CAAA;IAC1C,MAAM,YAAY,GAAG,GAAG,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,OAAO,EAAE,CAAA;IAEvF,OAAO,CACL,8BAAC,UAAU,OACL,KAAK,EACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,OAAO,WA4BnB;AAED,MAAM,gBAAgB,GAAG,IAAA,uBAAG,EAAA;;;;;;CAM3B,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,CAAA;AACrB,MAAM,UAAU,GAAG,EAAE,CAAA;AAErB,MAAM,UAAU,GAAG,2BAAM,CAAC,MAAM,CAAmB;IAC/C,gBAAgB;IAChB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAA;IAC9D,OAAO,IAAA,uBAAG,EAAA;;mBAEK,QAAQ,CAAC,CAAC;eACd,KAAK,CAAC,SAAS;gBACd,UAAU,GAAG,WAAW;mBACrB,aAAa,CAAC,GAAG,CAAC;;oBAEjB,kBAAa;QACzB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,oBAAoB,WAAW,CAAC,KAAK,CAAC,SAAS,WAAW,WAAW,CAAC,KAAK,CAAC,SAAS,EAAE;;;;iBAIhF,KAAK,CAAC,UAAU;kBACf,UAAU;+BACG,WAAW,MAAM,KAAK,CAAC,IAAI;;;;4BAI9B,KAAK,CAAC,MAAM;iBACvB,KAAK,CAAC,UAAU;;;;;iBAKhB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;;;KAG/C,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -32,12 +32,24 @@ const useId_1 = require("../../hooks/useId");
|
|
|
32
32
|
const useTheme_1 = require("../../hooks/useTheme");
|
|
33
33
|
const TooltipPortal_1 = require("./TooltipPortal");
|
|
34
34
|
const useClassNames_1 = require("./useClassNames");
|
|
35
|
+
const subscribeFullscreenChange = (callback) => {
|
|
36
|
+
window.addEventListener('fullscreenchange', callback);
|
|
37
|
+
return () => {
|
|
38
|
+
window.removeEventListener('fullscreenchange', callback);
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
const getFullscreenElement = () => document.fullscreenElement;
|
|
42
|
+
const getFullscreenElementOnSSR = () => null;
|
|
35
43
|
const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = false, horizontal = 'left', vertical = 'bottom', tabIndex = 0, ariaDescribedbyTarget = 'wrapper', className = '', onPointerEnter, onPointerLeave, onTouchStart, onTouchEnd, onFocus, onBlur, ...props }) => {
|
|
36
44
|
const [portalRoot, setPortalRoot] = (0, react_1.useState)(null);
|
|
37
45
|
const [isVisible, setIsVisible] = (0, react_1.useState)(false);
|
|
38
46
|
const [rect, setRect] = (0, react_1.useState)(null);
|
|
39
47
|
const ref = (0, react_1.useRef)(null);
|
|
40
48
|
const tooltipId = (0, useId_1.useId)();
|
|
49
|
+
const fullscreenElement = (0, react_1.useSyncExternalStore)(subscribeFullscreenChange, getFullscreenElement, getFullscreenElementOnSSR);
|
|
50
|
+
(0, useEnhancedEffect_1.useEnhancedEffect)(() => {
|
|
51
|
+
setPortalRoot(fullscreenElement ?? document.body);
|
|
52
|
+
}, [fullscreenElement]);
|
|
41
53
|
const getHandlerToShow = (handler) => {
|
|
42
54
|
return (e) => {
|
|
43
55
|
handler && handler(e);
|
|
@@ -65,14 +77,6 @@ const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = fal
|
|
|
65
77
|
};
|
|
66
78
|
};
|
|
67
79
|
const isIcon = triggerType === 'icon';
|
|
68
|
-
(0, useEnhancedEffect_1.useEnhancedEffect)(() => {
|
|
69
|
-
const element = document.createElement('div');
|
|
70
|
-
setPortalRoot(element);
|
|
71
|
-
document.body.appendChild(element);
|
|
72
|
-
return () => {
|
|
73
|
-
document.body.removeChild(element);
|
|
74
|
-
};
|
|
75
|
-
}, []);
|
|
76
80
|
const theme = (0, useTheme_1.useTheme)();
|
|
77
81
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
78
82
|
const childrenWithProps = ariaDescribedbyTarget === 'inner'
|
|
@@ -80,7 +84,7 @@ const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = fal
|
|
|
80
84
|
: children;
|
|
81
85
|
return (react_1.default.createElement(Wrapper, { ...props, "aria-describedby": ariaDescribedbyTarget === 'wrapper' ? tooltipId : undefined, ref: ref, onPointerEnter: getHandlerToShow(onPointerEnter), onTouchStart: getHandlerToShow(onTouchStart), onFocus: getHandlerToShow(onFocus), onPointerLeave: getHandlerToHide(onPointerLeave), onTouchEnd: getHandlerToHide(onTouchEnd), onBlur: getHandlerToHide(onBlur), isIcon: isIcon, tabIndex: tabIndex, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
82
86
|
portalRoot &&
|
|
83
|
-
(0, react_dom_1.createPortal)(react_1.default.createElement(TooltipPortal_1.TooltipPortal, { message: message, id: tooltipId, isVisible: isVisible, parentRect: rect, isIcon: isIcon, isMultiLine: multiLine, horizontal: horizontal, vertical: vertical }), portalRoot),
|
|
87
|
+
(0, react_dom_1.createPortal)(react_1.default.createElement(TooltipPortal_1.TooltipPortal, { message: message, id: tooltipId, isVisible: isVisible, parentRect: rect, isIcon: isIcon, isMultiLine: multiLine, horizontal: horizontal, vertical: vertical, fullscreenElement: fullscreenElement }), portalRoot),
|
|
84
88
|
childrenWithProps));
|
|
85
89
|
};
|
|
86
90
|
exports.Tooltip = Tooltip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ const useTheme_1 = require("../../hooks/useTheme");
|
|
|
30
30
|
const Balloon_1 = require("../Balloon");
|
|
31
31
|
const tooltipHelper_1 = require("./tooltipHelper");
|
|
32
32
|
const useClassNames_1 = require("./useClassNames");
|
|
33
|
-
const TooltipPortal = ({ message, id, isVisible, parentRect, isIcon = false, isMultiLine = false, horizontal, vertical, }) => {
|
|
33
|
+
const TooltipPortal = ({ message, id, isVisible, parentRect, isIcon = false, isMultiLine = false, horizontal, vertical, fullscreenElement, }) => {
|
|
34
34
|
const theme = (0, useTheme_1.useTheme)();
|
|
35
35
|
const portalRef = (0, react_1.useRef)(null);
|
|
36
36
|
const [rect, setRect] = (0, react_1.useState)({
|
|
@@ -86,9 +86,15 @@ const TooltipPortal = ({ message, id, isVisible, parentRect, isIcon = false, isM
|
|
|
86
86
|
if (!isVisible || !portalRef.current || !actualHorizontal || !actualVertical || !parentRect) {
|
|
87
87
|
return;
|
|
88
88
|
}
|
|
89
|
+
const scrollOffsetTop = fullscreenElement ? fullscreenElement.scrollTop : window.scrollY;
|
|
90
|
+
const scrollOffsetLeft = fullscreenElement ? fullscreenElement.scrollLeft : window.scrollX;
|
|
89
91
|
const { offsetWidth, offsetHeight } = portalRef.current;
|
|
90
92
|
setRect((0, tooltipHelper_1.getTooltipRect)({
|
|
91
93
|
parentRect,
|
|
94
|
+
scrollOffset: {
|
|
95
|
+
top: scrollOffsetTop,
|
|
96
|
+
left: scrollOffsetLeft,
|
|
97
|
+
},
|
|
92
98
|
tooltipSize: {
|
|
93
99
|
width: offsetWidth,
|
|
94
100
|
height: offsetHeight,
|
|
@@ -98,7 +104,7 @@ const TooltipPortal = ({ message, id, isVisible, parentRect, isIcon = false, isM
|
|
|
98
104
|
isIcon,
|
|
99
105
|
outerMargin,
|
|
100
106
|
}));
|
|
101
|
-
}, [actualHorizontal, actualVertical, isIcon, isVisible, parentRect]);
|
|
107
|
+
}, [actualHorizontal, actualVertical, fullscreenElement, isIcon, isVisible, parentRect]);
|
|
102
108
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
103
109
|
return (react_1.default.createElement(Container, { ...rect, id: id, ref: portalRef, themes: theme, role: "tooltip", className: classNames.popup, "aria-hidden": !isVisible, maxWidth: isMultiLine ? parentRect?.width : undefined },
|
|
104
110
|
react_1.default.createElement(StyledBalloon, { horizontal: actualHorizontal || 'left', vertical: actualVertical || 'bottom', isMultiLine: isMultiLine },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipPortal.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipPortal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AACzE,uEAA+C;AAE/C,mDAAsD;AACtD,wCAAoC;AAEpC,mDAAgD;AAChD,mDAA+C;
|
|
1
|
+
{"version":3,"file":"TooltipPortal.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipPortal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
export declare function getTooltipRect({ parentRect, tooltipSize, vertical, horizontal, isIcon, outerMargin, }: {
|
|
1
|
+
export declare function getTooltipRect({ parentRect, scrollOffset, tooltipSize, vertical, horizontal, isIcon, outerMargin, }: {
|
|
2
2
|
parentRect: DOMRect;
|
|
3
|
+
scrollOffset: {
|
|
4
|
+
top: number;
|
|
5
|
+
left: number;
|
|
6
|
+
};
|
|
3
7
|
tooltipSize: {
|
|
4
8
|
width: number;
|
|
5
9
|
height: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getTooltipRect = void 0;
|
|
4
|
-
function getTooltipRect({ parentRect, tooltipSize, vertical, horizontal, isIcon = false, outerMargin, }) {
|
|
4
|
+
function getTooltipRect({ parentRect, scrollOffset, tooltipSize, vertical, horizontal, isIcon = false, outerMargin, }) {
|
|
5
5
|
const top = getTop({
|
|
6
6
|
parentRect,
|
|
7
7
|
tooltipHeight: tooltipSize.height,
|
|
@@ -17,8 +17,8 @@ function getTooltipRect({ parentRect, tooltipSize, vertical, horizontal, isIcon
|
|
|
17
17
|
outerMargin,
|
|
18
18
|
});
|
|
19
19
|
return {
|
|
20
|
-
top: top +
|
|
21
|
-
left: left +
|
|
20
|
+
top: top + scrollOffset.top,
|
|
21
|
+
left: left + scrollOffset.left,
|
|
22
22
|
$width: tooltipSize.width,
|
|
23
23
|
$height: tooltipSize.height,
|
|
24
24
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipHelper.js","sourceRoot":"","sources":["../../../src/components/Tooltip/tooltipHelper.ts"],"names":[],"mappings":";;;AAAA,SAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,KAAK,EACd,WAAW,
|
|
1
|
+
{"version":3,"file":"tooltipHelper.js","sourceRoot":"","sources":["../../../src/components/Tooltip/tooltipHelper.ts"],"names":[],"mappings":";;;AAAA,SAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,KAAK,EACd,WAAW,GASZ;IACC,MAAM,GAAG,GAAG,MAAM,CAAC;QACjB,UAAU;QACV,aAAa,EAAE,WAAW,CAAC,MAAM;QACjC,QAAQ;QACR,WAAW;KACZ,CAAC,CAAA;IACF,MAAM,IAAI,GAAG,OAAO,CAAC;QACnB,UAAU;QACV,YAAY,EAAE,WAAW,CAAC,KAAK;QAC/B,UAAU;QACV,QAAQ;QACR,MAAM;QACN,WAAW;KACZ,CAAC,CAAA;IAEF,OAAO;QACL,GAAG,EAAE,GAAG,GAAG,YAAY,CAAC,GAAG;QAC3B,IAAI,EAAE,IAAI,GAAG,YAAY,CAAC,IAAI;QAC9B,MAAM,EAAE,WAAW,CAAC,KAAK;QACzB,OAAO,EAAE,WAAW,CAAC,MAAM;KAC5B,CAAA;AACH,CAAC;AAtCD,wCAsCC;AAED,SAAS,MAAM,CAAC,EACd,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,GAMZ;IACC,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,WAAW,CAAA;QACzD,KAAK,QAAQ;YACX,OAAO,UAAU,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;QACjE,KAAK,QAAQ;YACX,OAAO,UAAU,CAAC,GAAG,GAAG,aAAa,GAAG,WAAW,CAAA;KACtD;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EACf,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,GAQZ;IACC,QAAQ,QAAQ,EAAE;QAChB,KAAK,QAAQ;YACX,QAAQ,UAAU,EAAE;gBAClB,KAAK,OAAO;oBACV,OAAO,UAAU,CAAC,IAAI,GAAG,YAAY,GAAG,WAAW,CAAA;gBACrD;oBACE,OAAO,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,WAAW,CAAA;aAC1D;QACH,KAAK,KAAK,CAAC;QACX,KAAK,QAAQ,CAAC,CAAC;YACb,MAAM,aAAa,GAAG,EAAE,CAAA,CAAC,kDAAkD;YAC3E,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAC,4CAA4C;YAC9G,QAAQ,UAAU,EAAE;gBAClB,KAAK,OAAO;oBACV,OAAO,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,YAAY,GAAG,OAAO,CAAA;gBACpE,KAAK,QAAQ;oBACX,OAAO,UAAU,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;gBAChE,KAAK,MAAM;oBACT,OAAO,UAAU,CAAC,IAAI,GAAG,OAAO,CAAA;aACnC;SACF;KACF;AACH,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export { SmartHRLogo } from './components/SmartHRLogo';
|
|
|
21
21
|
export { Table, TableReel, Head, Row, Cell, Body, Th, Td, ThCheckbox, TdCheckbox, BulkActionRow, EmptyTableBody, } from './components/Table';
|
|
22
22
|
export { AppNavi, AppNaviAnchorProps, AppNaviButtonProps, AppNaviDropdownProps, AppNaviCustomTagProps, } from './components/AppNavi';
|
|
23
23
|
export { TabBar, TabItem } from './components/TabBar';
|
|
24
|
-
export { Heading } from './components/Heading';
|
|
24
|
+
export { Heading, PageHeading } from './components/Heading';
|
|
25
25
|
export { HeadlineArea } from './components/HeadlineArea';
|
|
26
26
|
export { Select } from './components/Select';
|
|
27
27
|
export { DropZone } from './components/DropZone';
|
package/lib/index.js
CHANGED
|
@@ -15,8 +15,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.SkeletonButton = exports.DangerButtonAnchor = exports.DangerButton = exports.SecondaryButtonAnchor = exports.SecondaryButton = exports.PrimaryButtonAnchor = exports.PrimaryButton = exports.Button = exports.AnchorButton = exports.RadioButtonPanel = exports.RadioButton = exports.Pagination = exports.RemoteTriggerMessageDialog = exports.RemoteTriggerFormDialog = exports.RemoteTriggerActionDialog = exports.RemoteDialogTrigger = exports.ModelessDialog = exports.MessageDialogContent = exports.MessageDialog = exports.DialogWrapper = exports.DialogTrigger = exports.DialogContent = exports.DialogCloser = exports.Dialog = exports.FormDialogContent = exports.FormDialog = exports.ActionDialogWithTrigger = exports.ActionDialogContent = exports.ActionDialog = exports.Loader = exports.TextLink = exports.Textarea = exports.InputFile = exports.SearchInput = exports.CurrencyInput = exports.Input = exports.FloatArea = exports.useFlashMessageList = exports.FlashMessageListProvider = exports.FlashMessage = exports.FieldSet = exports.DropdownMenuButton = exports.FilterDropdown = exports.DropdownScrollArea = exports.DropdownCloser = exports.DropdownContent = exports.DropdownTrigger = exports.Dropdown = exports.CheckBox = exports.Balloon = void 0;
|
|
18
|
-
exports.
|
|
19
|
-
exports.SequencePrefixIdProvider = exports.OTHER_CHART_COLOR = exports.CHART_COLORS = exports.FONT_FAMILY = exports.defaultBreakpoint = exports.defaultSpacing = exports.defaultLeading = exports.defaultFontSize = exports.defaultSize = exports.defaultRadius = exports.defaultBorder = exports.defaultFrame = exports.defaultInteraction = exports.defaultColor = exports.defaultPalette = exports.ThemeProvider = exports.createTheme = exports.useTheme = exports.Sidebar = exports.Stack = exports.Reel = exports.LineUp = exports.Cluster = exports.Center = exports.VisuallyHiddenText = exports.Section = exports.Nav = exports.Aside = exports.Article = exports.SectioningFragment = exports.PageCounter = exports.HeaderDropdownMenuButton = exports.HeaderLink = exports.Header = exports.AppLauncher = exports.NotificationBar = exports.LineClamp = void 0;
|
|
18
|
+
exports.CompactInformationPanel = exports.SideNav = exports.SingleComboBox = exports.MultiComboBox = exports.BackgroundJobsList = exports.BackgroundJobsPanel = exports.Fieldset = exports.FormControl = exports.FormGroup = exports.SegmentedControl = exports.DatePicker = exports.Calendar = exports.MessageScreen = exports.BottomFixedArea = exports.Tooltip = exports.RightFixedNote = exports.InformationPanel = exports.AccordionPanelTrigger = exports.AccordionPanelContent = exports.AccordionPanelItem = exports.AccordionPanel = exports.DefinitionList = exports.DropZone = exports.Select = exports.HeadlineArea = exports.PageHeading = exports.Heading = exports.TabItem = exports.TabBar = exports.AppNavi = exports.EmptyTableBody = exports.BulkActionRow = exports.TdCheckbox = exports.ThCheckbox = exports.Td = exports.Th = exports.Body = exports.Cell = exports.Row = exports.Head = exports.TableReel = exports.Table = exports.SmartHRLogo = exports.DialogBase = exports.BaseColumn = exports.Base = exports.StatusLabel = exports.TextButtonAnchor = exports.TextButton = exports.SkeletonButtonAnchor = void 0;
|
|
19
|
+
exports.SequencePrefixIdProvider = exports.OTHER_CHART_COLOR = exports.CHART_COLORS = exports.FONT_FAMILY = exports.defaultBreakpoint = exports.defaultSpacing = exports.defaultLeading = exports.defaultFontSize = exports.defaultSize = exports.defaultRadius = exports.defaultBorder = exports.defaultFrame = exports.defaultInteraction = exports.defaultColor = exports.defaultPalette = exports.ThemeProvider = exports.createTheme = exports.useTheme = exports.Sidebar = exports.Stack = exports.Reel = exports.LineUp = exports.Cluster = exports.Center = exports.VisuallyHiddenText = exports.Section = exports.Nav = exports.Aside = exports.Article = exports.SectioningFragment = exports.PageCounter = exports.HeaderDropdownMenuButton = exports.HeaderLink = exports.Header = exports.AppLauncher = exports.NotificationBar = exports.LineClamp = exports.Text = void 0;
|
|
20
20
|
// components
|
|
21
21
|
var Balloon_1 = require("./components/Balloon");
|
|
22
22
|
Object.defineProperty(exports, "Balloon", { enumerable: true, get: function () { return Balloon_1.Balloon; } });
|
|
@@ -116,6 +116,7 @@ Object.defineProperty(exports, "TabBar", { enumerable: true, get: function () {
|
|
|
116
116
|
Object.defineProperty(exports, "TabItem", { enumerable: true, get: function () { return TabBar_1.TabItem; } });
|
|
117
117
|
var Heading_1 = require("./components/Heading");
|
|
118
118
|
Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return Heading_1.Heading; } });
|
|
119
|
+
Object.defineProperty(exports, "PageHeading", { enumerable: true, get: function () { return Heading_1.PageHeading; } });
|
|
119
120
|
var HeadlineArea_1 = require("./components/HeadlineArea");
|
|
120
121
|
Object.defineProperty(exports, "HeadlineArea", { enumerable: true, get: function () { return HeadlineArea_1.HeadlineArea; } });
|
|
121
122
|
var Select_1 = require("./components/Select");
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,aAAa;AACb,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,kDAQ8B;AAP5B,oGAAA,QAAQ,OAAA;AACR,2GAAA,eAAe,OAAA;AACf,2GAAA,eAAe,OAAA;AACf,0GAAA,cAAc,OAAA;AACd,8GAAA,kBAAkB,OAAA;AAClB,0GAAA,cAAc,OAAA;AACd,8GAAA,kBAAkB,OAAA;AAEpB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,0DAIkC;AAHhC,4GAAA,YAAY,OAAA;AACZ,wHAAA,wBAAwB,OAAA;AACxB,mHAAA,mBAAmB,OAAA;AAErB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,4CAAsE;AAA7D,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA;AAAE,oGAAA,WAAW,OAAA;AAC1C,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,8CAkB4B;AAjB1B,sGAAA,YAAY,OAAA;AACZ,6GAAA,mBAAmB,OAAA;AACnB,iHAAA,uBAAuB,OAAA;AACvB,oGAAA,UAAU,OAAA;AACV,2GAAA,iBAAiB,OAAA;AACjB,gGAAA,MAAM,OAAA;AACN,sGAAA,YAAY,OAAA;AACZ,uGAAA,aAAa,OAAA;AACb,uGAAA,aAAa,OAAA;AACb,uGAAA,aAAa,OAAA;AACb,uGAAA,aAAa,OAAA;AACb,8GAAA,oBAAoB,OAAA;AACpB,wGAAA,cAAc,OAAA;AACd,6GAAA,mBAAmB,OAAA;AACnB,mHAAA,yBAAyB,OAAA;AACzB,iHAAA,uBAAuB,OAAA;AACvB,oHAAA,0BAA0B,OAAA;AAE5B,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,wDAAsD;AAA7C,0GAAA,WAAW,OAAA;AACpB,kEAAgE;AAAvD,oHAAA,gBAAgB,OAAA;AACzB,8CAa4B;AAZ1B,sGAAA,YAAY,OAAA;AACZ,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,6GAAA,mBAAmB,OAAA;AACnB,yGAAA,eAAe,OAAA;AACf,+GAAA,qBAAqB,OAAA;AACrB,sGAAA,YAAY,OAAA;AACZ,4GAAA,kBAAkB,OAAA;AAClB,wGAAA,cAAc,OAAA;AACd,8GAAA,oBAAoB,OAAA;AACpB,oGAAA,UAAU,OAAA;AACV,0GAAA,gBAAgB,OAAA;AAElB,wDAAsD;AAA7C,0GAAA,WAAW,OAAA;AACpB,0CAAgE;AAAvD,4FAAA,IAAI,OAAA;AAAE,kGAAA,UAAU,OAAA;AAAE,kGAAA,UAAU,OAAA;AACrC,oDAAiC;AACjC,wDAAsD;AAA7C,0GAAA,WAAW,OAAA;AACpB,4CAa2B;AAZzB,8FAAA,KAAK,OAAA;AACL,kGAAA,SAAS,OAAA;AACT,6FAAA,IAAI,OAAA;AACJ,4FAAA,GAAG,OAAA;AACH,6FAAA,IAAI,OAAA;AACJ,6FAAA,IAAI,OAAA;AACJ,2FAAA,EAAE,OAAA;AACF,2FAAA,EAAE,OAAA;AACF,mGAAA,UAAU,OAAA;AACV,mGAAA,UAAU,OAAA;AACV,sGAAA,aAAa,OAAA;AACb,uGAAA,cAAc,OAAA;AAEhB,gDAM6B;AAL3B,kGAAA,OAAO,OAAA;AAMT,8CAAqD;AAA5C,gGAAA,MAAM,OAAA;AAAE,iGAAA,OAAO,OAAA;AACxB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"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": "34.
|
|
4
|
+
"version": "34.3.0",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@smarthr/wareki": "^1.2.0",
|
|
@@ -19,41 +19,41 @@
|
|
|
19
19
|
"@babel/preset-env": "^7.22.9",
|
|
20
20
|
"@babel/preset-react": "^7.22.5",
|
|
21
21
|
"@babel/preset-typescript": "^7.22.5",
|
|
22
|
-
"@commitlint/cli": "^17.6.
|
|
23
|
-
"@commitlint/config-conventional": "^17.6.
|
|
24
|
-
"@storybook/addon-a11y": "^7.
|
|
25
|
-
"@storybook/addon-essentials": "^7.
|
|
26
|
-
"@storybook/addon-interactions": "^7.
|
|
27
|
-
"@storybook/addon-storysource": "^7.
|
|
28
|
-
"@storybook/addons": "^7.
|
|
29
|
-
"@storybook/cli": "^7.
|
|
22
|
+
"@commitlint/cli": "^17.6.7",
|
|
23
|
+
"@commitlint/config-conventional": "^17.6.7",
|
|
24
|
+
"@storybook/addon-a11y": "^7.1.1",
|
|
25
|
+
"@storybook/addon-essentials": "^7.1.1",
|
|
26
|
+
"@storybook/addon-interactions": "^7.1.1",
|
|
27
|
+
"@storybook/addon-storysource": "^7.1.1",
|
|
28
|
+
"@storybook/addons": "^7.1.1",
|
|
29
|
+
"@storybook/cli": "^7.1.1",
|
|
30
30
|
"@storybook/jest": "^0.1.0",
|
|
31
|
-
"@storybook/react": "^7.
|
|
32
|
-
"@storybook/react-webpack5": "^7.
|
|
31
|
+
"@storybook/react": "^7.1.1",
|
|
32
|
+
"@storybook/react-webpack5": "^7.1.1",
|
|
33
33
|
"@storybook/test-runner": "^0.11.0",
|
|
34
34
|
"@storybook/testing-library": "^0.2.0",
|
|
35
|
-
"@storybook/theming": "^7.
|
|
36
|
-
"@swc/core": "^1.3.
|
|
37
|
-
"@swc/jest": "^0.2.
|
|
35
|
+
"@storybook/theming": "^7.1.1",
|
|
36
|
+
"@swc/core": "^1.3.71",
|
|
37
|
+
"@swc/jest": "^0.2.27",
|
|
38
38
|
"@testing-library/react-hooks": "^8.0.1",
|
|
39
39
|
"@types/jest": "^29.5.3",
|
|
40
40
|
"@types/lodash.merge": "^4.6.7",
|
|
41
41
|
"@types/lodash.range": "^3.2.7",
|
|
42
|
-
"@types/node": "^14.18.
|
|
43
|
-
"@types/react": "^18.2.
|
|
42
|
+
"@types/node": "^14.18.54",
|
|
43
|
+
"@types/react": "^18.2.16",
|
|
44
44
|
"@types/react-dom": "^18.2.7",
|
|
45
45
|
"@types/react-test-renderer": "^17.0.2",
|
|
46
46
|
"@types/react-transition-group": "^4.4.6",
|
|
47
47
|
"@types/styled-components": "^5.1.26",
|
|
48
48
|
"axe-playwright": "^1.2.3",
|
|
49
49
|
"babel-loader": "^9.1.3",
|
|
50
|
-
"babel-plugin-polyfill-corejs2": "^0.4.
|
|
51
|
-
"babel-plugin-polyfill-regenerator": "^0.5.
|
|
52
|
-
"chromatic": "^6.
|
|
50
|
+
"babel-plugin-polyfill-corejs2": "^0.4.5",
|
|
51
|
+
"babel-plugin-polyfill-regenerator": "^0.5.2",
|
|
52
|
+
"chromatic": "^6.20.0",
|
|
53
53
|
"ecma-version-validator-webpack-plugin": "^1.2.1",
|
|
54
54
|
"eslint": "^8.45.0",
|
|
55
|
-
"eslint-config-smarthr": "^6.8.
|
|
56
|
-
"eslint-plugin-storybook": "^0.6.
|
|
55
|
+
"eslint-config-smarthr": "^6.8.8",
|
|
56
|
+
"eslint-plugin-storybook": "^0.6.13",
|
|
57
57
|
"fs-extra": "^11.1.1",
|
|
58
58
|
"glob": "^10.3.3",
|
|
59
59
|
"http-server": "^14.1.1",
|
|
@@ -68,16 +68,16 @@
|
|
|
68
68
|
"postcss-syntax": "^0.36.2",
|
|
69
69
|
"prettier": "^2.8.8",
|
|
70
70
|
"prettier-config-smarthr": "^1.0.0",
|
|
71
|
-
"puppeteer": "^20.
|
|
71
|
+
"puppeteer": "^20.9.0",
|
|
72
72
|
"react": "^18.2.0",
|
|
73
73
|
"react-dom": "^18.2.0",
|
|
74
74
|
"react-test-renderer": "^18.2.0",
|
|
75
75
|
"smarthr-normalize-css": "^1.1.0",
|
|
76
76
|
"standard-version": "^9.3.2",
|
|
77
|
-
"storybook": "^7.
|
|
77
|
+
"storybook": "^7.1.1",
|
|
78
78
|
"styled-components": "^5.3.11",
|
|
79
|
-
"styled-reset": "^4.
|
|
80
|
-
"stylelint": "^15.10.
|
|
79
|
+
"styled-reset": "^4.5.1",
|
|
80
|
+
"stylelint": "^15.10.2",
|
|
81
81
|
"stylelint-config-prettier": "^9.0.5",
|
|
82
82
|
"stylelint-config-smarthr": "^1.1.0",
|
|
83
83
|
"stylelint-config-standard": "^34.0.0",
|
|
@@ -160,11 +160,11 @@
|
|
|
160
160
|
"typings": "lib/index.d.ts",
|
|
161
161
|
"resolutions": {
|
|
162
162
|
"@babel/helper-compilation-targets": "^7.22.9",
|
|
163
|
-
"@types/react": "^18.2.
|
|
163
|
+
"@types/react": "^18.2.16",
|
|
164
164
|
"minimist": "1.2.8",
|
|
165
165
|
"react": "^18.2.0",
|
|
166
166
|
"react-dom": "^18.2.0",
|
|
167
|
-
"postcss": "8.4.
|
|
167
|
+
"postcss": "8.4.27"
|
|
168
168
|
},
|
|
169
169
|
"standard-version": {
|
|
170
170
|
"scripts": {
|