@planningcenter/tapestry-react 4.15.0 → 5.1.1

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.
Files changed (151) hide show
  1. package/dist/ActionsDropdown/ActionsDropdown.js +1 -1
  2. package/dist/Badge/Status.js +1 -1
  3. package/dist/Box/Box.d.ts +1 -41
  4. package/dist/Box/Box.d.ts.map +1 -1
  5. package/dist/Button/Button.js +1 -1
  6. package/dist/Button/Input.js +1 -1
  7. package/dist/Calendar/Calendar.js +1 -1
  8. package/dist/Calendar/Day.js +1 -1
  9. package/dist/Calendar/utils.js +1 -1
  10. package/dist/Card/Card.js +1 -1
  11. package/dist/Checkbox/Checkbox.js +1 -1
  12. package/dist/CheckboxGroup/CheckboxGroup.d.ts +3 -0
  13. package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  14. package/dist/CheckboxGroup/CheckboxGroup.js +1 -1
  15. package/dist/Collapse/Collapse.js +1 -1
  16. package/dist/ColumnView/ColumnView.js +1 -1
  17. package/dist/Combobox/ComboboxInput.js +1 -1
  18. package/dist/Combobox/ComboboxItem.js +1 -1
  19. package/dist/Combobox/ComboboxItems.d.ts.map +1 -1
  20. package/dist/Combobox/ComboboxItems.js +1 -1
  21. package/dist/Combobox/ComboboxPopover.js +1 -1
  22. package/dist/DataTable/DataTable.d.ts.map +1 -1
  23. package/dist/DataTable/DataTable.js +1 -1
  24. package/dist/DataTable/components/BodyRow.js +1 -1
  25. package/dist/DataTable/components/BodyRows.js +1 -1
  26. package/dist/DataTable/components/BodySubRows.js +1 -1
  27. package/dist/DataTable/components/CheckboxCell.js +1 -1
  28. package/dist/DataTable/components/ColumnPicker.js +1 -1
  29. package/dist/DataTable/hooks/useCollapsibleRows.js +1 -1
  30. package/dist/DataTable/hooks/useColumnSort.js +1 -1
  31. package/dist/DataTable/hooks/useColumnWidths.js +1 -1
  32. package/dist/DataTable/hooks/useRefManager.js +1 -1
  33. package/dist/DataTable/hooks/useScrollShadows.js +1 -1
  34. package/dist/DataTable/hooks/useScrollSync.js +1 -1
  35. package/dist/DataTable/hooks/useVariants.js +1 -1
  36. package/dist/DataTable/index.d.ts.map +1 -1
  37. package/dist/DataTable/index.js +1 -1
  38. package/dist/DataTable/utils/getParsedColumns.js +1 -1
  39. package/dist/DateField/DateField.d.ts +3 -0
  40. package/dist/DateField/DateField.d.ts.map +1 -1
  41. package/dist/DateField/DateField.js +1 -1
  42. package/dist/DateField/useArrowKeysToNavigateCalendar.js +1 -1
  43. package/dist/DateField/useEditableDate.js +1 -1
  44. package/dist/DragDrop/DragDrop.js +1 -1
  45. package/dist/Drawer/Drawer.js +1 -1
  46. package/dist/Dropdown/Dropdown.d.ts +3 -0
  47. package/dist/Dropdown/Dropdown.d.ts.map +1 -1
  48. package/dist/Dropdown/Dropdown.js +1 -1
  49. package/dist/Dropdown/Item.js +1 -1
  50. package/dist/Dropdown/Link.js +1 -1
  51. package/dist/EditActions/EditActions.js +1 -1
  52. package/dist/Field/Field.js +1 -1
  53. package/dist/FilterLayout/FilterLayout.js +1 -1
  54. package/dist/FocusGroup/FocusGroup.js +1 -1
  55. package/dist/Form/Form.js +1 -1
  56. package/dist/GridView/GridView.js +1 -1
  57. package/dist/Group/Group.js +1 -1
  58. package/dist/HelperDrawer/HelperDrawer.js +1 -1
  59. package/dist/Highlight/Highlight.js +1 -1
  60. package/dist/Icon/Icon.d.ts +0 -3
  61. package/dist/Icon/Icon.d.ts.map +1 -1
  62. package/dist/Icon/Path.d.ts +0 -3
  63. package/dist/Icon/Path.d.ts.map +1 -1
  64. package/dist/Icon/Status.d.ts +0 -3
  65. package/dist/Icon/Status.d.ts.map +1 -1
  66. package/dist/Input/InputBox.js +1 -1
  67. package/dist/Input/InputField.js +1 -1
  68. package/dist/Input/InputLabel.js +1 -1
  69. package/dist/ItemList/ItemList.js +1 -1
  70. package/dist/ItemList/ItemListController.js +1 -1
  71. package/dist/ItemList/ItemListItem.js +1 -1
  72. package/dist/LinkList/LinkList.js +1 -1
  73. package/dist/List/List.js +1 -1
  74. package/dist/Logo/Logo.js +1 -1
  75. package/dist/Logo/Logo.test.d.ts +2 -0
  76. package/dist/Logo/Logo.test.d.ts.map +1 -0
  77. package/dist/Modal/Modal.d.ts +3 -0
  78. package/dist/Modal/Modal.d.ts.map +1 -1
  79. package/dist/Modal/Modal.js +1 -1
  80. package/dist/NumberField/NumberField.js +1 -1
  81. package/dist/PagerView/PagerView.js +1 -1
  82. package/dist/Pagination/Pagination.js +1 -1
  83. package/dist/Popover/Popover.js +1 -1
  84. package/dist/Portal/Portal.js +1 -1
  85. package/dist/Radio/Radio.js +1 -1
  86. package/dist/RangeSlider/RangeSlider.js +1 -1
  87. package/dist/Scrim/Scrim.js +1 -1
  88. package/dist/SegmentedControl/SegmentedControl.js +1 -1
  89. package/dist/SegmentedTabs/SegmentedTabs.js +1 -1
  90. package/dist/Select/Option.d.ts +3 -0
  91. package/dist/Select/Option.d.ts.map +1 -1
  92. package/dist/Select/Option.js +1 -1
  93. package/dist/Select/OptionGroup.d.ts +3 -0
  94. package/dist/Select/OptionGroup.d.ts.map +1 -1
  95. package/dist/Select/Select.js +1 -1
  96. package/dist/Select/Value.d.ts +3 -0
  97. package/dist/Select/Value.d.ts.map +1 -1
  98. package/dist/Select/utils.js +1 -1
  99. package/dist/Sidebar/Sidebar.js +1 -1
  100. package/dist/Sortable/SortableItem.js +1 -1
  101. package/dist/Sortable/SortableList.js +1 -1
  102. package/dist/StackView/StackView.d.ts.map +1 -1
  103. package/dist/StepperProgress/Step.js +1 -1
  104. package/dist/StepperProgress/StepperProgress.js +1 -1
  105. package/dist/TabNav/TabNav.js +1 -1
  106. package/dist/Table/AnimateScroll.js +1 -1
  107. package/dist/Table/BodyRow.js +1 -1
  108. package/dist/Table/ColumnPicker.js +1 -1
  109. package/dist/Table/Table.js +1 -1
  110. package/dist/Table/TableBase.js +1 -1
  111. package/dist/Tabs/TabList.js +1 -1
  112. package/dist/Tabs/Tabs.js +1 -1
  113. package/dist/Text/Text.d.ts.map +1 -1
  114. package/dist/ThemeProvider/ThemeProvider.js +1 -1
  115. package/dist/ThemeProvider/styles.js +1 -1
  116. package/dist/TimeField/TimeField.js +1 -1
  117. package/dist/TokenInput/TokenInput.d.ts.map +1 -1
  118. package/dist/TokenInput/TokenInput.js +1 -1
  119. package/dist/Toolbar/Toolbar.js +1 -1
  120. package/dist/Tooltip/Tooltip.js +1 -1
  121. package/dist/VariantProvider/VariantProvider.js +1 -1
  122. package/dist/Wizard/Step.js +1 -1
  123. package/dist/Wizard/Wizard.js +1 -1
  124. package/dist/ext/resize-observer-polyfill/dist/ResizeObserver.es.js +1 -1
  125. package/dist/ext/tslib/tslib.es6.js +1 -1
  126. package/dist/hooks/use-accessibility-violation.js +1 -1
  127. package/dist/hooks/use-document-event.js +1 -1
  128. package/dist/hooks/use-keyboard-shortcuts.js +1 -1
  129. package/dist/hooks/use-measure.js +1 -1
  130. package/dist/hooks/use-media-query.js +1 -1
  131. package/dist/hooks/use-roving-index.js +1 -1
  132. package/dist/system/colors/colors.d.ts +3 -19
  133. package/dist/system/colors/colors.d.ts.map +1 -1
  134. package/dist/system/colors/colors.js +1 -1
  135. package/dist/system/colors/utils.js +1 -1
  136. package/dist/system/cxs.js +1 -1
  137. package/dist/system/default-theme.d.ts +1 -6
  138. package/dist/system/default-theme.d.ts.map +1 -1
  139. package/dist/system/default-theme.js +1 -1
  140. package/dist/system/parse-styles.js +1 -1
  141. package/dist/system/plugins/color.js +1 -1
  142. package/dist/system/plugins/size.js +1 -1
  143. package/dist/system/split-styles.js +1 -1
  144. package/dist/system/use-css.js +1 -1
  145. package/dist/system/utils.js +1 -1
  146. package/dist/utils.js +1 -1
  147. package/dist/vendor/react-measure/Measure.js +1 -1
  148. package/dist/vendor/react-measure/Viewport.js +1 -1
  149. package/package.json +3 -3
  150. package/dist/Logo/ Logo.test.d.ts +0 -2
  151. package/dist/Logo/ Logo.test.d.ts.map +0 -1
@@ -1,2 +1,2 @@
1
- import{useRef as r,useCallback as t,useLayoutEffect as n}from"react";import{enableSafariScrollPropagation as e}from"../../utils.js";function c(){for(var c=[],o=0;o<arguments.length;o++)c[o]=arguments[o];var u=r(void 0),i=t((function(r){var t=c.filter((function(t){return t.current!==r.target})),n=r.target.scrollLeft;clearTimeout(u.current),t.forEach((function(r){a(r),r.current.style.willChange="scroll-position",r.current.scrollLeft=n})),u.current=setTimeout((function(){t.forEach((function(r){f(r),r.current.style.willChange=""}))}),120)}),[c]),f=t((function(r){r.current.addEventListener("scroll",i,{passive:!0})}),[i]),a=t((function(r){r.current.removeEventListener("scroll",i,{passive:!0})}),[i]);n((function(){c.forEach(f);var r=[];return c.forEach((function(t){t.current&&r.push(e(t.current))})),function(){clearTimeout(u.current),c.forEach(a),r.forEach((function(r){return r()}))}}),[])}export{c as default};
1
+ import{useRef as r,useCallback as t,useLayoutEffect as n}from"react";import{enableSafariScrollPropagation as e}from"../../utils.js";function c(){for(var c=[],o=0;o<arguments.length;o++)c[o]=arguments[o];var u=r(void 0),i=t(function(r){var t=c.filter(function(t){return t.current!==r.target}),n=r.target.scrollLeft;clearTimeout(u.current),t.forEach(function(r){a(r),r.current.style.willChange="scroll-position",r.current.scrollLeft=n}),u.current=setTimeout(function(){t.forEach(function(r){f(r),r.current.style.willChange=""})},120)},[c]),f=t(function(r){r.current.addEventListener("scroll",i,{passive:!0})},[i]),a=t(function(r){r.current.removeEventListener("scroll",i,{passive:!0})},[i]);n(function(){c.forEach(f);var r=[];return c.forEach(function(t){t.current&&r.push(e(t.current))}),function(){clearTimeout(u.current),c.forEach(a),r.forEach(function(r){return r()})}},[])}export{c as default};
2
2
  //# sourceMappingURL=useScrollSync.js.map
@@ -1,2 +1,2 @@
1
- import{__spreadArray as r}from'./../../ext/tslib/tslib.es6.js';import{defaultVariant as t}from"../utils/variants.js";function n(n){var o=r([t],(Array.isArray(n)?n:[n]).filter(Boolean),!0);return function(r,t){return o.map((function(n){return"function"==typeof n[r]?n[r](t):n[r]}))}}export{n as default};
1
+ import{__spreadArray as r}from'./../../ext/tslib/tslib.es6.js';import{defaultVariant as t}from"../utils/variants.js";function n(n){var o=r([t],(Array.isArray(n)?n:[n]).filter(Boolean),!0);return function(r,t){return o.map(function(n){return"function"==typeof n[r]?n[r](t):n[r]})}}export{n as default};
2
2
  //# sourceMappingURL=useVariants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataTable/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAc,GAAG,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAUlC,QAAA,MAAM,mBAAmB;UAJf,IAAI,WAAW,yBAAyB,CAAC,CAAC;MAE/C,WAAW,gBAAgB,CAAC;kBAGjB,mBAAmB;kBACnB,mBAAmB;cACvB,eAAe;CAC1B,CAAA;AAMD,eAAe,mBAAmB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataTable/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAc,GAAG,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAUlC,QAAA,MAAM,mBAAmB,0CALhB,MAAM,CAAC,CAAC,GAAG;IAChB,GAAG,CAAC,EAAE,IAAI,WAAW,yBAAyB,CAAC,CAAC,CAAA;CACjD,KACE,WAAW,gBAAgB,CAAC;kBAGjB,mBAAmB;kBACnB,mBAAmB;cACvB,eAAe;CAC1B,CAAA;AAMD,eAAe,mBAAmB,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__assign as o}from'./../ext/tslib/tslib.es6.js';import t,{forwardRef as r}from"react";import"../DragDrop/DragDrop.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import"../VariantProvider/VariantProvider.js";import"../Icon/Icon.js";import"../Tooltip/Tooltip.js";import"./hooks/useCollapsibleRows.js";import{variants as s}from"./utils/variants.js";import"mousetrap";import"../hooks/use-measure.js";import e from"./components/CheckboxCell.js";import m from"./components/ColumnPicker.js";import i from"./DataTable.js";var p=r((function(r,s){return t.createElement(i,o({dataTableRef:s},r))}));p.CheckboxCell=e,p.ColumnPicker=m,p.variants=s;export{p as default};
