@zendeskgarden/container-selection - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [1.0.1](https://github.com/zendeskgarden/react-containers/compare/@zendeskgarden/container-selection@1.0.0...@zendeskgarden/container-selection@1.0.1) (2019-05-13)
+
+
+### Bug Fixes
+
+* **selection|buttongroup|pagination:** Pass focusRef through as ref ([#29](https://github.com/zendeskgarden/react-containers/issues/29)) ([9eb0528](https://github.com/zendeskgarden/react-containers/commit/9eb0528))
+
+
+
+
+
 # [1.0.0](https://github.com/zendeskgarden/react-containers/compare/@zendeskgarden/container-selection@0.3.0...@zendeskgarden/container-selection@1.0.0) (2019-05-07)
@@ -8,0 +19,0 @@

dist/index.js

@@ -6,3 +6,3 @@ /*!
  */
-!function(e,t){for(var r in t)e[r]=t[r]}(exports,function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=3)}([function(e,t){e.exports=require("@zendeskgarden/container-utilities")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t,r){"use strict";r.r(t);var n=r(2),o=r(0),i={HORIZONTAL:"horizontal",VERTICAL:"vertical",BOTH:"both"},u={FOCUS:"FOCUS",INCREMENT:"INCREMENT",DECREMENT:"DECREMENT",HOME:"HOME",END:"END",MOUSE_SELECT:"MOUSE_SELECT",KEYBOARD_SELECT:"KEYBOARD_SELECT",EXIT_WIDGET:"EXIT_WIDGET"};function c(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var u,c=e[Symbol.iterator]();!(n=(u=c.next()).done)&&(r.push(u.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw i}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){s(e,t,r[t])})}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.direction,r=void 0===t?i.HORIZONTAL:t,f=e.defaultFocusedIndex,d=void 0===f?0:f,E=e.rtl,p=e.selectedItem,O=e.focusedItem,y=e.onSelect,m=e.onFocus,v=[],b=[],I=l(Object(n.useReducer)(function(e,t){return function(e,t,r){var n=r.focusedItem,i=r.selectedItem,c=r.onFocus,l=r.onSelect,s=Object(o.getControlledValue)(n,e.focusedItem),f=Object(o.getControlledValue)(i,e.selectedItem),d=void 0===s?t.items.indexOf(f):t.items.indexOf(s);switch(t.type){case u.FOCUS:return c?(c(t.payload),e):a({},e,{focusedItem:t.payload});case u.INCREMENT:var E=t.items[(d+1)%t.items.length];return c?(c(E),e):a({},e,{focusedItem:E});case u.DECREMENT:var p=t.items[(d+t.items.length-1)%t.items.length];return c?(c(p),e):a({},e,{focusedItem:p});case u.HOME:return c?(c(t.items[0]),e):a({},e,{focusedItem:t.items[0]});case u.END:return c?(c(t.items[t.items.length-1]),e):a({},e,{focusedItem:t.items[t.items.length-1]});case u.MOUSE_SELECT:var O=!1,y=!1;if(l&&(l(t.payload),O=!0),c&&(c(void 0),y=!0),y&&O)return e;var m=a({},e);return O||(m.selectedItem=t.payload),y||(m.focusedItem=void 0),m;case u.KEYBOARD_SELECT:return l?(l(t.payload),a({},e)):a({},e,{selectedItem:t.payload});case u.EXIT_WIDGET:return c?(c(void 0),e):a({},e,{focusedItem:void 0});default:return e}}(e,t,{onSelect:y,onFocus:m,selectedItem:p,focusedItem:O})},{selectedItem:p,focusedItem:O}),2),C=I[0],T=I[1],S=Object(o.getControlledValue)(O,C.focusedItem),g=Object(o.getControlledValue)(p,C.selectedItem);Object(n.useEffect)(function(){if(void 0!==S){var e=b.indexOf(S);v[e]&&v[e].current.focus()}},[S,b,v]);return{focusedItem:S,selectedItem:g,getItemProps:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.selectedAriaKey,l=void 0===n?"aria-selected":n,f=t.role,p=void 0===f?"option":f,O=t.onFocus,y=t.onKeyDown,m=t.onClick,I=t.item,C=t.focusRef,D=c(t,["selectedAriaKey","role","onFocus","onKeyDown","onClick","item","focusRef"]);if(void 0===I)throw new Error('Accessibility Error: You must provide an "item" option to "getItemProps()"');if(void 0===C)throw new Error('Accessibility Error: You must provide a "focusRef" option to "getItemProps()"');v.push(C),b.push(I);var h=g===I,j=(void 0===S?h:S===I)||void 0===g&&void 0===S&&b.indexOf(I)===d?0:-1,R=r===i.VERTICAL||r===i.BOTH,N=r===i.HORIZONTAL||r===i.BOTH;return a((s(e={role:p,tabIndex:j},l,h),s(e,"onFocus",Object(o.composeEventHandlers)(O,function(){T({type:u.FOCUS,payload:I,items:b})})),s(e,"onBlur",function(e){0===e.target.tabIndex&&T({type:u.EXIT_WIDGET,items:b})}),s(e,"onClick",Object(o.composeEventHandlers)(m,function(){T({type:u.MOUSE_SELECT,payload:I,items:b})})),s(e,"onKeyDown",Object(o.composeEventHandlers)(y,function(e){e.keyCode===o.KEY_CODES.UP&&R||e.keyCode===o.KEY_CODES.LEFT&&N?(T(E?{type:u.INCREMENT,items:b}:{type:u.DECREMENT,items:b}),e.preventDefault()):e.keyCode===o.KEY_CODES.DOWN&&R||e.keyCode===o.KEY_CODES.RIGHT&&N?(T(E?{type:u.DECREMENT,items:b}:{type:u.INCREMENT,items:b}),e.preventDefault()):e.keyCode===o.KEY_CODES.HOME?(T({type:u.HOME,items:b}),e.preventDefault()):e.keyCode===o.KEY_CODES.END?(T({type:u.END,items:b}),e.preventDefault()):e.keyCode!==o.KEY_CODES.SPACE&&e.keyCode!==o.KEY_CODES.ENTER||(T({type:u.KEYBOARD_SELECT,payload:I,items:b}),e.preventDefault())})),e),D)},getContainerProps:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.role;return a({role:void 0===t?"listbox":t},c(e,["role"]))}}}var d=r(1),E=r.n(d);function p(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function O(e){var t=e.children,r=e.render;return(void 0===r?t:r)(f(p(e,["children","render"])))}O.propTypes={children:E.a.func,render:E.a.func,rtl:E.a.bool,direction:E.a.oneOf([i.HORIZONTAL,i.VERTICAL,i.BOTH]),defaultFocusedIndex:E.a.number,focusedItem:E.a.any,selectedItem:E.a.any,onSelect:E.a.func,onFocus:E.a.func},r.d(t,"useSelection",function(){return f}),r.d(t,"SelectionContainer",function(){return O})}]));
+!function(e,t){for(var r in t)e[r]=t[r]}(exports,function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=3)}([function(e,t){e.exports=require("@zendeskgarden/container-utilities")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t,r){"use strict";r.r(t);var n=r(2),o=r(0),i={HORIZONTAL:"horizontal",VERTICAL:"vertical",BOTH:"both"},u={FOCUS:"FOCUS",INCREMENT:"INCREMENT",DECREMENT:"DECREMENT",HOME:"HOME",END:"END",MOUSE_SELECT:"MOUSE_SELECT",KEYBOARD_SELECT:"KEYBOARD_SELECT",EXIT_WIDGET:"EXIT_WIDGET"};function c(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var u,c=e[Symbol.iterator]();!(n=(u=c.next()).done)&&(r.push(u.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw i}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){s(e,t,r[t])})}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.direction,r=void 0===t?i.HORIZONTAL:t,f=e.defaultFocusedIndex,d=void 0===f?0:f,E=e.rtl,p=e.selectedItem,y=e.focusedItem,O=e.onSelect,m=e.onFocus,v=[],b=[],I=l(Object(n.useReducer)(function(e,t){return function(e,t,r){var n=r.focusedItem,i=r.selectedItem,c=r.onFocus,l=r.onSelect,s=Object(o.getControlledValue)(n,e.focusedItem),f=Object(o.getControlledValue)(i,e.selectedItem),d=void 0===s?t.items.indexOf(f):t.items.indexOf(s);switch(t.type){case u.FOCUS:return c?(c(t.payload),e):a({},e,{focusedItem:t.payload});case u.INCREMENT:var E=t.items[(d+1)%t.items.length];return c?(c(E),e):a({},e,{focusedItem:E});case u.DECREMENT:var p=t.items[(d+t.items.length-1)%t.items.length];return c?(c(p),e):a({},e,{focusedItem:p});case u.HOME:return c?(c(t.items[0]),e):a({},e,{focusedItem:t.items[0]});case u.END:return c?(c(t.items[t.items.length-1]),e):a({},e,{focusedItem:t.items[t.items.length-1]});case u.MOUSE_SELECT:var y=!1,O=!1;if(l&&(l(t.payload),y=!0),c&&(c(void 0),O=!0),O&&y)return e;var m=a({},e);return y||(m.selectedItem=t.payload),O||(m.focusedItem=void 0),m;case u.KEYBOARD_SELECT:return l?(l(t.payload),a({},e)):a({},e,{selectedItem:t.payload});case u.EXIT_WIDGET:return c?(c(void 0),e):a({},e,{focusedItem:void 0});default:return e}}(e,t,{onSelect:O,onFocus:m,selectedItem:p,focusedItem:y})},{selectedItem:p,focusedItem:y}),2),C=I[0],T=I[1],S=Object(o.getControlledValue)(y,C.focusedItem),g=Object(o.getControlledValue)(p,C.selectedItem);Object(n.useEffect)(function(){if(void 0!==S){var e=b.indexOf(S);v[e]&&v[e].current.focus()}},[S,b,v]);return{focusedItem:S,selectedItem:g,getItemProps:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.selectedAriaKey,l=void 0===n?"aria-selected":n,f=t.role,p=void 0===f?"option":f,y=t.onFocus,O=t.onKeyDown,m=t.onClick,I=t.item,C=t.focusRef,D=t.refKey,h=void 0===D?"ref":D,j=c(t,["selectedAriaKey","role","onFocus","onKeyDown","onClick","item","focusRef","refKey"]),R=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"getItemProps";if(void 0===I)throw new Error('Accessibility Error: You must provide an "item" option to "'.concat(R,'()"'));if(void 0===C)throw new Error('Accessibility Error: You must provide a "focusRef" option to "'.concat(R,'()"'));v.push(C),b.push(I);var N=g===I,_=(void 0===S?N:S===I)||void 0===g&&void 0===S&&b.indexOf(I)===d?0:-1,x=r===i.VERTICAL||r===i.BOTH,M=r===i.HORIZONTAL||r===i.BOTH;return a((s(e={role:p,tabIndex:_},l,N),s(e,h,C),s(e,"onFocus",Object(o.composeEventHandlers)(y,function(){T({type:u.FOCUS,payload:I,items:b})})),s(e,"onBlur",function(e){0===e.target.tabIndex&&T({type:u.EXIT_WIDGET,items:b})}),s(e,"onClick",Object(o.composeEventHandlers)(m,function(){T({type:u.MOUSE_SELECT,payload:I,items:b})})),s(e,"onKeyDown",Object(o.composeEventHandlers)(O,function(e){e.keyCode===o.KEY_CODES.UP&&x||e.keyCode===o.KEY_CODES.LEFT&&M?(T(E?{type:u.INCREMENT,items:b}:{type:u.DECREMENT,items:b}),e.preventDefault()):e.keyCode===o.KEY_CODES.DOWN&&x||e.keyCode===o.KEY_CODES.RIGHT&&M?(T(E?{type:u.DECREMENT,items:b}:{type:u.INCREMENT,items:b}),e.preventDefault()):e.keyCode===o.KEY_CODES.HOME?(T({type:u.HOME,items:b}),e.preventDefault()):e.keyCode===o.KEY_CODES.END?(T({type:u.END,items:b}),e.preventDefault()):e.keyCode!==o.KEY_CODES.SPACE&&e.keyCode!==o.KEY_CODES.ENTER||(T({type:u.KEYBOARD_SELECT,payload:I,items:b}),e.preventDefault())})),e),j)},getContainerProps:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.role;return a({role:void 0===t?"listbox":t},c(e,["role"]))}}}var d=r(1),E=r.n(d);function p(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function y(e){var t=e.children,r=e.render;return(void 0===r?t:r)(f(p(e,["children","render"])))}y.propTypes={children:E.a.func,render:E.a.func,rtl:E.a.bool,direction:E.a.oneOf([i.HORIZONTAL,i.VERTICAL,i.BOTH]),defaultFocusedIndex:E.a.number,focusedItem:E.a.any,selectedItem:E.a.any,onSelect:E.a.func,onFocus:E.a.func},r.d(t,"useSelection",function(){return f}),r.d(t,"SelectionContainer",function(){return y})}]));
 //# sourceMappingURL=index.js.map

package.json

@@ -11,3 +11,3 @@ {
   },
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "./dist/index.js",
@@ -41,3 +41,3 @@ "files": [
   "zendeskgarden:src": "src/index.js",
-  "gitHead": "ed4f56756a32261c43ebbdd73f2f3d2b8650ffa8"
+  "gitHead": "d7000f474041f34283790d314dedcb3ede2eab6a"
 }

No alert changes

Improved metrics

Total package byte prevSize

45035

increased by2.02%

No dependency changes