carbon-react 156.3.2 → 156.3.3
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/menu/menu-segment-title/menu-segment-title.component.d.ts +2 -0
- package/esm/components/menu/menu-segment-title/menu-segment-title.component.js +1 -1
- package/lib/components/menu/menu-segment-title/menu-segment-title.component.d.ts +2 -0
- package/lib/components/menu/menu-segment-title/menu-segment-title.component.js +1 -1
- package/package.json +1 -1
|
@@ -10,6 +10,8 @@ export interface MenuTitleProps extends TagProps {
|
|
|
10
10
|
variant?: VariantType;
|
|
11
11
|
/** Set the heading level for the segment title */
|
|
12
12
|
as?: AllowedAsValues;
|
|
13
|
+
/** Data tag prop bag for segmented children */
|
|
14
|
+
segmentWrapperProps?: TagProps;
|
|
13
15
|
}
|
|
14
16
|
declare const MenuSegmentTitle: React.ForwardRefExoticComponent<MenuTitleProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
17
|
export default MenuSegmentTitle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useContext as n,useMemo as o}from"react";import{StyledTitle as i,StyledSegmentChildren as l}from"./menu-segment-title.style.js";import{useStrictMenuContext as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useContext as n,useMemo as o}from"react";import{StyledTitle as i,StyledSegmentChildren as l}from"./menu-segment-title.style.js";import{useStrictMenuContext as u}from"../__internal__/strict-menu.context.js";import{StyledMenuItem as a}from"../menu.style.js";import c from"../../../__internal__/utils/helpers/tags/tags.js";import s from"../__internal__/submenu/submenu.context.js";import{MenuSegmentContext as m}from"./menu-segment-title.context.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){p(e,t,r[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const y=["h2","h3","h4","h5","h6"],O=r.forwardRef(((r,p)=>{var{children:O,variant:d="default",text:g,as:h="h2",segmentWrapperProps:j}=r,v=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["children","variant","text","as","segmentWrapperProps"]);const{menuType:P,inFullscreenView:w}=u(),{submenuHasMaxWidth:_}=n(s),x=!!w,S=o((()=>x&&"alternate"===d&&["white","black"].includes(P)?"default":d),[x,P,d]);return e(a,{inSubmenu:!0,children:[t(i,b(f({as:y.includes(h)?h:"h2"},c("menu-segment-title",v)),{menuType:P,ref:p,variant:S,shouldWrap:_,children:g})),O&&t(l,b(f({menuType:P,variant:S},c("menu-segment-title",f({"data-role":"menu-segment-children"},j))),{children:t(m.Provider,{value:{isChildOfSegment:!0,overriddenVariant:S},children:O})}))]})}));O.displayName="MenuSegmentTitle";export{O as default};
|
|
@@ -10,6 +10,8 @@ export interface MenuTitleProps extends TagProps {
|
|
|
10
10
|
variant?: VariantType;
|
|
11
11
|
/** Set the heading level for the segment title */
|
|
12
12
|
as?: AllowedAsValues;
|
|
13
|
+
/** Data tag prop bag for segmented children */
|
|
14
|
+
segmentWrapperProps?: TagProps;
|
|
13
15
|
}
|
|
14
16
|
declare const MenuSegmentTitle: React.ForwardRefExoticComponent<MenuTitleProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
17
|
export default MenuSegmentTitle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./menu-segment-title.style.js"),n=require("../__internal__/strict-menu.context.js"),u=require("../menu.style.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js"),l=require("../__internal__/submenu/submenu.context.js"),s=require("./menu-segment-title.context.js");function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./menu-segment-title.style.js"),n=require("../__internal__/strict-menu.context.js"),u=require("../menu.style.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js"),l=require("../__internal__/submenu/submenu.context.js"),s=require("./menu-segment-title.context.js");function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}function f(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const p=["h2","h3","h4","h5","h6"],d=o(t).default.forwardRef(((o,a)=>{var{children:d,variant:m="default",text:b,as:y="h2",segmentWrapperProps:O}=o,j=function(e,t){if(null==e)return{};var r,n,u=function(e,t){if(null==e)return{};var r,n,u={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(u[r]=e[r]);return u}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(u[r]=e[r])}return u}(o,["children","variant","text","as","segmentWrapperProps"]);const{menuType:g,inFullscreenView:h}=n.useStrictMenuContext(),{submenuHasMaxWidth:v}=t.useContext(l.default),x=!!h,P=t.useMemo((()=>x&&"alternate"===m&&["white","black"].includes(g)?"default":m),[x,g,m]);return e.jsxs(u.StyledMenuItem,{inSubmenu:!0,children:[e.jsx(r.StyledTitle,f(c({as:p.includes(y)?y:"h2"},i.default("menu-segment-title",j)),{menuType:g,ref:a,variant:P,shouldWrap:v,children:b})),d&&e.jsx(r.StyledSegmentChildren,f(c({menuType:g,variant:P},i.default("menu-segment-title",c({"data-role":"menu-segment-children"},O))),{children:e.jsx(s.MenuSegmentContext.Provider,{value:{isChildOfSegment:!0,overriddenVariant:P},children:d})}))]})}));d.displayName="MenuSegmentTitle",exports.default=d;
|