smarthr-ui 93.1.2 → 95.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"AppLauncher.js","sources":["../../../../../src/components/AppHeader/components/desktop/AppLauncher.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type PropsWithChildren, type ReactNode, memo, useCallback, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useTheme } from '../../../../hooks/useTheme'\nimport { useIntl } from '../../../../intl'\nimport { UnstyledButton } from '../../../Button'\nimport { Heading } from '../../../Heading'\nimport { FaCircleXmarkIcon, FaStarIcon } from '../../../Icon'\nimport { SearchInput } from '../../../Input'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Section } from '../../../SectioningContent'\nimport { SideNav } from '../../../SideNav'\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 type { Launcher } from '../../types'\n\ntype Props = {\n  features: Array<Launcher['feature']>\n}\n\nconst appLauncher = tv({\n  slots: {\n    wrapper: [\n      'smarthr-ui-AppLauncher',\n      'shr-grid shr-h-[40rem] shr-w-[38rem] shr-grid-rows-[auto_1fr]',\n    ],\n    searchArea: [\n      'smarthr-ui-AppLauncher-searchArea',\n      'shr-border-b-shorthand shr-p-1',\n      '[&_.smarthr-ui-Input]:shr-h-[42px]',\n    ],\n    inner: ['smarthr-ui-AppLauncher-inner', 'shr-grid shr-min-h-0 shr-grid-cols-[11rem_1fr]'],\n    side: [\n      'smarthr-ui-AppLauncher-side',\n      'shr-border-r-shorthand shr-flex shr-flex-col shr-bg-column shr-pb-1 shr-pt-0.5',\n      '[&_hr]:shr-m-0.5 [&_hr]:shr-h-[1px] [&_hr]:shr-border-none [&_hr]:shr-bg-border',\n    ],\n    sideNav: [\n      '[&_.smarthr-ui-SideNav-item>button]:shr-px-1 [&_.smarthr-ui-SideNav-item>button]:shr-py-0.75',\n      '[&_.smarthr-ui-SideNav-item>button>span]:shr-flex-nowrap',\n      '[&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-shrink-0 [&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-align-bottom',\n    ],\n    sideNavHeading: ['shr-px-1 shr-py-0.75 shr-text-xs shr-text-black'],\n    help: ['smarthr-ui-AppLauncher-help', 'shr-mt-auto shr-px-1 shr-text-xs'],\n    main: ['smarthr-ui-AppLauncher-main', 'shr-grid shr-min-h-0'],\n    mainInner: ['shr-grid shr-min-h-0 shr-grid-rows-[auto_1fr]'],\n    contentHead: [\n      'shr-min-h-[2rem] shr-px-1 shr-py-0.75',\n      '[&_.smarthr-ui-Heading]:shr-text-black',\n    ],\n    scrollArea: ['shr-h-[509px]'],\n  },\n  variants: {\n    noIcon: {\n      true: {\n        sideNav: ['[&_.smarthr-ui-SideNav-item>button]:shr-pl-1.5'],\n      },\n    },\n    selected: {\n      false: {\n        sideNav: ['[&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-text-grey'],\n      },\n    },\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 classNames = useMemo(() => {\n    const {\n      wrapper,\n      searchArea,\n      inner,\n      side,\n      sideNav,\n      sideNavHeading,\n      help,\n      main,\n      mainInner,\n      contentHead,\n      scrollArea,\n    } = appLauncher()\n\n    return {\n      wrapper: wrapper(),\n      searchArea: searchArea(),\n      inner: inner(),\n      side: side(),\n      unselectedSideNav: sideNav({ selected: false }),\n      selectedSideNav: sideNav({ noIcon: true, selected: true }),\n      sideNavHeading: sideNavHeading(),\n      help: help(),\n      main: main(),\n      mainInner: mainInner(),\n      contentHead: contentHead(),\n      scrollArea: scrollArea(),\n    }\n  }, [])\n\n  const { localize } = useIntl()\n  const translated = useMemo<\n    Record<\n      Launcher['page'] | 'listText' | 'searchInputTitle' | 'helpText' | 'searchResultText',\n      ReactNode\n    >\n  >(\n    () => ({\n      favorite: (\n        <Translate>\n          {localize({\n            id: 'smarthr-ui/AppHeader/Launcher/favoriteModeText',\n            defaultText: 'よく使うアプリ',\n          })}\n        </Translate>\n      ),\n      all: (\n        <Translate>\n          {localize({\n            id: 'smarthr-ui/AppHeader/Launcher/allModeText',\n            defaultText: 'すべてのアプリ',\n          })}\n        </Translate>\n      ),\n      listText: (\n        <Translate>\n          {localize({ id: 'smarthr-ui/AppHeader/Launcher/listText', defaultText: 'アプリ一覧' })}\n        </Translate>\n      ),\n      searchInputTitle: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n        defaultText: 'アプリ名を入力してください。',\n      }),\n      helpText: (\n        <Translate>\n          {localize({\n            id: 'smarthr-ui/AppHeader/Launcher/helpText',\n            defaultText: 'よく使うアプリとは',\n          })}\n        </Translate>\n      ),\n      searchResultText: (\n        <Translate>\n          {localize({\n            id: 'smarthr-ui/AppHeader/Launcher/searchResultText',\n            defaultText: '検索結果',\n          })}\n        </Translate>\n      ),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className={classNames.wrapper}>\n      <div className={classNames.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={translated.searchInputTitle as string}\n          tooltipMessage={<Translate>{translated.searchInputTitle}</Translate>}\n          width=\"100%\"\n          value={searchQuery}\n          suffix={mode === 'search' && <ClearSearchButton onClick={onClickClearSearchQuery} />}\n          onChange={onChangeSearchQuery}\n        />\n      </div>\n\n      <div className={classNames.inner}>\n        <SideNavs\n          mode={mode}\n          page={page}\n          changePage={changePage}\n          translated={translated}\n          classNames={classNames}\n        />\n        <div className={classNames.main}>\n          <Section className={classNames.mainInner}>\n            <Cluster className={classNames.contentHead} align=\"center\" justify=\"space-between\">\n              <MemoizedSubSubBlockHeading>\n                {mode === 'search' ? translated.searchResultText : translated[page]}\n              </MemoizedSubSubBlockHeading>\n\n              {(mode === 'search' || page === 'all') && (\n                <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n              )}\n            </Cluster>\n\n            <Scroller className={classNames.scrollArea}>\n              <AppLauncherFeatures features={features} page={page} />\n            </Scroller>\n          </Section>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst ClearSearchButton = memo<{ onClick: () => void }>(({ onClick }) => (\n  <UnstyledButton onClick={onClick}>\n    <FaCircleXmarkIcon />\n  </UnstyledButton>\n))\n\nconst SideNavs = memo<\n  Pick<ReturnType<typeof useAppLauncher>, 'mode' | 'page' | 'changePage'> & {\n    translated: { favorite: ReactNode; listText: ReactNode; all: ReactNode; helpText: ReactNode }\n    classNames: {\n      side: string\n      unselectedSideNav: string\n      sideNavHeading: string\n      selectedSideNav: string\n      help: string\n    }\n  }\n>(({ mode, page, changePage, translated, classNames }) => {\n  const theme = useTheme()\n  const isNotSearch = mode !== 'search'\n  const isFavorite = isNotSearch && page === 'favorite'\n  const isAll = isNotSearch && page === 'all'\n\n  const unselectedItems = useMemo(\n    () => [\n      {\n        id: 'favorite',\n        title: translated.favorite,\n        prefix: <FaStarIcon color={isFavorite ? theme.textColor.white : undefined} />,\n        current: isFavorite,\n      },\n    ],\n    [isFavorite, translated, theme.textColor.white],\n  )\n  const selectedItems = useMemo(\n    () => [\n      {\n        id: 'all',\n        title: translated.all,\n        current: isAll,\n      },\n    ],\n    [isAll, translated],\n  )\n\n  const onClick = useCallback(\n    (_: any, id: string) => {\n      changePage(id as Launcher['page'])\n    },\n    [changePage],\n  )\n\n  return (\n    <div className={classNames.side}>\n      <SideNav\n        className={classNames.unselectedSideNav}\n        size=\"S\"\n        items={unselectedItems}\n        onClick={onClick}\n      />\n\n      <hr />\n\n      <Section>\n        <MemoizedSubSubBlockHeading className={classNames.sideNavHeading}>\n          {translated.listText}\n        </MemoizedSubSubBlockHeading>\n        <SideNav\n          className={classNames.selectedSideNav}\n          size=\"S\"\n          items={selectedItems}\n          onClick={onClick}\n        />\n      </Section>\n\n      <HelpLinkArea className={classNames.help}>{translated.helpText}</HelpLinkArea>\n    </div>\n  )\n})\n\nconst HelpLinkArea = memo<PropsWithChildren<{ className: string }>>(({ children, className }) => (\n  <div className={className}>\n    <HelpLink\n      href=\"https://support.smarthr.jp/ja/help/articles/2bfd350d-8e8b-4bbd-a209-426d2eb302cc/\"\n      target=\"_blank\"\n    >\n      {children}\n    </HelpLink>\n  </div>\n))\n\nconst MemoizedSubSubBlockHeading = memo<PropsWithChildren<{ className?: string }>>(\n  ({ children, className }) => (\n    <Heading type=\"subSubBlockTitle\" className={className}>\n      {children}\n    </Heading>\n  ),\n)\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACE;AACE;;;AAGC;AACD;;;;AAIC;AACD;AACA;;;;AAIC;AACD;;;;AAIC;;AAED;AACA;;AAEA;;;AAGC;;AAEF;AACD;AACE;AACE;;AAEC;AACF;AACD;AACE;;AAEC;AACF;AACF;AACF;AAEM;;AAaL;;;;;;;;AAqBI;;;;;;;;;AAUJ;AACA;AAOI;AAGM;AACA;AACD;AAGL;AAGM;AACA;AACD;AAGL;;AAME;AACA;;AAEF;AAGM;AACA;AACD;AAGL;AAGM;AACA;AACD;AAGN;;AA8CL;AAEA;AAMA;AAYE;AACA;AACA;AACA;AAEA;AAEI;AACE;;AAEA;AACA;AACD;AACF;AAGH;AAEI;AACE;;AAEA;AACD;AACF;;;AAOD;AAIF;AA0BF;AAEA;AAWA;;"}
+{"version":3,"file":"AppLauncher.js","sources":["../../../../../src/components/AppHeader/components/desktop/AppLauncher.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type PropsWithChildren, type ReactNode, memo, useCallback, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useTheme } from '../../../../hooks/useTheme'\nimport { useIntl } from '../../../../intl'\nimport { UnstyledButton } from '../../../Button'\nimport { Heading } from '../../../Heading'\nimport { FaCircleXmarkIcon, FaStarIcon } from '../../../Icon'\nimport { SearchInput } from '../../../Input'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Section } from '../../../SectioningContent'\nimport { SideNav } from '../../../SideNav'\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 type { Launcher } from '../../types'\n\ntype Props = {\n  features: Array<Launcher['feature']>\n}\n\nconst appLauncher = tv({\n  slots: {\n    wrapper: [\n      'smarthr-ui-AppLauncher',\n      'shr-grid shr-h-[40rem] shr-w-[38rem] shr-grid-rows-[auto_1fr]',\n    ],\n    searchArea: [\n      'smarthr-ui-AppLauncher-searchArea',\n      'shr-border-b-shorthand shr-p-1',\n      '[&_.smarthr-ui-Input]:shr-h-[42px]',\n    ],\n    inner: ['smarthr-ui-AppLauncher-inner', 'shr-grid shr-min-h-0 shr-grid-cols-[11rem_1fr]'],\n    side: [\n      'smarthr-ui-AppLauncher-side',\n      'shr-border-r-shorthand shr-flex shr-flex-col shr-bg-column shr-pb-1 shr-pt-0.5',\n      '[&_hr]:shr-m-0.5 [&_hr]:shr-h-[1px] [&_hr]:shr-border-none [&_hr]:shr-bg-border',\n    ],\n    sideNav: [\n      '[&_.smarthr-ui-SideNav-item>button]:shr-px-1 [&_.smarthr-ui-SideNav-item>button]:shr-py-0.75',\n      '[&_.smarthr-ui-SideNav-item>button>span]:shr-flex-nowrap',\n      '[&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-shrink-0 [&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-align-bottom',\n    ],\n    sideNavHeading: ['shr-px-1 shr-py-0.75 shr-text-xs shr-text-black'],\n    help: ['smarthr-ui-AppLauncher-help', 'shr-mt-auto shr-px-1 shr-text-xs'],\n    main: ['smarthr-ui-AppLauncher-main', 'shr-grid shr-min-h-0'],\n    mainInner: ['shr-grid shr-min-h-0 shr-grid-rows-[auto_1fr]'],\n    contentHead: [\n      'shr-min-h-[2rem] shr-px-1 shr-py-0.75',\n      '[&_.smarthr-ui-Heading]:shr-text-black',\n    ],\n    scrollArea: ['shr-h-[509px]'],\n  },\n  variants: {\n    noIcon: {\n      true: {\n        sideNav: ['[&_.smarthr-ui-SideNav-item>button]:shr-pl-1.5'],\n      },\n    },\n    selected: {\n      false: {\n        sideNav: ['[&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-text-grey'],\n      },\n    },\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 classNames = useMemo(() => {\n    const {\n      wrapper,\n      searchArea,\n      inner,\n      side,\n      sideNav,\n      sideNavHeading,\n      help,\n      main,\n      mainInner,\n      contentHead,\n      scrollArea,\n    } = appLauncher()\n\n    return {\n      wrapper: wrapper(),\n      searchArea: searchArea(),\n      inner: inner(),\n      side: side(),\n      unselectedSideNav: sideNav({ selected: false }),\n      selectedSideNav: sideNav({ noIcon: true, selected: true }),\n      sideNavHeading: sideNavHeading(),\n      help: help(),\n      main: main(),\n      mainInner: mainInner(),\n      contentHead: contentHead(),\n      scrollArea: scrollArea(),\n    }\n  }, [])\n\n  const { localize } = useIntl()\n  const translated = useMemo<\n    Record<\n      Launcher['page'] | 'listText' | 'searchInputTitle' | 'helpText' | 'searchResultText',\n      ReactNode\n    >\n  >(\n    () => ({\n      favorite: (\n        <Translate>\n          {localize({\n            id: 'smarthr-ui/AppHeader/Launcher/favoriteModeText',\n            defaultText: 'よく使うアプリ',\n          })}\n        </Translate>\n      ),\n      all: (\n        <Translate>\n          {localize({\n            id: 'smarthr-ui/AppHeader/Launcher/allModeText',\n            defaultText: 'すべてのアプリ',\n          })}\n        </Translate>\n      ),\n      listText: (\n        <Translate>\n          {localize({ id: 'smarthr-ui/AppHeader/Launcher/listText', defaultText: 'アプリ一覧' })}\n        </Translate>\n      ),\n      searchInputTitle: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n        defaultText: 'アプリ名を入力してください。',\n      }),\n      helpText: (\n        <Translate>\n          {localize({\n            id: 'smarthr-ui/AppHeader/Launcher/helpText',\n            defaultText: 'よく使うアプリとは',\n          })}\n        </Translate>\n      ),\n      searchResultText: (\n        <Translate>\n          {localize({\n            id: 'smarthr-ui/AppHeader/Launcher/searchResultText',\n            defaultText: '検索結果',\n          })}\n        </Translate>\n      ),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className={classNames.wrapper}>\n      <div className={classNames.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={translated.searchInputTitle as string}\n          tooltipMessage={<Translate>{translated.searchInputTitle}</Translate>}\n          width=\"100%\"\n          value={searchQuery}\n          suffix={mode === 'search' && <ClearSearchButton onClick={onClickClearSearchQuery} />}\n          onChange={onChangeSearchQuery}\n        />\n      </div>\n\n      <div className={classNames.inner}>\n        <SideNavs\n          mode={mode}\n          page={page}\n          changePage={changePage}\n          translated={translated}\n          classNames={classNames}\n        />\n        <div className={classNames.main}>\n          <Section className={classNames.mainInner}>\n            <Cluster className={classNames.contentHead} align=\"center\" justify=\"space-between\">\n              <MemoizedSubSubBlockHeading>\n                {mode === 'search' ? translated.searchResultText : translated[page]}\n              </MemoizedSubSubBlockHeading>\n\n              {(mode === 'search' || page === 'all') && (\n                <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n              )}\n            </Cluster>\n\n            <Scroller className={classNames.scrollArea}>\n              <AppLauncherFeatures features={features} page={page} />\n            </Scroller>\n          </Section>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst ClearSearchButton = memo<{ onClick: () => void }>(({ onClick }) => (\n  <UnstyledButton onClick={onClick}>\n    <FaCircleXmarkIcon />\n  </UnstyledButton>\n))\n\nconst SideNavs = memo<\n  Pick<ReturnType<typeof useAppLauncher>, 'mode' | 'page' | 'changePage'> & {\n    translated: { favorite: ReactNode; listText: ReactNode; all: ReactNode; helpText: ReactNode }\n    classNames: {\n      side: string\n      unselectedSideNav: string\n      sideNavHeading: string\n      selectedSideNav: string\n      help: string\n    }\n  }\n>(({ mode, page, changePage, translated, classNames }) => {\n  const theme = useTheme()\n  const isNotSearch = mode !== 'search'\n  const isFavorite = isNotSearch && page === 'favorite'\n  const isAll = isNotSearch && page === 'all'\n\n  const unselectedItems = useMemo(\n    () => [\n      {\n        id: 'favorite',\n        title: translated.favorite,\n        prefix: <FaStarIcon color={isFavorite ? theme.textColor.white : undefined} />,\n        current: isFavorite,\n      },\n    ],\n    [isFavorite, translated, theme.textColor.white],\n  )\n  const selectedItems = useMemo(\n    () => [\n      {\n        id: 'all',\n        title: translated.all,\n        current: isAll,\n      },\n    ],\n    [isAll, translated],\n  )\n\n  const onClick = useCallback(\n    (_: any, id: string) => {\n      changePage(id as Launcher['page'])\n    },\n    [changePage],\n  )\n\n  return (\n    <div className={classNames.side}>\n      <SideNav\n        className={classNames.unselectedSideNav}\n        size=\"S\"\n        items={unselectedItems}\n        onClick={onClick}\n      />\n\n      <hr />\n\n      <Section>\n        <MemoizedSubSubBlockHeading className={classNames.sideNavHeading}>\n          {translated.listText}\n        </MemoizedSubSubBlockHeading>\n        <SideNav\n          className={classNames.selectedSideNav}\n          size=\"S\"\n          items={selectedItems}\n          onClick={onClick}\n        />\n      </Section>\n\n      <HelpLinkArea className={classNames.help}>{translated.helpText}</HelpLinkArea>\n    </div>\n  )\n})\n\nconst HelpLinkArea = memo<PropsWithChildren<{ className: string }>>(({ children, className }) => (\n  <div className={className}>\n    <HelpLink\n      href=\"https://support.smarthr.jp/ja/help/articles/2bfd350d-8e8b-4bbd-a209-426d2eb302cc/\"\n      target=\"_blank\"\n    >\n      {children}\n    </HelpLink>\n  </div>\n))\n\nconst MemoizedSubSubBlockHeading = memo<PropsWithChildren<{ className?: string }>>(\n  ({ children, className }) => (\n    <Heading type=\"subSubBlockTitle\" className={className}>\n      {children}\n    </Heading>\n  ),\n)\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACE;AACE;;;AAGC;AACD;;;;AAIC;AACD;AACA;;;;AAIC;AACD;;;;AAIC;;AAED;AACA;;AAEA;;;AAGC;;AAEF;AACD;AACE;AACE;;AAEC;AACF;AACD;AACE;;AAEC;AACF;AACF;AACF;AAEM;;AAaL;;;;;;;;AAqBI;;;;;;;;;AAUJ;AACA;AAOI;AAGM;AACA;AACD;AAGL;AAGM;AACA;AACD;AAGL;;AAME;AACA;;AAEF;AAGM;AACA;AACD;AAGL;AAGM;AACA;AACD;AAGN;;AA8CL;AAEA;AAMA;AAYE;AACA;AACA;AACA;AAEA;AAEI;AACE;;AAEA;AACA;AACD;AACF;AAGH;AAEI;AACE;;AAEA;AACD;AACF;;;AAOD;AAIF;AA0BF;AAEA;AAWA;;"}

package/lib/components/AppHeader/components/desktop/DesktopHeader.cjs

@@ -7,6 +7,7 @@ require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');
 require('../../../../_virtual/dayjs.min.cjs');
+require('../../../../intl/TimeFormatter.cjs');
 var intl_localeMap = require('../../../../intl/localeMap.cjs');
 var components_Button_Button = require('../../../Button/Button.cjs');
 require('../../../Button/AnchorButton.cjs');

package/lib/components/AppHeader/components/desktop/DesktopHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopHeader.cjs","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 { localeMap, 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 { 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  ...rest\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        {...rest}\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","useMemo","useIntl","_jsxs","_Fragment","_jsx","Header","Cluster","Dropdown","DropdownContent","AppLauncher","HeaderLink","FaGraduationCapIcon","Translate","FaRegCircleQuestionIcon","FaCircleQuestionIcon","LanguageSwitcher","localeMap","UserInfo","Navigation","memo","DropdownTrigger","Button","FaToolboxIcon"],"mappings":"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"}
+{"version":3,"file":"DesktopHeader.cjs","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 { localeMap, 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 { 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  ...rest\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        {...rest}\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","useMemo","useIntl","_jsxs","_Fragment","_jsx","Header","Cluster","Dropdown","DropdownContent","AppLauncher","HeaderLink","FaGraduationCapIcon","Translate","FaRegCircleQuestionIcon","FaCircleQuestionIcon","LanguageSwitcher","localeMap","UserInfo","Navigation","memo","DropdownTrigger","Button","FaToolboxIcon"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';
 import '../../../../_virtual/dayjs.min.js';
+import '../../../../intl/TimeFormatter.js';
 import { localeMap } from '../../../../intl/localeMap.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';

package/lib/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 { localeMap, 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 { 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  ...rest\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        {...rest}\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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"}
+{"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 { localeMap, 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 { 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  ...rest\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        {...rest}\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/lib/components/AppHeader/components/desktop/ReleaseNotesDropdown.cjs

@@ -8,6 +8,7 @@ require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');
 require('../../../../_virtual/dayjs.min.cjs');
+require('../../../../intl/TimeFormatter.cjs');
 var components_Button_Button = require('../../../Button/Button.cjs');
 require('../../../Button/AnchorButton.cjs');
 require('../../../Button/UnstyledButton.cjs');
@@ -29,7 +30,6 @@ require('../../../Layout/Sidebar/Sidebar.cjs');
 var components_Layout_Center_Center = require('../../../Layout/Center/Center.cjs');
 require('../../../Layout/Container/Container.cjs');
 var components_Loader_Loader = require('../../../Loader/Loader.cjs');
-var components_Text_Text = require('../../../Text/Text.cjs');
 var components_TextLink_TextLink = require('../../../TextLink/TextLink.cjs');
 require('../../../TextLink/HelpLink/HelpLink.cjs');
 require('../../../TextLink/UpwardLink/UpwardLink.cjs');
@@ -65,7 +65,7 @@ const ReleaseNotesDropdown = ({ indexUrl, links, loading, error }) => {
 };
 const ReleaseNoteDropdownTrigger = React.memo(({ children }) => (jsxRuntime.jsx(components_Dropdown_DropdownTrigger.DropdownTrigger, { children: jsxRuntime.jsx(components_Button_Button.Button, { suffix: jsxRuntime.jsx(components_Icon_FaIcon.FaCaretDownIcon, {}), className: "shr-rounded-none shr-border-none shr-font-normal [&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180", children: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: children }) }) })));
 const StyledLoader = React.memo(() => (jsxRuntime.jsx(components_Layout_Center_Center.Center, { className: "shr-py-3", children: jsxRuntime.jsx(components_Loader_Loader.Loader, {}) })));
-const LoadErrorText = React.memo(({ children }) => (jsxRuntime.jsx("div", { className: "shr-whitespace-pre-wrap shr-p-0.75", children: jsxRuntime.jsx(components_Text_Text.Text, { children: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: children }) }) })));
+const LoadErrorText = React.memo(({ children }) => (jsxRuntime.jsx("div", { className: "shr-whitespace-pre-wrap shr-p-0.75", children: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: children }) })));
 // HelpLinkではなくTextLinkを使用する理由:
 // - リリースノートは典型的なヘルプコンテンツではない
 // - rel="help"はW3C定義で「親要素とその子要素のための追加のヘルプ情報」を指すが、

package/lib/components/AppHeader/components/desktop/ReleaseNotesDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseNotesDropdown.cjs","sources":["../../../../../src/components/AppHeader/components/desktop/ReleaseNotesDropdown.tsx"],"sourcesContent":["'use client'\n\nimport { 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 { FaCaretDownIcon } from '../../../Icon'\nimport { Center } from '../../../Layout'\nimport { Loader } from '../../../Loader'\nimport { Text } from '../../../Text'\nimport { TextLink } from '../../../TextLink'\nimport { Translate } from '../common/Translate'\n\nimport type { ReleaseNoteProps } from '../../types'\n\nconst wrapperClassNameGenerator = tv({\n  base: 'shr-w-[400px]',\n  variants: {\n    type: {\n      content: '',\n    },\n  },\n})\n\nconst BOX_SHADOW_STYLE = { boxShadow: 'none' }\n\nexport const ReleaseNotesDropdown: FC<ReleaseNoteProps> = ({ indexUrl, links, loading, error }) => {\n  const wrapperClassName = useMemo(() => wrapperClassNameGenerator(), [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      releaseNote: localize({\n        id: 'smarthr-ui/AppHeader/releaseNotes',\n        defaultText: 'リリースノート',\n      }),\n      loadError: localize({\n        id: 'smarthr-ui/AppHeader/releaseNotesLoadError',\n        defaultText: 'リリースノートの読み込みに失敗しました。\\n時間をおいて、やり直してください。',\n      }),\n      seeAll: localize({\n        id: 'smarthr-ui/AppHeader/seeAllReleaseNotes',\n        defaultText: 'すべてのリリースノートを見る',\n      }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className=\"shr-border-l-shorthand shr-ms-0.5\">\n      <Dropdown>\n        <ReleaseNoteDropdownTrigger>{translated.releaseNote}</ReleaseNoteDropdownTrigger>\n        <DropdownContent className=\"shr-mr-1.25\" controllable>\n          <div className=\"shr-w-[400px]\">\n            {loading ? (\n              <StyledLoader />\n            ) : error || !links ? (\n              <LoadErrorText>{translated.loadError}</LoadErrorText>\n            ) : (\n              <div className={wrapperClassName}>\n                {links.slice(0, 5).map(({ title, url }, index) => (\n                  <ArticleLink key={index} href={url}>\n                    {title}\n                  </ArticleLink>\n                ))}\n                <SeeAllTextLink href={indexUrl}>{translated.seeAll}</SeeAllTextLink>\n              </div>\n            )}\n          </div>\n        </DropdownContent>\n      </Dropdown>\n    </div>\n  )\n}\n\nconst ReleaseNoteDropdownTrigger = memo<PropsWithChildren>(({ children }) => (\n  <DropdownTrigger>\n    <Button\n      suffix={<FaCaretDownIcon />}\n      className=\"shr-rounded-none shr-border-none shr-font-normal [&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180\"\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n\nconst StyledLoader = memo(() => (\n  <Center className=\"shr-py-3\">\n    <Loader />\n  </Center>\n))\n\nconst LoadErrorText = memo<PropsWithChildren>(({ children }) => (\n  <div className=\"shr-whitespace-pre-wrap shr-p-0.75\">\n    <Text>\n      <Translate>{children}</Translate>\n    </Text>\n  </div>\n))\n\n// HelpLinkではなくTextLinkを使用する理由:\n// - リリースノートは典型的なヘルプコンテンツではない\n// - rel=\"help\"はW3C定義で「親要素とその子要素のための追加のヘルプ情報」を指すが、\n//   AppHeaderからのリリースノートは現在のページと直接関連するとは限らない\n// 参考: https://www.w3.org/TR/2010/WD-html5-20100624/links.html#link-type-help\nconst ArticleLink = memo<PropsWithChildren<{ href: string }>>(({ href, children }) => (\n  <div className=\"shr-border-b-shorthand shr-border-dashed shr-p-0.75\">\n    <TextLink\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener\"\n      referrerPolicy=\"no-referrer-when-downgrade\"\n      className=\"shr-leading-normal [&&]:shr-underline\"\n      style={BOX_SHADOW_STYLE}\n    >\n      {children}\n    </TextLink>\n  </div>\n))\n\nconst SeeAllTextLink = memo<PropsWithChildren<{ href: string }>>(({ href, children }) => (\n  <div className=\"shr-p-0.75 shr-text-right\">\n    <TextLink\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener\"\n      referrerPolicy=\"no-referrer-when-downgrade\"\n      className=\"shr-leading-normal [&&]:shr-underline\"\n      style={BOX_SHADOW_STYLE}\n    >\n      <Translate>{children}</Translate>\n    </TextLink>\n  </div>\n))\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACE;AACA;AACE;AACE;AACD;AACF;AACF;AAED;AAEO;AACL;AAEA;AACA;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;;AA6BL;AAEA;AAWA;AAMA;AAQA;AACA;AACA;AACA;AACA;AACA;AAeA;;"}
+{"version":3,"file":"ReleaseNotesDropdown.cjs","sources":["../../../../../src/components/AppHeader/components/desktop/ReleaseNotesDropdown.tsx"],"sourcesContent":["'use client'\n\nimport { 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 { FaCaretDownIcon } from '../../../Icon'\nimport { Center } from '../../../Layout'\nimport { Loader } from '../../../Loader'\nimport { TextLink } from '../../../TextLink'\nimport { Translate } from '../common/Translate'\n\nimport type { ReleaseNoteProps } from '../../types'\n\nconst wrapperClassNameGenerator = tv({\n  base: 'shr-w-[400px]',\n  variants: {\n    type: {\n      content: '',\n    },\n  },\n})\n\nconst BOX_SHADOW_STYLE = { boxShadow: 'none' }\n\nexport const ReleaseNotesDropdown: FC<ReleaseNoteProps> = ({ indexUrl, links, loading, error }) => {\n  const wrapperClassName = useMemo(() => wrapperClassNameGenerator(), [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      releaseNote: localize({\n        id: 'smarthr-ui/AppHeader/releaseNotes',\n        defaultText: 'リリースノート',\n      }),\n      loadError: localize({\n        id: 'smarthr-ui/AppHeader/releaseNotesLoadError',\n        defaultText: 'リリースノートの読み込みに失敗しました。\\n時間をおいて、やり直してください。',\n      }),\n      seeAll: localize({\n        id: 'smarthr-ui/AppHeader/seeAllReleaseNotes',\n        defaultText: 'すべてのリリースノートを見る',\n      }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className=\"shr-border-l-shorthand shr-ms-0.5\">\n      <Dropdown>\n        <ReleaseNoteDropdownTrigger>{translated.releaseNote}</ReleaseNoteDropdownTrigger>\n        <DropdownContent className=\"shr-mr-1.25\" controllable>\n          <div className=\"shr-w-[400px]\">\n            {loading ? (\n              <StyledLoader />\n            ) : error || !links ? (\n              <LoadErrorText>{translated.loadError}</LoadErrorText>\n            ) : (\n              <div className={wrapperClassName}>\n                {links.slice(0, 5).map(({ title, url }, index) => (\n                  <ArticleLink key={index} href={url}>\n                    {title}\n                  </ArticleLink>\n                ))}\n                <SeeAllTextLink href={indexUrl}>{translated.seeAll}</SeeAllTextLink>\n              </div>\n            )}\n          </div>\n        </DropdownContent>\n      </Dropdown>\n    </div>\n  )\n}\n\nconst ReleaseNoteDropdownTrigger = memo<PropsWithChildren>(({ children }) => (\n  <DropdownTrigger>\n    <Button\n      suffix={<FaCaretDownIcon />}\n      className=\"shr-rounded-none shr-border-none shr-font-normal [&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180\"\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n\nconst StyledLoader = memo(() => (\n  <Center className=\"shr-py-3\">\n    <Loader />\n  </Center>\n))\n\nconst LoadErrorText = memo<PropsWithChildren>(({ children }) => (\n  <div className=\"shr-whitespace-pre-wrap shr-p-0.75\">\n    <Translate>{children}</Translate>\n  </div>\n))\n\n// HelpLinkではなくTextLinkを使用する理由:\n// - リリースノートは典型的なヘルプコンテンツではない\n// - rel=\"help\"はW3C定義で「親要素とその子要素のための追加のヘルプ情報」を指すが、\n//   AppHeaderからのリリースノートは現在のページと直接関連するとは限らない\n// 参考: https://www.w3.org/TR/2010/WD-html5-20100624/links.html#link-type-help\nconst ArticleLink = memo<PropsWithChildren<{ href: string }>>(({ href, children }) => (\n  <div className=\"shr-border-b-shorthand shr-border-dashed shr-p-0.75\">\n    <TextLink\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener\"\n      referrerPolicy=\"no-referrer-when-downgrade\"\n      className=\"shr-leading-normal [&&]:shr-underline\"\n      style={BOX_SHADOW_STYLE}\n    >\n      {children}\n    </TextLink>\n  </div>\n))\n\nconst SeeAllTextLink = memo<PropsWithChildren<{ href: string }>>(({ href, children }) => (\n  <div className=\"shr-p-0.75 shr-text-right\">\n    <TextLink\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener\"\n      referrerPolicy=\"no-referrer-when-downgrade\"\n      className=\"shr-leading-normal [&&]:shr-underline\"\n      style={BOX_SHADOW_STYLE}\n    >\n      <Translate>{children}</Translate>\n    </TextLink>\n  </div>\n))\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA;AACE;AACA;AACE;AACE;AACD;AACF;AACF;AAED;AAEO;AACL;AAEA;AACA;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;;AA6BL;AAEA;AAWA;AAMA;AAMA;AACA;AACA;AACA;AACA;AACA;AAeA;;"}

package/lib/components/AppHeader/components/desktop/ReleaseNotesDropdown.js

@@ -6,6 +6,7 @@ import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';
 import '../../../../_virtual/dayjs.min.js';
+import '../../../../intl/TimeFormatter.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';
@@ -27,7 +28,6 @@ import '../../../Layout/Sidebar/Sidebar.js';
 import { Center } from '../../../Layout/Center/Center.js';
 import '../../../Layout/Container/Container.js';
 import { Loader } from '../../../Loader/Loader.js';
-import { Text } from '../../../Text/Text.js';
 import { TextLink } from '../../../TextLink/TextLink.js';
 import '../../../TextLink/HelpLink/HelpLink.js';
 import '../../../TextLink/UpwardLink/UpwardLink.js';
@@ -63,7 +63,7 @@ const ReleaseNotesDropdown = ({ indexUrl, links, loading, error }) => {
 };
 const ReleaseNoteDropdownTrigger = memo(({ children }) => (jsx(DropdownTrigger, { children: jsx(Button, { suffix: jsx(FaCaretDownIcon, {}), className: "shr-rounded-none shr-border-none shr-font-normal [&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180", children: jsx(Translate, { children: children }) }) })));
 const StyledLoader = memo(() => (jsx(Center, { className: "shr-py-3", children: jsx(Loader, {}) })));
-const LoadErrorText = memo(({ children }) => (jsx("div", { className: "shr-whitespace-pre-wrap shr-p-0.75", children: jsx(Text, { children: jsx(Translate, { children: children }) }) })));
+const LoadErrorText = memo(({ children }) => (jsx("div", { className: "shr-whitespace-pre-wrap shr-p-0.75", children: jsx(Translate, { children: children }) })));
 // HelpLinkではなくTextLinkを使用する理由:
 // - リリースノートは典型的なヘルプコンテンツではない
 // - rel="help"はW3C定義で「親要素とその子要素のための追加のヘルプ情報」を指すが、

package/lib/components/AppHeader/components/desktop/ReleaseNotesDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseNotesDropdown.js","sources":["../../../../../src/components/AppHeader/components/desktop/ReleaseNotesDropdown.tsx"],"sourcesContent":["'use client'\n\nimport { 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 { FaCaretDownIcon } from '../../../Icon'\nimport { Center } from '../../../Layout'\nimport { Loader } from '../../../Loader'\nimport { Text } from '../../../Text'\nimport { TextLink } from '../../../TextLink'\nimport { Translate } from '../common/Translate'\n\nimport type { ReleaseNoteProps } from '../../types'\n\nconst wrapperClassNameGenerator = tv({\n  base: 'shr-w-[400px]',\n  variants: {\n    type: {\n      content: '',\n    },\n  },\n})\n\nconst BOX_SHADOW_STYLE = { boxShadow: 'none' }\n\nexport const ReleaseNotesDropdown: FC<ReleaseNoteProps> = ({ indexUrl, links, loading, error }) => {\n  const wrapperClassName = useMemo(() => wrapperClassNameGenerator(), [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      releaseNote: localize({\n        id: 'smarthr-ui/AppHeader/releaseNotes',\n        defaultText: 'リリースノート',\n      }),\n      loadError: localize({\n        id: 'smarthr-ui/AppHeader/releaseNotesLoadError',\n        defaultText: 'リリースノートの読み込みに失敗しました。\\n時間をおいて、やり直してください。',\n      }),\n      seeAll: localize({\n        id: 'smarthr-ui/AppHeader/seeAllReleaseNotes',\n        defaultText: 'すべてのリリースノートを見る',\n      }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className=\"shr-border-l-shorthand shr-ms-0.5\">\n      <Dropdown>\n        <ReleaseNoteDropdownTrigger>{translated.releaseNote}</ReleaseNoteDropdownTrigger>\n        <DropdownContent className=\"shr-mr-1.25\" controllable>\n          <div className=\"shr-w-[400px]\">\n            {loading ? (\n              <StyledLoader />\n            ) : error || !links ? (\n              <LoadErrorText>{translated.loadError}</LoadErrorText>\n            ) : (\n              <div className={wrapperClassName}>\n                {links.slice(0, 5).map(({ title, url }, index) => (\n                  <ArticleLink key={index} href={url}>\n                    {title}\n                  </ArticleLink>\n                ))}\n                <SeeAllTextLink href={indexUrl}>{translated.seeAll}</SeeAllTextLink>\n              </div>\n            )}\n          </div>\n        </DropdownContent>\n      </Dropdown>\n    </div>\n  )\n}\n\nconst ReleaseNoteDropdownTrigger = memo<PropsWithChildren>(({ children }) => (\n  <DropdownTrigger>\n    <Button\n      suffix={<FaCaretDownIcon />}\n      className=\"shr-rounded-none shr-border-none shr-font-normal [&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180\"\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n\nconst StyledLoader = memo(() => (\n  <Center className=\"shr-py-3\">\n    <Loader />\n  </Center>\n))\n\nconst LoadErrorText = memo<PropsWithChildren>(({ children }) => (\n  <div className=\"shr-whitespace-pre-wrap shr-p-0.75\">\n    <Text>\n      <Translate>{children}</Translate>\n    </Text>\n  </div>\n))\n\n// HelpLinkではなくTextLinkを使用する理由:\n// - リリースノートは典型的なヘルプコンテンツではない\n// - rel=\"help\"はW3C定義で「親要素とその子要素のための追加のヘルプ情報」を指すが、\n//   AppHeaderからのリリースノートは現在のページと直接関連するとは限らない\n// 参考: https://www.w3.org/TR/2010/WD-html5-20100624/links.html#link-type-help\nconst ArticleLink = memo<PropsWithChildren<{ href: string }>>(({ href, children }) => (\n  <div className=\"shr-border-b-shorthand shr-border-dashed shr-p-0.75\">\n    <TextLink\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener\"\n      referrerPolicy=\"no-referrer-when-downgrade\"\n      className=\"shr-leading-normal [&&]:shr-underline\"\n      style={BOX_SHADOW_STYLE}\n    >\n      {children}\n    </TextLink>\n  </div>\n))\n\nconst SeeAllTextLink = memo<PropsWithChildren<{ href: string }>>(({ href, children }) => (\n  <div className=\"shr-p-0.75 shr-text-right\">\n    <TextLink\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener\"\n      referrerPolicy=\"no-referrer-when-downgrade\"\n      className=\"shr-leading-normal [&&]:shr-underline\"\n      style={BOX_SHADOW_STYLE}\n    >\n      <Translate>{children}</Translate>\n    </TextLink>\n  </div>\n))\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACE;AACA;AACE;AACE;AACD;AACF;AACF;AAED;AAEO;AACL;AAEA;AACA;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;;AA6BL;AAEA;AAWA;AAMA;AAQA;AACA;AACA;AACA;AACA;AACA;AAeA;;"}
+{"version":3,"file":"ReleaseNotesDropdown.js","sources":["../../../../../src/components/AppHeader/components/desktop/ReleaseNotesDropdown.tsx"],"sourcesContent":["'use client'\n\nimport { 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 { FaCaretDownIcon } from '../../../Icon'\nimport { Center } from '../../../Layout'\nimport { Loader } from '../../../Loader'\nimport { TextLink } from '../../../TextLink'\nimport { Translate } from '../common/Translate'\n\nimport type { ReleaseNoteProps } from '../../types'\n\nconst wrapperClassNameGenerator = tv({\n  base: 'shr-w-[400px]',\n  variants: {\n    type: {\n      content: '',\n    },\n  },\n})\n\nconst BOX_SHADOW_STYLE = { boxShadow: 'none' }\n\nexport const ReleaseNotesDropdown: FC<ReleaseNoteProps> = ({ indexUrl, links, loading, error }) => {\n  const wrapperClassName = useMemo(() => wrapperClassNameGenerator(), [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      releaseNote: localize({\n        id: 'smarthr-ui/AppHeader/releaseNotes',\n        defaultText: 'リリースノート',\n      }),\n      loadError: localize({\n        id: 'smarthr-ui/AppHeader/releaseNotesLoadError',\n        defaultText: 'リリースノートの読み込みに失敗しました。\\n時間をおいて、やり直してください。',\n      }),\n      seeAll: localize({\n        id: 'smarthr-ui/AppHeader/seeAllReleaseNotes',\n        defaultText: 'すべてのリリースノートを見る',\n      }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className=\"shr-border-l-shorthand shr-ms-0.5\">\n      <Dropdown>\n        <ReleaseNoteDropdownTrigger>{translated.releaseNote}</ReleaseNoteDropdownTrigger>\n        <DropdownContent className=\"shr-mr-1.25\" controllable>\n          <div className=\"shr-w-[400px]\">\n            {loading ? (\n              <StyledLoader />\n            ) : error || !links ? (\n              <LoadErrorText>{translated.loadError}</LoadErrorText>\n            ) : (\n              <div className={wrapperClassName}>\n                {links.slice(0, 5).map(({ title, url }, index) => (\n                  <ArticleLink key={index} href={url}>\n                    {title}\n                  </ArticleLink>\n                ))}\n                <SeeAllTextLink href={indexUrl}>{translated.seeAll}</SeeAllTextLink>\n              </div>\n            )}\n          </div>\n        </DropdownContent>\n      </Dropdown>\n    </div>\n  )\n}\n\nconst ReleaseNoteDropdownTrigger = memo<PropsWithChildren>(({ children }) => (\n  <DropdownTrigger>\n    <Button\n      suffix={<FaCaretDownIcon />}\n      className=\"shr-rounded-none shr-border-none shr-font-normal [&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180\"\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n\nconst StyledLoader = memo(() => (\n  <Center className=\"shr-py-3\">\n    <Loader />\n  </Center>\n))\n\nconst LoadErrorText = memo<PropsWithChildren>(({ children }) => (\n  <div className=\"shr-whitespace-pre-wrap shr-p-0.75\">\n    <Translate>{children}</Translate>\n  </div>\n))\n\n// HelpLinkではなくTextLinkを使用する理由:\n// - リリースノートは典型的なヘルプコンテンツではない\n// - rel=\"help\"はW3C定義で「親要素とその子要素のための追加のヘルプ情報」を指すが、\n//   AppHeaderからのリリースノートは現在のページと直接関連するとは限らない\n// 参考: https://www.w3.org/TR/2010/WD-html5-20100624/links.html#link-type-help\nconst ArticleLink = memo<PropsWithChildren<{ href: string }>>(({ href, children }) => (\n  <div className=\"shr-border-b-shorthand shr-border-dashed shr-p-0.75\">\n    <TextLink\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener\"\n      referrerPolicy=\"no-referrer-when-downgrade\"\n      className=\"shr-leading-normal [&&]:shr-underline\"\n      style={BOX_SHADOW_STYLE}\n    >\n      {children}\n    </TextLink>\n  </div>\n))\n\nconst SeeAllTextLink = memo<PropsWithChildren<{ href: string }>>(({ href, children }) => (\n  <div className=\"shr-p-0.75 shr-text-right\">\n    <TextLink\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener\"\n      referrerPolicy=\"no-referrer-when-downgrade\"\n      className=\"shr-leading-normal [&&]:shr-underline\"\n      style={BOX_SHADOW_STYLE}\n    >\n      <Translate>{children}</Translate>\n    </TextLink>\n  </div>\n))\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA;AACE;AACA;AACE;AACE;AACD;AACF;AACF;AAED;AAEO;AACL;AAEA;AACA;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;;AA6BL;AAEA;AAWA;AAMA;AAMA;AACA;AACA;AACA;AACA;AACA;AAeA;;"}

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

@@ -7,6 +7,7 @@ require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');
 require('../../../../_virtual/dayjs.min.cjs');
+require('../../../../intl/TimeFormatter.cjs');
 var components_Button_Button = require('../../../Button/Button.cjs');
 var components_Button_AnchorButton = require('../../../Button/AnchorButton.cjs');
 require('../../../Button/UnstyledButton.cjs');

package/lib/components/AppHeader/components/desktop/UserInfo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserInfo.cjs","sources":["../../../../../src/components/AppHeader/components/desktop/UserInfo.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { AnchorButton, Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownMenuButton, DropdownTrigger } from '../../../Dropdown'\nimport { FaCaretDownIcon, FaGearIcon, FaUserIcon } from '../../../Icon'\nimport { Cluster, Stack } from '../../../Layout'\nimport { Text } from '../../../Text'\nimport { buildDisplayName } from '../../utils'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\nimport type { HeaderProps, UserInfoProps } from '../../types'\n\n// HeaderDropdownMenuButton と同じスタイルを適用\nconst classNameGenerator = tv({\n  slots: {\n    userSummary: [\n      'shr-relative -shr-mx-0.25 -shr-mt-0.5 shr-p-1',\n      // FIXME: smarthr-ui で DropdownMenuButton のグルーピングができるようになったら修正しましょう\n      'after:shr-absolute after:shr-inset-x-0.5 after:shr-bottom-0 after:shr-block after:shr-h-px after:shr-bg-border after:shr-content-[\"\"]',\n    ],\n    dropdownMenuButton: [\n      '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-border-transparent [&_.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.5 [&_.smarthr-ui-DropdownMenuButton-trigger]:shr-font-normal',\n    ],\n    dropdownContentButton: [\n      '[&&.smarthr-ui-AnchorButton]:shr-p-0.75 [&&.smarthr-ui-AnchorButton]:shr-py-0.75',\n      '[&&.smarthr-ui-Button]:shr-p-0.75 [&&.smarthr-ui-Button]:shr-py-0.75',\n    ],\n    button: [\n      '[&&]:shr-border-transparent [&&]:shr-font-normal [&&]:last-of-type:-shr-me-0.25',\n      '[&&]:focus-visible:shr-bg-transparent',\n      \"[&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180\",\n    ],\n    dropdownContent: '[&&]:shr-whitespace-pre [&&]:shr-p-0.5',\n    accountImage: '',\n    placeholderImage: 'shr-p-0.5',\n  },\n  variants: {\n    enableNew: {\n      true: {\n        button: '[&&]:shr-px-0.5',\n      },\n      false: {\n        button:\n          '[&&]:shr-bg-transparent [&&]:shr-px-0.25 [&&]:shr-text-white [&&]:hover:shr-bg-transparent',\n      },\n    },\n  },\n  compoundSlots: [\n    {\n      slots: ['accountImage', 'placeholderImage'],\n      className:\n        'shr-border-shorthand -shr-my-1 shr-box-border shr-flex shr-size-2 shr-items-center shr-justify-center shr-rounded-full shr-bg-white',\n    },\n  ],\n})\n\ntype Props = UserInfoProps &\n  Pick<HeaderProps, 'desktopAdditionalContent' | 'tenants' | 'currentTenantId'>\n\nexport const UserInfo: FC<Props> = ({\n  email,\n  empCode,\n  firstName,\n  lastName,\n  accountUrl,\n  desktopAdditionalContent,\n  ...rest\n}) => {\n  const displayName = useMemo(\n    () =>\n      buildDisplayName({\n        email,\n        empCode,\n        firstName,\n        lastName,\n      }),\n    [email, empCode, firstName, lastName],\n  )\n\n  if (!displayName) {\n    return null\n  }\n\n  if (!accountUrl && !desktopAdditionalContent) {\n    return <span className=\"shr-text-white\">{displayName}</span>\n  }\n\n  return (\n    <ActualUserInfo\n      {...rest}\n      email={email}\n      empCode={empCode}\n      firstName={firstName}\n      lastName={lastName}\n      accountUrl={accountUrl}\n      desktopAdditionalContent={desktopAdditionalContent}\n      displayName={displayName}\n    />\n  )\n}\n\nexport const ActualUserInfo: FC<Props & { displayName: string }> = ({\n  email,\n  empCode,\n  firstName,\n  lastName,\n  tenants,\n  currentTenantId,\n  accountUrl,\n  accountImageUrl,\n  desktopAdditionalContent,\n  enableNew,\n  displayName,\n}) => {\n  const classNames = useMemo(() => {\n    const {\n      userSummary,\n      dropdownMenuButton,\n      dropdownContentButton,\n      button,\n      dropdownContent,\n      accountImage,\n      placeholderImage,\n    } = classNameGenerator({\n      enableNew,\n    })\n\n    return {\n      userSummary: userSummary(),\n      dropdownMenuButton: dropdownMenuButton(),\n      dropdownContentButton: dropdownContentButton(),\n      button: button(),\n      dropdownContent: dropdownContent(),\n      accountImage: accountImage(),\n      placeholderImage: placeholderImage(),\n    }\n  }, [enableNew])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      userSetting: localize({ id: 'smarthr-ui/AppHeader/userSettings', defaultText: '個人設定' }),\n    }),\n    [localize],\n  )\n\n  const currentTenantName = useMemo(\n    () => tenants?.find((tenant) => tenant.id === currentTenantId)?.name,\n    [tenants, currentTenantId],\n  )\n\n  if (enableNew) {\n    return (\n      <DropdownMenuButton\n        className={classNames.dropdownMenuButton}\n        trigger={\n          <DropdownMenuLabel\n            firstName={firstName}\n            lastName={lastName}\n            email={email}\n            accountImageUrl={accountImageUrl}\n            currentTenantName={currentTenantName}\n            accountImageClassName={classNames.accountImage}\n            placeHolderImageClassName={classNames.placeholderImage}\n          />\n        }\n      >\n        <UserSummaryStack\n          currentTenantName={currentTenantName}\n          empCode={empCode}\n          firstName={firstName}\n          lastName={lastName}\n          email={email}\n          className={classNames.userSummary}\n        />\n        <DropdownContentButton href={accountUrl} className={classNames.dropdownContentButton}>\n          {translated.userSetting}\n        </DropdownContentButton>\n        {desktopAdditionalContent}\n      </DropdownMenuButton>\n    )\n  }\n\n  return (\n    <Dropdown>\n      <DisplayNameDropdownTrigger className={classNames.button}>\n        {displayName}\n      </DisplayNameDropdownTrigger>\n      <DropdownContent className={classNames.dropdownContent}>\n        <AccountLink href={accountUrl}>{translated.userSetting}</AccountLink>\n        {desktopAdditionalContent}\n      </DropdownContent>\n    </Dropdown>\n  )\n}\n\nconst DropdownMenuLabel = memo<\n  Pick<Props, 'firstName' | 'lastName' | 'email'> & {\n    accountImageUrl?: string\n    currentTenantName: ReactNode\n    accountImageClassName: string\n    placeHolderImageClassName: string\n  }\n>(\n  ({\n    firstName,\n    lastName,\n    email,\n    accountImageUrl,\n    currentTenantName,\n    accountImageClassName,\n    placeHolderImageClassName,\n  }) => {\n    const body: ReactNode[] = []\n\n    if (currentTenantName) {\n      body.push(currentTenantName)\n    }\n\n    if (firstName && lastName) {\n      body.push(`${firstName} ${lastName}`)\n    } else if (email) {\n      body.push(email)\n    }\n\n    if (body.length === 2) {\n      body.splice(1, 0, <br />)\n    }\n\n    return (\n      <Cluster as=\"span\" align=\"flex-start\">\n        {accountImageUrl ? (\n          // eslint-disable-next-line smarthr/a11y-image-has-alt-attribute, jsx-a11y/alt-text\n          <img src={accountImageUrl} className={accountImageClassName} aria-hidden />\n        ) : (\n          <span className={placeHolderImageClassName}>\n            <FaUserIcon color=\"TEXT_GREY\" />\n          </span>\n        )}\n\n        <Text size=\"XS\" leading=\"NORMAL\" className=\"-shr-my-1 shr-text-left\">\n          {body}\n        </Text>\n      </Cluster>\n    )\n  },\n)\n\nconst UserSummaryStack = memo<\n  Pick<Props, 'empCode' | 'firstName' | 'lastName' | 'email'> & {\n    currentTenantName: ReactNode\n    className: string\n  }\n>(({ currentTenantName, empCode, firstName, lastName, email, className }) => (\n  <Stack gap={0.5} className={className}>\n    <Text size=\"S\" color=\"TEXT_GREY\" weight=\"bold\" leading=\"TIGHT\">\n      {currentTenantName}\n    </Text>\n\n    {empCode || (firstName && lastName) ? (\n      <Cluster align=\"center\">\n        {empCode && (\n          <Text size=\"S\" color=\"TEXT_GREY\" leading=\"TIGHT\">\n            {empCode}\n          </Text>\n        )}\n        {firstName && lastName && <Text leading=\"TIGHT\">{`${lastName} ${firstName}`}</Text>}\n      </Cluster>\n    ) : (\n      <Text leading=\"TIGHT\">{email}</Text>\n    )}\n  </Stack>\n))\n\nconst DropdownContentButton = memo<PropsWithChildren<{ href?: string | null; className: string }>>(\n  ({ href, children, className }) =>\n    href && (\n      <AnchorButton\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefix={<FaGearIcon />}\n        className={className}\n      >\n        <Translate>{children}</Translate>\n      </AnchorButton>\n    ),\n)\n\nconst DisplayNameDropdownTrigger = memo<PropsWithChildren<{ className: string }>>(\n  ({ children, className }) => (\n    <DropdownTrigger>\n      <Button variant=\"text\" suffix={<FaCaretDownIcon />} className={className}>\n        <Translate>{children}</Translate>\n      </Button>\n    </DropdownTrigger>\n  ),\n)\n\nconst AccountLink = memo<PropsWithChildren<{ href?: string | null }>>(\n  ({ href, children }) =>\n    href && (\n      <CommonButton\n        elementAs=\"a\"\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefix={<FaGearIcon />}\n      >\n        <Translate>{children}</Translate>\n      </CommonButton>\n    ),\n)\n"],"names":["tv","useMemo","buildDisplayName","_jsx","useIntl","_jsxs","DropdownMenuButton","Dropdown","DropdownContent","memo","Cluster","FaUserIcon","Text","Stack","AnchorButton","FaGearIcon","Translate","DropdownTrigger","Button","FaCaretDownIcon","CommonButton"],"mappings":"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"}
+{"version":3,"file":"UserInfo.cjs","sources":["../../../../../src/components/AppHeader/components/desktop/UserInfo.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { AnchorButton, Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownMenuButton, DropdownTrigger } from '../../../Dropdown'\nimport { FaCaretDownIcon, FaGearIcon, FaUserIcon } from '../../../Icon'\nimport { Cluster, Stack } from '../../../Layout'\nimport { Text } from '../../../Text'\nimport { buildDisplayName } from '../../utils'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\nimport type { HeaderProps, UserInfoProps } from '../../types'\n\n// HeaderDropdownMenuButton と同じスタイルを適用\nconst classNameGenerator = tv({\n  slots: {\n    userSummary: [\n      'shr-relative -shr-mx-0.25 -shr-mt-0.5 shr-p-1',\n      // FIXME: smarthr-ui で DropdownMenuButton のグルーピングができるようになったら修正しましょう\n      'after:shr-absolute after:shr-inset-x-0.5 after:shr-bottom-0 after:shr-block after:shr-h-px after:shr-bg-border after:shr-content-[\"\"]',\n    ],\n    dropdownMenuButton: [\n      '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-border-transparent [&_.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.5 [&_.smarthr-ui-DropdownMenuButton-trigger]:shr-font-normal',\n    ],\n    dropdownContentButton: [\n      '[&&.smarthr-ui-AnchorButton]:shr-p-0.75 [&&.smarthr-ui-AnchorButton]:shr-py-0.75',\n      '[&&.smarthr-ui-Button]:shr-p-0.75 [&&.smarthr-ui-Button]:shr-py-0.75',\n    ],\n    button: [\n      '[&&]:shr-border-transparent [&&]:shr-font-normal [&&]:last-of-type:-shr-me-0.25',\n      '[&&]:focus-visible:shr-bg-transparent',\n      \"[&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180\",\n    ],\n    dropdownContent: '[&&]:shr-whitespace-pre [&&]:shr-p-0.5',\n    accountImage: '',\n    placeholderImage: 'shr-p-0.5',\n  },\n  variants: {\n    enableNew: {\n      true: {\n        button: '[&&]:shr-px-0.5',\n      },\n      false: {\n        button:\n          '[&&]:shr-bg-transparent [&&]:shr-px-0.25 [&&]:shr-text-white [&&]:hover:shr-bg-transparent',\n      },\n    },\n  },\n  compoundSlots: [\n    {\n      slots: ['accountImage', 'placeholderImage'],\n      className:\n        'shr-border-shorthand -shr-my-1 shr-box-border shr-flex shr-size-2 shr-items-center shr-justify-center shr-rounded-full shr-bg-white',\n    },\n  ],\n})\n\ntype Props = UserInfoProps &\n  Pick<HeaderProps, 'desktopAdditionalContent' | 'tenants' | 'currentTenantId'>\n\nexport const UserInfo: FC<Props> = ({\n  email,\n  empCode,\n  firstName,\n  lastName,\n  accountUrl,\n  desktopAdditionalContent,\n  ...rest\n}) => {\n  const displayName = useMemo(\n    () =>\n      buildDisplayName({\n        email,\n        empCode,\n        firstName,\n        lastName,\n      }),\n    [email, empCode, firstName, lastName],\n  )\n\n  if (!displayName) {\n    return null\n  }\n\n  if (!accountUrl && !desktopAdditionalContent) {\n    return <span className=\"shr-text-white\">{displayName}</span>\n  }\n\n  return (\n    <ActualUserInfo\n      {...rest}\n      email={email}\n      empCode={empCode}\n      firstName={firstName}\n      lastName={lastName}\n      accountUrl={accountUrl}\n      desktopAdditionalContent={desktopAdditionalContent}\n      displayName={displayName}\n    />\n  )\n}\n\nexport const ActualUserInfo: FC<Props & { displayName: string }> = ({\n  email,\n  empCode,\n  firstName,\n  lastName,\n  tenants,\n  currentTenantId,\n  accountUrl,\n  accountImageUrl,\n  desktopAdditionalContent,\n  enableNew,\n  displayName,\n}) => {\n  const classNames = useMemo(() => {\n    const {\n      userSummary,\n      dropdownMenuButton,\n      dropdownContentButton,\n      button,\n      dropdownContent,\n      accountImage,\n      placeholderImage,\n    } = classNameGenerator({\n      enableNew,\n    })\n\n    return {\n      userSummary: userSummary(),\n      dropdownMenuButton: dropdownMenuButton(),\n      dropdownContentButton: dropdownContentButton(),\n      button: button(),\n      dropdownContent: dropdownContent(),\n      accountImage: accountImage(),\n      placeholderImage: placeholderImage(),\n    }\n  }, [enableNew])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      userSetting: localize({ id: 'smarthr-ui/AppHeader/userSettings', defaultText: '個人設定' }),\n    }),\n    [localize],\n  )\n\n  const currentTenantName = useMemo(\n    () => tenants?.find((tenant) => tenant.id === currentTenantId)?.name,\n    [tenants, currentTenantId],\n  )\n\n  if (enableNew) {\n    return (\n      <DropdownMenuButton\n        className={classNames.dropdownMenuButton}\n        trigger={\n          <DropdownMenuLabel\n            firstName={firstName}\n            lastName={lastName}\n            email={email}\n            accountImageUrl={accountImageUrl}\n            currentTenantName={currentTenantName}\n            accountImageClassName={classNames.accountImage}\n            placeHolderImageClassName={classNames.placeholderImage}\n          />\n        }\n      >\n        <UserSummaryStack\n          currentTenantName={currentTenantName}\n          empCode={empCode}\n          firstName={firstName}\n          lastName={lastName}\n          email={email}\n          className={classNames.userSummary}\n        />\n        <DropdownContentButton href={accountUrl} className={classNames.dropdownContentButton}>\n          {translated.userSetting}\n        </DropdownContentButton>\n        {desktopAdditionalContent}\n      </DropdownMenuButton>\n    )\n  }\n\n  return (\n    <Dropdown>\n      <DisplayNameDropdownTrigger className={classNames.button}>\n        {displayName}\n      </DisplayNameDropdownTrigger>\n      <DropdownContent className={classNames.dropdownContent}>\n        <AccountLink href={accountUrl}>{translated.userSetting}</AccountLink>\n        {desktopAdditionalContent}\n      </DropdownContent>\n    </Dropdown>\n  )\n}\n\nconst DropdownMenuLabel = memo<\n  Pick<Props, 'firstName' | 'lastName' | 'email'> & {\n    accountImageUrl?: string\n    currentTenantName: ReactNode\n    accountImageClassName: string\n    placeHolderImageClassName: string\n  }\n>(\n  ({\n    firstName,\n    lastName,\n    email,\n    accountImageUrl,\n    currentTenantName,\n    accountImageClassName,\n    placeHolderImageClassName,\n  }) => {\n    const body: ReactNode[] = []\n\n    if (currentTenantName) {\n      body.push(currentTenantName)\n    }\n\n    if (firstName && lastName) {\n      body.push(`${firstName} ${lastName}`)\n    } else if (email) {\n      body.push(email)\n    }\n\n    if (body.length === 2) {\n      body.splice(1, 0, <br />)\n    }\n\n    return (\n      <Cluster as=\"span\" align=\"flex-start\">\n        {accountImageUrl ? (\n          // eslint-disable-next-line smarthr/a11y-image-has-alt-attribute, jsx-a11y/alt-text\n          <img src={accountImageUrl} className={accountImageClassName} aria-hidden />\n        ) : (\n          <span className={placeHolderImageClassName}>\n            <FaUserIcon color=\"TEXT_GREY\" />\n          </span>\n        )}\n\n        <Text size=\"XS\" leading=\"NORMAL\" className=\"-shr-my-1 shr-text-left\">\n          {body}\n        </Text>\n      </Cluster>\n    )\n  },\n)\n\nconst UserSummaryStack = memo<\n  Pick<Props, 'empCode' | 'firstName' | 'lastName' | 'email'> & {\n    currentTenantName: ReactNode\n    className: string\n  }\n>(({ currentTenantName, empCode, firstName, lastName, email, className }) => (\n  <Stack gap={0.5} className={className}>\n    <Text size=\"S\" color=\"TEXT_GREY\" weight=\"bold\" leading=\"TIGHT\">\n      {currentTenantName}\n    </Text>\n\n    {empCode || (firstName && lastName) ? (\n      <Cluster align=\"center\">\n        {empCode && (\n          <Text size=\"S\" color=\"TEXT_GREY\" leading=\"TIGHT\">\n            {empCode}\n          </Text>\n        )}\n        {firstName && lastName && <Text leading=\"TIGHT\">{`${lastName} ${firstName}`}</Text>}\n      </Cluster>\n    ) : (\n      <Text leading=\"TIGHT\">{email}</Text>\n    )}\n  </Stack>\n))\n\nconst DropdownContentButton = memo<PropsWithChildren<{ href?: string | null; className: string }>>(\n  ({ href, children, className }) =>\n    href && (\n      <AnchorButton\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefix={<FaGearIcon />}\n        className={className}\n      >\n        <Translate>{children}</Translate>\n      </AnchorButton>\n    ),\n)\n\nconst DisplayNameDropdownTrigger = memo<PropsWithChildren<{ className: string }>>(\n  ({ children, className }) => (\n    <DropdownTrigger>\n      <Button variant=\"text\" suffix={<FaCaretDownIcon />} className={className}>\n        <Translate>{children}</Translate>\n      </Button>\n    </DropdownTrigger>\n  ),\n)\n\nconst AccountLink = memo<PropsWithChildren<{ href?: string | null }>>(\n  ({ href, children }) =>\n    href && (\n      <CommonButton\n        elementAs=\"a\"\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefix={<FaGearIcon />}\n      >\n        <Translate>{children}</Translate>\n      </CommonButton>\n    ),\n)\n"],"names":["tv","useMemo","buildDisplayName","_jsx","useIntl","_jsxs","DropdownMenuButton","Dropdown","DropdownContent","memo","Cluster","FaUserIcon","Text","Stack","AnchorButton","FaGearIcon","Translate","DropdownTrigger","Button","FaCaretDownIcon","CommonButton"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';
 import '../../../../_virtual/dayjs.min.js';
+import '../../../../intl/TimeFormatter.js';
 import { Button } from '../../../Button/Button.js';
 import { AnchorButton as ForwardedAnchorButton } from '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';

package/lib/components/AppHeader/components/desktop/UserInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserInfo.js","sources":["../../../../../src/components/AppHeader/components/desktop/UserInfo.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { AnchorButton, Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownMenuButton, DropdownTrigger } from '../../../Dropdown'\nimport { FaCaretDownIcon, FaGearIcon, FaUserIcon } from '../../../Icon'\nimport { Cluster, Stack } from '../../../Layout'\nimport { Text } from '../../../Text'\nimport { buildDisplayName } from '../../utils'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\nimport type { HeaderProps, UserInfoProps } from '../../types'\n\n// HeaderDropdownMenuButton と同じスタイルを適用\nconst classNameGenerator = tv({\n  slots: {\n    userSummary: [\n      'shr-relative -shr-mx-0.25 -shr-mt-0.5 shr-p-1',\n      // FIXME: smarthr-ui で DropdownMenuButton のグルーピングができるようになったら修正しましょう\n      'after:shr-absolute after:shr-inset-x-0.5 after:shr-bottom-0 after:shr-block after:shr-h-px after:shr-bg-border after:shr-content-[\"\"]',\n    ],\n    dropdownMenuButton: [\n      '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-border-transparent [&_.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.5 [&_.smarthr-ui-DropdownMenuButton-trigger]:shr-font-normal',\n    ],\n    dropdownContentButton: [\n      '[&&.smarthr-ui-AnchorButton]:shr-p-0.75 [&&.smarthr-ui-AnchorButton]:shr-py-0.75',\n      '[&&.smarthr-ui-Button]:shr-p-0.75 [&&.smarthr-ui-Button]:shr-py-0.75',\n    ],\n    button: [\n      '[&&]:shr-border-transparent [&&]:shr-font-normal [&&]:last-of-type:-shr-me-0.25',\n      '[&&]:focus-visible:shr-bg-transparent',\n      \"[&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180\",\n    ],\n    dropdownContent: '[&&]:shr-whitespace-pre [&&]:shr-p-0.5',\n    accountImage: '',\n    placeholderImage: 'shr-p-0.5',\n  },\n  variants: {\n    enableNew: {\n      true: {\n        button: '[&&]:shr-px-0.5',\n      },\n      false: {\n        button:\n          '[&&]:shr-bg-transparent [&&]:shr-px-0.25 [&&]:shr-text-white [&&]:hover:shr-bg-transparent',\n      },\n    },\n  },\n  compoundSlots: [\n    {\n      slots: ['accountImage', 'placeholderImage'],\n      className:\n        'shr-border-shorthand -shr-my-1 shr-box-border shr-flex shr-size-2 shr-items-center shr-justify-center shr-rounded-full shr-bg-white',\n    },\n  ],\n})\n\ntype Props = UserInfoProps &\n  Pick<HeaderProps, 'desktopAdditionalContent' | 'tenants' | 'currentTenantId'>\n\nexport const UserInfo: FC<Props> = ({\n  email,\n  empCode,\n  firstName,\n  lastName,\n  accountUrl,\n  desktopAdditionalContent,\n  ...rest\n}) => {\n  const displayName = useMemo(\n    () =>\n      buildDisplayName({\n        email,\n        empCode,\n        firstName,\n        lastName,\n      }),\n    [email, empCode, firstName, lastName],\n  )\n\n  if (!displayName) {\n    return null\n  }\n\n  if (!accountUrl && !desktopAdditionalContent) {\n    return <span className=\"shr-text-white\">{displayName}</span>\n  }\n\n  return (\n    <ActualUserInfo\n      {...rest}\n      email={email}\n      empCode={empCode}\n      firstName={firstName}\n      lastName={lastName}\n      accountUrl={accountUrl}\n      desktopAdditionalContent={desktopAdditionalContent}\n      displayName={displayName}\n    />\n  )\n}\n\nexport const ActualUserInfo: FC<Props & { displayName: string }> = ({\n  email,\n  empCode,\n  firstName,\n  lastName,\n  tenants,\n  currentTenantId,\n  accountUrl,\n  accountImageUrl,\n  desktopAdditionalContent,\n  enableNew,\n  displayName,\n}) => {\n  const classNames = useMemo(() => {\n    const {\n      userSummary,\n      dropdownMenuButton,\n      dropdownContentButton,\n      button,\n      dropdownContent,\n      accountImage,\n      placeholderImage,\n    } = classNameGenerator({\n      enableNew,\n    })\n\n    return {\n      userSummary: userSummary(),\n      dropdownMenuButton: dropdownMenuButton(),\n      dropdownContentButton: dropdownContentButton(),\n      button: button(),\n      dropdownContent: dropdownContent(),\n      accountImage: accountImage(),\n      placeholderImage: placeholderImage(),\n    }\n  }, [enableNew])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      userSetting: localize({ id: 'smarthr-ui/AppHeader/userSettings', defaultText: '個人設定' }),\n    }),\n    [localize],\n  )\n\n  const currentTenantName = useMemo(\n    () => tenants?.find((tenant) => tenant.id === currentTenantId)?.name,\n    [tenants, currentTenantId],\n  )\n\n  if (enableNew) {\n    return (\n      <DropdownMenuButton\n        className={classNames.dropdownMenuButton}\n        trigger={\n          <DropdownMenuLabel\n            firstName={firstName}\n            lastName={lastName}\n            email={email}\n            accountImageUrl={accountImageUrl}\n            currentTenantName={currentTenantName}\n            accountImageClassName={classNames.accountImage}\n            placeHolderImageClassName={classNames.placeholderImage}\n          />\n        }\n      >\n        <UserSummaryStack\n          currentTenantName={currentTenantName}\n          empCode={empCode}\n          firstName={firstName}\n          lastName={lastName}\n          email={email}\n          className={classNames.userSummary}\n        />\n        <DropdownContentButton href={accountUrl} className={classNames.dropdownContentButton}>\n          {translated.userSetting}\n        </DropdownContentButton>\n        {desktopAdditionalContent}\n      </DropdownMenuButton>\n    )\n  }\n\n  return (\n    <Dropdown>\n      <DisplayNameDropdownTrigger className={classNames.button}>\n        {displayName}\n      </DisplayNameDropdownTrigger>\n      <DropdownContent className={classNames.dropdownContent}>\n        <AccountLink href={accountUrl}>{translated.userSetting}</AccountLink>\n        {desktopAdditionalContent}\n      </DropdownContent>\n    </Dropdown>\n  )\n}\n\nconst DropdownMenuLabel = memo<\n  Pick<Props, 'firstName' | 'lastName' | 'email'> & {\n    accountImageUrl?: string\n    currentTenantName: ReactNode\n    accountImageClassName: string\n    placeHolderImageClassName: string\n  }\n>(\n  ({\n    firstName,\n    lastName,\n    email,\n    accountImageUrl,\n    currentTenantName,\n    accountImageClassName,\n    placeHolderImageClassName,\n  }) => {\n    const body: ReactNode[] = []\n\n    if (currentTenantName) {\n      body.push(currentTenantName)\n    }\n\n    if (firstName && lastName) {\n      body.push(`${firstName} ${lastName}`)\n    } else if (email) {\n      body.push(email)\n    }\n\n    if (body.length === 2) {\n      body.splice(1, 0, <br />)\n    }\n\n    return (\n      <Cluster as=\"span\" align=\"flex-start\">\n        {accountImageUrl ? (\n          // eslint-disable-next-line smarthr/a11y-image-has-alt-attribute, jsx-a11y/alt-text\n          <img src={accountImageUrl} className={accountImageClassName} aria-hidden />\n        ) : (\n          <span className={placeHolderImageClassName}>\n            <FaUserIcon color=\"TEXT_GREY\" />\n          </span>\n        )}\n\n        <Text size=\"XS\" leading=\"NORMAL\" className=\"-shr-my-1 shr-text-left\">\n          {body}\n        </Text>\n      </Cluster>\n    )\n  },\n)\n\nconst UserSummaryStack = memo<\n  Pick<Props, 'empCode' | 'firstName' | 'lastName' | 'email'> & {\n    currentTenantName: ReactNode\n    className: string\n  }\n>(({ currentTenantName, empCode, firstName, lastName, email, className }) => (\n  <Stack gap={0.5} className={className}>\n    <Text size=\"S\" color=\"TEXT_GREY\" weight=\"bold\" leading=\"TIGHT\">\n      {currentTenantName}\n    </Text>\n\n    {empCode || (firstName && lastName) ? (\n      <Cluster align=\"center\">\n        {empCode && (\n          <Text size=\"S\" color=\"TEXT_GREY\" leading=\"TIGHT\">\n            {empCode}\n          </Text>\n        )}\n        {firstName && lastName && <Text leading=\"TIGHT\">{`${lastName} ${firstName}`}</Text>}\n      </Cluster>\n    ) : (\n      <Text leading=\"TIGHT\">{email}</Text>\n    )}\n  </Stack>\n))\n\nconst DropdownContentButton = memo<PropsWithChildren<{ href?: string | null; className: string }>>(\n  ({ href, children, className }) =>\n    href && (\n      <AnchorButton\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefix={<FaGearIcon />}\n        className={className}\n      >\n        <Translate>{children}</Translate>\n      </AnchorButton>\n    ),\n)\n\nconst DisplayNameDropdownTrigger = memo<PropsWithChildren<{ className: string }>>(\n  ({ children, className }) => (\n    <DropdownTrigger>\n      <Button variant=\"text\" suffix={<FaCaretDownIcon />} className={className}>\n        <Translate>{children}</Translate>\n      </Button>\n    </DropdownTrigger>\n  ),\n)\n\nconst AccountLink = memo<PropsWithChildren<{ href?: string | null }>>(\n  ({ href, children }) =>\n    href && (\n      <CommonButton\n        elementAs=\"a\"\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefix={<FaGearIcon />}\n      >\n        <Translate>{children}</Translate>\n      </CommonButton>\n    ),\n)\n"],"names":["tv","_jsx","_jsxs","AnchorButton"],"mappings":"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"}
+{"version":3,"file":"UserInfo.js","sources":["../../../../../src/components/AppHeader/components/desktop/UserInfo.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { AnchorButton, Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownMenuButton, DropdownTrigger } from '../../../Dropdown'\nimport { FaCaretDownIcon, FaGearIcon, FaUserIcon } from '../../../Icon'\nimport { Cluster, Stack } from '../../../Layout'\nimport { Text } from '../../../Text'\nimport { buildDisplayName } from '../../utils'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\nimport type { HeaderProps, UserInfoProps } from '../../types'\n\n// HeaderDropdownMenuButton と同じスタイルを適用\nconst classNameGenerator = tv({\n  slots: {\n    userSummary: [\n      'shr-relative -shr-mx-0.25 -shr-mt-0.5 shr-p-1',\n      // FIXME: smarthr-ui で DropdownMenuButton のグルーピングができるようになったら修正しましょう\n      'after:shr-absolute after:shr-inset-x-0.5 after:shr-bottom-0 after:shr-block after:shr-h-px after:shr-bg-border after:shr-content-[\"\"]',\n    ],\n    dropdownMenuButton: [\n      '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-border-transparent [&_.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.5 [&_.smarthr-ui-DropdownMenuButton-trigger]:shr-font-normal',\n    ],\n    dropdownContentButton: [\n      '[&&.smarthr-ui-AnchorButton]:shr-p-0.75 [&&.smarthr-ui-AnchorButton]:shr-py-0.75',\n      '[&&.smarthr-ui-Button]:shr-p-0.75 [&&.smarthr-ui-Button]:shr-py-0.75',\n    ],\n    button: [\n      '[&&]:shr-border-transparent [&&]:shr-font-normal [&&]:last-of-type:-shr-me-0.25',\n      '[&&]:focus-visible:shr-bg-transparent',\n      \"[&[aria-expanded='true']_.smarthr-ui-Icon:last-child]:shr-rotate-180\",\n    ],\n    dropdownContent: '[&&]:shr-whitespace-pre [&&]:shr-p-0.5',\n    accountImage: '',\n    placeholderImage: 'shr-p-0.5',\n  },\n  variants: {\n    enableNew: {\n      true: {\n        button: '[&&]:shr-px-0.5',\n      },\n      false: {\n        button:\n          '[&&]:shr-bg-transparent [&&]:shr-px-0.25 [&&]:shr-text-white [&&]:hover:shr-bg-transparent',\n      },\n    },\n  },\n  compoundSlots: [\n    {\n      slots: ['accountImage', 'placeholderImage'],\n      className:\n        'shr-border-shorthand -shr-my-1 shr-box-border shr-flex shr-size-2 shr-items-center shr-justify-center shr-rounded-full shr-bg-white',\n    },\n  ],\n})\n\ntype Props = UserInfoProps &\n  Pick<HeaderProps, 'desktopAdditionalContent' | 'tenants' | 'currentTenantId'>\n\nexport const UserInfo: FC<Props> = ({\n  email,\n  empCode,\n  firstName,\n  lastName,\n  accountUrl,\n  desktopAdditionalContent,\n  ...rest\n}) => {\n  const displayName = useMemo(\n    () =>\n      buildDisplayName({\n        email,\n        empCode,\n        firstName,\n        lastName,\n      }),\n    [email, empCode, firstName, lastName],\n  )\n\n  if (!displayName) {\n    return null\n  }\n\n  if (!accountUrl && !desktopAdditionalContent) {\n    return <span className=\"shr-text-white\">{displayName}</span>\n  }\n\n  return (\n    <ActualUserInfo\n      {...rest}\n      email={email}\n      empCode={empCode}\n      firstName={firstName}\n      lastName={lastName}\n      accountUrl={accountUrl}\n      desktopAdditionalContent={desktopAdditionalContent}\n      displayName={displayName}\n    />\n  )\n}\n\nexport const ActualUserInfo: FC<Props & { displayName: string }> = ({\n  email,\n  empCode,\n  firstName,\n  lastName,\n  tenants,\n  currentTenantId,\n  accountUrl,\n  accountImageUrl,\n  desktopAdditionalContent,\n  enableNew,\n  displayName,\n}) => {\n  const classNames = useMemo(() => {\n    const {\n      userSummary,\n      dropdownMenuButton,\n      dropdownContentButton,\n      button,\n      dropdownContent,\n      accountImage,\n      placeholderImage,\n    } = classNameGenerator({\n      enableNew,\n    })\n\n    return {\n      userSummary: userSummary(),\n      dropdownMenuButton: dropdownMenuButton(),\n      dropdownContentButton: dropdownContentButton(),\n      button: button(),\n      dropdownContent: dropdownContent(),\n      accountImage: accountImage(),\n      placeholderImage: placeholderImage(),\n    }\n  }, [enableNew])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      userSetting: localize({ id: 'smarthr-ui/AppHeader/userSettings', defaultText: '個人設定' }),\n    }),\n    [localize],\n  )\n\n  const currentTenantName = useMemo(\n    () => tenants?.find((tenant) => tenant.id === currentTenantId)?.name,\n    [tenants, currentTenantId],\n  )\n\n  if (enableNew) {\n    return (\n      <DropdownMenuButton\n        className={classNames.dropdownMenuButton}\n        trigger={\n          <DropdownMenuLabel\n            firstName={firstName}\n            lastName={lastName}\n            email={email}\n            accountImageUrl={accountImageUrl}\n            currentTenantName={currentTenantName}\n            accountImageClassName={classNames.accountImage}\n            placeHolderImageClassName={classNames.placeholderImage}\n          />\n        }\n      >\n        <UserSummaryStack\n          currentTenantName={currentTenantName}\n          empCode={empCode}\n          firstName={firstName}\n          lastName={lastName}\n          email={email}\n          className={classNames.userSummary}\n        />\n        <DropdownContentButton href={accountUrl} className={classNames.dropdownContentButton}>\n          {translated.userSetting}\n        </DropdownContentButton>\n        {desktopAdditionalContent}\n      </DropdownMenuButton>\n    )\n  }\n\n  return (\n    <Dropdown>\n      <DisplayNameDropdownTrigger className={classNames.button}>\n        {displayName}\n      </DisplayNameDropdownTrigger>\n      <DropdownContent className={classNames.dropdownContent}>\n        <AccountLink href={accountUrl}>{translated.userSetting}</AccountLink>\n        {desktopAdditionalContent}\n      </DropdownContent>\n    </Dropdown>\n  )\n}\n\nconst DropdownMenuLabel = memo<\n  Pick<Props, 'firstName' | 'lastName' | 'email'> & {\n    accountImageUrl?: string\n    currentTenantName: ReactNode\n    accountImageClassName: string\n    placeHolderImageClassName: string\n  }\n>(\n  ({\n    firstName,\n    lastName,\n    email,\n    accountImageUrl,\n    currentTenantName,\n    accountImageClassName,\n    placeHolderImageClassName,\n  }) => {\n    const body: ReactNode[] = []\n\n    if (currentTenantName) {\n      body.push(currentTenantName)\n    }\n\n    if (firstName && lastName) {\n      body.push(`${firstName} ${lastName}`)\n    } else if (email) {\n      body.push(email)\n    }\n\n    if (body.length === 2) {\n      body.splice(1, 0, <br />)\n    }\n\n    return (\n      <Cluster as=\"span\" align=\"flex-start\">\n        {accountImageUrl ? (\n          // eslint-disable-next-line smarthr/a11y-image-has-alt-attribute, jsx-a11y/alt-text\n          <img src={accountImageUrl} className={accountImageClassName} aria-hidden />\n        ) : (\n          <span className={placeHolderImageClassName}>\n            <FaUserIcon color=\"TEXT_GREY\" />\n          </span>\n        )}\n\n        <Text size=\"XS\" leading=\"NORMAL\" className=\"-shr-my-1 shr-text-left\">\n          {body}\n        </Text>\n      </Cluster>\n    )\n  },\n)\n\nconst UserSummaryStack = memo<\n  Pick<Props, 'empCode' | 'firstName' | 'lastName' | 'email'> & {\n    currentTenantName: ReactNode\n    className: string\n  }\n>(({ currentTenantName, empCode, firstName, lastName, email, className }) => (\n  <Stack gap={0.5} className={className}>\n    <Text size=\"S\" color=\"TEXT_GREY\" weight=\"bold\" leading=\"TIGHT\">\n      {currentTenantName}\n    </Text>\n\n    {empCode || (firstName && lastName) ? (\n      <Cluster align=\"center\">\n        {empCode && (\n          <Text size=\"S\" color=\"TEXT_GREY\" leading=\"TIGHT\">\n            {empCode}\n          </Text>\n        )}\n        {firstName && lastName && <Text leading=\"TIGHT\">{`${lastName} ${firstName}`}</Text>}\n      </Cluster>\n    ) : (\n      <Text leading=\"TIGHT\">{email}</Text>\n    )}\n  </Stack>\n))\n\nconst DropdownContentButton = memo<PropsWithChildren<{ href?: string | null; className: string }>>(\n  ({ href, children, className }) =>\n    href && (\n      <AnchorButton\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefix={<FaGearIcon />}\n        className={className}\n      >\n        <Translate>{children}</Translate>\n      </AnchorButton>\n    ),\n)\n\nconst DisplayNameDropdownTrigger = memo<PropsWithChildren<{ className: string }>>(\n  ({ children, className }) => (\n    <DropdownTrigger>\n      <Button variant=\"text\" suffix={<FaCaretDownIcon />} className={className}>\n        <Translate>{children}</Translate>\n      </Button>\n    </DropdownTrigger>\n  ),\n)\n\nconst AccountLink = memo<PropsWithChildren<{ href?: string | null }>>(\n  ({ href, children }) =>\n    href && (\n      <CommonButton\n        elementAs=\"a\"\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefix={<FaGearIcon />}\n      >\n        <Translate>{children}</Translate>\n      </CommonButton>\n    ),\n)\n"],"names":["tv","_jsx","_jsxs","AnchorButton"],"mappings":"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"}

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

@@ -7,6 +7,7 @@ require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');
 require('../../../../_virtual/dayjs.min.cjs');
+require('../../../../intl/TimeFormatter.cjs');
 require('../../../Button/Button.cjs');
 require('../../../Button/AnchorButton.cjs');
 var components_Button_UnstyledButton = require('../../../Button/UnstyledButton.cjs');

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

@@ -1 +1 @@
-{"version":3,"file":"AppLauncher.cjs","sources":["../../../../../src/components/AppHeader/components/mobile/AppLauncher.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } 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\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 classNames = useMemo(() => {\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\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      searchInputTitle: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n        defaultText: 'アプリ名を入力してください。',\n      }),\n      searchResultText: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchResultText',\n        defaultText: '検索結果',\n      }),\n      helpText: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/helpText',\n        defaultText: 'よく使うアプリとは',\n      }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className={classNames.wrapper}>\n      <div className={classNames.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={translated.searchInputTitle}\n          tooltipMessage={<Translate>{translated.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={classNames.headArea} justify=\"space-between\" align=\"center\">\n        {mode === 'search' ? (\n          <SearchResultText>{translated.searchResultText}</SearchResultText>\n        ) : (\n          <AppLauncherFilterDropdown page={page} onSelectPage={changePage} />\n        )}\n\n        {(mode === 'search' || page === 'all') && (\n          <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n        )}\n      </Cluster>\n\n      <Scroller className={classNames.scrollArea} styleType=\"scroll\">\n        <AppLauncherFeatures features={features} page={page} />\n      </Scroller>\n\n      <BottomArea className={classNames.bottomArea}>{translated.helpText}</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","useAppLauncher","useMemo","useIntl","_jsxs","_jsx","SearchInput","Translate","Cluster","AppLauncherFilterDropdown","AppLauncherSortDropdown","Scroller","AppLauncherFeatures","memo","UnstyledButton","FaCircleXmarkIcon","Text","HelpLink"],"mappings":"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"}
+{"version":3,"file":"AppLauncher.cjs","sources":["../../../../../src/components/AppHeader/components/mobile/AppLauncher.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } 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\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 classNames = useMemo(() => {\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\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      searchInputTitle: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n        defaultText: 'アプリ名を入力してください。',\n      }),\n      searchResultText: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchResultText',\n        defaultText: '検索結果',\n      }),\n      helpText: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/helpText',\n        defaultText: 'よく使うアプリとは',\n      }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className={classNames.wrapper}>\n      <div className={classNames.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={translated.searchInputTitle}\n          tooltipMessage={<Translate>{translated.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={classNames.headArea} justify=\"space-between\" align=\"center\">\n        {mode === 'search' ? (\n          <SearchResultText>{translated.searchResultText}</SearchResultText>\n        ) : (\n          <AppLauncherFilterDropdown page={page} onSelectPage={changePage} />\n        )}\n\n        {(mode === 'search' || page === 'all') && (\n          <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n        )}\n      </Cluster>\n\n      <Scroller className={classNames.scrollArea} styleType=\"scroll\">\n        <AppLauncherFeatures features={features} page={page} />\n      </Scroller>\n\n      <BottomArea className={classNames.bottomArea}>{translated.helpText}</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","useAppLauncher","useMemo","useIntl","_jsxs","_jsx","SearchInput","Translate","Cluster","AppLauncherFilterDropdown","AppLauncherSortDropdown","Scroller","AppLauncherFeatures","memo","UnstyledButton","FaCircleXmarkIcon","Text","HelpLink"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';
 import '../../../../_virtual/dayjs.min.js';
+import '../../../../intl/TimeFormatter.js';
 import '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import { UnstyledButton } from '../../../Button/UnstyledButton.js';

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, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } 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\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 classNames = useMemo(() => {\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\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      searchInputTitle: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n        defaultText: 'アプリ名を入力してください。',\n      }),\n      searchResultText: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchResultText',\n        defaultText: '検索結果',\n      }),\n      helpText: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/helpText',\n        defaultText: 'よく使うアプリとは',\n      }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className={classNames.wrapper}>\n      <div className={classNames.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={translated.searchInputTitle}\n          tooltipMessage={<Translate>{translated.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={classNames.headArea} justify=\"space-between\" align=\"center\">\n        {mode === 'search' ? (\n          <SearchResultText>{translated.searchResultText}</SearchResultText>\n        ) : (\n          <AppLauncherFilterDropdown page={page} onSelectPage={changePage} />\n        )}\n\n        {(mode === 'search' || page === 'all') && (\n          <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n        )}\n      </Cluster>\n\n      <Scroller className={classNames.scrollArea} styleType=\"scroll\">\n        <AppLauncherFeatures features={features} page={page} />\n      </Scroller>\n\n      <BottomArea className={classNames.bottomArea}>{translated.helpText}</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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"}
+{"version":3,"file":"AppLauncher.js","sources":["../../../../../src/components/AppHeader/components/mobile/AppLauncher.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } 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\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 classNames = useMemo(() => {\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\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      searchInputTitle: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n        defaultText: 'アプリ名を入力してください。',\n      }),\n      searchResultText: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/searchResultText',\n        defaultText: '検索結果',\n      }),\n      helpText: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/helpText',\n        defaultText: 'よく使うアプリとは',\n      }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className={classNames.wrapper}>\n      <div className={classNames.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={translated.searchInputTitle}\n          tooltipMessage={<Translate>{translated.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={classNames.headArea} justify=\"space-between\" align=\"center\">\n        {mode === 'search' ? (\n          <SearchResultText>{translated.searchResultText}</SearchResultText>\n        ) : (\n          <AppLauncherFilterDropdown page={page} onSelectPage={changePage} />\n        )}\n\n        {(mode === 'search' || page === 'all') && (\n          <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n        )}\n      </Cluster>\n\n      <Scroller className={classNames.scrollArea} styleType=\"scroll\">\n        <AppLauncherFeatures features={features} page={page} />\n      </Scroller>\n\n      <BottomArea className={classNames.bottomArea}>{translated.helpText}</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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"}