1
+ import{__assign as o}from'./../ext/tslib/tslib.es6.js';import t,{forwardRef as r}from"react";import"../DragDrop/DragDrop.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import"../VariantProvider/VariantProvider.js";import"../Icon/Icon.js";import"../Tooltip/Tooltip.js";import"./hooks/useCollapsibleRows.js";import{variants as s}from"./utils/variants.js";import"mousetrap";import"../hooks/use-measure.js";import e from"./components/CheckboxCell.js";import m from"./components/ColumnPicker.js";import i from"./DataTable.js";var p=r(function(r,s){return t.createElement(i,o({dataTableRef:s},r))});p.CheckboxCell=e,p.ColumnPicker=m,p.variants=s;export{p as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as e}from'./../../ext/tslib/tslib.es6.js';import t from"react";import{Box as n}from"../../Box/Box.js";import r from"../../Icon/Icon.js";import o from"../../Tooltip/Tooltip.js";import{useCollapsibleRowsStore as l,useAnySubRowsOpen as a,useSubRowOpen as i}from"../hooks/useCollapsibleRows.js";var s={" &:focus ":{outline:0}," &:hover ":{backgroundColor:"highlight"},alignItems:"center",alignSelf:"center",appearance:"none",backgroundColor:"hsla(0, 0%, 0%, 0)",border:"none",borderRadius:3,cursor:"pointer",display:"flex",fill:"foreground",justifyContent:"center",margin:0,padding:1};function c(e){var i=e.accessibility,c=l((function(e){return e.callbacks})),u=a(),d=i.toggleAllSubRowsTooltipTitle(u);return t.createElement(o,{title:d,placement:"bottom-start"},t.createElement(n,{as:"button",display:"flex","aria-label":d,css:s,onClick:function(e){e.preventDefault(),c.toggleAllSubRows()}},t.createElement(r,{name:"general.downCaret",size:"sm",style:{transform:u?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}})))}function u(e){var o=e.rowIndex,a=l((function(e){return e.callbacks})),c=i(o);return t.createElement(n,{as:"button",css:s,onClick:function(e){e.preventDefault(),a.toggleSubRowAtIndex(o)}},t.createElement(r,{name:"general.downCaret",size:"sm",style:{transform:c?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}}))}function d(o){var l=o.accessibility,a=o.columns,i=o.hasSubRows,d=o.hiddenColumnIds,m=o.draggable,f=a.filter((function(e){return null!==e&&!1!==e&&void 0!==e&&(e.alwaysVisible||-1===d.indexOf(e.id))}));return i&&f.unshift({cell:function(e,n){var r=n.rowIndex;return t.createElement(u,{rowIndex:r})},css:{"@media print":{display:"none !important"},paddingLeft:m?0:void 0},header:t.createElement(c,{accessibility:l}),subCell:null,width:32}),m&&f.unshift({cell:function(o,l){var a=l._dragHandleProps;return t.createElement(n,e({css:s,onClick:function(e){return e.preventDefault()}},a),t.createElement(r,{name:"general.dragHandle",size:"sm",color:"foregroundTertiary",style:{cursor:"grab"}}))},css:{"@media print":{display:"none !important"},paddingRight:i?0:void 0},subCell:null,width:32}),f}export{d as default};
1
+ import{__assign as e}from'./../../ext/tslib/tslib.es6.js';import t from"react";import{Box as n}from"../../Box/Box.js";import r from"../../Icon/Icon.js";import o from"../../Tooltip/Tooltip.js";import{useCollapsibleRowsStore as l,useAnySubRowsOpen as a,useSubRowOpen as i}from"../hooks/useCollapsibleRows.js";var s={" &:focus ":{outline:0}," &:hover ":{backgroundColor:"highlight"},alignItems:"center",alignSelf:"center",appearance:"none",backgroundColor:"hsla(0, 0%, 0%, 0)",border:"none",borderRadius:3,cursor:"pointer",display:"flex",fill:"foreground",justifyContent:"center",margin:0,padding:1};function c(e){var i=e.accessibility,c=l(function(e){return e.callbacks}),u=a(),d=i.toggleAllSubRowsTooltipTitle(u);return t.createElement(o,{title:d,placement:"bottom-start"},t.createElement(n,{as:"button",display:"flex","aria-label":d,css:s,onClick:function(e){e.preventDefault(),c.toggleAllSubRows()}},t.createElement(r,{name:"general.downCaret",size:"sm",style:{transform:u?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}})))}function u(e){var o=e.rowIndex,a=l(function(e){return e.callbacks}),c=i(o);return t.createElement(n,{as:"button",css:s,onClick:function(e){e.preventDefault(),a.toggleSubRowAtIndex(o)}},t.createElement(r,{name:"general.downCaret",size:"sm",style:{transform:c?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}}))}function d(o){var l=o.accessibility,a=o.columns,i=o.hasSubRows,d=o.hiddenColumnIds,m=o.draggable,f=a.filter(function(e){return null!==e&&!1!==e&&void 0!==e&&(e.alwaysVisible||-1===d.indexOf(e.id))});return i&&f.unshift({cell:function(e,n){var r=n.rowIndex;return t.createElement(u,{rowIndex:r})},css:{"@media print":{display:"none !important"},paddingLeft:m?0:void 0},header:t.createElement(c,{accessibility:l}),subCell:null,width:32}),m&&f.unshift({cell:function(o,l){var a=l._dragHandleProps;return t.createElement(n,e({css:s,onClick:function(e){return e.preventDefault()}},a),t.createElement(r,{name:"general.dragHandle",size:"sm",color:"foregroundTertiary",style:{cursor:"grab"}}))},css:{"@media print":{display:"none !important"},paddingRight:i?0:void 0},subCell:null,width:32}),f}export{d as default};
2
2
  //# sourceMappingURL=getParsedColumns.js.map
@@ -49,6 +49,9 @@ interface Props {
49
49
  value: Date | undefined | null;
50
50
  }
51
51
  export type DateFieldProps = Omit<InputProps, keyof Props> & Props;
52
+ /**
53
+ * @deprecated Use `DatePicker` from `@planningcenter/tapestry` instead.
54
+ */
52
55
  declare function DateField({ formatValue, defaultOpen, keepInView, lockScrollWhileOpen, minDate, maxDate, onChange, placement, value, ...props }: DateFieldProps): React.JSX.Element;
53
56
  export default DateField;
54
57
  //# sourceMappingURL=DateField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAEd,OAAO,QAAQ,MAAM,aAAa,CAAA;AAIlC,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,OAAO,MAAM,YAAY,CAAA;AAOhC,UAAU,KAAK;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;IAE/C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAE7C;;OAEG;IACH,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAA;AAElE,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,qBAiKhB;AAED,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAEd,OAAO,QAAQ,MAAM,aAAa,CAAA;AAIlC,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,OAAO,MAAM,YAAY,CAAA;AAOhC,UAAU,KAAK;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;IAE/C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAE7C;;OAEG;IACH,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAA;AAElE;;GAEG;AACH,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,qBAiKhB;AAED,eAAe,SAAS,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import n,{useState as t,useRef as a,useCallback as l,useMemo as i}from"react";import c from"../Calendar/Calendar.js";import{Card as u}from"../Card/Card.js";import s from"../FocusGroup/FocusGroup.js";import d from"../Icon/Icon.js";import m from"../Input/Input.js";import{Popover as p}from"../Popover/Popover.js";import{useThemeProps as f}from"../system/utils.js";import{generateId as v}from"../utils.js";import{useArrowKeysToNavigateCalendar as C}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as h}from"./useEditableDate.js";function g(g){var k=g.formatValue,D=void 0===k?"MMMM dd, yyyy":k,j=g.defaultOpen,y=void 0!==j&&j,I=g.keepInView,b=g.lockScrollWhileOpen,E=void 0===b||b,B=g.minDate,O=void 0===B?void 0:B,P=g.maxDate,V=void 0===P?void 0:P,w=g.onChange,x=g.placement,F=void 0===x?void 0:x,R=g.value,S=e(g,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),K=f("dateField",S),M=K.calendarProps;K.color;var q=K.popoverProps;K.sizes,K.thickness,K.trackColor;var z=e(K,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),W=t(y),G=W[0],T=W[1],A=v("datefield"),N=a(null),_=a(null),H=l((function(){var e,o=null===(e=_.current)||void 0===e?void 0:e.querySelector("input");(null==o?void 0:o.focus)&&o.focus()}),[]),J=l((function(){z.disabled||T(!0)}),[z.disabled]),L=l((function(){T(!1)}),[]),Q=l((function(e){return!!e&&(!(O&&e<O)&&!(V&&e>V))}),[O,V]),U=h({date:R,dateFormat:D,dateValidator:Q,onChange:w}),X=U.formattedDate,Y=U.setDate,Z=U.clearKeyBuffer,$=U.invalidKeyBuffer,ee=l((function(e){H(),Y(e),L()}),[H,Y,L]),oe=l((function(e){Y(e)}),[Y]),re=C({calendarIsOpen:G,closeCalendar:L,date:R,onChange:Y,openCalendar:J}),ne=l((function(e){Y(e.currentTarget.value)}),[Y]),te=l((function(){Z(),L()}),[Z,L]),ae=i((function(){return $?{backgroundColor:"error-lighter",color:"error-darker"}:{}}),[$]);return n.createElement(s,{onBlur:te},(function(e){var t=e.requestBlur,a=e.setRef;return n.createElement(p,o({},q,{ref:function(e){N.current=e},as:u,elevation:2,innerRef:function(e){N.current=e,a("".concat(A,"-popover"))(e)},keepInView:I,lockScrollWhileOpen:E,onBlur:t,onRequestClose:L,open:G,placement:F,tabIndex:-1,anchorElement:n.createElement(m,o({innerRef:function(e){_.current=e,a("".concat(A,"-input"))(e)},onBlur:t,onFocus:J,onChange:ne,onKeyDown:re,value:X,renderRight:n.createElement(d,{name:"general.calendar",color:r("--t-icon-color"),onClick:J})},ae,z))}),n.createElement(c,o({size:"sm"},M,{date:R,selected:R,minDate:O,maxDate:V,onDateSelect:ee,onDateChange:oe})))}))}export{g as default};
1
+ import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import n,{useState as t,useRef as a,useCallback as l,useMemo as i}from"react";import c from"../Calendar/Calendar.js";import{Card as u}from"../Card/Card.js";import s from"../FocusGroup/FocusGroup.js";import d from"../Icon/Icon.js";import m from"../Input/Input.js";import{Popover as p}from"../Popover/Popover.js";import{useThemeProps as f}from"../system/utils.js";import{generateId as v}from"../utils.js";import{useArrowKeysToNavigateCalendar as C}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as h}from"./useEditableDate.js";function g(g){var k=g.formatValue,D=void 0===k?"MMMM dd, yyyy":k,j=g.defaultOpen,y=void 0!==j&&j,I=g.keepInView,b=g.lockScrollWhileOpen,E=void 0===b||b,B=g.minDate,O=void 0===B?void 0:B,P=g.maxDate,V=void 0===P?void 0:P,w=g.onChange,x=g.placement,F=void 0===x?void 0:x,R=g.value,S=e(g,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),K=f("dateField",S),M=K.calendarProps;K.color;var q=K.popoverProps;K.sizes,K.thickness,K.trackColor;var z=e(K,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),W=t(y),G=W[0],T=W[1],A=v("datefield"),N=a(null),_=a(null),H=l(function(){var e,o=null===(e=_.current)||void 0===e?void 0:e.querySelector("input");(null==o?void 0:o.focus)&&o.focus()},[]),J=l(function(){z.disabled||T(!0)},[z.disabled]),L=l(function(){T(!1)},[]),Q=l(function(e){return!!e&&(!(O&&e<O)&&!(V&&e>V))},[O,V]),U=h({date:R,dateFormat:D,dateValidator:Q,onChange:w}),X=U.formattedDate,Y=U.setDate,Z=U.clearKeyBuffer,$=U.invalidKeyBuffer,ee=l(function(e){H(),Y(e),L()},[H,Y,L]),oe=l(function(e){Y(e)},[Y]),re=C({calendarIsOpen:G,closeCalendar:L,date:R,onChange:Y,openCalendar:J}),ne=l(function(e){Y(e.currentTarget.value)},[Y]),te=l(function(){Z(),L()},[Z,L]),ae=i(function(){return $?{backgroundColor:"error-lighter",color:"error-darker"}:{}},[$]);return n.createElement(s,{onBlur:te},function(e){var t=e.requestBlur,a=e.setRef;return n.createElement(p,o({},q,{ref:function(e){N.current=e},as:u,elevation:2,innerRef:function(e){N.current=e,a("".concat(A,"-popover"))(e)},keepInView:I,lockScrollWhileOpen:E,onBlur:t,onRequestClose:L,open:G,placement:F,tabIndex:-1,anchorElement:n.createElement(m,o({innerRef:function(e){_.current=e,a("".concat(A,"-input"))(e)},onBlur:t,onFocus:J,onChange:ne,onKeyDown:re,value:X,renderRight:n.createElement(d,{name:"general.calendar",color:r("--t-icon-color"),onClick:J})},ae,z))}),n.createElement(c,o({size:"sm"},M,{date:R,selected:R,minDate:O,maxDate:V,onDateSelect:ee,onDateChange:oe})))})}export{g as default};
2
2
  //# sourceMappingURL=DateField.js.map
@@ -1,2 +1,2 @@
1
- import{useCallback as e}from"react";var r=function(r){var t=r.date,n=r.calendarIsOpen,a=r.closeCalendar,o=r.openCalendar,f=r.onChange,p=e((function(e){if(t){var r=new Date(t);r.setDate(r.getDate()+e),f(r)}}),[t,f]);return e((function(e){n?"ArrowUp"===e.key?(e.preventDefault(),p(-7)):"ArrowDown"===e.key?(e.preventDefault(),p(7)):"ArrowLeft"===e.key?(e.preventDefault(),p(-1)):"ArrowRight"===e.key?(e.preventDefault(),p(1)):"Enter"===e.key&&(e.preventDefault(),a()):"ArrowDown"===e.key&&(e.preventDefault(),o())}),[n,o,p])};export{r as useArrowKeysToNavigateCalendar};
1
+ import{useCallback as e}from"react";var r=function(r){var t=r.date,n=r.calendarIsOpen,a=r.closeCalendar,o=r.openCalendar,f=r.onChange,p=e(function(e){if(t){var r=new Date(t);r.setDate(r.getDate()+e),f(r)}},[t,f]);return e(function(e){n?"ArrowUp"===e.key?(e.preventDefault(),p(-7)):"ArrowDown"===e.key?(e.preventDefault(),p(7)):"ArrowLeft"===e.key?(e.preventDefault(),p(-1)):"ArrowRight"===e.key?(e.preventDefault(),p(1)):"Enter"===e.key&&(e.preventDefault(),a()):"ArrowDown"===e.key&&(e.preventDefault(),o())},[n,o,p])};export{r as useArrowKeysToNavigateCalendar};
2
2
  //# sourceMappingURL=useArrowKeysToNavigateCalendar.js.map
