smarthr-ui 30.4.0 → 30.6.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/RemoteDialogTrigger.d.ts +6 -0
- package/esm/components/Dialog/RemoteDialogTrigger.js +24 -0
- package/esm/components/Dialog/RemoteDialogTrigger.js.map +1 -0
- package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.d.ts +3 -10
- package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js +3 -43
- package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map +1 -1
- package/esm/components/Dialog/RemoteTriggerActionDialog/index.d.ts +1 -1
- package/esm/components/Dialog/RemoteTriggerActionDialog/index.js +1 -1
- package/esm/components/Dialog/RemoteTriggerActionDialog/index.js.map +1 -1
- package/esm/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.d.ts +6 -0
- package/esm/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js +8 -0
- package/esm/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js.map +1 -0
- package/esm/components/Dialog/RemoteTriggerMessageDialog/index.d.ts +1 -0
- package/esm/components/Dialog/RemoteTriggerMessageDialog/index.js +2 -0
- package/esm/components/Dialog/RemoteTriggerMessageDialog/index.js.map +1 -0
- package/esm/components/Dialog/index.d.ts +3 -1
- package/esm/components/Dialog/index.js +3 -1
- package/esm/components/Dialog/index.js.map +1 -1
- package/esm/components/Dialog/useRemoteTrigger.d.ts +8 -0
- package/esm/components/Dialog/useRemoteTrigger.js +29 -0
- package/esm/components/Dialog/useRemoteTrigger.js.map +1 -0
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +5 -4
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/esm/components/Header/AppLauncher/AppLauncher.d.ts +6 -3
- package/esm/components/Header/AppLauncher/AppLauncher.js +5 -3
- package/esm/components/Header/AppLauncher/AppLauncher.js.map +1 -1
- package/esm/components/Header/HeaderDropdownMenuButton.d.ts +24 -8
- package/esm/components/Header/HeaderLink.d.ts +5 -1
- package/esm/components/Pagination/PaginationItem.d.ts +5 -2
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/lib/components/Dialog/RemoteDialogTrigger.d.ts +6 -0
- package/lib/components/Dialog/RemoteDialogTrigger.js +28 -0
- package/lib/components/Dialog/RemoteDialogTrigger.js.map +1 -0
- package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.d.ts +3 -10
- package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js +6 -67
- package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map +1 -1
- package/lib/components/Dialog/RemoteTriggerActionDialog/index.d.ts +1 -1
- package/lib/components/Dialog/RemoteTriggerActionDialog/index.js +1 -2
- package/lib/components/Dialog/RemoteTriggerActionDialog/index.js.map +1 -1
- package/lib/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.d.ts +6 -0
- package/lib/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js +15 -0
- package/lib/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js.map +1 -0
- package/lib/components/Dialog/RemoteTriggerMessageDialog/index.d.ts +1 -0
- package/lib/components/Dialog/RemoteTriggerMessageDialog/index.js +6 -0
- package/lib/components/Dialog/RemoteTriggerMessageDialog/index.js.map +1 -0
- package/lib/components/Dialog/index.d.ts +3 -1
- package/lib/components/Dialog/index.js +5 -2
- package/lib/components/Dialog/index.js.map +1 -1
- package/lib/components/Dialog/useRemoteTrigger.d.ts +8 -0
- package/lib/components/Dialog/useRemoteTrigger.js +33 -0
- package/lib/components/Dialog/useRemoteTrigger.js.map +1 -0
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +4 -3
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/lib/components/Header/AppLauncher/AppLauncher.d.ts +6 -3
- package/lib/components/Header/AppLauncher/AppLauncher.js +5 -6
- package/lib/components/Header/AppLauncher/AppLauncher.js.map +1 -1
- package/lib/components/Header/HeaderDropdownMenuButton.d.ts +24 -8
- package/lib/components/Header/HeaderLink.d.ts +5 -1
- package/lib/components/Pagination/PaginationItem.d.ts +5 -2
- package/lib/index.d.ts +1 -1
- package/lib/index.js +4 -3
- package/lib/index.js.map +1 -1
- package/package.json +6 -6
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { cloneElement, useCallback, useMemo } from 'react';
|
|
2
|
+
import { TRIGGER_EVENT } from './useRemoteTrigger';
|
|
3
|
+
const onClickRemoteDialogTrigger = (e) => {
|
|
4
|
+
document.dispatchEvent(new CustomEvent(TRIGGER_EVENT, {
|
|
5
|
+
detail: { id: e.currentTarget.getAttribute('aria-controls') },
|
|
6
|
+
}));
|
|
7
|
+
};
|
|
8
|
+
export const RemoteDialogTrigger = ({ targetId, children, onClick }) => {
|
|
9
|
+
const actualOnClick = useCallback((e) => {
|
|
10
|
+
if (onClick) {
|
|
11
|
+
return onClick(() => {
|
|
12
|
+
onClickRemoteDialogTrigger(e);
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
onClickRemoteDialogTrigger(e);
|
|
16
|
+
}, [onClick]);
|
|
17
|
+
const actualTrigger = useMemo(() => cloneElement(children, {
|
|
18
|
+
onClick: actualOnClick,
|
|
19
|
+
'aria-haspopup': 'true',
|
|
20
|
+
'aria-controls': targetId,
|
|
21
|
+
}), [children, targetId, actualOnClick]);
|
|
22
|
+
return actualTrigger;
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=RemoteDialogTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RemoteDialogTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/RemoteDialogTrigger.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,0BAA0B,GAAG,CAAC,CAAgC,EAAE,EAAE;IACtE,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,aAAa,EAAE;QAC7B,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAW,EAAE;KACxE,CAAC,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAI3B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACvC,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgC,EAAE,EAAE;QACnC,IAAI,OAAO,EAAE;YACX,OAAO,OAAO,CAAC,GAAG,EAAE;gBAClB,0BAA0B,CAAC,CAAC,CAAC,CAAA;YAC/B,CAAC,CAAC,CAAA;SACH;QAED,0BAA0B,CAAC,CAAC,CAAC,CAAA;IAC/B,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,YAAY,CAAC,QAAwB,EAAE;QACrC,OAAO,EAAE,aAAa;QACtB,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,QAAQ;KAC1B,CAAC,EACJ,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA"}
|
|
@@ -1,13 +1,6 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ActionDialog } from '../ActionDialog';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
onClickClose?: (close: () => void) => void;
|
|
6
|
-
};
|
|
7
|
-
export declare const RemoteDialogTrigger: React.FC<{
|
|
8
|
-
targetId: string;
|
|
9
|
-
onClick?: (open: () => void) => void;
|
|
10
|
-
children: Omit<ReactElement, 'onClick' | 'aria-haspopup' | 'aria-controls'>;
|
|
11
|
-
}>;
|
|
3
|
+
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
|
+
type Props = Omit<React.ComponentProps<typeof ActionDialog>, 'isOpen' | 'onClickClose' | 'id'> & Parameters<typeof useRemoteTrigger>[0];
|
|
12
5
|
export declare const RemoteTriggerActionDialog: React.FC<Props>;
|
|
13
6
|
export {};
|
|
@@ -1,48 +1,8 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ActionDialog } from '../ActionDialog';
|
|
3
|
-
|
|
4
|
-
const onClickRemoteDialogTrigger = (e) => {
|
|
5
|
-
document.dispatchEvent(new CustomEvent(TRIGGER_EVENT, {
|
|
6
|
-
detail: { id: e.currentTarget.getAttribute('aria-controls') },
|
|
7
|
-
}));
|
|
8
|
-
};
|
|
9
|
-
export const RemoteDialogTrigger = ({ targetId, children, onClick }) => {
|
|
10
|
-
const actualOnClick = useCallback((e) => {
|
|
11
|
-
if (onClick) {
|
|
12
|
-
return onClick(() => {
|
|
13
|
-
onClickRemoteDialogTrigger(e);
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
onClickRemoteDialogTrigger(e);
|
|
17
|
-
}, [onClick]);
|
|
18
|
-
const actualTrigger = useMemo(() => cloneElement(children, {
|
|
19
|
-
onClick: actualOnClick,
|
|
20
|
-
'aria-haspopup': 'true',
|
|
21
|
-
'aria-controls': targetId,
|
|
22
|
-
}), [children, targetId, actualOnClick]);
|
|
23
|
-
return actualTrigger;
|
|
24
|
-
};
|
|
3
|
+
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
25
4
|
export const RemoteTriggerActionDialog = ({ id, onClickClose, ...props }) => {
|
|
26
|
-
const
|
|
27
|
-
const actualOnClickClose = useCallback(() => {
|
|
28
|
-
if (onClickClose) {
|
|
29
|
-
return onClickClose(() => {
|
|
30
|
-
setIsOpen(false);
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
setIsOpen(false);
|
|
34
|
-
}, [onClickClose]);
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
const handler = ((e) => {
|
|
37
|
-
if (id === e.detail.id) {
|
|
38
|
-
setIsOpen(true);
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
document.addEventListener(TRIGGER_EVENT, handler);
|
|
42
|
-
return () => {
|
|
43
|
-
document.removeEventListener(TRIGGER_EVENT, handler);
|
|
44
|
-
};
|
|
45
|
-
}, [id]);
|
|
5
|
+
const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({ id, onClickClose });
|
|
46
6
|
return React.createElement(ActionDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
|
|
47
7
|
};
|
|
48
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,
|
|
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,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAA;IAE3F,OAAO,oBAAC,YAAY,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC9F,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { RemoteTriggerActionDialog
|
|
1
|
+
export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { RemoteTriggerActionDialog
|
|
1
|
+
export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MessageDialog } from '../MessageDialog';
|
|
3
|
+
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
|
+
type Props = Omit<React.ComponentProps<typeof MessageDialog>, 'isOpen' | 'onClickClose' | 'id'> & Parameters<typeof useRemoteTrigger>[0];
|
|
5
|
+
export declare const RemoteTriggerMessageDialog: React.FC<Props>;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MessageDialog } from '../MessageDialog';
|
|
3
|
+
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
|
+
export const RemoteTriggerMessageDialog = ({ id, onClickClose, ...props }) => {
|
|
5
|
+
const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({ id, onClickClose });
|
|
6
|
+
return React.createElement(MessageDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=RemoteTriggerMessageDialog.js.map
|
|
@@ -0,0 +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,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAA;IAE3F,OAAO,oBAAC,aAAa,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC/F,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerMessageDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA"}
|
|
@@ -7,4 +7,6 @@ export { DialogTrigger } from './DialogTrigger';
|
|
|
7
7
|
export { DialogContent } from './DialogContent';
|
|
8
8
|
export { DialogCloser } from './DialogCloser';
|
|
9
9
|
export { ModelessDialog } from './ModelessDialog';
|
|
10
|
-
export {
|
|
10
|
+
export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
|
|
11
|
+
export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
|
|
12
|
+
export { RemoteDialogTrigger } from './RemoteDialogTrigger';
|
|
@@ -7,5 +7,7 @@ export { DialogTrigger } from './DialogTrigger';
|
|
|
7
7
|
export { DialogContent } from './DialogContent';
|
|
8
8
|
export { DialogCloser } from './DialogCloser';
|
|
9
9
|
export { ModelessDialog } from './ModelessDialog';
|
|
10
|
-
export {
|
|
10
|
+
export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
|
|
11
|
+
export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
|
|
12
|
+
export { RemoteDialogTrigger } from './RemoteDialogTrigger';
|
|
11
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const TRIGGER_EVENT = "smarthr-ui:remote-dialog-trigger-dispatch";
|
|
2
|
+
export declare function useRemoteTrigger({ onClickClose: orgOnClickClose, id, }: {
|
|
3
|
+
id: string;
|
|
4
|
+
onClickClose?: (close: () => void) => void;
|
|
5
|
+
}): {
|
|
6
|
+
isOpen: boolean;
|
|
7
|
+
onClickClose: () => void;
|
|
8
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
2
|
+
export const TRIGGER_EVENT = 'smarthr-ui:remote-dialog-trigger-dispatch';
|
|
3
|
+
export function useRemoteTrigger({ onClickClose: orgOnClickClose, id, }) {
|
|
4
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
5
|
+
const onClickClose = useCallback(() => {
|
|
6
|
+
if (orgOnClickClose) {
|
|
7
|
+
return orgOnClickClose(() => {
|
|
8
|
+
setIsOpen(false);
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
setIsOpen(false);
|
|
12
|
+
}, [orgOnClickClose]);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
const handler = ((e) => {
|
|
15
|
+
if (id === e.detail.id) {
|
|
16
|
+
setIsOpen(true);
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
document.addEventListener(TRIGGER_EVENT, handler);
|
|
20
|
+
return () => {
|
|
21
|
+
document.removeEventListener(TRIGGER_EVENT, handler);
|
|
22
|
+
};
|
|
23
|
+
}, [id]);
|
|
24
|
+
return {
|
|
25
|
+
isOpen,
|
|
26
|
+
onClickClose,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=useRemoteTrigger.js.map
|
|
@@ -0,0 +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,EAAE,GAIH;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,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,OAAO;QACL,MAAM;QACN,YAAY;KACb,CAAA;AACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useMemo, } from 'react';
|
|
2
2
|
import innerText from 'react-innertext';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
|
-
import { Dropdown, DropdownContent, DropdownTrigger } from '..';
|
|
4
|
+
import { Dropdown, DropdownContent, DropdownScrollArea, DropdownTrigger } from '..';
|
|
5
5
|
import { useTheme } from '../../../hooks/useTheme';
|
|
6
6
|
import { Button } from '../../Button';
|
|
7
7
|
import { FaCaretDownIcon, FaEllipsisHIcon } from '../../Icon';
|
|
@@ -18,9 +18,10 @@ export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigg
|
|
|
18
18
|
React.createElement(DropdownTrigger, { className: `${classNames.wrapper}${className && ` ${className}`}` },
|
|
19
19
|
React.createElement(TriggerButton, { ...props, suffix: triggerSuffix, size: triggerSize, square: onlyIconTrigger, className: classNames.trigger }, triggerLabel)),
|
|
20
20
|
React.createElement(DropdownContent, null,
|
|
21
|
-
React.createElement(
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
React.createElement(DropdownScrollArea, null,
|
|
22
|
+
React.createElement(ActionList, { themes: themes, className: classNames.panel }, React.Children.map(children, (item, i) =>
|
|
23
|
+
// MEMO: {flag && <Button/>}のような書き方に対応させるためbooleanの判定を入れています
|
|
24
|
+
item && typeof item !== 'boolean' ? React.createElement("li", { key: i }, actionItem(item)) : null))))));
|
|
24
25
|
};
|
|
25
26
|
const TriggerButton = styled(Button) `
|
|
26
27
|
&[aria-expanded='true'] .smarthr-ui-Icon:last-child {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,IAAI,CAAA;AACnF,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAgB,MAAM,EAA4B,MAAM,cAAc,CAAA;AAE7E,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAsB/C,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAC3D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,eAAe,CAAC,CAAC,CAAC,CAChB,oBAAC,eAAe,IAAC,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI,CAC/E,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACH,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAA;IACD,MAAM,aAAa,GAAG,OAAO;IAC3B,yDAAyD;IACzD,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,yCAAK,CAAC,CAAC,CAAC,oBAAC,eAAe,IAAC,GAAG,EAAC,gCAAO,GAAG,CAAC,EACjE,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe,IAAC,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,SAAS,IAAI,IAAI,SAAS,EAAE,EAAE;YAChF,oBAAC,aAAa,OACR,KAAK,EACT,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,UAAU,CAAC,OAAO,IAE5B,YAAY,CACC,CACA;QAClB,oBAAC,eAAe;YACd,oBAAC,kBAAkB;gBACjB,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IACpD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACxC,4DAA4D;gBAC5D,IAAI,IAAI,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,4BAAI,GAAG,EAAE,CAAC,IAAG,UAAU,CAAC,IAAI,CAAC,CAAM,CAAC,CAAC,CAAC,IAAI,CAC/E,CACU,CACM,CACL,CACT,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;CAInC,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAmB;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;qBAGb,KAAK,CAAC,GAAG,CAAC;;;;;;;;;uBASR,KAAK,CAAC,GAAG,CAAC;;;;;;4BAML,KAAK,CAAC,CAAC,CAAC;;;;;;;GAOjC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
|
1
|
+
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../../types/props';
|
|
2
3
|
type Category = {
|
|
3
4
|
type?: string;
|
|
4
|
-
heading:
|
|
5
|
+
heading: ReactNode;
|
|
5
6
|
items: Array<{
|
|
6
|
-
label:
|
|
7
|
+
label: ReactNode;
|
|
7
8
|
url: string;
|
|
8
9
|
target?: string;
|
|
9
10
|
}>;
|
|
@@ -11,6 +12,8 @@ type Category = {
|
|
|
11
12
|
type Props = {
|
|
12
13
|
apps: Category[];
|
|
13
14
|
urlToShowAll?: string | null;
|
|
15
|
+
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
16
|
+
decorators?: DecoratorsType<'triggerLabel'>;
|
|
14
17
|
};
|
|
15
18
|
type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props>;
|
|
16
19
|
export declare const AppLauncher: React.FC<Props & ElementProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../../hooks/useTheme';
|
|
4
4
|
import { Button } from '../../Button';
|
|
@@ -8,14 +8,16 @@ import { FaToolboxIcon } from '../../Icon';
|
|
|
8
8
|
import { Cluster, Stack } from '../../Layout';
|
|
9
9
|
import { TextLink } from '../../TextLink';
|
|
10
10
|
import { useClassNames } from './useClassNames';
|
|
11
|
-
|
|
11
|
+
const TRIGGER_LABEL = 'アプリ';
|
|
12
|
+
export const AppLauncher = ({ apps, urlToShowAll, decorators, ...props }) => {
|
|
12
13
|
const theme = useTheme();
|
|
13
14
|
const classNames = useClassNames();
|
|
15
|
+
const triggerLabel = useMemo(() => decorators?.triggerLabel?.(TRIGGER_LABEL) || TRIGGER_LABEL, [decorators]);
|
|
14
16
|
const baseApps = apps.find(({ type }) => type === 'base');
|
|
15
17
|
const others = apps.filter((category) => category !== baseApps);
|
|
16
18
|
return (React.createElement(Dropdown, { ...props },
|
|
17
19
|
React.createElement(DropdownTrigger, null,
|
|
18
|
-
React.createElement(AppsButton, { themes: theme, prefix: React.createElement(FaToolboxIcon, null) },
|
|
20
|
+
React.createElement(AppsButton, { themes: theme, prefix: React.createElement(FaToolboxIcon, null) }, triggerLabel)),
|
|
19
21
|
React.createElement(DropdownContent, { controllable: true },
|
|
20
22
|
React.createElement(Wrapper, { themes: theme, className: classNames.wrapper },
|
|
21
23
|
React.createElement(DropdownScrollArea, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const HeaderDropdownMenuButton: import("styled-components").StyledComponent<import("react").FC<{
|
|
3
4
|
label: import("react").ReactNode;
|
|
4
5
|
children: (boolean | import("react").ReactElement<import("../Button").BaseProps & {
|
|
@@ -6,6 +7,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
6
7
|
id?: string | undefined;
|
|
7
8
|
name?: string | undefined;
|
|
8
9
|
color?: string | undefined;
|
|
10
|
+
content?: string | undefined;
|
|
9
11
|
translate?: "yes" | "no" | undefined;
|
|
10
12
|
value?: string | number | readonly string[] | undefined;
|
|
11
13
|
hidden?: boolean | undefined;
|
|
@@ -14,6 +16,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
14
16
|
style?: import("react").CSSProperties | undefined;
|
|
15
17
|
title?: string | undefined;
|
|
16
18
|
dir?: string | undefined;
|
|
19
|
+
rel?: string | undefined;
|
|
17
20
|
accessKey?: string | undefined;
|
|
18
21
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
19
22
|
lang?: string | undefined;
|
|
@@ -23,7 +26,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
23
26
|
nonce?: string | undefined;
|
|
24
27
|
tabIndex?: number | undefined;
|
|
25
28
|
disabled?: boolean | undefined;
|
|
26
|
-
autoFocus?: boolean | undefined;
|
|
27
29
|
formAction?: string | undefined;
|
|
28
30
|
formEncType?: string | undefined;
|
|
29
31
|
formMethod?: string | undefined;
|
|
@@ -33,6 +35,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
33
35
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
34
36
|
suppressContentEditableWarning?: boolean | undefined;
|
|
35
37
|
suppressHydrationWarning?: boolean | undefined;
|
|
38
|
+
autoFocus?: boolean | undefined;
|
|
36
39
|
contextMenu?: string | undefined;
|
|
37
40
|
placeholder?: string | undefined;
|
|
38
41
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -42,6 +45,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
42
45
|
inlist?: any;
|
|
43
46
|
property?: string | undefined;
|
|
44
47
|
resource?: string | undefined;
|
|
48
|
+
rev?: string | undefined;
|
|
45
49
|
typeof?: string | undefined;
|
|
46
50
|
vocab?: string | undefined;
|
|
47
51
|
autoCapitalize?: string | undefined;
|
|
@@ -105,7 +109,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
105
109
|
'aria-valuenow'?: number | undefined;
|
|
106
110
|
'aria-valuetext'?: string | undefined;
|
|
107
111
|
dangerouslySetInnerHTML?: {
|
|
108
|
-
__html: string;
|
|
112
|
+
__html: string | TrustedHTML;
|
|
109
113
|
} | undefined;
|
|
110
114
|
onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
111
115
|
onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -274,6 +278,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
274
278
|
id?: string | undefined;
|
|
275
279
|
media?: string | undefined;
|
|
276
280
|
color?: string | undefined;
|
|
281
|
+
content?: string | undefined;
|
|
277
282
|
translate?: "yes" | "no" | undefined;
|
|
278
283
|
hidden?: boolean | undefined;
|
|
279
284
|
slot?: string | undefined;
|
|
@@ -297,6 +302,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
297
302
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
298
303
|
suppressContentEditableWarning?: boolean | undefined;
|
|
299
304
|
suppressHydrationWarning?: boolean | undefined;
|
|
305
|
+
autoFocus?: boolean | undefined;
|
|
300
306
|
contextMenu?: string | undefined;
|
|
301
307
|
placeholder?: string | undefined;
|
|
302
308
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -306,6 +312,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
306
312
|
inlist?: any;
|
|
307
313
|
property?: string | undefined;
|
|
308
314
|
resource?: string | undefined;
|
|
315
|
+
rev?: string | undefined;
|
|
309
316
|
typeof?: string | undefined;
|
|
310
317
|
vocab?: string | undefined;
|
|
311
318
|
autoCapitalize?: string | undefined;
|
|
@@ -369,7 +376,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
369
376
|
'aria-valuenow'?: number | undefined;
|
|
370
377
|
'aria-valuetext'?: string | undefined;
|
|
371
378
|
dangerouslySetInnerHTML?: {
|
|
372
|
-
__html: string;
|
|
379
|
+
__html: string | TrustedHTML;
|
|
373
380
|
} | undefined;
|
|
374
381
|
onCopy?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
|
|
375
382
|
onCopyCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
|
|
@@ -544,6 +551,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
544
551
|
id?: string | undefined;
|
|
545
552
|
name?: string | undefined;
|
|
546
553
|
color?: string | undefined;
|
|
554
|
+
content?: string | undefined;
|
|
547
555
|
translate?: "yes" | "no" | undefined;
|
|
548
556
|
value?: string | number | readonly string[] | undefined;
|
|
549
557
|
hidden?: boolean | undefined;
|
|
@@ -552,6 +560,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
552
560
|
style?: import("react").CSSProperties | undefined;
|
|
553
561
|
title?: string | undefined;
|
|
554
562
|
dir?: string | undefined;
|
|
563
|
+
rel?: string | undefined;
|
|
555
564
|
accessKey?: string | undefined;
|
|
556
565
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
557
566
|
lang?: string | undefined;
|
|
@@ -561,7 +570,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
561
570
|
nonce?: string | undefined;
|
|
562
571
|
tabIndex?: number | undefined;
|
|
563
572
|
disabled?: boolean | undefined;
|
|
564
|
-
autoFocus?: boolean | undefined;
|
|
565
573
|
formAction?: string | undefined;
|
|
566
574
|
formEncType?: string | undefined;
|
|
567
575
|
formMethod?: string | undefined;
|
|
@@ -571,6 +579,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
571
579
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
572
580
|
suppressContentEditableWarning?: boolean | undefined;
|
|
573
581
|
suppressHydrationWarning?: boolean | undefined;
|
|
582
|
+
autoFocus?: boolean | undefined;
|
|
574
583
|
contextMenu?: string | undefined;
|
|
575
584
|
placeholder?: string | undefined;
|
|
576
585
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -580,6 +589,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
580
589
|
inlist?: any;
|
|
581
590
|
property?: string | undefined;
|
|
582
591
|
resource?: string | undefined;
|
|
592
|
+
rev?: string | undefined;
|
|
583
593
|
typeof?: string | undefined;
|
|
584
594
|
vocab?: string | undefined;
|
|
585
595
|
autoCapitalize?: string | undefined;
|
|
@@ -643,7 +653,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
643
653
|
'aria-valuenow'?: number | undefined;
|
|
644
654
|
'aria-valuetext'?: string | undefined;
|
|
645
655
|
dangerouslySetInnerHTML?: {
|
|
646
|
-
__html: string;
|
|
656
|
+
__html: string | TrustedHTML;
|
|
647
657
|
} | undefined;
|
|
648
658
|
onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
649
659
|
onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -812,6 +822,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
812
822
|
id?: string | undefined;
|
|
813
823
|
media?: string | undefined;
|
|
814
824
|
color?: string | undefined;
|
|
825
|
+
content?: string | undefined;
|
|
815
826
|
translate?: "yes" | "no" | undefined;
|
|
816
827
|
hidden?: boolean | undefined;
|
|
817
828
|
slot?: string | undefined;
|
|
@@ -835,6 +846,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
835
846
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
836
847
|
suppressContentEditableWarning?: boolean | undefined;
|
|
837
848
|
suppressHydrationWarning?: boolean | undefined;
|
|
849
|
+
autoFocus?: boolean | undefined;
|
|
838
850
|
contextMenu?: string | undefined;
|
|
839
851
|
placeholder?: string | undefined;
|
|
840
852
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -844,6 +856,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
844
856
|
inlist?: any;
|
|
845
857
|
property?: string | undefined;
|
|
846
858
|
resource?: string | undefined;
|
|
859
|
+
rev?: string | undefined;
|
|
847
860
|
typeof?: string | undefined;
|
|
848
861
|
vocab?: string | undefined;
|
|
849
862
|
autoCapitalize?: string | undefined;
|
|
@@ -907,7 +920,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
907
920
|
'aria-valuenow'?: number | undefined;
|
|
908
921
|
'aria-valuetext'?: string | undefined;
|
|
909
922
|
dangerouslySetInnerHTML?: {
|
|
910
|
-
__html: string;
|
|
923
|
+
__html: string | TrustedHTML;
|
|
911
924
|
} | undefined;
|
|
912
925
|
onCopy?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
|
|
913
926
|
onCopyCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
|
|
@@ -1085,6 +1098,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1085
1098
|
id?: string | undefined;
|
|
1086
1099
|
name?: string | undefined;
|
|
1087
1100
|
color?: string | undefined;
|
|
1101
|
+
content?: string | undefined;
|
|
1088
1102
|
translate?: "yes" | "no" | undefined;
|
|
1089
1103
|
value?: string | number | readonly string[] | undefined;
|
|
1090
1104
|
hidden?: boolean | undefined;
|
|
@@ -1093,6 +1107,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1093
1107
|
style?: import("react").CSSProperties | undefined;
|
|
1094
1108
|
title?: string | undefined;
|
|
1095
1109
|
dir?: string | undefined;
|
|
1110
|
+
rel?: string | undefined;
|
|
1096
1111
|
accessKey?: string | undefined;
|
|
1097
1112
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
1098
1113
|
lang?: string | undefined;
|
|
@@ -1104,7 +1119,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1104
1119
|
nonce?: string | undefined;
|
|
1105
1120
|
tabIndex?: number | undefined;
|
|
1106
1121
|
disabled?: boolean | undefined;
|
|
1107
|
-
autoFocus?: boolean | undefined;
|
|
1108
1122
|
formAction?: string | undefined;
|
|
1109
1123
|
formEncType?: string | undefined;
|
|
1110
1124
|
formMethod?: string | undefined;
|
|
@@ -1114,6 +1128,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1114
1128
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
1115
1129
|
suppressContentEditableWarning?: boolean | undefined;
|
|
1116
1130
|
suppressHydrationWarning?: boolean | undefined;
|
|
1131
|
+
autoFocus?: boolean | undefined;
|
|
1117
1132
|
contextMenu?: string | undefined;
|
|
1118
1133
|
placeholder?: string | undefined;
|
|
1119
1134
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -1123,6 +1138,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1123
1138
|
inlist?: any;
|
|
1124
1139
|
property?: string | undefined;
|
|
1125
1140
|
resource?: string | undefined;
|
|
1141
|
+
rev?: string | undefined;
|
|
1126
1142
|
typeof?: string | undefined;
|
|
1127
1143
|
vocab?: string | undefined;
|
|
1128
1144
|
autoCapitalize?: string | undefined;
|
|
@@ -1186,7 +1202,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1186
1202
|
'aria-valuenow'?: number | undefined;
|
|
1187
1203
|
'aria-valuetext'?: string | undefined;
|
|
1188
1204
|
dangerouslySetInnerHTML?: {
|
|
1189
|
-
__html: string;
|
|
1205
|
+
__html: string | TrustedHTML;
|
|
1190
1206
|
} | undefined;
|
|
1191
1207
|
onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
1192
1208
|
onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const HeaderLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
3
4
|
onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
4
5
|
prefix?: import("react").ReactNode;
|
|
@@ -8,6 +9,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
|
|
|
8
9
|
id?: string | undefined;
|
|
9
10
|
media?: string | undefined;
|
|
10
11
|
color?: string | undefined;
|
|
12
|
+
content?: string | undefined;
|
|
11
13
|
translate?: "yes" | "no" | undefined;
|
|
12
14
|
hidden?: boolean | undefined;
|
|
13
15
|
slot?: string | undefined;
|
|
@@ -33,6 +35,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
|
|
|
33
35
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
34
36
|
suppressContentEditableWarning?: boolean | undefined;
|
|
35
37
|
suppressHydrationWarning?: boolean | undefined;
|
|
38
|
+
autoFocus?: boolean | undefined;
|
|
36
39
|
contextMenu?: string | undefined;
|
|
37
40
|
placeholder?: string | undefined;
|
|
38
41
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -42,6 +45,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
|
|
|
42
45
|
inlist?: any;
|
|
43
46
|
property?: string | undefined;
|
|
44
47
|
resource?: string | undefined;
|
|
48
|
+
rev?: string | undefined;
|
|
45
49
|
typeof?: string | undefined;
|
|
46
50
|
vocab?: string | undefined;
|
|
47
51
|
autoCapitalize?: string | undefined;
|
|
@@ -105,7 +109,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
|
|
|
105
109
|
'aria-valuenow'?: number | undefined;
|
|
106
110
|
'aria-valuetext'?: string | undefined;
|
|
107
111
|
dangerouslySetInnerHTML?: {
|
|
108
|
-
__html: string;
|
|
112
|
+
__html: string | TrustedHTML;
|
|
109
113
|
} | undefined;
|
|
110
114
|
onCopy?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
|
|
111
115
|
onCopyCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
|