smarthr-ui 62.2.3 → 62.3.1

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { HeaderProps } from './types';
+export declare const AppHeader: FC<HeaderProps>;

package/esm/components/AppHeader/AppHeader.js

@@ -0,0 +1,17 @@
+'use client';
+import React from 'react';
+import { DesktopHeader } from './components/desktop/DesktopHeader';
+import { MobileHeader } from './components/mobile/MobileHeader';
+import { LocaleContextProvider } from './hooks/useLocale';
+import { mediaQuery, useMediaQuery } from './hooks/useMediaQuery';
+export const AppHeader = ({ locale, children, ...props }) => {
+    // NOTE: ヘッダーの出し分けは CSS によって行われているので、useMediaQuery による children の出し分けは本来不要ですが、
+    //  wovn の言語切替カスタム UI の挿入対象となる DOM ("wovn-embedded-widget-anchor" クラスを持った div) が複数描画されていると、
+    //  wovn のスクリプトの仕様上1つ目の DOM にしか UI が挿入されないため、やむを得ず children のみ React のレンダリングレベルでの出し分けをしています。
+    const isDesktop = useMediaQuery(mediaQuery.desktop);
+    const isMobile = useMediaQuery(mediaQuery.mobile);
+    return (React.createElement(LocaleContextProvider, { locale: locale },
+        React.createElement(DesktopHeader, { ...props }, isDesktop && children),
+        React.createElement(MobileHeader, { ...props }, isMobile && children)));
+};
+//# sourceMappingURL=AppHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGjE,MAAM,CAAC,MAAM,SAAS,GAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3E,8EAA8E;IAC9E,2FAA2F;IAC3F,4FAA4F;IAC5F,MAAM,SAAS,GAAG,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACnD,MAAM,QAAQ,GAAG,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;IAEjD,OAAO,CACL,oBAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM;QACnC,oBAAC,aAAa,OAAK,KAAK,IAAG,SAAS,IAAI,QAAQ,CAAiB;QACjE,oBAAC,YAAY,OAAK,KAAK,IAAG,QAAQ,IAAI,QAAQ,CAAgB,CACxC,CACzB,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppHeader/components/common/AppLauncherFeatures.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Launcher } from '../../types';
+type Props = {
+    features: Array<Launcher['feature']>;
+    page: Launcher['page'];
+};
+export declare const AppLauncherFeatures: FC<Props>;
+export {};

