Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance. Project price only 1 $
You can buy this project and download/modify it how often you want.
import{r as e,ch as D,ci as H,cj as z,ck as q,_ as O,X as J,k as b,cl as S,by as h,cm as P,B as W,bB as C,b_ as K,b$ as Q,bA as Y}from"./index-f33eb656.js";const t={button:"pf-c-button",chipGroup:"pf-c-chip-group",divider:"pf-c-divider",modifiers:{hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",pageInsets:"pf-m-page-insets",sticky:"pf-m-sticky",fullHeight:"pf-m-full-height",static:"pf-m-static",vertical:"pf-m-vertical",buttonGroup:"pf-m-button-group",iconButtonGroup:"pf-m-icon-button-group",filterGroup:"pf-m-filter-group",toggleGroup:"pf-m-toggle-group",overflowMenu:"pf-m-overflow-menu",bulkSelect:"pf-m-bulk-select",expandAll:"pf-m-expand-all",expanded:"pf-m-expanded",searchFilter:"pf-m-search-filter",chipGroup:"pf-m-chip-group",label:"pf-m-label",pagination:"pf-m-pagination",overflowContainer:"pf-m-overflow-container",chipContainer:"pf-m-chip-container",plain:"pf-m-plain",show:"pf-m-show",showOnSm:"pf-m-show-on-sm",showOnMd:"pf-m-show-on-md",showOnLg:"pf-m-show-on-lg",showOnXl:"pf-m-show-on-xl",showOn_2xl:"pf-m-show-on-2xl",alignRight:"pf-m-align-right",alignLeft:"pf-m-align-left",nowrap:"pf-m-nowrap",wrap:"pf-m-wrap",alignRightOnSm:"pf-m-align-right-on-sm",alignLeftOnSm:"pf-m-align-left-on-sm",nowrapOnSm:"pf-m-nowrap-on-sm",wrapOnSm:"pf-m-wrap-on-sm",alignRightOnMd:"pf-m-align-right-on-md",alignLeftOnMd:"pf-m-align-left-on-md",nowrapOnMd:"pf-m-nowrap-on-md",wrapOnMd:"pf-m-wrap-on-md",alignRightOnLg:"pf-m-align-right-on-lg",alignLeftOnLg:"pf-m-align-left-on-lg",nowrapOnLg:"pf-m-nowrap-on-lg",wrapOnLg:"pf-m-wrap-on-lg",alignRightOnXl:"pf-m-align-right-on-xl",alignLeftOnXl:"pf-m-align-left-on-xl",nowrapOnXl:"pf-m-nowrap-on-xl",wrapOnXl:"pf-m-wrap-on-xl",alignRightOn_2xl:"pf-m-align-right-on-2xl",alignLeftOn_2xl:"pf-m-align-left-on-2xl",nowrapOn_2xl:"pf-m-nowrap-on-2xl",wrapOn_2xl:"pf-m-wrap-on-2xl",spaceItemsNone:"pf-m-space-items-none",spaceItemsSm:"pf-m-space-items-sm",spaceItemsMd:"pf-m-space-items-md",spaceItemsLg:"pf-m-space-items-lg",spaceItemsNoneOnSm:"pf-m-space-items-none-on-sm",spaceItemsSmOnSm:"pf-m-space-items-sm-on-sm",spaceItemsMdOnSm:"pf-m-space-items-md-on-sm",spaceItemsLgOnSm:"pf-m-space-items-lg-on-sm",spaceItemsNoneOnMd:"pf-m-space-items-none-on-md",spaceItemsSmOnMd:"pf-m-space-items-sm-on-md",spaceItemsMdOnMd:"pf-m-space-items-md-on-md",spaceItemsLgOnMd:"pf-m-space-items-lg-on-md",spaceItemsNoneOnLg:"pf-m-space-items-none-on-lg",spaceItemsSmOnLg:"pf-m-space-items-sm-on-lg",spaceItemsMdOnLg:"pf-m-space-items-md-on-lg",spaceItemsLgOnLg:"pf-m-space-items-lg-on-lg",spaceItemsNoneOnXl:"pf-m-space-items-none-on-xl",spaceItemsSmOnXl:"pf-m-space-items-sm-on-xl",spaceItemsMdOnXl:"pf-m-space-items-md-on-xl",spaceItemsLgOnXl:"pf-m-space-items-lg-on-xl",spaceItemsNoneOn_2xl:"pf-m-space-items-none-on-2xl",spaceItemsSmOn_2xl:"pf-m-space-items-sm-on-2xl",spaceItemsMdOn_2xl:"pf-m-space-items-md-on-2xl",spaceItemsLgOn_2xl:"pf-m-space-items-lg-on-2xl",spacerNone:"pf-m-spacer-none",spacerSm:"pf-m-spacer-sm",spacerMd:"pf-m-spacer-md",spacerLg:"pf-m-spacer-lg",spacerNoneOnSm:"pf-m-spacer-none-on-sm",spacerSmOnSm:"pf-m-spacer-sm-on-sm",spacerMdOnSm:"pf-m-spacer-md-on-sm",spacerLgOnSm:"pf-m-spacer-lg-on-sm",spacerNoneOnMd:"pf-m-spacer-none-on-md",spacerSmOnMd:"pf-m-spacer-sm-on-md",spacerMdOnMd:"pf-m-spacer-md-on-md",spacerLgOnMd:"pf-m-spacer-lg-on-md",spacerNoneOnLg:"pf-m-spacer-none-on-lg",spacerSmOnLg:"pf-m-spacer-sm-on-lg",spacerMdOnLg:"pf-m-spacer-md-on-lg",spacerLgOnLg:"pf-m-spacer-lg-on-lg",spacerNoneOnXl:"pf-m-spacer-none-on-xl",spacerSmOnXl:"pf-m-spacer-sm-on-xl",spacerMdOnXl:"pf-m-spacer-md-on-xl",spacerLgOnXl:"pf-m-spacer-lg-on-xl",spacerNoneOn_2xl:"pf-m-spacer-none-on-2xl",spacerSmOn_2xl:"pf-m-spacer-sm-on-2xl",spacerMdOn_2xl:"pf-m-spacer-md-on-2xl",spacerLgOn_2xl:"pf-m-spacer-lg-on-2xl",insetNone:"pf-m-inset-none",insetSm:"pf-m-inset-sm",insetMd:"pf-m-inset-md",insetLg:"pf-m-inset-lg",insetXl:"pf-m-inset-xl",inset_2xl:"pf-m-inset-2xl",insetNoneOnSm:"pf-m-inset-none-on-sm",insetSmOnSm:"pf-m-inset-sm-on-sm",insetMdOnSm:"pf-m-inset-md-on-sm",insetLgOnSm:"pf-m-inset-lg-on-sm",insetXlOnSm:"pf-m-inset-xl-on-sm",inset_2xlOnSm:"pf-m-inset-2xl-on-sm",insetNoneOnMd:"pf-m-inset-none-on-md",insetSmOnMd:"pf-m-inset-sm-on-md",insetMdOnMd:"pf-m-inset-md-on-md",insetLgOnMd:"pf-m-inset-lg-on-md",insetXlOnMd:"pf-m-inset-xl-on-md",inset_2xlOnMd:"pf-m-inset-2xl-on-md",insetNoneOnLg:"pf-m-inset-none-on-lg",insetSmOnLg:"pf-m-inset-sm-on-lg",insetMdOnLg:"pf-m-inset-md-on-lg",insetLgOnLg:"pf-m-inset-lg-on-lg",insetXlOnLg:"pf-m-inset-xl-on-lg",inset_2xlOnLg:"pf-m-inset-2xl-on-lg",insetNoneOnXl:"pf-m-inset-none-on-xl",insetSmOnXl:"pf-m-inset-sm-on-xl",insetMdOnXl:"pf-m-inset-md-on-xl",insetLgOnXl:"pf-m-inset-lg-on-xl",insetXlOnXl:"pf-m-inset-xl-on-xl",inset_2xlOnXl:"pf-m-inset-2xl-on-xl",insetNoneOn_2xl:"pf-m-inset-none-on-2xl",insetSmOn_2xl:"pf-m-inset-sm-on-2xl",insetMdOn_2xl:"pf-m-inset-md-on-2xl",insetLgOn_2xl:"pf-m-inset-lg-on-2xl",insetXlOn_2xl:"pf-m-inset-xl-on-2xl",inset_2xlOn_2xl:"pf-m-inset-2xl-on-2xl"},pagination:"pf-c-pagination",toolbar:"pf-c-toolbar",toolbarContent:"pf-c-toolbar__content",toolbarContentSection:"pf-c-toolbar__content-section",toolbarExpandAllIcon:"pf-c-toolbar__expand-all-icon",toolbarExpandableContent:"pf-c-toolbar__expandable-content",toolbarGroup:"pf-c-toolbar__group",toolbarItem:"pf-c-toolbar__item",toolbarToggle:"pf-c-toolbar__toggle"},B=e.createContext({isExpanded:!1,toggleIsExpanded:()=>{},chipGroupContentRef:null,updateNumberFilters:()=>{},numberOfFilters:0,clearAllFilters:()=>{}}),Z=e.createContext({expandableContentRef:null,expandableContentId:"",chipContainerRef:null}),V={md:parseInt(D.value),lg:parseInt(H.value),xl:parseInt(z.value),"2xl":parseInt(q.value)};var R;(function(s){s.separator="separator",s["bulk-select"]="bulk-select",s["overflow-menu"]="overflow-menu",s.pagination="pagination",s["search-filter"]="search-filter",s.label="label",s["chip-group"]="chip-group",s["expand-all"]="expand-all"})(R||(R={}));const L=s=>{var{className:n,variant:i,visibility:l,visiblity:d,alignment:x,spacer:g,widths:m,id:f,children:c,isAllExpanded:u}=s,o=O(s,["className","variant","visibility","visiblity","alignment","spacer","widths","id","children","isAllExpanded"]);if(i===R.separator)return e.createElement(J,Object.assign({className:b(t.modifiers.vertical,n)},o));d!==void 0&&console.warn("The ToolbarItem visiblity prop has been deprecated. Please use the correctly spelled visibility prop instead.");const r={};return m&&Object.entries(m||{}).map(([a,p])=>r[`--pf-c-toolbar__item--Width${a!=="default"?`-on-${a}`:""}`]=p),e.createElement(S.Consumer,null,({width:a,getBreakpoint:p})=>e.createElement("div",Object.assign({className:b(t.toolbarItem,i&&t.modifiers[P(i)],u&&t.modifiers.expanded,h(l||d,t,"",p(a)),h(x,t,"",p(a)),h(g,t,"",p(a)),n)},i==="label"&&{"aria-hidden":!0},{id:f},o,m&&{style:Object.assign(Object.assign({},r),o.style)}),c))};L.displayName="ToolbarItem";var j;(function(s){s["filter-group"]="filter-group",s["icon-button-group"]="icon-button-group",s["button-group"]="button-group"})(j||(j={}));class ee extends e.Component{render(){const n=this.props,{visibility:i,visiblity:l,alignment:d,spacer:x,spaceItems:g,className:m,variant:f,children:c,innerRef:u}=n,o=O(n,["visibility","visiblity","alignment","spacer","spaceItems","className","variant","children","innerRef"]);return l!==void 0&&console.warn("The ToolbarGroup visiblity prop has been deprecated. Please use the correctly spelled visibility prop instead."),e.createElement(S.Consumer,null,({width:r,getBreakpoint:a})=>e.createElement("div",Object.assign({className:b(t.toolbarGroup,f&&t.modifiers[P(f)],h(i||l,t,"",a(r)),h(d,t,"",a(r)),h(x,t,"",a(r)),h(g,t,"",a(r)),m)},o,{ref:u}),c))}}const E=e.forwardRef((s,n)=>e.createElement(ee,Object.assign({},s,{innerRef:n})));class G extends e.Component{render(){const n=this.props,{className:i,isExpanded:l,chipGroupContentRef:d,clearAllFilters:x,showClearFiltersButton:g,clearFiltersButtonText:m,collapseListedFiltersBreakpoint:f,numberOfFilters:c,numberOfFiltersText:u,customChipGroupContent:o}=n,r=O(n,["className","isExpanded","chipGroupContentRef","clearAllFilters","showClearFiltersButton","clearFiltersButtonText","collapseListedFiltersBreakpoint","numberOfFilters","numberOfFiltersText","customChipGroupContent"]),a=()=>{x()};let p=!1;return f==="all"?p=!0:C&&(p=(C?window.innerWidth:1200)0&&!l&&e.createElement(E,null,e.createElement(L,null,u(c))),g&&!l&&!o&&e.createElement(L,null,e.createElement(W,{variant:"link",onClick:a,isInline:!0},m)),o&&o)}}G.displayName="ToolbarChipGroupContent";G.defaultProps={clearFiltersButtonText:"Clear all filters",collapseListedFiltersBreakpoint:"lg",numberOfFiltersText:s=>`${s} filters applied`};class M extends e.Component{constructor(){super(...arguments),this.chipGroupContentRef=e.createRef(),this.staticFilterInfo={},this.state={isManagedToggleExpanded:!1,filterInfo:{},windowWidth:C?window.innerWidth:1200,ouiaStateId:K(M.displayName)},this.isToggleManaged=()=>!(this.props.isExpanded||this.props.toggleIsExpanded),this.toggleIsExpanded=()=>{this.setState(n=>({isManagedToggleExpanded:!n.isManagedToggleExpanded}))},this.closeExpandableContent=n=>{n.target.innerWidth!==this.state.windowWidth&&this.setState(()=>({isManagedToggleExpanded:!1,windowWidth:n.target.innerWidth}))},this.updateNumberFilters=(n,i)=>{const l=Object.assign({},this.staticFilterInfo);(!l.hasOwnProperty(n)||l[n]!==i)&&(l[n]=i,this.staticFilterInfo=l,this.setState({filterInfo:l}))},this.getNumberOfFilters=()=>Object.values(this.state.filterInfo).reduce((n,i)=>n+i,0),this.renderToolbar=n=>{const i=this.props,{clearAllFilters:l,clearFiltersButtonText:d,collapseListedFiltersBreakpoint:x,isExpanded:g,toggleIsExpanded:m,className:f,children:c,isFullHeight:u,isStatic:o,inset:r,usePageInsets:a,isSticky:p,ouiaId:v,numberOfFiltersText:_,customChipGroupContent:F}=i,T=O(i,["clearAllFilters","clearFiltersButtonText","collapseListedFiltersBreakpoint","isExpanded","toggleIsExpanded","className","children","isFullHeight","isStatic","inset","usePageInsets","isSticky","ouiaId","numberOfFiltersText","customChipGroupContent"]),{isManagedToggleExpanded:I}=this.state,X=this.isToggleManaged(),k=X?I:g,y=this.getNumberOfFilters(),A=y>0;return e.createElement(S.Consumer,null,({width:$,getBreakpoint:U})=>e.createElement("div",Object.assign({className:b(t.toolbar,u&&t.modifiers.fullHeight,o&&t.modifiers.static,a&&t.modifiers.pageInsets,p&&t.modifiers.sticky,h(r,t,"",U($)),f),id:n},Q(M.displayName,v!==void 0?v:this.state.ouiaStateId),T),e.createElement(B.Provider,{value:{isExpanded:k,toggleIsExpanded:X?this.toggleIsExpanded:m,chipGroupContentRef:this.chipGroupContentRef,updateNumberFilters:this.updateNumberFilters,numberOfFilters:y,clearAllFilters:l,clearFiltersButtonText:d,showClearFiltersButton:A,toolbarId:n,customChipGroupContent:F}},c,e.createElement(G,{isExpanded:k,chipGroupContentRef:this.chipGroupContentRef,clearAllFilters:l,showClearFiltersButton:A,clearFiltersButtonText:d,numberOfFilters:y,numberOfFiltersText:_,collapseListedFiltersBreakpoint:x,customChipGroupContent:F}))))}}componentDidMount(){this.isToggleManaged()&&C&&window.addEventListener("resize",this.closeExpandableContent)}componentWillUnmount(){this.isToggleManaged()&&C&&window.removeEventListener("resize",this.closeExpandableContent)}render(){return this.props.id?this.renderToolbar(this.props.id):e.createElement(Y,null,n=>this.renderToolbar(n))}}M.displayName="Toolbar";class N extends e.Component{render(){const n=this.props,{className:i,expandableContentRef:l,chipContainerRef:d,isExpanded:x,clearAllFilters:g,clearFiltersButtonText:m,showClearFiltersButton:f}=n,c=O(n,["className","expandableContentRef","chipContainerRef","isExpanded","clearAllFilters","clearFiltersButtonText","showClearFiltersButton"]),{numberOfFilters:u,customChipGroupContent:o}=this.context,r=()=>{g()};return e.createElement("div",Object.assign({className:b(t.toolbarExpandableContent,i),ref:l},c),e.createElement(E,null),u>0&&e.createElement(E,{className:t.modifiers.chipContainer},e.createElement(E,{ref:d}),f&&!o&&e.createElement(L,null,e.createElement(W,{variant:"link",onClick:r,isInline:!0},m)),o&&o))}}N.displayName="ToolbarExpandableContent";N.contextType=B;N.defaultProps={isExpanded:!1,clearFiltersButtonText:"Clear all filters"};class w extends e.Component{constructor(){super(...arguments),this.expandableContentRef=e.createRef(),this.chipContainerRef=e.createRef()}render(){const n=this.props,{className:i,children:l,isExpanded:d,toolbarId:x,visibility:g,visiblity:m,alignment:f,clearAllFilters:c,showClearFiltersButton:u,clearFiltersButtonText:o}=n,r=O(n,["className","children","isExpanded","toolbarId","visibility","visiblity","alignment","clearAllFilters","showClearFiltersButton","clearFiltersButtonText"]);return m!==void 0&&console.warn("The ToolbarContent visiblity prop has been deprecated. Please use the correctly spelled visibility prop instead."),e.createElement(S.Consumer,null,({width:a,getBreakpoint:p})=>e.createElement("div",Object.assign({className:b(t.toolbarContent,h(g||m,t,"",p(a)),h(f,t,"",p(a)),i)},r),e.createElement(B.Consumer,null,({clearAllFilters:v,clearFiltersButtonText:_,showClearFiltersButton:F,toolbarId:T})=>{const I=`${x||T}-expandable-content-${w.currentId++}`;return e.createElement(Z.Provider,{value:{expandableContentRef:this.expandableContentRef,expandableContentId:I,chipContainerRef:this.chipContainerRef}},e.createElement("div",{className:b(t.toolbarContentSection)},l),e.createElement(N,{id:I,isExpanded:d,expandableContentRef:this.expandableContentRef,chipContainerRef:this.chipContainerRef,clearAllFilters:c||v,showClearFiltersButton:u||F,clearFiltersButtonText:o||_}))})))}}w.displayName="ToolbarContent";w.currentId=0;w.defaultProps={isExpanded:!1,showClearFiltersButton:!1};export{M as T,w as a,L as b,E as c};
//# sourceMappingURL=ToolbarContent-f1a19b22.js.map
