smarthr-ui 99.3.2 → 99.5.0

package/lib/components/AppHeader/components/mobile/AppLauncher.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppLauncher.js","sources":["../../../../../src/components/AppHeader/components/mobile/AppLauncher.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Localizer, useLocalize } from '../../../../intl'\nimport { UnstyledButton } from '../../../Button'\nimport { FaCircleXmarkIcon } from '../../../Icon'\nimport { SearchInput } from '../../../Input'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Text } from '../../../Text'\nimport { HelpLink } from '../../../TextLink'\nimport { useAppLauncher } from '../../hooks/useAppLauncher'\nimport { AppLauncherFeatures } from '../common/AppLauncherFeatures'\nimport { AppLauncherSortDropdown } from '../common/AppLauncherSortDropdown'\nimport { Translate } from '../common/Translate'\n\nimport { AppLauncherFilterDropdown } from './AppLauncherFilterDropdown'\n\nimport type { Launcher } from '../../types'\n\ntype Props = {\n  features: Array<Launcher['feature']>\n}\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: ['smarthr-ui-AppLauncher', 'shr-flex shr-h-full shr-flex-col'],\n    searchArea: [\n      'smarthr-ui-AppLauncher-searchArea',\n      'shr-border-b-shorthand shr-px-1 shr-py-0.75',\n      '[&_.smarthr-ui-Input]:shr-h-[42px]',\n    ],\n    headArea: 'shr-px-1 shr-py-0.75',\n    scrollArea: 'shr-flex-1 shr-basis-0',\n    bottomArea: 'shr-border-t-shorthand shr-px-1 shr-py-0.75',\n  },\n})\n\nconst CLASS_NAMES = (() => {\n  const { wrapper, searchArea, headArea, scrollArea, bottomArea } = classNameGenerator()\n\n  return {\n    wrapper: wrapper(),\n    searchArea: searchArea(),\n    headArea: headArea(),\n    scrollArea: scrollArea(),\n    bottomArea: bottomArea(),\n  }\n})()\n\nexport const AppLauncher: FC<Props> = ({ features: baseFeatures }) => {\n  const {\n    features,\n    page,\n    mode,\n    sortType,\n    searchQuery,\n    changePage,\n    setSortType,\n    onChangeSearchQuery,\n    onClickClearSearchQuery,\n  } = useAppLauncher(baseFeatures)\n\n  const { searchInputTitle } = useLocalize({\n    searchInputTitle: {\n      id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n      defaultText: 'アプリ名を入力してください。',\n    },\n  })\n\n  return (\n    <div className={CLASS_NAMES.wrapper}>\n      <div className={CLASS_NAMES.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={searchInputTitle}\n          tooltipMessage={<Translate>{searchInputTitle}</Translate>}\n          width=\"100%\"\n          value={searchQuery}\n          suffix={mode === 'search' && <ClearSearchButton onClick={onClickClearSearchQuery} />}\n          onChange={onChangeSearchQuery}\n        />\n      </div>\n\n      <Cluster className={CLASS_NAMES.headArea} justify=\"space-between\" align=\"center\">\n        {mode === 'search' ? (\n          <SearchResultText>\n            <Localizer id=\"smarthr-ui/AppHeader/Launcher/searchResultText\" defaultText=\"検索結果\" />\n          </SearchResultText>\n        ) : (\n          <AppLauncherFilterDropdown page={page} handleSelectPage={changePage} />\n        )}\n\n        {(mode === 'search' || page === 'all') && (\n          <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n        )}\n      </Cluster>\n\n      <Scroller className={CLASS_NAMES.scrollArea} styleType=\"scroll\">\n        <AppLauncherFeatures features={features} page={page} />\n      </Scroller>\n\n      <BottomArea className={CLASS_NAMES.bottomArea}>\n        <Localizer id=\"smarthr-ui/AppHeader/Launcher/helpText\" defaultText=\"よく使うアプリとは\" />\n      </BottomArea>\n    </div>\n  )\n}\n\nconst ClearSearchButton = memo<{ onClick: () => void }>(({ onClick }) => (\n  <UnstyledButton onClick={onClick}>\n    <FaCircleXmarkIcon />\n  </UnstyledButton>\n))\n\nconst SearchResultText = memo<PropsWithChildren>(({ children }) => (\n  <Text size=\"S\" weight=\"bold\">\n    <Translate>{children}</Translate>\n  </Text>\n))\n\nconst BottomArea = memo<PropsWithChildren<{ className: string }>>(({ children, className }) => (\n  <div className={className}>\n    <Text size=\"XS\">\n      <HelpLink\n        href=\"https://support.smarthr.jp/ja/help/articles/2bfd350d-8e8b-4bbd-a209-426d2eb302cc/\"\n        target=\"_blank\"\n      >\n        <Translate>{children}</Translate>\n      </HelpLink>\n    </Text>\n  </div>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,CAAC,wBAAwB,EAAE,kCAAkC,CAAC;AACvE,QAAA,UAAU,EAAE;YACV,mCAAmC;YACnC,6CAA6C;YAC7C,oCAAoC;AACrC,SAAA;AACD,QAAA,QAAQ,EAAE,sBAAsB;AAChC,QAAA,UAAU,EAAE,wBAAwB;AACpC,QAAA,UAAU,EAAE,6CAA6C;AAC1D,KAAA;AACF,CAAA,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,MAAK;AACxB,IAAA,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE;IAEtF,OAAO;QACL,OAAO,EAAE,OAAO,EAAE;QAClB,UAAU,EAAE,UAAU,EAAE;QACxB,QAAQ,EAAE,QAAQ,EAAE;QACpB,UAAU,EAAE,UAAU,EAAE;QACxB,UAAU,EAAE,UAAU,EAAE;KACzB;AACH,CAAC,GAAG;AAEG,MAAM,WAAW,GAAc,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAI;IACnE,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,uBAAuB,GACxB,GAAG,cAAc,CAAC,YAAY,CAAC;AAEhC,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC;AACvC,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,gDAAgD;AACpD,YAAA,WAAW,EAAE,gBAAgB;AAC9B,SAAA;AACF,KAAA,CAAC;IAEF,QACEC,cAAK,SAAS,EAAE,WAAW,CAAC,OAAO,aACjCC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,WAAW,CAAC,UAAU,EAAA,QAAA,EACpCA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,gBAAgB,EACvB,cAAc,EAAEA,IAAC,SAAS,EAAA,EAAA,QAAA,EAAE,gBAAgB,EAAA,CAAa,EACzD,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,IAAI,KAAK,QAAQ,IAAIA,GAAA,CAAC,iBAAiB,IAAC,OAAO,EAAE,uBAAuB,EAAA,CAAI,EACpF,QAAQ,EAAE,mBAAmB,GAC7B,EAAA,CACE,EAEND,KAAC,OAAO,EAAA,EAAC,SAAS,EAAE,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC7E,IAAI,KAAK,QAAQ,IAChBC,IAAC,gBAAgB,EAAA,EAAA,QAAA,EACfA,IAAC,SAAS,EAAA,EAAC,EAAE,EAAC,gDAAgD,EAAC,WAAW,EAAC,0BAAM,GAAG,EAAA,CACnE,KAEnBA,GAAA,CAAC,yBAAyB,IAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAA,CAAI,CACxE,EAEA,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,KAAK,MACnCA,GAAA,CAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAA,CAAI,CAC/E,CAAA,EAAA,CACO,EAEVA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC7DA,IAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAAA,CAC9C,EAEXA,IAAC,UAAU,EAAA,EAAC,SAAS,EAAE,WAAW,CAAC,UAAU,EAAA,QAAA,EAC3CA,IAAC,SAAS,EAAA,EAAC,EAAE,EAAC,wCAAwC,EAAC,WAAW,EAAC,wDAAW,EAAA,CAAG,EAAA,CACtE,CAAA,EAAA,CACT;AAEV;AAEA,MAAM,iBAAiB,GAAG,IAAI,CAA0B,CAAC,EAAE,OAAO,EAAE,MAClEA,IAAC,cAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,QAAA,EAC9BA,GAAA,CAAC,iBAAiB,EAAA,EAAA,CAAG,EAAA,CACN,CAClB,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAI,CAAoB,CAAC,EAAE,QAAQ,EAAE,MAC5DA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC1BA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAa,EAAA,CAC5B,CACR,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,CAA2C,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MACxFA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,EAAA,QAAA,EACvBA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EACbA,IAAC,QAAQ,EAAA,EACP,IAAI,EAAC,mFAAmF,EACxF,MAAM,EAAC,QAAQ,YAEfA,GAAA,CAAC,SAAS,cAAE,QAAQ,EAAA,CAAa,GACxB,EAAA,CACN,EAAA,CACH,CACP,CAAC;;;;"}
+{"version":3,"file":"AppLauncher.js","sources":["../../../../../src/components/AppHeader/components/mobile/AppLauncher.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Localizer, useLocalize } from '../../../../intl'\nimport { UnstyledButton } from '../../../Button'\nimport { FaCircleXmarkIcon } from '../../../Icon'\nimport { SearchInput } from '../../../Input'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Text } from '../../../Text'\nimport { HelpLink } from '../../../TextLink'\nimport { useAppLauncher } from '../../hooks/useAppLauncher'\nimport { AppLauncherFeatures } from '../common/AppLauncherFeatures'\nimport { AppLauncherSortDropdown } from '../common/AppLauncherSortDropdown'\nimport { Translate } from '../common/Translate'\n\nimport { AppLauncherFilterDropdown } from './AppLauncherFilterDropdown'\n\nimport type { Launcher } from '../../types'\n\ntype Props = {\n  features: Array<Launcher['feature']>\n}\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: ['smarthr-ui-AppLauncher', 'shr-flex shr-h-full shr-flex-col'],\n    searchArea: [\n      'smarthr-ui-AppLauncher-searchArea',\n      'shr-border-b-shorthand shr-px-1 shr-py-0.75',\n      '[&_.smarthr-ui-Input]:shr-h-[42px]',\n    ],\n    headArea: 'shr-px-1 shr-py-0.75',\n    scrollArea: 'shr-flex-1 shr-basis-0',\n    bottomArea: 'shr-border-t-shorthand shr-px-1 shr-py-0.75',\n  },\n})\n\nconst CLASS_NAMES = (() => {\n  const { wrapper, searchArea, headArea, scrollArea, bottomArea } = classNameGenerator()\n\n  return {\n    wrapper: wrapper(),\n    searchArea: searchArea(),\n    headArea: headArea(),\n    scrollArea: scrollArea(),\n    bottomArea: bottomArea(),\n  }\n})()\n\nexport const AppLauncher: FC<Props> = ({ features: baseFeatures }) => {\n  const {\n    features,\n    page,\n    mode,\n    sortType,\n    searchQuery,\n    changePage,\n    setSortType,\n    onChangeSearchQuery,\n    onClickClearSearchQuery,\n    callbackRef,\n  } = useAppLauncher(baseFeatures)\n\n  const { searchInputTitle } = useLocalize({\n    searchInputTitle: {\n      id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n      defaultText: 'アプリ名を入力してください。',\n    },\n  })\n\n  return (\n    <div ref={callbackRef} className={CLASS_NAMES.wrapper}>\n      <div className={CLASS_NAMES.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={searchInputTitle}\n          tooltipMessage={<Translate>{searchInputTitle}</Translate>}\n          width=\"100%\"\n          value={searchQuery}\n          suffix={mode === 'search' && <ClearSearchButton onClick={onClickClearSearchQuery} />}\n          onChange={onChangeSearchQuery}\n        />\n      </div>\n\n      <Cluster className={CLASS_NAMES.headArea} justify=\"space-between\" align=\"center\">\n        {mode === 'search' ? (\n          <SearchResultText>\n            <Localizer id=\"smarthr-ui/AppHeader/Launcher/searchResultText\" defaultText=\"検索結果\" />\n          </SearchResultText>\n        ) : (\n          <AppLauncherFilterDropdown page={page} handleSelectPage={changePage} />\n        )}\n\n        {(mode === 'search' || page === 'all') && (\n          <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n        )}\n      </Cluster>\n\n      <Scroller className={CLASS_NAMES.scrollArea} styleType=\"scroll\">\n        <AppLauncherFeatures features={features} page={page} />\n      </Scroller>\n\n      <BottomArea className={CLASS_NAMES.bottomArea}>\n        <Localizer id=\"smarthr-ui/AppHeader/Launcher/helpText\" defaultText=\"よく使うアプリとは\" />\n      </BottomArea>\n    </div>\n  )\n}\n\nconst ClearSearchButton = memo<{ onClick: () => void }>(({ onClick }) => (\n  <UnstyledButton onClick={onClick}>\n    <FaCircleXmarkIcon />\n  </UnstyledButton>\n))\n\nconst SearchResultText = memo<PropsWithChildren>(({ children }) => (\n  <Text size=\"S\" weight=\"bold\">\n    <Translate>{children}</Translate>\n  </Text>\n))\n\nconst BottomArea = memo<PropsWithChildren<{ className: string }>>(({ children, className }) => (\n  <div className={className}>\n    <Text size=\"XS\">\n      <HelpLink\n        href=\"https://support.smarthr.jp/ja/help/articles/2bfd350d-8e8b-4bbd-a209-426d2eb302cc/\"\n        target=\"_blank\"\n      >\n        <Translate>{children}</Translate>\n      </HelpLink>\n    </Text>\n  </div>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":"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"}

package/lib/components/AppHeader/components/mobile/AppLauncherFilterDropdown.cjs

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useTheme = require('../../../../hooks/useTheme.cjs');
 require('../../../../intl/IntlProvider.cjs');
 require('react-intl');

package/lib/components/AppHeader/components/mobile/AppLauncherFilterDropdown.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useTheme } from '../../../../hooks/useTheme.js';
 import '../../../../intl/IntlProvider.js';
 import 'react-intl';

package/lib/components/AppHeader/components/mobile/LanguageSelector.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var intl_IntlProvider = require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');

package/lib/components/AppHeader/components/mobile/LanguageSelector.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useAvailableLocales } from '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/lib/components/AppHeader/components/mobile/Menu.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useHandleEscape = require('../../../../hooks/useHandleEscape.cjs');
 var hooks_usePortal = require('../../../../hooks/usePortal.cjs');
 require('../../../../intl/IntlProvider.cjs');

package/lib/components/AppHeader/components/mobile/Menu.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useContext, useCallback, useState, useEffect, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useHandleEscape } from '../../../../hooks/useHandleEscape.js';
 import { usePortal } from '../../../../hooks/usePortal.js';
 import '../../../../intl/IntlProvider.js';

