@ansible/ansible-ui-framework 2.4.2035 → 2.4.2037

package/index.js

@@ -35657,7 +35657,7 @@ function YS(e) {
           value: i && (i == null ? void 0 : i.length) > 0 ? i[0] : "",
           onSelect: (l) => a(() => [l]),
           options: t.options,
-          isRequired: t.isRequired,
+          isRequired: t.isRequired || !t.isPinned,
           disableSortOptions: t.disableSortOptions
         },
         t.key

package/index.umd.cjs

@@ -395,7 +395,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 `,VA=b.createContext({open:!1,setOpen:()=>{}});function UA(e){const{t}=Ie(),{queryOptions:n,writeInOption:r}=e,[i,a]=b.useState(!1),[o,s]=b.useState(!1),[l,c]=b.useState(),[u,f]=b.useState(0),[d,h]=b.useState(),[p,m]=b.useState(!1),v=b.useRef(),[y,x]=b.useState(""),_=b.useCallback(Xy(M=>x(M),200),[]),S=b.useRef(e.onSelect).current,w=b.useRef(null),O=b.useCallback(()=>{w.current&&w.current.abort();const M=new AbortController;return w.current=M,a(()=>(s(!1),c(void 0),h(A=>{if(A)return A}),n({next:v.current,signal:M.signal,search:y}).then(A=>{M.signal.aborted||(v.current=A.next,A.remaining||s(!0),h(j=>{let P=[...j??[],...A.options];const D=new Set;return P=P.filter(I=>D.has(I.value)?!1:(D.add(I.value),!0)),P.sort((I,z)=>{const R=I.label.toLowerCase(),V=z.label.toLowerCase();return R<V?-1:R>V?1:0}),!y&&A.remaining===0&&P.length===1&&S(P[0].value),f(A.remaining+P.length),r&&A.remaining+P.length===0&&P.push(r(y)),P}))}).catch(A=>{M.signal.aborted||c(A instanceof Error?A:new Error(t("Unknown error")))}).finally(()=>{M.signal.aborted||a(!1)}),!0)),()=>M.abort()},[S,n,y,t,r]),C=b.useCallback(M=>{M.preventDefault(),M.stopPropagation(),O()},[O]),k=b.useCallback(M=>{M.preventDefault(),M.stopPropagation(),f(0),h([]),m(!0),v.current=void 0,O()},[O]);b.useEffect(()=>{p&&(f(0),h([]),v.current=void 0,O())},[p,O]),b.useEffect(()=>{l&&m(!1)},[l]);const $=g.jsxs(T.Stack,{hasGutter:!0,children:[g.jsxs(T.Flex,{children:[g.jsx(T.FlexItem,{grow:{default:"grow"},children:g.jsxs(T.ActionList,{children:[!o&&g.jsx(T.ActionListItem,{children:g.jsx(T.Button,{id:"load-more",isLoading:i,onClick:C,isDisabled:i,children:t(i?"Loading...":"Load more")})}),e.onBrowse&&g.jsx(T.ActionListItem,{children:g.jsx(T.Button,{id:"browse",onClick:M=>{var A;M.preventDefault(),M.stopPropagation(),m(!1),(A=e.onBrowse)==null||A.call(e)},variant:"secondary",children:t("Browse")})})]})}),!o&&u!==0&&g.jsx(T.FlexItem,{children:t("Loaded {{count}} of {{total}}",{count:(d==null?void 0:d.length)??0,total:u})})]}),e.footer]});return g.jsx(Fi,{id:e.id,icon:e.icon,placeholder:e.placeholder,options:d??[],value:e.value,onSelect:e.onSelect,isDisabled:e.isDisabled,footer:$,open:p,setOpen:m,searchValue:y,setSearchValue:_,isLoading:i,queryLabel:e.queryLabel,disableAutoSelect:!0,isRequired:e.isRequired,toggle:l?M=>g.jsx(D0e,{ref:M,id:e.id,variant:"secondary",isDanger:!0,icon:g.jsx(ve.SyncAltIcon,{}),onClick:k,children:typeof e.queryErrorText=="function"?e.queryErrorText(l):e.queryErrorText??t("Error loading options")}):void 0})}const D0e=Pe(T.Button)`
   width: 100%;
   text-align: left;
