smarthr-ui 30.5.0 → 30.6.0

package/esm/components/Dialog/RemoteDialogTrigger.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactElement } from 'react';
+export declare const RemoteDialogTrigger: React.FC<{
+    targetId: string;
+    onClick?: (open: () => void) => void;
+    children: Omit<ReactElement, 'onClick' | 'aria-haspopup' | 'aria-controls'>;
+}>;

package/esm/components/Dialog/RemoteDialogTrigger.js

@@ -0,0 +1,24 @@
+import { cloneElement, useCallback, useMemo } from 'react';
+import { TRIGGER_EVENT } from './useRemoteTrigger';
+const onClickRemoteDialogTrigger = (e) => {
+    document.dispatchEvent(new CustomEvent(TRIGGER_EVENT, {
+        detail: { id: e.currentTarget.getAttribute('aria-controls') },
+    }));
+};
+export const RemoteDialogTrigger = ({ targetId, children, onClick }) => {
+    const actualOnClick = useCallback((e) => {
+        if (onClick) {
+            return onClick(() => {
+                onClickRemoteDialogTrigger(e);
+            });
+        }
+        onClickRemoteDialogTrigger(e);
+    }, [onClick]);
+    const actualTrigger = useMemo(() => cloneElement(children, {
+        onClick: actualOnClick,
+        'aria-haspopup': 'true',
+        'aria-controls': targetId,
+    }), [children, targetId, actualOnClick]);
+    return actualTrigger;
+};
+//# sourceMappingURL=RemoteDialogTrigger.js.map

package/esm/components/Dialog/RemoteDialogTrigger.js.map

@@ -0,0 +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"}

package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.d.ts

@@ -1,13 +1,6 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
 import { ActionDialog } from '../ActionDialog';
-type Props = Omit<React.ComponentProps<typeof ActionDialog>, 'isOpen' | 'onClickClose' | 'id'> & {
-    id: string;
-    onClickClose?: (close: () => void) => void;
-};
-export declare const RemoteDialogTrigger: React.FC<{
-    targetId: string;
-    onClick?: (open: () => void) => void;
-    children: Omit<ReactElement, 'onClick' | 'aria-haspopup' | 'aria-controls'>;
-}>;
+import { useRemoteTrigger } from '../useRemoteTrigger';
+type Props = Omit<React.ComponentProps<typeof ActionDialog>, 'isOpen' | 'onClickClose' | 'id'> & Parameters<typeof useRemoteTrigger>[0];
 export declare const RemoteTriggerActionDialog: React.FC<Props>;
 export {};

package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js

@@ -1,48 +1,8 @@
-import React, { cloneElement, useCallback, useEffect, useMemo, useState } from 'react';
+import React from 'react';
 import { ActionDialog } from '../ActionDialog';