@@ -1,2 +1,2 @@
1
- import{format as t}from"date-fns";import{useState as r,useMemo as a,useCallback as e}from"react";import{parseDate as o}from"./parse.js";var f=function(f){var n=f.date,i=f.dateFormat,d=f.dateValidator,m=f.onChange,u=r(),c=u[0],v=u[1],p=r(!1),s=p[0],l=p[1],y=a((function(){return void 0!==c?c:n?t(n,i):""}),[n,i,c]),g=e((function(t){v(t),t&&!d(o({date:t,format:i}))?l(!0):l(!1)}),[i,d]),B=e((function(t){var r;"string"==typeof t?(g(t),r=o({date:t,format:i})):(g(void 0),r=t),d(r)&&m&&m(r)}),[m,g,d,i]);return{clearKeyBuffer:e((function(){g(void 0)}),[]),formattedDate:y,invalidKeyBuffer:s,setDate:B}};export{f as useEditableDate};
1
+ import{format as t}from"date-fns";import{useState as r,useMemo as a,useCallback as e}from"react";import{parseDate as o}from"./parse.js";var f=function(f){var n=f.date,i=f.dateFormat,d=f.dateValidator,m=f.onChange,u=r(),c=u[0],v=u[1],p=r(!1),s=p[0],l=p[1],y=a(function(){return void 0!==c?c:n?t(n,i):""},[n,i,c]),g=e(function(t){v(t),t&&!d(o({date:t,format:i}))?l(!0):l(!1)},[i,d]),B=e(function(t){var r;"string"==typeof t?(g(t),r=o({date:t,format:i})):(g(void 0),r=t),d(r)&&m&&m(r)},[m,g,d,i]);return{clearKeyBuffer:e(function(){g(void 0)},[]),formattedDate:y,invalidKeyBuffer:s,setDate:B}};export{f as useEditableDate};
2
2
  //# sourceMappingURL=useEditableDate.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as n from"@planningcenter/react-beautiful-dnd";import t from"mitt";import a,{createContext as o,useContext as i,Children as d,Fragment as l,createElement as c,useEffect as u}from"react";import{createPortal as p}from"react-dom";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as g}from"../system/utils.js";import{getThemeDataAttribute as f}from"../ThemeProvider/styles.js";var m=o(!1),D=o(!1),b=t(),v={},E=null,y=0;function h(){return i(m)}function I(t){var o=t.children,i=t.sourceOnly,d=t.onDragStart,l=t.onDragEnd,c=t.onDrop,p=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return u((function(){function e(e){d&&e.source.droppableId===p.droppableId&&d(e)}return b.on("dragStart",e),function(){b.off("dragStart",e)}}),[d]),u((function(){function e(e){l&&e.source.droppableId===p.droppableId&&l(e),c&&e.destination&&e.destination.droppableId===p.droppableId&&c(e)}return b.on("dragEnd",e),function(){b.off("dragEnd",e)}}),[l,c]),a.createElement(D.Provider,{value:i},a.createElement(n.Droppable,r({isDropDisabled:i},p),(function(e,r){return i&&(e.placeholder=a.createElement("div",{style:{display:"none"}},e.placeholder)),o(e,r)})))}function S(t){var o=t.children,d=t.placeholder,c=t.data,s=e(t,["children","placeholder","data"]),g=i(D);return u((function(){return function(e,r){return v[e]=r,function(){delete v[e]}}(s.draggableId,c)}),[c]),a.createElement(n.Draggable,r({},s),(function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var n=o(e,r);return r.isDragging?a.createElement(l,null,p(n,E),g&&d&&d()):n}))}var P={Draggable:S,Droppable:I,Provider:function(t){var o=t.onDragStart,i=t.onDragEnd,d=e(t,["onDragStart","onDragEnd"]),l=h(),c=g("id");return"undefined"!=typeof document&&null===E&&((E=document.createElement("div")).id="rbd-portal",E.className="tapestry-react-reset",E.setAttribute(f(c),"true"),document.body.appendChild(E)),u((function(){return y+=1,function(){0===(y-=1)&&(E=null)}}),[]),l?d.children:a.createElement(m.Provider,{value:!0},a.createElement(n.DragDropContext,r({onDragStart:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragStart",n),o&&o(n)},onDragEnd:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragEnd",n),i&&i(n)}},d)))},StaticList:function(n){var t=n.children,o=n.variants,i=n.id,u=e(n,["children","variants","id"]),p=r({item:function(e){return e},placeholder:{opacity:.5}},o);return a.createElement(I,{droppableId:i,isDropDisabled:!0},(function(n){return a.createElement(s,r({innerRef:n.innerRef},u),d.map(t,(function(n,t){var o=n.props,i=o.id,d=e(o,["id"]);return a.createElement(S,{key:n.key,draggableId:i,index:t},(function(e,t){return a.createElement(l,null,c(n.type,r(r(r(r({},d),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:p.item(t.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},t)})),t.isDragging&&c(n.type,r(r({},d),p.placeholder)))}))})),a.createElement("div",{style:{display:"none"}},n.placeholder))}))},useDragDrop:h};export{P as default};
1
+ import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as n from"@planningcenter/react-beautiful-dnd";import t from"mitt";import a,{createContext as o,useContext as i,Children as d,Fragment as l,createElement as c,useEffect as u}from"react";import{createPortal as p}from"react-dom";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as g}from"../system/utils.js";import{getThemeDataAttribute as f}from"../ThemeProvider/styles.js";var m=o(!1),D=o(!1),b=t(),v={},E=null,y=0;function h(){return i(m)}function I(t){var o=t.children,i=t.sourceOnly,d=t.onDragStart,l=t.onDragEnd,c=t.onDrop,p=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return u(function(){function e(e){d&&e.source.droppableId===p.droppableId&&d(e)}return b.on("dragStart",e),function(){b.off("dragStart",e)}},[d]),u(function(){function e(e){l&&e.source.droppableId===p.droppableId&&l(e),c&&e.destination&&e.destination.droppableId===p.droppableId&&c(e)}return b.on("dragEnd",e),function(){b.off("dragEnd",e)}},[l,c]),a.createElement(D.Provider,{value:i},a.createElement(n.Droppable,r({isDropDisabled:i},p),function(e,r){return i&&(e.placeholder=a.createElement("div",{style:{display:"none"}},e.placeholder)),o(e,r)}))}function S(t){var o=t.children,d=t.placeholder,c=t.data,s=e(t,["children","placeholder","data"]),g=i(D);return u(function(){return function(e,r){return v[e]=r,function(){delete v[e]}}(s.draggableId,c)},[c]),a.createElement(n.Draggable,r({},s),function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var n=o(e,r);return r.isDragging?a.createElement(l,null,p(n,E),g&&d&&d()):n})}var P={Draggable:S,Droppable:I,Provider:function(t){var o=t.onDragStart,i=t.onDragEnd,d=e(t,["onDragStart","onDragEnd"]),l=h(),c=g("id");return"undefined"!=typeof document&&null===E&&((E=document.createElement("div")).id="rbd-portal",E.className="tapestry-react-reset",E.setAttribute(f(c),"true"),document.body.appendChild(E)),u(function(){return y+=1,function(){0===(y-=1)&&(E=null)}},[]),l?d.children:a.createElement(m.Provider,{value:!0},a.createElement(n.DragDropContext,r({onDragStart:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragStart",n),o&&o(n)},onDragEnd:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragEnd",n),i&&i(n)}},d)))},StaticList:function(n){var t=n.children,o=n.variants,i=n.id,u=e(n,["children","variants","id"]),p=r({item:function(e){return e},placeholder:{opacity:.5}},o);return a.createElement(I,{droppableId:i,isDropDisabled:!0},function(n){return a.createElement(s,r({innerRef:n.innerRef},u),d.map(t,function(n,t){var o=n.props,i=o.id,d=e(o,["id"]);return a.createElement(S,{key:n.key,draggableId:i,index:t},function(e,t){return a.createElement(l,null,c(n.type,r(r(r(r({},d),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:p.item(t.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},t)})),t.isDragging&&c(n.type,r(r({},d),p.placeholder)))})}),a.createElement("div",{style:{display:"none"}},n.placeholder))})},useDragDrop:h};export{P as default};
2
2
  //# sourceMappingURL=DragDrop.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import n,{useState as o,useCallback as r,useLayoutEffect as i,useRef as s,useEffect as a}from"react";import{StackView as l}from"../StackView/StackView.js";import{useThemeValue as u}from"../system/utils.js";function c(r){var i=r.shouldClose,c=r.onClose,m=t(r,["shouldClose","onClose"]),f=u("drawer"),d=s(null),p=o(!1),h=p[0],x=p[1];return a((function(){var t=d.current,e=!0;function n(n){n.target===t&&"transform"===n.propertyName&&(e?e=!1:c())}return x(!0),t.addEventListener("transitionend",n),function(){t.removeEventListener("transitionend",n)}}),[]),a((function(){i&&x(!1)}),[i]),n.createElement(l,e({innerRef:d,width:52,height:"100%",x:"".concat(h?0:100,"%"),position:"absolute",bottom:0,right:0,zIndex:999,boxShadow:"-6px 0px 6px -4px rgba(150,150,150,0.25)",backgroundColor:"surfaceTertiary",transition:"transform 240ms ease-out"},f,m))}function m(s){var a=s.open,l=t(s,["open"]),u=o(null),m=u[0],f=u[1],d=o(null),p=d[0],h=d[1],x=r((function(){f(!1),h(!0)}),[]);return i((function(){a?(f(!0),h(!1)):null!==m&&h(!0)}),[a]),m&&n.createElement(c,e({shouldClose:p,onClose:x},l))}export{m as default};
1
+ import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import n,{useState as o,useCallback as r,useLayoutEffect as i,useRef as s,useEffect as a}from"react";import{StackView as l}from"../StackView/StackView.js";import{useThemeValue as u}from"../system/utils.js";function c(r){var i=r.shouldClose,c=r.onClose,m=t(r,["shouldClose","onClose"]),f=u("drawer"),d=s(null),p=o(!1),h=p[0],x=p[1];return a(function(){var t=d.current,e=!0;function n(n){n.target===t&&"transform"===n.propertyName&&(e?e=!1:c())}return x(!0),t.addEventListener("transitionend",n),function(){t.removeEventListener("transitionend",n)}},[]),a(function(){i&&x(!1)},[i]),n.createElement(l,e({innerRef:d,width:52,height:"100%",x:"".concat(h?0:100,"%"),position:"absolute",bottom:0,right:0,zIndex:999,boxShadow:"-6px 0px 6px -4px rgba(150,150,150,0.25)",backgroundColor:"surfaceTertiary",transition:"transform 240ms ease-out"},f,m))}function m(s){var a=s.open,l=t(s,["open"]),u=o(null),m=u[0],f=u[1],d=o(null),p=d[0],h=d[1],x=r(function(){f(!1),h(!0)},[]);return i(function(){a?(f(!0),h(!1)):null!==m&&h(!0)},[a]),m&&n.createElement(c,e({shouldClose:p,onClose:x},l))}export{m as default};
2
2
  //# sourceMappingURL=Drawer.js.map
@@ -71,6 +71,9 @@ type Props = {
71
71
  variant?: string;
72
72
  };
73
73
  type DropdownProps = Omit<ButtonProps, keyof Props | 'ref'> & Props;
74
+ /**
75
+ * @deprecated Use `Dropdown` from `@planningcenter/tapestry` instead.
76
+ */
74
77
  declare class Dropdown extends Component<DropdownProps, {
75
78
  isPopoverOpen: boolean;
76
79
  preventBlur: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,EAEZ,SAAS,EACT,cAAc,EAEd,GAAG,EACH,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,OAAO,CAAA;AAEd,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAA;AAG1D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,IAA2B,MAAM,QAAQ,CAAA;AAChD,OAAO,IAA2B,MAAM,QAAQ,CAAA;AAEhD,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,KAAK,CAAA;IAEV,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAA;IAGrB,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAEjC,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAErC,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAE/C,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;IAE3C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAEjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAE3B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAEhC,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAE9B,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IAEvC,eAAe,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C;;;;;;;;;;;;;;;MAeE;IACF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC5B,+IAA+I;IAC/I,cAAc,CAAC,EACX,KAAK,CAAC,YAAY,GAClB,KAAK,CAAC,WAAW,GACjB,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,GAC9B,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;IAChC,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAEnE,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,aAAa,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,CACjD;IACC,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,IAAI,cAAO;IAElB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,WAAW,GAAG;QAAE,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IAElD,MAAM,CAAC,YAAY;;;;MAIlB;gBAEW,KAAK,EAAE,KAAK;IASxB,WAAW,aAKV;IAED,YAAY,aAOX;IAED,aAAa,aAOZ;IAED,YAAY;;eAWX;IAED,MAAM;CAgNP;AAED,eAAe,QAAQ,CAAA;AACvB,YAAY,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,EAEZ,SAAS,EACT,cAAc,EAEd,GAAG,EACH,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,OAAO,CAAA;AAEd,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAA;AAG1D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,IAA2B,MAAM,QAAQ,CAAA;AAChD,OAAO,IAA2B,MAAM,QAAQ,CAAA;AAEhD,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,KAAK,CAAA;IAEV,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAA;IAGrB,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAEjC,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAErC,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAE/C,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;IAE3C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAEjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAE3B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAEhC,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAE9B,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IAEvC,eAAe,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C;;;;;;;;;;;;;;;MAeE;IACF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC5B,+IAA+I;IAC/I,cAAc,CAAC,EACX,KAAK,CAAC,YAAY,GAClB,KAAK,CAAC,WAAW,GACjB,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,GAC9B,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;IAChC,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAEnE;;GAEG;AACH,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,aAAa,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,CACjD;IACC,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,IAAI,cAAO;IAElB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,WAAW,GAAG;QAAE,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IAElD,MAAM,CAAC,YAAY;;;;MAIlB;gBAEW,KAAK,EAAE,KAAK;IASxB,WAAW,aAKV;IAED,YAAY,aAOX;IAED,aAAa,aAOZ;IAED,YAAY;;eAWX;IAED,MAAM;CAgNP;AAED,eAAe,QAAQ,CAAA;AACvB,YAAY,EAAE,aAAa,EAAE,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__extends as e,__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as n,createElement as i,Component as l}from"react";import{Button as a}from"../Button/Button.js";import p from"../FocusGroup/FocusGroup.js";import c from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import u from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import{generateId as m,cloneChildren as d,callRef as v}from"../utils.js";import b,{ITEM_DISPLAY_NAME as g}from"./Item.js";import h,{LINK_DISPLAY_NAME as O}from"./Link.js";var P=function(l){function P(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,t){var r=t.node;o.props.closeOnSelect&&(o.itemList.clearHighlightedIndex(),o.closePopover(),o.popover.focusAnchor()),"A"===r.tagName&&"click"!==event.type?r.click():o.props.onSelect&&o.props.onSelect(e)}}),o.state={isPopoverOpen:e.defaultOpen||e.forceOpen||!1,preventBlur:!1},o.id=m("dropdown"),o}return e(P,l),Object.defineProperty(P.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props;l.forceOpen,l.closeOnSelect;var a=l.children;l.as,l.defaultOpen;var m=l.innerRef,b=l.keepInView,h=l.lockScrollWhileOpen,P=l.matchWidths,w=l.onClick;l.onClose,l.onKeyDown,l.onOpen;var y=l.onSearch,I=l.placement,j=l.popoverProps,S=l.renderTo,k=l.triggerElement,B=l.triggerElementIsTapestryReact,E=void 0===B||B,C=o(l,["forceOpen","closeOnSelect","children","as","defaultOpen","innerRef","keepInView","lockScrollWhileOpen","matchWidths","onClick","onClose","onKeyDown","onOpen","onSearch","placement","popoverProps","renderTo","triggerElement","triggerElementIsTapestryReact"]),L=this.state.isPopoverOpen,R=!C.icon&&!C.title,x=-1;return r.createElement(p,{onBlur:this.closePopover},(function(o){var l=o.requestBlur,p=o.setRef;return r.createElement(c,{ref:function(o){e.itemList=o},onSelect:e.handleSelect},(function(o){var c=o.getItemByText,B=o.moveHighlightedIndex,D=o.selectHighlightedItem,T=o.setHighlightedIndex,A=o.stringSearch;return r.createElement(f,t({},j,{as:u,ref:function(o){e.popover=o},innerRef:function(o){p("".concat(e.id,"-popover"))(o)},role:"menu",tabIndex:-1,elevation:2,display:C.spinner?"none":void 0,onBlur:l,matchWidths:P,keepInView:b,lockScrollWhileOpen:h,placement:I,renderTo:S,open:L,onRequestClose:function(){e.closePopover(),e.popover.focusAnchor()},anchorElement:function(o){return r.createElement(s,null,(function(a){var s,u=a.getHighlightedItemId,f=R?"arrow down":C.title,d=function(t){o.innerRef&&v(o.innerRef,t),p("".concat(e.id,"-button"))(t),m&&v(m,t)},b={"aria-activedescendant":u(),"aria-expanded":L,"aria-haspopup":!0,"aria-owns":u(),onBlur:function(o){e.state.preventBlur?e.setState({preventBlur:!1}):l(o)},onClick:function(o){e.togglePopover(),L||e.popover.focusAnchor(),w&&w(o)},onKeyDown:function(t){switch(o.onKeyDown(t),t.key){case"ArrowUp":t.preventDefault(),L?B(-1):(e.openPopover(),setTimeout((function(){B(-1)})));break;case"ArrowDown":t.preventDefault(),L?B(1):(e.openPopover(),setTimeout((function(){B(1)})));break;case"Enter":L&&(t.preventDefault(),D());break;case" ":t.preventDefault(),e.togglePopover();break;default:y?y(t):A(t).then((function(e){var o=c(e);o&&T(o.props.index)}))}},onMouseDown:function(){e.setState({preventBlur:!0})},tabIndex:0},g=((s={cursor:C.disabled?"not-allowed":"pointer"})[R?"icon":"iconRight"]={name:L?"general.upCaret":"general.downCaret",size:"sm"},s.innerRef=d,s.title=f,s),h=t(t({},j&&"id"in j?{"aria-controls":j.id}:void 0),{ref:d}),O=t(t(t({},b),E?g:h),C);return r.isValidElement(k)?n(k,O):i(k,O)}))}}),d(a,(function(e){return e.type.displayName===g||e.type.displayName===O?{index:++x}:{}})))}))}))}}),Object.defineProperty(P,"Item",{enumerable:!0,configurable:!0,writable:!0,value:b}),Object.defineProperty(P,"Link",{enumerable:!0,configurable:!0,writable:!0,value:h}),Object.defineProperty(P,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!0,defaultOpen:!1,triggerElement:a}}),P}(l);export{P as default};