-`;function $0e(e){const{filterValues:t,setFilterValues:n,placeholder:r,isRequired:i,defaultValue:a}=e,o=t&&t.length>0?t[0]:void 0,s=e.options.find(h=>h.value===o);i&&!s&&n(()=>[a??e.options[0].value]);function l(h){if(h===null)return;e.options.find(m=>m.value===h)&&n(()=>[h])}const[c,u]=b.useState(()=>{if(t&&t.length>1)return t[1]}),[f,d]=b.useState(()=>{if(t&&t.length>2)return t[2]});return b.useEffect(()=>{if(s&&s.isCustom){const h=[s.value];c&&(h.push(c),f&&h.push(f)),n(()=>h)}},[s,c,f,n]),g.jsxs(T.ToolbarItem,{children:[g.jsx(Fi,{value:(s==null?void 0:s.value)??"",onSelect:l,options:e.options,placeholder:r,disableSortOptions:!0}),s&&s.isCustom&&g.jsx(M0e,{to:f,setTo:d,from:c,setFrom:u})]})}function M0e(e){const{to:t,setTo:n,from:r,setFrom:i}=e,{t:a}=Ie(),o=(u,f)=>{i(f)},s=(u,f)=>{n(f)},l=r?new Date(r):void 0,c=u=>l?T.isValidDate(l)&&u>=l?"":a('The "to" date must be after the "from" date'):"";return g.jsxs(g.Fragment,{children:[g.jsx(T.DatePicker,{value:r,onChange:o,"aria-label":"Start date",placeholder:"YYYY-MM-DD","data-cy":"toolbar-date-picker"}),g.jsx("div",{style:{alignSelf:"baseline",padding:6},children:a("to")}),g.jsx(T.DatePicker,{value:t,onChange:s,isDisabled:!l||!T.isValidDate(l),rangeStart:l,validators:[c],"aria-label":"End date",placeholder:a("now"),invalidFormatText:a("Invalid date format")}),t!==void 0&&g.jsx(T.Button,{variant:"control",style:{alignSelf:"flex-start"},onClick:()=>n(void 0),children:g.jsx(ve.TimesCircleIcon,{})})]})}function I0e(e){const{t}=Ie(),[n,r]=b.useState("");let i=e.placeholder;if(!i)switch(e.comparison){case"contains":i=t("contains");break;case"startsWith":i=t("starts with");break;case"endsWith":i=t("ends with");break;case"equals":i=t("equals");break}return g.jsxs(T.InputGroup,{children:[g.jsx(T.InputGroupItem,{children:g.jsxs(T.TextInputGroup,{"data-cy":"text-input",style:{minWidth:220},children:[g.jsx(T.TextInputGroupMain,{id:e.id,value:n,onChange:(a,o)=>{r(typeof a=="string"?a:o)},onKeyUp:a=>{n&&a.key==="Enter"&&(e.addFilter(n),r(""))},placeholder:i}),n!==""&&g.jsx(T.TextInputGroupUtilities,{children:g.jsx(T.Button,{variant:"plain","aria-label":"clear filter",onClick:()=>r(""),style:{opacity:n?void 0:0},tabIndex:-1,children:g.jsx(ve.TimesIcon,{})})})]})}),g.jsx(T.InputGroupItem,{children:g.jsx(T.Button,{variant:n?"primary":"control","data-cy":"apply-filter","aria-label":"apply filter",onClick:()=>{e.addFilter(n),r("")},tabIndex:-1,isDisabled:!n,children:g.jsx(ve.ArrowRightIcon,{})})})]})}function HA(e){const{t}=Ie(),[n,r]=b.useState(e.value??"");let i=e.placeholder??"";if(!i)switch(e.comparison){case"contains":i=t("contains");break;case"startsWith":i=t("starts with");break;case"endsWith":i=t("ends with");break;case"equals":i=t("equals");break}const a=b.useCallback(Xy(o=>e.setValue(o),200),[]);return b.useEffect(()=>{e.hasKey||r("")},[e.hasKey]),g.jsx(T.InputGroup,{children:g.jsx(T.InputGroupItem,{children:g.jsxs(T.TextInputGroup,{"data-cy":"text-input",style:{minWidth:220},children:[g.jsx(T.TextInputGroupMain,{id:e.id,value:n,onChange:(o,s)=>{typeof o=="string"?(r(o),a(o)):(r(s),a(s))},placeholder:i}),n!==""&&g.jsx(T.TextInputGroupUtilities,{children:g.jsx(T.Button,{variant:"plain","aria-label":"clear filter",onClick:()=>{r(""),e.setValue("")},style:{opacity:n?void 0:0},tabIndex:-1,children:g.jsx(ve.TimesIcon,{})})})]})})})}function Zy(e){const[t,n]=b.useState(!1),r=o=>{n(!t)},{activeGroup:i,setActiveGroup:a}=b.useContext(GA);return b.useEffect(()=>{t&&a(e.id)},[t,a,e.id]),b.useEffect(()=>{i!==e.id&&n(!1)},[i,e.id]),g.jsx(T.ToolbarToggleGroup,{...e,isExpanded:t,onToggle:r})}const GA=b.createContext({activeGroup:"",setActiveGroup:()=>{}});var qA=(e=>(e[e.SingleText=0]="SingleText",e[e.MultiText=1]="MultiText",e[e.SingleSelect=2]="SingleSelect",e[e.MultiSelect=3]="MultiSelect",e[e.DateRange=4]="DateRange",e[e.AsyncSingleSelect=5]="AsyncSingleSelect",e[e.AsyncMultiSelect=6]="AsyncMultiSelect",e))(qA||{});function YA(e){var l;const{toolbarFilters:t,filterState:n,setFilterState:r}=e,[i,a]=b.useState(()=>t&&(t==null?void 0:t.length)>0?t[0].key:""),o=t==null?void 0:t.find(c=>c.key===i);if(!o)return g.jsx(g.Fragment,{});if(!t)return g.jsx(g.Fragment,{});if(t.length===0)return g.jsx(g.Fragment,{});let s=t.length===1;return t.length>=1&&t[0].type===2&&t[0].isPinned&&(n[t[0].key]===void 0||((l=n[t[0].key])==null?void 0:l.length)===0)&&(s=!1),g.jsx(g.Fragment,{children:t.length===1?g.jsxs(T.ToolbarItem,{children:[s&&g.jsx("div",{style:{marginTop:6,marginRight:6,whiteSpace:"nowrap"},children:t[0].label}),g.jsx(XA,{id:"filter-input",filter:o,filterState:n,setFilterState:r,"data-cy":o,limitFiltersToOneOrOperation:e.limitFiltersToOneOrOperation})]}):g.jsxs(T.ToolbarItem,{children:[g.jsx(Fi,{id:"filter",value:i,onSelect:a,icon:g.jsx(ve.FilterIcon,{}),options:t.map(c=>({label:c.label,value:c.key})),placeholder:"","data-cy":o,disableSortOptions:!0,isRequired:!0}),g.jsx(XA,{id:"filter-input",filter:o,filterState:n,setFilterState:r,"data-cy":o,limitFiltersToOneOrOperation:e.limitFiltersToOneOrOperation})]})})}function KA(e){const{toolbarFilters:t,setFilterState:n,filterState:r}=e,[i]=Pt(),a=!rn("md");if(!t)return g.jsx(g.Fragment,{});if(t.length===0)return g.jsx(g.Fragment,{});const o=t.filter(l=>!l.isPinned),s=t.filter(l=>!!l.isPinned);return g.jsx(Zy,{toggleIcon:g.jsx(ve.FilterIcon,{}),breakpoint:"md",id:"filters",children:g.jsxs(T.ToolbarGroup,{variant:"button-group",style:{flexWrap:"wrap",gap:8},children:[a&&g.jsx(T.ToolbarItem,{variant:"label",children:i.filter}),g.jsx(YA,{toolbarFilters:o,setFilterState:n,filterState:r,limitFiltersToOneOrOperation:e.limitFiltersToOneOrOperation}),s==null?void 0:s.map(l=>g.jsx(YA,{toolbarFilters:[l],setFilterState:n,filterState:r,limitFiltersToOneOrOperation:e.limitFiltersToOneOrOperation},l.key)),t==null?void 0:t.map(l=>{const c=(r==null?void 0:r[l.key])||[];return l.isPinned&&l.type===2||l.isPinned&&l.type===4?null:g.jsx(T.ToolbarFilter,{categoryName:l.label,chips:[...c.map(u=>{var f,d;switch(l.type){case 2:case 3:case 4:return((d=(f=l.options)==null?void 0:f.find(h=>h.value===u))==null?void 0:d.label)??u;case 5:case 6:return{key:u,node:l.queryLabel(u)};default:return u}})],deleteChip:(u,f)=>{n==null||n(d=>{var m;const h={...d};switch(f=typeof f=="string"?f:f.key,l.type){case 2:case 3:case 4:f=((m=l.options.find(v=>v.label===f))==null?void 0:m.value)??f;break}let p=d[l.key];return p&&(p=p.filter(v=>v!==f),p.length===0?delete h[l.key]:h[l.key]=p),h})},deleteChipGroup:()=>{n==null||n(u=>{const f={...u};return delete f[l.key],f})},showToolbarItem:!1,children:g.jsx(g.Fragment,{})},l.label)})]})})}function XA(e){const{filter:t,filterState:n,setFilterState:r}=e,i=n==null?void 0:n[t.key],a=b.useCallback(l=>{r(c=>{const u={...c},f=u[t.key]??[];return u[t.key]=l(f),u})},[t.key,r]),o=b.useCallback(l=>{r(c=>{const u={...c},f=u[t.key]??[];return u[t.key]=[...f,l],u})},[t.key,r]);let s=!1;if(n)for(const l in n){if(l===t.key)continue;const c=n[l];if(c&&(c==null?void 0:c.length)>=2){s=!0;break}}switch(t.type){case 0:return g.jsx(HA,{id:e.id??t.key,placeholder:t.placeholder,comparison:t.comparison,setValue:l=>a(()=>l?[l]:[]),value:i&&(i==null?void 0:i.length)>0?i[0]:"",hasKey:!!(n!=null&&n[t.key])},t.key);case 1:return s&&e.limitFiltersToOneOrOperation?g.jsx(HA,{id:e.id??t.key,placeholder:t.placeholder,comparison:t.comparison,setValue:l=>a(()=>l?[l]:[]),value:i&&(i==null?void 0:i.length)>0?i[0]:"",hasKey:!!(n!=null&&n[t.key])},t.key):g.jsx(I0e,{id:e.id??t.key,addFilter:o,placeholder:t.placeholder,comparison:t.comparison},t.key);case 2:return g.jsx(Fi,{id:e.id??t.key,placeholder:t.placeholder,value:i&&(i==null?void 0:i.length)>0?i[0]:"",onSelect:l=>a(()=>[l]),options:t.options,isRequired:t.isRequired,disableSortOptions:t.disableSortOptions},t.key);case 5:return g.jsx(UA,{id:e.id??t.key,value:i&&(i==null?void 0:i.length)>0?i[0]:"",onSelect:l=>a(()=>[l]),placeholder:t.placeholder||"",queryOptions:t.queryOptions,queryErrorText:t.queryErrorText,queryPlaceholder:t.queryPlaceholder,isRequired:t.isRequired,footer:t.openBrowse?g.jsx(VA.Consumer,{children:l=>g.jsx(T.Button,{variant:"link",onClick:()=>{var c;l.setOpen(!1),(c=t.openBrowse)==null||c.call(t,u=>a(()=>[u]),i&&i.length>0?i[0]:void 0)},children:"Browse"})}):void 0,queryLabel:t.queryLabel,disableSortOptions:t.disableSortOptions},t.key);case 6:return s&&e.limitFiltersToOneOrOperation?g.jsx(UA,{id:e.id??t.key,value:i&&(i==null?void 0:i.length)>0?i[0]:"",onSelect:l=>a(()=>[l]),placeholder:t.placeholder||"",queryOptions:t.queryOptions,queryErrorText:t.queryErrorText,queryPlaceholder:t.queryPlaceholder,isRequired:t.isRequired,footer:t.openBrowse?g.jsx(T.Button,{variant:"link",onClick:()=>{var l;(l=t.openBrowse)==null||l.call(t,c=>a(()=>[c.length?c[0]:""]),i&&i.length>0?i:void 0)},children:"Browse"}):void 0,queryLabel:t.queryLabel,disableSortOptions:t.disableSortOptions},t.key):g.jsx(k0e,{id:e.id??t.key,values:i,onSelect:a,placeholder:t.placeholder||"",queryOptions:t.queryOptions,queryErrorText:t.queryErrorText,queryPlaceholder:t.queryPlaceholder,footer:t.openBrowse?g.jsx(T.Button,{variant:"link",onClick:()=>{var l;(l=t.openBrowse)==null||l.call(t,c=>a(()=>c),i)},children:"Browse"}):void 0,variant:"count",disableClearSelection:!0,queryLabel:t.queryLabel,disableSortOptions:t.disableSortOptions},t.key);case 3:return s&&e.limitFiltersToOneOrOperation?g.jsx(Fi,{id:e.id??t.key,placeholder:t.placeholder,value:i&&(i==null?void 0:i.length)>0?i[0]:"",onSelect:l=>a(()=>[l]),options:t.options,disableSortOptions:t.disableSortOptions},t.key):g.jsx(RA,{id:e.id??t.key,placeholder:t.placeholder,values:i,onSelect:a,options:t.options,variant:"count",disableClearSelection:!0,disableSortOptions:t.disableSortOptions},t.key);case 4:return g.jsx($0e,{id:e.id??t.key,label:t.label,placeholder:t.placeholder??"",filterValues:i,setFilterValues:a,options:t.options,isRequired:t.isRequired,defaultValue:t.defaultValue},t.key)}}function L0e(e){const{sort:t,setSort:n,sortDirection:r,setSortDirection:i,sortOptions:a}=e,o=a==null?void 0:a.find(u=>u.value===t),s=o?o.type:void 0,[l]=Pt(),c=b.useMemo(()=>{switch(s){case"text":switch(r){case"asc":return g.jsx(ve.SortAlphaUpIcon,{});case"desc":return g.jsx(ve.SortAlphaDownAltIcon,{})}break;case"number":switch(r){case"asc":return g.jsx(ve.SortNumericUpIcon,{});case"desc":return g.jsx(ve.SortNumericDownAltIcon,{})}break;default:switch(r){case"asc":return g.jsx(ve.SortAmountUpIcon,{});case"desc":return g.jsx(ve.SortAmountDownIcon,{})}break}return g.jsx(g.Fragment,{})},[r,s]);return!a||a.length<=0?g.jsx(g.Fragment,{}):g.jsx(Zy,{breakpoint:"2xl",toggleIcon:c,id:"sort",children:g.jsxs(T.ToolbarGroup,{variant:"filter-group",style:{flexWrap:"wrap",gap:8},children:[g.jsx(T.ToolbarItem,{variant:"label",children:l.sort}),g.jsx(T.ToolbarItem,{children:g.jsxs(T.Split,{children:[g.jsx(N0e,{sortOptions:a,sort:t,setSort:n,setSortDirection:i}),g.jsx(T.Button,{variant:"control",icon:c,onClick:()=>{r==="asc"?i==null||i("desc"):i==null||i("asc")}})]})})]})})}function N0e(e){const{sortOptions:t,sort:n,setSort:r,setSortDirection:i}=e,a=b.useCallback(o=>{if(o){const s=t.find(l=>l.value===o);s&&n!==o&&s.defaultDirection&&(i==null||i(s.defaultDirection)),r==null||r(o)}},[t,r,i,n]);return g.jsx(Fi,{id:"toolbar-sort-select-expand",placeholder:"",value:n,onSelect:a,options:t.map(o=>({label:o.label,value:o.value})),isRequired:!0})}function F0e(e){return b.useMemo(()=>{const n=[];for(const r of e)if(r.sort){if(r.defaultSort){n.push({label:r.header,value:r.sort,type:"text",defaultDirection:r.defaultSortDirection});continue}switch(r.type){case"count":n.push({label:r.header,value:r.sort,type:"number",defaultDirection:r.defaultSortDirection});break;case"text":n.push({label:r.header,value:r.sort,type:"text",defaultDirection:r.defaultSortDirection});break;default:n.push({label:r.header,value:r.sort,defaultDirection:r.defaultSortDirection});break}}return n},[e])}function R0e(e){const{viewType:t,setViewType:n,openColumnModal:r}=e,[i]=Pt();let a=0;e.disableTableView||a++,e.disableCardView||a++,e.disableListView||a++;let o=g.jsx(ve.TableIcon,{});return t===et.Cards&&(o=g.jsx(ve.ThLargeIcon,{})),t===et.List&&(o=g.jsx(ve.ListIcon,{})),g.jsx(Zy,{breakpoint:"md",toggleIcon:o,id:"view",children:g.jsx(T.ToolbarGroup,{variant:"button-group",style:{justifyContent:"end",marginRight:0},children:g.jsx(T.ToolbarItem,{children:g.jsxs(T.Split,{hasGutter:!0,children:[r&&g.jsx(T.Tooltip,{content:i.manageColumns,children:g.jsx(T.Button,{variant:"plain",icon:g.jsx(ve.ColumnsIcon,{}),onClick:r})}),a>1&&g.jsx(T.ToggleGroup,{"data-cy":"table-view-toggle","aria-label":"table view toggle",children:[!e.disableTableView&&et.Table,!e.disableListView&&et.List,!e.disableCardView&&et.Cards].filter(s=>s).map(s=>{switch(s){case et.Cards:return g.jsx(T.ToggleGroupItem,{icon:g.jsx(ve.ThLargeIcon,{}),isSelected:t===et.Cards,onClick:()=>n==null?void 0:n(et.Cards),"aria-label":"card view","data-cy":"card-view"},"card-view");case et.List:return g.jsx(T.ToggleGroupItem,{icon:g.jsx(ve.ListIcon,{}),isSelected:t===et.List,onClick:()=>n==null?void 0:n(et.List),"aria-label":"list view","data-cy":"list-view"},"list-view");case et.Table:return g.jsx(T.ToggleGroupItem,{icon:g.jsx(ve.TableIcon,{}),isSelected:t===et.Table,onClick:()=>n==null?void 0:n(et.Table),"aria-label":"table view","data-cy":"table-view"},"table-view")}})})]})})})})}const z0e=Pe.div`
+`;function $0e(e){const{filterValues:t,setFilterValues:n,placeholder:r,isRequired:i,defaultValue:a}=e,o=t&&t.length>0?t[0]:void 0,s=e.options.find(h=>h.value===o);i&&!s&&n(()=>[a??e.options[0].value]);function l(h){if(h===null)return;e.options.find(m=>m.value===h)&&n(()=>[h])}const[c,u]=b.useState(()=>{if(t&&t.length>1)return t[1]}),[f,d]=b.useState(()=>{if(t&&t.length>2)return t[2]});return b.useEffect(()=>{if(s&&s.isCustom){const h=[s.value];c&&(h.push(c),f&&h.push(f)),n(()=>h)}},[s,c,f,n]),g.jsxs(T.ToolbarItem,{children:[g.jsx(Fi,{value:(s==null?void 0:s.value)??"",onSelect:l,options:e.options,placeholder:r,disableSortOptions:!0}),s&&s.isCustom&&g.jsx(M0e,{to:f,setTo:d,from:c,setFrom:u})]})}function M0e(e){const{to:t,setTo:n,from:r,setFrom:i}=e,{t:a}=Ie(),o=(u,f)=>{i(f)},s=(u,f)=>{n(f)},l=r?new Date(r):void 0,c=u=>l?T.isValidDate(l)&&u>=l?"":a('The "to" date must be after the "from" date'):"";return g.jsxs(g.Fragment,{children:[g.jsx(T.DatePicker,{value:r,onChange:o,"aria-label":"Start date",placeholder:"YYYY-MM-DD","data-cy":"toolbar-date-picker"}),g.jsx("div",{style:{alignSelf:"baseline",padding:6},children:a("to")}),g.jsx(T.DatePicker,{value:t,onChange:s,isDisabled:!l||!T.isValidDate(l),rangeStart:l,validators:[c],"aria-label":"End date",placeholder:a("now"),invalidFormatText:a("Invalid date format")}),t!==void 0&&g.jsx(T.Button,{variant:"control",style:{alignSelf:"flex-start"},onClick:()=>n(void 0),children:g.jsx(ve.TimesCircleIcon,{})})]})}function I0e(e){const{t}=Ie(),[n,r]=b.useState("");let i=e.placeholder;if(!i)switch(e.comparison){case"contains":i=t("contains");break;case"startsWith":i=t("starts with");break;case"endsWith":i=t("ends with");break;case"equals":i=t("equals");break}return g.jsxs(T.InputGroup,{children:[g.jsx(T.InputGroupItem,{children:g.jsxs(T.TextInputGroup,{"data-cy":"text-input",style:{minWidth:220},children:[g.jsx(T.TextInputGroupMain,{id:e.id,value:n,onChange:(a,o)=>{r(typeof a=="string"?a:o)},onKeyUp:a=>{n&&a.key==="Enter"&&(e.addFilter(n),r(""))},placeholder:i}),n!==""&&g.jsx(T.TextInputGroupUtilities,{children:g.jsx(T.Button,{variant:"plain","aria-label":"clear filter",onClick:()=>r(""),style:{opacity:n?void 0:0},tabIndex:-1,children:g.jsx(ve.TimesIcon,{})})})]})}),g.jsx(T.InputGroupItem,{children:g.jsx(T.Button,{variant:n?"primary":"control","data-cy":"apply-filter","aria-label":"apply filter",onClick:()=>{e.addFilter(n),r("")},tabIndex:-1,isDisabled:!n,children:g.jsx(ve.ArrowRightIcon,{})})})]})}function HA(e){const{t}=Ie(),[n,r]=b.useState(e.value??"");let i=e.placeholder??"";if(!i)switch(e.comparison){case"contains":i=t("contains");break;case"startsWith":i=t("starts with");break;case"endsWith":i=t("ends with");break;case"equals":i=t("equals");break}const a=b.useCallback(Xy(o=>e.setValue(o),200),[]);return b.useEffect(()=>{e.hasKey||r("")},[e.hasKey]),g.jsx(T.InputGroup,{children:g.jsx(T.InputGroupItem,{children:g.jsxs(T.TextInputGroup,{"data-cy":"text-input",style:{minWidth:220},children:[g.jsx(T.TextInputGroupMain,{id:e.id,value:n,onChange:(o,s)=>{typeof o=="string"?(r(o),a(o)):(r(s),a(s))},placeholder:i}),n!==""&&g.jsx(T.TextInputGroupUtilities,{children:g.jsx(T.Button,{variant:"plain","aria-label":"clear filter",onClick:()=>{r(""),e.setValue("")},style:{opacity:n?void 0:0},tabIndex:-1,children:g.jsx(ve.TimesIcon,{})})})]})})})}function Zy(e){const[t,n]=b.useState(!1),r=o=>{n(!t)},{activeGroup:i,setActiveGroup:a}=b.useContext(GA);return b.useEffect(()=>{t&&a(e.id)},[t,a,e.id]),b.useEffect(()=>{i!==e.id&&n(!1)},[i,e.id]),g.jsx(T.ToolbarToggleGroup,{...e,isExpanded:t,onToggle:r})}const GA=b.createContext({activeGroup:"",setActiveGroup:()=>{}});var qA=(e=>(e[e.SingleText=0]="SingleText",e[e.MultiText=1]="MultiText",e[e.SingleSelect=2]="SingleSelect",e[e.MultiSelect=3]="MultiSelect",e[e.DateRange=4]="DateRange",e[e.AsyncSingleSelect=5]="AsyncSingleSelect",e[e.AsyncMultiSelect=6]="AsyncMultiSelect",e))(qA||{});function YA(e){var l;const{toolbarFilters:t,filterState:n,setFilterState:r}=e,[i,a]=b.useState(()=>t&&(t==null?void 0:t.length)>0?t[0].key:""),o=t==null?void 0:t.find(c=>c.key===i);if(!o)return g.jsx(g.Fragment,{});if(!t)return g.jsx(g.Fragment,{});if(t.length===0)return g.jsx(g.Fragment,{});let s=t.length===1;return t.length>=1&&t[0].type===2&&t[0].isPinned&&(n[t[0].key]===void 0||((l=n[t[0].key])==null?void 0:l.length)===0)&&(s=!1),g.jsx(g.Fragment,{children:t.length===1?g.jsxs(T.ToolbarItem,{children:[s&&g.jsx("div",{style:{marginTop:6,marginRight:6,whiteSpace:"nowrap"},children:t[0].label}),g.jsx(XA,{id:"filter-input",filter:o,filterState:n,setFilterState:r,"data-cy":o,limitFiltersToOneOrOperation:e.limitFiltersToOneOrOperation})]}):g.jsxs(T.ToolbarItem,{children:[g.jsx(Fi,{id:"filter",value:i,onSelect:a,icon:g.jsx(ve.FilterIcon,{}),options:t.map(c=>({label:c.label,value:c.key})),placeholder:"","data-cy":o,disableSortOptions:!0,isRequired:!0}),g.jsx(XA,{id:"filter-input",filter:o,filterState:n,setFilterState:r,"data-cy":o,limitFiltersToOneOrOperation:e.limitFiltersToOneOrOperation})]})})}function KA(e){const{toolbarFilters:t,setFilterState:n,filterState:r}=e,[i]=Pt(),a=!rn("md");if(!t)return g.jsx(g.Fragment,{});if(t.length===0)return g.jsx(g.Fragment,{});const o=t.filter(l=>!l.isPinned),s=t.filter(l=>!!l.isPinned);return g.jsx(Zy,{toggleIcon:g.jsx(ve.FilterIcon,{}),breakpoint:"md",id:"filters",children:g.jsxs(T.ToolbarGroup,{variant:"button-group",style:{flexWrap:"wrap",gap:8},children:[a&&g.jsx(T.ToolbarItem,{variant:"label",children:i.filter}),g.jsx(YA,{toolbarFilters:o,setFilterState:n,filterState:r,limitFiltersToOneOrOperation:e.limitFiltersToOneOrOperation}),s==null?void 0:s.map(l=>g.jsx(YA,{toolbarFilters:[l],setFilterState:n,filterState:r,limitFiltersToOneOrOperation:e.limitFiltersToOneOrOperation},l.key)),t==null?void 0:t.map(l=>{const c=(r==null?void 0:r[l.key])||[];return l.isPinned&&l.type===2||l.isPinned&&l.type===4?null:g.jsx(T.ToolbarFilter,{categoryName:l.label,chips:[...c.map(u=>{var f,d;switch(l.type){case 2:case 3:case 4:return((d=(f=l.options)==null?void 0:f.find(h=>h.value===u))==null?void 0:d.label)??u;case 5:case 6:return{key:u,node:l.queryLabel(u)};default:return u}})],deleteChip:(u,f)=>{n==null||n(d=>{var m;const h={...d};switch(f=typeof f=="string"?f:f.key,l.type){case 2:case 3:case 4:f=((m=l.options.find(v=>v.label===f))==null?void 0:m.value)??f;break}let p=d[l.key];return p&&(p=p.filter(v=>v!==f),p.length===0?delete h[l.key]:h[l.key]=p),h})},deleteChipGroup:()=>{n==null||n(u=>{const f={...u};return delete f[l.key],f})},showToolbarItem:!1,children:g.jsx(g.Fragment,{})},l.label)})]})})}function XA(e){const{filter:t,filterState:n,setFilterState:r}=e,i=n==null?void 0:n[t.key],a=b.useCallback(l=>{r(c=>{const u={...c},f=u[t.key]??[];return u[t.key]=l(f),u})},[t.key,r]),o=b.useCallback(l=>{r(c=>{const u={...c},f=u[t.key]??[];return u[t.key]=[...f,l],u})},[t.key,r]);let s=!1;if(n)for(const l in n){if(l===t.key)continue;const c=n[l];if(c&&(c==null?void 0:c.length)>=2){s=!0;break}}switch(t.type){case 0:return g.jsx(HA,{id:e.id??t.key,placeholder:t.placeholder,comparison:t.comparison,setValue:l=>a(()=>l?[l]:[]),value:i&&(i==null?void 0:i.length)>0?i[0]:"",hasKey:!!(n!=null&&n[t.key])},t.key);case 1:return s&&e.limitFiltersToOneOrOperation?g.jsx(HA,{id:e.id??t.key,placeholder:t.placeholder,comparison:t.comparison,setValue:l=>a(()=>l?[l]:[]),value:i&&(i==null?void 0:i.length)>0?i[0]:"",hasKey:!!(n!=null&&n[t.key])},t.key):g.jsx(I0e,{id:e.id??t.key,addFilter:o,placeholder:t.placeholder,comparison:t.comparison},t.key);case 2:return g.jsx(Fi,{id:e.id??t.key,placeholder:t.placeholder,value:i&&(i==null?void 0:i.length)>0?i[0]:"",onSelect:l=>a(()=>[l]),options:t.options,isRequired:t.isRequired||!t.isPinned,disableSortOptions:t.disableSortOptions},t.key);case 5:return g.jsx(UA,{id:e.id??t.key,value:i&&(i==null?void 0:i.length)>0?i[0]:"",onSelect:l=>a(()=>[l]),placeholder:t.placeholder||"",queryOptions:t.queryOptions,queryErrorText:t.queryErrorText,queryPlaceholder:t.queryPlaceholder,isRequired:t.isRequired,footer:t.openBrowse?g.jsx(VA.Consumer,{children:l=>g.jsx(T.Button,{variant:"link",onClick:()=>{var c;l.setOpen(!1),(c=t.openBrowse)==null||c.call(t,u=>a(()=>[u]),i&&i.length>0?i[0]:void 0)},children:"Browse"})}):void 0,queryLabel:t.queryLabel,disableSortOptions:t.disableSortOptions},t.key);case 6:return s&&e.limitFiltersToOneOrOperation?g.jsx(UA,{id:e.id??t.key,value:i&&(i==null?void 0:i.length)>0?i[0]:"",onSelect:l=>a(()=>[l]),placeholder:t.placeholder||"",queryOptions:t.queryOptions,queryErrorText:t.queryErrorText,queryPlaceholder:t.queryPlaceholder,isRequired:t.isRequired,footer:t.openBrowse?g.jsx(T.Button,{variant:"link",onClick:()=>{var l;(l=t.openBrowse)==null||l.call(t,c=>a(()=>[c.length?c[0]:""]),i&&i.length>0?i:void 0)},children:"Browse"}):void 0,queryLabel:t.queryLabel,disableSortOptions:t.disableSortOptions},t.key):g.jsx(k0e,{id:e.id??t.key,values:i,onSelect:a,placeholder:t.placeholder||"",queryOptions:t.queryOptions,queryErrorText:t.queryErrorText,queryPlaceholder:t.queryPlaceholder,footer:t.openBrowse?g.jsx(T.Button,{variant:"link",onClick:()=>{var l;(l=t.openBrowse)==null||l.call(t,c=>a(()=>c),i)},children:"Browse"}):void 0,variant:"count",disableClearSelection:!0,queryLabel:t.queryLabel,disableSortOptions:t.disableSortOptions},t.key);case 3:return s&&e.limitFiltersToOneOrOperation?g.jsx(Fi,{id:e.id??t.key,placeholder:t.placeholder,value:i&&(i==null?void 0:i.length)>0?i[0]:"",onSelect:l=>a(()=>[l]),options:t.options,disableSortOptions:t.disableSortOptions},t.key):g.jsx(RA,{id:e.id??t.key,placeholder:t.placeholder,values:i,onSelect:a,options:t.options,variant:"count",disableClearSelection:!0,disableSortOptions:t.disableSortOptions},t.key);case 4:return g.jsx($0e,{id:e.id??t.key,label:t.label,placeholder:t.placeholder??"",filterValues:i,setFilterValues:a,options:t.options,isRequired:t.isRequired,defaultValue:t.defaultValue},t.key)}}function L0e(e){const{sort:t,setSort:n,sortDirection:r,setSortDirection:i,sortOptions:a}=e,o=a==null?void 0:a.find(u=>u.value===t),s=o?o.type:void 0,[l]=Pt(),c=b.useMemo(()=>{switch(s){case"text":switch(r){case"asc":return g.jsx(ve.SortAlphaUpIcon,{});case"desc":return g.jsx(ve.SortAlphaDownAltIcon,{})}break;case"number":switch(r){case"asc":return g.jsx(ve.SortNumericUpIcon,{});case"desc":return g.jsx(ve.SortNumericDownAltIcon,{})}break;default:switch(r){case"asc":return g.jsx(ve.SortAmountUpIcon,{});case"desc":return g.jsx(ve.SortAmountDownIcon,{})}break}return g.jsx(g.Fragment,{})},[r,s]);return!a||a.length<=0?g.jsx(g.Fragment,{}):g.jsx(Zy,{breakpoint:"2xl",toggleIcon:c,id:"sort",children:g.jsxs(T.ToolbarGroup,{variant:"filter-group",style:{flexWrap:"wrap",gap:8},children:[g.jsx(T.ToolbarItem,{variant:"label",children:l.sort}),g.jsx(T.ToolbarItem,{children:g.jsxs(T.Split,{children:[g.jsx(N0e,{sortOptions:a,sort:t,setSort:n,setSortDirection:i}),g.jsx(T.Button,{variant:"control",icon:c,onClick:()=>{r==="asc"?i==null||i("desc"):i==null||i("asc")}})]})})]})})}function N0e(e){const{sortOptions:t,sort:n,setSort:r,setSortDirection:i}=e,a=b.useCallback(o=>{if(o){const s=t.find(l=>l.value===o);s&&n!==o&&s.defaultDirection&&(i==null||i(s.defaultDirection)),r==null||r(o)}},[t,r,i,n]);return g.jsx(Fi,{id:"toolbar-sort-select-expand",placeholder:"",value:n,onSelect:a,options:t.map(o=>({label:o.label,value:o.value})),isRequired:!0})}function F0e(e){return b.useMemo(()=>{const n=[];for(const r of e)if(r.sort){if(r.defaultSort){n.push({label:r.header,value:r.sort,type:"text",defaultDirection:r.defaultSortDirection});continue}switch(r.type){case"count":n.push({label:r.header,value:r.sort,type:"number",defaultDirection:r.defaultSortDirection});break;case"text":n.push({label:r.header,value:r.sort,type:"text",defaultDirection:r.defaultSortDirection});break;default:n.push({label:r.header,value:r.sort,defaultDirection:r.defaultSortDirection});break}}return n},[e])}function R0e(e){const{viewType:t,setViewType:n,openColumnModal:r}=e,[i]=Pt();let a=0;e.disableTableView||a++,e.disableCardView||a++,e.disableListView||a++;let o=g.jsx(ve.TableIcon,{});return t===et.Cards&&(o=g.jsx(ve.ThLargeIcon,{})),t===et.List&&(o=g.jsx(ve.ListIcon,{})),g.jsx(Zy,{breakpoint:"md",toggleIcon:o,id:"view",children:g.jsx(T.ToolbarGroup,{variant:"button-group",style:{justifyContent:"end",marginRight:0},children:g.jsx(T.ToolbarItem,{children:g.jsxs(T.Split,{hasGutter:!0,children:[r&&g.jsx(T.Tooltip,{content:i.manageColumns,children:g.jsx(T.Button,{variant:"plain",icon:g.jsx(ve.ColumnsIcon,{}),onClick:r})}),a>1&&g.jsx(T.ToggleGroup,{"data-cy":"table-view-toggle","aria-label":"table view toggle",children:[!e.disableTableView&&et.Table,!e.disableListView&&et.List,!e.disableCardView&&et.Cards].filter(s=>s).map(s=>{switch(s){case et.Cards:return g.jsx(T.ToggleGroupItem,{icon:g.jsx(ve.ThLargeIcon,{}),isSelected:t===et.Cards,onClick:()=>n==null?void 0:n(et.Cards),"aria-label":"card view","data-cy":"card-view"},"card-view");case et.List:return g.jsx(T.ToggleGroupItem,{icon:g.jsx(ve.ListIcon,{}),isSelected:t===et.List,onClick:()=>n==null?void 0:n(et.List),"aria-label":"list view","data-cy":"list-view"},"list-view");case et.Table:return g.jsx(T.ToggleGroupItem,{icon:g.jsx(ve.TableIcon,{}),isSelected:t===et.Table,onClick:()=>n==null?void 0:n(et.Table),"aria-label":"table view","data-cy":"table-view"},"table-view")}})})]})})})})}const z0e=Pe.div`
   display: flex;
   flex-grow: 1;
   justify-content: end;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "2.4.2035",
+  "version": "2.4.2037",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",