smarthr-ui 75.3.2 → 75.4.0

package/esm/components/Disclosure/Disclosure.js

@@ -1,73 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useMemo, cloneElement, useEffect } from 'react';
-import { VisuallyHiddenText } from '../VisuallyHiddenText/VisuallyHiddenText.js';
-
-const TRIGGER_EVENT = 'smarthr-ui:disclosure-trigger-dispatch';
-const CONTENT_TOGGLE_EVENT = 'smarthr-ui:disclosure-content-toggle-dispatch';
-const toggleEffectListener = (event_key, callback) => {
-    document.addEventListener(event_key, callback);
-    return () => {
-        document.removeEventListener(event_key, callback);
-    };
-};
-const DisclosureTrigger = ({ targetId, children, onClick, ...rest }) => {
-    const [expanded, setExpanded] = useState(false);
-    const actualOnClick = useCallback((e) => {
-        const toggleExpanded = () => {
-            setExpanded((current) => !current);
-        };
-        if (onClick) {
-            return onClick(toggleExpanded, e);
-        }
-        toggleExpanded();
-    }, [onClick]);
-    const actualTrigger = useMemo(() => {
-        const actualChildren = children instanceof Function ? children({ expanded }) : children;
-        return cloneElement(actualChildren, {
-            onClick: actualOnClick,
-            'aria-expanded': expanded.toString(),
-            'aria-controls': targetId,
-            ...rest,
-        });
-    }, [expanded, children, actualOnClick, targetId, rest]);
-    useEffect(() => toggleEffectListener(CONTENT_TOGGLE_EVENT, (e) => {
-        if (targetId === e.detail.id) {
-            setExpanded(e.detail.expanded);
-        }
-    }), [targetId]);
-    useEffect(() => {
-        // HINT: 基本的にtriggerはcontentより先にレンダリングされる
-        // そのため、contentがレンダリングされたあとになることを期待して
-        // requestAnimationFrameでイベント発火を遅延させる
-        requestAnimationFrame(() => {
-            document.dispatchEvent(new CustomEvent(TRIGGER_EVENT, {
-                detail: { id: targetId, expanded },
-            }));
-        });
-    }, [expanded, targetId]);
-    return actualTrigger;
-};
-const DisclosureContent = ({ id, isOpen, visuallyHidden, children, ...rest }) => {
-    const [expanded, setExpanded] = useState(isOpen || false);
-    useEffect(() => {
-        document.dispatchEvent(new CustomEvent(CONTENT_TOGGLE_EVENT, {
-            detail: { id, expanded: isOpen || false },
-        }));
-    }, [isOpen, id]);
-    useEffect(() => toggleEffectListener(TRIGGER_EVENT, (e) => {
-        if (id === e.detail.id) {
-            setExpanded(e.detail.expanded);
-        }
-    }), [id]);
-    if (expanded) {
-        return (jsx("div", { ...rest, id: id, children: children }));
-    }
-    if (visuallyHidden) {
-        return (jsx(VisuallyHiddenText, { ...rest, id: id, as: "div", children: children }));
-    }
-    return null;
-};
-
-export { DisclosureContent, DisclosureTrigger };
-//# sourceMappingURL=Disclosure.js.map

