smarthr-ui 65.2.0 → 65.3.0

package/esm/components/AccordionPanel/AccordionPanel.js

@@ -9,13 +9,13 @@ export const AccordionPanelContext = React.createContext({
     expandableMultiply: true,
     parentRef: null,
 });
-const accordionWrapper = tv({
+const classNameGenerator = tv({
     base: 'smarthr-ui-AccordionPanel',
 });
 export const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = true, defaultExpanded = [], className, onClick: onClickProps, ...props }) => {
     const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded));
     const parentRef = useRef(null);
-    const styles = useMemo(() => accordionWrapper({ className }), [className]);
+    const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
     const onClickTrigger = useCallback((itemName, isExpanded) => {
         setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply));
     }, [expandableMultiply, expandedItems]);
@@ -31,6 +31,6 @@ export const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = tru
             expandableMultiply,
             parentRef,
         } },
-        React.createElement("div", { ...props, className: styles, ref: parentRef, role: "presentation" })));
+        React.createElement("div", { ...props, ref: parentRef, role: "presentation", className: actualClassName })));
 };
 //# sourceMappingURL=AccordionPanel.js.map

package/esm/components/AccordionPanel/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAc5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAOrD;IACD,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,IAAI,GAAG,EAAE;IACxB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC7D,YAAY,GAAG,MAAM,EACrB,kBAAkB,GAAG,IAAI,EACzB,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE1E,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAAgB,EAAE,UAAmB,EAAE,EAAE;QACxC,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAC3F,CAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,cAAc;YACd,YAAY;YACZ,aAAa;YACb,YAAY;YACZ,kBAAkB;YAClB,SAAS;SACV;QAGD,gCAAS,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAC,cAAc,GAAG,CAC1C,CAClC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAc5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAOrD;IACD,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,IAAI,GAAG,EAAE;IACxB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC7D,YAAY,GAAG,MAAM,EACrB,kBAAkB,GAAG,IAAI,EACzB,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAAgB,EAAE,UAAmB,EAAE,EAAE;QACxC,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAC3F,CAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,cAAc;YACd,YAAY;YACZ,aAAa;YACb,YAAY;YACZ,kBAAkB;YAClB,SAAS;SACV;QAGD,gCAAS,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,eAAe,GAAI,CACnD,CAClC,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AccordionPanel/AccordionPanelContent.js

@@ -5,7 +5,7 @@ import { tv } from 'tailwind-variants';
 import { getIsInclude } from '../../libs/map';
 import { AccordionPanelContext } from './AccordionPanel';
 import { AccordionPanelItemContext } from './AccordionPanelItem';