package/lib/components/AppHeader/components/mobile/MenuDialog.cjs

@@ -2,8 +2,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useLatest = require('../../../../hooks/useLatest.cjs');
+var hooks_useMergeRefs = require('../../../../hooks/useMergeRefs.cjs');
 require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');
@@ -92,21 +93,31 @@ const Content = ({ domRef, children, setIsOpen, tenantSelector }) => {
         setIsReleaseNoteSelected,
         setSelectedNavigationGroup,
     });
-    const functions = React.useMemo(() => ({
-        handleDialogClose: () => latest.setIsOpen(false),
-        clearAppLauncher: () => latest.setIsAppLauncherSelected(false),
-        clearReleaseNote: () => latest.setIsReleaseNoteSelected(false),
-        clearNavigationGroup: () => latest.setSelectedNavigationGroup(null),
-    }), [latest]);
-    // HINT: Contentをanimationで非表示にしたい
-    // アニメーションが終われば、CSSTransitionのchildrenはunmountされるため、
-    // unmount時に操作内容のclearを行う
-    React.useEffect(() => () => {
-        functions.clearReleaseNote();
-        functions.clearAppLauncher();
-        functions.clearNavigationGroup();
-    }, [functions]);
-    return (jsxRuntime.jsxs(components_SectioningContent_SectioningContent.Section, { role: "dialog", "aria-modal": "true", className: CLASS_NAMES.wrapper, ref: domRef, children: [jsxRuntime.jsx("div", { className: CLASS_NAMES.header, children: jsxRuntime.jsxs(components_Layout_Cluster_Cluster.Cluster, { justify: "space-between", align: "center", children: [isAppLauncherSelected ? (jsxRuntime.jsx(components_AppHeader_components_mobile_MenuSubHeading.MenuSubHeading, { title: translated.launcherListText, handleClickBack: functions.clearAppLauncher })) : isReleaseNoteSelected ? (
+    const functions = React.useMemo(() => {
+        const clearAppLauncher = () => latest.setIsAppLauncherSelected(false);
+        const clearReleaseNote = () => latest.setIsReleaseNoteSelected(false);
+        const clearNavigationGroup = () => latest.setSelectedNavigationGroup(null);
+        return {
+            // HINT: Contentをanimationで非表示にしたい
+            // アニメーションが終われば、CSSTransitionのchildrenはunmountされるため、
+            // unmount時に操作内容のclearを行う
+            // HINT: useMergeRefsはv18でもcallbackRefのcleanup関数に対応している
+            // もしuseMergeRefsをなくす場合、react v18対応が不要になっているかどうか確認する
+            callbackRef: () => () => {
+                clearReleaseNote();
+                clearAppLauncher();
+                clearNavigationGroup();
+            },
+            clearAppLauncher,
+            clearReleaseNote,
+            clearNavigationGroup,
+            handleDialogClose: () => latest.setIsOpen(false),
+        };
+    }, [latest]);
+    // HINT: useMergeRefsはv18でもcallbackRefのcleanup関数に対応している
+    // もしuseMergeRefsをなくす場合、react v18対応が不要になっているかどうか確認する
+    const mergedRef = hooks_useMergeRefs.useMergeRefs(functions.callbackRef, domRef);
+    return (jsxRuntime.jsxs(components_SectioningContent_SectioningContent.Section, { ref: mergedRef, role: "dialog", "aria-modal": "true", className: CLASS_NAMES.wrapper, children: [jsxRuntime.jsx("div", { className: CLASS_NAMES.header, children: jsxRuntime.jsxs(components_Layout_Cluster_Cluster.Cluster, { justify: "space-between", align: "center", children: [isAppLauncherSelected ? (jsxRuntime.jsx(components_AppHeader_components_mobile_MenuSubHeading.MenuSubHeading, { title: translated.launcherListText, handleClickBack: functions.clearAppLauncher })) : isReleaseNoteSelected ? (
                         // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
                         jsxRuntime.jsx(components_AppHeader_components_mobile_MenuSubHeading.MenuSubHeading, { title: translated.latestReleaseNotes, handleClickBack: functions.clearReleaseNote })) : selectedNavigationGroup ? (
                         // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content

package/lib/components/AppHeader/components/mobile/MenuDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDialog.cjs","sources":["../../../../../src/components/AppHeader/components/mobile/MenuDialog.tsx"],"sourcesContent":["import {\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport { CSSTransition } from 'react-transition-group'\nimport { tv } from 'tailwind-variants'\n\nimport { useLatest } from '../../../../hooks/useLatest'\nimport { Localizer, useLocalize } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { FocusTrap } from '../../../Dialog'\nimport { FaXmarkIcon } from '../../../Icon'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Section } from '../../../SectioningContent'\n\nimport { AppLauncher } from './AppLauncher'\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { MenuSubHeading } from './MenuSubHeading'\nimport { Navigation } from './Navigation'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNote } from './ReleaseNote'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: [\n      'shr-fixed shr-left-0 shr-top-0 shr-flex shr-h-full shr-w-full shr-flex-col shr-bg-white',\n      'shr-translate-opacity shr-opacity-0 shr-duration-150',\n      '[&&.shr-sp-menu-enter-active]:shr-opacity-100',\n      '[&&.shr-sp-menu-enter-done]:shr-opacity-100',\n      '[&&.shr-sp-menu-exit-active]:shr-opacity-0',\n      '[&&.shr-sp-menu-exit-done]:shr-opacity-0',\n    ],\n    header: 'shr-border-b-shorthand shr-sticky shr-top-0 shr-px-0.75 shr-py-0.5',\n    content: 'shr-p-1',\n  },\n})\n\nconst CLASS_NAMES = (() => {\n  const { wrapper, header, content } = classNameGenerator()\n\n  return {\n    wrapper: wrapper(),\n    header: header(),\n    content: content(),\n  }\n})()\n\ntype Props = PropsWithChildren<{\n  isOpen: boolean\n  setIsOpen: Dispatch<boolean>\n  tenantSelector: ReactNode\n}>\n\nexport const MenuDialog: FC<Props> = ({ isOpen, ...rest }) => {\n  const domRef = useRef<HTMLSelectElement>(null)\n\n  return (\n    <CSSTransition\n      classNames=\"shr-sp-menu\"\n      in={isOpen}\n      timeout={300}\n      unmountOnExit\n      nodeRef={domRef}\n    >\n      <div className=\"shr-fixed shr-z-overlap-base\">\n        <FocusTrap>\n          <Content {...rest} domRef={domRef} />\n        </FocusTrap>\n      </div>\n    </CSSTransition>\n  )\n}\n\nexport const Content: FC<\n  Omit<Props, 'isOpen'> & {\n    domRef: RefObject<HTMLSelectElement>\n  }\n> = ({ domRef, children, setIsOpen, tenantSelector }) => {\n  const { selectedNavigationGroup, setSelectedNavigationGroup } = useContext(NavigationContext)\n  const { isReleaseNoteSelected, setIsReleaseNoteSelected } = useContext(ReleaseNoteContext)\n  const { features, isAppLauncherSelected, setIsAppLauncherSelected } =\n    useContext(AppLauncherContext)\n\n  const translated = useLocalize({\n    launcherListText: {\n      id: 'smarthr-ui/AppHeader/Launcher/listText',\n      defaultText: 'アプリ一覧',\n    },\n    latestReleaseNotes: {\n      id: 'smarthr-ui/AppHeader/MobileHeader/latestReleaseNotes',\n      defaultText: '最新のリリースノート',\n    },\n  })\n\n  const latest = useLatest({\n    setIsOpen,\n    setIsAppLauncherSelected,\n    setIsReleaseNoteSelected,\n    setSelectedNavigationGroup,\n  })\n\n  const functions = useMemo(\n    () => ({\n      handleDialogClose: () => latest.setIsOpen(false),\n      clearAppLauncher: () => latest.setIsAppLauncherSelected(false),\n      clearReleaseNote: () => latest.setIsReleaseNoteSelected(false),\n      clearNavigationGroup: () => latest.setSelectedNavigationGroup(null),\n    }),\n    [latest],\n  )\n\n  // HINT: Contentをanimationで非表示にしたい\n  // アニメーションが終われば、CSSTransitionのchildrenはunmountされるため、\n  // unmount時に操作内容のclearを行う\n  useEffect(\n    () => () => {\n      functions.clearReleaseNote()\n      functions.clearAppLauncher()\n      functions.clearNavigationGroup()\n    },\n    [functions],\n  )\n\n  return (\n    <Section role=\"dialog\" aria-modal=\"true\" className={CLASS_NAMES.wrapper} ref={domRef}>\n      <div className={CLASS_NAMES.header}>\n        <Cluster justify=\"space-between\" align=\"center\">\n          {isAppLauncherSelected ? (\n            <MenuSubHeading\n              title={translated.launcherListText}\n              handleClickBack={functions.clearAppLauncher}\n            />\n          ) : isReleaseNoteSelected ? (\n            // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n            <MenuSubHeading\n              title={translated.latestReleaseNotes}\n              handleClickBack={functions.clearReleaseNote}\n            />\n          ) : selectedNavigationGroup ? (\n            // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n            <MenuSubHeading\n              title={selectedNavigationGroup.children}\n              handleClickBack={functions.clearNavigationGroup}\n            />\n          ) : (\n            <div>{tenantSelector}</div>\n          )}\n\n          <Button variant=\"secondary\" size=\"S\" onClick={functions.handleDialogClose}>\n            <FaXmarkIcon\n              alt={\n                <Localizer\n                  id=\"smarthr-ui/AppHeader/MobileHeader/closeMenu\"\n                  defaultText=\"メニューを閉じる\"\n                />\n              }\n            />\n          </Button>\n        </Cluster>\n      </div>\n\n      {isAppLauncherSelected && features && features.length > 0 ? (\n        <AppLauncher features={features} />\n      ) : (\n        <Scroller direction=\"vertical\" className={CLASS_NAMES.content}>\n          {isReleaseNoteSelected ? (\n            <ReleaseNote />\n          ) : selectedNavigationGroup ? (\n            <Navigation\n              navigations={selectedNavigationGroup.childNavigations}\n              handleClickNavigation={functions.handleDialogClose}\n            />\n          ) : (\n            children\n          )}\n        </Scroller>\n      )}\n    </Section>\n  )\n}\n"],"names":["tv","useRef","_jsx","FocusTrap","useContext","NavigationContext","ReleaseNoteContext","AppLauncherContext","useLocalize","useLatest","useMemo","useEffect","_jsxs","Section","Cluster","MenuSubHeading","Button","FaXmarkIcon","Localizer","AppLauncher","Scroller","ReleaseNote","Navigation"],"mappings":"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"}
+{"version":3,"file":"MenuDialog.cjs","sources":["../../../../../src/components/AppHeader/components/mobile/MenuDialog.tsx"],"sourcesContent":["import {\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react'\nimport { CSSTransition } from 'react-transition-group'\nimport { tv } from 'tailwind-variants'\n\nimport { useLatest } from '../../../../hooks/useLatest'\nimport { useMergeRefs } from '../../../../hooks/useMergeRefs'\nimport { Localizer, useLocalize } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { FocusTrap } from '../../../Dialog'\nimport { FaXmarkIcon } from '../../../Icon'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Section } from '../../../SectioningContent'\n\nimport { AppLauncher } from './AppLauncher'\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { MenuSubHeading } from './MenuSubHeading'\nimport { Navigation } from './Navigation'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNote } from './ReleaseNote'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: [\n      'shr-fixed shr-left-0 shr-top-0 shr-flex shr-h-full shr-w-full shr-flex-col shr-bg-white',\n      'shr-translate-opacity shr-opacity-0 shr-duration-150',\n      '[&&.shr-sp-menu-enter-active]:shr-opacity-100',\n      '[&&.shr-sp-menu-enter-done]:shr-opacity-100',\n      '[&&.shr-sp-menu-exit-active]:shr-opacity-0',\n      '[&&.shr-sp-menu-exit-done]:shr-opacity-0',\n    ],\n    header: 'shr-border-b-shorthand shr-sticky shr-top-0 shr-px-0.75 shr-py-0.5',\n    content: 'shr-p-1',\n  },\n})\n\nconst CLASS_NAMES = (() => {\n  const { wrapper, header, content } = classNameGenerator()\n\n  return {\n    wrapper: wrapper(),\n    header: header(),\n    content: content(),\n  }\n})()\n\ntype Props = PropsWithChildren<{\n  isOpen: boolean\n  setIsOpen: Dispatch<boolean>\n  tenantSelector: ReactNode\n}>\n\nexport const MenuDialog: FC<Props> = ({ isOpen, ...rest }) => {\n  const domRef = useRef<HTMLSelectElement>(null)\n\n  return (\n    <CSSTransition\n      classNames=\"shr-sp-menu\"\n      in={isOpen}\n      timeout={300}\n      unmountOnExit\n      nodeRef={domRef}\n    >\n      <div className=\"shr-fixed shr-z-overlap-base\">\n        <FocusTrap>\n          <Content {...rest} domRef={domRef} />\n        </FocusTrap>\n      </div>\n    </CSSTransition>\n  )\n}\n\nexport const Content: FC<\n  Omit<Props, 'isOpen'> & {\n    domRef: RefObject<HTMLSelectElement>\n  }\n> = ({ domRef, children, setIsOpen, tenantSelector }) => {\n  const { selectedNavigationGroup, setSelectedNavigationGroup } = useContext(NavigationContext)\n  const { isReleaseNoteSelected, setIsReleaseNoteSelected } = useContext(ReleaseNoteContext)\n  const { features, isAppLauncherSelected, setIsAppLauncherSelected } =\n    useContext(AppLauncherContext)\n\n  const translated = useLocalize({\n    launcherListText: {\n      id: 'smarthr-ui/AppHeader/Launcher/listText',\n      defaultText: 'アプリ一覧',\n    },\n    latestReleaseNotes: {\n      id: 'smarthr-ui/AppHeader/MobileHeader/latestReleaseNotes',\n      defaultText: '最新のリリースノート',\n    },\n  })\n\n  const latest = useLatest({\n    setIsOpen,\n    setIsAppLauncherSelected,\n    setIsReleaseNoteSelected,\n    setSelectedNavigationGroup,\n  })\n\n  const functions = useMemo(() => {\n    const clearAppLauncher = () => latest.setIsAppLauncherSelected(false)\n    const clearReleaseNote = () => latest.setIsReleaseNoteSelected(false)\n    const clearNavigationGroup = () => latest.setSelectedNavigationGroup(null)\n\n    return {\n      // HINT: Contentをanimationで非表示にしたい\n      // アニメーションが終われば、CSSTransitionのchildrenはunmountされるため、\n      // unmount時に操作内容のclearを行う\n      // HINT: useMergeRefsはv18でもcallbackRefのcleanup関数に対応している\n      // もしuseMergeRefsをなくす場合、react v18対応が不要になっているかどうか確認する\n      callbackRef: () => () => {\n        clearReleaseNote()\n        clearAppLauncher()\n        clearNavigationGroup()\n      },\n      clearAppLauncher,\n      clearReleaseNote,\n      clearNavigationGroup,\n      handleDialogClose: () => latest.setIsOpen(false),\n    }\n  }, [latest])\n\n  // HINT: useMergeRefsはv18でもcallbackRefのcleanup関数に対応している\n  // もしuseMergeRefsをなくす場合、react v18対応が不要になっているかどうか確認する\n  const mergedRef = useMergeRefs(functions.callbackRef, domRef)\n\n  return (\n    <Section ref={mergedRef} role=\"dialog\" aria-modal=\"true\" className={CLASS_NAMES.wrapper}>\n      <div className={CLASS_NAMES.header}>\n        <Cluster justify=\"space-between\" align=\"center\">\n          {isAppLauncherSelected ? (\n            <MenuSubHeading\n              title={translated.launcherListText}\n              handleClickBack={functions.clearAppLauncher}\n            />\n          ) : isReleaseNoteSelected ? (\n            // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n            <MenuSubHeading\n              title={translated.latestReleaseNotes}\n              handleClickBack={functions.clearReleaseNote}\n            />\n          ) : selectedNavigationGroup ? (\n            // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n            <MenuSubHeading\n              title={selectedNavigationGroup.children}\n              handleClickBack={functions.clearNavigationGroup}\n            />\n          ) : (\n            <div>{tenantSelector}</div>\n          )}\n\n          <Button variant=\"secondary\" size=\"S\" onClick={functions.handleDialogClose}>\n            <FaXmarkIcon\n              alt={\n                <Localizer\n                  id=\"smarthr-ui/AppHeader/MobileHeader/closeMenu\"\n                  defaultText=\"メニューを閉じる\"\n                />\n              }\n            />\n          </Button>\n        </Cluster>\n      </div>\n\n      {isAppLauncherSelected && features && features.length > 0 ? (\n        <AppLauncher features={features} />\n      ) : (\n        <Scroller direction=\"vertical\" className={CLASS_NAMES.content}>\n          {isReleaseNoteSelected ? (\n            <ReleaseNote />\n          ) : selectedNavigationGroup ? (\n            <Navigation\n              navigations={selectedNavigationGroup.childNavigations}\n              handleClickNavigation={functions.handleDialogClose}\n            />\n          ) : (\n            children\n          )}\n        </Scroller>\n      )}\n    </Section>\n  )\n}\n"],"names":["tv","useRef","_jsx","FocusTrap","useContext","NavigationContext","ReleaseNoteContext","AppLauncherContext","useLocalize","useLatest","useMemo","useMergeRefs","_jsxs","Section","Cluster","MenuSubHeading","Button","FaXmarkIcon","Localizer","AppLauncher","Scroller","ReleaseNote","Navigation"],"mappings":"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"}

package/lib/components/AppHeader/components/mobile/MenuDialog.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useContext, useMemo, useEffect, useRef } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { useContext, useMemo, useRef } from 'react';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useLatest } from '../../../../hooks/useLatest.js';
+import { useMergeRefs } from '../../../../hooks/useMergeRefs.js';
 import '../../../../intl/IntlProvider.js';
 import { useLocalize } from '../../../../intl/useIntl.js';
 import 'react-intl';
@@ -90,21 +91,31 @@ const Content = ({ domRef, children, setIsOpen, tenantSelector }) => {
         setIsReleaseNoteSelected,
         setSelectedNavigationGroup,
     });
-    const functions = useMemo(() => ({
-        handleDialogClose: () => latest.setIsOpen(false),
-        clearAppLauncher: () => latest.setIsAppLauncherSelected(false),
-        clearReleaseNote: () => latest.setIsReleaseNoteSelected(false),
-        clearNavigationGroup: () => latest.setSelectedNavigationGroup(null),
-    }), [latest]);
-    // HINT: Contentをanimationで非表示にしたい
-    // アニメーションが終われば、CSSTransitionのchildrenはunmountされるため、
-    // unmount時に操作内容のclearを行う
-    useEffect(() => () => {
-        functions.clearReleaseNote();
-        functions.clearAppLauncher();
-        functions.clearNavigationGroup();
-    }, [functions]);
-    return (jsxs(Section, { role: "dialog", "aria-modal": "true", className: CLASS_NAMES.wrapper, ref: domRef, children: [jsx("div", { className: CLASS_NAMES.header, children: jsxs(Cluster, { justify: "space-between", align: "center", children: [isAppLauncherSelected ? (jsx(MenuSubHeading, { title: translated.launcherListText, handleClickBack: functions.clearAppLauncher })) : isReleaseNoteSelected ? (
+    const functions = useMemo(() => {
+        const clearAppLauncher = () => latest.setIsAppLauncherSelected(false);
+        const clearReleaseNote = () => latest.setIsReleaseNoteSelected(false);
+        const clearNavigationGroup = () => latest.setSelectedNavigationGroup(null);
+        return {
+            // HINT: Contentをanimationで非表示にしたい
+            // アニメーションが終われば、CSSTransitionのchildrenはunmountされるため、
+            // unmount時に操作内容のclearを行う
+            // HINT: useMergeRefsはv18でもcallbackRefのcleanup関数に対応している
+            // もしuseMergeRefsをなくす場合、react v18対応が不要になっているかどうか確認する
+            callbackRef: () => () => {
+                clearReleaseNote();
+                clearAppLauncher();
+                clearNavigationGroup();
+            },
+            clearAppLauncher,
+            clearReleaseNote,
+            clearNavigationGroup,
+            handleDialogClose: () => latest.setIsOpen(false),
+        };
+    }, [latest]);
+    // HINT: useMergeRefsはv18でもcallbackRefのcleanup関数に対応している
+    // もしuseMergeRefsをなくす場合、react v18対応が不要になっているかどうか確認する
+    const mergedRef = useMergeRefs(functions.callbackRef, domRef);
+    return (jsxs(Section, { ref: mergedRef, role: "dialog", "aria-modal": "true", className: CLASS_NAMES.wrapper, children: [jsx("div", { className: CLASS_NAMES.header, children: jsxs(Cluster, { justify: "space-between", align: "center", children: [isAppLauncherSelected ? (jsx(MenuSubHeading, { title: translated.launcherListText, handleClickBack: functions.clearAppLauncher })) : isReleaseNoteSelected ? (
                         // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
                         jsx(MenuSubHeading, { title: translated.latestReleaseNotes, handleClickBack: functions.clearReleaseNote })) : selectedNavigationGroup ? (
                         // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content

package/lib/components/AppHeader/components/mobile/MenuDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDialog.js","sources":["../../../../../src/components/AppHeader/components/mobile/MenuDialog.tsx"],"sourcesContent":["import {\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport { CSSTransition } from 'react-transition-group'\nimport { tv } from 'tailwind-variants'\n\nimport { useLatest } from '../../../../hooks/useLatest'\nimport { Localizer, useLocalize } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { FocusTrap } from '../../../Dialog'\nimport { FaXmarkIcon } from '../../../Icon'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Section } from '../../../SectioningContent'\n\nimport { AppLauncher } from './AppLauncher'\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { MenuSubHeading } from './MenuSubHeading'\nimport { Navigation } from './Navigation'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNote } from './ReleaseNote'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: [\n      'shr-fixed shr-left-0 shr-top-0 shr-flex shr-h-full shr-w-full shr-flex-col shr-bg-white',\n      'shr-translate-opacity shr-opacity-0 shr-duration-150',\n      '[&&.shr-sp-menu-enter-active]:shr-opacity-100',\n      '[&&.shr-sp-menu-enter-done]:shr-opacity-100',\n      '[&&.shr-sp-menu-exit-active]:shr-opacity-0',\n      '[&&.shr-sp-menu-exit-done]:shr-opacity-0',\n    ],\n    header: 'shr-border-b-shorthand shr-sticky shr-top-0 shr-px-0.75 shr-py-0.5',\n    content: 'shr-p-1',\n  },\n})\n\nconst CLASS_NAMES = (() => {\n  const { wrapper, header, content } = classNameGenerator()\n\n  return {\n    wrapper: wrapper(),\n    header: header(),\n    content: content(),\n  }\n})()\n\ntype Props = PropsWithChildren<{\n  isOpen: boolean\n  setIsOpen: Dispatch<boolean>\n  tenantSelector: ReactNode\n}>\n\nexport const MenuDialog: FC<Props> = ({ isOpen, ...rest }) => {\n  const domRef = useRef<HTMLSelectElement>(null)\n\n  return (\n    <CSSTransition\n      classNames=\"shr-sp-menu\"\n      in={isOpen}\n      timeout={300}\n      unmountOnExit\n      nodeRef={domRef}\n    >\n      <div className=\"shr-fixed shr-z-overlap-base\">\n        <FocusTrap>\n          <Content {...rest} domRef={domRef} />\n        </FocusTrap>\n      </div>\n    </CSSTransition>\n  )\n}\n\nexport const Content: FC<\n  Omit<Props, 'isOpen'> & {\n    domRef: RefObject<HTMLSelectElement>\n  }\n> = ({ domRef, children, setIsOpen, tenantSelector }) => {\n  const { selectedNavigationGroup, setSelectedNavigationGroup } = useContext(NavigationContext)\n  const { isReleaseNoteSelected, setIsReleaseNoteSelected } = useContext(ReleaseNoteContext)\n  const { features, isAppLauncherSelected, setIsAppLauncherSelected } =\n    useContext(AppLauncherContext)\n\n  const translated = useLocalize({\n    launcherListText: {\n      id: 'smarthr-ui/AppHeader/Launcher/listText',\n      defaultText: 'アプリ一覧',\n    },\n    latestReleaseNotes: {\n      id: 'smarthr-ui/AppHeader/MobileHeader/latestReleaseNotes',\n      defaultText: '最新のリリースノート',\n    },\n  })\n\n  const latest = useLatest({\n    setIsOpen,\n    setIsAppLauncherSelected,\n    setIsReleaseNoteSelected,\n    setSelectedNavigationGroup,\n  })\n\n  const functions = useMemo(\n    () => ({\n      handleDialogClose: () => latest.setIsOpen(false),\n      clearAppLauncher: () => latest.setIsAppLauncherSelected(false),\n      clearReleaseNote: () => latest.setIsReleaseNoteSelected(false),\n      clearNavigationGroup: () => latest.setSelectedNavigationGroup(null),\n    }),\n    [latest],\n  )\n\n  // HINT: Contentをanimationで非表示にしたい\n  // アニメーションが終われば、CSSTransitionのchildrenはunmountされるため、\n  // unmount時に操作内容のclearを行う\n  useEffect(\n    () => () => {\n      functions.clearReleaseNote()\n      functions.clearAppLauncher()\n      functions.clearNavigationGroup()\n    },\n    [functions],\n  )\n\n  return (\n    <Section role=\"dialog\" aria-modal=\"true\" className={CLASS_NAMES.wrapper} ref={domRef}>\n      <div className={CLASS_NAMES.header}>\n        <Cluster justify=\"space-between\" align=\"center\">\n          {isAppLauncherSelected ? (\n            <MenuSubHeading\n              title={translated.launcherListText}\n              handleClickBack={functions.clearAppLauncher}\n            />\n          ) : isReleaseNoteSelected ? (\n            // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n            <MenuSubHeading\n              title={translated.latestReleaseNotes}\n              handleClickBack={functions.clearReleaseNote}\n            />\n          ) : selectedNavigationGroup ? (\n            // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n            <MenuSubHeading\n              title={selectedNavigationGroup.children}\n              handleClickBack={functions.clearNavigationGroup}\n            />\n          ) : (\n            <div>{tenantSelector}</div>\n          )}\n\n          <Button variant=\"secondary\" size=\"S\" onClick={functions.handleDialogClose}>\n            <FaXmarkIcon\n              alt={\n                <Localizer\n                  id=\"smarthr-ui/AppHeader/MobileHeader/closeMenu\"\n                  defaultText=\"メニューを閉じる\"\n                />\n              }\n            />\n          </Button>\n        </Cluster>\n      </div>\n\n      {isAppLauncherSelected && features && features.length > 0 ? (\n        <AppLauncher features={features} />\n      ) : (\n        <Scroller direction=\"vertical\" className={CLASS_NAMES.content}>\n          {isReleaseNoteSelected ? (\n            <ReleaseNote />\n          ) : selectedNavigationGroup ? (\n            <Navigation\n              navigations={selectedNavigationGroup.childNavigations}\n              handleClickNavigation={functions.handleDialogClose}\n            />\n          ) : (\n            children\n          )}\n        </Scroller>\n      )}\n    </Section>\n  )\n}\n"],"names":["tv","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"MenuDialog.js","sources":["../../../../../src/components/AppHeader/components/mobile/MenuDialog.tsx"],"sourcesContent":["import {\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react'\nimport { CSSTransition } from 'react-transition-group'\nimport { tv } from 'tailwind-variants'\n\nimport { useLatest } from '../../../../hooks/useLatest'\nimport { useMergeRefs } from '../../../../hooks/useMergeRefs'\nimport { Localizer, useLocalize } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { FocusTrap } from '../../../Dialog'\nimport { FaXmarkIcon } from '../../../Icon'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Section } from '../../../SectioningContent'\n\nimport { AppLauncher } from './AppLauncher'\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { MenuSubHeading } from './MenuSubHeading'\nimport { Navigation } from './Navigation'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNote } from './ReleaseNote'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: [\n      'shr-fixed shr-left-0 shr-top-0 shr-flex shr-h-full shr-w-full shr-flex-col shr-bg-white',\n      'shr-translate-opacity shr-opacity-0 shr-duration-150',\n      '[&&.shr-sp-menu-enter-active]:shr-opacity-100',\n      '[&&.shr-sp-menu-enter-done]:shr-opacity-100',\n      '[&&.shr-sp-menu-exit-active]:shr-opacity-0',\n      '[&&.shr-sp-menu-exit-done]:shr-opacity-0',\n    ],\n    header: 'shr-border-b-shorthand shr-sticky shr-top-0 shr-px-0.75 shr-py-0.5',\n    content: 'shr-p-1',\n  },\n})\n\nconst CLASS_NAMES = (() => {\n  const { wrapper, header, content } = classNameGenerator()\n\n  return {\n    wrapper: wrapper(),\n    header: header(),\n    content: content(),\n  }\n})()\n\ntype Props = PropsWithChildren<{\n  isOpen: boolean\n  setIsOpen: Dispatch<boolean>\n  tenantSelector: ReactNode\n}>\n\nexport const MenuDialog: FC<Props> = ({ isOpen, ...rest }) => {\n  const domRef = useRef<HTMLSelectElement>(null)\n\n  return (\n    <CSSTransition\n      classNames=\"shr-sp-menu\"\n      in={isOpen}\n      timeout={300}\n      unmountOnExit\n      nodeRef={domRef}\n    >\n      <div className=\"shr-fixed shr-z-overlap-base\">\n        <FocusTrap>\n          <Content {...rest} domRef={domRef} />\n        </FocusTrap>\n      </div>\n    </CSSTransition>\n  )\n}\n\nexport const Content: FC<\n  Omit<Props, 'isOpen'> & {\n    domRef: RefObject<HTMLSelectElement>\n  }\n> = ({ domRef, children, setIsOpen, tenantSelector }) => {\n  const { selectedNavigationGroup, setSelectedNavigationGroup } = useContext(NavigationContext)\n  const { isReleaseNoteSelected, setIsReleaseNoteSelected } = useContext(ReleaseNoteContext)\n  const { features, isAppLauncherSelected, setIsAppLauncherSelected } =\n    useContext(AppLauncherContext)\n\n  const translated = useLocalize({\n    launcherListText: {\n      id: 'smarthr-ui/AppHeader/Launcher/listText',\n      defaultText: 'アプリ一覧',\n    },\n    latestReleaseNotes: {\n      id: 'smarthr-ui/AppHeader/MobileHeader/latestReleaseNotes',\n      defaultText: '最新のリリースノート',\n    },\n  })\n\n  const latest = useLatest({\n    setIsOpen,\n    setIsAppLauncherSelected,\n    setIsReleaseNoteSelected,\n    setSelectedNavigationGroup,\n  })\n\n  const functions = useMemo(() => {\n    const clearAppLauncher = () => latest.setIsAppLauncherSelected(false)\n    const clearReleaseNote = () => latest.setIsReleaseNoteSelected(false)\n    const clearNavigationGroup = () => latest.setSelectedNavigationGroup(null)\n\n    return {\n      // HINT: Contentをanimationで非表示にしたい\n      // アニメーションが終われば、CSSTransitionのchildrenはunmountされるため、\n      // unmount時に操作内容のclearを行う\n      // HINT: useMergeRefsはv18でもcallbackRefのcleanup関数に対応している\n      // もしuseMergeRefsをなくす場合、react v18対応が不要になっているかどうか確認する\n      callbackRef: () => () => {\n        clearReleaseNote()\n        clearAppLauncher()\n        clearNavigationGroup()\n      },\n      clearAppLauncher,\n      clearReleaseNote,\n      clearNavigationGroup,\n      handleDialogClose: () => latest.setIsOpen(false),\n    }\n  }, [latest])\n\n  // HINT: useMergeRefsはv18でもcallbackRefのcleanup関数に対応している\n  // もしuseMergeRefsをなくす場合、react v18対応が不要になっているかどうか確認する\n  const mergedRef = useMergeRefs(functions.callbackRef, domRef)\n\n  return (\n    <Section ref={mergedRef} role=\"dialog\" aria-modal=\"true\" className={CLASS_NAMES.wrapper}>\n      <div className={CLASS_NAMES.header}>\n        <Cluster justify=\"space-between\" align=\"center\">\n          {isAppLauncherSelected ? (\n            <MenuSubHeading\n              title={translated.launcherListText}\n              handleClickBack={functions.clearAppLauncher}\n            />\n          ) : isReleaseNoteSelected ? (\n            // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n            <MenuSubHeading\n              title={translated.latestReleaseNotes}\n              handleClickBack={functions.clearReleaseNote}\n            />\n          ) : selectedNavigationGroup ? (\n            // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n            <MenuSubHeading\n              title={selectedNavigationGroup.children}\n              handleClickBack={functions.clearNavigationGroup}\n            />\n          ) : (\n            <div>{tenantSelector}</div>\n          )}\n\n          <Button variant=\"secondary\" size=\"S\" onClick={functions.handleDialogClose}>\n            <FaXmarkIcon\n              alt={\n                <Localizer\n                  id=\"smarthr-ui/AppHeader/MobileHeader/closeMenu\"\n                  defaultText=\"メニューを閉じる\"\n                />\n              }\n            />\n          </Button>\n        </Cluster>\n      </div>\n\n      {isAppLauncherSelected && features && features.length > 0 ? (\n        <AppLauncher features={features} />\n      ) : (\n        <Scroller direction=\"vertical\" className={CLASS_NAMES.content}>\n          {isReleaseNoteSelected ? (\n            <ReleaseNote />\n          ) : selectedNavigationGroup ? (\n            <Navigation\n              navigations={selectedNavigationGroup.childNavigations}\n              handleClickNavigation={functions.handleDialogClose}\n            />\n          ) : (\n            children\n          )}\n        </Scroller>\n      )}\n    </Section>\n  )\n}\n"],"names":["tv","_jsx","_jsxs"],"mappings":"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"}

package/lib/components/AppHeader/components/mobile/MobileHeader.cjs

@@ -33,7 +33,7 @@ const MobileHeader = ({ navigations, features, releaseNote, className = '', tena
                     releaseNote,
                     isReleaseNoteSelected,
                     setIsReleaseNoteSelected,
-                }, children: jsxRuntime.jsxs(components_Header_Header.Header, { ...rest, className: `${className} min-[752px]:!shr-hidden`, tenants: isMenuAvailable ? undefined : tenants, children: [children, jsxRuntime.jsx(components_AppHeader_components_mobile_Help.Help, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }), jsxRuntime.jsx(components_AppHeader_components_mobile_UserInfo.UserInfo, { ...userInfo, locale: locale }), isMenuAvailable && (jsxRuntime.jsx(components_AppHeader_components_mobile_Menu.Menu, { appName: appName, tenantSelector: jsxRuntime.jsx(components_AppHeader_components_mobile_TenantSelector.TenantSelector, { tenants: tenants, currentTenantId: currentTenantId, onTenantSelect: onTenantSelect }), additionalContent: mobileAdditionalContent }))] }) }) }) }));
+                }, children: jsxRuntime.jsxs(components_Header_Header.Header, { ...rest, className: `${className} min-[752px]:!shr-hidden`, tenants: isMenuAvailable ? undefined : tenants, currentTenantId: isMenuAvailable ? undefined : currentTenantId, onTenantSelect: isMenuAvailable ? undefined : onTenantSelect, children: [children, jsxRuntime.jsx(components_AppHeader_components_mobile_Help.Help, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }), jsxRuntime.jsx(components_AppHeader_components_mobile_UserInfo.UserInfo, { ...userInfo, locale: locale }), isMenuAvailable && (jsxRuntime.jsx(components_AppHeader_components_mobile_Menu.Menu, { appName: appName, tenantSelector: jsxRuntime.jsx(components_AppHeader_components_mobile_TenantSelector.TenantSelector, { tenants: tenants, currentTenantId: currentTenantId, onTenantSelect: onTenantSelect }), additionalContent: mobileAdditionalContent }))] }) }) }) }));
 };
 
 exports.MobileHeader = MobileHeader;

package/lib/components/AppHeader/components/mobile/MobileHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.cjs","sources":["../../../../../src/components/AppHeader/components/mobile/MobileHeader.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\n\nimport { Header } from '../../../Header'\n\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { Help } from './Help'\nimport { Menu } from './Menu'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\nimport { TenantSelector } from './TenantSelector'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps, NavigationGroup } from '../../types'\n\nexport const MobileHeader: FC<HeaderProps> = ({\n  navigations,\n  features,\n  releaseNote,\n  className = '',\n  tenants,\n  children,\n  helpPageUrl,\n  schoolUrl,\n  userInfo,\n  appName,\n  currentTenantId,\n  onTenantSelect,\n  mobileAdditionalContent,\n  locale,\n  ...rest\n}) => {\n  const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false)\n  const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false)\n  const [selectedNavigationGroup, setSelectedNavigationGroup] = useState<NavigationGroup | null>(\n    null,\n  )\n\n  // navigations の設定をメニューの解放条件とする\n  const isMenuAvailable = navigations && navigations.length > 0\n\n  return (\n    <AppLauncherContext.Provider\n      value={{\n        features,\n        isAppLauncherSelected,\n        setIsAppLauncherSelected,\n      }}\n    >\n      <NavigationContext.Provider\n        value={{\n          navigations: navigations ?? [],\n          selectedNavigationGroup,\n          setSelectedNavigationGroup,\n        }}\n      >\n        <ReleaseNoteContext.Provider\n          value={{\n            releaseNote,\n            isReleaseNoteSelected,\n            setIsReleaseNoteSelected,\n          }}\n        >\n          <Header\n            {...rest}\n            className={`${className} min-[752px]:!shr-hidden`}\n            tenants={isMenuAvailable ? undefined : tenants}\n          >\n            {children}\n\n            <Help helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n\n            <UserInfo {...userInfo} locale={locale} />\n\n            {isMenuAvailable && (\n              <Menu\n                appName={appName}\n                tenantSelector={\n                  <TenantSelector\n                    tenants={tenants}\n                    currentTenantId={currentTenantId}\n                    onTenantSelect={onTenantSelect}\n                  />\n                }\n                additionalContent={mobileAdditionalContent}\n              />\n            )}\n          </Header>\n        </ReleaseNoteContext.Provider>\n      </NavigationContext.Provider>\n    </AppLauncherContext.Provider>\n  )\n}\n"],"names":["useState","_jsx","AppLauncherContext","NavigationContext","ReleaseNoteContext","_jsxs","Header","Help","UserInfo","Menu","TenantSelector"],"mappings":";;;;;;;;;;;;;;;;;AAcO,MAAM,YAAY,GAAoB,CAAC,EAC5C,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,MAAM,EACN,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAGA,cAAQ,CACpE,IAAI,CACL;;IAGD,MAAM,eAAe,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AAE7D,IAAA,QACEC,cAAA,CAACC,4EAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;YACL,QAAQ;YACR,qBAAqB;YACrB,wBAAwB;AACzB,SAAA,EAAA,QAAA,EAEDD,eAACE,0EAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;gBACL,WAAW,EAAE,WAAW,IAAI,EAAE;gBAC9B,uBAAuB;gBACvB,0BAA0B;AAC3B,aAAA,EAAA,QAAA,EAEDF,eAACG,4EAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;oBACL,WAAW;oBACX,qBAAqB;oBACrB,wBAAwB;AACzB,iBAAA,EAAA,QAAA,EAEDC,gBAACC,+BAAM,EAAA,EAAA,GACD,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,wBAAA,CAA0B,EACjD,OAAO,EAAE,eAAe,GAAG,SAAS,GAAG,OAAO,aAE7C,QAAQ,EAETL,eAACM,gDAAI,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EAExDN,cAAA,CAACO,wDAAQ,OAAK,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EAEzC,eAAe,KACdP,eAACQ,gDAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,cAAc,EACZR,cAAA,CAACS,oEAAc,IACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAAA,CAC9B,EAEJ,iBAAiB,EAAE,uBAAuB,GAC1C,CACH,CAAA,EAAA,CACM,GACmB,EAAA,CACH,EAAA,CACD;AAElC;;;;"}
+{"version":3,"file":"MobileHeader.cjs","sources":["../../../../../src/components/AppHeader/components/mobile/MobileHeader.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\n\nimport { Header } from '../../../Header'\n\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { Help } from './Help'\nimport { Menu } from './Menu'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\nimport { TenantSelector } from './TenantSelector'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps, NavigationGroup } from '../../types'\n\nexport const MobileHeader: FC<HeaderProps> = ({\n  navigations,\n  features,\n  releaseNote,\n  className = '',\n  tenants,\n  children,\n  helpPageUrl,\n  schoolUrl,\n  userInfo,\n  appName,\n  currentTenantId,\n  onTenantSelect,\n  mobileAdditionalContent,\n  locale,\n  ...rest\n}) => {\n  const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false)\n  const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false)\n  const [selectedNavigationGroup, setSelectedNavigationGroup] = useState<NavigationGroup | null>(\n    null,\n  )\n\n  // navigations の設定をメニューの解放条件とする\n  const isMenuAvailable = navigations && navigations.length > 0\n\n  return (\n    <AppLauncherContext.Provider\n      value={{\n        features,\n        isAppLauncherSelected,\n        setIsAppLauncherSelected,\n      }}\n    >\n      <NavigationContext.Provider\n        value={{\n          navigations: navigations ?? [],\n          selectedNavigationGroup,\n          setSelectedNavigationGroup,\n        }}\n      >\n        <ReleaseNoteContext.Provider\n          value={{\n            releaseNote,\n            isReleaseNoteSelected,\n            setIsReleaseNoteSelected,\n          }}\n        >\n          <Header\n            {...rest}\n            className={`${className} min-[752px]:!shr-hidden`}\n            tenants={isMenuAvailable ? undefined : tenants}\n            currentTenantId={isMenuAvailable ? undefined : currentTenantId}\n            onTenantSelect={isMenuAvailable ? undefined : onTenantSelect}\n          >\n            {children}\n\n            <Help helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n\n            <UserInfo {...userInfo} locale={locale} />\n\n            {isMenuAvailable && (\n              <Menu\n                appName={appName}\n                tenantSelector={\n                  <TenantSelector\n                    tenants={tenants}\n                    currentTenantId={currentTenantId}\n                    onTenantSelect={onTenantSelect}\n                  />\n                }\n                additionalContent={mobileAdditionalContent}\n              />\n            )}\n          </Header>\n        </ReleaseNoteContext.Provider>\n      </NavigationContext.Provider>\n    </AppLauncherContext.Provider>\n  )\n}\n"],"names":["useState","_jsx","AppLauncherContext","NavigationContext","ReleaseNoteContext","_jsxs","Header","Help","UserInfo","Menu","TenantSelector"],"mappings":";;;;;;;;;;;;;;;;;AAcO,MAAM,YAAY,GAAoB,CAAC,EAC5C,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,MAAM,EACN,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAGA,cAAQ,CACpE,IAAI,CACL;;IAGD,MAAM,eAAe,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AAE7D,IAAA,QACEC,cAAA,CAACC,4EAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;YACL,QAAQ;YACR,qBAAqB;YACrB,wBAAwB;AACzB,SAAA,EAAA,QAAA,EAEDD,eAACE,0EAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;gBACL,WAAW,EAAE,WAAW,IAAI,EAAE;gBAC9B,uBAAuB;gBACvB,0BAA0B;AAC3B,aAAA,EAAA,QAAA,EAEDF,eAACG,4EAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;oBACL,WAAW;oBACX,qBAAqB;oBACrB,wBAAwB;iBACzB,EAAA,QAAA,EAEDC,eAAA,CAACC,+BAAM,EAAA,EAAA,GACD,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,wBAAA,CAA0B,EACjD,OAAO,EAAE,eAAe,GAAG,SAAS,GAAG,OAAO,EAC9C,eAAe,EAAE,eAAe,GAAG,SAAS,GAAG,eAAe,EAC9D,cAAc,EAAE,eAAe,GAAG,SAAS,GAAG,cAAc,EAAA,QAAA,EAAA,CAE3D,QAAQ,EAETL,cAAA,CAACM,gDAAI,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EAExDN,eAACO,wDAAQ,EAAA,EAAA,GAAK,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EAEzC,eAAe,KACdP,cAAA,CAACQ,gDAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,cAAc,EACZR,cAAA,CAACS,oEAAc,EAAA,EACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAAA,CAC9B,EAEJ,iBAAiB,EAAE,uBAAuB,EAAA,CAC1C,CACH,CAAA,EAAA,CACM,EAAA,CACmB,EAAA,CACH,EAAA,CACD;AAElC;;;;"}

package/lib/components/AppHeader/components/mobile/MobileHeader.js

@@ -31,7 +31,7 @@ const MobileHeader = ({ navigations, features, releaseNote, className = '', tena
                     releaseNote,
                     isReleaseNoteSelected,
                     setIsReleaseNoteSelected,
-                }, children: jsxs(Header, { ...rest, className: `${className} min-[752px]:!shr-hidden`, tenants: isMenuAvailable ? undefined : tenants, children: [children, jsx(Help, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }), jsx(UserInfo, { ...userInfo, locale: locale }), isMenuAvailable && (jsx(Menu, { appName: appName, tenantSelector: jsx(TenantSelector, { tenants: tenants, currentTenantId: currentTenantId, onTenantSelect: onTenantSelect }), additionalContent: mobileAdditionalContent }))] }) }) }) }));
+                }, children: jsxs(Header, { ...rest, className: `${className} min-[752px]:!shr-hidden`, tenants: isMenuAvailable ? undefined : tenants, currentTenantId: isMenuAvailable ? undefined : currentTenantId, onTenantSelect: isMenuAvailable ? undefined : onTenantSelect, children: [children, jsx(Help, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }), jsx(UserInfo, { ...userInfo, locale: locale }), isMenuAvailable && (jsx(Menu, { appName: appName, tenantSelector: jsx(TenantSelector, { tenants: tenants, currentTenantId: currentTenantId, onTenantSelect: onTenantSelect }), additionalContent: mobileAdditionalContent }))] }) }) }) }));
 };
 
 export { MobileHeader };

