@theroutingcompany/components 0.0.43 → 0.0.44-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2345,7 +2345,7 @@ Valid keys: `+JSON.stringify(Object.keys(R),null," "));var Q=se(q,re,G,ie,le+".
|
|
|
2345
2345
|
color: ${p.color_black};
|
|
2346
2346
|
|
|
2347
2347
|
margin-top: ${p.spacing_100};
|
|
2348
|
-
`,eF=({label:e,value:t})=>ee(Se,{role:"group",children:[w(Ue,{htmlFor:`labeled-text-${e}`,color:p.color_gray_52,size:"medium",bold:!0,children:e}),w(QN,{id:`labeled-text-${e}`,children:t})]});function tF(e,t,r){const{disallowEmptySelection:n,isDisabled:o}=e,a=Qi({usage:"search",sensitivity:"base"}),i=c.useMemo(()=>new _l(t.collection,t.disabledKeys,null,a),[t.collection,t.disabledKeys,a]),{menuTriggerProps:l,menuProps:s}=Xd({isDisabled:o,type:"listbox"},t,r),d=v=>{if(t.selectionMode==="single")switch(v.key){case"ArrowLeft":{v.preventDefault();const $=t.selectedKeys.size>0?i.getKeyAbove(t.selectedKeys.values().next().value):i.getFirstKey();$&&t.setSelectedKeys([$]);break}case"ArrowRight":{v.preventDefault();const $=t.selectedKeys.size>0?i.getKeyBelow(t.selectedKeys.values().next().value):i.getFirstKey();$&&t.setSelectedKeys([$]);break}}},{typeSelectProps:u}=Yd({keyboardDelegate:i,selectionManager:t.selectionManager,onTypeSelect(v){t.setSelectedKeys([v])}}),{labelProps:f,fieldProps:m}=Yo({...e,labelElementType:"span"});u.onKeyDown=u.onKeyDownCapture,delete u.onKeyDownCapture;const h=At(e,{labelable:!0}),b=me(u,l,m),g=nt();return{labelProps:{...f,onClick:()=>{var v;e.isDisabled||((v=r.current)==null||v.focus(),vh("keyboard"))}},triggerProps:me(h,{...b,onKeyDown:mr(b.onKeyDown,d,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[b["aria-labelledby"],b["aria-label"]&&!b["aria-labelledby"]?b.id:null,g].filter(Boolean).join(" "),onFocus(v){t.isFocused||(e.onFocus&&e.onFocus(v),t.setFocused(!0))},onBlur(v){t.isOpen||(e.onBlur&&e.onBlur(v),t.setFocused(!1))}}),valueProps:{id:g},menuProps:{...s,disallowEmptySelection:n,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,onBlur:v=>{v.currentTarget.contains(v.relatedTarget)||(e.onBlur&&e.onBlur(v),t.setFocused(!1))},"aria-labelledby":[m["aria-labelledby"],b["aria-label"]&&!m["aria-labelledby"]?b.id:null].filter(Boolean).join(" ")}}}function rF(e){const{collection:t,disabledKeys:r,selectionManager:n,selectionManager:{setSelectedKeys:o,selectedKeys:a,selectionMode:i}}=ix(e),l=[],s=a.size!==0?Array.from(a).map(d=>{const u=t.getItem(d);return u||l.push(d),u}).filter(EE):null;return l.length&&console.warn(`Select: Keys "${l.join(", ")}" passed to "selectedKeys" are not present in the collection.`),{collection:t,disabledKeys:r,selectionManager:n,selectionMode:i,selectedKeys:a,setSelectedKeys:o.bind(n),selectedItems:s}}function nF(e){const[t,r]=c.useState(!1),n=Qd(e),o=rF({...e,onSelectionChange:a=>{e.onSelectionChange!=null&&(a==="all"?e.onSelectionChange(new Set(o.collection.getKeys())):e.onSelectionChange(a)),e.selectionMode==="single"&&n.close()}});return{...o,...n,close(){n.close()},open(){o.collection.size!==0&&n.open()},toggle(a){o.collection.size!==0&&n.toggle(a)},isFocused:t,setFocused:r}}const oF=A.default.span`
|
|
2348
|
+
`,eF=({label:e,value:t})=>ee(Se,{role:"group",children:[w(Ue,{htmlFor:`labeled-text-${e}`,color:p.color_gray_52,size:"medium",bold:!0,children:e}),w(QN,{id:`labeled-text-${e}`,title:e,children:t})]});function tF(e,t,r){const{disallowEmptySelection:n,isDisabled:o}=e,a=Qi({usage:"search",sensitivity:"base"}),i=c.useMemo(()=>new _l(t.collection,t.disabledKeys,null,a),[t.collection,t.disabledKeys,a]),{menuTriggerProps:l,menuProps:s}=Xd({isDisabled:o,type:"listbox"},t,r),d=v=>{if(t.selectionMode==="single")switch(v.key){case"ArrowLeft":{v.preventDefault();const $=t.selectedKeys.size>0?i.getKeyAbove(t.selectedKeys.values().next().value):i.getFirstKey();$&&t.setSelectedKeys([$]);break}case"ArrowRight":{v.preventDefault();const $=t.selectedKeys.size>0?i.getKeyBelow(t.selectedKeys.values().next().value):i.getFirstKey();$&&t.setSelectedKeys([$]);break}}},{typeSelectProps:u}=Yd({keyboardDelegate:i,selectionManager:t.selectionManager,onTypeSelect(v){t.setSelectedKeys([v])}}),{labelProps:f,fieldProps:m}=Yo({...e,labelElementType:"span"});u.onKeyDown=u.onKeyDownCapture,delete u.onKeyDownCapture;const h=At(e,{labelable:!0}),b=me(u,l,m),g=nt();return{labelProps:{...f,onClick:()=>{var v;e.isDisabled||((v=r.current)==null||v.focus(),vh("keyboard"))}},triggerProps:me(h,{...b,onKeyDown:mr(b.onKeyDown,d,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[b["aria-labelledby"],b["aria-label"]&&!b["aria-labelledby"]?b.id:null,g].filter(Boolean).join(" "),onFocus(v){t.isFocused||(e.onFocus&&e.onFocus(v),t.setFocused(!0))},onBlur(v){t.isOpen||(e.onBlur&&e.onBlur(v),t.setFocused(!1))}}),valueProps:{id:g},menuProps:{...s,disallowEmptySelection:n,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,onBlur:v=>{v.currentTarget.contains(v.relatedTarget)||(e.onBlur&&e.onBlur(v),t.setFocused(!1))},"aria-labelledby":[m["aria-labelledby"],b["aria-label"]&&!m["aria-labelledby"]?b.id:null].filter(Boolean).join(" ")}}}function rF(e){const{collection:t,disabledKeys:r,selectionManager:n,selectionManager:{setSelectedKeys:o,selectedKeys:a,selectionMode:i}}=ix(e),l=[],s=a.size!==0?Array.from(a).map(d=>{const u=t.getItem(d);return u||l.push(d),u}).filter(EE):null;return l.length&&console.warn(`Select: Keys "${l.join(", ")}" passed to "selectedKeys" are not present in the collection.`),{collection:t,disabledKeys:r,selectionManager:n,selectionMode:i,selectedKeys:a,setSelectedKeys:o.bind(n),selectedItems:s}}function nF(e){const[t,r]=c.useState(!1),n=Qd(e),o=rF({...e,onSelectionChange:a=>{e.onSelectionChange!=null&&(a==="all"?e.onSelectionChange(new Set(o.collection.getKeys())):e.onSelectionChange(a)),e.selectionMode==="single"&&n.close()}});return{...o,...n,close(){n.close()},open(){o.collection.size!==0&&n.open()},toggle(a){o.collection.size!==0&&n.toggle(a)},isFocused:t,setFocused:r}}const oF=A.default.span`
|
|
2349
2349
|
width: ${p.sizing_500};
|
|
2350
2350
|
height: ${p.sizing_600};
|
|
2351
2351
|
display: flex;
|