-const accordionPanelContent = tv({
+const classNameGenerator = tv({
     base: [
         'smarthr-ui-AccordionPanel-content',
         'shr-max-h-0 shr-transition-[max-height,_visible,_opacity] shr-duration-150 shr-ease-in-out shr-invisible shr-opacity-0',
@@ -15,9 +15,9 @@ const accordionPanelContent = tv({
 export const AccordionPanelContent = ({ className, ...props }) => {
     const { name } = useContext(AccordionPanelItemContext);
     const { expandedItems } = useContext(AccordionPanelContext);
-    const isInclude = getIsInclude(expandedItems, name);
+    const isInclude = useMemo(() => getIsInclude(expandedItems, name), [expandedItems, name]);
     const wrapperRef = useRef(null);
-    const styles = useMemo(() => accordionPanelContent({ className }), [className]);
-    return (React.createElement(Transition, { in: isInclude, timeout: 150, nodeRef: wrapperRef }, (status) => (React.createElement("div", { ...props, id: `${name}-content`, className: `${styles} ${status}`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude, ref: wrapperRef }))));
+    const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
+    return (React.createElement(Transition, { in: isInclude, timeout: 150, nodeRef: wrapperRef }, (status) => (React.createElement("div", { ...props, ref: wrapperRef, id: `${name}-content`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude, className: `${actualClassName} ${status}` }))));
 };
 //# sourceMappingURL=AccordionPanelContent.js.map

package/esm/components/AccordionPanel/AccordionPanelContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,qBAAqB,GAAG,EAAE,CAAC;IAC/B,IAAI,EAAE;QACJ,mCAAmC;QACnC,wHAAwH;QACxH,oFAAoF;KACrF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/E,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,IACzD,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,gCACM,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,qBACf,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,GAAG,EAAE,UAAU,GACf,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE;QACJ,mCAAmC;QACnC,wHAAwH;QACxH,oFAAoF;KACrF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAA;IACzF,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,IACzD,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,gCACM,KAAK,EACT,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,GAAG,IAAI,UAAU,qBACJ,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,SAAS,EAAE,GAAG,eAAe,IAAI,MAAM,EAAE,GACzC,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AccordionPanel/AccordionPanelItem.js

@@ -5,14 +5,14 @@ import { Section } from '../SectioningContent';
 export const AccordionPanelItemContext = createContext({
     name: '',
 });
-const accordionPanelItem = tv({
+const classNameGenerator = tv({
     base: ['smarthr-ui-AccordionPanel-item', '[&_+_&]:shr-border-t-shorthand'],
 });
 export const AccordionPanelItem = ({ name, className, ...props }) => {
-    const styles = useMemo(() => accordionPanelItem({ className }), [className]);
+    const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
     return (React.createElement(AccordionPanelItemContext.Provider, { value: {
             name,
         } },
-        React.createElement(Section, { ...props, className: styles })));
+        React.createElement(Section, { ...props, className: actualClassName })));
 };
 //# sourceMappingURL=AccordionPanelItem.js.map

package/esm/components/AccordionPanel/AccordionPanelItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,gCAAgC,EAAE,gCAAgC,CAAC;CAC3E,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5E,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CACN,CACtC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,gCAAgC,EAAE,gCAAgC,CAAC;CAC3E,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI,CACf,CACtC,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AccordionPanel/AccordionPanelTrigger.js

@@ -8,7 +8,7 @@ import { Cluster } from '../Layout';
 import { AccordionPanelContext } from './AccordionPanel';
 import { AccordionPanelItemContext } from './AccordionPanelItem';
 import { focusFirstSibling, focusLastSibling, focusNextSibling, focusPreviousSibling, getNewExpandedItems, } from './accordionPanelHelper';
-const accordionPanelTrigger = tv({
+const classNameGenerator = tv({
     slots: {
         title: 'shr-grow shr-leading-tight',
         button: [
@@ -31,51 +31,67 @@ const accordionPanelTrigger = tv({
     ],
 });
 export const AccordionPanelTrigger = ({ children, className, headingType = 'blockTitle', headingTag, ...props }) => {
-    const { titleStyle, buttonStyle, leftIconStyle, rightIconStyle } = useMemo(() => {
-        const { title, button, leftIcon, rightIcon } = accordionPanelTrigger();
+    const classNames = useMemo(() => {
+        const { title, button, leftIcon, rightIcon } = classNameGenerator();
         return {
-            titleStyle: title(),
-            buttonStyle: button({ className }),
-            leftIconStyle: leftIcon(),
-            rightIconStyle: rightIcon(),
+            title: title(),
+            button: button({ className }),
+            leftIcon: leftIcon(),
+            rightIcon: rightIcon(),
         };
     }, [className]);
     const { name } = useContext(AccordionPanelItemContext);
     const { iconPosition, expandedItems, onClickTrigger, onClickProps, expandableMultiply, parentRef, } = useContext(AccordionPanelContext);
-    const isExpanded = getIsInclude(expandedItems, name);
-    const handleClick = useCallback(() => {
-        if (onClickTrigger)
-            onClickTrigger(name, !isExpanded);
-        if (onClickProps) {
-            const newExpandedItems = getNewExpandedItems(expandedItems, name, !isExpanded, expandableMultiply);
+    const isExpanded = useMemo(() => getIsInclude(expandedItems, name), [expandedItems, name]);
+    const actualOnClickTrigger = useMemo(() => onClickTrigger
+        ? (e) => onClickTrigger(e.currentTarget.value, !isExpanded)
+        : undefined, [isExpanded, onClickTrigger]);
+    const actualOnClickProps = useMemo(() => onClickProps
+        ? (e) => {
+            const newExpandedItems = getNewExpandedItems(expandedItems, e.currentTarget.value, !isExpanded, expandableMultiply);
             onClickProps(mapToKeyArray(newExpandedItems));
         }
-    }, [onClickTrigger, name, isExpanded, onClickProps, expandedItems, expandableMultiply]);
-    const handleKeyDown = useCallback((event) => {
+        : undefined, [isExpanded, expandedItems, expandableMultiply, onClickProps]);
+    const handleClick = useMemo(() => {
+        if (actualOnClickTrigger) {
+            if (actualOnClickProps) {
+                return (e) => {
+                    actualOnClickTrigger(e);
+                    actualOnClickProps(e);
+                };
+            }
+            return actualOnClickTrigger;
+        }
+        else if (actualOnClickProps) {
+            return actualOnClickProps;
+        }
+        return undefined;
+    }, [actualOnClickProps, actualOnClickTrigger]);
+    const handleKeyDown = useCallback((e) => {
         if (!parentRef?.current) {
             return;
         }
-        const item = event.target;
-        switch (event.key) {
+        const item = e.target;
+        switch (e.key) {
             case 'Home': {
-                event.preventDefault();
+                e.preventDefault();
                 focusFirstSibling(parentRef.current);
                 break;
             }
             case 'End': {
-                event.preventDefault();
+                e.preventDefault();
                 focusLastSibling(parentRef.current);
                 break;
             }
             case 'ArrowLeft':
             case 'ArrowUp': {
-                event.preventDefault();
+                e.preventDefault();
                 focusPreviousSibling(item, parentRef.current);
                 break;
             }
             case 'ArrowRight':
             case 'ArrowDown': {
-                event.preventDefault();
+                e.preventDefault();
                 focusNextSibling(item, parentRef.current);
                 break;
             }
@@ -84,10 +100,11 @@ export const AccordionPanelTrigger = ({ children, className, headingType = 'bloc
     return (
     // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
     React.createElement(Heading, { tag: headingTag, type: headingType },
-        React.createElement("button", { ...props, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className: buttonStyle, "data-component": "AccordionHeaderButton", type: "button" },
-            React.createElement(Cluster, { className: "shr-flex-nowrap", align: "center", as: "span" },
-                iconPosition === 'left' && React.createElement(FaCaretRightIcon, { className: leftIconStyle }),
-                React.createElement("span", { className: titleStyle }, children),
-                iconPosition === 'right' && React.createElement(FaCaretDownIcon, { className: rightIconStyle })))));
+        React.createElement("button", { ...props, type: "button", value: name, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className: classNames.button, "data-component": "AccordionHeaderButton" },
+            React.createElement(MemoizedTitle, { iconPosition: iconPosition, classNames: classNames }, children))));
 };
+const MemoizedTitle = React.memo(({ classNames, iconPosition, children }) => (React.createElement(Cluster, { className: "shr-flex-nowrap", align: "center", as: "span" },
+    iconPosition === 'left' && React.createElement(FaCaretRightIcon, { className: classNames.leftIcon }),
+    React.createElement("span", { className: classNames.title }, children),
+    iconPosition === 'right' && React.createElement(FaCaretDownIcon, { className: classNames.rightIcon }))));
 //# sourceMappingURL=AccordionPanelTrigger.js.map

package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map

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

package/esm/components/AccordionPanel/accordionPanelHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,EAC3B,EAAE;IACF,IAAI,QAA6B,CAAA;IAEjC,IAAI,kBAAkB,EAAE,CAAC;QACvB,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAA;QAErC,IAAI,UAAU,EAAE,CAAC;YACf,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAA;IACrE,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAiB,EAAE,CACzE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,CAAC,CAAA;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAChE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzB,KAAK,CAAC,KAAK,EAAE,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAC/D,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAC1C,IAAI,CAAC,KAAK,EAAE,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IAClF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;QACzB,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QAClC,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IACtF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;QAClB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC1C,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QACtC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;AACH,CAAC,CAAA"}
+{"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,EAC3B,EAAE;IACF,IAAI,QAA6B,CAAA;IAEjC,IAAI,kBAAkB,EAAE,CAAC;QACvB,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAA;QAErC,IAAI,UAAU,EAAE,CAAC;YACf,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAA;IACrE,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAiB,EAAE,CACzE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,CAAC,CAAA;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAChE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEzB,KAAK,CAAC,KAAK,EAAE,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAC/D,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE1C,IAAI,CAAC,KAAK,EAAE,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IAClF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;QAEzB,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QAElC,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IACtF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;QAClB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAE1C,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QAEtC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;AACH,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TenantSelector.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/mobile/TenantSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,2BAA2B,GAAG,EAAE,CAAC;IACrC,IAAI,EAAE;QACJ,iHAAiH;QACjH,2BAA2B;QAC3B,sEAAsE;KACvE;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,IAAI,CAAA;IAEhF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5C,OAAO,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,IAAE,UAAU,CAAQ,CAAA;IACzC,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ;QAEP,oBAAC,eAAe;YACd,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,2BAA2B,EAAE;gBAC3D,UAAU;gBACX,oBAAC,eAAe,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,GAAG,CACtD,CACO;QAElB,oBAAC,eAAe,IAAC,YAAY;YAC3B,6BAAK,SAAS,EAAC,WAAW,IACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,KAAK,eAAe,CAAA;gBAE/C,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,IAErD,MAAM,CAAC,IAAI,CACC,CAChB,CAAA;YACH,CAAC,CAAC,CACE,CACU,CACT,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TenantSelector.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/mobile/TenantSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,2BAA2B,GAAG,EAAE,CAAC;IACrC,IAAI,EAAE;QACJ,iHAAiH;QACjH,2BAA2B;QAC3B,sEAAsE;KACvE;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,IAAI,CAAA;IAEhF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5C,OAAO,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,IAAE,UAAU,CAAQ,CAAA;IACzC,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,2BAA2B,EAAE;gBAC3D,UAAU;gBACX,oBAAC,eAAe,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,GAAG,CACtD,CACO;QAElB,oBAAC,eAAe,IAAC,YAAY;YAC3B,6BAAK,SAAS,EAAC,WAAW,IACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,KAAK,eAAe,CAAA;gBAE/C,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,IAErD,MAAM,CAAC,IAAI,CACC,CAChB,CAAA;YACH,CAAC,CAAC,CACE,CACU,CACT,CACZ,CAAA;AACH,CAAC,CAAA"}

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

@@ -15,4 +15,4 @@ export declare const useAppLauncher: (baseFeatures: Array<Launcher["feature"]>)
     setSortType: import("react").Dispatch<import("react").SetStateAction<"default" | "name/asc" | "name/desc">>;
     changeSearchQuery: (q: string) => void;
 };
-export declare const looseInclude: (a: string, b: string) => boolean;
+export declare const looseInclude: (looseSearchQuery: string, featureName: string) => boolean;

package/esm/components/AppHeader/hooks/useAppLauncher.js

@@ -28,10 +28,8 @@ export const useAppLauncher = (baseFeatures) => {
         if (mode !== 'search') {
             setMode('search');
         }
-        else {
-            if (q === '') {
-                setMode('default');
-            }
+        else if (q === '') {
+            setMode('default');
         }
     }, [mode]);
     return { features, page, mode, sortType, searchQuery, changePage, setSortType, changeSearchQuery };
@@ -41,39 +39,34 @@ const sortFeatures = (features, { page, sortType, mode, searchQuery, }) => {
         const filtered = features.filter((item) => item.favorite);
         // feature の position の数値の順に並び替える。position が null の場合は最後に並べる
         return filtered.sort((a, b) => {
-            if (a.position === null && b.position === null) {
-                return 0;
-            }
-            else if (a.position === null) {
+            if (a.position === null) {
+                if (b.position === null) {
+                    return 0;
+                }
                 return 1;
             }
             else if (b.position === null) {
                 return -1;
             }
-            else {
-                return a.position - b.position;
-            }
+            return a.position - b.position;
         });
     }
+    const looseSearchQuery = normalize(searchQuery);
     const featuresRes = mode === 'search'
-        ? features.filter((feature) => looseInclude(feature.name, searchQuery))
+        ? features.filter((feature) => looseInclude(looseSearchQuery, feature.name))
         : [...features];
-    if (sortType === 'name/asc') {
-        featuresRes.sort((a, b) => a.name.localeCompare(b.name));
-    }
-    if (sortType === 'name/desc') {
-        featuresRes.sort((a, b) => b.name.localeCompare(a.name));
+    switch (sortType) {
+        case 'name/asc':
+            return featuresRes.sort((a, b) => a.name.localeCompare(b.name));
+        case 'name/desc':
+            return featuresRes.sort((a, b) => b.name.localeCompare(a.name));
     }
     return featuresRes;
 };
-// 文字列 a が文字列 b を含んでいたら true を返す
-export const looseInclude = (a, b) => {
-    const normalizedA = normalize(a);
-    const normalizedB = normalize(b);
-    return normalizedA.includes(normalizedB);
-};
+export const looseInclude = (looseSearchQuery, featureName) => 
+// HINT: normalizeは1文字ずつ変換処理を行う関係で思いため、変換せずにマッチするかどうかを確認する
+featureName.includes(looseSearchQuery) || normalize(featureName).includes(looseSearchQuery);
 // アルファベットの大文字小文字は同じものとして扱う。カタカナとひらがなも同じものとして扱う。
-const normalize = (s) => s
-    .toLowerCase()
-    .replace(/[\u30a1-\u30f6]/g, (match) => String.fromCharCode(match.charCodeAt(0) - 0x60));
+const normalize = (str) => str.toLowerCase().replace(NORMALIZE_REGEX, (c) => String.fromCharCode(c.charCodeAt(0) - 0x60));
+const NORMALIZE_REGEX = /[\u30a1-\u30f6]/g;
 //# sourceMappingURL=useAppLauncher.js.map

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

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

package/esm/components/AppHeader/hooks/useMediaQuery.js

@@ -1,16 +1,24 @@
-import { useCallback, useMemo, useSyncExternalStore } from 'react';
+import { useMemo, useSyncExternalStore } from 'react';
 export const mediaQuery = {
     desktop: 'min-width: 752px',
     mobile: 'max-width: 751px',
 };
+const NOOP = () => undefined;
+const RETURN_FALSE = () => false;
 export const useMediaQuery = (query) => {
     const mediaQueryList = useMemo(() => (typeof window === 'undefined' ? null : matchMedia(`(${query})`)), [query]);
-    const subscribe = useCallback((callback) => {
-        mediaQueryList?.addEventListener('change', callback);
-        return () => {
-            mediaQueryList?.removeEventListener('change', callback);
-        };
-    }, [mediaQueryList]);
-    return useSyncExternalStore(subscribe, () => mediaQueryList?.matches ?? false, () => false);
+    const syncArgs = useMemo(() => ({
+        subscribe: (callback) => {
+            if (!mediaQueryList) {
+                return NOOP;
+            }
+            mediaQueryList.addEventListener('change', callback);
+            return () => {
+                mediaQueryList.removeEventListener('change', callback);
+            };
+        },
+        getSnapshot: () => mediaQueryList?.matches ?? false,
+    }), [mediaQueryList]);
+    return useSyncExternalStore(syncArgs.subscribe, syncArgs.getSnapshot, RETURN_FALSE);
 };
 //# sourceMappingURL=useMediaQuery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAElE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,kBAAkB;CAClB,CAAA;AAEV,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;IAC7C,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,EACvE,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,QAAoB,EAAE,EAAE;QACvB,cAAc,EAAE,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACpD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACzD,CAAC,CAAA;IACH,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAA;IAED,OAAO,oBAAoB,CACzB,SAAS,EACT,GAAG,EAAE,CAAC,cAAc,EAAE,OAAO,IAAI,KAAK,EACtC,GAAG,EAAE,CAAC,KAAK,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,kBAAkB;CAClB,CAAA;AAEV,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,SAAS,CAAA;AAC5B,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;IAC7C,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,EACvE,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;YAClC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,OAAO,IAAI,CAAA;YACb,CAAC;YAED,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAEnD,OAAO,GAAG,EAAE;gBACV,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YACxD,CAAC,CAAA;QACH,CAAC;QACD,WAAW,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,OAAO,IAAI,KAAK;KACpD,CAAC,EACF,CAAC,cAAc,CAAC,CACjB,CAAA;IAED,OAAO,oBAAoB,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;AACrF,CAAC,CAAA"}

package/esm/components/AppHeader/utils.js

@@ -1,7 +1,14 @@
 export const buildDisplayName = ({ email, empCode, firstName, lastName, }) => {
-    const empCodeStr = empCode ? `（${empCode}）` : '';
-    return ((firstName && lastName ? `${lastName} ${firstName}` + empCodeStr : empCode ? empCode : email) ??
-        '');
+    if (firstName && lastName) {
+        return `${lastName} ${firstName}${empCode ? `（${empCode}）` : ''}`;
+    }
+    else if (empCode) {
+        return empCode;
+    }
+    else if (email) {
+        return email;
+    }
+    return '';
 };
 export const isChildNavigation = (navigation) => 'href' in navigation || 'elementAs' in navigation || 'onClick' in navigation;
 export const isChildNavigationGroup = (navigation) => navigation &&

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/AppHeader/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,GAMT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAEhD,OAAO,CACL,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,SAAS,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QAC7F,EAAE,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,UAA6C,EACd,EAAE,CACjC,MAAM,IAAI,UAAU,IAAI,WAAW,IAAI,UAAU,IAAI,SAAS,IAAI,UAAU,CAAA;AAE9E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAA6C,EACT,EAAE,CACtC,UAAU;IACV,kBAAkB,IAAI,UAAU;IAChC,OAAO,IAAI,UAAU;IACrB,CAAC,CAAC,WAAW,IAAI,UAAU,CAAC,CAAA"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/AppHeader/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,GAMT,EAAE,EAAE;IACH,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;QAC1B,OAAO,GAAG,QAAQ,IAAI,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IACnE,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,OAAO,OAAO,CAAA;IAChB,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,UAA6C,EACd,EAAE,CACjC,MAAM,IAAI,UAAU,IAAI,WAAW,IAAI,UAAU,IAAI,SAAS,IAAI,UAAU,CAAA;AAE9E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAA6C,EACT,EAAE,CACtC,UAAU;IACV,kBAAkB,IAAI,UAAU;IAChC,OAAO,IAAI,UAAU;IACrB,CAAC,CAAC,WAAW,IAAI,UAAU,CAAC,CAAA"}

package/esm/components/AppNavi/AppNavi.js

@@ -1,18 +1,19 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
+import { Heading } from '../Heading';
 import { Nav } from '../SectioningContent';
 import { StatusLabel } from '../StatusLabel';
 import { AppNaviAnchor } from './AppNaviAnchor';
 import { AppNaviButton } from './AppNaviButton';
 import { AppNaviCustomTag } from './AppNaviCustomTag';
 import { AppNaviDropdown } from './AppNaviDropdown';
-const appNavi = tv({
+const classNameGenerator = tv({
     slots: {
         wrapper: [
             'smarthr-ui-AppNavi',
             'shr-flex shr-min-w-max shr-items-center shr-bg-white shr-px-1.5 shr-shadow-layer-1',
         ],
-        statusLabel: ['smarthr-ui-AppNavi-label', 'shr-me-1 shr-shrink-0'],
+        statusLabelHeading: ['smarthr-ui-AppNavi-label', 'shr-me-1 shr-shrink-0 shr-leading-none'],
         buttonsEl: [
             'smarthr-ui-AppNavi-buttons',
             'shr-flex shr-items-stretch shr-gap-1 shr-self-stretch',
@@ -21,31 +22,25 @@ const appNavi = tv({
         additionalAreaEl: 'shr-ms-auto',
     },
 });
-const { wrapper, statusLabel, buttonsEl, listItem, additionalAreaEl } = appNavi();
-export const AppNavi = ({ label, buttons, className, children, displayDropdownCaret = false, additionalArea, ...props }) => (
-// eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
-React.createElement(Nav, { ...props, className: wrapper({ className }) },
-    label && React.createElement(StatusLabel, { className: statusLabel() }, label),
-    React.createElement("ul", { className: buttonsEl() },
-        buttons &&
-            buttons.map((button, i) => {
-                if ('tag' in button) {
-                    return (React.createElement("li", { key: i, className: listItem() },
-                        React.createElement(AppNaviCustomTag, { ...button })));
-                }
-                if ('href' in button) {
-                    return (React.createElement("li", { key: i, className: listItem() },
-                        React.createElement(AppNaviAnchor, { ...button })));
-                }
-                if ('dropdownContent' in button) {
-                    return (React.createElement("li", { key: i, className: listItem() },
-                        React.createElement(AppNaviDropdown, { ...button, displayCaret: displayDropdownCaret })));
-                }
-                return (React.createElement("li", { key: i, className: listItem() },
-                    React.createElement(AppNaviButton, { ...button })));
-            }),
-        renderButtons(children)),
-    additionalArea && React.createElement("div", { className: additionalAreaEl() }, additionalArea)));
+const { wrapper, statusLabelHeading, buttonsEl, listItem, additionalAreaEl } = classNameGenerator();
+const classNames = {
+    statusLabelHeading: statusLabelHeading(),
+    buttonsEl: buttonsEl(),
+    listItem: listItem(),
+    additionalAreaEl: additionalAreaEl(),
+};
+export const AppNavi = ({ label, buttons, className, children, displayDropdownCaret, additionalArea, ...rest }) => {
+    const wrapperClassName = useMemo(() => wrapper({ className }), [className]);
+    return (React.createElement(Nav, { ...rest, className: wrapperClassName },
+        React.createElement(StatusLabelHeading, null, label),
+        React.createElement("ul", { className: classNames.buttonsEl },
+            buttons &&
+                buttons.map((button, i) => (React.createElement("li", { key: i, className: classNames.listItem }, 'tag' in button ? (React.createElement(AppNaviCustomTag, { ...button })) : 'href' in button ? (React.createElement(AppNaviAnchor, { ...button })) : 'dropdownContent' in button ? (React.createElement(AppNaviDropdown, { ...button, displayCaret: displayDropdownCaret })) : (React.createElement(AppNaviButton, { ...button }))))),
+            renderButtons(children)),
+        additionalArea && React.createElement("div", { className: classNames.additionalAreaEl }, additionalArea)));
+};
+const StatusLabelHeading = React.memo(({ children }) => children && (React.createElement(Heading, { className: classNames.statusLabelHeading },
+    React.createElement(StatusLabel, null, children))));
 const renderButtons = (children) => React.Children.map(children, (child) => {
     if (!(child && React.isValidElement(child))) {
         return null;
@@ -53,6 +48,6 @@ const renderButtons = (children) => React.Children.map(children, (child) => {
     if (child.type === React.Fragment) {
         return renderButtons(child.props.children);
     }
-    return React.createElement("li", { className: listItem() }, child);
+    return React.createElement("li", { className: classNames.listItem }, child);
 });
 //# sourceMappingURL=AppNavi.js.map

package/esm/components/AppNavi/AppNavi.js.map

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

package/esm/components/AppNavi/AppNaviAnchor.js

@@ -1,23 +1,23 @@
 import React, { forwardRef, useMemo, } from 'react';
 import { tv } from 'tailwind-variants';
 import { appNaviItemStyle } from './style';
-const appNaviAnchor = tv({
+const classNameGenerator = tv({
     extend: appNaviItemStyle,
     slots: {
         wrapper: ['smarthr-ui-AppNavi-anchor', 'forced-colors:shr-underline'],
     },
 });
-export const AppNaviAnchor = forwardRef(({ children, href, icon: Icon, current = false, elementAs, ...others }, ref) => {
-    const { wrapperStyle, iconStyle } = useMemo(() => {
-        const { wrapper, icon } = appNaviAnchor({ active: current });
+export const AppNaviAnchor = forwardRef(({ children, href, icon: Icon, current, elementAs, ...others }, ref) => {
+    const classNames = useMemo(() => {
+        const { wrapper, icon } = classNameGenerator({ active: current });
         return {
-            wrapperStyle: wrapper(),
-            iconStyle: icon(),
+            wrapper: wrapper(),
+            icon: icon(),
         };
     }, [current]);
     const Component = elementAs || 'a';
-    return (React.createElement(Component, { ...others, ref: ref, href: href, "aria-current": current ? 'page' : undefined, className: wrapperStyle },
-        Icon && React.createElement(Icon, { className: iconStyle }),
+    return (React.createElement(Component, { ...others, ref: ref, href: href, "aria-current": current ? 'page' : undefined, className: classNames.wrapper },
+        Icon && React.createElement(Icon, { className: classNames.icon }),
         children));
 });
 //# sourceMappingURL=AppNaviAnchor.js.map

package/esm/components/AppNavi/AppNaviAnchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAsB1C,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,UAAU,CAC7D,CACE,EACE,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,MAAM,EACgD,EAC3D,GAAuB,EACT,EAAE;IAChB,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,MAAM,SAAS,GAAG,SAAS,IAAI,GAAG,CAAA;IAElC,OAAO,CACL,oBAAC,SAAS,OACJ,MAAM,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,YAAY;QAEtB,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;QACtC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAsB1C,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,2BAA2B,EAAE,6BAA6B,CAAC;KACtE;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAC7D,CACE,EACE,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,OAAO,EACP,SAAS,EACT,GAAG,MAAM,EACgD,EAC3D,GAAuB,EACT,EAAE;IAChB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAEjE,OAAO;YACL,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,IAAI,EAAE;SACb,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,SAAS,GAAG,SAAS,IAAI,GAAG,CAAA;IAElC,OAAO,CACL,oBAAC,SAAS,OACJ,MAAM,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,UAAU,CAAC,OAAO;QAE5B,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI;QAC5C,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA"}

package/esm/components/AppNavi/AppNaviButton.js

@@ -2,22 +2,22 @@ import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 import { UnstyledButton } from '../Button';
 import { appNaviItemStyle } from './style';
-const appNaviButton = tv({
+const classNameGenerator = tv({
     extend: appNaviItemStyle,
     slots: {
         wrapper: 'smarthr-ui-AppNavi-button',
     },
 });
-export const AppNaviButton = ({ children, icon: Icon, current = false, onClick, }) => {
-    const { wrapperStyle, iconStyle } = useMemo(() => {
-        const { wrapper, icon } = appNaviButton({ active: current });
+export const AppNaviButton = ({ children, icon: Icon, current, onClick, }) => {
+    const classNames = useMemo(() => {
+        const { wrapper, icon } = classNameGenerator({ active: current });
         return {
-            wrapperStyle: wrapper(),
-            iconStyle: icon(),
+            wrapper: wrapper(),
+            icon: icon(),
         };
     }, [current]);
-    return (React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, onClick: onClick, className: wrapperStyle },
-        Icon && React.createElement(Icon, { className: iconStyle }),
+    return (React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, onClick: onClick, className: classNames.wrapper },
+        Icon && React.createElement(Icon, { className: classNames.icon }),
         children));
 };
 //# sourceMappingURL=AppNaviButton.js.map