smarthr-ui 75.4.0 → 76.0.0

package/esm/_virtual/index.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.23_react@19.1.1/vendor/react-innertext/index.js';
+import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
 
-var reactInnertextExports = requireReactInnertext();
-var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
+var lodash_mergeExports = requireLodash_merge();
+var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
 
-export { innerText as default };
+export { _merge as default };
 //# sourceMappingURL=index.js.map

package/esm/_virtual/index2.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
+import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
 
-var lodash_mergeExports = requireLodash_merge();
-var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
+var lodash_rangeExports = requireLodash_range();
+var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
 
-export { _merge as default };
+export { _range as default };
 //# sourceMappingURL=index2.js.map

package/esm/_virtual/index3.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
+import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.23_react@19.1.1/vendor/react-innertext/index.js';
 
-var lodash_rangeExports = requireLodash_range();
-var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
+var reactInnertextExports = requireReactInnertext();
+var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
 
-export { _range as default };
+export { innerText as default };
 //# sourceMappingURL=index3.js.map

package/esm/components/AppHeader/AppHeader.js

@@ -1,21 +1,17 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { IntlProvider } from '../../intl/IntlProvider.js';
-import 'react';
-import 'react-intl';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { DesktopHeader } from './components/desktop/DesktopHeader.js';
 import { MobileHeader } from './components/mobile/MobileHeader.js';
-import { LocaleContextProvider } from './hooks/useLocale.js';
 import { useMediaQuery, mediaQuery } from './hooks/useMediaQuery.js';
 