1
+ import{__extends as e,__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as n,createElement as i,Component as l}from"react";import{Button as a}from"../Button/Button.js";import p from"../FocusGroup/FocusGroup.js";import c from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import u from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import{generateId as m,cloneChildren as d,callRef as v}from"../utils.js";import b,{ITEM_DISPLAY_NAME as g}from"./Item.js";import h,{LINK_DISPLAY_NAME as O}from"./Link.js";var P=function(l){function P(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,t){var r=t.node;o.props.closeOnSelect&&(o.itemList.clearHighlightedIndex(),o.closePopover(),o.popover.focusAnchor()),"A"===r.tagName&&"click"!==event.type?r.click():o.props.onSelect&&o.props.onSelect(e)}}),o.state={isPopoverOpen:e.defaultOpen||e.forceOpen||!1,preventBlur:!1},o.id=m("dropdown"),o}return e(P,l),Object.defineProperty(P.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props;l.forceOpen,l.closeOnSelect;var a=l.children;l.as,l.defaultOpen;var m=l.innerRef,b=l.keepInView,h=l.lockScrollWhileOpen,P=l.matchWidths,w=l.onClick;l.onClose,l.onKeyDown,l.onOpen;var y=l.onSearch,I=l.placement,j=l.popoverProps,S=l.renderTo,k=l.triggerElement,B=l.triggerElementIsTapestryReact,E=void 0===B||B,C=o(l,["forceOpen","closeOnSelect","children","as","defaultOpen","innerRef","keepInView","lockScrollWhileOpen","matchWidths","onClick","onClose","onKeyDown","onOpen","onSearch","placement","popoverProps","renderTo","triggerElement","triggerElementIsTapestryReact"]),L=this.state.isPopoverOpen,R=!C.icon&&!C.title,x=-1;return r.createElement(p,{onBlur:this.closePopover},function(o){var l=o.requestBlur,p=o.setRef;return r.createElement(c,{ref:function(o){e.itemList=o},onSelect:e.handleSelect},function(o){var c=o.getItemByText,B=o.moveHighlightedIndex,D=o.selectHighlightedItem,T=o.setHighlightedIndex,A=o.stringSearch;return r.createElement(f,t({},j,{as:u,ref:function(o){e.popover=o},innerRef:function(o){p("".concat(e.id,"-popover"))(o)},role:"menu",tabIndex:-1,elevation:2,display:C.spinner?"none":void 0,onBlur:l,matchWidths:P,keepInView:b,lockScrollWhileOpen:h,placement:I,renderTo:S,open:L,onRequestClose:function(){e.closePopover(),e.popover.focusAnchor()},anchorElement:function(o){return r.createElement(s,null,function(a){var s,u=a.getHighlightedItemId,f=R?"arrow down":C.title,d=function(t){o.innerRef&&v(o.innerRef,t),p("".concat(e.id,"-button"))(t),m&&v(m,t)},b={"aria-activedescendant":u(),"aria-expanded":L,"aria-haspopup":!0,"aria-owns":u(),onBlur:function(o){e.state.preventBlur?e.setState({preventBlur:!1}):l(o)},onClick:function(o){e.togglePopover(),L||e.popover.focusAnchor(),w&&w(o)},onKeyDown:function(t){switch(o.onKeyDown(t),t.key){case"ArrowUp":t.preventDefault(),L?B(-1):(e.openPopover(),setTimeout(function(){B(-1)}));break;case"ArrowDown":t.preventDefault(),L?B(1):(e.openPopover(),setTimeout(function(){B(1)}));break;case"Enter":L&&(t.preventDefault(),D());break;case" ":t.preventDefault(),e.togglePopover();break;default:y?y(t):A(t).then(function(e){var o=c(e);o&&T(o.props.index)})}},onMouseDown:function(){e.setState({preventBlur:!0})},tabIndex:0},g=((s={cursor:C.disabled?"not-allowed":"pointer"})[R?"icon":"iconRight"]={name:L?"general.upCaret":"general.downCaret",size:"sm"},s.innerRef=d,s.title=f,s),h=t(t({},j&&"id"in j?{"aria-controls":j.id}:void 0),{ref:d}),O=t(t(t({},b),E?g:h),C);return r.isValidElement(k)?n(k,O):i(k,O)})}}),d(a,function(e){return e.type.displayName===g||e.type.displayName===O?{index:++x}:{}}))})})}}),Object.defineProperty(P,"Item",{enumerable:!0,configurable:!0,writable:!0,value:b}),Object.defineProperty(P,"Link",{enumerable:!0,configurable:!0,writable:!0,value:h}),Object.defineProperty(P,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!0,defaultOpen:!1,triggerElement:a}}),P}(l);export{P as default};
2
2
  //# sourceMappingURL=Dropdown.js.map
@@ -1,2 +1,2 @@
1
- import{__extends as e,__rest as t,__assign as i}from'./../ext/tslib/tslib.es6.js';import r,{Component as l}from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import n from"../ItemList/ItemListItem.js";import o from"../Menu/Menu.js";var a="Dropdown.Item",s=function(l){function s(){return null!==l&&l.apply(this,arguments)||this}return e(s,l),Object.defineProperty(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,l=e.disabled,a=e.index,s=e.value,m=e.onSelect,d=e.text,u=t(e,["disabled","index","value","onSelect","text"]);return r.createElement(n,{data:s,disabled:l,index:a,onSelect:m,text:d},(function(e){var t=e.id,n=e.highlight,a=e.highlighted,s=e.clearHighlight,m=e.select;return r.createElement(o.Item,i({id:t,role:"menuitem","aria-disabled":l,disabled:l,isHighlighted:a,onMouseOver:n,onMouseOut:s,onClick:m},u))}))}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:a}),s}(l);export{a as ITEM_DISPLAY_NAME,s as default};
1
+ import{__extends as e,__rest as t,__assign as i}from'./../ext/tslib/tslib.es6.js';import r,{Component as l}from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import n from"../ItemList/ItemListItem.js";import o from"../Menu/Menu.js";var a="Dropdown.Item",s=function(l){function s(){return null!==l&&l.apply(this,arguments)||this}return e(s,l),Object.defineProperty(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,l=e.disabled,a=e.index,s=e.value,m=e.onSelect,d=e.text,u=t(e,["disabled","index","value","onSelect","text"]);return r.createElement(n,{data:s,disabled:l,index:a,onSelect:m,text:d},function(e){var t=e.id,n=e.highlight,a=e.highlighted,s=e.clearHighlight,m=e.select;return r.createElement(o.Item,i({id:t,role:"menuitem","aria-disabled":l,disabled:l,isHighlighted:a,onMouseOver:n,onMouseOut:s,onClick:m},u))})}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:a}),s}(l);export{a as ITEM_DISPLAY_NAME,s as default};
2
2
  //# sourceMappingURL=Item.js.map
