@planningcenter/tapestry-react 4.0.1 → 4.1.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/DataTable/DataTable.d.ts +2 -2
- package/dist/DataTable/DataTable.d.ts.map +1 -1
- package/dist/DataTable/hooks/useScrollShadows.d.ts.map +1 -1
- package/dist/DataTable/hooks/useScrollShadows.js +1 -1
- package/dist/DateField/DateField.d.ts +13 -9
- package/dist/DateField/DateField.d.ts.map +1 -1
- package/dist/DateField/DateField.js +1 -1
- package/dist/Dropdown/Dropdown.js +1 -1
- package/dist/Input/Input.d.ts.map +1 -1
- package/dist/Input/Input.js +1 -1
- package/dist/Radio/Radio.d.ts +5 -4
- package/dist/Radio/Radio.d.ts.map +1 -1
- package/dist/Select/Select.js +1 -1
- package/dist/TimeField/TimeField.d.ts +5 -2
- package/dist/TimeField/TimeField.d.ts.map +1 -1
- package/dist/TimeField/TimeField.js +1 -1
- package/package.json +4 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
|
2
2
|
import Pagination from '../Pagination';
|
|
3
3
|
export type Props<Data extends Record<string, any>> = {
|
|
4
4
|
accessibility?: {
|
|
@@ -9,7 +9,7 @@ export type Props<Data extends Record<string, any>> = {
|
|
|
9
9
|
canCollapseSubRows?: boolean;
|
|
10
10
|
columns?: Array<{
|
|
11
11
|
alwaysVisible?: boolean;
|
|
12
|
-
cell?: string | ((row: Data, data: Data[]) =>
|
|
12
|
+
cell?: string | ((row: Data, data: Data[]) => React.ReactNode);
|
|
13
13
|
header?: any;
|
|
14
14
|
footer?: any;
|
|
15
15
|
id?: string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollShadows.d.ts","sourceRoot":"","sources":["../../../src/DataTable/hooks/useScrollShadows.tsx"],"names":[],"mappings":"AAsCA,iBAAS,gBAAgB,CAAC,GAAG,KAAA,
|
|
1
|
+
{"version":3,"file":"useScrollShadows.d.ts","sourceRoot":"","sources":["../../../src/DataTable/hooks/useScrollShadows.tsx"],"names":[],"mappings":"AAsCA,iBAAS,gBAAgB,CAAC,GAAG,KAAA,eA8C5B;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t,{useRef as e,useState as r,useLayoutEffect as o,Fragment as n}from"react";import{interpolate as i}from"@popmotion/popcorn";import"mousetrap";import{useMeasure as s}from"../../hooks/use-measure.js";import{supportsPassiveEvents as l}from"../../utils.js";var a=i([0,.2],[0,1]),c=i([.8,1],[1,0]),
|
|
1
|
+
import t,{useRef as e,useState as r,useLayoutEffect as o,Fragment as n}from"react";import{interpolate as i}from"@popmotion/popcorn";import"mousetrap";import{useMeasure as s}from"../../hooks/use-measure.js";import{supportsPassiveEvents as l}from"../../utils.js";var a=i([0,.2],[0,1]),c=i([.8,1],[1,0]),u=!l||{capture:!0,passive:!1},f={width:10,position:"absolute",top:0,bottom:0,zIndex:30,pointerEvents:"none"};function p(t,e){return t&&e?t/e:0}function d(t){return"linear-gradient(".concat(90*t,"deg, transparent 4px, rgba(125, 125, 125, 0.15))")}function m(i){var l=e(),m=e(),v=r(!1),h=v[0],g=v[1],y=r(null),E=y[0],b=y[1],x=s(),N=x[0],W=x[1];return N(i),W((function(t){var e=t[0];e&&(g(e.scrollWidth>e.offsetWidth),b(e.scrollWidth-e.offsetWidth))}),[i.current]),o((function(){var t=i.current;function e(){!function(t){var e=t.leftNode,r=t.rightNode,o=t.offset,n=t.progress;e.style.left=o+"px",e.style.background=d(-1),e.style.opacity=a(n),r.style.right=o+"px",r.style.background=d(1),r.style.opacity=c(n)}({leftNode:l.current,rightNode:m.current,progress:p(t.scrollLeft,E),offset:0})}if(l.current&&m.current)return e(),t.addEventListener("scroll",e,u),function(){t.removeEventListener("scroll",e,u)}}),[E]),h&&t.createElement(n,null,t.createElement("div",{ref:l,style:f,"aria-hidden":!0}),t.createElement("div",{ref:m,style:f,"aria-hidden":!0}))}export{m as default};
|
|
2
2
|
//# sourceMappingURL=useScrollShadows.js.map
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import Calendar from '../Calendar';
|
|
3
|
+
import Input from '../Input/Input';
|
|
4
|
+
import Popover from '../Popover';
|
|
5
|
+
export type DateFieldProps = ComponentProps<typeof Input> & {
|
|
6
|
+
formatValue?: string;
|
|
7
|
+
defaultOpen?: boolean;
|
|
8
|
+
minDate?: Date;
|
|
9
|
+
maxDate?: Date;
|
|
10
|
+
onChange: (date: Date) => void;
|
|
11
|
+
placement?: string;
|
|
8
12
|
value: Date;
|
|
9
13
|
lockScrollWhileOpen?: boolean;
|
|
10
14
|
keepInView?: boolean;
|
|
11
|
-
calendarProps?:
|
|
12
|
-
popoverProps?:
|
|
15
|
+
calendarProps?: ComponentProps<typeof Calendar>;
|
|
16
|
+
popoverProps?: ComponentProps<typeof Popover>;
|
|
13
17
|
};
|
|
14
18
|
declare function DateField({ formatValue, defaultOpen, keepInView, lockScrollWhileOpen, minDate, maxDate, onChange, placement, value, ...props }: DateFieldProps): JSX.Element;
|
|
15
19
|
export default DateField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAKZ,cAAc,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,QAAQ,MAAM,aAAa,CAAA;AAGlC,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,OAAO,MAAM,YAAY,CAAA;AAMhC,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAI1D,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAK9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,KAAK,EAAE,IAAI,CAAA;IAKX,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;IAK/C,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,iBAAS,SAAS,CAAC,EACjB,WAA6B,EAC7B,WAAmB,EACnB,UAAU,EACV,mBAA0B,EAC1B,OAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,SAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,eAiKhB;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as
|
|
1
|
+
import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{useState as n,useRef as t,useCallback as a,useMemo as l}from"react";import i from"../Card/Card.js";import c from"../Calendar/Calendar.js";import u from"../FocusGroup/FocusGroup.js";import d from"../Icon/Icon.js";import s from"../Input/Input.js";import{Popover as m}from"../Popover/Popover.js";import{generateId as p}from"../utils.js";import{useThemeProps as f}from"../system/utils.js";import{useArrowKeysToNavigateCalendar as v}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as C}from"./useEditableDate.js";function h(h){var g=h.formatValue,k=void 0===g?"MMMM dd, yyyy":g,D=h.defaultOpen,j=void 0!==D&&D,y=h.keepInView,I=h.lockScrollWhileOpen,b=void 0===I||I,E=h.minDate,B=void 0===E?void 0:E,O=h.maxDate,P=void 0===O?void 0:O,V=h.onChange,w=h.placement,x=void 0===w?void 0:w,F=h.value,R=e(h,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),S=f("dateField",R),K=S.calendarProps;S.color;var M=S.popoverProps;S.sizes,S.thickness,S.trackColor;var q=e(S,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),z=n(j),T=z[0],W=z[1],G=p("datefield"),A=t(null),N=t(null),_=a((function(){var e,o=null===(e=N.current)||void 0===e?void 0:e.querySelector("input");(null==o?void 0:o.focus)&&o.focus()}),[]),H=a((function(){q.disabled||W(!0)}),[q.disabled]),J=a((function(){W(!1)}),[]),L=a((function(e){return!!e&&(!(B&&e<B)&&!(P&&e>P))}),[B,P]),Q=C({date:F,dateFormat:k,dateValidator:L,onChange:V}),U=Q.formattedDate,X=Q.setDate,Y=Q.clearKeyBuffer,Z=Q.invalidKeyBuffer,$=a((function(e){_(),X(e),J()}),[_,X,J]),ee=a((function(e){X(e)}),[X]),oe=v({date:F,calendarIsOpen:T,closeCalendar:J,openCalendar:H,onChange:X}),re=a((function(e){X(e.currentTarget.value)}),[X]),ne=a((function(){Y(),J()}),[Y,J]),te=l((function(){return Z?{color:"error-darker",backgroundColor:"error-lighter"}:{}}),[Z]);return r.createElement(u,{onBlur:ne},(function(e){var n=e.requestBlur,t=e.setRef;return r.createElement(m,o({},M,{ref:function(e){A.current=e},as:i,elevation:2,innerRef:function(e){A.current=e,t("".concat(G,"-popover"))(e)},keepInView:y,lockScrollWhileOpen:b,onBlur:n,onRequestClose:J,open:T,placement:x,tabIndex:-1,anchorElement:r.createElement(s,o({innerRef:function(e){N.current=e,t("".concat(G,"-input"))(e)},onBlur:n,onFocus:H,onChange:re,onKeyDown:oe,value:U,renderRight:r.createElement(d,{name:"general.calendar",color:"foregroundTertiary",onClick:H})},te,q))}),r.createElement(c,o({size:"sm"},K,{date:F,selected:F,minDate:B,maxDate:P,onDateSelect:$,onDateChange:ee})))}))}export{h as default};
|
|
2
2
|
//# sourceMappingURL=DateField.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import
|
|
1
|
+
import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as r,createElement as i,Component as l}from"react";import p from"../Button/Button.js";import a from"../FocusGroup/FocusGroup.js";import c from"../ItemList/ItemList.js";import u from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import s from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import{generateId as m,cloneChildren as d}from"../utils.js";import v,{ITEM_DISPLAY_NAME as b}from"./Item.js";import g,{LINK_DISPLAY_NAME as h}from"./Link.js";var O=function(l){function O(e){var o=l.call(this,e)||this;return Object.defineProperty(o,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onOpen&&o.props.onOpen(),o.setState({isPopoverOpen:!0})}}),Object.defineProperty(o,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClose&&o.props.onClose(),o.props.forceOpen||o.setState({isPopoverOpen:!1})}}),Object.defineProperty(o,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({preventBlur:!1}),o.state.isPopoverOpen?o.closePopover():o.openPopover()}}),Object.defineProperty(o,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(e,n){var t=n.node;o.props.closeOnSelect&&(o.itemList.clearHighlightedIndex(),o.closePopover(),o.popover.focusAnchor()),"A"===t.tagName&&"click"!==event.type?t.click():o.props.onSelect&&o.props.onSelect(e)}}),o.state={isPopoverOpen:e.defaultOpen||e.forceOpen,preventBlur:!1},o.id=m("dropdown"),o}return e(O,l),Object.defineProperty(O.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props;l.forceOpen,l.closeOnSelect;var p=l.children;l.as,l.defaultOpen;var m=l.innerRef,v=l.keepInView,g=l.lockScrollWhileOpen,O=l.matchWidths,P=l.onClick;l.onClose,l.onKeyDown,l.onOpen;var w=l.onSearch,y=l.placement,j=l.popoverProps,I=l.renderTo,S=l.triggerElement,k=o(l,["forceOpen","closeOnSelect","children","as","defaultOpen","innerRef","keepInView","lockScrollWhileOpen","matchWidths","onClick","onClose","onKeyDown","onOpen","onSearch","placement","popoverProps","renderTo","triggerElement"]),B=this.state.isPopoverOpen,R=!k.icon&&!k.title,C=-1;return t.createElement(a,{onBlur:this.closePopover},(function(o){var l=o.requestBlur,a=o.setRef;return t.createElement(c,{ref:function(o){return e.itemList=o},onSelect:e.handleSelect},(function(o){var c=o.getItemByText,L=o.moveHighlightedIndex,x=o.selectHighlightedItem,D=o.setHighlightedIndex,E=o.stringSearch;return t.createElement(f,n({},j,{as:s,ref:function(o){e.popover=o},innerRef:function(o){a("".concat(e.id,"-popover"))(o)},role:"menu",tabIndex:-1,elevation:2,display:Boolean(k.spinner)?"none":void 0,onBlur:l,matchWidths:O,keepInView:v,lockScrollWhileOpen:g,placement:y,renderTo:I,open:B,onRequestClose:function(){e.closePopover(),e.popover.focusAnchor()},anchorElement:function(o){return t.createElement(u,null,(function(p){var u,s=p.getHighlightedItemId,f=n(((u={innerRef:function(n){"function"==typeof o.innerRef?o.innerRef(n):o.innerRef&&o.innerRef.current&&(o.innerRef.current=n),a("".concat(e.id,"-button"))(n),m&&m(n)},"aria-activedescendant":s(),"aria-owns":s(),"aria-haspopup":!0,"aria-expanded":B})[R?"icon":"iconRight"]={name:B?"general.upCaret":"general.downCaret",size:"sm"},u.title=R?"arrow down":k.title,u.tabIndex=0,u.cursor=k.disabled?"not-allowed":"pointer",u.onBlur=function(o){e.state.preventBlur?e.setState({preventBlur:!1}):l(o)},u.onClick=function(o){e.togglePopover(),B||e.popover.focusAnchor(),P&&P(o)},u.onKeyDown=function(n){switch(o.onKeyDown(n),n.key){case"ArrowUp":n.preventDefault(),B?L(-1):(e.openPopover(),setTimeout((function(){L(-1)})));break;case"ArrowDown":n.preventDefault(),B?L(1):(e.openPopover(),setTimeout((function(){L(1)})));break;case"Enter":B&&(n.preventDefault(),x());break;case" ":n.preventDefault(),e.togglePopover();break;default:w?w(n):E(n).then((function(e){var o=c(e);o&&D(o.props.index)}))}},u.onMouseDown=function(){e.setState({preventBlur:!0})},u),k);return t.isValidElement(S)?r(S,f):i(S,f)}))}}),d(p,(function(e){return e.type.displayName===b||e.type.displayName===h?{index:++C}:{}})))}))}))}}),Object.defineProperty(O,"Item",{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(O,"Link",{enumerable:!0,configurable:!0,writable:!0,value:g}),Object.defineProperty(O,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{triggerElement:p,closeOnSelect:!0,defaultOpen:!1}}),O}(l);export{O as default};
|
|
2
2
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAIlD,IAAI,EAAE,MAAM,CAAA;IAKZ,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAA;IAK9C,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;IAK5C,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;IAE1C,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;IAK5C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,cAAM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IAEpC,YAAY,sBAEX;IAED,KAAK;IAIL,IAAI;IAIJ,MAAM;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAIlD,IAAI,EAAE,MAAM,CAAA;IAKZ,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAA;IAK9C,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;IAK5C,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;IAE1C,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;IAK5C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,cAAM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IAEpC,YAAY,sBAEX;IAED,KAAK;IAIL,IAAI;IAIJ,MAAM;CA8EP;;YAQS,aAAa;cACX,eAAe;gBACb,iBAAiB;gBACjB,iBAAiB;;AAJ/B,wBAKC"}
|
package/dist/Input/Input.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import l from"./InputBox.js";import a from"./InputField.js";import i from"./InputLabel.js";import u from"./Inline.js";var d=function(r){function i(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setInputNode",{enumerable:!0,configurable:!0,writable:!0,value:function(o){e.inputNode=o}}),e}return e(i,r),Object.defineProperty(i.prototype,"focus",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.focus()}}),Object.defineProperty(i.prototype,"blur",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.blur()}}),Object.defineProperty(i.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.backgroundColor,i=e.color,u=e.autoComplete,d=e.autoFocus,p=e.autoWidth,c=e.defaultValue,h=e.disabled,m=e.focus,
|
|
1
|
+
import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import l from"./InputBox.js";import a from"./InputField.js";import i from"./InputLabel.js";import u from"./Inline.js";var d=function(r){function i(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setInputNode",{enumerable:!0,configurable:!0,writable:!0,value:function(o){e.inputNode=o}}),e}return e(i,r),Object.defineProperty(i.prototype,"focus",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.focus()}}),Object.defineProperty(i.prototype,"blur",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.blur()}}),Object.defineProperty(i.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.backgroundColor,i=e.color,u=e.autoComplete,d=e.autoFocus,p=e.autoWidth,c=e.defaultValue,h=e.disabled,m=e.focus,s=e.hover,b=e.id,f=e.min,g=e.minLength,y=e.max,v=e.maxLength,C=e.name,I=e.onBlur,O=e.onChange,w=e.onFocus,x=e.onKeyDown,j=e.onKeyUp,F=e.placeholder,L=e.placeholderColor,K=e.readOnly,N=e.highlightOnInteraction,B=e.type,P=e.value,k=e.required,q=e["aria-label"],D=o(e,["backgroundColor","color","autoComplete","autoFocus","autoWidth","defaultValue","disabled","focus","hover","id","min","minLength","max","maxLength","name","onBlur","onChange","onFocus","onKeyDown","onKeyUp","placeholder","placeholderColor","readOnly","highlightOnInteraction","type","value","required","aria-label"]);return t.createElement(l,n({disabled:h,backgroundColor:r,color:i,focus:m,hover:s,readOnly:K},D),t.createElement(a,{"aria-label":q,cursor:h?"not-allowed":"text",width:"100%",textOverflow:"ellipsis",innerRef:this.setInputNode,backgroundColor:"transparent",color:"inherit",id:b,autoComplete:u,autoFocus:d,autoWidth:p,type:B,name:C,disabled:h,readOnly:K,highlightOnInteraction:N,placeholder:F,placeholderColor:L,defaultValue:c,min:f,minLength:g,max:y,maxLength:v,value:P,onChange:O,onFocus:w,onBlur:I,onKeyDown:x,onKeyUp:j,required:k}))}}),i}(r);d.Inline=u,d.InputBox=l,d.InputField=a,d.InputLabel=i;export{d as default};
|
|
2
2
|
//# sourceMappingURL=Input.js.map
|
package/dist/Radio/Radio.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
1
|
+
import React, { ReactNode, ComponentProps } from 'react';
|
|
2
|
+
import StackView from '../StackView';
|
|
3
|
+
export type RadioProps = ComponentProps<typeof StackView> & {
|
|
3
4
|
disabled?: boolean;
|
|
4
|
-
label?:
|
|
5
|
+
label?: ReactNode;
|
|
5
6
|
id?: string | number;
|
|
6
7
|
checked?: boolean;
|
|
7
8
|
name?: string;
|
|
8
|
-
value?:
|
|
9
|
+
value?: ComponentProps<'input'>['value'];
|
|
9
10
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
10
11
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
11
12
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAKd,OAAO,SAAS,MAAM,cAAc,CAAA;AAUpC,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI1D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,SAAS,CAAA;IAKjB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,IAAI,CAAC,EAAE,MAAM,CAAA;IAKb,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA;IAKxC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK7D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC7D,CAAA;AAID,QAAA,MAAM,KAAK,iGAYR,UAAU,KAAG,WA0Gf,CAAA;AAED,eAAe,KAAK,CAAA"}
|
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,{Component as i}from"react";import l from"../FocusGroup/FocusGroup.js";import a from"../Icon/Icon.js";import u from"../Input/Input.js";import c from"../ItemList/ItemList.js";import p from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import s from"../Menu/Menu.js";import{Popover as d}from"../Popover/Popover.js";import f from"../Tooltip/Tooltip.js";import{joinChildren as m,generateId as b,isArray as v,isFunction 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"./Value.js";import{toggleValue as w,optionsToElements as j,getSelectedOptions as V,renderOptions as I}from"./utils.js";import{isEqual as x}from"lodash";import C from"./Inline.js";import L from"./OptionGroup.js";import k from"./Option.js";function E(e){return r.createElement(s,o({},e,{as:"ul"}))}var D=function(i){function s(){var e=null!==i&&i.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:b("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{multiple:e.props.multiple,canSelectOption:{current:!1}}}),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(v(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 r.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()?g(n)?n(t):v(n)?h(n,t)>-1:n===t:v(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()?v(r)&&(i=s.toggleValue(e.props.value,t)):(o&&(i=s.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(s,i),Object.defineProperty(s.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(s.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(s.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(s.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(s.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?j(this.props.options):this.props.children,t=V(e,this.getSelected);O(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&x(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(s.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(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,i=t.children;t.defaultValue;var s=t.disabled;t.emptyValue;var m=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,V=t.onMouseUp,x=t.options,C=t.placement,L=t.popoverProps,k=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 r.createElement(P.Provider,{value:this.contextValue},r.createElement(l,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,l=t.setRef;return r.createElement(c,{ref:function(t){return e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var c=t.getItemByText,P=t.getHighlightedIndex,U=t.moveHighlightedIndex,T=t.selectHighlightedItem,B=t.setHighlightedIndex,M=t.selectItemByIndex,W=t.stringSearch;return r.createElement(d,o({},L,{ref:function(t){e.popover=t},innerRef:function(t){l("".concat(e.id,"-popover"))(t)},as:E,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:C,renderTo:k,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=c(e);t&&(R?B(t.props.index):M(t.props.index))}))}},anchorElement:function(t){var i=s?{}:{onFocus:function(t){e.canCallFocus&&e.openPopover(!1),y&&y(t)},onBlur:function(e){n(e),O&&O(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),w&&w(t)},onMouseUp:function(t){e.canCallFocus=!0,V&&V(t)},onKeyDown:function(e){t.onKeyDown(e),S&&S(e)}};return r.createElement(p,null,(function(n){var c=n.getHighlightedItemId;return r.createElement(f,o({triggerOnHover:!R,triggerOnFocus:!R},D),r.createElement(u.InputBox,o({innerRef:function(n){"function"==typeof t.innerRef?t.innerRef(n):t.innerRef&&t.innerRef.current&&(t.innerRef.current=n),e.input=n,l("".concat(e.id,"-button"))(n),m&&m(n)},id:e.id,tabIndex:0,role:"button",disabled:s,"aria-disabled":s,"aria-haspopup":R,"aria-expanded":R,"aria-activedescendant":c(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:r.createElement(a,{name:R?"general.upCaret":"general.downCaret"})},F,i),e.getValue(),e.getHiddenInputValues()))}))}}),I(x?j(x):i))}))})))}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:y}),Object.defineProperty(s,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{emptyValue:r.createElement(S,null,"Select an item"),defaultOpen:!1,lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return r.createElement(S,null,m(e.map((function(e){return e.children}))))}}}),s}(i);D.Inline=C,D.Option=k,D.OptionGroup=L,D.Value=S,D.toggleValue=w;export{D as default};
|
|
1
|
+
import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{Component as i}from"react";import l from"../FocusGroup/FocusGroup.js";import a from"../Icon/Icon.js";import u from"../Input/Input.js";import c from"../ItemList/ItemList.js";import p from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import s from"../Menu/Menu.js";import{Popover as d}from"../Popover/Popover.js";import f from"../Tooltip/Tooltip.js";import{joinChildren as m,generateId as b,isArray as v,isFunction 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"./Value.js";import{toggleValue as w,optionsToElements as j,getSelectedOptions as V,renderOptions as I}from"./utils.js";import{isEqual as x}from"lodash";import C from"./Inline.js";import L from"./OptionGroup.js";import k from"./Option.js";function E(e){return r.createElement(s,o({},e,{as:"ul"}))}var D=function(i){function s(){var e=null!==i&&i.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:b("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{multiple:e.props.multiple,canSelectOption:{current:!1}}}),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(v(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 r.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()?g(n)?n(t):v(n)?h(n,t)>-1:n===t:v(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()?v(r)&&(i=s.toggleValue(e.props.value,t)):(o&&(i=s.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(s,i),Object.defineProperty(s.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(s.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(s.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(s.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(s.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?j(this.props.options):this.props.children,t=V(e,this.getSelected);O(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&x(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(s.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(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,i=t.children;t.defaultValue;var s=t.disabled;t.emptyValue;var m=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,V=t.onMouseUp,x=t.options,C=t.placement,L=t.popoverProps,k=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 r.createElement(P.Provider,{value:this.contextValue},r.createElement(l,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,l=t.setRef;return r.createElement(c,{ref:function(t){return e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var c=t.getItemByText,P=t.getHighlightedIndex,U=t.moveHighlightedIndex,T=t.selectHighlightedItem,B=t.setHighlightedIndex,M=t.selectItemByIndex,W=t.stringSearch;return r.createElement(d,o({},L,{ref:function(t){e.popover=t},innerRef:function(t){l("".concat(e.id,"-popover"))(t)},as:E,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:C,renderTo:k,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=c(e);t&&(R?B(t.props.index):M(t.props.index))}))}},anchorElement:function(t){var i=s?{}:{onFocus:function(t){e.canCallFocus&&e.openPopover(!1),y&&y(t)},onBlur:function(e){n(e),O&&O(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),w&&w(t)},onMouseUp:function(t){e.canCallFocus=!0,V&&V(t)},onKeyDown:function(e){t.onKeyDown(e),S&&S(e)}};return r.createElement(p,null,(function(n){var c=n.getHighlightedItemId;return r.createElement(f,o({triggerOnHover:!R,triggerOnFocus:!R},D),r.createElement(u.InputBox,o({innerRef:function(n){"function"==typeof t.innerRef?t.innerRef(n):t.innerRef&&t.innerRef.current&&(t.innerRef.current=n),e.input=n,l("".concat(e.id,"-button"))(n),m&&m(n)},id:e.id,tabIndex:0,role:"combobox",disabled:s,"aria-disabled":s,"aria-haspopup":R,"aria-expanded":R,"aria-activedescendant":c(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:r.createElement(a,{name:R?"general.upCaret":"general.downCaret"})},F,i),e.getValue(),e.getHiddenInputValues()))}))}}),I(x?j(x):i))}))})))}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:y}),Object.defineProperty(s,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{emptyValue:r.createElement(S,null,"Select an item"),defaultOpen:!1,lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return r.createElement(S,null,m(e.map((function(e){return e.children}))))}}}),s}(i);D.Inline=C,D.Option=k,D.OptionGroup=L,D.Value=S,D.toggleValue=w;export{D as default};
|
|
2
2
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import Input from '../Input/Input';
|
|
3
|
+
import InputBox from '../Input/InputBox';
|
|
1
4
|
import { addHoursToTime, addMinutesToTime, addTimeToDate, getTimeFromDate } from './utils';
|
|
2
|
-
type TimeFieldProps = {
|
|
5
|
+
type TimeFieldProps = ComponentProps<typeof Input> & ComponentProps<typeof InputBox> & {
|
|
3
6
|
ignoredKeys?: string[];
|
|
4
7
|
interval?: number;
|
|
5
8
|
isIOS?: boolean;
|
|
6
9
|
max?: number;
|
|
7
10
|
min?: number;
|
|
8
|
-
onChange: (
|
|
11
|
+
onChange: (hoursAndMinutes: [number, number]) => void;
|
|
9
12
|
twelveHourClock?: boolean;
|
|
10
13
|
value: [number, number];
|
|
11
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/TimeField/TimeField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/TimeField/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAKZ,cAAc,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAKxC,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EAChB,MAAM,SAAS,CAAA;AAEhB,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAChD,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAKhC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,QAAQ,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IAKrD,eAAe,CAAC,EAAE,OAAO,CAAA;IAMzB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxB,CAAA;AASH,QAAA,MAAM,SAAS;iGAUZ,cAAc;;;;;CA4QhB,CAAA;AAOD,eAAe,SAAS,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import
|
|
1
|
+
import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import o,{useRef as t,useState as r,useEffect as i}from"react";import{Box as a}from"../Box/Box.js";import u from"../Input/Input.js";import l from"../Input/InputBox.js";import c from"../Input/InputField.js";import d from"../NumberField/NumberField.js";import{padNumber as m,noop as s}from"../utils.js";import{addHoursToTime as v,addMinutesToTime as f,addTimeToDate as p,getTimeFromDate as w}from"./utils.js";var y="undefined"!=typeof window&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),g=function(v){var f=v.ignoredKeys;v.interval;var p=v.isIOS,w=void 0!==p&&p;v.max,v.min;var g=v.onChange,h=v.twelveHourClock,A=void 0===h||h,k=v.value,M=e(v,["ignoredKeys","interval","isIOS","max","min","onChange","twelveHourClock","value"]),x=t(null),b=r(k[0]),I=b[0],C=b[1],D=r(k[1]),j=D[0],K=D[1],P=r(I<12?"AM":"PM"),T=P[0],B=P[1],E=r(A&&I>12?I-12:I),O=E[0],F=E[1],H=function(e){var n=I-e;A?n>12?(C(n),F(n-12)):n<=12&&n>0?(C(n),F(n)):0===n?(C(n),F(12)):(C(23),F(11)):n<0?(C(23),F(23)):(C(n),F(n))},L=function(e){var n=I+e;A?n>0&&n<=12?(C(n),F(n)):n>12&&n<24?(C(n),F(n-12)):(C(0),F(12)):n<24?(C(n),F(n)):(C(0),F(0))};return i((function(){B(I<12?"AM":"PM"),function(e){var n=e[0],o=e[1];g([n,o])}([I,j])}),[I,j]),y||w?o.createElement(u,n({},M,{type:"time",autoWidth:"".concat(I,":").concat(m(j,2)," ").concat(T),value:"".concat(m(I,2),":").concat(m(j,2)),onChange:function(e){var n=e.target.value.split(":"),o=n[0],t=n[1];o||t?(C(o),K(t)):(C(0),K(0))}})):o.createElement(l,n({ref:x,inline:!0},M),o.createElement(d,{"aria-label":"Hours",autoWidth:!1,fontVariantNumeric:"tabular-nums",grow:0,max:A?12:23,min:0,moveFocusOnMax:!0,onBlur:function(e){var n=parseInt(e.target.value);A?0===n?(C(0),F(12)):I<=12?(C(n),F(n)):12===n?(C(12),F(12)):(C(n+12),F(n)):(C(n),F(n))},onChange:function(e){F(e),!A&&C(e)},onKeyDown:function(e){var n;f&&f.includes(e.key)||("Backspace"===e.key&&e.preventDefault(),"ArrowRight"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[2]).focus(),"ArrowUp"===e.key&&L(1),"ArrowDown"===e.key&&H(1))},pad:2,textAlign:"center",value:O,width:"2ch",ignoredKeys:f}),o.createElement(a,{as:"span",width:.5,textAlign:"center",userSelect:"none"},":"),o.createElement(d,{"aria-label":"Minutes",autoWidth:!1,fontVariantNumeric:"tabular-nums",grow:0,max:59,min:0,moveFocusOnMax:!0,onChange:function(e){return K(parseInt(e,10))},onKeyDown:function(e){var n,o,t;"ArrowLeft"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[0]).focus(),"ArrowRight"===e.key&&(null===(o=x.current)||void 0===o?void 0:o.node.children[3]).focus(),"ArrowUp"===e.key&&((t=j+1)<=59?K(t):(K(0),L(1))),"ArrowDown"===e.key&&function(e){var n=j-e;n>=0?K(n):(K(59),H(1))}(1)},pad:2,textAlign:"center",value:j,width:"2ch",ignoredKeys:f}),A&&o.createElement(c,{"aria-label":"AM/PM",grow:0,highlightOnInteraction:!0,onChange:s,onKeyDown:function(e){var n;f&&f.includes(e.key)||("Tab"===e.key||e.metaKey&&"r"===e.key||e.preventDefault(),"ArrowLeft"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[2]).focus(),("a"===e.key.toLowerCase()&&"PM"===T||"p"===e.key.toLowerCase()&&"AM"===T||"ArrowUp"===e.key||"ArrowDown"===e.key)&&("AM"===T?(B("PM"),I>=0&&I<=12&&C(I+12)):(B("AM"),I>=12&&I<24&&C(I-12))))},textAlign:"center",value:T,width:"2em"}))};g.addHoursToTime=v,g.addMinutesToTime=f,g.addTimeToDate=p,g.getTimeFromDate=w;export{g as default};
|
|
2
2
|
//# sourceMappingURL=TimeField.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry-react",
|
|
3
|
-
"version": "4.0
|
|
3
|
+
"version": "4.1.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",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"@testing-library/react": "^12.1.4",
|
|
57
57
|
"@testing-library/react-hooks": "^8.0.1",
|
|
58
58
|
"@testing-library/user-event": "^13.1.9",
|
|
59
|
-
"@types/jest": "^
|
|
59
|
+
"@types/jest": "^29.0.0",
|
|
60
60
|
"@types/react": "^18.0.24",
|
|
61
61
|
"@types/react-dom": "^18.0.8",
|
|
62
62
|
"@typescript-eslint/eslint-plugin": "^6.9.1",
|
|
@@ -73,8 +73,9 @@
|
|
|
73
73
|
"figma-tools": "^0.2.4",
|
|
74
74
|
"husky": "^4.3.8",
|
|
75
75
|
"is-ci-cli": "^2.2.0",
|
|
76
|
-
"jest": "^
|
|
76
|
+
"jest": "^29.7.0",
|
|
77
77
|
"jest-canvas-mock": "^2.5.0",
|
|
78
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
78
79
|
"jest-watch-typeahead": "0.6.1",
|
|
79
80
|
"react": "^17.0.1",
|
|
80
81
|
"react-dom": "^17.0.1",
|