@planningcenter/tapestry-react 4.4.0 → 4.5.0-rc.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.
- package/dist/Input/InputBox.d.ts.map +1 -1
- package/dist/Input/InputBox.js +1 -1
- package/dist/PagerView/PagerView.d.ts.map +1 -1
- package/dist/PagerView/PagerView.js +1 -1
- package/dist/Select/Select.d.ts +4 -4
- package/dist/Select/Select.d.ts.map +1 -1
- package/dist/Select/Select.js +1 -1
- package/dist/Select/utils.d.ts +7 -1
- package/dist/Select/utils.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAOrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,UAAU,CAAC,EACP,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,WAAW,CAAC,EACR,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAGX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;
|
|
1
|
+
{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAOrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,UAAU,CAAC,EACP,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,WAAW,CAAC,EACR,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAGX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CAgNP;AAED,eAAe,QAAQ,CAAA"}
|
package/dist/Input/InputBox.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import n,{cloneElement as t,Component as i}from"react";import{tabbable as
|
|
1
|
+
import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import n,{cloneElement as t,Component as i}from"react";import{tabbable as a}from"tabbable";import{Box as s}from"../Box/Box.js";import{Button as l}from"../Button/Button.js";import{designTokens as u}from"../designTokens/index.js";import{useDocumentEvent as d}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import{getBoxSize as f}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import"../system/cxs.js";import b from"./InputContext.js";import{isTabbable as m,inputs as g}from"./utils.js";function h(e){var o=e.onEscape;return d("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(i){function d(e){var o=i.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return f(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var n=a(r);n.length>0&&(r=n[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){m(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(g[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(d,i),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,i=e.backgroundColor,a=void 0===i?"surface":i,d=e.children,f=e.disabled,m=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var x=e.readOnly,k=void 0!==x&&x,C=e.renderLeft,w=e.renderRight,S=e.secondaryStroke,P=void 0===S||S,F=e.size,z=e.state,B=e.subdued,I=e.tabIndex,R=void 0===I?-1:I,E=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),H=this.state,M=H.isFocused,L=H.isHovered,V=this.getBoxStyles(),N=V.boxSize,A=V.fontSize,T=V.lineHeight,W=V.paddingHorizontal,D={backgroundColor:a,fontSize:A,lineHeight:T,paddingVertical:V.paddingVertical,tabIndex:R,zIndex:M||L?2:1},U={},Z={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:N},_=C?N:W,q=w?N:W;return"pill"===E.radius||"pill-left"===E.radius?(D.paddingLeft=_,D.paddingRight=q):(E.radius,D.paddingLeft=_,D.paddingRight=q),(y||j)&&(D.paddingRight=N),k?D.backgroundColor=u.input.readOnlyBackgroundColor:B?D.backgroundColor=!f&&M?"highlightSecondary":!f&&L?z?"".concat(z,"-1"):"highlight":z?"".concat(z,"-0"):"surfaceTertiary":O||(P&&(D.boxShadow=!f&&M?"0px 0px 0px 2px var(--colors-separator-focus-secondary)":void 0),D.strokeAlign="inside",D.strokeWeight=1,D.stroke=!f&&M?z||"separatorFocus":z||(!f&&L?"separatorHover":"separatorSecondary")),g&&(D["aria-labelledby"]="".concat(g,"-label")),m&&(D.paddingLeft=D.paddingVertical,D.paddingRight=D.paddingVertical),v&&(D.spacing=m?D.paddingVertical:W),f?(U.cursor="not-allowed",D.tabIndex=void 0,U.opacity=.64):O||(L&&E.hover&&Object.assign(E,E.hover),M&&E.focus&&Object.assign(E,E.focus),E=r(r({},E),{focus:r({strokeAlign:"inside",strokeWeight:1},E.focus),hover:r({strokeAlign:"inside",strokeWeight:1},E.hover)})),n.createElement(b.Provider,{value:this},n.createElement(p,r({innerRef:this.setNode,id:g,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:N,radius:u.input.borderRadius,readOnly:k,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},D,E,U),C&&n.createElement(s,r({},Z,{left:0}),"function"==typeof C?C(F):t(C,{size:C.props&&C.props.size||F})),d,(y||j||w)&&n.createElement(s,r({},Z,{right:0}),y?n.createElement(c,{size:F}):j?n.createElement(l,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof w?w(F):w?t(w,{size:w.props&&w.props.size||F}):null),j&&n.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),d}(i);export{v as default};
|
|
2
2
|
//# sourceMappingURL=InputBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PagerView.d.ts","sourceRoot":"","sources":["../../src/PagerView/PagerView.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PagerView.d.ts","sourceRoot":"","sources":["../../src/PagerView/PagerView.tsx"],"names":[],"mappings":"AAeA,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAoCxD,KAAK,KAAK,GAAG;IAIX,eAAe,CAAC,EAAE,MAAM,CAAA;IAIxB,SAAS,CAAC,EAAE,OAAO,CAAA;IAInB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAIhC,OAAO,CAAC,EAAE,MAAM,CAAA;IAIhB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,KAAK,CAAC,CAAA;AAEvD,KAAK,cAAc,GAAG,KAAK,GAAG,cAAc,CAAA;AAE5C,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,eA+IvC;kBA/IQ,SAAS;;;;UAuJqC,OAAO,UAAU,IAAI;;AAA5E,wBAA8E"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r,__assign as e,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import{clamp as t}from"@popmotion/popcorn";import i,{createContext as o,Children as c,useRef as u,
|
|
1
|
+
import{__rest as r,__assign as e,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import{clamp as t}from"@popmotion/popcorn";import i,{createContext as o,Children as c,useRef as u,useCallback as a,useLayoutEffect as s,useContext as f}from"react";import l from"stylefire";import{tabbable as v}from"tabbable";import p from"tiny-spring";import{GridView as d}from"../GridView/GridView.js";import{useMeasure as m}from"../hooks/use-measure.js";import{StackView as w}from"../StackView/StackView.js";import{range as h}from"../utils.js";function g(r){var e=r.direction,n=void 0===e?1:e,t=r.multiplier,i=void 0===t?null:t,o=r.spacing,c=void 0===o?0:o,u=r.viewsToShow,a=void 0===u?1:u,s=100/a*n,f=((c*=8)-c/a)*n;return null!==i&&(s*=i,f=f*i-c*n*i),1===a&&0===c&&(f=0),{spacingSize:f,viewSize:s}}function S(r){var e=r.viewSize,n=r.spacingSize;return"calc(".concat(e,"% - ").concat(n,"px)")}var z=o((function(){}));function x(o){var f,x=o.axis,T=void 0===x?"horizontal":x,b=o.activeViewIndex,V=o.viewsToShow,y=void 0===V?1:V,E=o.viewsToMove,R=void 0===E?1:E,j=o.spacing,F=void 0===j?0:j,I=o.autoFocus,M=void 0!==I&&I,k=o.children,A=r(o,["axis","activeViewIndex","viewsToShow","viewsToMove","spacing","autoFocus","children"]),C="horizontal"===T,G=c.count(k),U=t(0,G-y,b*R),B=h(0,y).map((function(r){return U+r})),P="horizontal"===T?"height":"width",_=u(),q=u(),D=e({innerRef:_,overflow:"hidden"},A),H=u(),J=u(),K=m(),L=K[0];(0,K[1])((function(r){var e=r.map((function(r){return r.getBoundingClientRect()})),n=Math.max.apply(Math,B.map((function(r){var n=e[r];return n?n[P]:-1})));if(q.current){var t=p(q.current.get(P),{damping:50,stiffness:500});return t.onUpdate((function(r){return q.current.set(P,r)})),t.transitionTo(n),function(){return t.destroy()}}q.current=l(_.current),q.current.set(P,n),q.current.render()}),[b,y]);var N=a((function(){var r=v(H.current.children[U])[0];null==r||r.focus({preventScroll:!0})}),[U]);s((function(){M&&N()}),[]),s((function(){var r,e=C?"x":"y",n=g({direction:-1,multiplier:U,spacing:F,viewsToShow:y});if(J.current){var t=(r=J.current.get(e),parseFloat(r.includes("calc")?r.split("(")[1].split("%")[0]:r)),i=p(t,{damping:50,stiffness:500});return i.onUpdate((function(r){J.current.set(e,S({spacingSize:n.spacingSize,viewSize:r}))})),i.transitionTo(n.viewSize),i.onRest((function(){return M&&N()})),function(){return i.destroy()}}J.current=l(H.current),J.current.set(e,S(n)),J.current.render()}),[U,F,y]);var O=u([]);return s((function(){O.current.forEach((function(r){return r.tabIndex=0})),O.current=[];for(var r=0;r<G;r++){var e=v(H.current.children[r]);B.includes(r)||e.forEach((function(r){return r.tabIndex=-1})),O.current=n(n([],O.current,!0),e,!0)}}),[U,y]),i.createElement(w,e({},D),i.createElement(d,((f={alignment:C?"start":"stretch",autoFlow:C?"column":"row",innerRef:H,spacing:F})[C?"gridAutoColumns":"gridAutoRows"]=S(g({spacing:F,viewsToShow:y})),f),i.createElement(z.Provider,{value:L},k)))}x.View=function(r){var n=f(z)();return i.createElement(w,e({innerRef:n},r))};export{x as default};
|
|
2
2
|
//# sourceMappingURL=PagerView.js.map
|
package/dist/Select/Select.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { ItemList } from '../ItemList';
|
|
|
5
5
|
import Inline from './Inline';
|
|
6
6
|
import Option from './Option';
|
|
7
7
|
import OptionGroup from './OptionGroup';
|
|
8
|
-
import { toggleValue } from './utils';
|
|
8
|
+
import { SelectedOption, toggleValue } from './utils';
|
|
9
9
|
import Value from './Value';
|
|
10
10
|
type ValueBase = boolean | string | number | null | undefined;
|
|
11
11
|
type ValueFindFn = (item?: ValueBase) => boolean;
|
|
@@ -40,7 +40,7 @@ type Props<V extends Value | Value[], IsMultiple extends boolean = false> = {
|
|
|
40
40
|
placement?: Placement;
|
|
41
41
|
popoverProps?: object;
|
|
42
42
|
renderTo?: HTMLElement | string;
|
|
43
|
-
renderValue?: (
|
|
43
|
+
renderValue?: (items: SelectedOption<V>[]) => ReactNode;
|
|
44
44
|
tooltip?: Object;
|
|
45
45
|
value?: IsMultiple extends true ? V[] : V;
|
|
46
46
|
};
|
|
@@ -75,7 +75,7 @@ declare class Select<V extends Value | Value[] = Value | Value[], IsMultiple ext
|
|
|
75
75
|
state: {
|
|
76
76
|
isPopoverOpen: boolean;
|
|
77
77
|
isPopoverVisible: boolean;
|
|
78
|
-
selectedOptions:
|
|
78
|
+
selectedOptions: SelectedOption<V>[];
|
|
79
79
|
uncontrolledValue: any[] | (IsMultiple extends true ? V[] : V);
|
|
80
80
|
};
|
|
81
81
|
componentDidMount(): void;
|
|
@@ -88,7 +88,7 @@ declare class Select<V extends Value | Value[] = Value | Value[], IsMultiple ext
|
|
|
88
88
|
closePopover: () => void;
|
|
89
89
|
togglePopover: () => void;
|
|
90
90
|
setSelectedOptions(): void;
|
|
91
|
-
getSortedSelectedOptions(value: any):
|
|
91
|
+
getSortedSelectedOptions(value: any): SelectedOption<V>[];
|
|
92
92
|
getValue: () => any;
|
|
93
93
|
getHiddenInputValues: () => JSX.Element[];
|
|
94
94
|
getSelected: (item: any) => boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAInE,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAA;AAa1D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"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"}
|
package/dist/Select/Select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"lodash/isEqual";import i,{Component as l}from"react";import a from"../FocusGroup/FocusGroup.js";import u from"../Icon/Icon.js";import c from"../Input/Input.js";import p from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import m from"../Tooltip/Tooltip.js";import{joinChildren as b,generateId as v,isArray as g,isValueInArray as h,shallowEqual as O}from"../utils.js";import{SELECT_DISPLAY_NAME as y}from"./constants.js";import P from"./Context.js";import S from"./Inline.js";import w from"./Option.js";import j from"./OptionGroup.js";import{toggleValue as V,optionsToElements as I,getSelectedOptions as x,renderOptions as C}from"./utils.js";import L from"./Value.js";function k(e){return i.createElement(d,o({},e,{as:"ul"}))}var E=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:v("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{canSelectOption:{current:!1},multiple:e.props.multiple}}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen,isPopoverVisible:!1,selectedOptions:[],uncontrolledValue:void 0===e.props.defaultValue?e.props.multiple?[]:null:e.props.defaultValue}}),Object.defineProperty(e,"addUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect="none"}}),Object.defineProperty(e,"clearUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect=""}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(t){t&&(setTimeout((function(){e.contextValue.canSelectOption.current=!0}),300),setTimeout((function(){var t=e.state.selectedOptions;t.length>0&&e.itemList.scrollItemIntoViewByIndex(t[0].index)}))),e.setState({isPopoverOpen:!0,isPopoverVisible:t})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.contextValue.canSelectOption.current=!1,e.setState({isPopoverOpen:!1,isPopoverVisible:!1}),e.itemList&&e.itemList.clearHighlightedIndex()}}),Object.defineProperty(e,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.state.isPopoverVisible&&e.state.isPopoverOpen?e.closePopover():e.openPopover(!0)}}),Object.defineProperty(e,"getValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(e.state.selectedOptions.length>0){var t=e.isControlled()?e.props.value:e.state.uncontrolledValue;return e.props.renderValue(g(t)?e.getSortedSelectedOptions(t):e.state.selectedOptions)}return e.props.emptyValue}}),Object.defineProperty(e,"getHiddenInputValues",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.props.name,n=e.state.selectedOptions;return t&&n.length>0?n.map((function(e,n){return i.createElement("input",{key:n,name:t,type:"hidden",value:e.value})})):null}}),Object.defineProperty(e,"getSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props.value,o=e.state.uncontrolledValue;return e.isControlled()?"function"==typeof n?n(t):g(n)?h(n,t)>-1:n===t:g(o)?h(o,t)>-1:o===t}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props,o=n.multiple,r=n.value,i=t;e.isControlled()?g(r)&&(i=d.toggleValue(e.props.value,t)):(o&&(i=d.toggleValue(e.state.uncontrolledValue,t)),e.setState({uncontrolledValue:i},e.setSelectedOptions)),e.props.onChange&&e.props.onChange({selectedValue:t,value:i}),!o&&e.state.isPopoverVisible&&e.focusInput()}}),Object.defineProperty(e,"highlightFirstSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[0].index):e.itemList.moveHighlightedIndex(1,{contain:!0})}}),Object.defineProperty(e,"highlightLastSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[Math.max(0,t.length-1)].index):e.itemList.moveHighlightedIndex(-1,{contain:!0})}}),Object.defineProperty(e,"focusInput",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.input&&(e.contextValue.canSelectOption.current=!1,e.setState({isPopoverVisible:!1}),e.canCallFocus=!1,e.input.focus(),e.canCallFocus=!0)}}),e}return e(d,l),Object.defineProperty(d.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(d.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(d.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?I(this.props.options):this.props.children,t=x(e,this.getSelected);O(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&r(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(d.prototype,"getSortedSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return t([],this.state.selectedOptions,!0).sort((function(t,n){return h(e,t.value)-h(e,n.value)}))}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,r=t.children;t.defaultValue;var l=t.disabled;t.emptyValue;var d=t.innerRef;t.defaultOpen;var b=t.keepInView,v=t.lockScrollWhileOpen,g=t.matchWidths,h=t.multiple;t.name;var O=t.onBlur;t.onChange,t.onClick;var y=t.onFocus,S=t.onKeyDown,w=t.onMouseDown,j=t.onMouseUp,V=t.options,x=t.placement,L=t.popoverProps,E=t.renderTo;t.renderValue;var D=t.tooltip;t.value;var F=n(t,["children","defaultValue","disabled","emptyValue","innerRef","defaultOpen","keepInView","lockScrollWhileOpen","matchWidths","multiple","name","onBlur","onChange","onClick","onFocus","onKeyDown","onMouseDown","onMouseUp","options","placement","popoverProps","renderTo","renderValue","tooltip","value"]),U=this.state,H=U.isPopoverOpen,R=U.isPopoverVisible;return i.createElement(P.Provider,{value:this.contextValue},i.createElement(a,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,a=t.setRef;return i.createElement(p,{ref:function(t){return e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var p=t.getItemByText,P=t.getHighlightedIndex,U=t.moveHighlightedIndex,T=t.selectHighlightedItem,B=t.setHighlightedIndex,M=t.selectItemByIndex,W=t.stringSearch;return i.createElement(f,o({},L,{ref:function(t){e.popover=t},innerRef:function(t){a("".concat(e.id,"-popover"))(t)},as:k,tabIndex:-1,"aria-labelledby":e.id,"aria-multiselectable":h,role:"listbox",display:R?void 0:"none",minWidth:16,padding:0,elevation:2,matchWidths:g,lockScrollWhileOpen:!!R&&v,keepInView:b,placement:x,renderTo:E,open:H,onRequestClose:function(){return e.setState({isPopoverVisible:!1})},onBlur:n,onKeyDown:function(t){switch(t.key){case"ArrowUp":t.preventDefault(),R?U(-1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightLastSelectedOption()})));break;case"ArrowDown":t.preventDefault(),R?U(1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightFirstSelectedOption()})));break;case"Enter":R&&(t.preventDefault(),T());break;case"Escape":H&&!R&&(t.preventDefault(),e.closePopover());break;case" ":t.preventDefault(),null===P()?(e.togglePopover(),setTimeout((function(){e.highlightFirstSelectedOption()}))):R?T():e.openPopover(!0);break;default:W(t).then((function(e){var t=p(e);t&&(R?B(t.props.index):M(t.props.index))}))}},anchorElement:function(t){var r=l?{}:{onBlur:function(e){n(e),O&&O(e)},onFocus:function(t){e.canCallFocus&&e.openPopover(!1),y&&y(t)},onKeyDown:function(e){t.onKeyDown(e),S&&S(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),w&&w(t)},onMouseUp:function(t){e.canCallFocus=!0,j&&j(t)}};return i.createElement(s,null,(function(n){var p=n.getHighlightedItemId;return i.createElement(m,o({triggerOnHover:!R,triggerOnFocus:!R},D),i.createElement(c.InputBox,o({innerRef:function(n){"function"==typeof t.innerRef?t.innerRef(n):t.innerRef&&t.innerRef.current&&(t.innerRef.current=n),e.input=n,a("".concat(e.id,"-button"))(n),d&&d(n)},id:e.id,tabIndex:0,role:"combobox",disabled:l,"aria-disabled":l,"aria-haspopup":R,"aria-expanded":R,"aria-activedescendant":p(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:i.createElement(u,{name:R?"general.upCaret":"general.downCaret"})},F,r),e.getValue(),e.getHiddenInputValues()))}))}}),C(V?I(V):r))}))})))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:y}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{defaultOpen:!1,emptyValue:i.createElement(L,null,"Select an item"),lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return i.createElement(L,null,b(e.map((function(e){return e.children}))))}}}),d}(l);E.Inline=S,E.Option=w,E.OptionGroup=j,E.Value=L,E.toggleValue=V;export{E as default};
|
|
1
|
+
import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"lodash/isEqual";import i,{Component as l}from"react";import a from"../FocusGroup/FocusGroup.js";import u from"../Icon/Icon.js";import c from"../Input/Input.js";import p from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import m from"../Tooltip/Tooltip.js";import{joinChildren as b,generateId as v,isArray as g,isValueInArray as h,shallowEqual as O}from"../utils.js";import{SELECT_DISPLAY_NAME as y}from"./constants.js";import P from"./Context.js";import S from"./Inline.js";import w from"./Option.js";import j from"./OptionGroup.js";import{toggleValue as V,optionsToElements as I,getSelectedOptions as x,renderOptions as C}from"./utils.js";import L from"./Value.js";function k(e){return i.createElement(d,o({},e,{as:"ul"}))}var E=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:v("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{canSelectOption:{current:!1},multiple:e.props.multiple}}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen,isPopoverVisible:!1,selectedOptions:[],uncontrolledValue:void 0===e.props.defaultValue?e.props.multiple?[]:null:e.props.defaultValue}}),Object.defineProperty(e,"addUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect="none"}}),Object.defineProperty(e,"clearUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect=""}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(t){t&&(setTimeout((function(){e.contextValue.canSelectOption.current=!0}),300),setTimeout((function(){var t=e.state.selectedOptions;t.length>0&&e.itemList.scrollItemIntoViewByIndex(t[0].index)}))),e.setState({isPopoverOpen:!0,isPopoverVisible:t})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.contextValue.canSelectOption.current=!1,e.setState({isPopoverOpen:!1,isPopoverVisible:!1}),e.itemList&&e.itemList.clearHighlightedIndex()}}),Object.defineProperty(e,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.state.isPopoverVisible&&e.state.isPopoverOpen?e.closePopover():e.openPopover(!0)}}),Object.defineProperty(e,"getValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(e.state.selectedOptions.length>0){var t=e.isControlled()?e.props.value:e.state.uncontrolledValue;return e.props.renderValue(g(t)?e.getSortedSelectedOptions(t):e.state.selectedOptions)}return e.props.emptyValue}}),Object.defineProperty(e,"getHiddenInputValues",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.props.name,n=e.state.selectedOptions;return t&&n.length>0?n.map((function(e,n){return i.createElement("input",{key:n,name:t,type:"hidden",value:e.value.toString()})})):null}}),Object.defineProperty(e,"getSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props.value,o=e.state.uncontrolledValue;return e.isControlled()?"function"==typeof n?n(t):g(n)?h(n,t)>-1:n===t:g(o)?h(o,t)>-1:o===t}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props,o=n.multiple,r=n.value,i=t;e.isControlled()?g(r)&&(i=d.toggleValue(e.props.value,t)):(o&&(i=d.toggleValue(e.state.uncontrolledValue,t)),e.setState({uncontrolledValue:i},e.setSelectedOptions)),e.props.onChange&&e.props.onChange({selectedValue:t,value:i}),!o&&e.state.isPopoverVisible&&e.focusInput()}}),Object.defineProperty(e,"highlightFirstSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[0].index):e.itemList.moveHighlightedIndex(1,{contain:!0})}}),Object.defineProperty(e,"highlightLastSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[Math.max(0,t.length-1)].index):e.itemList.moveHighlightedIndex(-1,{contain:!0})}}),Object.defineProperty(e,"focusInput",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.input&&(e.contextValue.canSelectOption.current=!1,e.setState({isPopoverVisible:!1}),e.canCallFocus=!1,e.input.focus(),e.canCallFocus=!0)}}),e}return e(d,l),Object.defineProperty(d.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(d.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(d.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?I(this.props.options):this.props.children,t=x(e,this.getSelected);O(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&r(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(d.prototype,"getSortedSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return t([],this.state.selectedOptions,!0).sort((function(t,n){return h(e,t.value)-h(e,n.value)}))}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,r=t.children;t.defaultValue;var l=t.disabled;t.emptyValue;var d=t.innerRef;t.defaultOpen;var b=t.keepInView,v=t.lockScrollWhileOpen,g=t.matchWidths,h=t.multiple;t.name;var O=t.onBlur;t.onChange,t.onClick;var y=t.onFocus,S=t.onKeyDown,w=t.onMouseDown,j=t.onMouseUp,V=t.options,x=t.placement,L=t.popoverProps,E=t.renderTo;t.renderValue;var D=t.tooltip;t.value;var F=n(t,["children","defaultValue","disabled","emptyValue","innerRef","defaultOpen","keepInView","lockScrollWhileOpen","matchWidths","multiple","name","onBlur","onChange","onClick","onFocus","onKeyDown","onMouseDown","onMouseUp","options","placement","popoverProps","renderTo","renderValue","tooltip","value"]),U=this.state,H=U.isPopoverOpen,R=U.isPopoverVisible;return i.createElement(P.Provider,{value:this.contextValue},i.createElement(a,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,a=t.setRef;return i.createElement(p,{ref:function(t){return e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var p=t.getItemByText,P=t.getHighlightedIndex,U=t.moveHighlightedIndex,T=t.selectHighlightedItem,B=t.setHighlightedIndex,M=t.selectItemByIndex,W=t.stringSearch;return i.createElement(f,o({},L,{ref:function(t){e.popover=t},innerRef:function(t){a("".concat(e.id,"-popover"))(t)},as:k,tabIndex:-1,"aria-labelledby":e.id,"aria-multiselectable":h,role:"listbox",display:R?void 0:"none",minWidth:16,padding:0,elevation:2,matchWidths:g,lockScrollWhileOpen:!!R&&v,keepInView:b,placement:x,renderTo:E,open:H,onRequestClose:function(){return e.setState({isPopoverVisible:!1})},onBlur:n,onKeyDown:function(t){switch(t.key){case"ArrowUp":t.preventDefault(),R?U(-1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightLastSelectedOption()})));break;case"ArrowDown":t.preventDefault(),R?U(1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightFirstSelectedOption()})));break;case"Enter":R&&(t.preventDefault(),T());break;case"Escape":H&&!R&&(t.preventDefault(),e.closePopover());break;case" ":t.preventDefault(),null===P()?(e.togglePopover(),setTimeout((function(){e.highlightFirstSelectedOption()}))):R?T():e.openPopover(!0);break;default:W(t).then((function(e){var t=p(e);t&&(R?B(t.props.index):M(t.props.index))}))}},anchorElement:function(t){var r=l?{}:{onBlur:function(e){n(e),O&&O(e)},onFocus:function(t){e.canCallFocus&&e.openPopover(!1),y&&y(t)},onKeyDown:function(e){t.onKeyDown(e),S&&S(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),w&&w(t)},onMouseUp:function(t){e.canCallFocus=!0,j&&j(t)}};return i.createElement(s,null,(function(n){var p=n.getHighlightedItemId;return i.createElement(m,o({triggerOnHover:!R,triggerOnFocus:!R},D),i.createElement(c.InputBox,o({innerRef:function(n){"function"==typeof t.innerRef?t.innerRef(n):t.innerRef&&t.innerRef.current&&(t.innerRef.current=n),e.input=n,a("".concat(e.id,"-button"))(n),d&&d(n)},id:e.id,tabIndex:0,role:"combobox",disabled:l,"aria-disabled":l,"aria-haspopup":R,"aria-expanded":R,"aria-activedescendant":p(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:i.createElement(u,{name:R?"general.upCaret":"general.downCaret"})},F,r),e.getValue(),e.getHiddenInputValues()))}))}}),C(V?I(V):r))}))})))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:y}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{defaultOpen:!1,emptyValue:i.createElement(L,null,"Select an item"),lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return i.createElement(L,null,b(e.map((function(e){return e.children}))))}}}),d}(l);E.Inline=S,E.Option=w,E.OptionGroup=j,E.Value=L,E.toggleValue=V;export{E as default};
|
|
2
2
|
//# sourceMappingURL=Select.js.map
|
package/dist/Select/utils.d.ts
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type SelectedOption<V> = {
|
|
2
|
+
children: any;
|
|
3
|
+
index: number;
|
|
4
|
+
text: string;
|
|
5
|
+
value: V;
|
|
6
|
+
};
|
|
7
|
+
export declare function getSelectedOptions<V>(children: any, selected: any): SelectedOption<V>[];
|
|
2
8
|
export declare function renderOptions(children: any): any;
|
|
3
9
|
export declare function optionsToElements(options: any): any;
|
|
4
10
|
export declare function toggleValue(collection: any, item: any): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Select/utils.tsx"],"names":[],"mappings":"AAeA,wBAAgB,kBAAkB,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Select/utils.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAA;AAExF,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,QAAQ,KAAA,EAAE,QAAQ,KAAA,uBA2CvD;AAED,wBAAgB,aAAa,CAAC,QAAQ,KAAA,OAsBrC;AAED,wBAAgB,iBAAiB,CAAC,OAAO,KAAA,OAaxC;AAED,wBAAgB,WAAW,CAAC,UAAU,KAAA,EAAE,IAAI,KAAA,OAc3C"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry-react",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.0-rc.0",
|
|
4
4
|
"description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
|
|
5
5
|
"author": "Front End Systems Engineering <frontend@pco.bz>",
|
|
6
6
|
"main": "./dist/index.js",
|