package/lib/components/AppHeader/components/mobile/MobileHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.js","sources":["../../../../../src/components/AppHeader/components/mobile/MobileHeader.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\n\nimport { Header } from '../../../Header'\n\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { Help } from './Help'\nimport { Menu } from './Menu'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\nimport { TenantSelector } from './TenantSelector'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps, NavigationGroup } from '../../types'\n\nexport const MobileHeader: FC<HeaderProps> = ({\n  navigations,\n  features,\n  releaseNote,\n  className = '',\n  tenants,\n  children,\n  helpPageUrl,\n  schoolUrl,\n  userInfo,\n  appName,\n  currentTenantId,\n  onTenantSelect,\n  mobileAdditionalContent,\n  locale,\n  ...rest\n}) => {\n  const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false)\n  const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false)\n  const [selectedNavigationGroup, setSelectedNavigationGroup] = useState<NavigationGroup | null>(\n    null,\n  )\n\n  // navigations の設定をメニューの解放条件とする\n  const isMenuAvailable = navigations && navigations.length > 0\n\n  return (\n    <AppLauncherContext.Provider\n      value={{\n        features,\n        isAppLauncherSelected,\n        setIsAppLauncherSelected,\n      }}\n    >\n      <NavigationContext.Provider\n        value={{\n          navigations: navigations ?? [],\n          selectedNavigationGroup,\n          setSelectedNavigationGroup,\n        }}\n      >\n        <ReleaseNoteContext.Provider\n          value={{\n            releaseNote,\n            isReleaseNoteSelected,\n            setIsReleaseNoteSelected,\n          }}\n        >\n          <Header\n            {...rest}\n            className={`${className} min-[752px]:!shr-hidden`}\n            tenants={isMenuAvailable ? undefined : tenants}\n          >\n            {children}\n\n            <Help helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n\n            <UserInfo {...userInfo} locale={locale} />\n\n            {isMenuAvailable && (\n              <Menu\n                appName={appName}\n                tenantSelector={\n                  <TenantSelector\n                    tenants={tenants}\n                    currentTenantId={currentTenantId}\n                    onTenantSelect={onTenantSelect}\n                  />\n                }\n                additionalContent={mobileAdditionalContent}\n              />\n            )}\n          </Header>\n        </ReleaseNoteContext.Provider>\n      </NavigationContext.Provider>\n    </AppLauncherContext.Provider>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,YAAY,GAAoB,CAAC,EAC5C,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,MAAM,EACN,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CACpE,IAAI,CACL;;IAGD,MAAM,eAAe,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AAE7D,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;YACL,QAAQ;YACR,qBAAqB;YACrB,wBAAwB;AACzB,SAAA,EAAA,QAAA,EAEDA,IAAC,iBAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;gBACL,WAAW,EAAE,WAAW,IAAI,EAAE;gBAC9B,uBAAuB;gBACvB,0BAA0B;AAC3B,aAAA,EAAA,QAAA,EAEDA,IAAC,kBAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;oBACL,WAAW;oBACX,qBAAqB;oBACrB,wBAAwB;AACzB,iBAAA,EAAA,QAAA,EAEDC,KAAC,MAAM,EAAA,EAAA,GACD,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,wBAAA,CAA0B,EACjD,OAAO,EAAE,eAAe,GAAG,SAAS,GAAG,OAAO,aAE7C,QAAQ,EAETD,IAAC,IAAI,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EAExDA,GAAA,CAAC,QAAQ,OAAK,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EAEzC,eAAe,KACdA,IAAC,IAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,cAAc,EACZA,GAAA,CAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAAA,CAC9B,EAEJ,iBAAiB,EAAE,uBAAuB,GAC1C,CACH,CAAA,EAAA,CACM,GACmB,EAAA,CACH,EAAA,CACD;AAElC;;;;"}
+{"version":3,"file":"MobileHeader.js","sources":["../../../../../src/components/AppHeader/components/mobile/MobileHeader.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\n\nimport { Header } from '../../../Header'\n\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { Help } from './Help'\nimport { Menu } from './Menu'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\nimport { TenantSelector } from './TenantSelector'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps, NavigationGroup } from '../../types'\n\nexport const MobileHeader: FC<HeaderProps> = ({\n  navigations,\n  features,\n  releaseNote,\n  className = '',\n  tenants,\n  children,\n  helpPageUrl,\n  schoolUrl,\n  userInfo,\n  appName,\n  currentTenantId,\n  onTenantSelect,\n  mobileAdditionalContent,\n  locale,\n  ...rest\n}) => {\n  const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false)\n  const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false)\n  const [selectedNavigationGroup, setSelectedNavigationGroup] = useState<NavigationGroup | null>(\n    null,\n  )\n\n  // navigations の設定をメニューの解放条件とする\n  const isMenuAvailable = navigations && navigations.length > 0\n\n  return (\n    <AppLauncherContext.Provider\n      value={{\n        features,\n        isAppLauncherSelected,\n        setIsAppLauncherSelected,\n      }}\n    >\n      <NavigationContext.Provider\n        value={{\n          navigations: navigations ?? [],\n          selectedNavigationGroup,\n          setSelectedNavigationGroup,\n        }}\n      >\n        <ReleaseNoteContext.Provider\n          value={{\n            releaseNote,\n            isReleaseNoteSelected,\n            setIsReleaseNoteSelected,\n          }}\n        >\n          <Header\n            {...rest}\n            className={`${className} min-[752px]:!shr-hidden`}\n            tenants={isMenuAvailable ? undefined : tenants}\n            currentTenantId={isMenuAvailable ? undefined : currentTenantId}\n            onTenantSelect={isMenuAvailable ? undefined : onTenantSelect}\n          >\n            {children}\n\n            <Help helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n\n            <UserInfo {...userInfo} locale={locale} />\n\n            {isMenuAvailable && (\n              <Menu\n                appName={appName}\n                tenantSelector={\n                  <TenantSelector\n                    tenants={tenants}\n                    currentTenantId={currentTenantId}\n                    onTenantSelect={onTenantSelect}\n                  />\n                }\n                additionalContent={mobileAdditionalContent}\n              />\n            )}\n          </Header>\n        </ReleaseNoteContext.Provider>\n      </NavigationContext.Provider>\n    </AppLauncherContext.Provider>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,YAAY,GAAoB,CAAC,EAC5C,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,MAAM,EACN,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CACpE,IAAI,CACL;;IAGD,MAAM,eAAe,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AAE7D,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;YACL,QAAQ;YACR,qBAAqB;YACrB,wBAAwB;AACzB,SAAA,EAAA,QAAA,EAEDA,IAAC,iBAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;gBACL,WAAW,EAAE,WAAW,IAAI,EAAE;gBAC9B,uBAAuB;gBACvB,0BAA0B;AAC3B,aAAA,EAAA,QAAA,EAEDA,IAAC,kBAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;oBACL,WAAW;oBACX,qBAAqB;oBACrB,wBAAwB;iBACzB,EAAA,QAAA,EAEDC,IAAA,CAAC,MAAM,EAAA,EAAA,GACD,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,wBAAA,CAA0B,EACjD,OAAO,EAAE,eAAe,GAAG,SAAS,GAAG,OAAO,EAC9C,eAAe,EAAE,eAAe,GAAG,SAAS,GAAG,eAAe,EAC9D,cAAc,EAAE,eAAe,GAAG,SAAS,GAAG,cAAc,EAAA,QAAA,EAAA,CAE3D,QAAQ,EAETD,GAAA,CAAC,IAAI,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EAExDA,IAAC,QAAQ,EAAA,EAAA,GAAK,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EAEzC,eAAe,KACdA,GAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,cAAc,EACZA,GAAA,CAAC,cAAc,EAAA,EACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAAA,CAC9B,EAEJ,iBAAiB,EAAE,uBAAuB,EAAA,CAC1C,CACH,CAAA,EAAA,CACM,EAAA,CACmB,EAAA,CACH,EAAA,CACD;AAElC;;;;"}

package/lib/components/AppHeader/components/mobile/Navigation.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var components_Text_Text = require('../../../Text/Text.cjs');
 var components_AppHeader_utils = require('../../utils.cjs');
 var components_AppHeader_components_mobile_NavigationItem = require('./NavigationItem.cjs');

package/lib/components/AppHeader/components/mobile/Navigation.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { Text } from '../../../Text/Text.js';
 import { isChildNavigationGroup } from '../../utils.js';
 import { NavigationItem } from './NavigationItem.js';

package/lib/components/AppHeader/components/mobile/NavigationItem.cjs

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useLatest = require('../../../../hooks/useLatest.cjs');
 var components_AppHeader_utils = require('../../utils.cjs');
 var components_AppHeader_components_common_CommonButton = require('../common/CommonButton.cjs');

package/lib/components/AppHeader/components/mobile/NavigationItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useContext } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useLatest } from '../../../../hooks/useLatest.js';
 import { isChildNavigation } from '../../utils.js';
 import { commonButtonClassNameGenerator, CommonButton } from '../common/CommonButton.js';