package/esm/components/AppHeader/components/common/AppLauncherFeatures.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { tv } from 'tailwind-variants';
+import { AnchorButton } from '../../../Button';
+import { FaArrowRightIcon, FaStarIcon } from '../../../Icon';
+import { LineClamp } from '../../../LineClamp';
+import { Text } from '../../../Text';
+import { mediaQuery, useMediaQuery } from '../../hooks/useMediaQuery';
+import { useTranslate } from '../../hooks/useTranslate';
+import { Translate } from './Translate';
+const appLauncherFeatures = tv({
+    slots: {
+        empty: ['shr-p-1 shr-text-center'],
+        list: ['shr-list-none', '[&>li]:shr-px-0.5 [&>li]:shr-py-0.25'],
+        listItem: [
+            'smarthr-ui-AppLauncher-listItem',
+            'shr-grid shr-grid-cols-[1rem_1fr_1rem] shr-gap-0.75 shr-min-h-[2.5rem] shr-px-1 shr-py-0 shr-leading-tight shr-text-left shr-whitespace-normal',
+        ],
+    },
+    variants: {
+        favorite: {
+            false: {
+                listItem: ['shr-grid-cols-[1fr_1rem]'],
+            },
+        },
+    },
+});
+export const AppLauncherFeatures = ({ features, page }) => {
+    const isDesktop = useMediaQuery(mediaQuery.desktop);
+    const translate = useTranslate();
+    const { empty, list, listItem } = appLauncherFeatures();
+    if (features.length === 0) {
+        return (React.createElement("div", { className: empty() },
+            React.createElement(Text, { size: "S" },
+                React.createElement(Translate, null, translate('Launcher/emptyText')))));
+    }
+    return (React.createElement("ul", { className: list() }, features.map((feature) => (React.createElement("li", { key: feature.id },
+        React.createElement(AnchorButton, { className: listItem({ favorite: page === 'favorite' }), variant: "text", href: feature.url, prefix: page === 'favorite' && React.createElement(FaStarIcon, null), suffix: React.createElement(FaArrowRightIcon, null), wide: true, target: "_blank" }, isDesktop ? React.createElement(LineClamp, { maxLines: 2 }, feature.name) : feature.name))))));
+};
+//# sourceMappingURL=AppLauncherFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppLauncherFeatures.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/common/AppLauncherFeatures.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAC7B,KAAK,EAAE;QACL,KAAK,EAAE,CAAC,yBAAyB,CAAC;QAClC,IAAI,EAAE,CAAC,eAAe,EAAE,sCAAsC,CAAC;QAC/D,QAAQ,EAAE;YACR,iCAAiC;YACjC,gJAAgJ;SACjJ;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,0BAA0B,CAAC;aACvC;SACF;KACF;CACF,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,mBAAmB,GAAc,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IACnE,MAAM,SAAS,GAAG,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAEvD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,EAAE;YACrB,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG;gBACZ,oBAAC,SAAS,QAAE,SAAS,CAAC,oBAAoB,CAAC,CAAa,CACnD,CACH,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,4BAAI,SAAS,EAAE,IAAI,EAAE,IAClB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,4BAAI,GAAG,EAAE,OAAO,CAAC,EAAE;QACjB,oBAAC,YAAY,IACX,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,KAAK,UAAU,EAAE,CAAC,EACtD,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,OAAO,CAAC,GAAG,EACjB,MAAM,EAAE,IAAI,KAAK,UAAU,IAAI,oBAAC,UAAU,OAAG,EAC7C,MAAM,EAAE,oBAAC,gBAAgB,OAAG,EAC5B,IAAI,QACJ,MAAM,EAAC,QAAQ,IAEd,SAAS,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,QAAQ,EAAE,CAAC,IAAG,OAAO,CAAC,IAAI,CAAa,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CACjE,CACZ,CACN,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppHeader/components/common/AppLauncherSortDropdown.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Launcher } from '../../types';
+type Props = {
+    sortType: Launcher['sortType'];
+    onSelectSortType: (sortType: Launcher['sortType']) => void;
+};
+export declare const AppLauncherSortDropdown: FC<Props>;
+export {};

package/esm/components/AppHeader/components/common/AppLauncherSortDropdown.js

