smarthr-ui 46.0.1 → 47.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/AppNavi/AppNaviAnchor.js +1 -2
- package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/esm/components/AppNavi/AppNaviButton.js +1 -1
- package/esm/components/AppNavi/AppNaviButton.js.map +1 -1
- package/esm/components/AppNavi/style.js +2 -2
- package/esm/components/AppNavi/style.js.map +1 -1
- package/esm/components/Button/Button.d.ts +5 -1
- package/esm/components/Button/Button.js +12 -2
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +1 -1
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.js +30 -7
- package/esm/components/ComboBox/MultiComboBox.js.map +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/esm/components/ComboBox/useListBox.d.ts +1 -1
- package/esm/components/ComboBox/useListBox.js +18 -9
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/Dropdown/SortDropdown/useSortDropdown.js +1 -1
- package/esm/components/Experimental/SideMenu/SideMenu.d.ts +2 -4
- package/esm/components/Experimental/SideMenu/SideMenu.js +8 -9
- package/esm/components/Experimental/SideMenu/SideMenu.js.map +1 -1
- package/esm/components/Experimental/SideMenu/SideMenuGroup.js +19 -27
- package/esm/components/Experimental/SideMenu/SideMenuGroup.js.map +1 -1
- package/esm/components/Experimental/SideMenu/SideMenuItem.d.ts +3 -3
- package/esm/components/Experimental/SideMenu/SideMenuItem.js +33 -52
- package/esm/components/Experimental/SideMenu/SideMenuItem.js.map +1 -1
- package/esm/components/Loader/Loader.js +2 -2
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/Table/index.d.ts +0 -4
- package/esm/components/Table/index.js +0 -4
- package/esm/components/Table/index.js.map +1 -1
- package/esm/hooks/useTailwindTheme.d.ts +5 -0
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/esm/smarthr-ui-preset.d.ts +5 -0
- package/esm/smarthr-ui-preset.js +5 -0
- package/esm/smarthr-ui-preset.js.map +1 -1
- package/lib/components/AppNavi/AppNaviAnchor.js +1 -2
- package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/lib/components/AppNavi/AppNaviButton.js +1 -1
- package/lib/components/AppNavi/AppNaviButton.js.map +1 -1
- package/lib/components/AppNavi/style.js +2 -2
- package/lib/components/AppNavi/style.js.map +1 -1
- package/lib/components/Button/Button.d.ts +5 -1
- package/lib/components/Button/Button.js +12 -2
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Calendar/Calendar.js +1 -1
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.js +33 -7
- package/lib/components/ComboBox/MultiComboBox.js.map +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/lib/components/ComboBox/useListBox.d.ts +1 -1
- package/lib/components/ComboBox/useListBox.js +18 -9
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/Dropdown/SortDropdown/useSortDropdown.js +1 -1
- package/lib/components/Experimental/SideMenu/SideMenu.d.ts +2 -4
- package/lib/components/Experimental/SideMenu/SideMenu.js +30 -11
- package/lib/components/Experimental/SideMenu/SideMenu.js.map +1 -1
- package/lib/components/Experimental/SideMenu/SideMenuGroup.js +19 -30
- package/lib/components/Experimental/SideMenu/SideMenuGroup.js.map +1 -1
- package/lib/components/Experimental/SideMenu/SideMenuItem.d.ts +3 -3
- package/lib/components/Experimental/SideMenu/SideMenuItem.js +33 -55
- package/lib/components/Experimental/SideMenu/SideMenuItem.js.map +1 -1
- package/lib/components/Loader/Loader.js +2 -2
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/Table/index.d.ts +0 -4
- package/lib/components/Table/index.js +1 -9
- package/lib/components/Table/index.js.map +1 -1
- package/lib/hooks/useTailwindTheme.d.ts +5 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +2 -6
- package/lib/index.js.map +1 -1
- package/lib/smarthr-ui-preset.d.ts +5 -0
- package/lib/smarthr-ui-preset.js +5 -0
- package/lib/smarthr-ui-preset.js.map +1 -1
- package/package.json +27 -27
- package/smarthr-ui.css +59 -0
- package/esm/components/Experimental/SideMenu/useClassNames.d.ts +0 -5
- package/esm/components/Experimental/SideMenu/useClassNames.js +0 -12
- package/esm/components/Experimental/SideMenu/useClassNames.js.map +0 -1
- package/esm/components/Table/Body.d.ts +0 -7
- package/esm/components/Table/Body.js +0 -18
- package/esm/components/Table/Body.js.map +0 -1
- package/esm/components/Table/Cell.d.ts +0 -16
- package/esm/components/Table/Cell.js +0 -93
- package/esm/components/Table/Cell.js.map +0 -1
- package/esm/components/Table/Head.d.ts +0 -15
- package/esm/components/Table/Head.js +0 -38
- package/esm/components/Table/Head.js.map +0 -1
- package/esm/components/Table/Row.d.ts +0 -11
- package/esm/components/Table/Row.js +0 -10
- package/esm/components/Table/Row.js.map +0 -1
- package/esm/components/Table/useClassNames.d.ts +0 -21
- package/esm/components/Table/useClassNames.js +0 -37
- package/esm/components/Table/useClassNames.js.map +0 -1
- package/lib/components/Experimental/SideMenu/useClassNames.d.ts +0 -5
- package/lib/components/Experimental/SideMenu/useClassNames.js +0 -16
- package/lib/components/Experimental/SideMenu/useClassNames.js.map +0 -1
- package/lib/components/Table/Body.d.ts +0 -7
- package/lib/components/Table/Body.js +0 -25
- package/lib/components/Table/Body.js.map +0 -1
- package/lib/components/Table/Cell.d.ts +0 -16
- package/lib/components/Table/Cell.js +0 -120
- package/lib/components/Table/Cell.js.map +0 -1
- package/lib/components/Table/Head.d.ts +0 -15
- package/lib/components/Table/Head.js +0 -68
- package/lib/components/Table/Head.js.map +0 -1
- package/lib/components/Table/Row.d.ts +0 -11
- package/lib/components/Table/Row.js +0 -17
- package/lib/components/Table/Row.js.map +0 -1
- package/lib/components/Table/useClassNames.d.ts +0 -21
- package/lib/components/Table/useClassNames.js +0 -43
- package/lib/components/Table/useClassNames.js.map +0 -1
|
@@ -8,7 +8,6 @@ const appNaviAnchor = tv({
|
|
|
8
8
|
},
|
|
9
9
|
});
|
|
10
10
|
export const AppNaviAnchor = ({ children, href, icon: Icon, current = false, }) => {
|
|
11
|
-
const clickable = !current;
|
|
12
11
|
const { wrapperStyle, iconStyle } = useMemo(() => {
|
|
13
12
|
const { wrapper, icon } = appNaviAnchor({ active: current });
|
|
14
13
|
return {
|
|
@@ -16,7 +15,7 @@ export const AppNaviAnchor = ({ children, href, icon: Icon, current = false, })
|
|
|
16
15
|
iconStyle: icon(),
|
|
17
16
|
};
|
|
18
17
|
}, [current]);
|
|
19
|
-
return (React.createElement("a", { "aria-current": current ? 'page' : undefined, href:
|
|
18
|
+
return (React.createElement("a", { "aria-current": current ? 'page' : undefined, href: href, className: wrapperStyle },
|
|
20
19
|
Icon && React.createElement(Icon, { className: iconStyle }),
|
|
21
20
|
children));
|
|
22
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAItC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,2BAA2B,EAAE,6BAA6B,CAAC;KACtE;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,
|
|
1
|
+
{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAItC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,2BAA2B,EAAE,6BAA6B,CAAC;KACtE;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAC5D,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,2CAAiB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY;QAC/E,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;QACtC,QAAQ,CACP,CACL,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -16,7 +16,7 @@ export const AppNaviButton = ({ children, icon: Icon, current = false, onClick,
|
|
|
16
16
|
iconStyle: icon(),
|
|
17
17
|
};
|
|
18
18
|
}, [current]);
|
|
19
|
-
return (React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, onClick: onClick,
|
|
19
|
+
return (React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, onClick: onClick, className: wrapperStyle },
|
|
20
20
|
Icon && React.createElement(Icon, { className: iconStyle }),
|
|
21
21
|
children));
|
|
22
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,2BAA2B;KACrC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAC5D,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,cAAc,oBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,
|
|
1
|
+
{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,2BAA2B;KACrC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAC5D,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,cAAc,oBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,YAAY;QAEtB,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;QACtC,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
|
|
|
2
2
|
export const appNaviItemStyle = tv({
|
|
3
3
|
slots: {
|
|
4
4
|
wrapper: [
|
|
5
|
-
'shr-box-border shr-flex shr-items-center shr-gap-0.5 shr-whitespace-nowrap shr-px-0.5 shr-py-0.75 shr-text-base shr-font-bold shr-leading-none shr-no-underline',
|
|
5
|
+
'shr-box-border shr-flex shr-cursor-pointer shr-items-center shr-gap-0.5 shr-whitespace-nowrap shr-px-0.5 shr-py-0.75 shr-text-base shr-font-bold shr-leading-none shr-no-underline',
|
|
6
6
|
],
|
|
7
7
|
icon: '',
|
|
8
8
|
},
|
|
@@ -17,7 +17,7 @@ export const appNaviItemStyle = tv({
|
|
|
17
17
|
icon: 'shr-fill-black',
|
|
18
18
|
},
|
|
19
19
|
false: {
|
|
20
|
-
wrapper: ['
|
|
20
|
+
wrapper: ['[&]:shr-text-grey', 'hover:shr-bg-white-darken'],
|
|
21
21
|
icon: 'shr-fill-grey',
|
|
22
22
|
},
|
|
23
23
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/AppNavi/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;IACjC,KAAK,EAAE;QACL,OAAO,EAAE;YACP,
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/AppNavi/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;IACjC,KAAK,EAAE;QACL,OAAO,EAAE;YACP,oLAAoL;SACrL;QACD,IAAI,EAAE,EAAE;KACT;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,uCAAuC;YACvC,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,iCAAiC;oBACjC,oJAAoJ;iBACrJ;gBACD,IAAI,EAAE,gBAAgB;aACvB;YACD,KAAK,EAAE;gBACL,OAAO,EAAE,CAAC,mBAAmB,EAAE,2BAA2B,CAAC;gBAC3D,IAAI,EAAE,eAAe;aACtB;SACF;KACF;CACF,CAAC,CAAA"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import React, { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types';
|
|
2
3
|
import { BaseProps } from './types';
|
|
3
4
|
type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseProps>;
|
|
4
|
-
export
|
|
5
|
+
export type Props = {
|
|
6
|
+
decorators?: DecoratorsType<'loading'>;
|
|
7
|
+
};
|
|
8
|
+
export declare const Button: React.ForwardRefExoticComponent<BaseProps & ElementProps & Props & React.RefAttributes<HTMLButtonElement>>;
|
|
5
9
|
export {};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React, { forwardRef, useMemo } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
|
+
import { usePortal } from '../../hooks/usePortal';
|
|
3
4
|
import { FaInfoCircleIcon } from '../Icon';
|
|
4
5
|
import { Cluster } from '../Layout';
|
|
5
6
|
import { Loader } from '../Loader';
|
|
6
7
|
import { Tooltip } from '../Tooltip';
|
|
8
|
+
import { VisuallyHiddenText } from '../VisuallyHiddenText';
|
|
7
9
|
import { ButtonInner } from './ButtonInner';
|
|
8
10
|
import { ButtonWrapper } from './ButtonWrapper';
|
|
9
11
|
const buttonStyle = tv({
|
|
@@ -32,16 +34,24 @@ const buttonStyle = tv({
|
|
|
32
34
|
},
|
|
33
35
|
},
|
|
34
36
|
});
|
|
35
|
-
|
|
37
|
+
const LOADING_TEXT = '処理中';
|
|
38
|
+
export const Button = forwardRef(({ type = 'button', size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', disabled, disabledDetail, className, children, loading = false, decorators, ...props }, ref) => {
|
|
36
39
|
const { wrapper, loader: loaderSlot, disabledWrapper, disabledTooltip } = buttonStyle();
|
|
37
40
|
const wrapperStyle = useMemo(() => wrapper({ className }), [className, wrapper]);
|
|
38
41
|
const loaderStyle = useMemo(() => loaderSlot({ isSecondary: variant === 'secondary' }), [loaderSlot, variant]);
|
|
39
|
-
const
|
|
42
|
+
const { createPortal } = usePortal();
|
|
43
|
+
const loader = React.createElement(Loader, { size: "s", className: loaderStyle, role: "presentation" });
|
|
40
44
|
const actualPrefix = !loading && prefix;
|
|
41
45
|
const actualSuffix = loading && !square ? loader : suffix;
|
|
42
46
|
const disabledOnLoading = loading || disabled;
|
|
43
47
|
const actualChildren = loading && square ? loader : children;
|
|
48
|
+
const statusText = useMemo(() => {
|
|
49
|
+
const loadingText = decorators?.loading?.(LOADING_TEXT) ?? LOADING_TEXT;
|
|
50
|
+
return loading ? loadingText : '';
|
|
51
|
+
}, [decorators, loading]);
|
|
44
52
|
const button = (React.createElement(ButtonWrapper, { ...props, type: type, size: size, square: square, wide: wide, variant: variant, className: wrapperStyle, buttonRef: ref, disabled: disabledOnLoading, "$loading": loading },
|
|
53
|
+
// `button` 要素内で live region を使うことはできないので、`role="status"` を持つ要素を外側に配置している。 https://github.com/kufu/smarthr-ui/pull/4558
|
|
54
|
+
createPortal(React.createElement(VisuallyHiddenText, { role: "status" }, statusText)),
|
|
45
55
|
React.createElement(ButtonInner, { prefix: actualPrefix, suffix: actualSuffix, size: size }, actualChildren)));
|
|
46
56
|
if (disabled && disabledDetail) {
|
|
47
57
|
const DisabledDetailIcon = disabledDetail.icon || FaInfoCircleIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ import { YearPicker } from './YearPicker';
|
|
|
11
11
|
import { getFromDate, getToDate, isBetween, minDate } from './calendarHelper';
|
|
12
12
|
const calendar = tv({
|
|
13
13
|
slots: {
|
|
14
|
-
container: 'smarthr-ui-Calendar shr-inline-block shr-overflow-hidden shr-rounded-m shr-bg-white shr-text-black shr-shadow-layer-3',
|
|
14
|
+
container: 'smarthr-ui-Calendar shr-inline-block shr-overflow-hidden shr-rounded-m shr-bg-white shr-text-black shr-shadow-layer-3 forced-colors:shr-border-shorthand forced-colors:shr-shadow-none',
|
|
15
15
|
header: 'smarthr-ui-Calendar-header shr-border-b-shorthand shr-flex shr-items-center shr-p-1',
|
|
16
16
|
yearMonth: 'smarthr-ui-Calendar-yearMonth shr-me-0.5 shr-text-base shr-font-bold',
|
|
17
17
|
monthButtons: 'smarthr-ui-Calendar-monthButtons shr-ms-auto shr-flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,EAA8B,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnG,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC/F,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAc7E,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,KAAK,EAAE;QACL,SAAS,EACP,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
|
|
2
|
+
import innerText from 'react-innertext';
|
|
2
3
|
import { tv } from 'tailwind-variants';
|
|
3
4
|
import { useId } from '../../hooks/useId';
|
|
4
5
|
import { useOuterClick } from '../../hooks/useOuterClick';
|
|
@@ -72,6 +73,7 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
72
73
|
const { textColor } = useTheme();
|
|
73
74
|
const outerRef = useRef(null);
|
|
74
75
|
const [isFocused, setIsFocused] = useState(false);
|
|
76
|
+
const [highlighted, setHighlighted] = useState(false);
|
|
75
77
|
const isInputControlled = useMemo(() => controlledInputValue !== undefined, [controlledInputValue]);
|
|
76
78
|
const [uncontrolledInputValue, setUncontrolledInputValue] = useState('');
|
|
77
79
|
const inputValue = isInputControlled ? controlledInputValue : uncontrolledInputValue;
|
|
@@ -83,6 +85,11 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
83
85
|
inputValue,
|
|
84
86
|
isItemSelected,
|
|
85
87
|
});
|
|
88
|
+
const setInputValueIfUncontrolled = useCallback((value) => {
|
|
89
|
+
if (!isInputControlled) {
|
|
90
|
+
setUncontrolledInputValue(value);
|
|
91
|
+
}
|
|
92
|
+
}, [isInputControlled]);
|
|
86
93
|
const handleDelete = useCallback((item) => {
|
|
87
94
|
// HINT: Dropdown系コンポーネント内でComboBoxを使うと、選択肢がportalで表現されている関係上Dropdownが閉じてしまう
|
|
88
95
|
// requestAnimationFrameを追加、処理を遅延させることで正常に閉じる/閉じないの判定を行えるようにする
|
|
@@ -141,13 +148,20 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
141
148
|
}, [disabled, isFocused, textColor.black, textColor.disabled, textColor.grey]);
|
|
142
149
|
useOuterClick([outerRef, listBoxRef], blur);
|
|
143
150
|
useEffect(() => {
|
|
144
|
-
if (
|
|
145
|
-
|
|
151
|
+
if (highlighted) {
|
|
152
|
+
setHighlighted(false);
|
|
153
|
+
inputRef.current?.select();
|
|
146
154
|
}
|
|
155
|
+
else {
|
|
156
|
+
setInputValueIfUncontrolled('');
|
|
157
|
+
}
|
|
158
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
159
|
+
}, [selectedItems, inputRef, setInputValueIfUncontrolled]); // highlighted 変更時には発火してほしくないため
|
|
160
|
+
useEffect(() => {
|
|
147
161
|
if (isFocused && inputRef.current) {
|
|
148
162
|
inputRef.current.focus();
|
|
149
163
|
}
|
|
150
|
-
}, [inputRef, isFocused,
|
|
164
|
+
}, [inputRef, isFocused, setInputValueIfUncontrolled, selectedItems]);
|
|
151
165
|
const handleKeyDown = useCallback((e) => {
|
|
152
166
|
if (isComposing) {
|
|
153
167
|
return;
|
|
@@ -171,6 +185,17 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
171
185
|
e.stopPropagation();
|
|
172
186
|
focusNextDeletionButton();
|
|
173
187
|
}
|
|
188
|
+
else if (e.key === 'Backspace' &&
|
|
189
|
+
!inputValue &&
|
|
190
|
+
selectedItems.length > 0 &&
|
|
191
|
+
selectedItems[selectedItems.length - 1].deletable !== false) {
|
|
192
|
+
e.preventDefault();
|
|
193
|
+
e.stopPropagation();
|
|
194
|
+
const lastItem = selectedItems[selectedItems.length - 1];
|
|
195
|
+
handleDelete(lastItem);
|
|
196
|
+
setHighlighted(true);
|
|
197
|
+
setInputValueIfUncontrolled(innerText(lastItem.label));
|
|
198
|
+
}
|
|
174
199
|
else {
|
|
175
200
|
e.stopPropagation();
|
|
176
201
|
inputRef.current?.focus();
|
|
@@ -199,10 +224,8 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
199
224
|
onChange(e);
|
|
200
225
|
if (onChangeInput)
|
|
201
226
|
onChangeInput(e);
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
}
|
|
205
|
-
}, [isInputControlled, onChangeInput, onChange]);
|
|
227
|
+
setInputValueIfUncontrolled(e.currentTarget.value);
|
|
228
|
+
}, [onChange, onChangeInput, setInputValueIfUncontrolled]);
|
|
206
229
|
const handleFocusInput = useCallback(() => {
|
|
207
230
|
resetDeletionButtonFocus();
|
|
208
231
|
if (!isFocused) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AA8EzC,MAAM,wBAAwB,GAAG,UAAU,CAAA;AAE3C,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,0BAA0B;YAC1B,kHAAkH;YAClH,wCAAwC;SACzC;QACD,SAAS,EAAE,mEAAmE;QAC9E,YAAY,EACV,qFAAqF;QACvF,YAAY,EAAE,sCAAsC;QACpD,KAAK,EAAE;YACL,gCAAgC;YAChC,wGAAwG;YACxG,qBAAqB;SACtB;QACD,aAAa,EAAE,+DAA+D;QAC9E,aAAa,EAAE;YACb,+CAA+C;YAC/C,mMAAmM;SACpM;QACD,UAAU,EAAE,WAAW;KACxB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE;gBACJ,OAAO,EAAE,qBAAqB;aAC/B;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,mBAAmB;aAC7B;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,OAAO,EACL,oFAAoF;aACvF;YACD,KAAK,EAAE;gBACL,OAAO,EAAE,8BAA8B;aACxC;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,YAAY,EAAE,oDAAoD;aACnE;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,KAAK;YACf,SAAS,EAAE;gBACT,OAAO,EAAE,oBAAoB;aAC9B;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAC1B,EACE,KAAK,EACL,aAAa,EACb,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,EAChB,mBAAmB,EACnB,SAAS,EACT,oBAAoB,EACpB,KAAK,EACL,aAAa,GAAG,MAAM,EACtB,UAAU,EAAE,oBAAoB,EAChC,SAAS,EACT,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,MAAM,EACN,UAAU,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,KAAK,EACL,GAAG,KAAK,EACgB,EAC1B,GAA0B,EAC1B,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,oBAAoB,KAAK,SAAS,EACxC,CAAC,oBAAoB,CAAC,CACvB,CAAA;IACD,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxE,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAA;IACpF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAC7B,KAAK;QACL,QAAQ,EAAE,aAAa;QACvB,SAAS;QACT,UAAU;QACV,cAAc;KACf,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAqB,EAAE,EAAE;QACxB,4EAA4E;QAC5E,8DAA8D;QAC9D,qBAAqB,CAAC,GAAG,EAAE;YACzB,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC1B,gBAAgB;gBACd,gBAAgB,CACd,aAAa,CAAC,MAAM,CAClB,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAC7E,CACF,CAAA;QACL,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,gBAAgB,EAAE,QAAQ,EAAE,aAAa,CAAC,CAC5C,CAAA;IACD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,QAAyB,EAAE,EAAE;QAC5B,4EAA4E;QAC5E,8DAA8D;QAC9D,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,mBAAmB,GAAG,aAAa,CAAC,IAAI,CAC5C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CACzE,CAAA;YACD,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;gBACtC,IAAI,mBAAmB,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;oBAC5C,YAAY,CAAC,QAAQ,CAAC,CAAA;gBACxB,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAA;gBAC9B,gBAAgB,IAAI,gBAAgB,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;YACtE,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,YAAY,EAAE,gBAAgB,EAAE,QAAQ,EAAE,aAAa,CAAC,CAC1D,CAAA;IAED,MAAM,EACJ,aAAa,EACb,YAAY,EACZ,aAAa,EAAE,oBAAoB,EACnC,SAAS,EACT,UAAU,GACX,GAAG,UAAU,CAAC;QACb,OAAO;QACP,mBAAmB;QACnB,aAAa;QACb,KAAK;QACL,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,SAAS;QACrB,SAAS;QACT,UAAU,EAAE,QAAQ;QACpB,UAAU;KACX,CAAC,CAAA;IAEF,MAAM,EACJ,kBAAkB,EAClB,QAAQ,EACR,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,GACzB,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;IAEzC,mBAAmB,CAAmD,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAElG,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,OAAO,IAAI,OAAO,EAAE,CAAA;QACpB,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,SAAS;YAAE,OAAM;QACtB,MAAM,IAAI,MAAM,EAAE,CAAA;QAClB,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,wBAAwB,EAAE,CAAA;IAC5B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAEjD,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,SAAS;YAAE,OAAO,SAAS,CAAC,KAAK,CAAA;QACrC,IAAI,QAAQ;YAAE,OAAO,SAAS,CAAC,QAAQ,CAAA;QACvC,OAAO,SAAS,CAAC,IAAI,CAAA;IACvB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;IAE9E,aAAa,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,yBAAyB,CAAC,EAAE,CAAC,CAAA;QAC/B,CAAC;QAED,IAAI,SAAS,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YAClC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,CAAC,CAAC,CAAA;IAE3D,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgC,EAAE,EAAE;QACnC,IAAI,WAAW,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YACjD,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,IAAI,EAAE,CAAA;QACR,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,SAAS,EAAE,CAAC;gBACd,0CAA0C;gBAC1C,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;YAC3B,CAAC;YACD,IAAI,EAAE,CAAA;QACR,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACrD,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,uBAAuB,EAAE,CAAA;QAC3B,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;YACvD,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,uBAAuB,EAAE,CAAA;QAC3B,CAAC;aAAM,CAAC;YACN,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;YACzB,wBAAwB,EAAE,CAAA;QAC5B,CAAC;QACD,oBAAoB,CAAC,CAAC,CAAC,CAAA;IACzB,CAAC,EACD;QACE,IAAI;QACJ,uBAAuB;QACvB,uBAAuB;QACvB,oBAAoB;QACpB,QAAQ;QACR,WAAW;QACX,SAAS;QACT,wBAAwB;KACzB,CACF,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAgC,EAAE,EAAE;QACnC,IACE,CAAC,2BAA2B,CAC1B,CAAC,CAAC,MAAqB,EACvB,uCAAuC,CACxC;YACD,CAAC,QAAQ;YACT,CAAC,SAAS,EACV,CAAC;YACD,KAAK,EAAE,CAAA;QACT,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC7B,CAAA;IACD,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QACzB,IAAI,aAAa;YAAE,aAAa,CAAC,CAAC,CAAC,CAAA;QACnC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,yBAAyB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAClD,CAAC;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,aAAa,EAAE,QAAQ,CAAC,CAC7C,CAAA;IACD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,wBAAwB,EAAE,CAAA;QAE1B,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,KAAK,EAAE,CAAA;QACT,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAChD,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IAC/E,MAAM,yBAAyB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAC9E,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QAC5E,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YACvF,6DAA6D;YAC7D,CAAC,CAAC,cAAc,EAAE,CAAA;QACpB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,+CAA+C;IAC/C,mDAAmD;IACnD,iCAAiC;IACjC,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAsC,EAAE,EAAE;QACzC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,cAAc,EAAE,CAAA;QACvC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAAA;IAC7B,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,cAAc,GAAG,KAAK,EAAE,CAAA;IAE9B,MAAM,EACJ,OAAO,EACP,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,aAAa,EACb,aAAa,EACb,UAAU,GACX,GAAG,aAAa,EAAE,CAAA;IACnB,MAAM,EACJ,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAChB,GAAG,OAAO,CAAC,GAAG,EAAE;QACf,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;QACnE,OAAO;YACL,iBAAiB,EAAE;gBACjB,KAAK,EAAE;oBACL,GAAG,KAAK;oBACR,KAAK,EAAE,UAAU;iBAClB;gBACD,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;aACvE;YACD,cAAc,EAAE,SAAS,EAAE;YAC3B,iBAAiB,EAAE,YAAY,EAAE;YACjC,iBAAiB,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC,SAAS,EAAE,CAAC;YACvD,UAAU,EAAE,KAAK,EAAE;YACnB,gBAAgB,EAAE,aAAa,EAAE;YACjC,kBAAkB,EAAE,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;YAC/C,eAAe,EAAE,UAAU,EAAE;SAC9B,CAAA;IACH,CAAC,EAAE;QACD,SAAS;QACT,QAAQ;QACR,KAAK;QACL,KAAK;QACL,SAAS;QACT,YAAY;QACZ,SAAS;QACT,aAAa;QACb,YAAY;QACZ,KAAK;QACL,UAAU;QACV,aAAa;QACb,KAAK;QACL,OAAO;KACR,CAAC,CAAA;IAEF,OAAO,CACL,gCACM,KAAK,KACL,iBAAiB,EACrB,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,IAAI,EAAC,OAAO;QAEZ,6BAAK,SAAS,EAAE,cAAc;YAC5B,4BACE,EAAE,EAAE,cAAc,gBAEhB,UAAU,EAAE,qBAAqB,EAAE,CAAC,wBAAwB,CAAC;oBAC7D,wBAAwB,EAE1B,SAAS,EAAE,iBAAiB,IAE3B,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,4BAAI,GAAG,EAAE,GAAG,YAAY,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,EAAE;gBACpD,oBAAC,iBAAiB,IAChB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,cAAc,EAAE,oBAAoB,EACpC,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAChC,UAAU,EAAE,UAAU,GACtB,CACC,CACN,CAAC,CACC;YAEL,6BAAK,SAAS,EAAE,iBAAiB;gBAC/B,kCACM,eAAe,EACnB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAChD,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,gBAAgB,EACzB,kBAAkB,EAAE,2BAA2B,EAC/C,gBAAgB,EAAE,yBAAyB,EAC3C,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,UAAU,2BACQ,YAAY,EAAE,EAAE,mBACxB,GAAG,SAAS,IAAI,cAAc,EAAE,mBACjC,SAAS,mBACR,SAAS,kBACV,KAAK,IAAI,SAAS,mBACjB,QAAQ,uBACL,MAAM,EACxB,SAAS,EAAE,UAAU,GACrB,CACE;YAEL,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,IAAI,CAAC,SAAS,IAAI,CAC1D,2BAAG,SAAS,EAAE,gBAAgB,IAAG,WAAW,CAAK,CAClD,CACG;QAEN,6BAAK,SAAS,EAAE,kBAAkB;YAChC,oBAAC,eAAe,IAAC,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,GAAI,CAClE;QAEL,aAAa,EAAE,CACZ,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,7 +60,7 @@ export function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, bu
|
|
|
60
60
|
React.createElement(Chip, { disabled: disabled, className: wrapperStyle },
|
|
61
61
|
React.createElement("span", { className: itemLabelStyle, ref: labelRef }, item.label),
|
|
62
62
|
deletable && (React.createElement(UnstyledButton, { className: deleteButtonStyle, disabled: disabled, onClick: actualOnDelete, onKeyDown: (e) => {
|
|
63
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
63
|
+
if (e.key === 'Enter' || e.key === 'Backspace' || e.key === ' ') {
|
|
64
64
|
e.stopPropagation();
|
|
65
65
|
// HINT: イベントの伝播が止まる関係でonClickに設定したonDeleteは実行されない
|
|
66
66
|
// このタイミングで明示的に削除処理を実行する
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ type Props<T> = {
|
|
|
10
10
|
isExpanded: boolean;
|
|
11
11
|
isLoading?: boolean;
|
|
12
12
|
triggerRef: RefObject<HTMLElement>;
|
|
13
|
-
decorators?: DecoratorsType<'noResultText'>;
|
|
13
|
+
decorators?: DecoratorsType<'noResultText' | 'loadingText'>;
|
|
14
14
|
};
|
|
15
15
|
export declare const useListBox: <T>({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSelect, isExpanded, isLoading, triggerRef, decorators, }: Props<T>) => {
|
|
16
16
|
renderListBox: () => React.ReactPortal | null;
|
|
@@ -6,10 +6,12 @@ import { usePortal } from '../../hooks/usePortal';
|
|
|
6
6
|
import { useTheme } from '../../hooks/useTailwindTheme';
|
|
7
7
|
import { FaInfoCircleIcon } from '../Icon';
|
|
8
8
|
import { Loader } from '../Loader';
|
|
9
|
+
import { VisuallyHiddenText } from '../VisuallyHiddenText';
|
|
9
10
|
import { ListBoxItemButton } from './ListBoxItemButton';
|
|
10
11
|
import { useActiveOption } from './useActiveOption';
|
|
11
12
|
import { usePartialRendering } from './usePartialRendering';
|
|
12
13
|
const NO_RESULT_TEXT = '一致する選択肢がありません';
|
|
14
|
+
const LOADING_TEXT = '処理中';
|
|
13
15
|
const listbox = tv({
|
|
14
16
|
slots: {
|
|
15
17
|
wrapper: 'shr-absolute',
|
|
@@ -185,15 +187,21 @@ export const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
185
187
|
spacing,
|
|
186
188
|
wrapper,
|
|
187
189
|
]);
|
|
188
|
-
const
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
190
|
+
const statusText = useMemo(() => {
|
|
191
|
+
const loadingText = decorators?.loadingText?.(LOADING_TEXT) ?? LOADING_TEXT;
|
|
192
|
+
return isExpanded && isLoading ? loadingText : '';
|
|
193
|
+
}, [decorators, isExpanded, isLoading]);
|
|
194
|
+
const renderListBox = useCallback(() => createPortal(React.createElement(React.Fragment, null,
|
|
195
|
+
React.createElement(VisuallyHiddenText, { role: "status" }, statusText),
|
|
196
|
+
React.createElement("div", { ...wrapperStyleProps },
|
|
197
|
+
React.createElement("div", { ...dropdownListStyleProps, id: listBoxId, ref: listBoxRef, role: "listbox", "aria-hidden": !isExpanded },
|
|
198
|
+
dropdownHelpMessage && (React.createElement("p", { className: helpMessageStyle },
|
|
199
|
+
React.createElement(FaInfoCircleIcon, { color: "TEXT_GREY", text: dropdownHelpMessage, iconGap: 0.25 }))),
|
|
200
|
+
!isExpanded ? null : isLoading ? (React.createElement("div", { className: loaderWrapperStyle },
|
|
201
|
+
React.createElement(Loader, { "aria-hidden": true }))) : options.length === 0 ? (React.createElement("p", { role: "alert", "aria-live": "polite", className: noItemsStyle }, decorators?.noResultText
|
|
202
|
+
? decorators.noResultText(NO_RESULT_TEXT)
|
|
203
|
+
: NO_RESULT_TEXT)) : (partialOptions.map((option) => (React.createElement(ListBoxItemButton, { key: option.id, option: option, isActive: option.id === activeOption?.id, onAdd: handleAdd, onSelect: handleSelect, onMouseOver: handleHoverOption, activeRef: activeRef })))),
|
|
204
|
+
renderIntersection())))), [
|
|
197
205
|
createPortal,
|
|
198
206
|
wrapperStyleProps,
|
|
199
207
|
dropdownListStyleProps,
|
|
@@ -209,6 +217,7 @@ export const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
209
217
|
partialOptions,
|
|
210
218
|
renderIntersection,
|
|
211
219
|
activeOption?.id,
|
|
220
|
+
statusText,
|
|
212
221
|
handleAdd,
|
|
213
222
|
handleSelect,
|
|
214
223
|
handleHoverOption,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useCallback, useMemo, useState, } from 'react';
|
|
2
2
|
import { FaArrowDownWideShortIcon, FaArrowUpWideShortIcon } from '../../Icon';
|
|
3
3
|
import { sortDropdownStyle } from './style';
|
|
4
|
-
const SORT_FIELD_LABEL = '
|
|
4
|
+
const SORT_FIELD_LABEL = '並べ替え項目';
|
|
5
5
|
const SORT_ORDER_LABEL = '並び順';
|
|
6
6
|
const ASC_LABEL = '昇順';
|
|
7
7
|
const DESC_LABEL = '降順';
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import { ComponentProps, FC
|
|
1
|
+
import { ComponentProps, FC } from 'react';
|
|
2
2
|
import { Stack } from '../../Layout';
|
|
3
3
|
import { SideMenuGroup } from './SideMenuGroup';
|
|
4
4
|
import { SideMenuItem } from './SideMenuItem';
|
|
5
|
-
type Props = PropsWithChildren;
|
|
6
|
-
type ElementProps = ComponentProps<typeof Stack>;
|
|
7
5
|
type SubComponents = {
|
|
8
6
|
/** @deprecated SideMenu は削除予定です */
|
|
9
7
|
Group: typeof SideMenuGroup;
|
|
@@ -11,5 +9,5 @@ type SubComponents = {
|
|
|
11
9
|
Item: typeof SideMenuItem;
|
|
12
10
|
};
|
|
13
11
|
/** @deprecated SideMenu コンポーネントは 2024/01 に削除予定です。別コンポーネントで代替するか、UI を見直してください。 */
|
|
14
|
-
export declare const SideMenu: FC<
|
|
12
|
+
export declare const SideMenu: FC<ComponentProps<typeof Stack>> & SubComponents;
|
|
15
13
|
export {};
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
3
3
|
import { Stack } from '../../Layout';
|
|
4
4
|
import { SideMenuGroup } from './SideMenuGroup';
|
|
5
5
|
import { SideMenuItem } from './SideMenuItem';
|
|
6
|
-
|
|
6
|
+
const sideMenu = tv({
|
|
7
|
+
base: 'smarthr-ui-SideMenu shr-list-none',
|
|
8
|
+
});
|
|
7
9
|
/** @deprecated SideMenu コンポーネントは 2024/01 に削除予定です。別コンポーネントで代替するか、UI を見直してください。 */
|
|
8
|
-
export const SideMenu = ({
|
|
9
|
-
const
|
|
10
|
+
export const SideMenu = ({ className, ...rest }) => {
|
|
11
|
+
const styles = useMemo(() => sideMenu({ className }), [className]);
|
|
10
12
|
return (
|
|
11
13
|
// eslint-disable-next-line smarthr/best-practice-for-layouts
|
|
12
|
-
React.createElement(
|
|
14
|
+
React.createElement(Stack, { ...rest, as: "ul", inline: true, gap: 0.75, className: styles }));
|
|
13
15
|
};
|
|
14
16
|
SideMenu.Group = SideMenuGroup;
|
|
15
17
|
SideMenu.Item = SideMenuItem;
|
|
16
|
-
const StyledStack = styled(Stack).attrs({ forwardedAs: 'ul', inline: true, gap: 0.75 }) `
|
|
17
|
-
list-style: none;
|
|
18
|
-
`;
|
|
19
18
|
//# sourceMappingURL=SideMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../../src/components/Experimental/SideMenu/SideMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../../src/components/Experimental/SideMenu/SideMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAS7C,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,EAAE,mCAAmC;CAC1C,CAAC,CAAA;AAEF,iFAAiF;AACjF,MAAM,CAAC,MAAM,QAAQ,GAAqD,CAAC,EACzE,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAClE,OAAO;IACL,6DAA6D;IAC7D,oBAAC,KAAK,OAAK,IAAI,EAAE,EAAE,EAAC,IAAI,EAAC,MAAM,QAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAI,CACjE,CAAA;AACH,CAAC,CAAA;AACD,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAA;AAC9B,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAA"}
|
|
@@ -1,31 +1,23 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { useTheme } from '../../../hooks/useTheme';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
4
3
|
import { Stack } from '../../Layout';
|
|
5
4
|
import { Text } from '../../Text';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
const sideMenuGroup = tv({
|
|
6
|
+
slots: {
|
|
7
|
+
wrapper: ['smarthr-ui-SideMenu-group', '[&_+_&]:shr-border-t-shorthand [&_+_&]:shr-pt-1.25'],
|
|
8
|
+
list: 'shr-list-none',
|
|
9
|
+
},
|
|
10
|
+
});
|
|
11
|
+
export const SideMenuGroup = ({ name, nameTag = 'h3', children, className, ...rest }) => {
|
|
12
|
+
const { wrapperStyle, listStyle } = useMemo(() => {
|
|
13
|
+
const { wrapper, list } = sideMenuGroup();
|
|
14
|
+
return {
|
|
15
|
+
wrapperStyle: wrapper({ className }),
|
|
16
|
+
listStyle: list(),
|
|
17
|
+
};
|
|
18
|
+
}, [className]);
|
|
19
|
+
return (React.createElement(Stack, { ...rest, as: "li", gap: 0.5, className: wrapperStyle },
|
|
20
|
+
React.createElement(Text, { color: "TEXT_GREY", leading: "TIGHT", size: "S", weight: "normal", as: nameTag }, name),
|
|
21
|
+
React.createElement(Stack, { as: "ul", gap: 0, className: listStyle }, children)));
|
|
13
22
|
};
|
|
14
|
-
const GroupStack = styled(Stack).attrs({ forwardedAs: 'li', gap: 0.5 }) `
|
|
15
|
-
${({ $themes: { border, space } }) => css `
|
|
16
|
-
& + & {
|
|
17
|
-
border-top: ${border.shorthand};
|
|
18
|
-
padding-block-start: ${space(1.25)};
|
|
19
|
-
}
|
|
20
|
-
`}
|
|
21
|
-
`;
|
|
22
|
-
const GroupNameText = styled(Text).attrs({
|
|
23
|
-
color: 'TEXT_GREY',
|
|
24
|
-
leading: 'TIGHT',
|
|
25
|
-
size: 'S',
|
|
26
|
-
weight: 'normal',
|
|
27
|
-
}) ``;
|
|
28
|
-
const SideMenuListStack = styled(Stack).attrs({ forwardedAs: 'ul', gap: 0 }) `
|
|
29
|
-
list-style: none;
|
|
30
|
-
`;
|
|
31
23
|
//# sourceMappingURL=SideMenuGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideMenuGroup.js","sourceRoot":"","sources":["../../../../src/components/Experimental/SideMenu/SideMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SideMenuGroup.js","sourceRoot":"","sources":["../../../../src/components/Experimental/SideMenu/SideMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgD,OAAO,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAUjC,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,2BAA2B,EAAE,oDAAoD,CAAC;QAC5F,IAAI,EAAE,eAAe;KACtB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;QACzC,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,oBAAC,KAAK,OAAK,IAAI,EAAE,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY;QACxD,oBAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAE,OAAO,IACzE,IAAI,CACA;QAEP,oBAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,IACxC,QAAQ,CACH,CACF,CACT,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
|
|
2
2
|
type Props = PropsWithChildren<{
|
|
3
3
|
/** 現在地かどうか */
|
|
4
4
|
current?: boolean;
|
|
5
5
|
}>;
|
|
6
|
-
type ElementProps = Omit<
|
|
7
|
-
type InnerLinkProps = Omit<
|
|
6
|
+
type ElementProps = Omit<ComponentPropsWithoutRef<'li'>, keyof Props>;
|
|
7
|
+
type InnerLinkProps = Omit<ComponentPropsWithoutRef<'a'>, keyof Props & keyof ElementProps>;
|
|
8
8
|
export declare const SideMenuItem: React.FC<Props & ElementProps & InnerLinkProps>;
|
|
9
9
|
export {};
|