package/lib/components/AppHeader/components/mobile/ReleaseNote.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 require('../../../../intl/IntlProvider.cjs');
 require('react-intl');
 var intl_Localizer = require('../../../../intl/Localizer.cjs');

package/lib/components/AppHeader/components/mobile/ReleaseNote.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useContext } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import 'react-intl';
 import { Localizer } from '../../../../intl/Localizer.js';

package/lib/components/AppHeader/components/mobile/TenantSelector.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useLatest = require('../../../../hooks/useLatest.cjs');
 var components_Dropdown_Dropdown = require('../../../Dropdown/Dropdown.cjs');
 var components_Dropdown_DropdownTrigger = require('../../../Dropdown/DropdownTrigger.cjs');

package/lib/components/AppHeader/components/mobile/TenantSelector.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useLatest } from '../../../../hooks/useLatest.js';
 import { Dropdown } from '../../../Dropdown/Dropdown.js';
 import { DropdownTrigger } from '../../../Dropdown/DropdownTrigger.js';

package/lib/components/AppHeader/components/mobile/UserInfo.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 require('../../../../intl/IntlProvider.cjs');
 require('react-intl');
 var intl_Localizer = require('../../../../intl/Localizer.cjs');

package/lib/components/AppHeader/components/mobile/UserInfo.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo, useState } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import 'react-intl';
 import { Localizer } from '../../../../intl/Localizer.js';