@@ -0,0 +1,55 @@
+import React, { useRef } from 'react';
+import { tv } from 'tailwind-variants';
+import { textColor } from '../../../../themes';
+import { Button } from '../../../Button';
+import { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown';
+import { FaCaretDownIcon, FaCheckIcon } from '../../../Icon';
+import { Stack } from '../../../Layout';
+import { useTranslate } from '../../hooks/useTranslate';
+import { Translate } from '../common/Translate';
+const sortDropdown = tv({
+    slots: {
+        trigger: [
+            'smarthr-ui-AppLauncher-SortDropdown-trigger',
+            'shr-gap-0.25 shr-text-grey',
+            '[&[aria-expanded="true"]>.smarthr-ui-Icon]:shr-rotate-180',
+        ],
+        stack: ['shr-px-0.25 shr-py-0.5'],
+        contentButton: ['shr-border-none shr-justify-start shr-py-0.75 shr-font-normal shr-pl-2.5'],
+    },
+    variants: {
+        selected: {
+            true: {
+                contentButton: ['shr-pl-1'],
+            },
+        },
+    },
+});
+export const AppLauncherSortDropdown = ({ sortType, onSelectSortType }) => {
+    const translate = useTranslate();
+    const triggerRef = useRef(null);
+    const { trigger, stack, contentButton } = sortDropdown();
+    const sortMap = {
+        default: translate('Launcher/sortDropdownOrderDefault'),
+        'name/asc': translate('Launcher/sortDropdownOrderNameAsc'),
+        'name/desc': translate('Launcher/sortDropdownOrderNameDesc'),
+    };
+    return (React.createElement(Dropdown, null,
+        React.createElement(DropdownTrigger, null,
+            React.createElement(Button, { className: trigger(), size: "s", variant: "text", suffix: React.createElement(FaCaretDownIcon, null), ref: triggerRef },
+                React.createElement(Translate, null, translate('Launcher/sortDropdownLabel')))),
+        React.createElement(DropdownContent, { controllable: true },
+            React.createElement(Stack, { className: stack(), gap: 0, align: "stretch" }, Object.entries(sortMap).map(([key, value], i) => (React.createElement(Button, { key: i, className: contentButton({ selected: key === sortType }), prefix: key === sortType && (React.createElement(FaCheckIcon, { color: textColor.main, alt: React.createElement(Translate, null, translate('Launcher/sortDropdownSelected')) })), onClick: () => {
+                    onSelectSortType(key);
+                    // Dropdown がネストしており、この Dropdown のみ閉じて親の Dropdown は開いたままというのができない
+                    // そのため、無理矢理クリックイベントを発生させて実現している
+                    setTimeout(() => {
+                        if (triggerRef.current) {
+                            triggerRef.current.click();
+                            triggerRef.current.focus();
+                        }
+                    }, 0);
+                } },
+                React.createElement(Translate, null, value))))))));
+};
+//# sourceMappingURL=AppLauncherSortDropdown.js.map

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

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

package/esm/components/AppHeader/components/common/CommonButton.d.ts

@@ -0,0 +1,92 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+export declare const commonButton: import("tailwind-variants").TVReturnType<{
+    prefix: {
+        true: string[];
+    };
+    current: {
+        true: string[];
+    };
+    boldWhenCurrent: {
+        true: null;
+        false: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    prefix: {
+        true: string[];
+    };
+    current: {
+        true: string[];
+    };
+    boldWhenCurrent: {
+        true: null;
+        false: string[];
+    };
+}, {
+    prefix: {
+        true: string[];
+    };
+    current: {
+        true: string[];
+    };
+    boldWhenCurrent: {
+        true: null;
+        false: string[];
+    };
+}>, {
+    prefix: {
+        true: string[];
+    };
+    current: {
+        true: string[];
+    };
+    boldWhenCurrent: {
+        true: null;
+        false: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    prefix: {
+        true: string[];
+    };
+    current: {
+        true: string[];
+    };
+    boldWhenCurrent: {
+        true: null;
+        false: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    prefix: {
+        true: string[];
+    };
+    current: {
+        true: string[];
+    };
+    boldWhenCurrent: {
+        true: null;
+        false: string[];
+    };
+}, {
+    prefix: {
+        true: string[];
+    };
+    current: {
+        true: string[];
+    };
+    boldWhenCurrent: {
+        true: null;
+        false: string[];
+    };
+}>, unknown, unknown, undefined>>;
+type AnchorProps = Omit<ComponentPropsWithoutRef<'a'>, 'prefix'>;
+type ButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'prefix'>;
+type Props = (({
+    elementAs: 'a';
+} & AnchorProps) | ({
+    elementAs: 'button';
+} & ButtonProps)) & {
+    prefix?: ReactNode;
+    current?: boolean;
+    boldWhenCurrent?: boolean;
+};
+export declare const CommonButton: FC<Props>;
+export {};

package/esm/components/AppHeader/components/common/CommonButton.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { tv } from 'tailwind-variants';
+export const commonButton = tv({
+    base: [
+        '[&&]:shr-flex [&&]:shr-items-center [&&]:shr-w-full [&&]:shr-px-1 [&&]:shr-py-0.5 [&&]:shr-box-border [&&]:shr-bg-transparent [&&]:shr-text-base [&&]:shr-text-black [&&]:shr-leading-normal [&&]:shr-no-underline [&&]:shr-rounded-m [&&]:shr-cursor-pointer [&&]:shr-border-none',
+        '[&&]:hover:shr-bg-white-darken',
+        '[&&]:focus-visible:shr-bg-white-darken',
+    ],
+    variants: {
+        prefix: {
+            true: ['[&&]:shr-gap-0.5'],
+        },
+        current: {
+            true: ['[&&]:shr-bg-white-darken'],
+        },
+        boldWhenCurrent: {
+            true: null,
+            false: ['[&&]:shr-font-normal'],
+        },
+    },
+    compoundVariants: [
+        {
+            boldWhenCurrent: true,
+            current: true,
+            className: ['[&&]:shr-font-bold'],
+        },
+    ],
+});
+export const CommonButton = ({ elementAs, prefix, current, boldWhenCurrent, className, ...props }) => {
+    const commonButtonStyle = commonButton({
+        prefix: Boolean(prefix),
+        current,
+        boldWhenCurrent,
+        className,
+    });
+    if (elementAs === 'a') {
+        return (React.createElement("a", { ...props, className: commonButtonStyle },
+            prefix,
+            props.children));
+    }
+    else if (elementAs === 'button') {
+        return (
+        // eslint-disable-next-line smarthr/best-practice-for-button-element
+        React.createElement("button", { ...props, className: commonButtonStyle },
+            prefix,
+            props.children));
+    }
+    else {
+        throw new Error(elementAs);
+    }
+};
+//# sourceMappingURL=CommonButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommonButton.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/common/CommonButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;IAC7B,IAAI,EAAE;QACJ,oRAAoR;QACpR,gCAAgC;QAChC,wCAAwC;KACzC;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,CAAC,kBAAkB,CAAC;SAC3B;QACD,OAAO,EAAE;YACP,IAAI,EAAE,CAAC,0BAA0B,CAAC;SACnC;QACD,eAAe,EAAE;YACf,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC,sBAAsB,CAAC;SAChC;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,eAAe,EAAE,IAAI;YACrB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,CAAC,oBAAoB,CAAC;SAClC;KACF;CACF,CAAC,CAAA;AAWF,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,SAAS,EACT,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,YAAY,CAAC;QACrC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC;QACvB,OAAO;QACP,eAAe;QACf,SAAS;KACV,CAAC,CAAA;IAEF,IAAI,SAAS,KAAK,GAAG,EAAE,CAAC;QACtB,OAAO,CACL,8BAAQ,KAAqB,EAAE,SAAS,EAAE,iBAAiB;YACxD,MAAM;YACN,KAAK,CAAC,QAAQ,CACb,CACL,CAAA;IACH,CAAC;SAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO;QACL,oEAAoE;QACpE,mCAAa,KAAqB,EAAE,SAAS,EAAE,iBAAiB;YAC7D,MAAM;YACN,KAAK,CAAC,QAAQ,CACR,CACV,CAAA;IACH,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,KAAK,CAAC,SAAyB,CAAC,CAAA;IAC5C,CAAC;AACH,CAAC,CAAA"}

package/esm/components/AppHeader/components/common/Translate.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Translate: React.NamedExoticComponent<{
+    children?: React.ReactNode | undefined;
+}>;

package/esm/components/AppHeader/components/common/Translate.js

@@ -0,0 +1,3 @@
+import React, { memo } from 'react';
+export const Translate = memo(({ children }) => (React.createElement("span", { "data-wovn-enable": "true" }, children)));
+//# sourceMappingURL=Translate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Translate.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/common/Translate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,IAAI,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACjE,kDAAuB,MAAM,IAAE,QAAQ,CAAQ,CAChD,CAAC,CAAA"}

package/esm/components/AppHeader/components/desktop/AppLauncher.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Launcher } from '../../types';
+type Props = {
+    features: Array<Launcher['feature']>;
+};
+export declare const AppLauncher: FC<Props>;
+export {};

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

@@ -0,0 +1,115 @@
+import React from 'react';
+import { tv } from 'tailwind-variants';
+import { textColor } from '../../../../themes';
+import { UnstyledButton } from '../../../Button';
+import { Heading } from '../../../Heading';
+import { FaCircleXmarkIcon, FaStarIcon } from '../../../Icon';
+import { SearchInput } from '../../../Input';
+import { Cluster } from '../../../Layout';
+import { Section } from '../../../SectioningContent';
+import { SideNav } from '../../../SideNav';
+import { TextLink } from '../../../TextLink';
+import { useAppLauncher } from '../../hooks/useAppLauncher';
+import { useTranslate } from '../../hooks/useTranslate';
+import { AppLauncherFeatures } from '../common/AppLauncherFeatures';
+import { AppLauncherSortDropdown } from '../common/AppLauncherSortDropdown';
+import { Translate } from '../common/Translate';
+const appLauncher = tv({
+    slots: {
+        wrapper: [
+            'smarthr-ui-AppLauncher',
+            'shr-grid shr-grid-rows-[auto_1fr] shr-w-[38rem] shr-h-[40rem]',
+        ],
+        searchArea: [
+            'smarthr-ui-AppLauncher-searchArea',
+            'shr-p-1 shr-border-b-shorthand',
+            '[&_.smarthr-ui-Input]:shr-h-[42px]',
+        ],
+        inner: ['smarthr-ui-AppLauncher-inner', 'shr-grid shr-grid-cols-[11rem_1fr] shr-min-h-0'],
+        side: [
+            'smarthr-ui-AppLauncher-side',
+            'shr-flex shr-flex-col shr-pt-0.5 shr-pb-1 shr-border-r-shorthand shr-bg-column',
+            '[&_hr]:shr-h-[1px] [&_hr]:shr-m-0.5 [&_hr]:shr-border-none [&_hr]:shr-bg-border',
+        ],
+        sideNav: [
+            '[&_.smarthr-ui-SideNav-item>button]:shr-py-0.75 [&_.smarthr-ui-SideNav-item>button]:shr-px-1',
+            '[&_.smarthr-ui-SideNav-item>button>span]:shr-flex-nowrap',
+            '[&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-shrink-0 [&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-align-bottom',
+        ],
+        sideNavHeading: ['shr-py-0.75 shr-px-1 shr-text-xs shr-text-black'],
+        help: ['smarthr-ui-AppLauncher-help', 'shr-mt-auto shr-px-1 shr-text-xs'],
+        main: ['smarthr-ui-AppLauncher-main', 'shr-grid shr-min-h-0'],
+        mainInner: ['shr-grid shr-grid-rows-[auto_1fr] shr-min-h-0'],
+        contentHead: [
+            'shr-min-h-[2rem] shr-py-0.75 shr-px-1',
+            '[&_.smarthr-ui-Heading]:shr-text-black',
+        ],
+        scrollArea: ['shr-overflow-y-scroll shr-h-[509px]'],
+    },
+    variants: {
+        noIcon: {
+            true: {
+                sideNav: ['[&_.smarthr-ui-SideNav-item>button]:shr-pl-1.5'],
+            },
+        },
+        selected: {
+            false: {
+                sideNav: ['[&_.smarthr-ui-SideNav-item>button_.smarthr-ui-Icon]:shr-text-grey'],
+            },
+        },
+    },
+});
+export const AppLauncher = ({ features: baseFeatures }) => {
+    const translate = useTranslate();
+    const { features, page, mode, sortType, searchQuery, changePage, setSortType, changeSearchQuery, } = useAppLauncher(baseFeatures);
+    const { wrapper, searchArea, inner, side, sideNav, sideNavHeading, help, main, mainInner, contentHead, scrollArea, } = appLauncher();
+    const pageMap = {
+        favorite: React.createElement(Translate, null, translate('Launcher/favoriteModeText')),
+        all: React.createElement(Translate, null, translate('Launcher/allModeText')),
+    };
+    return (React.createElement("div", { className: wrapper() },
+        React.createElement("div", { className: searchArea() },
+            React.createElement(SearchInput, { name: "search", title: translate('Launcher/searchInputTitle'), tooltipMessage: React.createElement(Translate, null, translate('Launcher/searchInputTitle')), width: "100%", value: searchQuery, suffix: mode === 'search' && (React.createElement(UnstyledButton, { onClick: () => {
+                        // 別のキューにしないとドロップダウンが閉じてしまう
+                        setTimeout(() => {
+                            changeSearchQuery('');
+                        }, 0);
+                    } },
+                    React.createElement(FaCircleXmarkIcon, null))), onChange: (e) => changeSearchQuery(e.target.value) })),
+        React.createElement("div", { className: inner() },
+            React.createElement("div", { className: side() },
+                React.createElement(SideNav, { className: sideNav({ selected: false }), size: "s", items: [
+                        {
+                            id: 'favorite',
+                            title: pageMap.favorite,
+                            prefix: (React.createElement(FaStarIcon, { color: mode !== 'search' && page === 'favorite' ? textColor.white : undefined })),
+                            isSelected: mode !== 'search' && page === 'favorite',
+                        },
+                    ], onClick: (_, id) => {
+                        changePage(id);
+                    } }),
+                React.createElement("hr", null),
+                React.createElement(Section, null,
+                    React.createElement(Heading, { className: sideNavHeading(), type: "subSubBlockTitle" },
+                        React.createElement(Translate, null, translate('Launcher/listText'))),
+                    React.createElement(SideNav, { className: sideNav({ noIcon: true, selected: true }), size: "s", items: [
+                            {
+                                id: 'all',
+                                title: pageMap.all,
+                                isSelected: mode !== 'search' && page === 'all',
+                            },
+                        ], onClick: (_, id) => {
+                            changePage(id);
+                        } })),
+                React.createElement("div", { className: help() },
+                    React.createElement(TextLink, { href: "https://support.smarthr.jp/ja/help/articles/2bfd350d-8e8b-4bbd-a209-426d2eb302cc/", target: "_blank" },
+                        React.createElement(Translate, null, translate('Launcher/helpText'))))),
+            React.createElement("main", { className: main() },
+                React.createElement(Section, { className: mainInner() },
+                    React.createElement(Cluster, { className: contentHead(), align: "center", justify: "space-between" },
+                        React.createElement(Heading, { type: "subSubBlockTitle" }, mode === 'search' ? (React.createElement(Translate, null, translate('Launcher/searchResultText'))) : (pageMap[page])),
+                        (mode === 'search' || page === 'all') && (React.createElement(AppLauncherSortDropdown, { sortType: sortType, onSelectSortType: (value) => setSortType(value) }))),
+                    React.createElement("div", { className: scrollArea() },
+                        React.createElement(AppLauncherFeatures, { features: features, page: page })))))));
+};
+//# sourceMappingURL=AppLauncher.js.map

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

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

package/esm/components/AppHeader/components/desktop/DesktopHeader.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { HeaderProps } from '../../types';
+export declare const DesktopHeader: FC<HeaderProps>;

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import { tv } from 'tailwind-variants';
+import { Button } from '../../../Button';
+import { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown';
+import { Header, HeaderLink, LanguageSwitcher } from '../../../Header';
+import { FaCircleQuestionIcon, FaGraduationCapIcon, FaRegCircleQuestionIcon, FaToolboxIcon, } from '../../../Icon';
+import { Cluster } from '../../../Layout';
+import { useLocale } from '../../hooks/useLocale';
+import { useTranslate } from '../../hooks/useTranslate';
+import { localeMap } from '../../multilingualization';
+import { Translate } from '../common/Translate';
+import { AppLauncher } from './AppLauncher';
+import { Navigation } from './Navigation';
+import { UserInfo } from './UserInfo';
+const desktopHeader = tv({
+    slots: {
+        wrapper: 'max-[751px]:!shr-hidden',
+        appsButton: [
+            'shr-border-none shr-font-normal shr-text-white shr-bg-transparent shr-px-0.25',
+            'hover:shr-border-transparent hover:shr-bg-transparent',
+            'focus-visible:shr-border-transparent focus-visible:shr-bg-transparent',
+            'forced-colors:shr-border-shorthand',
+        ],
+    },
+    variants: {
+        enableNew: {
+            true: {
+                appsButton: [
+                    'shr-px-0.5 shr-font-bold shr-text-black',
+                    '[&_>_svg]:aria-expanded:shr-rotate-180',
+                    'hover:shr-bg-white-darken',
+                    'focus-visible:shr-bg-white-darken',
+                ],
+            },
+        },
+    },
+});
+export const DesktopHeader = ({ enableNew, className = '', appName, tenants, currentTenantId, schoolUrl, helpPageUrl, children, userInfo, desktopAdditionalContent, navigations, desktopNavigationAdditionalContent, releaseNote, features, ...props }) => {
+    const translate = useTranslate();
+    const { locale } = useLocale();
+    const { wrapper, appsButton } = desktopHeader();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, { ...props, enableNew: enableNew, className: `${className} ${wrapper()}`, featureName: appName, tenants: tenants, currentTenantId: currentTenantId },
+            React.createElement(Cluster, { align: "center", className: "shr--me-0.25" },
+                !enableNew && (React.createElement(React.Fragment, null,
+                    features && features.length > 0 && (React.createElement(Dropdown, null,
+                        React.createElement(DropdownTrigger, null,
+                            React.createElement(Button, { prefix: enableNew ?? React.createElement(FaToolboxIcon, null), className: appsButton() },
+                                React.createElement(Translate, null, translate('DesktopHeader/DesktopHeader/appLauncherLabel')))),
+                        React.createElement(DropdownContent, { controllable: true },
+                            React.createElement(AppLauncher, { features: features })))),
+                    schoolUrl && (React.createElement(HeaderLink, { href: schoolUrl, prefix: React.createElement(FaGraduationCapIcon, null), className: "shr-flex shr-items-center shr-py-0.75 shr-leading-none" },
+                        React.createElement(Translate, null, translate('common/school')))))),
+                helpPageUrl && (React.createElement(HeaderLink, { href: helpPageUrl, prefix: enableNew ? React.createElement(FaRegCircleQuestionIcon, null) : React.createElement(FaCircleQuestionIcon, null), className: enableNew ? undefined : 'shr-flex shr-items-center shr-py-0.75 shr-leading-none', enableNew: enableNew },
+                    React.createElement(Translate, null, translate('common/help')))),
+                locale && (React.createElement(LanguageSwitcher, { localeMap: localeMap, locale: locale.selectedLocale, onLanguageSelect: locale.onSelectLocale, enableNew: enableNew })),
+                children,
+                userInfo && (React.createElement(UserInfo, { ...userInfo, tenants: tenants, currentTenantId: currentTenantId, desktopAdditionalContent: desktopAdditionalContent, enableNew: enableNew })))),
+        navigations && (React.createElement(Navigation, { appName: appName, navigations: navigations, additionalContent: desktopNavigationAdditionalContent, releaseNote: releaseNote, enableNew: enableNew }))));
+};
+//# sourceMappingURL=DesktopHeader.js.map

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

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

package/esm/components/AppHeader/components/desktop/Navigation.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+import { Navigation as NavigationType, ReleaseNoteProps } from '../../types';
+type Props = {
+    appName: ReactNode;
+    navigations: NavigationType[];
+    additionalContent: ReactNode;
+    releaseNote?: ReleaseNoteProps | null;
+    enableNew?: boolean;
+};
+export declare const Navigation: FC<Props>;
+export {};

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

@@ -0,0 +1,77 @@
+import React, { Fragment } from 'react';
+import { tv } from 'tailwind-variants';
+import { AppNavi } from '../../../AppNavi';
+import { Cluster } from '../../../Layout';
+import { Text } from '../../../Text';
+import { isChildNavigation, isChildNavigationGroup } from '../../utils';
+import { CommonButton, commonButton } from '../common/CommonButton';
+import { ReleaseNotesDropdown } from './ReleaseNotesDropdown';
+const appNavi = tv({
+    base: ['shr-overflow-x-auto shr-min-w-[auto]', 'max-[751px]:!shr-hidden'],
+    variants: {
+        withReleaseNote: {
+            true: ['[&&]:shr-pe-0'],
+        },
+    },
+});
+export const Navigation = ({ appName, navigations, additionalContent, releaseNote, enableNew, }) => {
+    const buttons = buildButtonsFromNavigations(navigations);
+    return (React.createElement(AppNavi, { label: enableNew ? undefined : appName, buttons: buttons, className: appNavi({ withReleaseNote: !!releaseNote }), displayDropdownCaret: true, additionalArea: React.createElement(Cluster, { align: "center", className: "shr-flex-nowrap shr-ps-1" },
+            additionalContent,
+            releaseNote && React.createElement(ReleaseNotesDropdown, { ...releaseNote })) }));
+};
+const navigationTitle = tv({
+    base: ['shr-px-1 shr-pt-0.5 shr-pb-0.25'],
+});
+const separator = tv({
+    base: ['[&&]:shr-mx-0 [&&]:shr-my-0.5 [&&]:shr-border-b-shorthand'],
+});
+// TODO smarthr-ui 側でグループ化された Navigation が対応されたら AppNaviDropdownMenuButton を使った実装に変更する
+const buildButtonsFromNavigations = (navigations) => navigations.map((navigation) => {
+    if (isChildNavigation(navigation)) {
+        // smarthr-ui の buttons props ではカスタムエレメントは elementAs ではなく tag という名前なので変換する必要がある
+        if ('elementAs' in navigation) {
+            const { elementAs, ...rest } = navigation;
+            return {
+                ...rest,
+                tag: elementAs,
+            };
+        }
+        return navigation;
+    }
+    // 子要素に current を持っているものがあるかどうか
+    const childrenHasCurrent = navigation.childNavigations.some((child) => {
+        if (isChildNavigation(child))
+            return child.current;
+        return child.childNavigations.some((c) => c.current);
+    });
+    return {
+        ...navigation,
+        current: navigation.current || childrenHasCurrent,
+        dropdownContent: (React.createElement("div", { className: "shr-py-0.5" }, navigation.childNavigations.map((childNavigation, i) => {
+            if (isChildNavigationGroup(childNavigation)) {
+                const { childNavigations } = childNavigation;
+                return (React.createElement(Fragment, { key: childNavigation.title.toString() },
+                    React.createElement("div", { className: "shr-px-0.5" },
+                        React.createElement(Text, { styleType: "subSubBlockTitle", as: "p", className: navigationTitle() }, childNavigation.title),
+                        childNavigations.map((child) => (React.createElement(Fragment, { key: child.children.toString() }, buildDropdownItemFromNavigation(child))))),
+                    i + 1 !== navigation.childNavigations.length && React.createElement("hr", { className: separator() })));
+            }
+            const nextChildNavigation = navigation.childNavigations[i + 1];
+            return (React.createElement(Fragment, { key: childNavigation.children.toString() },
+                React.createElement("div", { className: "shr-px-0.5" }, buildDropdownItemFromNavigation(childNavigation)),
+                isChildNavigationGroup(nextChildNavigation) && React.createElement("hr", { className: separator() })));
+        }))),
+    };
+});
+const buildDropdownItemFromNavigation = (navigation) => {
+    if ('elementAs' in navigation) {
+        const { elementAs: Tag, current: isCurrent, ...rest } = navigation;
+        return (React.createElement(Tag, { ...rest, className: commonButton({ current: isCurrent, className: rest.className }) }));
+    }
+    if ('href' in navigation) {
+        return React.createElement(CommonButton, { ...navigation, elementAs: "a", current: navigation.current });
+    }
+    return (React.createElement(CommonButton, { ...navigation, elementAs: "button", type: "button", current: navigation.current }));
+};
+//# sourceMappingURL=Navigation.js.map