@@ -1,2 +1,2 @@
1
- import{__extends as e,__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import i,{Component as n}from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import o from"../ItemList/ItemListItem.js";import l from"../Menu/Menu.js";var a="Dropdown.Link",s=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return e(a,n),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,n=e.disabled,a=e.external,s=e.index;e.text;var d=e.to,u=t(e,["disabled","external","index","text","to"]),m={};return a&&(m.target="_blank"),i.createElement(o,{data:"link",disabled:n,index:s},(function(e){var t=e.id,o=e.highlight,a=e.highlighted,s=e.clearHighlight,p=e.select;return i.createElement(l.Item,r({as:"a",id:t,href:n?void 0:d,disabled:n,isHighlighted:a,onMouseOver:o,onMouseOut:s,onKeyDown:function(e){return"Enter"===e.key&&p(e)},onClick:function(e){return!1===e.metaKey&&p(e)}},u,m))}))}}),Object.defineProperty(a,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Dropdown.Link"}),a}(n);export{a as LINK_DISPLAY_NAME,s as default};
1
+ import{__extends as e,__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import i,{Component as n}from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import o from"../ItemList/ItemListItem.js";import l from"../Menu/Menu.js";var a="Dropdown.Link",s=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return e(a,n),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,n=e.disabled,a=e.external,s=e.index;e.text;var d=e.to,u=t(e,["disabled","external","index","text","to"]),m={};return a&&(m.target="_blank"),i.createElement(o,{data:"link",disabled:n,index:s},function(e){var t=e.id,o=e.highlight,a=e.highlighted,s=e.clearHighlight,p=e.select;return i.createElement(l.Item,r({as:"a",id:t,href:n?void 0:d,disabled:n,isHighlighted:a,onMouseOver:o,onMouseOut:s,onKeyDown:function(e){return"Enter"===e.key&&p(e)},onClick:function(e){return!1===e.metaKey&&p(e)}},u,m))})}}),Object.defineProperty(a,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Dropdown.Link"}),a}(n);export{a as LINK_DISPLAY_NAME,s as default};
2
2
  //# sourceMappingURL=Link.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import e,{useState as r,useEffect as i,Children as n}from"react";import{Button as s}from"../Button/Button.js";import{useDocumentEvent as u}from"../hooks/use-document-event.js";import{useFocus as a}from"../hooks/use-focus.js";import{useHover as c}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as m}from"../StackView/StackView.js";import{useThemeProps as l}from"../system/utils.js";var p=function(p){var d=p.display,f=p.edit,k=p.loading,v=o(p,["display","edit","loading"]),h=a(),g=h.focus,j=h.focusProps,y=c(),w=y.hover,E=y.hoverProps,b=r(!1),C=b[0],P=b[1],x=r(!1),z=x[0],A=x[1],B=l("editActions",v),S=B.buttonProps,V=o(B,["buttonProps"]);return i((function(){!1===k&&(A(!0),setTimeout((function(){A(!1)}),800))}),[k]),u("keydown",(function(o){C&&"Escape"===o.key&&P(!1)})),e.createElement(m,t({axis:"horizontal",alignment:"center",spacing:1,width:"100%",onClick:C?void 0:function(){return P(!0)}},j,E,V),n.toArray(C?f:d),e.createElement(s,t({grow:0,title:C?"Close":"Edit",icon:{color:z?"green":void 0,name:z?"general.check":C?"general.x":"general.pencil"},tooltip:{title:z?void 0:C?"Close":"Edit"},size:"sm",variant:"naked",onClick:g||C?function(){return P((function(o){return!o}))}:function(){return P(!0)},opacity:g||w||C?1:0,spinner:C&&k?{color:"primary"}:void 0},S)))};export{p as default};
1
+ import{__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import e,{useState as r,useEffect as i,Children as n}from"react";import{Button as s}from"../Button/Button.js";import{useDocumentEvent as u}from"../hooks/use-document-event.js";import{useFocus as a}from"../hooks/use-focus.js";import{useHover as c}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as m}from"../StackView/StackView.js";import{useThemeProps as l}from"../system/utils.js";var p=function(p){var d=p.display,f=p.edit,k=p.loading,v=o(p,["display","edit","loading"]),h=a(),g=h.focus,j=h.focusProps,y=c(),w=y.hover,E=y.hoverProps,b=r(!1),C=b[0],P=b[1],x=r(!1),z=x[0],A=x[1],B=l("editActions",v),S=B.buttonProps,V=o(B,["buttonProps"]);return i(function(){!1===k&&(A(!0),setTimeout(function(){A(!1)},800))},[k]),u("keydown",function(o){C&&"Escape"===o.key&&P(!1)}),e.createElement(m,t({axis:"horizontal",alignment:"center",spacing:1,width:"100%",onClick:C?void 0:function(){return P(!0)}},j,E,V),n.toArray(C?f:d),e.createElement(s,t({grow:0,title:C?"Close":"Edit",icon:{color:z?"green":void 0,name:z?"general.check":C?"general.x":"general.pencil"},tooltip:{title:z?void 0:C?"Close":"Edit"},size:"sm",variant:"naked",onClick:g||C?function(){return P(function(o){return!o})}:function(){return P(!0)},opacity:g||w||C?1:0,spinner:C&&k?{color:"primary"}:void 0},S)))};export{p as default};
2
2
  //# sourceMappingURL=EditActions.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import i from"react";import{Box as o}from"../Box/Box.js";import n from"../HelperDrawer/HelperDrawer.js";import a from"../Input/Input.js";import{StackView as l}from"../StackView/StackView.js";import{useThemeProps as s}from"../system/utils.js";import{Text as m}from"../Text/Text.js";import{generateId as c,cloneChildren as p}from"../utils.js";var d=function(d){var f=e(d,[]),g=s("field",f),u=g.children,b=g.compact,h=g.distribution,x=void 0===h?"fill":h,w=g.feedbackText,z=g.helpContent,v=g.icon,E=g.inline,j=g.innerRef,T=g.label,C=g.labelBasis,R=g.labelColor,k=g.labelGrow,B=g.spacing,I=void 0===B?1:B,S=g.state,y=e(g,["children","compact","distribution","feedbackText","helpContent","icon","inline","innerRef","label","labelBasis","labelColor","labelGrow","spacing","state"]),D=c("field-helper-drawer"),G=c("field");return i.createElement(o,t({innerRef:j,width:"100%"},y),i.createElement(l,{axis:E?"horizontal":"vertical",wrap:!0},T&&i.createElement(l,{axis:"horizontal",alignment:"center",grow:k,basis:C,marginRight:E?2:void 0},v,i.createElement(a.InputLabel,{controls:G,fontSize:b?4:3,color:R},T),z&&i.createElement(n.Toggle,{drawerId:D,marginLeft:.25,marginRight:E?1:void 0})),z&&i.createElement(l,{axis:"horizontal",order:E?1:0,width:"100%"},i.createElement(n,{id:D,marginTop:1},z)),i.createElement(l,{axis:"horizontal",alignment:"center",distribution:x,order:E?0:1,grow:1,marginTop:E||!T?void 0:1,maxWidth:"100%",spacing:I},p(u,(function(e,t){return t.firstChild?{id:G,size:e.props.size||(b?"sm":"md")}:{size:e.props.size||(b?"sm":"md")}})))),w&&i.createElement(m,{align:E?"right":"left",color:"error"===S?r("--t-text-color-status-error"):"success"===S?r("--t-text-color-status-success"):void 0,marginTop:1,size:5},w))};export{d as default};
1
+ import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import i from"react";import{Box as o}from"../Box/Box.js";import n from"../HelperDrawer/HelperDrawer.js";import a from"../Input/Input.js";import{StackView as l}from"../StackView/StackView.js";import{useThemeProps as s}from"../system/utils.js";import{Text as m}from"../Text/Text.js";import{generateId as c,cloneChildren as p}from"../utils.js";var d=function(d){var f=e(d,[]),g=s("field",f),u=g.children,b=g.compact,h=g.distribution,x=void 0===h?"fill":h,w=g.feedbackText,z=g.helpContent,v=g.icon,E=g.inline,j=g.innerRef,T=g.label,C=g.labelBasis,R=g.labelColor,k=g.labelGrow,B=g.spacing,I=void 0===B?1:B,S=g.state,y=e(g,["children","compact","distribution","feedbackText","helpContent","icon","inline","innerRef","label","labelBasis","labelColor","labelGrow","spacing","state"]),D=c("field-helper-drawer"),G=c("field");return i.createElement(o,t({innerRef:j,width:"100%"},y),i.createElement(l,{axis:E?"horizontal":"vertical",wrap:!0},T&&i.createElement(l,{axis:"horizontal",alignment:"center",grow:k,basis:C,marginRight:E?2:void 0},v,i.createElement(a.InputLabel,{controls:G,fontSize:b?4:3,color:R},T),z&&i.createElement(n.Toggle,{drawerId:D,marginLeft:.25,marginRight:E?1:void 0})),z&&i.createElement(l,{axis:"horizontal",order:E?1:0,width:"100%"},i.createElement(n,{id:D,marginTop:1},z)),i.createElement(l,{axis:"horizontal",alignment:"center",distribution:x,order:E?0:1,grow:1,marginTop:E||!T?void 0:1,maxWidth:"100%",spacing:I},p(u,function(e,t){return t.firstChild?{id:G,size:e.props.size||(b?"sm":"md")}:{size:e.props.size||(b?"sm":"md")}}))),w&&i.createElement(m,{align:E?"right":"left",color:"error"===S?r("--t-text-color-status-error"):"success"===S?r("--t-text-color-status-success"):void 0,marginTop:1,size:5},w))};export{d as default};
2
2
  //# sourceMappingURL=Field.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import t from"mousetrap";import*as o from"react";import{Box as n}from"../Box/Box.js";import{Button as a}from"../Button/Button.js";import{Card as l}from"../Card/Card.js";import{Divider as s}from"../Divider/Divider.js";import{StackView as d}from"../StackView/StackView.js";function m(m){var c=m.header,b=m.sidebarWidth,f=void 0===b?400:b,h=m.sidebar,u=m.table,p=m.toolbar,g=e(m,["header","sidebarWidth","sidebar","table","toolbar"]),v="fill"===f,E=o.useState(!1),w=E[0],x=E[1],k=o.useCallback((function(){x((function(e){return!e}))}),[]);return o.useEffect((function(){return t.bind("f",k),function(){t.unbind("f")}}),[]),o.createElement(l,r({minHeight:50,overflow:void 0},g),o.createElement(d,{axis:"horizontal",minHeight:6},o.createElement(a,{grow:0,shrink:0,basis:w?v?"100%":f+"px":"100px",distribution:w?"space-between":void 0,width:"100%",paddingHorizontal:2,borderRightWidth:1,borderRightColor:i("--t-border-color"),radius:0,title:"Filter","aria-label":w?"close filter":"open filter",iconRight:{name:w?"general.leftChevron":"general.threeReducingHorizontalBars",size:w?"xs":"md"},onClick:k}),o.createElement(n,{visible:!(w&&v),grow:1,shrink:1},c)),o.createElement(s,null),o.createElement(d,{axis:"horizontal",grow:1},o.createElement(d,{visible:w,basis:v?"100%":f+"px",borderRightWidth:1,borderRightColor:i("--t-border-color"),backgroundColor:"surfaceSecondary"},h),o.createElement(d,{visibility:w&&v?"hidden":"visible",maxHeight:w&&v?0:"initial",grow:1,shrink:1,basis:"100%"},o.createElement(n,{overflow:"hidden"},p),o.createElement(s,null),u)))}export{m as FilterLayout};
1
+ import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import t from"mousetrap";import*as o from"react";import{Box as n}from"../Box/Box.js";import{Button as a}from"../Button/Button.js";import{Card as l}from"../Card/Card.js";import{Divider as s}from"../Divider/Divider.js";import{StackView as d}from"../StackView/StackView.js";function m(m){var c=m.header,b=m.sidebarWidth,f=void 0===b?400:b,h=m.sidebar,u=m.table,p=m.toolbar,g=e(m,["header","sidebarWidth","sidebar","table","toolbar"]),v="fill"===f,E=o.useState(!1),w=E[0],x=E[1],k=o.useCallback(function(){x(function(e){return!e})},[]);return o.useEffect(function(){return t.bind("f",k),function(){t.unbind("f")}},[]),o.createElement(l,r({minHeight:50,overflow:void 0},g),o.createElement(d,{axis:"horizontal",minHeight:6},o.createElement(a,{grow:0,shrink:0,basis:w?v?"100%":f+"px":"100px",distribution:w?"space-between":void 0,width:"100%",paddingHorizontal:2,borderRightWidth:1,borderRightColor:i("--t-border-color"),radius:0,title:"Filter","aria-label":w?"close filter":"open filter",iconRight:{name:w?"general.leftChevron":"general.threeReducingHorizontalBars",size:w?"xs":"md"},onClick:k}),o.createElement(n,{visible:!(w&&v),grow:1,shrink:1},c)),o.createElement(s,null),o.createElement(d,{axis:"horizontal",grow:1},o.createElement(d,{visible:w,basis:v?"100%":f+"px",borderRightWidth:1,borderRightColor:i("--t-border-color"),backgroundColor:"surfaceSecondary"},h),o.createElement(d,{visibility:w&&v?"hidden":"visible",maxHeight:w&&v?0:"initial",grow:1,shrink:1,basis:"100%"},o.createElement(n,{overflow:"hidden"},p),o.createElement(s,null),u)))}export{m as FilterLayout};
2
2
  //# sourceMappingURL=FilterLayout.js.map
@@ -1,2 +1,2 @@
1
- import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{createContext as r,Component as n}from"react";import{getClosestFocusableElement as o}from"../utils.js";var u=r(void 0),i=function(r){function n(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"nodes",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(e,"setRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return function(r){e.context&&e.context(t)(r),r?e.nodes[t]=r:delete e.nodes[t]}}}),Object.defineProperty(e,"isElementOutside",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return Object.values(e.nodes).every((function(e){return e!==t&&!e.contains(t)}))}}),Object.defineProperty(e,"maybeRestoreFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var n=t?o(t.parentNode):null;if(n){var u=new MutationObserver((function(o){for(var u=function(o){if("childList"===o.type&&o.removedNodes.length>0&&(o.removedNodes[0]===t&&"focus"in n&&"function"==typeof n.focus)){var u=window.pageYOffset;n.focus(),e.isElementOutside(n)&&e.props.onBlur(r),setTimeout((function(){window.scroll(0,u)}))}},i=0,l=o;i<l.length;i++){u(l[i])}}));u.observe(t.parentNode,{childList:!0}),setTimeout((function(){u.disconnect()}),800)}}}),Object.defineProperty(e,"requestBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=t.relatedTarget||document.activeElement;e.maybeRestoreFocus(r,t),e.isElementOutside(r)&&e.props.onBlur(t)}}),e}return e(n,r),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return t.createElement(u.Provider,{value:this.setRef},this.props.children({requestBlur:this.requestBlur,setRef:this.setRef}))}}),Object.defineProperty(n,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onBlur:function(){return null}}}),Object.defineProperty(n,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:u}),n}(n);export{i as default};
1
+ import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{createContext as r,Component as n}from"react";import{getClosestFocusableElement as o}from"../utils.js";var u=r(void 0),i=function(r){function n(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"nodes",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(e,"setRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return function(r){e.context&&e.context(t)(r),r?e.nodes[t]=r:delete e.nodes[t]}}}),Object.defineProperty(e,"isElementOutside",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return Object.values(e.nodes).every(function(e){return e!==t&&!e.contains(t)})}}),Object.defineProperty(e,"maybeRestoreFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var n=t?o(t.parentNode):null;if(n){var u=new MutationObserver(function(o){for(var u=function(o){if("childList"===o.type&&o.removedNodes.length>0&&(o.removedNodes[0]===t&&"focus"in n&&"function"==typeof n.focus)){var u=window.pageYOffset;n.focus(),e.isElementOutside(n)&&e.props.onBlur(r),setTimeout(function(){window.scroll(0,u)})}},i=0,l=o;i<l.length;i++){u(l[i])}});u.observe(t.parentNode,{childList:!0}),setTimeout(function(){u.disconnect()},800)}}}),Object.defineProperty(e,"requestBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=t.relatedTarget||document.activeElement;e.maybeRestoreFocus(r,t),e.isElementOutside(r)&&e.props.onBlur(t)}}),e}return e(n,r),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return t.createElement(u.Provider,{value:this.setRef},this.props.children({requestBlur:this.requestBlur,setRef:this.setRef}))}}),Object.defineProperty(n,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onBlur:function(){return null}}}),Object.defineProperty(n,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:u}),n}(n);export{i as default};
2
2
  //# sourceMappingURL=FocusGroup.js.map
package/dist/Form/Form.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__extends as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{shallowEqual as n}from"../utils.js";var a=function(i){function a(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isEditing:!1,isSubmitting:!1,payload:e.props.initialPayload}}),Object.defineProperty(e,"focusable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"submitTimeoutId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"startSubmitTimeout",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.submitTimeoutId=setTimeout(e.handleSubmit)}}),Object.defineProperty(e,"clearSubmitTimeout",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.submitTimeoutId),e.submitTimeoutId=null}}),Object.defineProperty(e,"handleEditing",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isEditing:!0}),e.focusable&&e.focusable.focus()}}),Object.defineProperty(e,"handleReset",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isEditing:!1,payload:e.props.initialPayload})}}),Object.defineProperty(e,"handleSubmit",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(JSON.stringify(e.props.initialPayload)===JSON.stringify(e.state.payload))e.setState({isEditing:!1},e.clearSubmitTimeout);else{var t=setTimeout((function(){e.setState({isEditing:!1,isSubmitting:!0})}));e.props.onSubmit(e.state.payload,(function(){clearTimeout(t),e.clearSubmitTimeout(),e.setState({isSubmitting:!1})}))}}}),Object.defineProperty(e,"storeFocusRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.focusable||(e.focusable=t)}}),e}return e(a,i),Object.defineProperty(a.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){n(e.initialPayload,this.props.initialPayload)||this.setState({payload:this.props.initialPayload})}}),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.state,n=i.isEditing,a=i.isSubmitting,o=i.payload;return this.props.children(t(t({},this.state),{editButtonProps:{disabled:a,icon:n?void 0:{name:"general.pencil"},onClick:function(){null===e.submitTimeoutId&&(n?e.handleSubmit():e.handleEditing())},spinner:a,title:n?"Save":"Edit",tooltip:n?a?{title:"Saving"}:void 0:{title:"Edit"}},getFieldProps:function(i,r){return void 0===r&&(r=function(e){return e.target.value}),{disabled:a,hover:n,innerRef:e.storeFocusRef,onBlur:function(){e.startSubmitTimeout()},onChange:function(n){var a=r(n);e.setState((function(e){var n;return{payload:t(t({},e.payload),(n={},n[i]=a,n))}}))},onFocus:function(){e.clearSubmitTimeout(),e.setState({isEditing:!0})},onKeyDown:function(t){"Enter"!==t.key&&"Escape"!==t.key||(t.preventDefault(),t.target.blur(),"Escape"===t.key&&e.handleReset())},value:o[i]}}}))}}),a}(i.Component);export{a as default};
1
+ import{__extends as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{shallowEqual as n}from"../utils.js";var a=function(i){function a(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isEditing:!1,isSubmitting:!1,payload:e.props.initialPayload}}),Object.defineProperty(e,"focusable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"submitTimeoutId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"startSubmitTimeout",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.submitTimeoutId=setTimeout(e.handleSubmit)}}),Object.defineProperty(e,"clearSubmitTimeout",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.submitTimeoutId),e.submitTimeoutId=null}}),Object.defineProperty(e,"handleEditing",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isEditing:!0}),e.focusable&&e.focusable.focus()}}),Object.defineProperty(e,"handleReset",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isEditing:!1,payload:e.props.initialPayload})}}),Object.defineProperty(e,"handleSubmit",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(JSON.stringify(e.props.initialPayload)===JSON.stringify(e.state.payload))e.setState({isEditing:!1},e.clearSubmitTimeout);else{var t=setTimeout(function(){e.setState({isEditing:!1,isSubmitting:!0})});e.props.onSubmit(e.state.payload,function(){clearTimeout(t),e.clearSubmitTimeout(),e.setState({isSubmitting:!1})})}}}),Object.defineProperty(e,"storeFocusRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.focusable||(e.focusable=t)}}),e}return e(a,i),Object.defineProperty(a.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){n(e.initialPayload,this.props.initialPayload)||this.setState({payload:this.props.initialPayload})}}),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.state,n=i.isEditing,a=i.isSubmitting,o=i.payload;return this.props.children(t(t({},this.state),{editButtonProps:{disabled:a,icon:n?void 0:{name:"general.pencil"},onClick:function(){null===e.submitTimeoutId&&(n?e.handleSubmit():e.handleEditing())},spinner:a,title:n?"Save":"Edit",tooltip:n?a?{title:"Saving"}:void 0:{title:"Edit"}},getFieldProps:function(i,r){return void 0===r&&(r=function(e){return e.target.value}),{disabled:a,hover:n,innerRef:e.storeFocusRef,onBlur:function(){e.startSubmitTimeout()},onChange:function(n){var a=r(n);e.setState(function(e){var n;return{payload:t(t({},e.payload),(n={},n[i]=a,n))}})},onFocus:function(){e.clearSubmitTimeout(),e.setState({isEditing:!0})},onKeyDown:function(t){"Enter"!==t.key&&"Escape"!==t.key||(t.preventDefault(),t.target.blur(),"Escape"===t.key&&e.handleReset())},value:o[i]}}}))}}),a}(i.Component);export{a as default};
2
2
  //# sourceMappingURL=Form.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as o,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as s}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import r from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as n}from"../VariantProvider/VariantProvider.js";function m(o){return o?o.constructor===Array?o.map((function(o){return"number"==typeof o?"".concat(8*o,"px"):o})).join(" "):o:void 0}var a={getStyles:function(i){var t=i.autoFlow,r=i.autoColumns,n=i.autoRows,a=i.columns,e=i.rows,u=i.alignment,l=i.distribution,d=i.columnSpacing,p=i.rowSpacing,g=i.spacing,c=o(i,["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]);return void 0!==t&&void 0===c.gridAutoFlow&&(c.gridAutoFlow=t),void 0!==r&&void 0===c.gridAutoColumns&&(c.gridAutoColumns=r),void 0!==n&&void 0===c.autoRows&&(c.gridAutoRows=n),void 0!==a&&void 0===c.gridTemplateColumns&&(c.gridTemplateColumns=m(a)),void 0!==e&&void 0===c.gridTemplateRows&&(c.gridTemplateRows=m(e)),void 0!==u&&void 0===c.alignItems&&(c.alignItems=u),void 0!==l&&void 0===c.distribution&&(c.justifyItems=l),void 0!==d&&void 0===c.gridColumnGap&&(c.gridColumnGap=s(d)),void 0!==p&&void 0===c.gridRowGap&&(c.gridRowGap=s(p)),void 0!==g&&void 0===c.gap&&(c.gap=s(g)),c},styleProps:["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]};function e(s){var m=s.as,e=s.inline,u=s.innerRef,l=o(s,["as","inline","innerRef"]),d=m||"div",p=n();return t(d,i({ref:u},r(i({autoColumns:"minmax(0, auto)",display:e?"inline-grid":"grid",plugin:a,variant:p},l))))}export{e as GridView};
1
+ import{__rest as o,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as s}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import r from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as n}from"../VariantProvider/VariantProvider.js";function m(o){return o?o.constructor===Array?o.map(function(o){return"number"==typeof o?"".concat(8*o,"px"):o}).join(" "):o:void 0}var a={getStyles:function(i){var t=i.autoFlow,r=i.autoColumns,n=i.autoRows,a=i.columns,e=i.rows,u=i.alignment,l=i.distribution,d=i.columnSpacing,p=i.rowSpacing,g=i.spacing,c=o(i,["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]);return void 0!==t&&void 0===c.gridAutoFlow&&(c.gridAutoFlow=t),void 0!==r&&void 0===c.gridAutoColumns&&(c.gridAutoColumns=r),void 0!==n&&void 0===c.autoRows&&(c.gridAutoRows=n),void 0!==a&&void 0===c.gridTemplateColumns&&(c.gridTemplateColumns=m(a)),void 0!==e&&void 0===c.gridTemplateRows&&(c.gridTemplateRows=m(e)),void 0!==u&&void 0===c.alignItems&&(c.alignItems=u),void 0!==l&&void 0===c.distribution&&(c.justifyItems=l),void 0!==d&&void 0===c.gridColumnGap&&(c.gridColumnGap=s(d)),void 0!==p&&void 0===c.gridRowGap&&(c.gridRowGap=s(p)),void 0!==g&&void 0===c.gap&&(c.gap=s(g)),c},styleProps:["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]};function e(s){var m=s.as,e=s.inline,u=s.innerRef,l=o(s,["as","inline","innerRef"]),d=m||"div",p=n();return t(d,i({ref:u},r(i({autoColumns:"minmax(0, auto)",display:e?"inline-grid":"grid",plugin:a,variant:p},l))))}export{e as GridView};
2
2
  //# sourceMappingURL=GridView.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as i,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as o}from"../system/utils.js";import{cloneChildren as a}from"../utils.js";function n(n){var e=n.axis,l=void 0===e?"horizontal":e,m=n.childProps,d=n.children,u=n.radius,p=n.spacing,c=i(n,["axis","childProps","children","radius","spacing"]),h=o("group.radius"),f=null!=u?u:h,g="horizontal"===l,x=g?"radiusLeft":"radiusTop",j=g?"radiusRight":"radiusBottom",v=g?0:"-1px",b=g?"-1px":0;return t.createElement(s,r({axis:l,spacing:p},c),a(d,(function(i,t){var s,o=t.firstChild,a=t.lastChild;return r(r(r(r({},m),((s={})[j]=a?f:0,s[x]=o?f:0,s)),!p&&!a&&{marginBottom:v}),!p&&!a&&{marginRight:b})})))}export{n as Group};
1
+ import{__rest as i,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as o}from"../system/utils.js";import{cloneChildren as a}from"../utils.js";function n(n){var e=n.axis,l=void 0===e?"horizontal":e,m=n.childProps,d=n.children,u=n.radius,p=n.spacing,c=i(n,["axis","childProps","children","radius","spacing"]),h=o("group.radius"),f=null!=u?u:h,g="horizontal"===l,x=g?"radiusLeft":"radiusTop",j=g?"radiusRight":"radiusBottom",v=g?0:"-1px",b=g?"-1px":0;return t.createElement(s,r({axis:l,spacing:p},c),a(d,function(i,t){var s,o=t.firstChild,a=t.lastChild;return r(r(r(r({},m),((s={})[j]=a?f:0,s[x]=o?f:0,s)),!p&&!a&&{marginBottom:v}),!p&&!a&&{marginRight:b})}))}export{n as Group};
2
2
  //# sourceMappingURL=Group.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{useState as o,useEffect as n,useCallback as i}from"react";import{Button as l}from"../Button/Button.js";import{Card as a}from"../Card/Card.js";import d from"../Collapse/Collapse.js";import{useThemeValue as u}from"../system/utils.js";var c={};function f(i){var l=i.children,f=i.id,s=e(i,["children","id"]),m=u("helperDrawer"),p=o(!1),g=p[0],h=p[1];return n((function(){return c[f]=function(){return h((function(e){return!e}))},function(){delete c[f]}}),[f]),t.createElement(d,{open:g,lazy:!0,style:{width:"100%"}},t.createElement(a,r({subdued:!0,padding:1,fontSize:4,id:f},m,s),l))}f.Toggle=function(n){var a=n.drawerId,d=e(n,["drawerId"]),f=u("helperDrawerToggle"),s=o(!1),m=s[0],p=s[1],g=i((function(e){var r=c[a];r&&(e.preventDefault(),r(),p((function(e){return!e})))}),[a]);return t.createElement(l,r({icon:{name:"general.outlinedInfoCircle"},"aria-expanded":m,"aria-controls":a,tooltip:{title:"More info"},size:"xs",theme:!1,color:"foregroundSecondary",hover:{backgroundColor:"highlight"},onClick:g,"data-helper-drawer-toggle":!0},f,d))};export{f as default};
1
+ import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{useState as o,useEffect as n,useCallback as i}from"react";import{Button as l}from"../Button/Button.js";import{Card as a}from"../Card/Card.js";import d from"../Collapse/Collapse.js";import{useThemeValue as u}from"../system/utils.js";var c={};function f(i){var l=i.children,f=i.id,s=e(i,["children","id"]),m=u("helperDrawer"),p=o(!1),g=p[0],h=p[1];return n(function(){return c[f]=function(){return h(function(e){return!e})},function(){delete c[f]}},[f]),t.createElement(d,{open:g,lazy:!0,style:{width:"100%"}},t.createElement(a,r({subdued:!0,padding:1,fontSize:4,id:f},m,s),l))}f.Toggle=function(n){var a=n.drawerId,d=e(n,["drawerId"]),f=u("helperDrawerToggle"),s=o(!1),m=s[0],p=s[1],g=i(function(e){var r=c[a];r&&(e.preventDefault(),r(),p(function(e){return!e}))},[a]);return t.createElement(l,r({icon:{name:"general.outlinedInfoCircle"},"aria-expanded":m,"aria-controls":a,tooltip:{title:"More info"},size:"xs",theme:!1,color:"foregroundSecondary",hover:{backgroundColor:"highlight"},onClick:g,"data-helper-drawer-toggle":!0},f,d))};export{f as default};
2
2
  //# sourceMappingURL=HelperDrawer.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{useThemeProps as i}from"../system/utils.js";import{Text as o}from"../Text/Text.js";import{markStartsWithMatchSubstring as n,markFuzzyMatchSubstring as a}from"./utils.js";var m=function(a){var m=a.marker,s=void 0===m?n:m,l=a.query,h=a.text,p=t(a,["marker","query","text"]),u=i("highlight",p),f=u.color,c=void 0===f?"primary":f,g=t(u,["color"]);return e.createElement(o,r({as:"span"},g),s(h,l).map((function(t,r){return e.createElement(o,{key:r,inline:!0,as:t.highlight?"mark":"span",color:t.highlight?c:void 0,backgroundColor:"transparent",fontWeight:"inherit",fontSize:"inherit"},t.text)})))};m.FUZZY=a,m.STARTS_WITH=n;export{m as default};
1
+ import{__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{useThemeProps as i}from"../system/utils.js";import{Text as o}from"../Text/Text.js";import{markStartsWithMatchSubstring as n,markFuzzyMatchSubstring as a}from"./utils.js";var m=function(a){var m=a.marker,s=void 0===m?n:m,l=a.query,h=a.text,p=t(a,["marker","query","text"]),u=i("highlight",p),f=u.color,c=void 0===f?"primary":f,g=t(u,["color"]);return e.createElement(o,r({as:"span"},g),s(h,l).map(function(t,r){return e.createElement(o,{key:r,inline:!0,as:t.highlight?"mark":"span",color:t.highlight?c:void 0,backgroundColor:"transparent",fontWeight:"inherit",fontSize:"inherit"},t.text)}))};m.FUZZY=a,m.STARTS_WITH=n;export{m as default};
2
2
  //# sourceMappingURL=Highlight.js.map
@@ -12,9 +12,6 @@ type IconProps = ComponentProps<typeof Box> & {
12
12
  /** Sizes the container proportionally. */
13
13
  size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string;
14
14
  };
15
- /**
16
- * @deprecated Use `@planningcenter/icons` instead.
17
- */
18
15
  declare const _default: {
19
16
  ({ name, size, color, children, ...props }: IconProps): React.JSX.Element;
20
17
  Path: typeof Path;
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAC5C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;CAC1E,CAAA;AAsCD;;GAEG;;;;;;UAEK,WAAW;YACT,aAAa;;AAFvB,wBAGC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAC5C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;CAC1E,CAAA;;;;;;UAoCO,WAAW;YACT,aAAa;;AAFvB,wBAGC"}
@@ -6,9 +6,6 @@ type Props = ComponentProps<typeof Box> & {
6
6
  /** The name of the icon to render. */
7
7
  name: string;
8
8
  };
9
- /**
10
- * @deprecated Use `@planningcenter/icons` instead.
11
- */
12
9
  declare function Path({ name, color, ...restProps }: Props): React.JSX.Element;
13
10
  declare namespace Path {
14
11
  var displayName: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/Icon/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACxC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;GAEG;AACH,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/Icon/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACxC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}
@@ -7,9 +7,6 @@ export type Props = {
7
7
  /** Uses the filled version of the icon. */
8
8
  variantFilled?: boolean;
9
9
  };
10
- /**
11
- * @deprecated Use `@planningcenter/icons` instead.
12
- */
13
10
  declare function Status(props: Props): React.JSX.Element;
14
11
  declare namespace Status {
15
12
  var displayName: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Icon/Status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,MAAM,MAAM,KAAK,GAAG;IAClB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,OAAO,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAA;IACjD,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED;;GAEG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBAY3B;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Icon/Status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,MAAM,MAAM,KAAK,GAAG;IAClB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,OAAO,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAA;IACjD,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBAY3B;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import n,{cloneElement as i,Component as a}from"react";import{tabbable as s}from"tabbable";import{Box as l}from"../Box/Box.js";import{Button as d}from"../Button/Button.js";import{useDocumentEvent as u}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"../system/default-theme.js";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 u("keydown",(function(e){"Escape"===e.key&&o()})),null}var v=function(a){function u(e){var o=a.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 t=s(r);t.length>0&&(r=t[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(u,a),Object.defineProperty(u.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(u.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,a=e.backgroundColor,s=void 0===a?t("--t-form-background-color"):a,u=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 k=e.readOnly,C=void 0!==k&&k,x=e.readOnlyBackgroundColor,w=void 0===x?t("--t-form-background-color-readonly"):x,S=e.renderLeft,P=e.renderRight,z=e.secondaryStroke,B=void 0===z||z,F=e.size,E=e.state,I=e.subdued,R=e.tabIndex,M=void 0===R?-1:R,H=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","readOnlyBackgroundColor","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),L=this.state,V=L.isFocused,N=L.isHovered,A=this.getBoxStyles(),W=A.boxSize,T=A.fontSize,D=A.lineHeight,U=A.paddingHorizontal,Z={backgroundColor:s,fontSize:T,lineHeight:D,paddingVertical:A.paddingVertical,tabIndex:M,zIndex:V||N?2:1},_={},q={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:W},G=S?W:U,J=P?W:U;return"pill"===H.radius||"pill-left"===H.radius?(Z.paddingLeft=G,Z.paddingRight=J):(H.radius,Z.paddingLeft=G,Z.paddingRight=J),(y||j)&&(Z.paddingRight=W),C?Z.backgroundColor=w:I?Z.backgroundColor=!f&&V?"highlightSecondary":!f&&N?E?"".concat(E,"-1"):"highlight":E?"".concat(E,"-0"):"surfaceTertiary":O||(B&&(Z.boxShadow=!f&&V?"0 0 0 2px var(--colors-separator-focus-secondary)":void 0),Z.strokeAlign="inside",Z.strokeWeight=1,Z.stroke=f?t("--t-form-border-color-disabled"):V?"error"===E?t("--t-form-border-color-error"):E||t("--t-form-border-color-focus"):"error"===E?t("--t-form-border-color-error"):E||t(N?"--t-form-border-color-hover":"--t-form-border-color"),Z.backgroundColor=t(f?"--t-form-background-color-disabled":"--t-form-background-color"),H.color||(_.color=t(f?"--t-form-font-color-disabled":"--t-form-font-color"))),g&&(Z["aria-labelledby"]="".concat(g,"-label")),m&&(Z.paddingLeft=Z.paddingVertical,Z.paddingRight=Z.paddingVertical),v&&(Z.spacing=m?Z.paddingVertical:U),f?(_.cursor="not-allowed",Z.tabIndex=void 0,_.opacity=H.color||O?.64:1):O||(N&&H.hover&&Object.assign(H,H.hover),V&&H.focus&&Object.assign(H,H.focus),H=r(r({},H),{focus:r({strokeAlign:"inside",strokeWeight:1},H.focus),hover:r({strokeAlign:"inside",strokeWeight:1},H.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:W,radius:t("--t-form-border-radius"),readOnly:C,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},Z,H,_),S&&n.createElement(l,r({},q,{left:0}),"function"==typeof S?S(F):i(S,{size:S.props&&S.props.size||F})),u,(y||j||P)&&n.createElement(l,r({},q,{right:0}),y?n.createElement(c,{size:F}):j?n.createElement(d,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof P?P(F):P?i(P,{size:P.props&&P.props.size||F}):null),j&&n.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(u,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(u,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),u}(a);export{v as default};
1
+ import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import n,{cloneElement as i,Component as a}from"react";import{tabbable as s}from"tabbable";import{Box as l}from"../Box/Box.js";import{Button as d}from"../Button/Button.js";import{useDocumentEvent as u}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"../system/default-theme.js";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 u("keydown",function(e){"Escape"===e.key&&o()}),null}var v=function(a){function u(e){var o=a.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 t=s(r);t.length>0&&(r=t[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(u,a),Object.defineProperty(u.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(u.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,a=e.backgroundColor,s=void 0===a?t("--t-form-background-color"):a,u=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 k=e.readOnly,C=void 0!==k&&k,x=e.readOnlyBackgroundColor,w=void 0===x?t("--t-form-background-color-readonly"):x,S=e.renderLeft,P=e.renderRight,z=e.secondaryStroke,B=void 0===z||z,F=e.size,E=e.state,I=e.subdued,R=e.tabIndex,M=void 0===R?-1:R,H=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","readOnlyBackgroundColor","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),L=this.state,V=L.isFocused,N=L.isHovered,A=this.getBoxStyles(),W=A.boxSize,T=A.fontSize,D=A.lineHeight,U=A.paddingHorizontal,Z={backgroundColor:s,fontSize:T,lineHeight:D,paddingVertical:A.paddingVertical,tabIndex:M,zIndex:V||N?2:1},_={},q={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:W},G=S?W:U,J=P?W:U;return"pill"===H.radius||"pill-left"===H.radius?(Z.paddingLeft=G,Z.paddingRight=J):(H.radius,Z.paddingLeft=G,Z.paddingRight=J),(y||j)&&(Z.paddingRight=W),C?Z.backgroundColor=w:I?Z.backgroundColor=!f&&V?"highlightSecondary":!f&&N?E?"".concat(E,"-1"):"highlight":E?"".concat(E,"-0"):"surfaceTertiary":O||(B&&(Z.boxShadow=!f&&V?"0 0 0 2px var(--colors-separator-focus-secondary)":void 0),Z.strokeAlign="inside",Z.strokeWeight=1,Z.stroke=f?t("--t-form-border-color-disabled"):V?"error"===E?t("--t-form-border-color-error"):E||t("--t-form-border-color-focus"):"error"===E?t("--t-form-border-color-error"):E||t(N?"--t-form-border-color-hover":"--t-form-border-color"),Z.backgroundColor=t(f?"--t-form-background-color-disabled":"--t-form-background-color"),H.color||(_.color=t(f?"--t-form-font-color-disabled":"--t-form-font-color"))),g&&(Z["aria-labelledby"]="".concat(g,"-label")),m&&(Z.paddingLeft=Z.paddingVertical,Z.paddingRight=Z.paddingVertical),v&&(Z.spacing=m?Z.paddingVertical:U),f?(_.cursor="not-allowed",Z.tabIndex=void 0,_.opacity=H.color||O?.64:1):O||(N&&H.hover&&Object.assign(H,H.hover),V&&H.focus&&Object.assign(H,H.focus),H=r(r({},H),{focus:r({strokeAlign:"inside",strokeWeight:1},H.focus),hover:r({strokeAlign:"inside",strokeWeight:1},H.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:W,radius:t("--t-form-border-radius"),readOnly:C,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},Z,H,_),S&&n.createElement(l,r({},q,{left:0}),"function"==typeof S?S(F):i(S,{size:S.props&&S.props.size||F})),u,(y||j||P)&&n.createElement(l,r({},q,{right:0}),y?n.createElement(c,{size:F}):j?n.createElement(d,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof P?P(F):P?i(P,{size:P.props&&P.props.size||F}):null),j&&n.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(u,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(u,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),u}(a);export{v as default};
2
2
  //# sourceMappingURL=InputBox.js.map
@@ -1,2 +1,2 @@
1
- import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import n,{Component as r}from"react";import{Box as a}from"../Box/Box.js";import{getBoxSize as l}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as p,deselectCurrentTextRange as u,getTextWidth as s}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import d from"./InputContext.js";import{inputs as h,inputLabels as c}from"./utils.js";var b={"::-ms-clear":{display:"none"},"::-webkit-clear-button":{display:"none"},"::-webkit-inner-spin-button, ::-webkit-outer-spin-button":{display:"none"},"::-webkit-search-cancel-button":{display:"none"},MozAppearance:"textfield",appearance:"none",boxShadow:"none",outline:0},f=function(r){function f(e){var t=r.call(this,e)||this;return Object.defineProperty(t,"shouldUpdateWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"canHighlight",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_lastTextWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.node=e,t.props.innerRef&&t.props.innerRef(e)}}),Object.defineProperty(t,"getAutoWidthValue",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return!0===t.props.autoWidth?null!==t.props.value&&void 0!==t.props.value?t.props.value:e:t.props.autoWidth}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),p(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&p(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&u(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(h[e.id]=t),t}return e(f,r),Object.defineProperty(f.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(void 0!==this.props.autoWidth){var e=this.getAutoWidthValue(void 0!==this.props.defaultValue?this.props.defaultValue:this.props.placeholder);void 0!==e&&this.setWidth(e)}}}),Object.defineProperty(f.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(p(this.node),this.canHighlight=!1)}}),Object.defineProperty(f.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete h[this.props.id]}}),Object.defineProperty(f.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=s(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),n=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0),r=Number(n)+1;"width"!==t&&"both"!==t||(this.node.style.width="".concat(r,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(r,"px")),this._lastTextWidth=o}}}),Object.defineProperty(f.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props;i.autoWidth,i.autoWidthType;var r=i.css,p=i.disabled;i.innerRef,i.onBlur,i.onChange,i.onFocus,i.onKeyDown,i.onMouseDown,i.onMouseUp;var u=i.placeholderColor;i.highlightOnInteraction;var s=i.size,h=t(i,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),f={"::-webkit-input-placeholder":{color:u},"::placeholder":{color:u},":-moz-placeholder":{color:u},":-ms-input-placeholder":{color:u}};return n.createElement(d.Consumer,null,(function(t){var i={},u=t?t.getBoxStyles():l(s),d=u.fontSize,g=u.lineHeight;return e.inputBox||(e.inputBox=t),c[e.props.id]&&(i["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&h.hover&&Object.assign(h,h.hover),n.createElement(a,o({as:"input",innerRef:e.setNode,disabled:p,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:d,lineHeight:g,minHeight:g,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[b,f,r]},h,i))}))}}),Object.defineProperty(f,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{autoWidthType:"both",placeholderColor:i("--t-form-placeholder-color")}}),Object.defineProperty(f,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),f}(r);export{f as default};
1
+ import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import n,{Component as r}from"react";import{Box as a}from"../Box/Box.js";import{getBoxSize as l}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as p,deselectCurrentTextRange as u,getTextWidth as s}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import d from"./InputContext.js";import{inputs as h,inputLabels as c}from"./utils.js";var b={"::-ms-clear":{display:"none"},"::-webkit-clear-button":{display:"none"},"::-webkit-inner-spin-button, ::-webkit-outer-spin-button":{display:"none"},"::-webkit-search-cancel-button":{display:"none"},MozAppearance:"textfield",appearance:"none",boxShadow:"none",outline:0},f=function(r){function f(e){var t=r.call(this,e)||this;return Object.defineProperty(t,"shouldUpdateWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"canHighlight",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_lastTextWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.node=e,t.props.innerRef&&t.props.innerRef(e)}}),Object.defineProperty(t,"getAutoWidthValue",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return!0===t.props.autoWidth?null!==t.props.value&&void 0!==t.props.value?t.props.value:e:t.props.autoWidth}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),p(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&p(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&u(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(h[e.id]=t),t}return e(f,r),Object.defineProperty(f.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(void 0!==this.props.autoWidth){var e=this.getAutoWidthValue(void 0!==this.props.defaultValue?this.props.defaultValue:this.props.placeholder);void 0!==e&&this.setWidth(e)}}}),Object.defineProperty(f.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(p(this.node),this.canHighlight=!1)}}),Object.defineProperty(f.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete h[this.props.id]}}),Object.defineProperty(f.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=s(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),n=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce(function(e,t){return e+parseInt(t,10)},0),r=Number(n)+1;"width"!==t&&"both"!==t||(this.node.style.width="".concat(r,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(r,"px")),this._lastTextWidth=o}}}),Object.defineProperty(f.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props;i.autoWidth,i.autoWidthType;var r=i.css,p=i.disabled;i.innerRef,i.onBlur,i.onChange,i.onFocus,i.onKeyDown,i.onMouseDown,i.onMouseUp;var u=i.placeholderColor;i.highlightOnInteraction;var s=i.size,h=t(i,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),f={"::-webkit-input-placeholder":{color:u},"::placeholder":{color:u},":-moz-placeholder":{color:u},":-ms-input-placeholder":{color:u}};return n.createElement(d.Consumer,null,function(t){var i={},u=t?t.getBoxStyles():l(s),d=u.fontSize,g=u.lineHeight;return e.inputBox||(e.inputBox=t),c[e.props.id]&&(i["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&h.hover&&Object.assign(h,h.hover),n.createElement(a,o({as:"input",innerRef:e.setNode,disabled:p,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:d,lineHeight:g,minHeight:g,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[b,f,r]},h,i))})}}),Object.defineProperty(f,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{autoWidthType:"both",placeholderColor:i("--t-form-placeholder-color")}}),Object.defineProperty(f,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),f}(r);export{f as default};
2
2
  //# sourceMappingURL=InputField.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import o,{useRef as r,useEffect as s,useCallback as n}from"react";import{getColor as i}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as m}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as u}from"../Text/Text.js";import{inputs as l,inputLabels as c}from"./utils.js";function a(a){var p=a.controls,f=a.state,d=t(a,["controls","state"]),j=t(m("inputLabel",d),[]),y=r(null);p&&(j.id="".concat(p,"-label")),f&&(j.color=i(f)),s((function(){if(p)return y.current=l[p],c[p]=!0,function(){delete c[p]}}),[]);var b=n((function(){y.current&&y.current.focus()}),[y]),v=n((function(){y.current&&y.current.setState({isHovered:!0})}),[y]),x=n((function(){y.current&&y.current.setState({isHovered:!1})}),[y]);return o.createElement(u,e({as:"label",onMouseOver:v,onMouseOut:x,onClick:b},j))}a.displayName="Input.InputLabel";export{a as default};
1
+ import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import o,{useRef as r,useEffect as s,useCallback as n}from"react";import{getColor as i}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as m}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as u}from"../Text/Text.js";import{inputs as l,inputLabels as c}from"./utils.js";function a(a){var p=a.controls,f=a.state,d=t(a,["controls","state"]),j=t(m("inputLabel",d),[]),y=r(null);p&&(j.id="".concat(p,"-label")),f&&(j.color=i(f)),s(function(){if(p)return y.current=l[p],c[p]=!0,function(){delete c[p]}},[]);var b=n(function(){y.current&&y.current.focus()},[y]),v=n(function(){y.current&&y.current.setState({isHovered:!0})},[y]),x=n(function(){y.current&&y.current.setState({isHovered:!1})},[y]);return o.createElement(u,e({as:"label",onMouseOver:v,onMouseOut:x,onClick:b},j))}a.displayName="Input.InputLabel";export{a as default};
2
2
  //# sourceMappingURL=InputLabel.js.map
@@ -1,2 +1,2 @@
1
- import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import i from"./ItemListContext.js";import{scrollIntoView as n,isNumberKey as l,isLetterKey as o,isSpecialKey as a,isComboKey as u,modulo as c}from"./utils.js";var d=0,b=function(r){function b(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"stringSearchTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"highlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"controllers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(e,"highlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:"item-list-".concat(d++)}),Object.defineProperty(e,"items",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(e,"searchString",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(e,"getItemId",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return null===t?null:"".concat(e.id,"-item-").concat(t)}}),Object.defineProperty(e,"getItemNode",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r;return null===t?null:null===(r=e.items[t])||void 0===r?void 0:r.getNode()}}),Object.defineProperty(e,"getItemByText",{enumerable:!0,configurable:!0,writable:!0,value:function(t){for(var r=0;r<e.items.length;r++){var i=e.items[r],n=i.props.text||String(i.props.data);if(!i.props.disabled&&0===n.toLowerCase().indexOf(t))return i}return null}}),Object.defineProperty(e,"subscribeController",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return e.controllers.push(t),function(){e.controllers.splice(e.controllers.indexOf(t),1)}}}),Object.defineProperty(e,"subscribeItem",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return e.items.splice(t.props.index,0,t),function(){t.props.index===e.highlightedIndex&&(e.highlightedIndex=null),e.items.splice(e.items.indexOf(t),1)}}}),Object.defineProperty(e,"scrollItemIntoViewByIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.getItemNode(t);r&&n(r)}}),Object.defineProperty(e,"stringSearch",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){return void 0===r&&(r=300),new Promise((function(i){(l(t)||o(t)||a(t))&&!u(t)&&(t.preventDefault(),e.addToSearchString(t.key),e.startSearchStringRefreshTimer(r),i(e.searchString))}))}}),Object.defineProperty(e,"addToSearchString",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.searchString+=t.toLowerCase()}}),Object.defineProperty(e,"clearSearchString",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.searchString=""}}),Object.defineProperty(e,"startSearchStringRefreshTimer",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.clearSearchStringRefreshTimer(),e.stringSearchTimer=setTimeout((function(){e.clearSearchString()}),t)}}),Object.defineProperty(e,"clearSearchStringRefreshTimer",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.stringSearchTimer)}}),Object.defineProperty(e,"getHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(){return e.highlightedIndex}}),Object.defineProperty(e,"getHighlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:function(){return e.highlightedItemId}}),Object.defineProperty(e,"setHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var i=void 0===r?{}:r,l=i.focus,o=void 0!==l&&l,a=i.maybeScrollIntoView,u=void 0===a||a,c={lastIndex:e.highlightedIndex,newIndex:t},d=e.items[t];if(0!==e.items.length){if(d&&d.props.disabled&&(t=null),null!==t){var b=e.getItemNode(t);u&&b&&n(b),o&&(null==b||b.focus())}e.props.onHighlight&&e.props.onHighlight(c),e.items.forEach((function(e){e.props.index===t?(e.highlighted=!0,e.forceUpdate()):e.highlighted?(e.highlighted=!1,e.forceUpdate()):e.highlighted=!1})),e.controllers.forEach((function(r){r.highlightedItemId=e.getItemId(t),r.forceUpdate()})),e.highlightedIndex=t,e.highlightedItemId=e.getItemId(t)}}}),Object.defineProperty(e,"moveHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var i=void 0===r?{}:r,n=i.contain,l=void 0===n||n,o=i.focus,a=void 0!==o&&o,u=i.maybeScrollIntoView,d=void 0!==u&&u,b=e.items.length,g=e.highlightedIndex;null===g?g=t>=0?0:b-1:((g+=t)<0||g>=b)&&(g=l?c(e.highlightedIndex+t,b):null);var f=e.items[g];f&&f.props.disabled?(e.highlightedIndex=g,e.moveHighlightedIndex(t,{contain:l,focus:a,maybeScrollIntoView:d})):e.setHighlightedIndex(g,{focus:a,maybeScrollIntoView:d})}}),Object.defineProperty(e,"clearHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setHighlightedIndex(null)}}),Object.defineProperty(e,"selectItemByIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.items[t];r&&(e.props.onSelect(r.props.data,{index:r.props.index,node:r.node}),r.props.onSelect&&r.props.onSelect(r.node))}}),Object.defineProperty(e,"selectItem",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.selectItemByIndex(t)}}),Object.defineProperty(e,"selectHighlightedItem",{enumerable:!0,configurable:!0,writable:!0,value:function(){null!==e.highlightedIndex&&e.selectItemByIndex(e.highlightedIndex)}}),Object.defineProperty(e,"isItemSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.props.selected;return"function"==typeof r?r(t):r===t}}),e}return e(b,r),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.children;return t.createElement(i.Provider,{value:this},"function"==typeof e?e(this):e)}}),b}(r);export{b as default};
1
+ import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import i from"./ItemListContext.js";import{scrollIntoView as n,isNumberKey as l,isLetterKey as o,isSpecialKey as a,isComboKey as u,modulo as c}from"./utils.js";var d=0,b=function(r){function b(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"stringSearchTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"highlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"controllers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(e,"highlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:"item-list-".concat(d++)}),Object.defineProperty(e,"items",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(e,"searchString",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(e,"getItemId",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return null===t?null:"".concat(e.id,"-item-").concat(t)}}),Object.defineProperty(e,"getItemNode",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r;return null===t?null:null===(r=e.items[t])||void 0===r?void 0:r.getNode()}}),Object.defineProperty(e,"getItemByText",{enumerable:!0,configurable:!0,writable:!0,value:function(t){for(var r=0;r<e.items.length;r++){var i=e.items[r],n=i.props.text||String(i.props.data);if(!i.props.disabled&&0===n.toLowerCase().indexOf(t))return i}return null}}),Object.defineProperty(e,"subscribeController",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return e.controllers.push(t),function(){e.controllers.splice(e.controllers.indexOf(t),1)}}}),Object.defineProperty(e,"subscribeItem",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return e.items.splice(t.props.index,0,t),function(){t.props.index===e.highlightedIndex&&(e.highlightedIndex=null),e.items.splice(e.items.indexOf(t),1)}}}),Object.defineProperty(e,"scrollItemIntoViewByIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.getItemNode(t);r&&n(r)}}),Object.defineProperty(e,"stringSearch",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){return void 0===r&&(r=300),new Promise(function(i){(l(t)||o(t)||a(t))&&!u(t)&&(t.preventDefault(),e.addToSearchString(t.key),e.startSearchStringRefreshTimer(r),i(e.searchString))})}}),Object.defineProperty(e,"addToSearchString",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.searchString+=t.toLowerCase()}}),Object.defineProperty(e,"clearSearchString",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.searchString=""}}),Object.defineProperty(e,"startSearchStringRefreshTimer",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.clearSearchStringRefreshTimer(),e.stringSearchTimer=setTimeout(function(){e.clearSearchString()},t)}}),Object.defineProperty(e,"clearSearchStringRefreshTimer",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.stringSearchTimer)}}),Object.defineProperty(e,"getHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(){return e.highlightedIndex}}),Object.defineProperty(e,"getHighlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:function(){return e.highlightedItemId}}),Object.defineProperty(e,"setHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var i=void 0===r?{}:r,l=i.focus,o=void 0!==l&&l,a=i.maybeScrollIntoView,u=void 0===a||a,c={lastIndex:e.highlightedIndex,newIndex:t},d=e.items[t];if(0!==e.items.length){if(d&&d.props.disabled&&(t=null),null!==t){var b=e.getItemNode(t);u&&b&&n(b),o&&(null==b||b.focus())}e.props.onHighlight&&e.props.onHighlight(c),e.items.forEach(function(e){e.props.index===t?(e.highlighted=!0,e.forceUpdate()):e.highlighted?(e.highlighted=!1,e.forceUpdate()):e.highlighted=!1}),e.controllers.forEach(function(r){r.highlightedItemId=e.getItemId(t),r.forceUpdate()}),e.highlightedIndex=t,e.highlightedItemId=e.getItemId(t)}}}),Object.defineProperty(e,"moveHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var i=void 0===r?{}:r,n=i.contain,l=void 0===n||n,o=i.focus,a=void 0!==o&&o,u=i.maybeScrollIntoView,d=void 0!==u&&u,b=e.items.length,g=e.highlightedIndex;null===g?g=t>=0?0:b-1:((g+=t)<0||g>=b)&&(g=l?c(e.highlightedIndex+t,b):null);var f=e.items[g];f&&f.props.disabled?(e.highlightedIndex=g,e.moveHighlightedIndex(t,{contain:l,focus:a,maybeScrollIntoView:d})):e.setHighlightedIndex(g,{focus:a,maybeScrollIntoView:d})}}),Object.defineProperty(e,"clearHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setHighlightedIndex(null)}}),Object.defineProperty(e,"selectItemByIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.items[t];r&&(e.props.onSelect(r.props.data,{index:r.props.index,node:r.node}),r.props.onSelect&&r.props.onSelect(r.node))}}),Object.defineProperty(e,"selectItem",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.selectItemByIndex(t)}}),Object.defineProperty(e,"selectHighlightedItem",{enumerable:!0,configurable:!0,writable:!0,value:function(){null!==e.highlightedIndex&&e.selectItemByIndex(e.highlightedIndex)}}),Object.defineProperty(e,"isItemSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.props.selected;return"function"==typeof r?r(t):r===t}}),e}return e(b,r),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.children;return t.createElement(i.Provider,{value:this},"function"==typeof e?e(this):e)}}),b}(r);export{b as default};
2
2
  //# sourceMappingURL=ItemList.js.map