-const AppHeader = ({ locale, children, ...props }) => {
+const AppHeader = ({ children, ...props }) => {
     // NOTE: ヘッダーの出し分けは CSS によって行われているので、useMediaQuery による children の出し分けは本来不要ですが、
     //  wovn の言語切替カスタム UI の挿入対象となる DOM ("wovn-embedded-widget-anchor" クラスを持った div) が複数描画されていると、
     //  wovn のスクリプトの仕様上1つ目の DOM にしか UI が挿入されないため、やむを得ず children のみ React のレンダリングレベルでの出し分けをしています。
     const isDesktop = useMediaQuery(mediaQuery.desktop);
     // HINT: Desktop,Mobileの両ヘッダーは常にHTML上に存在し、cssでvisibleを切り替えることでSSR環境でのレイアウトシフトが発生しないようにしています
     // 表示切替は画面幅によって決まり、SSR環境では判定出来ないためです
-    return (jsx(IntlProvider, { locale: locale?.selectedLocale ?? 'ja', children: jsxs(LocaleContextProvider, { locale: locale, children: [jsx(DesktopHeader, { ...props, children: isDesktop ? children : undefined }), jsx(MobileHeader, { ...props, children: isDesktop ? undefined : children })] }) }));
+    return (jsxs(Fragment, { children: [jsx(DesktopHeader, { ...props, children: isDesktop ? children : undefined }), jsx(MobileHeader, { ...props, children: isDesktop ? undefined : children })] }));
 };
 
 export { AppHeader };

package/esm/components/AppHeader/AppHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.js","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"sourcesContent":["'use client'\n\nimport { IntlProvider } from '../../intl'\n\nimport { DesktopHeader } from './components/desktop/DesktopHeader'\nimport { MobileHeader } from './components/mobile/MobileHeader'\nimport { LocaleContextProvider } from './hooks/useLocale'\nimport { mediaQuery, useMediaQuery } from './hooks/useMediaQuery'\n\nimport type { HeaderProps } from './types'\nimport type { FC } from 'react'\n\nexport const AppHeader: FC<HeaderProps> = ({ locale, children, ...props }) => {\n  // NOTE: ヘッダーの出し分けは CSS によって行われているので、useMediaQuery による children の出し分けは本来不要ですが、\n  //  wovn の言語切替カスタム UI の挿入対象となる DOM (\"wovn-embedded-widget-anchor\" クラスを持った div) が複数描画されていると、\n  //  wovn のスクリプトの仕様上1つ目の DOM にしか UI が挿入されないため、やむを得ず children のみ React のレンダリングレベルでの出し分けをしています。\n  const isDesktop = useMediaQuery(mediaQuery.desktop)\n\n  // HINT: Desktop,Mobileの両ヘッダーは常にHTML上に存在し、cssでvisibleを切り替えることでSSR環境でのレイアウトシフトが発生しないようにしています\n  // 表示切替は画面幅によって決まり、SSR環境では判定出来ないためです\n  return (\n    <IntlProvider locale={locale?.selectedLocale ?? 'ja'}>\n      <LocaleContextProvider locale={locale}>\n        <DesktopHeader {...props}>{isDesktop ? children : undefined}</DesktopHeader>\n        <MobileHeader {...props}>{isDesktop ? undefined : children}</MobileHeader>\n      </LocaleContextProvider>\n    </IntlProvider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;AAYO;;;;;;;;AAgBP;;"}
+{"version":3,"file":"AppHeader.js","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"sourcesContent":["'use client'\n\nimport { DesktopHeader } from './components/desktop/DesktopHeader'\nimport { MobileHeader } from './components/mobile/MobileHeader'\nimport { mediaQuery, useMediaQuery } from './hooks/useMediaQuery'\n\nimport type { HeaderProps } from './types'\nimport type { FC } from 'react'\n\nexport const AppHeader: FC<HeaderProps> = ({ children, ...props }) => {\n  // NOTE: ヘッダーの出し分けは CSS によって行われているので、useMediaQuery による children の出し分けは本来不要ですが、\n  //  wovn の言語切替カスタム UI の挿入対象となる DOM (\"wovn-embedded-widget-anchor\" クラスを持った div) が複数描画されていると、\n  //  wovn のスクリプトの仕様上1つ目の DOM にしか UI が挿入されないため、やむを得ず children のみ React のレンダリングレベルでの出し分けをしています。\n  const isDesktop = useMediaQuery(mediaQuery.desktop)\n\n  // HINT: Desktop,Mobileの両ヘッダーは常にHTML上に存在し、cssでvisibleを切り替えることでSSR環境でのレイアウトシフトが発生しないようにしています\n  // 表示切替は画面幅によって決まり、SSR環境では判定出来ないためです\n  return (\n    <>\n      <DesktopHeader {...props}>{isDesktop ? children : undefined}</DesktopHeader>\n      <MobileHeader {...props}>{isDesktop ? undefined : children}</MobileHeader>\n    </>\n  )\n}\n"],"names":[],"mappings":";;;;;;AASO;;;;;;;AAQL;AAMF;;"}

package/esm/components/AppHeader/components/desktop/DesktopHeader.js

@@ -4,6 +4,7 @@ import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tai
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';
+import { localeMap } from '../../../../intl/localeMap.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';
@@ -28,8 +29,6 @@ import '../../../Layout/Reel/Reel.js';
 import '../../../Layout/Sidebar/Sidebar.js';
 import '../../../Layout/Center/Center.js';
 import '../../../Layout/Container/Container.js';
-import { useLocale } from '../../hooks/useLocale.js';
-import { localeMap } from '../../multilingualization/localeMap.js';
 import { Translate } from '../common/Translate.js';
 import { AppLauncher } from './AppLauncher.js';
 import { Navigation } from './Navigation.js';
@@ -46,7 +45,7 @@ const classNameGenerator = ce({
         ],
     },
 });
-const DesktopHeader = ({ enableNew, className = '', appName, tenants, currentTenantId, schoolUrl, helpPageUrl, children, userInfo, desktopAdditionalContent, navigations, desktopNavigationAdditionalContent, releaseNote, features, ...props }) => {
+const DesktopHeader = ({ enableNew, className = '', appName, tenants, currentTenantId, schoolUrl, helpPageUrl, children, userInfo, desktopAdditionalContent, navigations, desktopNavigationAdditionalContent, releaseNote, features, locale: localeProps, ...props }) => {
     const classNames = useMemo(() => {
         const { wrapper, appsButton } = classNameGenerator();
         return {
@@ -54,8 +53,7 @@ const DesktopHeader = ({ enableNew, className = '', appName, tenants, currentTen
             appsButton: appsButton(),
         };
     }, [className]);
-    const { locale } = useLocale();
-    const { localize } = useIntl();
+    const { localize, locale } = useIntl();
     const translated = useMemo(() => ({
         appLauncherLabel: localize({
             id: 'smarthr-ui/AppHeader/DesktopHeader/appLauncherLabel',
@@ -64,7 +62,7 @@ const DesktopHeader = ({ enableNew, className = '', appName, tenants, currentTen
         school: localize({ id: 'smarthr-ui/AppHeader/school', defaultText: 'スクール' }),
         help: localize({ id: 'smarthr-ui/AppHeader/help', defaultText: 'ヘルプ' }),
     }), [localize]);
-    return (jsxs(Fragment, { children: [jsx(Header, { ...props, enableNew: enableNew, className: classNames.wrapper, featureName: appName, tenants: tenants, currentTenantId: currentTenantId, children: jsxs(Cluster, { align: "center", className: "shr--me-0.25", children: [!enableNew && (jsxs(Fragment, { children: [features && features.length > 0 && (jsxs(Dropdown, { children: [jsx(AppLauncherButton, { enableNew: enableNew, className: classNames.appsButton, children: translated.appLauncherLabel }), jsx(DropdownContent, { controllable: true, children: jsx(AppLauncher, { features: features }) })] })), schoolUrl && (jsx(HeaderLink, { href: schoolUrl, prefix: jsx(FaGraduationCapIcon, {}), className: "shr-flex shr-items-center shr-py-0.75 shr-leading-none", children: jsx(Translate, { children: translated.school }) }))] })), helpPageUrl && (jsx(HeaderLink, { href: helpPageUrl, prefix: enableNew ? jsx(FaRegCircleQuestionIcon, {}) : jsx(FaCircleQuestionIcon, {}), className: enableNew ? undefined : 'shr-flex shr-items-center shr-py-0.75 shr-leading-none', enableNew: enableNew, children: jsx(Translate, { children: translated.help }) })), locale && (jsx(LanguageSwitcher, { localeMap: localeMap, locale: locale.selectedLocale, onLanguageSelect: locale.onSelectLocale, enableNew: enableNew })), children, userInfo && (jsx(UserInfo, { ...userInfo, tenants: tenants, currentTenantId: currentTenantId, desktopAdditionalContent: desktopAdditionalContent, enableNew: enableNew }))] }) }), navigations && (jsx(Navigation, { appName: appName, navigations: navigations, additionalContent: desktopNavigationAdditionalContent, releaseNote: releaseNote, enableNew: enableNew }))] }));
+    return (jsxs(Fragment, { children: [jsx(Header, { ...props, enableNew: enableNew, className: classNames.wrapper, featureName: appName, tenants: tenants, currentTenantId: currentTenantId, children: jsxs(Cluster, { align: "center", className: "shr--me-0.25", children: [!enableNew && (jsxs(Fragment, { children: [features && features.length > 0 && (jsxs(Dropdown, { children: [jsx(AppLauncherButton, { enableNew: enableNew, className: classNames.appsButton, children: translated.appLauncherLabel }), jsx(DropdownContent, { controllable: true, children: jsx(AppLauncher, { features: features }) })] })), schoolUrl && (jsx(HeaderLink, { href: schoolUrl, prefix: jsx(FaGraduationCapIcon, {}), className: "shr-flex shr-items-center shr-py-0.75 shr-leading-none", children: jsx(Translate, { children: translated.school }) }))] })), helpPageUrl && (jsx(HeaderLink, { href: helpPageUrl, prefix: enableNew ? jsx(FaRegCircleQuestionIcon, {}) : jsx(FaCircleQuestionIcon, {}), className: enableNew ? undefined : 'shr-flex shr-items-center shr-py-0.75 shr-leading-none', enableNew: enableNew, children: jsx(Translate, { children: translated.help }) })), localeProps && (jsx(LanguageSwitcher, { localeMap: localeMap, locale: locale, onLanguageSelect: localeProps.onSelectLocale, enableNew: enableNew })), children, userInfo && (jsx(UserInfo, { ...userInfo, tenants: tenants, currentTenantId: currentTenantId, desktopAdditionalContent: desktopAdditionalContent, enableNew: enableNew }))] }) }), navigations && (jsx(Navigation, { appName: appName, navigations: navigations, additionalContent: desktopNavigationAdditionalContent, releaseNote: releaseNote, enableNew: enableNew }))] }));
 };
 const AppLauncherButton = memo(({ enableNew, children, className }) => (jsx(DropdownTrigger, { children: jsx(Button, { prefix: enableNew ?? jsx(FaToolboxIcon, {}), className: className, children: jsx(Translate, { children: children }) }) })));
 

package/esm/components/AppHeader/components/desktop/DesktopHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopHeader.js","sources":["../../../../../src/components/AppHeader/components/desktop/DesktopHeader.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { Header, HeaderLink, LanguageSwitcher } from '../../../Header'\nimport {\n  FaCircleQuestionIcon,\n  FaGraduationCapIcon,\n  FaRegCircleQuestionIcon,\n  FaToolboxIcon,\n} from '../../../Icon'\nimport { Cluster } from '../../../Layout'\nimport { useLocale } from '../../hooks/useLocale'\nimport { localeMap } from '../../multilingualization'\nimport { Translate } from '../common/Translate'\n\nimport { AppLauncher } from './AppLauncher'\nimport { Navigation } from './Navigation'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: 'max-[751px]:!shr-hidden',\n    appsButton: [\n      'shr-border-none shr-bg-transparent shr-px-0.25 shr-font-normal shr-text-white',\n      'hover:shr-border-transparent hover:shr-bg-transparent',\n      'focus-visible:shr-border-transparent focus-visible:shr-bg-transparent',\n      'forced-colors:shr-border-shorthand',\n    ],\n  },\n})\n\nexport const DesktopHeader: FC<HeaderProps> = ({\n  enableNew,\n  className = '',\n  appName,\n  tenants,\n  currentTenantId,\n  schoolUrl,\n  helpPageUrl,\n  children,\n  userInfo,\n  desktopAdditionalContent,\n  navigations,\n  desktopNavigationAdditionalContent,\n  releaseNote,\n  features,\n  ...props\n}) => {\n  const classNames = useMemo(() => {\n    const { wrapper, appsButton } = classNameGenerator()\n\n    return {\n      wrapper: wrapper({ className }),\n      appsButton: appsButton(),\n    }\n  }, [className])\n\n  const { locale } = useLocale()\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      appLauncherLabel: localize({\n        id: 'smarthr-ui/AppHeader/DesktopHeader/appLauncherLabel',\n        defaultText: 'アプリ',\n      }),\n      school: localize({ id: 'smarthr-ui/AppHeader/school', defaultText: 'スクール' }),\n      help: localize({ id: 'smarthr-ui/AppHeader/help', defaultText: 'ヘルプ' }),\n    }),\n    [localize],\n  )\n\n  return (\n    <>\n      <Header\n        {...props}\n        enableNew={enableNew}\n        className={classNames.wrapper}\n        featureName={appName}\n        tenants={tenants}\n        currentTenantId={currentTenantId}\n      >\n        <Cluster align=\"center\" className=\"shr--me-0.25\">\n          {!enableNew && (\n            <>\n              {features && features.length > 0 && (\n                <Dropdown>\n                  <AppLauncherButton enableNew={enableNew} className={classNames.appsButton}>\n                    {translated.appLauncherLabel}\n                  </AppLauncherButton>\n                  <DropdownContent controllable>\n                    <AppLauncher features={features} />\n                  </DropdownContent>\n                </Dropdown>\n              )}\n\n              {schoolUrl && (\n                <HeaderLink\n                  href={schoolUrl}\n                  prefix={<FaGraduationCapIcon />}\n                  className=\"shr-flex shr-items-center shr-py-0.75 shr-leading-none\"\n                >\n                  <Translate>{translated.school}</Translate>\n                </HeaderLink>\n              )}\n            </>\n          )}\n\n          {helpPageUrl && (\n            <HeaderLink\n              href={helpPageUrl}\n              prefix={enableNew ? <FaRegCircleQuestionIcon /> : <FaCircleQuestionIcon />}\n              className={\n                enableNew ? undefined : 'shr-flex shr-items-center shr-py-0.75 shr-leading-none'\n              }\n              enableNew={enableNew}\n            >\n              <Translate>{translated.help}</Translate>\n            </HeaderLink>\n          )}\n\n          {locale && (\n            <LanguageSwitcher\n              localeMap={localeMap}\n              locale={locale.selectedLocale}\n              onLanguageSelect={locale.onSelectLocale as (locale: string) => void}\n              enableNew={enableNew}\n            />\n          )}\n\n          {children}\n\n          {userInfo && (\n            <UserInfo\n              {...userInfo}\n              tenants={tenants}\n              currentTenantId={currentTenantId}\n              desktopAdditionalContent={desktopAdditionalContent}\n              enableNew={enableNew}\n            />\n          )}\n        </Cluster>\n      </Header>\n\n      {navigations && (\n        <Navigation\n          appName={appName}\n          navigations={navigations}\n          additionalContent={desktopNavigationAdditionalContent}\n          releaseNote={releaseNote}\n          enableNew={enableNew}\n        />\n      )}\n    </>\n  )\n}\n\nconst AppLauncherButton = memo<\n  Pick<HeaderProps, 'enableNew'> & PropsWithChildren<{ className: string }>\n>(({ enableNew, children, className }) => (\n  <DropdownTrigger>\n    <Button prefix={enableNew ?? <FaToolboxIcon />} className={className}>\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n"],"names":["tv","_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"DesktopHeader.js","sources":["../../../../../src/components/AppHeader/components/desktop/DesktopHeader.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { localeMap } from '../../../../intl/localeMap'\nimport { Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { Header, HeaderLink, LanguageSwitcher } from '../../../Header'\nimport {\n  FaCircleQuestionIcon,\n  FaGraduationCapIcon,\n  FaRegCircleQuestionIcon,\n  FaToolboxIcon,\n} from '../../../Icon'\nimport { Cluster } from '../../../Layout'\nimport { Translate } from '../common/Translate'\n\nimport { AppLauncher } from './AppLauncher'\nimport { Navigation } from './Navigation'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: 'max-[751px]:!shr-hidden',\n    appsButton: [\n      'shr-border-none shr-bg-transparent shr-px-0.25 shr-font-normal shr-text-white',\n      'hover:shr-border-transparent hover:shr-bg-transparent',\n      'focus-visible:shr-border-transparent focus-visible:shr-bg-transparent',\n      'forced-colors:shr-border-shorthand',\n    ],\n  },\n})\n\nexport const DesktopHeader: FC<HeaderProps> = ({\n  enableNew,\n  className = '',\n  appName,\n  tenants,\n  currentTenantId,\n  schoolUrl,\n  helpPageUrl,\n  children,\n  userInfo,\n  desktopAdditionalContent,\n  navigations,\n  desktopNavigationAdditionalContent,\n  releaseNote,\n  features,\n  locale: localeProps,\n  ...props\n}) => {\n  const classNames = useMemo(() => {\n    const { wrapper, appsButton } = classNameGenerator()\n\n    return {\n      wrapper: wrapper({ className }),\n      appsButton: appsButton(),\n    }\n  }, [className])\n\n  const { localize, locale } = useIntl()\n  const translated = useMemo(\n    () => ({\n      appLauncherLabel: localize({\n        id: 'smarthr-ui/AppHeader/DesktopHeader/appLauncherLabel',\n        defaultText: 'アプリ',\n      }),\n      school: localize({ id: 'smarthr-ui/AppHeader/school', defaultText: 'スクール' }),\n      help: localize({ id: 'smarthr-ui/AppHeader/help', defaultText: 'ヘルプ' }),\n    }),\n    [localize],\n  )\n\n  return (\n    <>\n      <Header\n        {...props}\n        enableNew={enableNew}\n        className={classNames.wrapper}\n        featureName={appName}\n        tenants={tenants}\n        currentTenantId={currentTenantId}\n      >\n        <Cluster align=\"center\" className=\"shr--me-0.25\">\n          {!enableNew && (\n            <>\n              {features && features.length > 0 && (\n                <Dropdown>\n                  <AppLauncherButton enableNew={enableNew} className={classNames.appsButton}>\n                    {translated.appLauncherLabel}\n                  </AppLauncherButton>\n                  <DropdownContent controllable>\n                    <AppLauncher features={features} />\n                  </DropdownContent>\n                </Dropdown>\n              )}\n\n              {schoolUrl && (\n                <HeaderLink\n                  href={schoolUrl}\n                  prefix={<FaGraduationCapIcon />}\n                  className=\"shr-flex shr-items-center shr-py-0.75 shr-leading-none\"\n                >\n                  <Translate>{translated.school}</Translate>\n                </HeaderLink>\n              )}\n            </>\n          )}\n\n          {helpPageUrl && (\n            <HeaderLink\n              href={helpPageUrl}\n              prefix={enableNew ? <FaRegCircleQuestionIcon /> : <FaCircleQuestionIcon />}\n              className={\n                enableNew ? undefined : 'shr-flex shr-items-center shr-py-0.75 shr-leading-none'\n              }\n              enableNew={enableNew}\n            >\n              <Translate>{translated.help}</Translate>\n            </HeaderLink>\n          )}\n\n          {localeProps && (\n            <LanguageSwitcher\n              localeMap={localeMap}\n              locale={locale}\n              onLanguageSelect={localeProps.onSelectLocale as (locale: string) => void}\n              enableNew={enableNew}\n            />\n          )}\n\n          {children}\n\n          {userInfo && (\n            <UserInfo\n              {...userInfo}\n              tenants={tenants}\n              currentTenantId={currentTenantId}\n              desktopAdditionalContent={desktopAdditionalContent}\n              enableNew={enableNew}\n            />\n          )}\n        </Cluster>\n      </Header>\n\n      {navigations && (\n        <Navigation\n          appName={appName}\n          navigations={navigations}\n          additionalContent={desktopNavigationAdditionalContent}\n          releaseNote={releaseNote}\n          enableNew={enableNew}\n        />\n      )}\n    </>\n  )\n}\n\nconst AppLauncherButton = memo<\n  Pick<HeaderProps, 'enableNew'> & PropsWithChildren<{ className: string }>\n>(({ enableNew, children, className }) => (\n  <DropdownTrigger>\n    <Button prefix={enableNew ?? <FaToolboxIcon />} className={className}>\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n"],"names":["tv","_jsxs","_Fragment","_jsx"],"mappings":"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"}

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

@@ -1,6 +1,10 @@
 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.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import '../../../../intl/IntlProvider.js';
+import { useIntl } from '../../../../intl/useIntl.js';
+import 'react-intl';
+import { localeMap } from '../../../../intl/localeMap.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';
@@ -9,7 +13,6 @@ import { FaXmarkIcon, FaCheckIcon } from '../../../Icon/Icon.js';
 import '../../../Icon/generateIcon.js';
 import { Section } from '../../../SectioningContent/SectioningContent.js';
 import '../../../SectioningContent/levelContext.js';
-import { localeMap } from '../../multilingualization/localeMap.js';
 import { CommonButton } from '../common/CommonButton.js';
 
 const classNameGenerator = ce({
@@ -22,8 +25,11 @@ const classNameGenerator = ce({
         button: ['[&&:not(:has(svg))]:shr-ps-2.5'],
     },
 });
-const LOCALE_KEYS = Object.keys(localeMap);
-const LanguageSelector = memo(({ locale, onClickClose }) => {
+const LanguageSelector = memo(({ locale: localeProps, onClickClose }) => {
+    const { locale, availableLocales } = useIntl();
+    const { locales } = useMemo(() => ({
+        locales: Object.entries(localeMap).filter(([code]) => availableLocales.includes(code)),
+    }), [availableLocales]);
     const classNames = useMemo(() => {
         const { header, headerTitle, buttonWrapper, button } = classNameGenerator();
         return {
@@ -34,12 +40,12 @@ const LanguageSelector = memo(({ locale, onClickClose }) => {
         };
     }, []);
     const onClickLocale = useCallback((e) => {
-        locale.onSelectLocale(e.currentTarget.value);
-    }, [locale]);
-    return (jsxs(Section, { children: [jsx(SelectorHeading, { onClickClose: onClickClose, wrapperClassName: classNames.header, className: classNames.headerTitle }), jsx("div", { className: classNames.buttonWrapper, children: LOCALE_KEYS.map((localeKey) => (jsx(LocaleButton, { value: localeKey, onClick: onClickLocale, selected: localeKey === locale.selectedLocale, className: classNames.button }, localeKey))) })] }));
+        localeProps.onSelectLocale(e.currentTarget.value);
+    }, [localeProps]);
+    return (jsxs(Section, { children: [jsx(SelectorHeading, { onClickClose: onClickClose, wrapperClassName: classNames.header, className: classNames.headerTitle }), jsx("div", { className: classNames.buttonWrapper, children: locales.map(([localeKey, label]) => (jsx(LocaleButton, { value: localeKey, onClick: onClickLocale, selected: localeKey === locale, className: classNames.button, children: label }, localeKey))) })] }));
 });
 const SelectorHeading = memo(({ onClickClose, wrapperClassName, className }) => (jsxs("div", { className: wrapperClassName, children: [jsx(Heading, { className: className, children: "Language" }), jsx(Button, { type: "button", size: "s", onClick: onClickClose, children: jsx(FaXmarkIcon, { alt: "close" }) })] })));
-const LocaleButton = memo(({ value, selected, className, onClick }) => (jsx(CommonButton, { elementAs: "button", type: "button", value: value, onClick: onClick, prefix: selected && jsx(FaCheckIcon, { color: "MAIN" }), className: className, children: localeMap[value] })));
+const LocaleButton = memo(({ value, selected, className, children, onClick }) => (jsx(CommonButton, { elementAs: "button", type: "button", value: value, onClick: onClick, prefix: selected && jsx(FaCheckIcon, { color: "MAIN" }), className: className, children: children })));
 
 export { LanguageSelector };
 //# sourceMappingURL=LanguageSelector.js.map

package/esm/components/AppHeader/components/mobile/LanguageSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.js","sources":["../../../../../src/components/AppHeader/components/mobile/LanguageSelector.tsx"],"sourcesContent":["import { type MouseEvent, memo, useCallback, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Button } from '../../../Button'\nimport { Heading } from '../../../Heading'\nimport { FaCheckIcon, FaXmarkIcon } from '../../../Icon'\nimport { Section } from '../../../SectioningContent'\nimport { type Locale, localeMap } from '../../multilingualization'\nimport { CommonButton } from '../common/CommonButton'\n\nimport type { LocaleProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    header: [\n      'shr-border-b-shorthand shr-flex shr-items-center shr-justify-between shr-gap-1 shr-px-1 shr-py-0.75',\n    ],\n    headerTitle: ['shr-font-normal [&&]:shr-text-base'],\n    buttonWrapper: ['shr-p-0.5'],\n    button: ['[&&:not(:has(svg))]:shr-ps-2.5'],\n  },\n})\n\ntype Props = {\n  locale: LocaleProps\n  onClickClose: () => void\n}\n\nconst LOCALE_KEYS = Object.keys(localeMap)\n\nexport const LanguageSelector = memo<Props>(({ locale, onClickClose }) => {\n  const classNames = useMemo(() => {\n    const { header, headerTitle, buttonWrapper, button } = classNameGenerator()\n\n    return {\n      header: header(),\n      headerTitle: headerTitle(),\n      buttonWrapper: buttonWrapper(),\n      button: button(),\n    }\n  }, [])\n\n  const onClickLocale = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      locale.onSelectLocale(e.currentTarget.value as Locale)\n    },\n    [locale],\n  )\n\n  return (\n    <Section>\n      <SelectorHeading\n        onClickClose={onClickClose}\n        wrapperClassName={classNames.header}\n        className={classNames.headerTitle}\n      />\n      <div className={classNames.buttonWrapper}>\n        {LOCALE_KEYS.map((localeKey) => (\n          <LocaleButton\n            key={localeKey}\n            value={localeKey as Locale}\n            onClick={onClickLocale}\n            selected={localeKey === locale.selectedLocale}\n            className={classNames.button}\n          />\n        ))}\n      </div>\n    </Section>\n  )\n})\n\nconst SelectorHeading = memo<\n  Pick<Props, 'onClickClose'> & { wrapperClassName: string; className: string }\n>(({ onClickClose, wrapperClassName, className }) => (\n  <div className={wrapperClassName}>\n    <Heading className={className}>Language</Heading>\n    <Button type=\"button\" size=\"s\" onClick={onClickClose}>\n      <FaXmarkIcon alt=\"close\" />\n    </Button>\n  </div>\n))\n\nconst LocaleButton = memo<{\n  value: Locale\n  selected: boolean\n  className: string\n  onClick: (e: MouseEvent<HTMLButtonElement>) => void\n}>(({ value, selected, className, onClick }) => (\n  <CommonButton\n    elementAs=\"button\"\n    type=\"button\"\n    value={value}\n    onClick={onClick}\n    prefix={selected && <FaCheckIcon color=\"MAIN\" />}\n    className={className}\n  >\n    {localeMap[value]}\n  </CommonButton>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE;YACN,qGAAqG;AACtG,SAAA;QACD,WAAW,EAAE,CAAC,oCAAoC,CAAC;QACnD,aAAa,EAAE,CAAC,WAAW,CAAC;QAC5B,MAAM,EAAE,CAAC,gCAAgC,CAAC;AAC3C,KAAA;AACF,CAAA,CAAC;AAOF,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;AAEnC,MAAM,gBAAgB,GAAG,IAAI,CAAQ,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,KAAI;AACvE,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;AAC9B,QAAA,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE;QAE3E,OAAO;YACL,MAAM,EAAE,MAAM,EAAE;YAChB,WAAW,EAAE,WAAW,EAAE;YAC1B,aAAa,EAAE,aAAa,EAAE;YAC9B,MAAM,EAAE,MAAM,EAAE;SACjB;IACH,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgC,KAAI;QACnC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,KAAe,CAAC;AACxD,IAAA,CAAC,EACD,CAAC,MAAM,CAAC,CACT;AAED,IAAA,QACEC,IAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EAAA,CACNC,IAAC,eAAe,EAAA,EACd,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,UAAU,CAAC,MAAM,EACnC,SAAS,EAAE,UAAU,CAAC,WAAW,EAAA,CACjC,EACFA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,aAAa,EAAA,QAAA,EACrC,WAAW,CAAC,GAAG,CAAC,CAAC,SAAS,MACzBA,GAAA,CAAC,YAAY,EAAA,EAEX,KAAK,EAAE,SAAmB,EAC1B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,SAAS,KAAK,MAAM,CAAC,cAAc,EAC7C,SAAS,EAAE,UAAU,CAAC,MAAM,EAAA,EAJvB,SAAS,CAKd,CACH,CAAC,EAAA,CACE,CAAA,EAAA,CACE;AAEd,CAAC;AAED,MAAM,eAAe,GAAG,IAAI,CAE1B,CAAC,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAC9CD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,gBAAgB,EAAA,QAAA,EAAA,CAC9BC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAE,SAAS,yBAAoB,EACjDA,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,YAAY,EAAA,QAAA,EAClDA,GAAA,CAAC,WAAW,EAAA,EAAC,GAAG,EAAC,OAAO,EAAA,CAAG,EAAA,CACpB,CAAA,EAAA,CACL,CACP,CAAC;AAEF,MAAM,YAAY,GAAG,IAAI,CAKtB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MACzCA,GAAA,CAAC,YAAY,EAAA,EACX,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,QAAQ,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAChD,SAAS,EAAE,SAAS,EAAA,QAAA,EAEnB,SAAS,CAAC,KAAK,CAAC,EAAA,CACJ,CAChB,CAAC;;;;"}
+{"version":3,"file":"LanguageSelector.js","sources":["../../../../../src/components/AppHeader/components/mobile/LanguageSelector.tsx"],"sourcesContent":["import { type MouseEvent, memo, useCallback, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { type Locale, localeMap } from '../../../../intl/localeMap'\nimport { Button } from '../../../Button'\nimport { Heading } from '../../../Heading'\nimport { FaCheckIcon, FaXmarkIcon } from '../../../Icon'\nimport { Section } from '../../../SectioningContent'\nimport { CommonButton } from '../common/CommonButton'\n\nimport type { LocaleProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    header: [\n      'shr-border-b-shorthand shr-flex shr-items-center shr-justify-between shr-gap-1 shr-px-1 shr-py-0.75',\n    ],\n    headerTitle: ['shr-font-normal [&&]:shr-text-base'],\n    buttonWrapper: ['shr-p-0.5'],\n    button: ['[&&:not(:has(svg))]:shr-ps-2.5'],\n  },\n})\n\ntype Props = {\n  locale: LocaleProps\n  onClickClose: () => void\n}\n\nexport const LanguageSelector = memo<Props>(({ locale: localeProps, onClickClose }) => {\n  const { locale, availableLocales } = useIntl()\n  const { locales } = useMemo(\n    () => ({\n      locales: Object.entries(localeMap).filter(([code]) => availableLocales.includes(code)),\n    }),\n    [availableLocales],\n  )\n  const classNames = useMemo(() => {\n    const { header, headerTitle, buttonWrapper, button } = classNameGenerator()\n\n    return {\n      header: header(),\n      headerTitle: headerTitle(),\n      buttonWrapper: buttonWrapper(),\n      button: button(),\n    }\n  }, [])\n\n  const onClickLocale = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      localeProps.onSelectLocale(e.currentTarget.value as Locale)\n    },\n    [localeProps],\n  )\n\n  return (\n    <Section>\n      <SelectorHeading\n        onClickClose={onClickClose}\n        wrapperClassName={classNames.header}\n        className={classNames.headerTitle}\n      />\n      <div className={classNames.buttonWrapper}>\n        {locales.map(([localeKey, label]) => (\n          <LocaleButton\n            key={localeKey}\n            value={localeKey as Locale}\n            onClick={onClickLocale}\n            selected={localeKey === locale}\n            className={classNames.button}\n          >\n            {label}\n          </LocaleButton>\n        ))}\n      </div>\n    </Section>\n  )\n})\n\nconst SelectorHeading = memo<\n  Pick<Props, 'onClickClose'> & { wrapperClassName: string; className: string }\n>(({ onClickClose, wrapperClassName, className }) => (\n  <div className={wrapperClassName}>\n    <Heading className={className}>Language</Heading>\n    <Button type=\"button\" size=\"s\" onClick={onClickClose}>\n      <FaXmarkIcon alt=\"close\" />\n    </Button>\n  </div>\n))\n\nconst LocaleButton = memo<{\n  value: Locale\n  selected: boolean\n  className: string\n  children: string\n  onClick: (e: MouseEvent<HTMLButtonElement>) => void\n}>(({ value, selected, className, children, onClick }) => (\n  <CommonButton\n    elementAs=\"button\"\n    type=\"button\"\n    value={value}\n    onClick={onClick}\n    prefix={selected && <FaCheckIcon color=\"MAIN\" />}\n    className={className}\n  >\n    {children}\n  </CommonButton>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":"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"}

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

@@ -5,7 +5,6 @@ import '../../../Header/LanguageSwitcher/LanguageSwitcher.js';
 import '../../../Header/HeaderLink.js';
 import '../../../Header/HeaderDropdownMenuButton.js';
 import '../../../Header/AppLauncher/AppLauncher.js';
-import { useLocale } from '../../hooks/useLocale.js';
 import { AppLauncherContext } from './AppLauncherContext.js';
 import { Help } from './Help.js';
 import { Menu } from './Menu.js';
@@ -14,11 +13,10 @@ import { ReleaseNoteContext } from './ReleaseNoteContext.js';
 import { TenantSelector } from './TenantSelector.js';
 import { UserInfo } from './UserInfo.js';
 
-const MobileHeader = ({ navigations, features, releaseNote, className = '', tenants, children, helpPageUrl, schoolUrl, userInfo, appName, currentTenantId, onTenantSelect, mobileAdditionalContent, ...props }) => {
+const MobileHeader = ({ navigations, features, releaseNote, className = '', tenants, children, helpPageUrl, schoolUrl, userInfo, appName, currentTenantId, onTenantSelect, mobileAdditionalContent, locale, ...props }) => {
     const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false);
     const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false);
     const [selectedNavigationGroup, setSelectedNavigationGroup] = useState(null);
-    const { locale } = useLocale();
     // navigations の設定をメニューの解放条件とする
     const isMenuAvailable = navigations && navigations.length > 0;
     return (jsx(AppLauncherContext.Provider, { value: {

package/esm/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'\nimport { useLocale } from '../../hooks/useLocale'\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  ...props\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  const { locale } = useLocale()\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            {...props}\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":";;;;;;;;;;;;;;;;AAeO,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,GAAG,KAAK,EACT,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;AAED,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE;;IAG9B,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,KAAK,EACT,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  ...props\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            {...props}\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,KAAK,EACT,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,KAAK,EACT,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;;;;"}

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

@@ -39,7 +39,6 @@ import '../../../Dropdown/DropdownMenuButton/DropdownMenuGroup.js';
 import '../../../Dropdown/SortDropdown/SortDropdown.js';
 import { FaUserLargeIcon, FaGlobeIcon, FaGearIcon } from '../../../Icon/Icon.js';
 import '../../../Icon/generateIcon.js';
-import { useLocale } from '../../hooks/useLocale.js';
 import { buildDisplayName } from '../../utils.js';
 import { CommonButton } from '../common/CommonButton.js';
 import { Translate } from '../common/Translate.js';
@@ -55,7 +54,7 @@ const classNameGenerator = ce({
         dropdownButtonArea: ['shr-border-t-shorthand shr-p-0.5'],
     },
 });
-const UserInfo = memo(({ arbitraryDisplayName, email, empCode, firstName, lastName, accountUrl }) => {
+const UserInfo = memo(({ arbitraryDisplayName, email, empCode, firstName, lastName, accountUrl, locale }) => {
     const displayName = useMemo(() => arbitraryDisplayName ??
         buildDisplayName({
             email,
@@ -63,13 +62,12 @@ const UserInfo = memo(({ arbitraryDisplayName, email, empCode, firstName, lastNa
             firstName,
             lastName,
         }), [arbitraryDisplayName, email, empCode, firstName, lastName]);
-    return displayName ? jsx(ActualUserInfo, { accountUrl: accountUrl, displayName: displayName }) : null;
+    return displayName ? (jsx(ActualUserInfo, { accountUrl: accountUrl, displayName: displayName, locale: locale })) : null;
 });
-const ActualUserInfo = ({ displayName, accountUrl, }) => {
+const ActualUserInfo = ({ displayName, accountUrl, locale, }) => {
     const [languageDialogOpen, setLanguageDialogOpen] = useState(false);
     const dialogOpen = useCallback(() => setLanguageDialogOpen(true), []);
     const dialogClose = useCallback(() => setLanguageDialogOpen(false), []);
-    const { locale } = useLocale();
     const { localize } = useIntl();
     const translated = useMemo(() => ({
         account: localize({

package/esm/components/AppHeader/components/mobile/UserInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserInfo.js","sources":["../../../../../src/components/AppHeader/components/mobile/UserInfo.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dialog } from '../../../Dialog'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaGearIcon, FaGlobeIcon, FaUserLargeIcon } from '../../../Icon'\nimport { useLocale } from '../../hooks/useLocale'\nimport { buildDisplayName } from '../../utils'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\nimport { LanguageSelector } from './LanguageSelector'\n\nimport type { HeaderProps, UserInfoProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    iconButton: ['[&&&]:shr-border-transparent [&&]:shr-p-0.25'],\n    iconButtonInner: [\n      'shr-border-shorthand shr-block shr-flex shr-items-center shr-justify-center shr-rounded-full shr-bg-white shr-p-0.25',\n    ],\n    dropdownUserName: ['shr-box-border shr-min-w-[246px] shr-px-1 shr-py-0.75 shr-text-sm'],\n    dropdownButtonArea: ['shr-border-t-shorthand shr-p-0.5'],\n  },\n})\n\ntype Props = UserInfoProps & Pick<HeaderProps, 'locale'>\n\nexport const UserInfo = memo<Props>(\n  ({ arbitraryDisplayName, email, empCode, firstName, lastName, accountUrl }) => {\n    const displayName = useMemo(\n      () =>\n        arbitraryDisplayName ??\n        buildDisplayName({\n          email,\n          empCode,\n          firstName,\n          lastName,\n        }),\n      [arbitraryDisplayName, email, empCode, firstName, lastName],\n    )\n\n    return displayName ? <ActualUserInfo accountUrl={accountUrl} displayName={displayName} /> : null\n  },\n)\n\nconst ActualUserInfo: FC<Pick<Props, 'accountUrl'> & { displayName: string }> = ({\n  displayName,\n  accountUrl,\n}) => {\n  const [languageDialogOpen, setLanguageDialogOpen] = useState(false)\n\n  const dialogOpen = useCallback(() => setLanguageDialogOpen(true), [])\n  const dialogClose = useCallback(() => setLanguageDialogOpen(false), [])\n\n  const { locale } = useLocale()\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      account: localize({\n        id: 'smarthr-ui/AppHeader/MobileHeader/account',\n        defaultText: 'アカウント',\n      }),\n      userSetting: localize({\n        id: 'smarthr-ui/AppHeader/userSettings',\n        defaultText: '個人設定',\n      }),\n    }),\n    [localize],\n  )\n\n  const classNames = useMemo(() => {\n    const { iconButton, iconButtonInner, dropdownUserName, dropdownButtonArea } =\n      classNameGenerator()\n\n    return {\n      iconButton: iconButton(),\n      iconButtonInner: iconButtonInner(),\n      dropdownUserName: dropdownUserName(),\n      dropdownButtonArea: dropdownButtonArea(),\n    }\n  }, [])\n\n  return (\n    <>\n      <Dropdown>\n        <DropdownTrigger>\n          <Button variant=\"skeleton\" size=\"s\" className={classNames.iconButton}>\n            <span className={classNames.iconButtonInner}>\n              <FaUserLargeIcon alt={translated.account} className=\"shr-fill-grey\" />\n            </span>\n          </Button>\n        </DropdownTrigger>\n\n        <DropdownContent>\n          <div className={classNames.dropdownUserName}>\n            <p>{displayName}</p>\n          </div>\n\n          {(locale || accountUrl) && (\n            <div className={classNames.dropdownButtonArea}>\n              {locale && (\n                <CommonButton\n                  elementAs=\"button\"\n                  type=\"button\"\n                  onClick={dialogOpen}\n                  prefix={<FaGlobeIcon />}\n                >\n                  Language\n                </CommonButton>\n              )}\n\n              {accountUrl && (\n                <CommonButton\n                  elementAs=\"a\"\n                  href={accountUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  prefix={<FaGearIcon />}\n                >\n                  <Translate>{translated.userSetting}</Translate>\n                </CommonButton>\n              )}\n            </div>\n          )}\n        </DropdownContent>\n      </Dropdown>\n\n      {locale && (\n        <Dialog isOpen={languageDialogOpen} onClickOverlay={dialogClose} width={246}>\n          <LanguageSelector locale={locale} onClickClose={dialogClose} />\n        </Dialog>\n      )}\n    </>\n  )\n}\n"],"names":["tv","_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"UserInfo.js","sources":["../../../../../src/components/AppHeader/components/mobile/UserInfo.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dialog } from '../../../Dialog'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaGearIcon, FaGlobeIcon, FaUserLargeIcon } from '../../../Icon'\nimport { buildDisplayName } from '../../utils'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\nimport { LanguageSelector } from './LanguageSelector'\n\nimport type { HeaderProps, UserInfoProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    iconButton: ['[&&&]:shr-border-transparent [&&]:shr-p-0.25'],\n    iconButtonInner: [\n      'shr-border-shorthand shr-block shr-flex shr-items-center shr-justify-center shr-rounded-full shr-bg-white shr-p-0.25',\n    ],\n    dropdownUserName: ['shr-box-border shr-min-w-[246px] shr-px-1 shr-py-0.75 shr-text-sm'],\n    dropdownButtonArea: ['shr-border-t-shorthand shr-p-0.5'],\n  },\n})\n\ntype Props = UserInfoProps & Pick<HeaderProps, 'locale'>\n\nexport const UserInfo = memo<Props>(\n  ({ arbitraryDisplayName, email, empCode, firstName, lastName, accountUrl, locale }) => {\n    const displayName = useMemo(\n      () =>\n        arbitraryDisplayName ??\n        buildDisplayName({\n          email,\n          empCode,\n          firstName,\n          lastName,\n        }),\n      [arbitraryDisplayName, email, empCode, firstName, lastName],\n    )\n\n    return displayName ? (\n      <ActualUserInfo accountUrl={accountUrl} displayName={displayName} locale={locale} />\n    ) : null\n  },\n)\n\nconst ActualUserInfo: FC<Pick<Props, 'accountUrl' | 'locale'> & { displayName: string }> = ({\n  displayName,\n  accountUrl,\n  locale,\n}) => {\n  const [languageDialogOpen, setLanguageDialogOpen] = useState(false)\n\n  const dialogOpen = useCallback(() => setLanguageDialogOpen(true), [])\n  const dialogClose = useCallback(() => setLanguageDialogOpen(false), [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      account: localize({\n        id: 'smarthr-ui/AppHeader/MobileHeader/account',\n        defaultText: 'アカウント',\n      }),\n      userSetting: localize({\n        id: 'smarthr-ui/AppHeader/userSettings',\n        defaultText: '個人設定',\n      }),\n    }),\n    [localize],\n  )\n\n  const classNames = useMemo(() => {\n    const { iconButton, iconButtonInner, dropdownUserName, dropdownButtonArea } =\n      classNameGenerator()\n\n    return {\n      iconButton: iconButton(),\n      iconButtonInner: iconButtonInner(),\n      dropdownUserName: dropdownUserName(),\n      dropdownButtonArea: dropdownButtonArea(),\n    }\n  }, [])\n\n  return (\n    <>\n      <Dropdown>\n        <DropdownTrigger>\n          <Button variant=\"skeleton\" size=\"s\" className={classNames.iconButton}>\n            <span className={classNames.iconButtonInner}>\n              <FaUserLargeIcon alt={translated.account} className=\"shr-fill-grey\" />\n            </span>\n          </Button>\n        </DropdownTrigger>\n\n        <DropdownContent>\n          <div className={classNames.dropdownUserName}>\n            <p>{displayName}</p>\n          </div>\n\n          {(locale || accountUrl) && (\n            <div className={classNames.dropdownButtonArea}>\n              {locale && (\n                <CommonButton\n                  elementAs=\"button\"\n                  type=\"button\"\n                  onClick={dialogOpen}\n                  prefix={<FaGlobeIcon />}\n                >\n                  Language\n                </CommonButton>\n              )}\n\n              {accountUrl && (\n                <CommonButton\n                  elementAs=\"a\"\n                  href={accountUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  prefix={<FaGearIcon />}\n                >\n                  <Translate>{translated.userSetting}</Translate>\n                </CommonButton>\n              )}\n            </div>\n          )}\n        </DropdownContent>\n      </Dropdown>\n\n      {locale && (\n        <Dialog isOpen={languageDialogOpen} onClickOverlay={dialogClose} width={246}>\n          <LanguageSelector locale={locale} onClickClose={dialogClose} />\n        </Dialog>\n      )}\n    </>\n  )\n}\n"],"names":["tv","_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/esm/components/AppHeader/stories/args.js

@@ -28,7 +28,6 @@ const args = {
     schoolUrl: 'https://example.com',
     helpPageUrl: 'https://example.com',
     locale: {
-        selectedLocale: 'ja',
         onSelectLocale: g('locale'),
     },
     userInfo: {

package/esm/components/AppHeader/stories/args.js.map

@@ -1 +1 @@
-{"version":3,"file":"args.js","sources":["../../../../src/components/AppHeader/stories/args.tsx"],"sourcesContent":["import { action } from 'storybook/actions'\n\nimport type { AppHeader } from '../AppHeader'\nimport type { ComponentProps, FC, PropsWithChildren } from 'react'\n\nconst CustomLink: FC<PropsWithChildren<{ to: string; className?: string }>> = (props) => (\n  <a {...props} href={props.to} className={props.className ?? ''}>\n    {props.children}\n  </a>\n)\n\nconst AdditionalContent: FC<PropsWithChildren> = ({ children }) => (\n  <div style={{ background: 'rgb(242 242 242)', padding: '4px 8px' }}>{children}</div>\n)\n\nconst buildFeature = (index: number, name: string, favorite: boolean, position?: number) => ({\n  id: `feature-${index}`,\n  url: 'https://example.com',\n  name,\n  favorite,\n  position: position ?? null,\n})\n\nexport const args: ComponentProps<typeof AppHeader> = {\n  children: <AdditionalContent>children</AdditionalContent>,\n  appName: '勤怠管理',\n  tenants: [\n    {\n      id: 'tenant-1',\n      name: '株式会社テストテナント壱',\n    },\n    {\n      id: 'tenant-2',\n      name: '株式会社テストテナント弐',\n    },\n  ],\n  currentTenantId: 'tenant-1',\n  onTenantSelect: action('テナント選択'),\n  schoolUrl: 'https://example.com',\n  helpPageUrl: 'https://example.com',\n  locale: {\n    selectedLocale: 'ja',\n    onSelectLocale: action('locale'),\n  },\n  userInfo: {\n    email: 'smarthr@example.com',\n    empCode: '001',\n    firstName: '須磨',\n    lastName: '栄子',\n    accountUrl: 'https://example.com',\n  },\n  desktopAdditionalContent: <AdditionalContent>desktopAdditionalContent</AdditionalContent>,\n  navigations: [\n    {\n      children: 'aタグ',\n      href: 'https://example.com',\n    },\n    {\n      children: 'カスタムタグ',\n      elementAs: CustomLink,\n      to: 'https://example.com',\n    },\n    {\n      children: 'ボタン',\n      onClick: action('AppNavボタンクリック'),\n    },\n    {\n      children: 'ドロップダウン',\n      childNavigations: [\n        {\n          children: 'aタグ',\n          href: 'https://example.com',\n        },\n        {\n          children: 'カスタムタグ',\n          elementAs: CustomLink,\n          to: 'https://example.com',\n        },\n        {\n          children: 'ボタン',\n          onClick: action('ボタンクリック'),\n        },\n      ],\n    },\n    {\n      children: 'グループ',\n      childNavigations: [\n        {\n          title: 'グループ1',\n          childNavigations: [\n            {\n              children: 'グループ1_アイテム1',\n              href: 'https://example.com',\n              current: true,\n            },\n            {\n              children: 'グループ1_アイテム2',\n              href: 'https://example.com',\n            },\n          ],\n        },\n        {\n          title: 'グループ2',\n          childNavigations: [\n            {\n              children: 'グループ2_アイテム1',\n              href: 'https://example.com',\n            },\n            {\n              children: 'グループ2_アイテム2',\n              href: 'https://example.com',\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  desktopNavigationAdditionalContent: (\n    <AdditionalContent>desktopNavigationAdditionalContent</AdditionalContent>\n  ),\n  releaseNote: {\n    links: [\n      {\n        title: 'リリースノート1',\n        url: 'https://example.com',\n      },\n      {\n        title: 'リリースノート2',\n        url: 'https://example.com',\n      },\n      {\n        title: 'リリースノート3',\n        url: 'https://example.com',\n      },\n    ],\n    indexUrl: 'https://example.com',\n  },\n  features: [\n    buildFeature(1, '従業員リスト', false),\n    buildFeature(2, '共通設定', true, 4),\n    buildFeature(3, 'お知らせ管理', true, 3),\n    buildFeature(4, '給与明細', true, 1),\n    buildFeature(5, '申請', false),\n    buildFeature(6, '給与明細管理', false),\n    buildFeature(7, 'マイナンバー管理', false),\n    buildFeature(8, '源泉徴収票管理', false),\n    buildFeature(9, '手続き', false),\n    buildFeature(10, '手続きToDo', false),\n    buildFeature(11, '文書配付', false),\n    buildFeature(12, 'IdP', true, 2),\n  ],\n  mobileAdditionalContent: <AdditionalContent>mobileAdditionalContent</AdditionalContent>,\n}\n"],"names":["_jsx","action"],"mappings":";;;AAKA,MAAM,UAAU,GAA8D,CAAC,KAAK,MAClFA,GAAA,CAAA,GAAA,EAAA,EAAA,GAAO,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE,EAAA,QAAA,EAC3D,KAAK,CAAC,QAAQ,EAAA,CACb,CACL;AAED,MAAM,iBAAiB,GAA0B,CAAC,EAAE,QAAQ,EAAE,MAC5DA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,CACrF;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,QAAiB,EAAE,QAAiB,MAAM;IAC3F,EAAE,EAAE,CAAA,QAAA,EAAW,KAAK,CAAA,CAAE;AACtB,IAAA,GAAG,EAAE,qBAAqB;IAC1B,IAAI;IACJ,QAAQ;IACR,QAAQ,EAAE,QAAQ,IAAI,IAAI;AAC3B,CAAA,CAAC;AAEK,MAAM,IAAI,GAAqC;IACpD,QAAQ,EAAEA,GAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,CAA6B;AACzD,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,OAAO,EAAE;AACP,QAAA;AACE,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,IAAI,EAAE,cAAc;AACrB,SAAA;AACD,QAAA;AACE,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,IAAI,EAAE,cAAc;AACrB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE,UAAU;AAC3B,IAAA,cAAc,EAAEC,CAAM,CAAC,QAAQ,CAAC;AAChC,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,WAAW,EAAE,qBAAqB;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,cAAc,EAAE,IAAI;AACpB,QAAA,cAAc,EAAEA,CAAM,CAAC,QAAQ,CAAC;AACjC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,UAAU,EAAE,qBAAqB;AAClC,KAAA;IACD,wBAAwB,EAAED,GAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,CAA6C;AACzF,IAAA,WAAW,EAAE;AACX,QAAA;AACE,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,IAAI,EAAE,qBAAqB;AAC5B,SAAA;AACD,QAAA;AACE,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,SAAS,EAAE,UAAU;AACrB,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACD,QAAA;AACE,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,OAAO,EAAEC,CAAM,CAAC,eAAe,CAAC;AACjC,SAAA;AACD,QAAA;AACE,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,gBAAgB,EAAE;AAChB,gBAAA;AACE,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,IAAI,EAAE,qBAAqB;AAC5B,iBAAA;AACD,gBAAA;AACE,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,SAAS,EAAE,UAAU;AACrB,oBAAA,EAAE,EAAE,qBAAqB;AAC1B,iBAAA;AACD,gBAAA;AACE,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,OAAO,EAAEA,CAAM,CAAC,SAAS,CAAC;AAC3B,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,gBAAgB,EAAE;AAChB,gBAAA;AACE,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE;AAChB,wBAAA;AACE,4BAAA,QAAQ,EAAE,aAAa;AACvB,4BAAA,IAAI,EAAE,qBAAqB;AAC3B,4BAAA,OAAO,EAAE,IAAI;AACd,yBAAA;AACD,wBAAA;AACE,4BAAA,QAAQ,EAAE,aAAa;AACvB,4BAAA,IAAI,EAAE,qBAAqB;AAC5B,yBAAA;AACF,qBAAA;AACF,iBAAA;AACD,gBAAA;AACE,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE;AAChB,wBAAA;AACE,4BAAA,QAAQ,EAAE,aAAa;AACvB,4BAAA,IAAI,EAAE,qBAAqB;AAC5B,yBAAA;AACD,wBAAA;AACE,4BAAA,QAAQ,EAAE,aAAa;AACvB,4BAAA,IAAI,EAAE,qBAAqB;AAC5B,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,kCAAkC,GAChCD,GAAA,CAAC,iBAAiB,qDAAuD,CAC1E;AACD,IAAA,WAAW,EAAE;AACX,QAAA,KAAK,EAAE;AACL,YAAA;AACE,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,GAAG,EAAE,qBAAqB;AAC3B,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,GAAG,EAAE,qBAAqB;AAC3B,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,GAAG,EAAE,qBAAqB;AAC3B,aAAA;AACF,SAAA;AACD,QAAA,QAAQ,EAAE,qBAAqB;AAChC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC;QAChC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAChC,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAClC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AAChC,QAAA,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC;AAC5B,QAAA,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC;AAChC,QAAA,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC;AAClC,QAAA,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC;AACjC,QAAA,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC;AAC7B,QAAA,YAAY,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC;AAClC,QAAA,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC;QAC/B,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AACjC,KAAA;IACD,uBAAuB,EAAEA,GAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,CAA4C;;;;;"}
+{"version":3,"file":"args.js","sources":["../../../../src/components/AppHeader/stories/args.tsx"],"sourcesContent":["import { action } from 'storybook/actions'\n\nimport type { AppHeader } from '../AppHeader'\nimport type { ComponentProps, FC, PropsWithChildren } from 'react'\n\nconst CustomLink: FC<PropsWithChildren<{ to: string; className?: string }>> = (props) => (\n  <a {...props} href={props.to} className={props.className ?? ''}>\n    {props.children}\n  </a>\n)\n\nconst AdditionalContent: FC<PropsWithChildren> = ({ children }) => (\n  <div style={{ background: 'rgb(242 242 242)', padding: '4px 8px' }}>{children}</div>\n)\n\nconst buildFeature = (index: number, name: string, favorite: boolean, position?: number) => ({\n  id: `feature-${index}`,\n  url: 'https://example.com',\n  name,\n  favorite,\n  position: position ?? null,\n})\n\nexport const args: ComponentProps<typeof AppHeader> = {\n  children: <AdditionalContent>children</AdditionalContent>,\n  appName: '勤怠管理',\n  tenants: [\n    {\n      id: 'tenant-1',\n      name: '株式会社テストテナント壱',\n    },\n    {\n      id: 'tenant-2',\n      name: '株式会社テストテナント弐',\n    },\n  ],\n  currentTenantId: 'tenant-1',\n  onTenantSelect: action('テナント選択'),\n  schoolUrl: 'https://example.com',\n  helpPageUrl: 'https://example.com',\n  locale: {\n    onSelectLocale: action('locale'),\n  },\n  userInfo: {\n    email: 'smarthr@example.com',\n    empCode: '001',\n    firstName: '須磨',\n    lastName: '栄子',\n    accountUrl: 'https://example.com',\n  },\n  desktopAdditionalContent: <AdditionalContent>desktopAdditionalContent</AdditionalContent>,\n  navigations: [\n    {\n      children: 'aタグ',\n      href: 'https://example.com',\n    },\n    {\n      children: 'カスタムタグ',\n      elementAs: CustomLink,\n      to: 'https://example.com',\n    },\n    {\n      children: 'ボタン',\n      onClick: action('AppNavボタンクリック'),\n    },\n    {\n      children: 'ドロップダウン',\n      childNavigations: [\n        {\n          children: 'aタグ',\n          href: 'https://example.com',\n        },\n        {\n          children: 'カスタムタグ',\n          elementAs: CustomLink,\n          to: 'https://example.com',\n        },\n        {\n          children: 'ボタン',\n          onClick: action('ボタンクリック'),\n        },\n      ],\n    },\n    {\n      children: 'グループ',\n      childNavigations: [\n        {\n          title: 'グループ1',\n          childNavigations: [\n            {\n              children: 'グループ1_アイテム1',\n              href: 'https://example.com',\n              current: true,\n            },\n            {\n              children: 'グループ1_アイテム2',\n              href: 'https://example.com',\n            },\n          ],\n        },\n        {\n          title: 'グループ2',\n          childNavigations: [\n            {\n              children: 'グループ2_アイテム1',\n              href: 'https://example.com',\n            },\n            {\n              children: 'グループ2_アイテム2',\n              href: 'https://example.com',\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  desktopNavigationAdditionalContent: (\n    <AdditionalContent>desktopNavigationAdditionalContent</AdditionalContent>\n  ),\n  releaseNote: {\n    links: [\n      {\n        title: 'リリースノート1',\n        url: 'https://example.com',\n      },\n      {\n        title: 'リリースノート2',\n        url: 'https://example.com',\n      },\n      {\n        title: 'リリースノート3',\n        url: 'https://example.com',\n      },\n    ],\n    indexUrl: 'https://example.com',\n  },\n  features: [\n    buildFeature(1, '従業員リスト', false),\n    buildFeature(2, '共通設定', true, 4),\n    buildFeature(3, 'お知らせ管理', true, 3),\n    buildFeature(4, '給与明細', true, 1),\n    buildFeature(5, '申請', false),\n    buildFeature(6, '給与明細管理', false),\n    buildFeature(7, 'マイナンバー管理', false),\n    buildFeature(8, '源泉徴収票管理', false),\n    buildFeature(9, '手続き', false),\n    buildFeature(10, '手続きToDo', false),\n    buildFeature(11, '文書配付', false),\n    buildFeature(12, 'IdP', true, 2),\n  ],\n  mobileAdditionalContent: <AdditionalContent>mobileAdditionalContent</AdditionalContent>,\n}\n"],"names":["_jsx","action"],"mappings":"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"}

package/esm/components/AppHeader/types.d.ts

@@ -1,8 +1,7 @@
+import type { Locale } from '../../intl/localeMap';
 import type { Header } from '../Header';
 import type { ComponentProps, ComponentType, MouseEvent, ReactElement, ReactNode } from 'react';
-type Locale = 'ja' | 'en-us' | 'id-id' | 'pt' | 'vi' | 'ko' | 'zh-cn' | 'zh-tw';
 export type LocaleProps = {
-    selectedLocale: Locale;
     onSelectLocale: (locale: Locale) => void;
 };
 export type UserInfoProps = {

package/esm/components/Combobox/MultiCombobox/MultiCombobox.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useRef, useState, useCallback, useImperativeHandle, useEffect, useId } from 'react';
-import innerText from '../../../_virtual/index.js';
+import innerText from '../../../_virtual/index3.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useOuterClick } from '../../../hooks/useOuterClick.js';
 import '../../../intl/IntlProvider.js';

package/esm/components/Combobox/SingleCombobox/SingleCombobox.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useImperativeHandle, useCallback, useMemo, useEffect } from 'react';
-import innerText from '../../../_virtual/index.js';
+import innerText from '../../../_virtual/index3.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useClick } from '../../../hooks/useClick.js';
 import { useDecorators } from '../../../hooks/useDecorators.js';

package/esm/components/Combobox/helper.js

@@ -1,4 +1,4 @@
-import innerText from '../../_virtual/index.js';
+import innerText from '../../_virtual/index3.js';
 
 function convertMatchableString(original) {
     return (original

package/esm/components/Combobox/useOptions.js

@@ -1,5 +1,5 @@
 import { useCallback, useId, useMemo } from 'react';
-import innerText from '../../_virtual/index.js';
+import innerText from '../../_virtual/index3.js';
 import { areItemsEqual, convertMatchableString } from './helper.js';
 
 const defaultIsItemSelected = (targetItem, selectedItems) => selectedItems.some((item) => areItemsEqual(item, targetItem));

package/esm/components/Dialog/StepFormDialog/StepFormDialogContentInner.js

@@ -86,7 +86,7 @@ const StepFormDialogContentInner = ({ children, title, titleId, subtitle, titleT
     }), [localize]);
     const decorated = useDecorators(decoratorDefaultTexts, decorators);
     const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel;
-    const stepText = `（${activeStep}/${stepLength}）`;
+    const stepText = stepLength > 1 ? `（${activeStep}/${stepLength}）` : '';
     const calcedResponseStatus = useResponseStatus(responseStatus);
     return (
     // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form

package/esm/components/Dialog/StepFormDialog/StepFormDialogContentInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepFormDialogContentInner.js","sources":["../../../../src/components/Dialog/StepFormDialog/StepFormDialogContentInner.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { type DecoratorsType, useDecorators } from '../../../hooks/useDecorators'\nimport { type ResponseStatus, useResponseStatus } from '../../../hooks/useResponseStatus'\nimport { useIntl } from '../../../intl'\nimport { Button } from '../../Button'\nimport { Cluster, Stack } from '../../Layout'\nimport { Section } from '../../SectioningContent'\nimport { DialogBody, type Props as DialogBodyProps } from '../DialogBody'\nimport { DialogContentResponseStatusMessage } from '../DialogContentResponseStatusMessage'\nimport { DialogHeader, type Props as DialogHeaderProps } from '../DialogHeader'\nimport { dialogContentInner } from '../dialogInnerStyle'\n\nimport { StepFormDialogContext, type StepItem } from './StepFormDialogProvider'\n\nexport type BaseProps = PropsWithChildren<\n  DialogHeaderProps &\n    DialogBodyProps & {\n      /** アクションボタンのラベル */\n      submitLabel: ReactNode\n      /** アクションボタンのスタイル */\n      actionTheme?: 'primary' | 'secondary' | 'danger'\n      /**\n       * アクションボタンをクリックした時に発火するコールバック関数\n       * @param closeDialog ダイアログを閉じる関数\n       * @param currentStep onSubmitが発火した時のステップ\n       * @returns 次のステップに遷移する場合は次のステップ、遷移しない場合はundefined\n       */\n      onSubmit: (\n        closeDialog: () => void,\n        e: FormEvent<HTMLFormElement>,\n        currentStep: StepItem,\n      ) => StepItem | undefined\n      /** アクションボタンを無効にするかどうか */\n      actionDisabled?: boolean\n      /** 閉じるボタンを無効にするかどうか */\n      closeDisabled?: boolean\n      /** コンポーネント内の文言を変更するための関数を設定 */\n      decorators?: DecoratorsType<DecoratorKeyTypes>\n    }\n>\n\nexport type StepFormDialogContentInnerProps = BaseProps & {\n  firstStep: StepItem\n  onClickClose: () => void\n  responseStatus?: ResponseStatus\n  /** ステップの総数 */\n  stepLength: number\n  onClickBack?: () => void\n}\n\ntype DecoratorKeyTypes = 'closeButtonLabel' | 'nextButtonLabel' | 'backButtonLabel'\n\nconst BUTTON_COLUMN_GAP = {\n  row: 0.5,\n  column: 1,\n} as const\n\nexport const StepFormDialogContentInner: FC<StepFormDialogContentInnerProps> = ({\n  children,\n  title,\n  titleId,\n  subtitle,\n  titleTag,\n  contentBgColor,\n  contentPadding,\n  submitLabel,\n  actionTheme = 'primary',\n  stepLength,\n  firstStep,\n  onSubmit,\n  onClickClose,\n  responseStatus,\n  actionDisabled,\n  closeDisabled,\n  decorators,\n  onClickBack,\n}) => {\n  const { localize } = useIntl()\n  const { currentStep, stepQueue, setCurrentStep, scrollerRef } = useContext(StepFormDialogContext)\n  const activeStep = useMemo(() => currentStep?.stepNumber ?? 1, [currentStep])\n\n  const handleCloseAction = useCallback(() => {\n    onClickClose()\n    setTimeout(() => {\n      // HINT: ダイアログが閉じるtransitionが完了してから初期化をしている\n      stepQueue.current = []\n      setCurrentStep(firstStep)\n    }, 300)\n  }, [firstStep, stepQueue, setCurrentStep, onClickClose])\n\n  const changeCurrentStep = useCallback(\n    (step: Parameters<typeof setCurrentStep>[0]) => {\n      setCurrentStep(step)\n\n      // HINT: stepが切り替わるごとにbodyのscroll位置を先頭に戻す処理\n      if (scrollerRef.current) {\n        scrollerRef.current.scroll(0, 0)\n      }\n    },\n    [setCurrentStep, scrollerRef],\n  )\n\n  const handleSubmitAction = useCallback(\n    (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault()\n      // HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと\n      // 親formが意図せずsubmitされてしまう場合がある\n      e.stopPropagation()\n\n      const next = onSubmit(handleCloseAction, e, currentStep)\n\n      if (next) {\n        stepQueue.current.push(currentStep)\n        changeCurrentStep(next)\n      }\n    },\n    [currentStep, stepQueue, onSubmit, handleCloseAction, changeCurrentStep],\n  )\n  const handleBackAction = useCallback(() => {\n    onClickBack?.()\n\n    changeCurrentStep(stepQueue.current.pop() ?? firstStep)\n  }, [firstStep, stepQueue, onClickBack, changeCurrentStep])\n\n  const classNames = useMemo(() => {\n    const { wrapper, actionArea, buttonArea, message } = dialogContentInner()\n\n    return {\n      wrapper: wrapper(),\n      actionArea: actionArea(),\n      buttonArea: buttonArea(),\n      message: message(),\n    }\n  }, [])\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      closeButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/closeButtonLabel',\n        defaultText: 'キャンセル',\n      }),\n      nextButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/nextButtonLabel',\n        defaultText: '次へ',\n      }),\n      backButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/backButtonLabel',\n        defaultText: '戻る',\n      }),\n    }),\n    [localize],\n  )\n\n  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)\n  const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel\n  const stepText = `（${activeStep}/${stepLength}）`\n\n  const calcedResponseStatus = useResponseStatus(responseStatus)\n\n  return (\n    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form\n    <Section>\n      <form onSubmit={handleSubmitAction}>\n        <div className={classNames.wrapper}>\n          <DialogHeader\n            title={subtitle ? title : `${title}${stepText}`}\n            subtitle={subtitle ? `${subtitle}${stepText}` : undefined}\n            titleTag={titleTag}\n            titleId={titleId}\n          />\n          <DialogBody\n            contentPadding={contentPadding}\n            contentBgColor={contentBgColor}\n            ref={scrollerRef}\n          >\n            {children}\n          </DialogBody>\n          <Stack gap={0.5} className={classNames.actionArea}>\n            <Cluster justify=\"space-between\" gap={{ row: 0.5, column: 2 }}>\n              {activeStep > 1 && (\n                <Button\n                  onClick={handleBackAction}\n                  disabled={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-backButton\"\n                >\n                  {decorated.backButtonLabel}\n                </Button>\n              )}\n              <Cluster gap={BUTTON_COLUMN_GAP} className={classNames.buttonArea}>\n                <Button\n                  onClick={handleCloseAction}\n                  disabled={closeDisabled || calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-closeButton\"\n                >\n                  {decorated.closeButtonLabel}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  variant={actionTheme}\n                  disabled={actionDisabled}\n                  loading={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-actionButton\"\n                >\n                  {actionText}\n                </Button>\n              </Cluster>\n            </Cluster>\n            <DialogContentResponseStatusMessage\n              responseStatus={calcedResponseStatus}\n              className={classNames.message}\n            />\n          </Stack>\n        </div>\n      </form>\n    </Section>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+DA;AACE;AACA;;;AAuBA;AACA;AACA;AAEA;AACE;;;AAGE;;;;AAKJ;;;AAKI;;;AAGF;AAIF;;;;;;;AAUM;;;AAGJ;AAGF;;;;AAMA;AACE;;;;;;;;AAUF;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;;AAKH;AACA;AAEA;;;;AA2DF;;"}
+{"version":3,"file":"StepFormDialogContentInner.js","sources":["../../../../src/components/Dialog/StepFormDialog/StepFormDialogContentInner.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { type DecoratorsType, useDecorators } from '../../../hooks/useDecorators'\nimport { type ResponseStatus, useResponseStatus } from '../../../hooks/useResponseStatus'\nimport { useIntl } from '../../../intl'\nimport { Button } from '../../Button'\nimport { Cluster, Stack } from '../../Layout'\nimport { Section } from '../../SectioningContent'\nimport { DialogBody, type Props as DialogBodyProps } from '../DialogBody'\nimport { DialogContentResponseStatusMessage } from '../DialogContentResponseStatusMessage'\nimport { DialogHeader, type Props as DialogHeaderProps } from '../DialogHeader'\nimport { dialogContentInner } from '../dialogInnerStyle'\n\nimport { StepFormDialogContext, type StepItem } from './StepFormDialogProvider'\n\nexport type BaseProps = PropsWithChildren<\n  DialogHeaderProps &\n    DialogBodyProps & {\n      /** アクションボタンのラベル */\n      submitLabel: ReactNode\n      /** アクションボタンのスタイル */\n      actionTheme?: 'primary' | 'secondary' | 'danger'\n      /**\n       * アクションボタンをクリックした時に発火するコールバック関数\n       * @param closeDialog ダイアログを閉じる関数\n       * @param currentStep onSubmitが発火した時のステップ\n       * @returns 次のステップに遷移する場合は次のステップ、遷移しない場合はundefined\n       */\n      onSubmit: (\n        closeDialog: () => void,\n        e: FormEvent<HTMLFormElement>,\n        currentStep: StepItem,\n      ) => StepItem | undefined\n      /** アクションボタンを無効にするかどうか */\n      actionDisabled?: boolean\n      /** 閉じるボタンを無効にするかどうか */\n      closeDisabled?: boolean\n      /** コンポーネント内の文言を変更するための関数を設定 */\n      decorators?: DecoratorsType<DecoratorKeyTypes>\n    }\n>\n\nexport type StepFormDialogContentInnerProps = BaseProps & {\n  firstStep: StepItem\n  onClickClose: () => void\n  responseStatus?: ResponseStatus\n  /** ステップの総数 */\n  stepLength: number\n  onClickBack?: () => void\n}\n\ntype DecoratorKeyTypes = 'closeButtonLabel' | 'nextButtonLabel' | 'backButtonLabel'\n\nconst BUTTON_COLUMN_GAP = {\n  row: 0.5,\n  column: 1,\n} as const\n\nexport const StepFormDialogContentInner: FC<StepFormDialogContentInnerProps> = ({\n  children,\n  title,\n  titleId,\n  subtitle,\n  titleTag,\n  contentBgColor,\n  contentPadding,\n  submitLabel,\n  actionTheme = 'primary',\n  stepLength,\n  firstStep,\n  onSubmit,\n  onClickClose,\n  responseStatus,\n  actionDisabled,\n  closeDisabled,\n  decorators,\n  onClickBack,\n}) => {\n  const { localize } = useIntl()\n  const { currentStep, stepQueue, setCurrentStep, scrollerRef } = useContext(StepFormDialogContext)\n  const activeStep = useMemo(() => currentStep?.stepNumber ?? 1, [currentStep])\n\n  const handleCloseAction = useCallback(() => {\n    onClickClose()\n    setTimeout(() => {\n      // HINT: ダイアログが閉じるtransitionが完了してから初期化をしている\n      stepQueue.current = []\n      setCurrentStep(firstStep)\n    }, 300)\n  }, [firstStep, stepQueue, setCurrentStep, onClickClose])\n\n  const changeCurrentStep = useCallback(\n    (step: Parameters<typeof setCurrentStep>[0]) => {\n      setCurrentStep(step)\n\n      // HINT: stepが切り替わるごとにbodyのscroll位置を先頭に戻す処理\n      if (scrollerRef.current) {\n        scrollerRef.current.scroll(0, 0)\n      }\n    },\n    [setCurrentStep, scrollerRef],\n  )\n\n  const handleSubmitAction = useCallback(\n    (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault()\n      // HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと\n      // 親formが意図せずsubmitされてしまう場合がある\n      e.stopPropagation()\n\n      const next = onSubmit(handleCloseAction, e, currentStep)\n\n      if (next) {\n        stepQueue.current.push(currentStep)\n        changeCurrentStep(next)\n      }\n    },\n    [currentStep, stepQueue, onSubmit, handleCloseAction, changeCurrentStep],\n  )\n  const handleBackAction = useCallback(() => {\n    onClickBack?.()\n\n    changeCurrentStep(stepQueue.current.pop() ?? firstStep)\n  }, [firstStep, stepQueue, onClickBack, changeCurrentStep])\n\n  const classNames = useMemo(() => {\n    const { wrapper, actionArea, buttonArea, message } = dialogContentInner()\n\n    return {\n      wrapper: wrapper(),\n      actionArea: actionArea(),\n      buttonArea: buttonArea(),\n      message: message(),\n    }\n  }, [])\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      closeButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/closeButtonLabel',\n        defaultText: 'キャンセル',\n      }),\n      nextButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/nextButtonLabel',\n        defaultText: '次へ',\n      }),\n      backButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/backButtonLabel',\n        defaultText: '戻る',\n      }),\n    }),\n    [localize],\n  )\n\n  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)\n  const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel\n  const stepText = stepLength > 1 ? `（${activeStep}/${stepLength}）` : ''\n\n  const calcedResponseStatus = useResponseStatus(responseStatus)\n\n  return (\n    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form\n    <Section>\n      <form onSubmit={handleSubmitAction}>\n        <div className={classNames.wrapper}>\n          <DialogHeader\n            title={subtitle ? title : `${title}${stepText}`}\n            subtitle={subtitle ? `${subtitle}${stepText}` : undefined}\n            titleTag={titleTag}\n            titleId={titleId}\n          />\n          <DialogBody\n            contentPadding={contentPadding}\n            contentBgColor={contentBgColor}\n            ref={scrollerRef}\n          >\n            {children}\n          </DialogBody>\n          <Stack gap={0.5} className={classNames.actionArea}>\n            <Cluster justify=\"space-between\" gap={{ row: 0.5, column: 2 }}>\n              {activeStep > 1 && (\n                <Button\n                  onClick={handleBackAction}\n                  disabled={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-backButton\"\n                >\n                  {decorated.backButtonLabel}\n                </Button>\n              )}\n              <Cluster gap={BUTTON_COLUMN_GAP} className={classNames.buttonArea}>\n                <Button\n                  onClick={handleCloseAction}\n                  disabled={closeDisabled || calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-closeButton\"\n                >\n                  {decorated.closeButtonLabel}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  variant={actionTheme}\n                  disabled={actionDisabled}\n                  loading={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-actionButton\"\n                >\n                  {actionText}\n                </Button>\n              </Cluster>\n            </Cluster>\n            <DialogContentResponseStatusMessage\n              responseStatus={calcedResponseStatus}\n              className={classNames.message}\n            />\n          </Stack>\n        </div>\n      </form>\n    </Section>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+DA;AACE;AACA;;;AAuBA;AACA;AACA;AAEA;AACE;;;AAGE;;;;AAKJ;;;AAKI;;;AAGF;AAIF;;;;;;;AAUM;;;AAGJ;AAGF;;;;AAMA;AACE;;;;;;;;AAUF;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;;AAKH;AACA;AAEA;;;;AA2DF;;"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useContext, useMemo, useRef, Children, isValidElement, Fragment, cloneElement } from 'react';
-import innerText from '../../../_virtual/index.js';
+import innerText from '../../../_virtual/index3.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { DropdownContext, Dropdown } from '../Dropdown.js';
 import { DropdownTrigger } from '../DropdownTrigger.js';

package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import innerText from '../../../_virtual/index.js';
+import innerText from '../../../_virtual/index3.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useDecorators } from '../../../hooks/useDecorators.js';
 import { useResponseStatus } from '../../../hooks/useResponseStatus.js';

package/esm/components/FormControl/FormControl.js

@@ -1,7 +1,7 @@
 "use client";
 import { memo, useMemo, useId, useRef, Fragment as Fragment$1, createElement, useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import innerText from '../../_virtual/index.js';
+import innerText from '../../_virtual/index3.js';
 import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { FaCircleExclamationIcon } from '../Icon/Icon.js';
 import '../Icon/generateIcon.js';

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

@@ -1,10 +1,10 @@
 import { type FC, type HTMLAttributes } from 'react';
 import { type VariantProps } from 'tailwind-variants';
 import { type DecoratorsType } from '../../../hooks/useDecorators';
-import type { LocaleMap } from '../../../types';
+import type { Locale } from '../../../intl/localeMap';
 export type Props = {
     narrow?: boolean;
-    localeMap: LocaleMap;
+    localeMap: Partial<Record<Locale, string>>;
     locale?: string;
     defaultLocale?: string;
     /** コンポーネント内の文言を変更するための関数を設定 */