package/esm/components/Disclosure/Disclosure.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Disclosure.js","sources":["../../../src/components/Disclosure/Disclosure.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type FC,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactElement,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\ntype AbstractContentProps = PropsWithChildren<{\n  /** DisclosureTriggerのtargetIdと紐づけるId */\n  id: string\n  /** 開閉状態。デフォルトは閉じている */\n  isOpen?: boolean\n  /** 閉じた状態でContentを要素として存在させるか。デフォルトでは要素は存在しない */\n  visuallyHidden?: boolean\n}>\ntype ContentProps = AbstractContentProps & Omit<ComponentProps<'div'>, keyof AbstractContentProps>\n\nconst TRIGGER_EVENT = 'smarthr-ui:disclosure-trigger-dispatch'\nconst CONTENT_TOGGLE_EVENT = 'smarthr-ui:disclosure-content-toggle-dispatch'\n\nconst toggleEffectListener = (\n  event_key: string,\n  callback: (e: Event & { detail: { id: string; expanded: boolean } }) => void,\n) => {\n  document.addEventListener(\n    event_key,\n    callback as Parameters<typeof document.addEventListener>['1'],\n  )\n\n  return () => {\n    document.removeEventListener(\n      event_key,\n      callback as Parameters<typeof document.removeEventListener>['1'],\n    )\n  }\n}\n\ntype TriggerChildrenType = Omit<ReactElement, 'onClick' | 'aria-expanded' | 'aria-controls'>\n\nexport const DisclosureTrigger: FC<{\n  /** DisclosureContentのidと紐づける文字列 */\n  targetId: string\n  /** 開閉時のハンドラー */\n  onClick?: (open: () => void, e: MouseEvent<HTMLButtonElement>) => void\n  children: TriggerChildrenType | ((args: { expanded: boolean }) => TriggerChildrenType)\n}> = ({ targetId, children, onClick, ...rest }) => {\n  const [expanded, setExpanded] = useState(false)\n\n  const actualOnClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const toggleExpanded = () => {\n        setExpanded((current) => !current)\n      }\n\n      if (onClick) {\n        return onClick(toggleExpanded, e)\n      }\n\n      toggleExpanded()\n    },\n    [onClick],\n  )\n  const actualTrigger = useMemo(() => {\n    const actualChildren = children instanceof Function ? children({ expanded }) : children\n\n    return cloneElement(actualChildren as ReactElement, {\n      onClick: actualOnClick,\n      'aria-expanded': expanded.toString(),\n      'aria-controls': targetId,\n      ...rest,\n    })\n  }, [expanded, children, actualOnClick, targetId, rest])\n\n  useEffect(\n    () =>\n      toggleEffectListener(CONTENT_TOGGLE_EVENT, (e) => {\n        if (targetId === e.detail.id) {\n          setExpanded(e.detail.expanded)\n        }\n      }),\n    [targetId],\n  )\n\n  useEffect(() => {\n    // HINT: 基本的にtriggerはcontentより先にレンダリングされる\n    // そのため、contentがレンダリングされたあとになることを期待して\n    // requestAnimationFrameでイベント発火を遅延させる\n    requestAnimationFrame(() => {\n      document.dispatchEvent(\n        new CustomEvent(TRIGGER_EVENT, {\n          detail: { id: targetId, expanded },\n        }),\n      )\n    })\n  }, [expanded, targetId])\n\n  return actualTrigger\n}\n\nexport const DisclosureContent: FC<ContentProps> = ({\n  id,\n  isOpen,\n  visuallyHidden,\n  children,\n  ...rest\n}) => {\n  const [expanded, setExpanded] = useState(isOpen || false)\n\n  useEffect(() => {\n    document.dispatchEvent(\n      new CustomEvent(CONTENT_TOGGLE_EVENT, {\n        detail: { id, expanded: isOpen || false },\n      }),\n    )\n  }, [isOpen, id])\n\n  useEffect(\n    () =>\n      toggleEffectListener(TRIGGER_EVENT, (e) => {\n        if (id === e.detail.id) {\n          setExpanded(e.detail.expanded)\n        }\n      }),\n    [id],\n  )\n\n  if (expanded) {\n    return (\n      <div {...rest} id={id}>\n        {children}\n      </div>\n    )\n  }\n\n  if (visuallyHidden) {\n    return (\n      <VisuallyHiddenText {...rest} id={id} as=\"div\">\n        {children}\n      </VisuallyHiddenText>\n    )\n  }\n\n  return null\n}\n"],"names":[],"mappings":";;;;;AA2BA;AACA;AAEA;AAIE;AAKA;AACE;AAIF;AACF;AAIO;;AASL;;;AAII;;AAGE;;AAGF;AACF;AAGF;AACE;;AAGE;AACA;AACA;AACA;AACD;AACH;;;AAMQ;;AAEJ;;;;;;AASA;AAEI;AACD;AAEL;AACF;AAEA;AACF;AAEO;AAOL;;AAGE;;AAGG;AAEL;;;AAMQ;;AAEJ;;;;;AAaF;;AAOF;AACF;;"}

package/lib/components/Disclosure/Disclosure.d.ts

@@ -1,22 +0,0 @@
-import { type ComponentProps, type FC, type MouseEvent, type PropsWithChildren, type ReactElement } from 'react';
-type AbstractContentProps = PropsWithChildren<{
-    /** DisclosureTriggerのtargetIdと紐づけるId */
-    id: string;
-    /** 開閉状態。デフォルトは閉じている */
-    isOpen?: boolean;
-    /** 閉じた状態でContentを要素として存在させるか。デフォルトでは要素は存在しない */
-    visuallyHidden?: boolean;
-}>;
-type ContentProps = AbstractContentProps & Omit<ComponentProps<'div'>, keyof AbstractContentProps>;
-type TriggerChildrenType = Omit<ReactElement, 'onClick' | 'aria-expanded' | 'aria-controls'>;
-export declare const DisclosureTrigger: FC<{
-    /** DisclosureContentのidと紐づける文字列 */
-    targetId: string;
-    /** 開閉時のハンドラー */
-    onClick?: (open: () => void, e: MouseEvent<HTMLButtonElement>) => void;
-    children: TriggerChildrenType | ((args: {
-        expanded: boolean;
-    }) => TriggerChildrenType);
-}>;
-export declare const DisclosureContent: FC<ContentProps>;
-export {};

package/lib/components/Disclosure/Disclosure.js

@@ -1,75 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisclosureContent = exports.DisclosureTrigger = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const VisuallyHiddenText_1 = require("../VisuallyHiddenText");
-const TRIGGER_EVENT = 'smarthr-ui:disclosure-trigger-dispatch';
-const CONTENT_TOGGLE_EVENT = 'smarthr-ui:disclosure-content-toggle-dispatch';
-const toggleEffectListener = (event_key, callback) => {
-    document.addEventListener(event_key, callback);
-    return () => {
-        document.removeEventListener(event_key, callback);
-    };
-};
-const DisclosureTrigger = ({ targetId, children, onClick, ...rest }) => {
-    const [expanded, setExpanded] = (0, react_1.useState)(false);
-    const actualOnClick = (0, react_1.useCallback)((e) => {
-        const toggleExpanded = () => {
-            setExpanded((current) => !current);
-        };
-        if (onClick) {
-            return onClick(toggleExpanded, e);
-        }
-        toggleExpanded();
-    }, [onClick]);
-    const actualTrigger = (0, react_1.useMemo)(() => {
-        const actualChildren = children instanceof Function ? children({ expanded }) : children;
-        return (0, react_1.cloneElement)(actualChildren, {
-            onClick: actualOnClick,
-            'aria-expanded': expanded.toString(),
-            'aria-controls': targetId,
-            ...rest,
-        });
-    }, [expanded, children, actualOnClick, targetId, rest]);
-    (0, react_1.useEffect)(() => toggleEffectListener(CONTENT_TOGGLE_EVENT, (e) => {
-        if (targetId === e.detail.id) {
-            setExpanded(e.detail.expanded);
-        }
-    }), [targetId]);
-    (0, react_1.useEffect)(() => {
-        // HINT: 基本的にtriggerはcontentより先にレンダリングされる
-        // そのため、contentがレンダリングされたあとになることを期待して
-        // requestAnimationFrameでイベント発火を遅延させる
-        requestAnimationFrame(() => {
-            document.dispatchEvent(new CustomEvent(TRIGGER_EVENT, {
-                detail: { id: targetId, expanded },
-            }));
-        });
-    }, [expanded, targetId]);
-    return actualTrigger;
-};
-exports.DisclosureTrigger = DisclosureTrigger;
-const DisclosureContent = ({ id, isOpen, visuallyHidden, children, ...rest }) => {
-    const [expanded, setExpanded] = (0, react_1.useState)(isOpen || false);
-    (0, react_1.useEffect)(() => {
-        document.dispatchEvent(new CustomEvent(CONTENT_TOGGLE_EVENT, {
-            detail: { id, expanded: isOpen || false },
-        }));
-    }, [isOpen, id]);
-    (0, react_1.useEffect)(() => toggleEffectListener(TRIGGER_EVENT, (e) => {
-        if (id === e.detail.id) {
-            setExpanded(e.detail.expanded);
-        }
-    }), [id]);
-    if (expanded) {
-        return ((0, jsx_runtime_1.jsx)("div", { ...rest, id: id, children: children }));
-    }
-    if (visuallyHidden) {
-        return ((0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { ...rest, id: id, as: "div", children: children }));
-    }
-    return null;
-};
-exports.DisclosureContent = DisclosureContent;
-//# sourceMappingURL=Disclosure.js.map

package/lib/components/Disclosure/Disclosure.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Disclosure.js","sourceRoot":"","sources":["../../../src/components/Disclosure/Disclosure.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type FC,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactElement,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\ntype AbstractContentProps = PropsWithChildren<{\n  /** DisclosureTriggerのtargetIdと紐づけるId */\n  id: string\n  /** 開閉状態。デフォルトは閉じている */\n  isOpen?: boolean\n  /** 閉じた状態でContentを要素として存在させるか。デフォルトでは要素は存在しない */\n  visuallyHidden?: boolean\n}>\ntype ContentProps = AbstractContentProps & Omit<ComponentProps<'div'>, keyof AbstractContentProps>\n\nconst TRIGGER_EVENT = 'smarthr-ui:disclosure-trigger-dispatch'\nconst CONTENT_TOGGLE_EVENT = 'smarthr-ui:disclosure-content-toggle-dispatch'\n\nconst toggleEffectListener = (\n  event_key: string,\n  callback: (e: Event & { detail: { id: string; expanded: boolean } }) => void,\n) => {\n  document.addEventListener(\n    event_key,\n    callback as Parameters<typeof document.addEventListener>['1'],\n  )\n\n  return () => {\n    document.removeEventListener(\n      event_key,\n      callback as Parameters<typeof document.removeEventListener>['1'],\n    )\n  }\n}\n\ntype TriggerChildrenType = Omit<ReactElement, 'onClick' | 'aria-expanded' | 'aria-controls'>\n\nexport const DisclosureTrigger: FC<{\n  /** DisclosureContentのidと紐づける文字列 */\n  targetId: string\n  /** 開閉時のハンドラー */\n  onClick?: (open: () => void, e: MouseEvent<HTMLButtonElement>) => void\n  children: TriggerChildrenType | ((args: { expanded: boolean }) => TriggerChildrenType)\n}> = ({ targetId, children, onClick, ...rest }) => {\n  const [expanded, setExpanded] = useState(false)\n\n  const actualOnClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const toggleExpanded = () => {\n        setExpanded((current) => !current)\n      }\n\n      if (onClick) {\n        return onClick(toggleExpanded, e)\n      }\n\n      toggleExpanded()\n    },\n    [onClick],\n  )\n  const actualTrigger = useMemo(() => {\n    const actualChildren = children instanceof Function ? children({ expanded }) : children\n\n    return cloneElement(actualChildren as ReactElement, {\n      onClick: actualOnClick,\n      'aria-expanded': expanded.toString(),\n      'aria-controls': targetId,\n      ...rest,\n    })\n  }, [expanded, children, actualOnClick, targetId, rest])\n\n  useEffect(\n    () =>\n      toggleEffectListener(CONTENT_TOGGLE_EVENT, (e) => {\n        if (targetId === e.detail.id) {\n          setExpanded(e.detail.expanded)\n        }\n      }),\n    [targetId],\n  )\n\n  useEffect(() => {\n    // HINT: 基本的にtriggerはcontentより先にレンダリングされる\n    // そのため、contentがレンダリングされたあとになることを期待して\n    // requestAnimationFrameでイベント発火を遅延させる\n    requestAnimationFrame(() => {\n      document.dispatchEvent(\n        new CustomEvent(TRIGGER_EVENT, {\n          detail: { id: targetId, expanded },\n        }),\n      )\n    })\n  }, [expanded, targetId])\n\n  return actualTrigger\n}\n\nexport const DisclosureContent: FC<ContentProps> = ({\n  id,\n  isOpen,\n  visuallyHidden,\n  children,\n  ...rest\n}) => {\n  const [expanded, setExpanded] = useState(isOpen || false)\n\n  useEffect(() => {\n    document.dispatchEvent(\n      new CustomEvent(CONTENT_TOGGLE_EVENT, {\n        detail: { id, expanded: isOpen || false },\n      }),\n    )\n  }, [isOpen, id])\n\n  useEffect(\n    () =>\n      toggleEffectListener(TRIGGER_EVENT, (e) => {\n        if (id === e.detail.id) {\n          setExpanded(e.detail.expanded)\n        }\n      }),\n    [id],\n  )\n\n  if (expanded) {\n    return (\n      <div {...rest} id={id}>\n        {children}\n      </div>\n    )\n  }\n\n  if (visuallyHidden) {\n    return (\n      <VisuallyHiddenText {...rest} id={id} as=\"div\">\n        {children}\n      </VisuallyHiddenText>\n    )\n  }\n\n  return null\n}\n"]}