@@ -1,2 +1,2 @@
1
- import{__extends as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{Component as i}from"react";import n from"./ItemListContext.js";var o=function(i){function o(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"unsubscribeController",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"highlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:null}),e}return e(o,i),Object.defineProperty(o.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.unsubscribeController=this.itemList.subscribeController(this)}}),Object.defineProperty(o.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.unsubscribeController()}}),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return r.createElement(n.Consumer,null,(function(r){return e.itemList||(e.itemList=r),e.props.children(t(t({},r),{highlightedItemId:e.highlightedItemId}))}))}}),o}(i);export{o as default};
1
+ import{__extends as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{Component as i}from"react";import n from"./ItemListContext.js";var o=function(i){function o(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"unsubscribeController",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"highlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:null}),e}return e(o,i),Object.defineProperty(o.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.unsubscribeController=this.itemList.subscribeController(this)}}),Object.defineProperty(o.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.unsubscribeController()}}),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return r.createElement(n.Consumer,null,function(r){return e.itemList||(e.itemList=r),e.props.children(t(t({},r),{highlightedItemId:e.highlightedItemId}))})}}),o}(i);export{o as default};
2
2
  //# sourceMappingURL=ItemListController.js.map
@@ -1,2 +1,2 @@
1
- import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as i}from"react";import r from"./ItemListContext.js";var n=function(i){function n(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"unsubscribeItem",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"node",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"highlighted",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"highlight",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.props.disabled||e.itemList.setHighlightedIndex(e.props.index,{maybeScrollIntoView:!1})}}),Object.defineProperty(e,"select",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.props.disabled||e.itemList.selectItem(e.props.index)}}),e}return e(n,i),Object.defineProperty(n.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setNode(),this.unsubscribeItem=this.itemList.subscribeItem(this)}}),Object.defineProperty(n.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.index!==this.props.index&&(this.itemList.items.sort((function(e,t){return e.props.index-t.props.index})),this.setNode())}}),Object.defineProperty(n.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.unsubscribeItem()}}),Object.defineProperty(n.prototype,"setNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.node=document.getElementById(this.itemList.getItemId(this.props.index))}}),Object.defineProperty(n.prototype,"getNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.node}}),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return t.createElement(r.Consumer,null,(function(t){return e.itemList||(e.itemList=t),e.props.children({clearHighlight:t.clearHighlightedIndex,highlight:e.highlight,highlighted:e.highlighted,id:t.getItemId(e.props.index),select:e.select,selected:t.isItemSelected(e.props.data)})}))}}),n}(i);export{n as default};
1
+ import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as i}from"react";import r from"./ItemListContext.js";var n=function(i){function n(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"unsubscribeItem",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"node",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"highlighted",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"highlight",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.props.disabled||e.itemList.setHighlightedIndex(e.props.index,{maybeScrollIntoView:!1})}}),Object.defineProperty(e,"select",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.props.disabled||e.itemList.selectItem(e.props.index)}}),e}return e(n,i),Object.defineProperty(n.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setNode(),this.unsubscribeItem=this.itemList.subscribeItem(this)}}),Object.defineProperty(n.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.index!==this.props.index&&(this.itemList.items.sort(function(e,t){return e.props.index-t.props.index}),this.setNode())}}),Object.defineProperty(n.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.unsubscribeItem()}}),Object.defineProperty(n.prototype,"setNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.node=document.getElementById(this.itemList.getItemId(this.props.index))}}),Object.defineProperty(n.prototype,"getNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.node}}),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return t.createElement(r.Consumer,null,function(t){return e.itemList||(e.itemList=t),e.props.children({clearHighlight:t.clearHighlightedIndex,highlight:e.highlight,highlighted:e.highlighted,id:t.getItemId(e.props.index),select:e.select,selected:t.isItemSelected(e.props.data)})})}}),n}(i);export{n as default};
2
2
  //# sourceMappingURL=ItemListItem.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Divider as i}from"../Divider/Divider.js";import{Link as n}from"../Link/Link.js";import{StackView as o}from"../StackView/StackView.js";function a(a){var m=a.links,l=e(a,["links"]);return t.createElement(o,r({axis:"horizontal",alignment:"center",spacing:t.createElement(i,{axis:"vertical",margin:1,color:"grey-6"}),wrap:!0},l),m.map((function(e){return t.createElement(n,{key:e.url,to:e.url},e.name)})))}export{a as default};