package/lib/components/AppHeader/hooks/useAppLauncher.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var hooks_useAnimationFrame = require('../../../hooks/useAnimationFrame.cjs');
 
 const useAppLauncher = (baseFeatures) => {
     const [page, setPage] = React.useState('favorite');
@@ -36,12 +37,18 @@ const useAppLauncher = (baseFeatures) => {
         }
     }, [mode]);
     const onChangeSearchQuery = React.useCallback((e) => changeSearchQuery(e.currentTarget.value), [changeSearchQuery]);
+    const clearSearchQueryFrame = hooks_useAnimationFrame.useAnimationFrame();
     const onClickClearSearchQuery = React.useCallback(() => {
         // HINT: 別のスレッドにしないとドロップダウンが閉じてしまう
-        requestAnimationFrame(() => {
+        clearSearchQueryFrame.request(() => {
             changeSearchQuery('');
         });
-    }, [changeSearchQuery]);
+    }, [changeSearchQuery, clearSearchQueryFrame]);
+    const callbackRef = React.useCallback((node) => {
+        if (!node) {
+            clearSearchQueryFrame.cancel();
+        }
+    }, [clearSearchQueryFrame]);
     return {
         features,
         page,
@@ -52,6 +59,7 @@ const useAppLauncher = (baseFeatures) => {
         setSortType,
         onChangeSearchQuery,
         onClickClearSearchQuery,
+        callbackRef,
     };
 };
 const sortFeatures = (features, { page, sortType, mode, searchQuery, }) => {