-const TRIGGER_EVENT = 'smarthr-ui-remote-trigger-action-dialog-dispatch';
-const onClickRemoteDialogTrigger = (e) => {
-    document.dispatchEvent(new CustomEvent(TRIGGER_EVENT, {
-        detail: { id: e.currentTarget.getAttribute('aria-controls') },
-    }));
-};
-export const RemoteDialogTrigger = ({ targetId, children, onClick }) => {
-    const actualOnClick = useCallback((e) => {
-        if (onClick) {
-            return onClick(() => {
-                onClickRemoteDialogTrigger(e);
-            });
-        }
-        onClickRemoteDialogTrigger(e);
-    }, [onClick]);
-    const actualTrigger = useMemo(() => cloneElement(children, {
-        onClick: actualOnClick,
-        'aria-haspopup': 'true',
-        'aria-controls': targetId,
-    }), [children, targetId, actualOnClick]);
-    return actualTrigger;
-};
+import { useRemoteTrigger } from '../useRemoteTrigger';
 export const RemoteTriggerActionDialog = ({ id, onClickClose, ...props }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const actualOnClickClose = useCallback(() => {
-        if (onClickClose) {
-            return onClickClose(() => {
-                setIsOpen(false);
-            });
-        }
-        setIsOpen(false);
-    }, [onClickClose]);
-    useEffect(() => {
-        const handler = ((e) => {
-            if (id === e.detail.id) {
-                setIsOpen(true);
-            }
-        });
-        document.addEventListener(TRIGGER_EVENT, handler);
-        return () => {
-            document.removeEventListener(TRIGGER_EVENT, handler);
-        };
-    }, [id]);
+    const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({ id, onClickClose });
     return React.createElement(ActionDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
 };
 //# sourceMappingURL=RemoteTriggerActionDialog.js.map

package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteTriggerActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpG,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAO9C,MAAM,aAAa,GAAG,kDAAkD,CAAA;AACxE,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;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAoB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,YAAY,EAAE;YAChB,OAAO,YAAY,CAAC,GAAG,EAAE;gBACvB,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,CAAC,CAAA;SACH;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,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,oBAAC,YAAY,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC9F,CAAC,CAAA"}
+{"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"}

package/esm/components/Dialog/RemoteTriggerActionDialog/index.d.ts

@@ -1 +1 @@
-export { RemoteTriggerActionDialog, RemoteDialogTrigger } from './RemoteTriggerActionDialog';
+export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';

package/esm/components/Dialog/RemoteTriggerActionDialog/index.js

@@ -1,2 +1,2 @@
-export { RemoteTriggerActionDialog, RemoteDialogTrigger } from './RemoteTriggerActionDialog';
+export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
 //# sourceMappingURL=index.js.map

package/esm/components/Dialog/RemoteTriggerActionDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA"}

package/esm/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { MessageDialog } from '../MessageDialog';
+import { useRemoteTrigger } from '../useRemoteTrigger';
+type Props = Omit<React.ComponentProps<typeof MessageDialog>, 'isOpen' | 'onClickClose' | 'id'> & Parameters<typeof useRemoteTrigger>[0];
+export declare const RemoteTriggerMessageDialog: React.FC<Props>;
+export {};

package/esm/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MessageDialog } from '../MessageDialog';
+import { useRemoteTrigger } from '../useRemoteTrigger';
+export const RemoteTriggerMessageDialog = ({ id, onClickClose, ...props }) => {
+    const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({ id, onClickClose });
+    return React.createElement(MessageDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
+};
+//# sourceMappingURL=RemoteTriggerMessageDialog.js.map

package/esm/components/Dialog/RemoteTriggerMessageDialog/RemoteTriggerMessageDialog.js.map

@@ -0,0 +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"}

package/esm/components/Dialog/RemoteTriggerMessageDialog/index.d.ts

@@ -0,0 +1 @@
+export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';

package/esm/components/Dialog/RemoteTriggerMessageDialog/index.js

@@ -0,0 +1,2 @@
+export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
+//# sourceMappingURL=index.js.map

package/esm/components/Dialog/RemoteTriggerMessageDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerMessageDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA"}

package/esm/components/Dialog/index.d.ts

@@ -7,4 +7,6 @@ export { DialogTrigger } from './DialogTrigger';
 export { DialogContent } from './DialogContent';
 export { DialogCloser } from './DialogCloser';
 export { ModelessDialog } from './ModelessDialog';
-export { RemoteDialogTrigger, RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
+export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
+export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
+export { RemoteDialogTrigger } from './RemoteDialogTrigger';

package/esm/components/Dialog/index.js

@@ -7,5 +7,7 @@ export { DialogTrigger } from './DialogTrigger';
 export { DialogContent } from './DialogContent';
 export { DialogCloser } from './DialogCloser';
 export { ModelessDialog } from './ModelessDialog';
-export { RemoteDialogTrigger, RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
+export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
+export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
+export { RemoteDialogTrigger } from './RemoteDialogTrigger';
 //# sourceMappingURL=index.js.map

package/esm/components/Dialog/index.js.map

@@ -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,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA"}
+{"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"}

package/esm/components/Dialog/useRemoteTrigger.d.ts

@@ -0,0 +1,8 @@
+export declare const TRIGGER_EVENT = "smarthr-ui:remote-dialog-trigger-dispatch";
+export declare function useRemoteTrigger({ onClickClose: orgOnClickClose, id, }: {
+    id: string;
+    onClickClose?: (close: () => void) => void;
+}): {
+    isOpen: boolean;
+    onClickClose: () => void;
+};

package/esm/components/Dialog/useRemoteTrigger.js

@@ -0,0 +1,29 @@
+import { useCallback, useEffect, useState } from 'react';
+export const TRIGGER_EVENT = 'smarthr-ui:remote-dialog-trigger-dispatch';
+export function useRemoteTrigger({ onClickClose: orgOnClickClose, id, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const onClickClose = useCallback(() => {
+        if (orgOnClickClose) {
+            return orgOnClickClose(() => {
+                setIsOpen(false);
+            });
+        }
+        setIsOpen(false);
+    }, [orgOnClickClose]);
+    useEffect(() => {
+        const handler = ((e) => {
+            if (id === e.detail.id) {
+                setIsOpen(true);
+            }
+        });
+        document.addEventListener(TRIGGER_EVENT, handler);
+        return () => {
+            document.removeEventListener(TRIGGER_EVENT, handler);
+        };
+    }, [id]);
+    return {
+        isOpen,
+        onClickClose,
+    };
+}
+//# sourceMappingURL=useRemoteTrigger.js.map

package/esm/components/Dialog/useRemoteTrigger.js.map

@@ -0,0 +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"}

package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js

@@ -1,7 +1,7 @@
 import React, { useMemo, } from 'react';
 import innerText from 'react-innertext';
 import styled, { css } from 'styled-components';
-import { Dropdown, DropdownContent, DropdownTrigger } from '..';
+import { Dropdown, DropdownContent, DropdownScrollArea, DropdownTrigger } from '..';
 import { useTheme } from '../../../hooks/useTheme';
 import { Button } from '../../Button';
 import { FaCaretDownIcon, FaEllipsisHIcon } from '../../Icon';
@@ -18,9 +18,10 @@ export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigg
         React.createElement(DropdownTrigger, { className: `${classNames.wrapper}${className && ` ${className}`}` },
             React.createElement(TriggerButton, { ...props, suffix: triggerSuffix, size: triggerSize, square: onlyIconTrigger, className: classNames.trigger }, triggerLabel)),
         React.createElement(DropdownContent, null,
-            React.createElement(ActionList, { themes: themes, className: classNames.panel }, React.Children.map(children, (item, i) => 
-            // MEMO: {flag && <Button/>}のような書き方に対応させるためbooleanの判定を入れています
-            item && typeof item !== 'boolean' ? React.createElement("li", { key: i }, actionItem(item)) : null)))));
+            React.createElement(DropdownScrollArea, null,
+                React.createElement(ActionList, { themes: themes, className: classNames.panel }, React.Children.map(children, (item, i) => 
+                // MEMO: {flag && <Button/>}のような書き方に対応させるためbooleanの判定を入れています
+                item && typeof item !== 'boolean' ? React.createElement("li", { key: i }, actionItem(item)) : null))))));
 };
 const TriggerButton = styled(Button) `
   &[aria-expanded='true'] .smarthr-ui-Icon:last-child {

package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}

package/esm/components/Header/HeaderDropdownMenuButton.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export declare const HeaderDropdownMenuButton: import("styled-components").StyledComponent<import("react").FC<{
     label: import("react").ReactNode;
     children: (boolean | import("react").ReactElement<import("../Button").BaseProps & {
@@ -6,6 +7,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         id?: string | undefined;
         name?: string | undefined;
         color?: string | undefined;
+        content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         value?: string | number | readonly string[] | undefined;
         hidden?: boolean | undefined;
@@ -14,6 +16,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
         dir?: string | undefined;
+        rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
         lang?: string | undefined;
@@ -42,6 +45,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         inlist?: any;
         property?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -105,7 +109,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -274,6 +278,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         id?: string | undefined;
         media?: string | undefined;
         color?: string | undefined;
+        content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         hidden?: boolean | undefined;
         slot?: string | undefined;
@@ -307,6 +312,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         inlist?: any;
         property?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -370,7 +376,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
@@ -545,6 +551,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         id?: string | undefined;
         name?: string | undefined;
         color?: string | undefined;
+        content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         value?: string | number | readonly string[] | undefined;
         hidden?: boolean | undefined;
@@ -553,6 +560,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
         dir?: string | undefined;
+        rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
         lang?: string | undefined;
@@ -581,6 +589,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         inlist?: any;
         property?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -644,7 +653,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -813,6 +822,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         id?: string | undefined;
         media?: string | undefined;
         color?: string | undefined;
+        content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         hidden?: boolean | undefined;
         slot?: string | undefined;
@@ -846,6 +856,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         inlist?: any;
         property?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -909,7 +920,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
@@ -1087,6 +1098,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
     id?: string | undefined;
     name?: string | undefined;
     color?: string | undefined;
+    content?: string | undefined;
     translate?: "yes" | "no" | undefined;
     value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined;
@@ -1095,6 +1107,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     dir?: string | undefined;
+    rel?: string | undefined;
     accessKey?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     lang?: string | undefined;
@@ -1125,6 +1138,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
     inlist?: any;
     property?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -1188,7 +1202,7 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;

package/esm/components/Header/HeaderLink.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export declare const HeaderLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
     onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     prefix?: import("react").ReactNode;
@@ -8,6 +9,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
     id?: string | undefined;
     media?: string | undefined;
     color?: string | undefined;
+    content?: string | undefined;
     translate?: "yes" | "no" | undefined;
     hidden?: boolean | undefined;
     slot?: string | undefined;
@@ -43,6 +45,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
     inlist?: any;
     property?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -106,7 +109,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;

package/esm/components/Pagination/PaginationItem.d.ts

@@ -11,6 +11,7 @@ export declare const ItemButton: import("styled-components").StyledComponent<Rea
     id?: string | undefined;
     name?: string | undefined;
     color?: string | undefined;
+    content?: string | undefined;
     translate?: "yes" | "no" | undefined;
     value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined;
@@ -19,6 +20,7 @@ export declare const ItemButton: import("styled-components").StyledComponent<Rea
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
     dir?: string | undefined;
+    rel?: string | undefined;
     accessKey?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     lang?: string | undefined;
@@ -47,6 +49,7 @@ export declare const ItemButton: import("styled-components").StyledComponent<Rea
     inlist?: any;
     property?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -110,7 +113,7 @@ export declare const ItemButton: import("styled-components").StyledComponent<Rea
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
     onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;

package/esm/index.d.ts

@@ -9,7 +9,7 @@ export { InputFile } from './components/InputFile';
 export { Textarea } from './components/Textarea';
 export { TextLink } from './components/TextLink';
 export { Loader } from './components/Loader';
-export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, } from './components/Dialog';
+export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
 export { Pagination } from './components/Pagination';
 export { RadioButton } from './components/RadioButton';
 export { AnchorButton, Button, PrimaryButton, PrimaryButtonAnchor, SecondaryButton, SecondaryButtonAnchor, DangerButton, DangerButtonAnchor, SkeletonButton, SkeletonButtonAnchor, TextButton, TextButtonAnchor, } from './components/Button';

package/esm/index.js

@@ -10,7 +10,7 @@ export { InputFile } from './components/InputFile';
 export { Textarea } from './components/Textarea';
 export { TextLink } from './components/TextLink';
 export { Loader } from './components/Loader';
-export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, } from './components/Dialog';
+export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
 export { Pagination } from './components/Pagination';
 export { RadioButton } from './components/RadioButton';
 export { AnchorButton, Button, PrimaryButton, PrimaryButtonAnchor, SecondaryButton, SecondaryButtonAnchor, DangerButton, DangerButtonAnchor, SkeletonButton, SkeletonButtonAnchor, TextButton, TextButtonAnchor, } from './components/Button';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/components/Dialog/RemoteDialogTrigger.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactElement } from 'react';
+export declare const RemoteDialogTrigger: React.FC<{
+    targetId: string;
+    onClick?: (open: () => void) => void;
+    children: Omit<ReactElement, 'onClick' | 'aria-haspopup' | 'aria-controls'>;
+}>;

package/lib/components/Dialog/RemoteDialogTrigger.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RemoteDialogTrigger = void 0;
+const react_1 = require("react");
+const useRemoteTrigger_1 = require("./useRemoteTrigger");
+const onClickRemoteDialogTrigger = (e) => {
+    document.dispatchEvent(new CustomEvent(useRemoteTrigger_1.TRIGGER_EVENT, {
+        detail: { id: e.currentTarget.getAttribute('aria-controls') },
+    }));
+};
+const RemoteDialogTrigger = ({ targetId, children, onClick }) => {
+    const actualOnClick = (0, react_1.useCallback)((e) => {
+        if (onClick) {
+            return onClick(() => {
+                onClickRemoteDialogTrigger(e);
+            });
+        }
+        onClickRemoteDialogTrigger(e);
+    }, [onClick]);
+    const actualTrigger = (0, react_1.useMemo)(() => (0, react_1.cloneElement)(children, {
+        onClick: actualOnClick,
+        'aria-haspopup': 'true',
+        'aria-controls': targetId,
+    }), [children, targetId, actualOnClick]);
+    return actualTrigger;
+};
+exports.RemoteDialogTrigger = RemoteDialogTrigger;
+//# sourceMappingURL=RemoteDialogTrigger.js.map

package/lib/components/Dialog/RemoteDialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteDialogTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/RemoteDialogTrigger.tsx"],"names":[],"mappings":";;;AAAA,iCAA+E;AAE/E,yDAAkD;AAElD,MAAM,0BAA0B,GAAG,CAAC,CAAgC,EAAE,EAAE;IACtE,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,gCAAa,EAAE;QAC7B,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAW,EAAE;KACxE,CAAC,CACH,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,mBAAmB,GAI3B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACvC,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/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,IAAA,eAAO,EAC3B,GAAG,EAAE,CACH,IAAA,oBAAY,EAAC,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;AA5BY,QAAA,mBAAmB,uBA4B/B"}

package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.d.ts

@@ -1,13 +1,6 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
 import { ActionDialog } from '../ActionDialog';
-type Props = Omit<React.ComponentProps<typeof ActionDialog>, 'isOpen' | 'onClickClose' | 'id'> & {
-    id: string;
-    onClickClose?: (close: () => void) => void;
-};
-export declare const RemoteDialogTrigger: React.FC<{
-    targetId: string;
-    onClick?: (open: () => void) => void;
-    children: Omit<ReactElement, 'onClick' | 'aria-haspopup' | 'aria-controls'>;
-}>;
+import { useRemoteTrigger } from '../useRemoteTrigger';
+type Props = Omit<React.ComponentProps<typeof ActionDialog>, 'isOpen' | 'onClickClose' | 'id'> & Parameters<typeof useRemoteTrigger>[0];
 export declare const RemoteTriggerActionDialog: React.FC<Props>;
 export {};