1
+ import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Divider as i}from"../Divider/Divider.js";import{Link as n}from"../Link/Link.js";import{StackView as o}from"../StackView/StackView.js";function a(a){var m=a.links,l=e(a,["links"]);return t.createElement(o,r({axis:"horizontal",alignment:"center",spacing:t.createElement(i,{axis:"vertical",margin:1,color:"grey-6"}),wrap:!0},l),m.map(function(e){return t.createElement(n,{key:e.url,to:e.url},e.name)}))}export{a as default};
2
2
  //# sourceMappingURL=LinkList.js.map
package/dist/List/List.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as e}from"@planningcenter/tapestry";import t from"react";import{StackView as i}from"../StackView/StackView.js";import{cloneChildren as d}from"../utils.js";import m from"./ListItem.js";function n(m){var n=m.border,s=m.borderColor,l=void 0===s?e("--t-border-color"):s,p=m.children,v=m.divider,b=void 0===v||v,u=m.dividerColor,c=void 0===u?e("--t-border-color"):u,R=m.onItemRemoveRequest,a=o(m,["border","borderColor","children","divider","dividerColor","onItemRemoveRequest"]),f={};return n&&(f.borderTopWidth=1,f.borderTopColor=l,f.borderBottomWidth=1,f.borderBottomColor=l),t.createElement(i,r({},a,f),d(p,(function(o,e){var t=e.index,i=e.lastChild,d=b&&!i?{borderBottomColor:c,borderBottomWidth:1}:{},m={};return(R||o.props.onRemoveRequest)&&(m.onRemoveRequest=function(){R&&R(t),o.props.onRemoveRequest&&o.props.onRemoveRequest(t)}),r(r({},d),m)})))}n.Item=m;export{n as List};
1
+ import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as e}from"@planningcenter/tapestry";import t from"react";import{StackView as i}from"../StackView/StackView.js";import{cloneChildren as d}from"../utils.js";import m from"./ListItem.js";function n(m){var n=m.border,s=m.borderColor,l=void 0===s?e("--t-border-color"):s,p=m.children,v=m.divider,b=void 0===v||v,u=m.dividerColor,c=void 0===u?e("--t-border-color"):u,R=m.onItemRemoveRequest,a=o(m,["border","borderColor","children","divider","dividerColor","onItemRemoveRequest"]),f={};return n&&(f.borderTopWidth=1,f.borderTopColor=l,f.borderBottomWidth=1,f.borderBottomColor=l),t.createElement(i,r({},a,f),d(p,function(o,e){var t=e.index,i=e.lastChild,d=b&&!i?{borderBottomColor:c,borderBottomWidth:1}:{},m={};return(R||o.props.onRemoveRequest)&&(m.onRemoveRequest=function(){R&&R(t),o.props.onRemoveRequest&&o.props.onRemoveRequest(t)}),r(r({},d),m)}))}n.Item=m;export{n as List};
2
2
  //# sourceMappingURL=List.js.map
package/dist/Logo/Logo.js CHANGED
@@ -1,2 +1,2 @@
1
- import o from"react";import{Box as r}from"../Box/Box.js";import{generateId as e}from"../utils.js";import{logos as l}from"./logos/index.js";var t={lg:"24px",md:"18px",sm:"16px",xl:"32px",xs:"14px"},i=function(i){var a=i.markOnly,s=void 0!==a&&a,m=i.name,n=i.parentAs,p=void 0===n?"span":n,d=i.size,x=void 0===d?"md":d,g=i.theme,h=void 0===g?"white":g,c=e("logo"),v=l[m](c),f=t[x]||x,u=s?"color"===h?v.logoMarkColor:v.logoMarkWhite:"color"===h?v.logoColor:v.logoWhite;return m&&l[m]?o.createElement(r,{as:p,css:{svg:{height:"100%",width:"auto"}},display:"inline-flex",height:f,width:"auto"},u):(console.error("Invalid logo name: ".concat(m)),null)};export{i as default};
1
+ import o from"react";import{Box as r}from"../Box/Box.js";import{generateId as e}from"../utils.js";import{logos as t}from"./logos/index.js";var i={lg:"24px",md:"18px",sm:"16px",xl:"32px",xs:"14px"},l=function(l){var a=l.markOnly,n=void 0!==a&&a,s=l.name,m=l.parentAs,p=void 0===m?"span":m,d=l.size,x=void 0===d?"md":d,g=l.theme,h=void 0===g?"white":g;if(!s||!t[s])return console.error("Invalid logo name: ".concat(s)),null;var c=e("logo"),v=t[s](c),f=i[x]||x,u=n?"color"===h?v.logoMarkColor:v.logoMarkWhite:"color"===h?v.logoColor:v.logoWhite;return o.createElement(r,{as:p,css:{svg:{height:"100%",width:"auto"}},display:"inline-flex",height:f,width:"auto"},u)};export{l as default};
2
2
  //# sourceMappingURL=Logo.js.map
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Logo.test.d.ts.map