npm - @blaze-cms/react-page-builder - Versions diffs - 0.143.0-alpha.0 → 0.143.0-alpha.1 - Mend

@blaze-cms/react-page-builder 0.143.0-alpha.0 → 0.143.0-alpha.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 (91) hide show

package/lib/components/SearchFilter/components/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_lodash","_checkboxes","_fa","_HOC","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","_ref","data","prop","updateFilterValues","filterValues","label","elementTitle","shouldSearch","displayFilterCount","_useState","useState","_useState2","_slicedToArray2","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","LIMIT_MIN","_defineProperty2","LIMIT_MAX","checkboxQueryParams","decodeValue","map","val","multiple","sortedValues","buckets","_ref2","key","count","doc_count","optionLabel","concat","filter","Boolean","sort","forEach","value","push","upperFirst","name","checked","includes","id","disabled","shouldDisplayMore","createElement","Fragment","Checkboxes","className","options","onChange","_ref3","eData","newCheckboxValues","_ref4","_ref5","length","role","onClick","~~FaChevronDown~~","~~MORE~~","~~FaChevronUp~~","~~LESS~~","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps","_default","exports","withTitle"],"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({\n data,\n prop,\n updateFilterValues,\n filterValues,\n label,\n elementTitle,\n shouldSearch,\n displayFilterCount\n}) => {\n const [checkboxLimit, setCheckboxLimit] = useState(null);\n if (!data[prop]) return null;\n\n const handleCheckboxOptions = () => {\n if (checkboxLimit[prop] === LIMIT_MIN) {\n setCheckboxLimit({ [prop]: LIMIT_MAX });\n } else {\n setCheckboxLimit({ [prop]: LIMIT_MIN });\n }\n };\n\n if (!checkboxLimit) {\n setCheckboxLimit({ [prop]: LIMIT_MIN });\n }\n\n if (!checkboxLimit) return null;\n\n let checkboxQueryParams = [];\n\n if (filterValues && filterValues[prop]) {\n checkboxQueryParams =\n typeof filterValues[prop] === 'string'\n ? [decodeValue(filterValues[prop])]\n : filterValues[prop].map(val => decodeValue(val));\n }\n const multiple = [];\n\n const sortedValues = data[prop].buckets\n .map(({ key, doc_count: count }) => {\n const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n return [key, optionLabel, !count];\n })\n .filter(Boolean)\n .sort();\n\n sortedValues.forEach(\n (value, i) =>\n i < checkboxLimit[prop] &&\n multiple.push({\n label: upperFirst(value[1]),\n value: value[0],\n name: prop,\n checked: checkboxQueryParams.includes(value[0]),\n id: value[0],\n disabled: value[2]\n })\n );\n\n const shouldDisplayMore = !checkboxLimit \|\| checkboxLimit[prop] === LIMIT_MIN;\n return (\n <>\n {label ? <p>{label}</p> : ''}\n <Checkboxes\n className=\"form-checkbox\"\n options={multiple}\n onChange={({ data: eData }) => {\n const newCheckboxValues = eData\n .filter(({ checked }) => checked)\n .map(({ value }) => value);\n updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n }}\n />\n {data[prop].buckets.length > LIMIT_MIN && (\n <div role=\"button\" className=\"see-more\" onClick={handleCheckboxOptions}>\n {shouldDisplayMore ? (\n <>\n <i>\n <FaChevronDown className=\"inline-icon\" />\n </i>\n {` See ${MORE}`}\n </>\n ) : (\n <>\n <i>\n <FaChevronUp className=\"inline-icon\" />\n </i>\n {` See ${LESS}`}\n </>\n )}\n </div>\n )}\n </>\n );\n};\n\nCheckbox.propTypes = {\n data: PropTypes.object.isRequired,\n prop: PropTypes.string.isRequired,\n filterValues: PropTypes.object.isRequired,\n updateFilterValues: PropTypes.func.isRequired,\n shouldSearch: PropTypes.bool,\n label: PropTypes.string,\n elementTitle: PropTypes.string,\n displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n shouldSearch: false,\n label: '',\n elementTitle: '',\n displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAAgE,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEhE,IAAMY,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EASR;EAAA,IARJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAClBC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,kBAAkB,GAAAR,IAAA,CAAlBQ,kBAAkB;EAElB,IAAAC,SAAA,GAA0C,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAjDI,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EACtC,IAAI,CAACV,IAAI,CAACC,IAAI,CAAC,EAAE,OAAO,IAAI;EAE5B,IAAMa,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;IAClC,IAAIF,aAAa,CAACX,IAAI,CAAC,KAAKc,oBAAS,EAAE;MACrCF,gBAAgB,KAAAG,gBAAA,iBAAIf,IAAI,EAAGgB,oBAAS,CAAE,CAAC;IACzC,CAAC,MAAM;MACLJ,gBAAgB,KAAAG,gBAAA,iBAAIf,IAAI,EAAGc,oBAAS,CAAE,CAAC;IACzC;EACF,CAAC;EAED,IAAI,CAACH,aAAa,EAAE;IAClBC,gBAAgB,KAAAG,gBAAA,iBAAIf,IAAI,EAAGc,oBAAS,CAAE,CAAC;EACzC;EAEA,IAAI,CAACH,aAAa,EAAE,OAAO,IAAI;EAE/B,IAAIM,mBAAmB,GAAG,EAAE;EAE5B,IAAIf,YAAY,IAAIA,YAAY,CAACF,IAAI,CAAC,EAAE;IACtCiB,mBAAmB,GACjB,OAAOf,YAAY,CAACF,IAAI,CAAC,KAAK,QAAQ,GAClC,CAAC,IAAAkB,oBAAW,EAAChB,YAAY,CAACF,IAAI,CAAC,CAAC,CAAC,GACjCE,YAAY,CAACF,IAAI,CAAC,CAACmB,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAI,IAAAF,oBAAW,EAACE,GAAG,CAAC;IAAA,EAAC;EACvD;EACA,IAAMC,QAAQ,GAAG,EAAE;EAEnB,IAAMC,YAAY,GAAGvB,IAAI,CAACC,IAAI,CAAC,CAACuB,OAAO,CACpCJ,GAAG,CAAC,UAAAK,KAAA,EAA+B;IAAA,IAA5BC,GAAG,GAAAD,KAAA,CAAHC,GAAG;MAAaC,KAAK,GAAAF,KAAA,CAAhBG,SAAS;IACpB,IAAMC,WAAW,GAAGtB,kBAAkB,MAAAuB,MAAA,CAAMJ,GAAG,QAAAI,MAAA,CAAKH,KAAK,SAAMD,GAAG;IAClE,OAAO,CAACA,GAAG,EAAEG,WAAW,EAAE,CAACF,KAAK,CAAC;EACnC,CAAC,CAAC,CACDI,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,CAAC;EAETV,YAAY,CAACW,OAAO,CAClB,UAACC,KAAK,EAAEvC,CAAC;IAAA,OACPA,CAAC,GAAGgB,aAAa,CAACX,IAAI,CAAC,IACvBqB,QAAQ,CAACc,IAAI,CAAC;MACZhC,KAAK,EAAE,IAAAiC,kBAAU,EAACF,KAAK,CAAC,CAAC,CAAC,CAAC;MAC3BA,KAAK,EAAEA,KAAK,CAAC,CAAC,CAAC;MACfG,IAAI,EAAErC,IAAI;MACVsC,OAAO,EAAErB,mBAAmB,CAACsB,QAAQ,CAACL,KAAK,CAAC,CAAC,CAAC,CAAC;MAC/CM,EAAE,EAAEN,KAAK,CAAC,CAAC,CAAC;MACZO,QAAQ,EAAEP,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;EAAA,CACN,CAAC;EAED,IAAMQ,iBAAiB,GAAG,CAAC/B,aAAa,IAAIA,aAAa,CAACX,IAAI,CAAC,KAAKc,oBAAS;EAC7E,oBACEjD,MAAA,YAAA8E,aAAA,CAAA9E,MAAA,YAAA+E,QAAA,QACGzC,KAAK,gBAAGtC,MAAA,YAAA8E,aAAA,YAAIxC,KAAS,CAAC,GAAG,EAAE,eAC5BtC,MAAA,YAAA8E,aAAA,CAACxE,WAAA,CAAA0E,UAAU;IACTC,SAAS,EAAC,eAAe;IACzBC,OAAO,EAAE1B,QAAS;IAClB2B,QAAQ,EAAE,SAAAA,SAAAC,KAAA,EAAqB;MAAA,IAAZC,KAAK,GAAAD,KAAA,CAAXlD,IAAI;MACf,IAAMoD,iBAAiB,GAAGD,KAAK,CAC5BpB,MAAM,CAAC,UAAAsB,KAAA;QAAA,IAAGd,OAAO,GAAAc,KAAA,CAAPd,OAAO;QAAA,OAAOA,OAAO;MAAA,EAAC,CAChCnB,GAAG,CAAC,UAAAkC,KAAA;QAAA,IAAGnB,KAAK,GAAAmB,KAAA,CAALnB,KAAK;QAAA,OAAOA,KAAK;MAAA,EAAC;MAC5BjC,kBAAkB,KAAAc,gBAAA,iBAAIf,IAAI,EAAGmD,iBAAiB,GAAI9C,YAAY,CAAC;IACjE;EAAE,CACH,CAAC,EACDN,IAAI,CAACC,IAAI,CAAC,CAACuB,OAAO,CAAC+B,MAAM,GAAGxC,oBAAS,iBACpCjD,MAAA,YAAA8E,aAAA;~~IAAKY~~,IAAI,EAAC,QAAQ;~~IAACT~~,SAAS,EAAC,UAAU;~~IAACU~~,OAAO,EAAE3C;~~EAAsB~~,~~GACpE6B~~,iBAAiB,gBAChB7E,MAAA,YAAA8E,aAAA,CAAA9E,MAAA,YAAA+E,QAAA,qBACE/E,MAAA,YAAA8E,aAAA,yBACE9E,MAAA,YAAA8E,aAAA,CAACvE,GAAA,~~CAAAqF~~,aAAa;~~IAACX~~,SAAS,EAAC;EAAa,CAAE,CACvC,CAAC,UAAAjB,MAAA,~~CACK6B~~,eAAI,CACb,CAAC,~~gBAEH7F~~,MAAA,YAAA8E,aAAA,CAAA9E,MAAA,YAAA+E,QAAA,qBACE/E,MAAA,YAAA8E,aAAA,yBACE9E,MAAA,YAAA8E,aAAA,CAACvE,GAAA,~~CAAAuF~~,WAAW;~~IAACb~~,SAAS,EAAC;EAAa,CAAE,CACrC,CAAC,UAAAjB,MAAA,~~CACK+B~~,eAAI,CACb,CAED,CAEP,CAAC;AAEP,CAAC;~~AAED/D~~,QAAQ,CAACgE,SAAS,GAAG;EACnB9D,IAAI,EAAE+D,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjChE,IAAI,EAAE8D,qBAAS,CAACG,MAAM,CAACD,UAAU;EACjC9D,YAAY,EAAE4D,qBAAS,CAACC,MAAM,CAACC,UAAU;EACzC/D,kBAAkB,EAAE6D,qBAAS,CAACI,IAAI,CAACF,UAAU;EAC7C3D,YAAY,EAAEyD,qBAAS,CAACK,IAAI;EAC5BhE,KAAK,EAAE2D,qBAAS,CAACG,MAAM;EACvB7D,YAAY,EAAE0D,qBAAS,CAACG,MAAM;EAC9B3D,kBAAkB,EAAEwD,qBAAS,CAACK;AAChC,CAAC;AAEDtE,QAAQ,CAACuE,YAAY,GAAG;EACtB/D,YAAY,EAAE,KAAK;EACnBF,KAAK,EAAE,EAAE;EACTC,YAAY,EAAE,EAAE;EAChBE,kBAAkB,EAAE;AACtB,CAAC;AAAC,IAAA+D,QAAA,GAAAC,OAAA,cAEa,IAAAC,cAAS,EAAC1E,QAAQ,CAAC"}
1	+ {"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_lodash","_checkboxes","_fa","_HOC","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","_ref","data","prop","updateFilterValues","filterValues","label","elementTitle","shouldSearch","displayFilterCount","_useState","useState","_useState2","_slicedToArray2","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","LIMIT_MIN","_defineProperty2","LIMIT_MAX","checkboxQueryParams","decodeValue","map","val","multiple","sortedValues","buckets","_ref2","key","count","doc_count","optionLabel","concat","filter","Boolean","sort","forEach","value","push","upperFirst","name","checked","includes","id","disabled","shouldDisplayMore","createElement","Fragment","Checkboxes","className","options","onChange","_ref3","eData","newCheckboxValues","_ref4","_ref5","length","role","onClick","MORE","LESS","FaChevronDown","FaChevronUp","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps","_default","exports","withTitle"],"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({\n data,\n prop,\n updateFilterValues,\n filterValues,\n label,\n elementTitle,\n shouldSearch,\n displayFilterCount\n}) => {\n const [checkboxLimit, setCheckboxLimit] = useState(null);\n if (!data[prop]) return null;\n\n const handleCheckboxOptions = () => {\n if (checkboxLimit[prop] === LIMIT_MIN) {\n setCheckboxLimit({ [prop]: LIMIT_MAX });\n } else {\n setCheckboxLimit({ [prop]: LIMIT_MIN });\n }\n };\n\n if (!checkboxLimit) {\n setCheckboxLimit({ [prop]: LIMIT_MIN });\n }\n\n if (!checkboxLimit) return null;\n\n let checkboxQueryParams = [];\n\n if (filterValues && filterValues[prop]) {\n checkboxQueryParams =\n typeof filterValues[prop] === 'string'\n ? [decodeValue(filterValues[prop])]\n : filterValues[prop].map(val => decodeValue(val));\n }\n const multiple = [];\n\n const sortedValues = data[prop].buckets\n .map(({ key, doc_count: count }) => {\n const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n return [key, optionLabel, !count];\n })\n .filter(Boolean)\n .sort();\n\n sortedValues.forEach(\n (value, i) =>\n i < checkboxLimit[prop] &&\n multiple.push({\n label: upperFirst(value[1]),\n value: value[0],\n name: prop,\n checked: checkboxQueryParams.includes(value[0]),\n id: value[0],\n disabled: value[2]\n })\n );\n\n const shouldDisplayMore = !checkboxLimit \|\| checkboxLimit[prop] === LIMIT_MIN;\n return (\n <>\n {label ? <p>{label}</p> : ''}\n <Checkboxes\n className=\"form-checkbox\"\n options={multiple}\n onChange={({ data: eData }) => {\n const newCheckboxValues = eData\n .filter(({ checked }) => checked)\n .map(({ value }) => value);\n updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n }}\n />\n {data[prop].buckets.length > LIMIT_MIN && (\n <div\n role=\"button\"\n className=\"see-more\"\n onClick={handleCheckboxOptions}\n aria-label={shouldDisplayMore ? `See ${MORE} options` : `See ${LESS} options`}>\n {shouldDisplayMore ? (\n <>\n <i>\n <FaChevronDown className=\"inline-icon\" />\n </i>\n {` See ${MORE}`}\n </>\n ) : (\n <>\n <i>\n <FaChevronUp className=\"inline-icon\" />\n </i>\n {` See ${LESS}`}\n </>\n )}\n </div>\n )}\n </>\n );\n};\n\nCheckbox.propTypes = {\n data: PropTypes.object.isRequired,\n prop: PropTypes.string.isRequired,\n filterValues: PropTypes.object.isRequired,\n updateFilterValues: PropTypes.func.isRequired,\n shouldSearch: PropTypes.bool,\n label: PropTypes.string,\n elementTitle: PropTypes.string,\n displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n shouldSearch: false,\n label: '',\n elementTitle: '',\n displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":"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"}

package/lib/components/Video/VideoModal.js CHANGED Viewed

@@ -29,6 +29,7 @@ var VideoModal = function VideoModal(_ref) {
     setDisplayModal = _useState2[1];
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     role: "button",
+    "aria-label": "Open video",
     onClick: function onClick() {
       setDisplayModal(!displayModal);
     }

package/lib/components/Video/VideoModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoModal.js","names":["_react","_interopRequireWildcard","require","_modal","_interopRequireDefault","_VideoRender","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VideoModal","_ref","props","_extends2","_objectDestructuringEmpty2","_useState","useState","_useState2","_slicedToArray2","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose","_default","exports"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '@blaze-react/modal';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n const [displayModal, setDisplayModal] = useState(false);\n\n return (\n <>\n <div\n role=\"button\"\n onClick={() => {\n setDisplayModal(!displayModal);\n }}>\n <VideoRender placeholderOnly autoplay={false} {...props} />\n </div>\n {displayModal && (\n <Modal\n className=\"modal--video\"\n isFullScreen\n showFooter={false}\n isSimple\n onClose={() => setDisplayModal(!displayModal)}>\n <VideoRender {...props} placeholderOnly={false} autoplay />\n </Modal>\n )}\n </>\n );\n};\n\nexport default VideoModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAwC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAExC,IAAMY,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqB;EAAA,IAAZC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAAH,IAAA,GAAAA,IAAA;EAC5B,IAAAI,SAAA,GAAwC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAhDI,YAAY,GAAAF,UAAA;IAAEG,eAAe,GAAAH,UAAA;EAEpC,oBACElC,MAAA,YAAAsC,aAAA,CAAAtC,MAAA,YAAAuC,QAAA,qBACEvC,MAAA,YAAAsC,aAAA;IACEE,IAAI,EAAC,QAAQ;~~IACbC~~,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFpC,MAAA,YAAAsC,aAAA,CAACjC,YAAA,WAAW,MAAAyB,SAAA;IAACY,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKd,KAAK,CAAG,CACvD,CAAC,EACLO,YAAY,iBACXpC,MAAA,YAAAsC,aAAA,CAACnC,MAAA,WAAK;IACJyC,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,eAAe,CAAC,CAACD,YAAY,CAAC;IAAA;EAAC,gBAC9CpC,MAAA,YAAAsC,aAAA,CAACjC,YAAA,WAAW,MAAAyB,SAAA,iBAAKD,KAAK;IAAEa,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEavB,UAAU"}
1	+ {"version":3,"file":"VideoModal.js","names":["_react","_interopRequireWildcard","require","_modal","_interopRequireDefault","_VideoRender","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VideoModal","_ref","props","_extends2","_objectDestructuringEmpty2","_useState","useState","_useState2","_slicedToArray2","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose","_default","exports"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '@blaze-react/modal';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n const [displayModal, setDisplayModal] = useState(false);\n\n return (\n <>\n <div\n role=\"button\"\n aria-label=\"Open video\"\n onClick={() => {\n setDisplayModal(!displayModal);\n }}>\n <VideoRender placeholderOnly autoplay={false} {...props} />\n </div>\n {displayModal && (\n <Modal\n className=\"modal--video\"\n isFullScreen\n showFooter={false}\n isSimple\n onClose={() => setDisplayModal(!displayModal)}>\n <VideoRender {...props} placeholderOnly={false} autoplay />\n </Modal>\n )}\n </>\n );\n};\n\nexport default VideoModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAwC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAExC,IAAMY,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqB;EAAA,IAAZC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAAH,IAAA,GAAAA,IAAA;EAC5B,IAAAI,SAAA,GAAwC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAhDI,YAAY,GAAAF,UAAA;IAAEG,eAAe,GAAAH,UAAA;EAEpC,oBACElC,MAAA,YAAAsC,aAAA,CAAAtC,MAAA,YAAAuC,QAAA,qBACEvC,MAAA,YAAAsC,aAAA;IACEE,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFpC,MAAA,YAAAsC,aAAA,CAACjC,YAAA,WAAW,MAAAyB,SAAA;IAACY,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKd,KAAK,CAAG,CACvD,CAAC,EACLO,YAAY,iBACXpC,MAAA,YAAAsC,aAAA,CAACnC,MAAA,WAAK;IACJyC,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,eAAe,CAAC,CAACD,YAAY,CAAC;IAAA;EAAC,gBAC9CpC,MAAA,YAAAsC,aAAA,CAACjC,YAAA,WAAW,MAAAyB,SAAA,iBAAKD,KAAK;IAAEa,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEavB,UAAU"}

package/lib/components/Video/providers/Vimeo/VimeoProvider.js CHANGED Viewed

@@ -103,6 +103,7 @@ var VimeoProvider = function VimeoProvider(_ref) {
     role: "button",
     className: _constants.VIDEO_WRAPPER_CLASS_NAME,
     style: videoStyle,
+    "aria-label": "Open video",
     onClick: function onClick() {
       return !shouldRenderVideo && setShouldRenderVideo(true);
     }

package/lib/components/Video/providers/Vimeo/VimeoProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VimeoProvider.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_htmlReactParser","_helpers","_helpers2","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VimeoProvider","_ref","url","autoplay","loop","imageData","inputEl","useRef","_useState","useState","_useState2","_slicedToArray2","videoData","setVideoData","_useState3","_useState4","videoError","setVideoError","_useState5","_useState6","shouldRenderVideo","setShouldRenderVideo","useEffect","fetchVideoData","_x","_fetchVideoData","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","videoUrl","res","data","wrap","_callee$","_context","prev","next","fetch","sent","json","t0","stop","currentHeight","current","clientHeight","urlWithParams","addExtraParamsToUrl","height","_ref2","thumbnailUrl","thumbnail_url_with_play_button","_ref2$html","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","concat","maxheight","parsedCode","parseHTML","wrappedCode","wrapScriptTags","createElement","ref","role","className","VIDEO_WRAPPER_CLASS_NAME","style","onClick","message","propTypes","PropTypes","string","isRequired","bool","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport { addExtraParamsToUrl } from './helpers';\nimport { wrapScriptTags } from '../../../Code/helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop, imageData }) => {\n const inputEl = useRef(null);\n const [videoData, setVideoData] = useState(null);\n const [videoError, setVideoError] = useState(null);\n const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);\n\n useEffect(\n () => {\n async function fetchVideoData(videoUrl) {\n try {\n const res = await fetch(videoUrl);\n const data = await res.json();\n setVideoData(data);\n } catch (err) {\n setVideoError(err);\n }\n }\n if (url) {\n const currentHeight = inputEl.current.clientHeight;\n const urlWithParams = addExtraParamsToUrl(url, {\n autoplay: true,\n loop,\n height: currentHeight\n });\n fetchVideoData(urlWithParams);\n }\n },\n [autoplay, loop, url]\n );\n\n const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData \|\| {};\n const imageUrl = imageData && imageData.url;\n const backgroundUrl = imageUrl \|\| thumbnailUrl;\n const videoStyle = {};\n if (!shouldRenderVideo && backgroundUrl)\n videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;\n if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;\n const parsedCode = parseHTML(html);\n const wrappedCode = wrapScriptTags(parsedCode);\n\n return (\n <div\n ref={inputEl}\n role=\"button\"\n className={VIDEO_WRAPPER_CLASS_NAME}\n style={videoStyle}\n onClick={() => !shouldRenderVideo && setShouldRenderVideo(true)}>\n {shouldRenderVideo && !videoError && wrappedCode}\n {videoError && videoError.message}\n </div>\n );\n};\n\nVimeoProvider.propTypes = {\n url: PropTypes.string.isRequired,\n autoplay: PropTypes.bool,\n loop: PropTypes.bool,\n imageData: PropTypes.object\n};\n\nVimeoProvider.defaultProps = {\n autoplay: false,\n loop: false,\n imageData: null\n};\n\nexport default VimeoProvider;\n"],"mappings":"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~~IAClBc~~,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAM,CAACpD,iBAAiB,IAAIC,oBAAoB,CAAC,IAAI,CAAC;IAAA;EAAC,GAC/DD,iBAAiB,IAAI,CAACJ,UAAU,IAAIgD,WAAW,EAC/ChD,UAAU,IAAIA,UAAU,CAACyD,OACvB,CAAC;AAEV,CAAC;AAEDzE,aAAa,CAAC0E,SAAS,GAAG;EACxBxE,GAAG,EAAEyE,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChC1E,QAAQ,EAAEwE,qBAAS,CAACG,IAAI;EACxB1E,IAAI,EAAEuE,qBAAS,CAACG,IAAI;EACpBzE,SAAS,EAAEsE,qBAAS,CAACI;AACvB,CAAC;AAED/E,aAAa,CAACgF,YAAY,GAAG;EAC3B7E,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE;AACb,CAAC;AAAC,IAAA4E,QAAA,GAAAC,OAAA,cAEalF,aAAa"}
1	+ {"version":3,"file":"VimeoProvider.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_htmlReactParser","_helpers","_helpers2","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VimeoProvider","_ref","url","autoplay","loop","imageData","inputEl","useRef","_useState","useState","_useState2","_slicedToArray2","videoData","setVideoData","_useState3","_useState4","videoError","setVideoError","_useState5","_useState6","shouldRenderVideo","setShouldRenderVideo","useEffect","fetchVideoData","_x","_fetchVideoData","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","videoUrl","res","data","wrap","_callee$","_context","prev","next","fetch","sent","json","t0","stop","currentHeight","current","clientHeight","urlWithParams","addExtraParamsToUrl","height","_ref2","thumbnailUrl","thumbnail_url_with_play_button","_ref2$html","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","concat","maxheight","parsedCode","parseHTML","wrappedCode","wrapScriptTags","createElement","ref","role","className","VIDEO_WRAPPER_CLASS_NAME","style","onClick","message","propTypes","PropTypes","string","isRequired","bool","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport { addExtraParamsToUrl } from './helpers';\nimport { wrapScriptTags } from '../../../Code/helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop, imageData }) => {\n const inputEl = useRef(null);\n const [videoData, setVideoData] = useState(null);\n const [videoError, setVideoError] = useState(null);\n const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);\n\n useEffect(\n () => {\n async function fetchVideoData(videoUrl) {\n try {\n const res = await fetch(videoUrl);\n const data = await res.json();\n setVideoData(data);\n } catch (err) {\n setVideoError(err);\n }\n }\n if (url) {\n const currentHeight = inputEl.current.clientHeight;\n const urlWithParams = addExtraParamsToUrl(url, {\n autoplay: true,\n loop,\n height: currentHeight\n });\n fetchVideoData(urlWithParams);\n }\n },\n [autoplay, loop, url]\n );\n\n const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData \|\| {};\n const imageUrl = imageData && imageData.url;\n const backgroundUrl = imageUrl \|\| thumbnailUrl;\n const videoStyle = {};\n if (!shouldRenderVideo && backgroundUrl)\n videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;\n if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;\n const parsedCode = parseHTML(html);\n const wrappedCode = wrapScriptTags(parsedCode);\n\n return (\n <div\n ref={inputEl}\n role=\"button\"\n className={VIDEO_WRAPPER_CLASS_NAME}\n style={videoStyle}\n aria-label=\"Open video\"\n onClick={() => !shouldRenderVideo && setShouldRenderVideo(true)}>\n {shouldRenderVideo && !videoError && wrappedCode}\n {videoError && videoError.message}\n </div>\n );\n};\n\nVimeoProvider.propTypes = {\n url: PropTypes.string.isRequired,\n autoplay: PropTypes.bool,\n loop: PropTypes.bool,\n imageData: PropTypes.object\n};\n\nVimeoProvider.defaultProps = {\n autoplay: false,\n loop: false,\n imageData: null\n};\n\nexport default VimeoProvider;\n"],"mappings":"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"}

package/lib/components/Video/providers/YouTube/YoutubeEmbeded.js CHANGED Viewed

@@ -124,6 +124,7 @@ var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
     onClick: addIframe,
     className: parsedWrapperClassname,
     "data-title": videoTitle,
+    "aria-label": "View ".concat(videoTitle || 'video'),
     style: {
       backgroundImage: "url(".concat(displayImage ? posterUrl : '', ")")
     }

package/lib/components/Video/providers/YouTube/YoutubeEmbeded.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"YoutubeEmbeded.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_customHooks","_constants","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","YoutubeEmbeded","_ref","autoplay","videoId","playlistCoverId","videoTitle","poster","videoParams","announce","noCookie","webp","playlist","onIframeAdded","muted","adNetwork","iframeClass","priority","placeholderOnly","imageData","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","_useState","useState","_useState2","preconnected","setPreconnected","_useState3","_useState4","renderIframe","setRenderIframe","_useState5","imageSize","displayImage","_useState6","_useState6$","setImageDetails","encodedId","encodeURIComponent","paramsImp","concat","ytUrl","posterUrl","getPosterUrl","mutedValue","iframeSrc","parsedWrapperClassname","useEffect","isMounted","YT_HQ_FORMAT","img","Image","onload","newImageSize","width","src","warmConnections","addIframe","createElement","Fragment","rel","href","YT_IMAGE_URL","ref","role","onPointerOver","onClick","className","style","backgroundImage","type","title","allow","allowFullScreen","propTypes","PropTypes","bool","func","string","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/YouTube/YoutubeEmbeded.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../../../constants';\nimport { getPosterUrl, YT_HQ_FORMAT, YT_IMAGE_URL } from './helpers';\n\nconst YoutubeEmbeded = ({\n autoplay,\n videoId,\n playlistCoverId,\n videoTitle,\n poster,\n videoParams,\n announce,\n noCookie,\n webp,\n playlist,\n onIframeAdded,\n muted,\n adNetwork,\n iframeClass,\n priority,\n placeholderOnly,\n imageData\n}) => {\n const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n const [preconnected, setPreconnected] = useState(false);\n const [renderIframe, setRenderIframe] = useState(!!autoplay);\n const [{ imageSize, displayImage }, setImageDetails] = useState({\n imageSize: poster,\n displayImage: priority\n });\n\n const encodedId = encodeURIComponent(videoId);\n const paramsImp = videoParams ? `&${videoParams}` : '';\n const ytUrl = noCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com';\n const posterUrl = getPosterUrl({\n imageData,\n playlistCoverId,\n playlist,\n encodedId,\n imageSize,\n webp\n });\n const mutedValue = muted ? '&mute=1' : '';\n const iframeSrc = !playlist\n ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}`\n : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;\n const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;\n\n useEffect(\n () => {\n let isMounted = true;\n if ((!priority && !isIntersecting) \|\| imageSize === YT_HQ_FORMAT) return;\n\n const img = new Image();\n // eslint-disable-next-line func-names\n img.onload = function() {\n let newImageSize = imageSize;\n if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;\n if (isMounted) setImageDetails({ imageSize: newImageSize, displayImage: true });\n };\n\n img.src = posterUrl;\n return () => {\n isMounted = false;\n };\n },\n [imageSize, isIntersecting, posterUrl, priority]\n );\n\n const warmConnections = () => {\n if (preconnected) return;\n setPreconnected(true);\n };\n\n const addIframe = () => {\n if (renderIframe \|\| placeholderOnly) return;\n onIframeAdded();\n setRenderIframe(true);\n };\n\n return (\n <>\n {preconnected && (\n <>\n <link rel=\"preconnect\" href={YT_IMAGE_URL} />\n <link rel=\"preconnect\" href={ytUrl} />\n <link rel=\"preconnect\" href=\"https://www.google.com\" />\n {adNetwork && (\n <>\n <link rel=\"preconnect\" href=\"https://static.doubleclick.net\" />\n <link rel=\"preconnect\" href=\"https://googleads.g.doubleclick.net\" />\n </>\n )}\n </>\n )}\n <div\n ref={outerRef}\n role=\"button\"\n onPointerOver={warmConnections}\n onClick={addIframe}\n className={parsedWrapperClassname}\n data-title={videoTitle}\n style={{\n backgroundImage: `url(${displayImage ? posterUrl : ''})`\n }}>\n <div\n type=\"button\"\n className=\"yt-facade-button-wrapper\"\n aria-label={`${announce} ${videoTitle}`}>\n <div className=\"yt-facade-button\" />\n </div>\n {renderIframe && (\n <iframe\n className={iframeClass}\n title={videoTitle}\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowFullScreen\n src={iframeSrc}\n />\n )}\n </div>\n </>\n );\n};\n\nYoutubeEmbeded.propTypes = {\n priority: PropTypes.bool,\n onIframeAdded: PropTypes.func,\n adNetwork: PropTypes.bool,\n autoplay: PropTypes.bool,\n playlist: PropTypes.bool,\n muted: PropTypes.bool,\n webp: PropTypes.bool,\n noCookie: PropTypes.bool,\n videoId: PropTypes.string,\n iframeClass: PropTypes.string,\n poster: PropTypes.string,\n announce: PropTypes.string,\n playlistCoverId: PropTypes.string,\n videoParams: PropTypes.string,\n videoTitle: PropTypes.string,\n placeholderOnly: PropTypes.bool,\n imageData: PropTypes.object\n};\n\nYoutubeEmbeded.defaultProps = {\n priority: true,\n onIframeAdded: () => {},\n adNetwork: false,\n autoplay: false,\n playlist: false,\n muted: false,\n webp: false,\n noCookie: false,\n iframeClass: '',\n poster: 'sddefault',\n announce: 'Watch',\n videoId: '',\n playlistCoverId: '',\n videoParams: '',\n videoTitle: '',\n placeholderOnly: false,\n imageData: {}\n};\n\nexport default YoutubeEmbeded;\n"],"mappings":"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"}
1	+ {"version":3,"file":"YoutubeEmbeded.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_customHooks","_constants","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","YoutubeEmbeded","_ref","autoplay","videoId","playlistCoverId","videoTitle","poster","videoParams","announce","noCookie","webp","playlist","onIframeAdded","muted","adNetwork","iframeClass","priority","placeholderOnly","imageData","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","_useState","useState","_useState2","preconnected","setPreconnected","_useState3","_useState4","renderIframe","setRenderIframe","_useState5","imageSize","displayImage","_useState6","_useState6$","setImageDetails","encodedId","encodeURIComponent","paramsImp","concat","ytUrl","posterUrl","getPosterUrl","mutedValue","iframeSrc","parsedWrapperClassname","useEffect","isMounted","YT_HQ_FORMAT","img","Image","onload","newImageSize","width","src","warmConnections","addIframe","createElement","Fragment","rel","href","YT_IMAGE_URL","ref","role","onPointerOver","onClick","className","style","backgroundImage","type","title","allow","allowFullScreen","propTypes","PropTypes","bool","func","string","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/YouTube/YoutubeEmbeded.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../../../constants';\nimport { getPosterUrl, YT_HQ_FORMAT, YT_IMAGE_URL } from './helpers';\n\nconst YoutubeEmbeded = ({\n autoplay,\n videoId,\n playlistCoverId,\n videoTitle,\n poster,\n videoParams,\n announce,\n noCookie,\n webp,\n playlist,\n onIframeAdded,\n muted,\n adNetwork,\n iframeClass,\n priority,\n placeholderOnly,\n imageData\n}) => {\n const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n const [preconnected, setPreconnected] = useState(false);\n const [renderIframe, setRenderIframe] = useState(!!autoplay);\n const [{ imageSize, displayImage }, setImageDetails] = useState({\n imageSize: poster,\n displayImage: priority\n });\n\n const encodedId = encodeURIComponent(videoId);\n const paramsImp = videoParams ? `&${videoParams}` : '';\n const ytUrl = noCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com';\n const posterUrl = getPosterUrl({\n imageData,\n playlistCoverId,\n playlist,\n encodedId,\n imageSize,\n webp\n });\n const mutedValue = muted ? '&mute=1' : '';\n const iframeSrc = !playlist\n ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}`\n : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;\n const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;\n\n useEffect(\n () => {\n let isMounted = true;\n if ((!priority && !isIntersecting) \|\| imageSize === YT_HQ_FORMAT) return;\n\n const img = new Image();\n // eslint-disable-next-line func-names\n img.onload = function() {\n let newImageSize = imageSize;\n if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;\n if (isMounted) setImageDetails({ imageSize: newImageSize, displayImage: true });\n };\n\n img.src = posterUrl;\n return () => {\n isMounted = false;\n };\n },\n [imageSize, isIntersecting, posterUrl, priority]\n );\n\n const warmConnections = () => {\n if (preconnected) return;\n setPreconnected(true);\n };\n\n const addIframe = () => {\n if (renderIframe \|\| placeholderOnly) return;\n onIframeAdded();\n setRenderIframe(true);\n };\n\n return (\n <>\n {preconnected && (\n <>\n <link rel=\"preconnect\" href={YT_IMAGE_URL} />\n <link rel=\"preconnect\" href={ytUrl} />\n <link rel=\"preconnect\" href=\"https://www.google.com\" />\n {adNetwork && (\n <>\n <link rel=\"preconnect\" href=\"https://static.doubleclick.net\" />\n <link rel=\"preconnect\" href=\"https://googleads.g.doubleclick.net\" />\n </>\n )}\n </>\n )}\n <div\n ref={outerRef}\n role=\"button\"\n onPointerOver={warmConnections}\n onClick={addIframe}\n className={parsedWrapperClassname}\n data-title={videoTitle}\n aria-label={`View ${videoTitle \|\| 'video'}`}\n style={{\n backgroundImage: `url(${displayImage ? posterUrl : ''})`\n }}>\n <div\n type=\"button\"\n className=\"yt-facade-button-wrapper\"\n aria-label={`${announce} ${videoTitle}`}>\n <div className=\"yt-facade-button\" />\n </div>\n {renderIframe && (\n <iframe\n className={iframeClass}\n title={videoTitle}\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowFullScreen\n src={iframeSrc}\n />\n )}\n </div>\n </>\n );\n};\n\nYoutubeEmbeded.propTypes = {\n priority: PropTypes.bool,\n onIframeAdded: PropTypes.func,\n adNetwork: PropTypes.bool,\n autoplay: PropTypes.bool,\n playlist: PropTypes.bool,\n muted: PropTypes.bool,\n webp: PropTypes.bool,\n noCookie: PropTypes.bool,\n videoId: PropTypes.string,\n iframeClass: PropTypes.string,\n poster: PropTypes.string,\n announce: PropTypes.string,\n playlistCoverId: PropTypes.string,\n videoParams: PropTypes.string,\n videoTitle: PropTypes.string,\n placeholderOnly: PropTypes.bool,\n imageData: PropTypes.object\n};\n\nYoutubeEmbeded.defaultProps = {\n priority: true,\n onIframeAdded: () => {},\n adNetwork: false,\n autoplay: false,\n playlist: false,\n muted: false,\n webp: false,\n noCookie: false,\n iframeClass: '',\n poster: 'sddefault',\n announce: 'Watch',\n videoId: '',\n playlistCoverId: '',\n videoParams: '',\n videoTitle: '',\n placeholderOnly: false,\n imageData: {}\n};\n\nexport default YoutubeEmbeded;\n"],"mappings":"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"}

package/lib-es/components/Carousel/CarouselImage/CarouselImage.js CHANGED Viewed

@@ -41,6 +41,7 @@ const CarouselImage = ({
     sizeKey: "carousel",
     onClick: handleEnableLightbox,
     role: "button",
+    "aria-label": "View Image",
     priority: priority
   }));
 };

package/lib-es/components/Carousel/CarouselImage/CarouselImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselImage.js","names":["React","PropTypes","useGetImages","getImageData","LazyImage","CarouselImage","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","data","loading","error","message","url","imageUrl","imageData","getFile","altText","handleEnableLightbox","createElement","className","src","alt","sizeKey","onClick","role","propTypes","string","isRequired","bool","func"],"sources":["../../../../src/components/Carousel/CarouselImage/CarouselImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\nimport LazyImage from '../../LazyImage';\n\nconst CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage, priority }) => {\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) return error.message;\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile \|\| {\n getFile: { url: '', data: {} }\n };\n\n const { altText } = getImageData({}, imageData);\n\n const handleEnableLightbox = () => {\n if (!enableLightbox) return;\n toggleModal();\n handleSelectedImage(imageId);\n };\n\n return (\n <div className=\"carousel__slide\">\n {loading ? (\n <div />\n ) : (\n <LazyImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"carousel\"\n onClick={handleEnableLightbox}\n role=\"button\"\n priority={priority}\n />\n )}\n </div>\n );\n};\n\nCarouselImage.propTypes = {\n imageId: PropTypes.string.isRequired,\n enableLightbox: PropTypes.bool.isRequired,\n toggleModal: PropTypes.func.isRequired,\n handleSelectedImage: PropTypes.func.isRequired,\n priority: PropTypes.bool.isRequired\n};\n\nexport default CarouselImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,SAAS,MAAM,iBAAiB;AAEvC,MAAMC,aAAa,GAAGA,CAAC;EAAEC,OAAO;EAAEC,cAAc;EAAEC,WAAW;EAAEC,mBAAmB;EAAEC;AAAS,CAAC,KAAK;EACjG,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGX,YAAY,CAACI,OAAO,CAAC;EAEtD,IAAIO,KAAK,EAAE,OAAOA,KAAK,CAACC,OAAO;EAE/B,MAAM;IAAEC,GAAG,EAAEC,QAAQ,GAAG,EAAE;IAAEL,IAAI,EAAEM,SAAS,GAAG,CAAC;EAAE,CAAC,GAAGN,IAAI,CAACO,OAAO,IAAI;IACnEA,OAAO,EAAE;MAAEH,GAAG,EAAE,EAAE;MAAEJ,IAAI,EAAE,CAAC;IAAE;EAC/B,CAAC;EAED,MAAM;IAAEQ;EAAQ,CAAC,GAAGhB,YAAY,CAAC,CAAC,CAAC,EAAEc,SAAS,CAAC;EAE/C,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAI,CAACb,cAAc,EAAE;IACrBC,WAAW,CAAC,CAAC;IACbC,mBAAmB,CAACH,OAAO,CAAC;EAC9B,CAAC;EAED,oBACEN,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC7BV,OAAO,gBACNZ,KAAA,CAAAqB,aAAA,YAAM,CAAC,gBAEPrB,KAAA,CAAAqB,aAAA,CAACjB,SAAS;IACRmB,GAAG,EAAEP,QAAS;IACdQ,GAAG,EAAEL,OAAQ;IACbM,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAEN,oBAAqB;IAC9BO,IAAI,EAAC,QAAQ;~~IACbjB~~,QAAQ,EAAEA;EAAS,CACpB,CAEA,CAAC;AAEV,CAAC;AAEDL,aAAa,CAACuB,SAAS,GAAG;EACxBtB,OAAO,EAAEL,SAAS,CAAC4B,MAAM,CAACC,UAAU;EACpCvB,cAAc,EAAEN,SAAS,CAAC8B,IAAI,CAACD,UAAU;EACzCtB,WAAW,EAAEP,SAAS,CAAC+B,IAAI,CAACF,UAAU;EACtCrB,mBAAmB,EAAER,SAAS,CAAC+B,IAAI,CAACF,UAAU;EAC9CpB,QAAQ,EAAET,SAAS,CAAC8B,IAAI,CAACD;AAC3B,CAAC;AAED,eAAezB,aAAa"}
1	+ {"version":3,"file":"CarouselImage.js","names":["React","PropTypes","useGetImages","getImageData","LazyImage","CarouselImage","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","data","loading","error","message","url","imageUrl","imageData","getFile","altText","handleEnableLightbox","createElement","className","src","alt","sizeKey","onClick","role","propTypes","string","isRequired","bool","func"],"sources":["../../../../src/components/Carousel/CarouselImage/CarouselImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\nimport LazyImage from '../../LazyImage';\n\nconst CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage, priority }) => {\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) return error.message;\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile \|\| {\n getFile: { url: '', data: {} }\n };\n\n const { altText } = getImageData({}, imageData);\n\n const handleEnableLightbox = () => {\n if (!enableLightbox) return;\n toggleModal();\n handleSelectedImage(imageId);\n };\n\n return (\n <div className=\"carousel__slide\">\n {loading ? (\n <div />\n ) : (\n <LazyImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"carousel\"\n onClick={handleEnableLightbox}\n role=\"button\"\n aria-label=\"View Image\"\n priority={priority}\n />\n )}\n </div>\n );\n};\n\nCarouselImage.propTypes = {\n imageId: PropTypes.string.isRequired,\n enableLightbox: PropTypes.bool.isRequired,\n toggleModal: PropTypes.func.isRequired,\n handleSelectedImage: PropTypes.func.isRequired,\n priority: PropTypes.bool.isRequired\n};\n\nexport default CarouselImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,SAAS,MAAM,iBAAiB;AAEvC,MAAMC,aAAa,GAAGA,CAAC;EAAEC,OAAO;EAAEC,cAAc;EAAEC,WAAW;EAAEC,mBAAmB;EAAEC;AAAS,CAAC,KAAK;EACjG,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGX,YAAY,CAACI,OAAO,CAAC;EAEtD,IAAIO,KAAK,EAAE,OAAOA,KAAK,CAACC,OAAO;EAE/B,MAAM;IAAEC,GAAG,EAAEC,QAAQ,GAAG,EAAE;IAAEL,IAAI,EAAEM,SAAS,GAAG,CAAC;EAAE,CAAC,GAAGN,IAAI,CAACO,OAAO,IAAI;IACnEA,OAAO,EAAE;MAAEH,GAAG,EAAE,EAAE;MAAEJ,IAAI,EAAE,CAAC;IAAE;EAC/B,CAAC;EAED,MAAM;IAAEQ;EAAQ,CAAC,GAAGhB,YAAY,CAAC,CAAC,CAAC,EAAEc,SAAS,CAAC;EAE/C,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAI,CAACb,cAAc,EAAE;IACrBC,WAAW,CAAC,CAAC;IACbC,mBAAmB,CAACH,OAAO,CAAC;EAC9B,CAAC;EAED,oBACEN,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC7BV,OAAO,gBACNZ,KAAA,CAAAqB,aAAA,YAAM,CAAC,gBAEPrB,KAAA,CAAAqB,aAAA,CAACjB,SAAS;IACRmB,GAAG,EAAEP,QAAS;IACdQ,GAAG,EAAEL,OAAQ;IACbM,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAEN,oBAAqB;IAC9BO,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBjB,QAAQ,EAAEA;EAAS,CACpB,CAEA,CAAC;AAEV,CAAC;AAEDL,aAAa,CAACuB,SAAS,GAAG;EACxBtB,OAAO,EAAEL,SAAS,CAAC4B,MAAM,CAACC,UAAU;EACpCvB,cAAc,EAAEN,SAAS,CAAC8B,IAAI,CAACD,UAAU;EACzCtB,WAAW,EAAEP,SAAS,CAAC+B,IAAI,CAACF,UAAU;EACtCrB,mBAAmB,EAAER,SAAS,CAAC+B,IAAI,CAACF,UAAU;EAC9CpB,QAAQ,EAAET,SAAS,CAAC8B,IAAI,CAACD;AAC3B,CAAC;AAED,eAAezB,aAAa"}

package/lib-es/components/Carousel/CarouselRender/CarouselRender.js CHANGED Viewed

@@ -23,6 +23,7 @@ const CarouselRender = _ref => {
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "carousel__button carousel__button--previous",
     role: "button",
+    "aria-label": "Previous Slide",
     onClick: () => handleNavigation(direction.back)
   }, /*#__PURE__*/React.createElement("div", {
     className: "arrow arrow--left"
@@ -36,6 +37,7 @@ const CarouselRender = _ref => {
   }, otherProps)))), /*#__PURE__*/React.createElement("div", {
     className: "carousel__button carousel__button--next",
     role: "button",
+    "aria-label": "Next Slide",
     onClick: () => handleNavigation(direction.next)
   }, shouldDisplayCount && /*#__PURE__*/React.createElement("p", {
     "data-testid": "count"

package/lib-es/components/Carousel/CarouselRender/CarouselRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselRender.js","names":["React","PropTypes","CarouselImage","withTitle","CarouselRender","_ref","handleNavigation","imageIds","listRef","shouldDisplayCount","shouldDisplayCaption","caption","countMessage","direction","priorityLimit","otherProps","_objectWithoutProperties","_excluded","createElement","className","role","onClick","back","ref","map","imageId","index","_extends","key","priority","next","propTypes","string","bool","isRequired","array","displayCount","object","number","func","defaultProps"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\n\nconst CarouselRender = ({\n handleNavigation,\n imageIds,\n listRef,\n shouldDisplayCount,\n shouldDisplayCaption,\n caption,\n countMessage,\n direction,\n priorityLimit,\n ...otherProps\n}) => (\n <div className=\"carousel\">\n <div>\n <div\n className=\"carousel__button carousel__button--previous\"\n role=\"button\"\n onClick={() => handleNavigation(direction.back)}>\n <div className=\"arrow arrow--left\" />\n </div>\n <div className=\"carousel__list\" ref={listRef}>\n {imageIds.map((imageId, index) => (\n <CarouselImage\n key={imageId}\n priority={index < priorityLimit}\n imageId={imageId}\n {...otherProps}\n />\n ))}\n </div>\n <div\n className=\"carousel__button carousel__button--next\"\n role=\"button\"\n onClick={() => handleNavigation(direction.next)}>\n {shouldDisplayCount && <p data-testid=\"count\">{countMessage}</p>}\n <div className=\"arrow arrow--right\" />\n </div>\n </div>\n {shouldDisplayCaption && (\n <div className=\"carousel__details\" data-testid=\"carousel-details\">\n <div className=\"caption\">{caption}</div>\n </div>\n )}\n </div>\n);\n\nCarouselRender.propTypes = {\n caption: PropTypes.string,\n shouldDisplayCaption: PropTypes.bool.isRequired,\n imageIds: PropTypes.array,\n displayCount: PropTypes.bool,\n listRef: PropTypes.object,\n countMessage: PropTypes.number,\n direction: PropTypes.object.isRequired,\n handleNavigation: PropTypes.func.isRequired,\n shouldDisplayCount: PropTypes.bool.isRequired,\n priorityLimit: PropTypes.number\n};\n\nCarouselRender.defaultProps = {\n listRef: null,\n imageIds: [],\n caption: '',\n displayCount: false,\n countMessage: null,\n priorityLimit: 0\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,SAASC,SAAS,QAAQ,cAAc;AAExC,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;MACtBC,gBAAgB;MAChBC,QAAQ;MACRC,OAAO;MACPC,kBAAkB;MAClBC,oBAAoB;MACpBC,OAAO;MACPC,YAAY;MACZC,SAAS;MACTC;IAEF,CAAC,GAAAT,IAAA;IADIU,UAAU,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAAA,oBAEbjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAU,gBACvBnB,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA;IACEC,SAAS,EAAC,6CAA6C;IACvDC,IAAI,EAAC,QAAQ;~~IACbC~~,OAAO,EAAEA,CAAA,KAAMf,gBAAgB,CAACO,SAAS,CAACS,IAAI;EAAE,gBAChDtB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC,gBAAgB;IAACI,GAAG,EAAEf;EAAQ,GAC1CD,QAAQ,CAACiB,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBAC3B1B,KAAA,CAAAkB,aAAA,CAAChB,aAAa,EAAAyB,QAAA;IACZC,GAAG,EAAEH,OAAQ;IACbI,QAAQ,EAAEH,KAAK,GAAGZ,aAAc;IAChCW,OAAO,EAAEA;EAAQ,GACbV,UAAU,CACf,CACF,CACE,CAAC,eACNf,KAAA,CAAAkB,aAAA;IACEC,SAAS,EAAC,yCAAyC;IACnDC,IAAI,EAAC,QAAQ;~~IACbC~~,OAAO,EAAEA,CAAA,KAAMf,gBAAgB,CAACO,SAAS,CAACiB,IAAI;EAAE,GAC/CrB,kBAAkB,iBAAIT,KAAA,CAAAkB,aAAA;IAAG,eAAY;EAAO,GAAEN,YAAgB,CAAC,eAChEZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,EACLT,oBAAoB,iBACnBV,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/DnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAS,GAAER,OAAa,CACpC,CAEJ,CAAC;AAAA,CACP;AAEDP,cAAc,CAAC2B,SAAS,GAAG;EACzBpB,OAAO,EAAEV,SAAS,CAAC+B,MAAM;EACzBtB,oBAAoB,EAAET,SAAS,CAACgC,IAAI,CAACC,UAAU;EAC/C3B,QAAQ,EAAEN,SAAS,CAACkC,KAAK;EACzBC,YAAY,EAAEnC,SAAS,CAACgC,IAAI;EAC5BzB,OAAO,EAAEP,SAAS,CAACoC,MAAM;EACzBzB,YAAY,EAAEX,SAAS,CAACqC,MAAM;EAC9BzB,SAAS,EAAEZ,SAAS,CAACoC,MAAM,CAACH,UAAU;EACtC5B,gBAAgB,EAAEL,SAAS,CAACsC,IAAI,CAACL,UAAU;EAC3CzB,kBAAkB,EAAER,SAAS,CAACgC,IAAI,CAACC,UAAU;EAC7CpB,aAAa,EAAEb,SAAS,CAACqC;AAC3B,CAAC;AAEDlC,cAAc,CAACoC,YAAY,GAAG;EAC5BhC,OAAO,EAAE,IAAI;EACbD,QAAQ,EAAE,EAAE;EACZI,OAAO,EAAE,EAAE;EACXyB,YAAY,EAAE,KAAK;EACnBxB,YAAY,EAAE,IAAI;EAClBE,aAAa,EAAE;AACjB,CAAC;AAED,eAAeX,SAAS,CAACC,cAAc,CAAC"}
1	+ {"version":3,"file":"CarouselRender.js","names":["React","PropTypes","CarouselImage","withTitle","CarouselRender","_ref","handleNavigation","imageIds","listRef","shouldDisplayCount","shouldDisplayCaption","caption","countMessage","direction","priorityLimit","otherProps","_objectWithoutProperties","_excluded","createElement","className","role","onClick","back","ref","map","imageId","index","_extends","key","priority","next","propTypes","string","bool","isRequired","array","displayCount","object","number","func","defaultProps"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\n\nconst CarouselRender = ({\n handleNavigation,\n imageIds,\n listRef,\n shouldDisplayCount,\n shouldDisplayCaption,\n caption,\n countMessage,\n direction,\n priorityLimit,\n ...otherProps\n}) => (\n <div className=\"carousel\">\n <div>\n <div\n className=\"carousel__button carousel__button--previous\"\n role=\"button\"\n aria-label=\"Previous Slide\"\n onClick={() => handleNavigation(direction.back)}>\n <div className=\"arrow arrow--left\" />\n </div>\n <div className=\"carousel__list\" ref={listRef}>\n {imageIds.map((imageId, index) => (\n <CarouselImage\n key={imageId}\n priority={index < priorityLimit}\n imageId={imageId}\n {...otherProps}\n />\n ))}\n </div>\n <div\n className=\"carousel__button carousel__button--next\"\n role=\"button\"\n aria-label=\"Next Slide\"\n onClick={() => handleNavigation(direction.next)}>\n {shouldDisplayCount && <p data-testid=\"count\">{countMessage}</p>}\n <div className=\"arrow arrow--right\" />\n </div>\n </div>\n {shouldDisplayCaption && (\n <div className=\"carousel__details\" data-testid=\"carousel-details\">\n <div className=\"caption\">{caption}</div>\n </div>\n )}\n </div>\n);\n\nCarouselRender.propTypes = {\n caption: PropTypes.string,\n shouldDisplayCaption: PropTypes.bool.isRequired,\n imageIds: PropTypes.array,\n displayCount: PropTypes.bool,\n listRef: PropTypes.object,\n countMessage: PropTypes.number,\n direction: PropTypes.object.isRequired,\n handleNavigation: PropTypes.func.isRequired,\n shouldDisplayCount: PropTypes.bool.isRequired,\n priorityLimit: PropTypes.number\n};\n\nCarouselRender.defaultProps = {\n listRef: null,\n imageIds: [],\n caption: '',\n displayCount: false,\n countMessage: null,\n priorityLimit: 0\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,SAASC,SAAS,QAAQ,cAAc;AAExC,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;MACtBC,gBAAgB;MAChBC,QAAQ;MACRC,OAAO;MACPC,kBAAkB;MAClBC,oBAAoB;MACpBC,OAAO;MACPC,YAAY;MACZC,SAAS;MACTC;IAEF,CAAC,GAAAT,IAAA;IADIU,UAAU,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAAA,oBAEbjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAU,gBACvBnB,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA;IACEC,SAAS,EAAC,6CAA6C;IACvDC,IAAI,EAAC,QAAQ;IACb,cAAW,gBAAgB;IAC3BC,OAAO,EAAEA,CAAA,KAAMf,gBAAgB,CAACO,SAAS,CAACS,IAAI;EAAE,gBAChDtB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC,gBAAgB;IAACI,GAAG,EAAEf;EAAQ,GAC1CD,QAAQ,CAACiB,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBAC3B1B,KAAA,CAAAkB,aAAA,CAAChB,aAAa,EAAAyB,QAAA;IACZC,GAAG,EAAEH,OAAQ;IACbI,QAAQ,EAAEH,KAAK,GAAGZ,aAAc;IAChCW,OAAO,EAAEA;EAAQ,GACbV,UAAU,CACf,CACF,CACE,CAAC,eACNf,KAAA,CAAAkB,aAAA;IACEC,SAAS,EAAC,yCAAyC;IACnDC,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAEA,CAAA,KAAMf,gBAAgB,CAACO,SAAS,CAACiB,IAAI;EAAE,GAC/CrB,kBAAkB,iBAAIT,KAAA,CAAAkB,aAAA;IAAG,eAAY;EAAO,GAAEN,YAAgB,CAAC,eAChEZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,EACLT,oBAAoB,iBACnBV,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/DnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAS,GAAER,OAAa,CACpC,CAEJ,CAAC;AAAA,CACP;AAEDP,cAAc,CAAC2B,SAAS,GAAG;EACzBpB,OAAO,EAAEV,SAAS,CAAC+B,MAAM;EACzBtB,oBAAoB,EAAET,SAAS,CAACgC,IAAI,CAACC,UAAU;EAC/C3B,QAAQ,EAAEN,SAAS,CAACkC,KAAK;EACzBC,YAAY,EAAEnC,SAAS,CAACgC,IAAI;EAC5BzB,OAAO,EAAEP,SAAS,CAACoC,MAAM;EACzBzB,YAAY,EAAEX,SAAS,CAACqC,MAAM;EAC9BzB,SAAS,EAAEZ,SAAS,CAACoC,MAAM,CAACH,UAAU;EACtC5B,gBAAgB,EAAEL,SAAS,CAACsC,IAAI,CAACL,UAAU;EAC3CzB,kBAAkB,EAAER,SAAS,CAACgC,IAAI,CAACC,UAAU;EAC7CpB,aAAa,EAAEb,SAAS,CAACqC;AAC3B,CAAC;AAEDlC,cAAc,CAACoC,YAAY,GAAG;EAC5BhC,OAAO,EAAE,IAAI;EACbD,QAAQ,EAAE,EAAE;EACZI,OAAO,EAAE,EAAE;EACXyB,YAAY,EAAE,KAAK;EACnBxB,YAAY,EAAE,IAAI;EAClBE,aAAa,EAAE;AACjB,CAAC;AAED,eAAeX,SAAS,CAACC,cAAc,CAAC"}

package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js CHANGED Viewed

@@ -89,7 +89,8 @@ const GlobalLightbox = ({
   }, parentName || metaTitle || name), /*#__PURE__*/React.createElement("div", {
     role: "button",
     className: "modal__close",
-    onClick: handleClose
+    onClick: handleClose,
+    "aria-label": "Close modal"
   }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaTimes, null)))), /*#__PURE__*/React.createElement("div", {
     className: "modal__content modal__content--gallery"
   }, /*#__PURE__*/React.createElement("div", {
@@ -108,7 +109,8 @@ const GlobalLightbox = ({
   }, imageCounter)), /*#__PURE__*/React.createElement(NavButton, {
     handleAction: handlePrevious,
     show: showPrevious,
-    modifier: "previous"
+    modifier: "previous",
+    "aria-label": "Previous Image"
   }), /*#__PURE__*/React.createElement("div", {
     className: "slider slider--gallery"
   }, /*#__PURE__*/React.createElement("div", {
@@ -128,6 +130,7 @@ const GlobalLightbox = ({
     sizeKey: "globalLightbox",
     "data-testid": "globalLightboxImage"
   })))))), /*#__PURE__*/React.createElement(NavButton, {
+    "aria-label": "Next Image",
     handleAction: handleNext,
     show: showNext,
     modifier: "next"

package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalLightbox.js","names":["React","useState","Fragment","PropTypes","ResponsiveImage","FaTimes","BlazeLink","ImageDetails","NavButton","getImageData","useGetImages","shouldShowProperty","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","_objectWithoutProperties","_excluded","data","loading","error","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","createElement","className","role","onClick","handleAction","show","modifier","Object","keys","src","alt","sizeKey","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n const [index, setIndex] = useState(selectedImage);\n\n const currentImage = images[index] \|\| {};\n\n const {\n imageId,\n url,\n name,\n enableLightbox,\n isCaptionDisplayed,\n areImageCreditsDisplayed,\n imageCredits,\n credits,\n ...otherProps\n } = currentImage;\n\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) {\n return error.message;\n }\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile \|\| {\n getFile: { url: '', data: {} }\n };\n\n const urlProps = { href: url, title: name };\n const imgWrapperProps = url ? urlProps : {};\n\n const { caption, altText } = getImageData(otherProps, imageData);\n\n const shouldDisplayCaption = shouldShowProperty({\n isDisplayed: isCaptionDisplayed,\n value: caption\n });\n\n // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n const shouldDisplayCredits = shouldShowProperty({\n isDisplayed: areImageCreditsDisplayed,\n value: credits \|\| imageCredits\n });\n\n const navigate = position => {\n const newPosition = index + position;\n if (images[newPosition]) {\n setIndex(newPosition);\n }\n };\n\n const handlePrevious = () => navigate(-1);\n const handleNext = () => navigate(1);\n const handleClose = () => onClose();\n\n const showNext = index !== images.length - 1;\n const showPrevious = !!index;\n\n const imageCounter = `${index + 1} of ${images.length}`;\n\n return (\n <>\n {!!images.length && (\n <div>\n <div className=\"overlay\" />\n <div className=\"modal modal--full-screen modal--gallery modal--show\">\n <header className=\"modal__header modal__header--gallery\">\n <div className=\"modal__title modal__title--gallery\">\n {parentName \|\| metaTitle \|\| name}\n </div>\n <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n <i>\n <FaTimes />\n </i>\n </div>\n </header>\n <div className=\"modal__content modal__content--gallery\">\n <div className=\"gallery\">\n <div className=\"gallery__column gallery__column--slider\">\n <div className=\"gallery__slider\">\n <div className=\"slider__wrapper slider__wrapper--gallery open\">\n <div className=\"slider__header slider__header--gallery\">\n <div\n className=\"slider__counter slider__counter--gallery\"\n data-testid=\"image-counter\">\n {imageCounter}\n </div>\n </div>\n\n <NavButton\n handleAction={handlePrevious}\n show={showPrevious}\n modifier=\"previous\"\n />\n\n <div className=\"slider slider--gallery\">\n <div className=\"slider__list slider__list--gallery\">\n <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n <div className=\"slider__slide slider__slide--gallery\">\n {loading && <div />}\n {Object.keys(imgWrapperProps).length ? (\n <BlazeLink {...imgWrapperProps}>\n <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\n </BlazeLink>\n ) : (\n <Fragment>\n <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\n </Fragment>\n )}\n </div>\n </div>\n </div>\n </div>\n\n <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n </div>\n {(shouldDisplayCaption \|\| shouldDisplayCredits) && (\n <ImageDetails\n caption={caption}\n credits={credits \|\| imageCredits}\n shouldDisplayCaption={shouldDisplayCaption}\n shouldDisplayCredits={shouldDisplayCredits}\n />\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n </>\n );\n};\n\nGlobalLightbox.propTypes = {\n images: PropTypes.arrayOf(\n PropTypes.shape({\n url: PropTypes.string,\n imageId: PropTypes.string\n })\n ),\n metaTitle: PropTypes.string,\n onClose: PropTypes.func.isRequired,\n selectedImage: PropTypes.number,\n parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n metaTitle: '',\n images: [],\n selectedImage: 0,\n parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}
1	+ {"version":3,"file":"GlobalLightbox.js","names":["React","useState","Fragment","PropTypes","ResponsiveImage","FaTimes","BlazeLink","ImageDetails","NavButton","getImageData","useGetImages","shouldShowProperty","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","_objectWithoutProperties","_excluded","data","loading","error","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","createElement","className","role","onClick","handleAction","show","modifier","Object","keys","src","alt","sizeKey","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n const [index, setIndex] = useState(selectedImage);\n\n const currentImage = images[index] \|\| {};\n\n const {\n imageId,\n url,\n name,\n enableLightbox,\n isCaptionDisplayed,\n areImageCreditsDisplayed,\n imageCredits,\n credits,\n ...otherProps\n } = currentImage;\n\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) {\n return error.message;\n }\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile \|\| {\n getFile: { url: '', data: {} }\n };\n\n const urlProps = { href: url, title: name };\n const imgWrapperProps = url ? urlProps : {};\n\n const { caption, altText } = getImageData(otherProps, imageData);\n\n const shouldDisplayCaption = shouldShowProperty({\n isDisplayed: isCaptionDisplayed,\n value: caption\n });\n\n // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n const shouldDisplayCredits = shouldShowProperty({\n isDisplayed: areImageCreditsDisplayed,\n value: credits \|\| imageCredits\n });\n\n const navigate = position => {\n const newPosition = index + position;\n if (images[newPosition]) {\n setIndex(newPosition);\n }\n };\n\n const handlePrevious = () => navigate(-1);\n const handleNext = () => navigate(1);\n const handleClose = () => onClose();\n\n const showNext = index !== images.length - 1;\n const showPrevious = !!index;\n\n const imageCounter = `${index + 1} of ${images.length}`;\n\n return (\n <>\n {!!images.length && (\n <div>\n <div className=\"overlay\" />\n <div className=\"modal modal--full-screen modal--gallery modal--show\">\n <header className=\"modal__header modal__header--gallery\">\n <div className=\"modal__title modal__title--gallery\">\n {parentName \|\| metaTitle \|\| name}\n </div>\n <div\n role=\"button\"\n className=\"modal__close\"\n onClick={handleClose}\n aria-label=\"Close modal\">\n <i>\n <FaTimes />\n </i>\n </div>\n </header>\n <div className=\"modal__content modal__content--gallery\">\n <div className=\"gallery\">\n <div className=\"gallery__column gallery__column--slider\">\n <div className=\"gallery__slider\">\n <div className=\"slider__wrapper slider__wrapper--gallery open\">\n <div className=\"slider__header slider__header--gallery\">\n <div\n className=\"slider__counter slider__counter--gallery\"\n data-testid=\"image-counter\">\n {imageCounter}\n </div>\n </div>\n\n <NavButton\n handleAction={handlePrevious}\n show={showPrevious}\n modifier=\"previous\"\n aria-label=\"Previous Image\"\n />\n\n <div className=\"slider slider--gallery\">\n <div className=\"slider__list slider__list--gallery\">\n <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n <div className=\"slider__slide slider__slide--gallery\">\n {loading && <div />}\n {Object.keys(imgWrapperProps).length ? (\n <BlazeLink {...imgWrapperProps}>\n <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\n </BlazeLink>\n ) : (\n <Fragment>\n <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\n </Fragment>\n )}\n </div>\n </div>\n </div>\n </div>\n\n <NavButton\n aria-label=\"Next Image\"\n handleAction={handleNext}\n show={showNext}\n modifier=\"next\"\n />\n </div>\n {(shouldDisplayCaption \|\| shouldDisplayCredits) && (\n <ImageDetails\n caption={caption}\n credits={credits \|\| imageCredits}\n shouldDisplayCaption={shouldDisplayCaption}\n shouldDisplayCredits={shouldDisplayCredits}\n />\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n </>\n );\n};\n\nGlobalLightbox.propTypes = {\n images: PropTypes.arrayOf(\n PropTypes.shape({\n url: PropTypes.string,\n imageId: PropTypes.string\n })\n ),\n metaTitle: PropTypes.string,\n onClose: PropTypes.func.isRequired,\n selectedImage: PropTypes.number,\n parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n metaTitle: '',\n images: [],\n selectedImage: 0,\n parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}

package/lib-es/components/ItemList/ItemListButton/ItemListButton.js CHANGED Viewed

@@ -87,7 +87,8 @@ const ItemListButton = ({
     role: "button",
     onClick: clickHandler,
     onMouseEnter: () => setIsHover(true),
-    onMouseLeave: () => setIsHover(false)
+    onMouseLeave: () => setIsHover(false),
+    "aria-label": `Add to ${listName}`
   }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(Icon, null)));
 };
 ItemListButton.propTypes = {

package/lib-es/components/ItemList/ItemListButton/ItemListButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ItemListButton.js","names":["React","useState","PropTypes","BsBookmarkStarFill","BsBookmarkCheckFill","BsBookmarkStar","BsBookmarkXFill","useQuery","useMutation","getItemList","addItemsToList","removeItemsFromList","getItemListData","setItemListId","useItemListId","ItemListButton","listName","parent","modifier","itemId","itemEntity","isHover","setIsHover","listId","getIcon","isInList","data","error","loading","variables","id","skip","addListItem","onCompleted","listAddResult","result","removeListItem","clickHandler","listItems","name","message","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","createElement","role","onClick","onMouseEnter","onMouseLeave","propTypes","object","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BsBookmarkStarFill,\n BsBookmarkCheckFill,\n BsBookmarkStar,\n BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n const { itemId, itemEntity } = parent;\n const [isHover, setIsHover] = useState(false);\n const { listId } = useItemListId({ listName });\n\n const getIcon = () => {\n if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n };\n\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listId },\n skip: !listId\n });\n\n const [addListItem] = useMutation(addItemsToList, {\n onCompleted: ({ addItemsToList: listAddResult }) => {\n const {\n result: { id }\n } = listAddResult;\n\n if (!listId) {\n setItemListId(listName, id);\n }\n }\n });\n\n const [removeListItem] = useMutation(removeItemsFromList);\n\n const clickHandler = () => {\n setIsHover(false);\n isInList\n ? removeListItem({\n variables: { listId, listItems: [{ itemId, itemEntity }] },\n skip: !listId\n })\n : addListItem({\n variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n skip: !listId\n });\n };\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n const isInList = !!listItems.find(\n ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n idToCheck === itemId && entityToCheck === itemEntity\n );\n const Icon = getIcon();\n const stateClassName = isInList ? 'item-list-button--selected' : '';\n const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n return (\n <div\n className={className}\n role=\"button\"\n onClick={clickHandler}\n onMouseEnter={() => setIsHover(true)}\n onMouseLeave={() => setIsHover(false)}>\n <i>\n <Icon />\n </i>\n </div>\n );\n};\n\nItemListButton.propTypes = {\n parent: PropTypes.object,\n listName: PropTypes.string,\n modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n parent: {},\n listName: '',\n modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,kBAAkB,EAClBC,mBAAmB,EACnBC,cAAc,EACdC,eAAe,QACV,gBAAgB;AACvB,SAASC,QAAQ,EAAEC,WAAW,QAAQ,gBAAgB;AACtD,SAASC,WAAW,EAAEC,cAAc,EAAEC,mBAAmB,QAAQ,4BAA4B;AAC7F,SAASC,eAAe,EAAEC,aAAa,QAAQ,YAAY;AAC3D,SAASC,aAAa,QAAQ,UAAU;AAExC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAS,CAAC,KAAK;EACzD,MAAM;IAAEC,MAAM;IAAEC;EAAW,CAAC,GAAGH,MAAM;EACrC,MAAM,CAACI,OAAO,EAAEC,UAAU,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM;IAAEsB;EAAO,CAAC,GAAGT,aAAa,CAAC;IAAEE;EAAS,CAAC,CAAC;EAE9C,MAAMQ,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIC,QAAQ,EAAE,OAAOJ,OAAO,GAAGf,eAAe,GAAGF,mBAAmB;IACpE,OAAOiB,OAAO,GAAGlB,kBAAkB,GAAGE,cAAc;EACtD,CAAC;EAED,MAAM;IAAEqB,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAACE,WAAW,EAAE;IACrDoB,SAAS,EAAE;MAAEC,EAAE,EAAEP;IAAO,CAAC;IACzBQ,IAAI,EAAE,CAACR;EACT,CAAC,CAAC;EAEF,MAAM,CAACS,WAAW,CAAC,GAAGxB,WAAW,CAACE,cAAc,EAAE;IAChDuB,WAAW,EAAEA,CAAC;MAAEvB,cAAc,EAAEwB;IAAc,CAAC,KAAK;MAClD,MAAM;QACJC,MAAM,EAAE;UAAEL;QAAG;MACf,CAAC,GAAGI,aAAa;MAEjB,IAAI,CAACX,MAAM,EAAE;QACXV,aAAa,CAACG,QAAQ,EAAEc,EAAE,CAAC;MAC7B;IACF;EACF,CAAC,CAAC;EAEF,MAAM,CAACM,cAAc,CAAC,GAAG5B,WAAW,CAACG,mBAAmB,CAAC;EAEzD,MAAM0B,YAAY,GAAGA,CAAA,KAAM;IACzBf,UAAU,CAAC,KAAK,CAAC;IACjBG,QAAQ,GACJW,cAAc,CAAC;MACbP,SAAS,EAAE;QAAEN,MAAM;QAAEe,SAAS,EAAE,CAAC;UAAEnB,MAAM;UAAEC;QAAW,CAAC;MAAE,CAAC;MAC1DW,IAAI,EAAE,CAACR;IACT,CAAC,CAAC,GACFS,WAAW,CAAC;MACVH,SAAS,EAAE;QAAEU,IAAI,EAAEvB,QAAQ;QAAEc,EAAE,EAAEP,MAAM;QAAEe,SAAS,EAAE,CAAC;UAAEnB,MAAM;UAAEC;QAAW,CAAC;MAAE,CAAC;MAC9EW,IAAI,EAAE,CAACR;IACT,CAAC,CAAC;EACR,CAAC;EAED,IAAIK,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACa,OAAO;EAE/B,MAAMF,SAAS,GAAG1B,eAAe,CAACc,IAAI,CAAC;EACvC,MAAMD,QAAQ,GAAG,CAAC,CAACa,SAAS,CAACG,IAAI,CAC/B,CAAC;IAAEtB,MAAM,EAAEuB,SAAS;IAAEtB,UAAU,EAAEuB;EAAc,CAAC,KAC/CD,SAAS,KAAKvB,MAAM,IAAIwB,aAAa,KAAKvB,UAC9C,CAAC;EACD,MAAMwB,IAAI,GAAGpB,OAAO,CAAC,CAAC;EACtB,MAAMqB,cAAc,GAAGpB,QAAQ,GAAG,4BAA4B,GAAG,EAAE;EACnE,MAAMqB,SAAS,GAAG,CAAC,kBAAkB,EAAED,cAAc,EAAE3B,QAAQ,CAAC,CAAC6B,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAE1F,oBACEjD,KAAA,CAAAkD,aAAA;IACEJ,SAAS,EAAEA,SAAU;IACrBK,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEf,YAAa;IACtBgB,YAAY,EAAEA,CAAA,KAAM/B,UAAU,CAAC,IAAI,CAAE;IACrCgC,YAAY,EAAEA,CAAA,KAAMhC,UAAU,CAAC,KAAK;EAAE,~~gBACtCtB~~,KAAA,CAAAkD,aAAA,yBACElD,KAAA,CAAAkD,aAAA,CAACN,IAAI,MAAE,CACN,CACA,CAAC;AAEV,CAAC;AAED7B,cAAc,CAACwC,SAAS,GAAG;EACzBtC,MAAM,EAAEf,SAAS,CAACsD,MAAM;EACxBxC,QAAQ,EAAEd,SAAS,CAACuD,MAAM;EAC1BvC,QAAQ,EAAEhB,SAAS,CAACuD;AACtB,CAAC;AAED1C,cAAc,CAAC2C,YAAY,GAAG;EAC5BzC,MAAM,EAAE,CAAC,CAAC;EACVD,QAAQ,EAAE,EAAE;EACZE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,cAAc"}
1	+ {"version":3,"file":"ItemListButton.js","names":["React","useState","PropTypes","BsBookmarkStarFill","BsBookmarkCheckFill","BsBookmarkStar","BsBookmarkXFill","useQuery","useMutation","getItemList","addItemsToList","removeItemsFromList","getItemListData","setItemListId","useItemListId","ItemListButton","listName","parent","modifier","itemId","itemEntity","isHover","setIsHover","listId","getIcon","isInList","data","error","loading","variables","id","skip","addListItem","onCompleted","listAddResult","result","removeListItem","clickHandler","listItems","name","message","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","createElement","role","onClick","onMouseEnter","onMouseLeave","propTypes","object","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BsBookmarkStarFill,\n BsBookmarkCheckFill,\n BsBookmarkStar,\n BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n const { itemId, itemEntity } = parent;\n const [isHover, setIsHover] = useState(false);\n const { listId } = useItemListId({ listName });\n\n const getIcon = () => {\n if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n };\n\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listId },\n skip: !listId\n });\n\n const [addListItem] = useMutation(addItemsToList, {\n onCompleted: ({ addItemsToList: listAddResult }) => {\n const {\n result: { id }\n } = listAddResult;\n\n if (!listId) {\n setItemListId(listName, id);\n }\n }\n });\n\n const [removeListItem] = useMutation(removeItemsFromList);\n\n const clickHandler = () => {\n setIsHover(false);\n isInList\n ? removeListItem({\n variables: { listId, listItems: [{ itemId, itemEntity }] },\n skip: !listId\n })\n : addListItem({\n variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n skip: !listId\n });\n };\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n const isInList = !!listItems.find(\n ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n idToCheck === itemId && entityToCheck === itemEntity\n );\n const Icon = getIcon();\n const stateClassName = isInList ? 'item-list-button--selected' : '';\n const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n return (\n <div\n className={className}\n role=\"button\"\n onClick={clickHandler}\n onMouseEnter={() => setIsHover(true)}\n onMouseLeave={() => setIsHover(false)}\n aria-label={`Add to ${listName}`}>\n <i>\n <Icon />\n </i>\n </div>\n );\n};\n\nItemListButton.propTypes = {\n parent: PropTypes.object,\n listName: PropTypes.string,\n modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n parent: {},\n listName: '',\n modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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"}

package/lib-es/components/ItemList/ItemListCounter/ItemListCounter.js CHANGED Viewed

@@ -37,6 +37,7 @@ const ItemListCounter = ({
     role: "button",
     type: "button",
     className: `item-list-counter ${modifier}`,
+    "aria-label": `View ${listName}`,
     onClick: handleClick
   }, /*#__PURE__*/React.createElement(CounterIcon, null), /*#__PURE__*/React.createElement("span", {
     className: "item-list-counter__badge"

package/lib-es/components/ItemList/ItemListCounter/ItemListCounter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ItemListCounter.js","names":["React","PropTypes","useRouter","useQuery","BsBookmarkStarFill","BsBookmarkStar","getItemList","useItemListId","getItemListData","ItemListCounter","listName","modifier","url","router","listId","data","error","loading","variables","id","skip","message","listItems","listLength","length","CounterIcon","handleClick","push","createElement","role","type","className","onClick","propTypes","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n const router = useRouter();\n const { listId } = useItemListId({ listName });\n\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listId },\n skip: !listId\n });\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n const listLength = listItems.length;\n const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n return (\n <div\n role=\"button\"\n type=\"button\"\n className={`item-list-counter ${modifier}`}\n onClick={handleClick}>\n <CounterIcon />\n <span className=\"item-list-counter__badge\">{listLength}</span>\n </div>\n );\n};\n\nItemListCounter.propTypes = {\n url: PropTypes.string,\n listName: PropTypes.string,\n modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n url: '',\n listName: '',\n modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,gBAAgB;AACnE,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,eAAe,QAAQ,YAAY;AAE5C,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAI,CAAC,KAAK;EACvD,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEY;EAAO,CAAC,GAAGP,aAAa,CAAC;IAAEG;EAAS,CAAC,CAAC;EAE9C,MAAM;IAAEK,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGd,QAAQ,CAACG,WAAW,EAAE;IACrDY,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAO,CAAC;IACzBM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,IAAIG,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACK,OAAO;EAE/B,MAAMC,SAAS,GAAGd,eAAe,CAACO,IAAI,CAAC;EACvC,MAAMQ,UAAU,GAAGD,SAAS,CAACE,MAAM;EACnC,MAAMC,WAAW,GAAGF,UAAU,GAAGnB,kBAAkB,GAAGC,cAAc;EAEpE,MAAMqB,WAAW,GAAGA,CAAA,KAAMb,MAAM,CAACc,IAAI,CAAC,WAAW,EAAG,GAAEf,GAAI,eAAcE,MAAO,EAAC,CAAC;EAEjF,oBACEd,KAAA,CAAA4B,aAAA;IACEC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,QAAQ;IACbC,SAAS,EAAG,qBAAoBpB,QAAS,EAAE;~~IAC3CqB~~,OAAO,EAAEN;EAAY,gBACrB1B,KAAA,CAAA4B,aAAA,CAACH,WAAW,MAAE,CAAC,eACfzB,KAAA,CAAA4B,aAAA;IAAMG,SAAS,EAAC;EAA0B,GAAER,UAAiB,CAC1D,CAAC;AAEV,CAAC;AAEDd,eAAe,CAACwB,SAAS,GAAG;EAC1BrB,GAAG,EAAEX,SAAS,CAACiC,MAAM;EACrBxB,QAAQ,EAAET,SAAS,CAACiC,MAAM;EAC1BvB,QAAQ,EAAEV,SAAS,CAACiC;AACtB,CAAC;AAEDzB,eAAe,CAAC0B,YAAY,GAAG;EAC7BvB,GAAG,EAAE,EAAE;EACPF,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,eAAe"}
1	+ {"version":3,"file":"ItemListCounter.js","names":["React","PropTypes","useRouter","useQuery","BsBookmarkStarFill","BsBookmarkStar","getItemList","useItemListId","getItemListData","ItemListCounter","listName","modifier","url","router","listId","data","error","loading","variables","id","skip","message","listItems","listLength","length","CounterIcon","handleClick","push","createElement","role","type","className","onClick","propTypes","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n const router = useRouter();\n const { listId } = useItemListId({ listName });\n\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listId },\n skip: !listId\n });\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n const listLength = listItems.length;\n const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n return (\n <div\n role=\"button\"\n type=\"button\"\n className={`item-list-counter ${modifier}`}\n aria-label={`View ${listName}`}\n onClick={handleClick}>\n <CounterIcon />\n <span className=\"item-list-counter__badge\">{listLength}</span>\n </div>\n );\n};\n\nItemListCounter.propTypes = {\n url: PropTypes.string,\n listName: PropTypes.string,\n modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n url: '',\n listName: '',\n modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,gBAAgB;AACnE,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,eAAe,QAAQ,YAAY;AAE5C,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAI,CAAC,KAAK;EACvD,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEY;EAAO,CAAC,GAAGP,aAAa,CAAC;IAAEG;EAAS,CAAC,CAAC;EAE9C,MAAM;IAAEK,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGd,QAAQ,CAACG,WAAW,EAAE;IACrDY,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAO,CAAC;IACzBM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,IAAIG,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACK,OAAO;EAE/B,MAAMC,SAAS,GAAGd,eAAe,CAACO,IAAI,CAAC;EACvC,MAAMQ,UAAU,GAAGD,SAAS,CAACE,MAAM;EACnC,MAAMC,WAAW,GAAGF,UAAU,GAAGnB,kBAAkB,GAAGC,cAAc;EAEpE,MAAMqB,WAAW,GAAGA,CAAA,KAAMb,MAAM,CAACc,IAAI,CAAC,WAAW,EAAG,GAAEf,GAAI,eAAcE,MAAO,EAAC,CAAC;EAEjF,oBACEd,KAAA,CAAA4B,aAAA;IACEC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,QAAQ;IACbC,SAAS,EAAG,qBAAoBpB,QAAS,EAAE;IAC3C,cAAa,QAAOD,QAAS,EAAE;IAC/BsB,OAAO,EAAEN;EAAY,gBACrB1B,KAAA,CAAA4B,aAAA,CAACH,WAAW,MAAE,CAAC,eACfzB,KAAA,CAAA4B,aAAA;IAAMG,SAAS,EAAC;EAA0B,GAAER,UAAiB,CAC1D,CAAC;AAEV,CAAC;AAEDd,eAAe,CAACwB,SAAS,GAAG;EAC1BrB,GAAG,EAAEX,SAAS,CAACiC,MAAM;EACrBxB,QAAQ,EAAET,SAAS,CAACiC,MAAM;EAC1BvB,QAAQ,EAAEV,SAAS,CAACiC;AACtB,CAAC;AAEDzB,eAAe,CAAC0B,YAAY,GAAG;EAC7BvB,GAAG,EAAE,EAAE;EACPF,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,eAAe"}

package/lib-es/components/ItemList/ItemListNew/ItemListNew.js CHANGED Viewed

@@ -45,7 +45,8 @@ const ItemListNew = ({
   };
   return /*#__PURE__*/React.createElement(BlazeButton, {
     className: `item-list-new ${modifier}`,
-    onClick: handleClick
+    onClick: handleClick,
+    "aria-label": `Create new ${listName}`
   }, text);
 };
 ItemListNew.propTypes = {

package/lib-es/components/ItemList/ItemListNew/ItemListNew.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ItemListNew.js","names":["React","PropTypes","useRouter","useQuery","BlazeButton","parseUrl","getItemList","useItemListId","getItemListData","setItemListId","setParamAndRedirect","LIST_ITEM_QUERY_PARAM","ItemListNew","listName","modifier","text","router","query","listItemId","asPath","listId","listIdToUse","data","error","loading","variables","id","skip","message","listItems","length","handleClick","createElement","className","onClick","propTypes","string","isRequired","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListNew/ItemListNew.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport BlazeButton from '@blaze-react/button';\nimport { parseUrl } from 'query-string';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';\nimport { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst ItemListNew = ({ listName, modifier, text }) => {\n const router = useRouter();\n const { query: { [LIST_ITEM_QUERY_PARAM]: listItemId } = {} } = parseUrl(router.asPath);\n\n const { listId } = useItemListId({ listName });\n const listIdToUse = listItemId \|\| listId;\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listIdToUse },\n skip: !listIdToUse\n });\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n if (!listItems.length) return '';\n\n const handleClick = () => {\n setItemListId(listName, '');\n setParamAndRedirect(router);\n };\n\n return (\n <BlazeButton className={`item-list-new ${modifier}`} onClick={handleClick}>\n {text}\n </BlazeButton>\n );\n};\n\nItemListNew.propTypes = {\n listName: PropTypes.string.isRequired,\n modifier: PropTypes.string,\n text: PropTypes.string.isRequired\n};\n\nItemListNew.defaultProps = {\n modifier: ''\n};\n\nexport default ItemListNew;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,WAAW,MAAM,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,eAAe,EAAEC,aAAa,EAAEC,mBAAmB,QAAQ,YAAY;AAChF,SAASC,qBAAqB,QAAQ,cAAc;AAEpD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAK,CAAC,KAAK;EACpD,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEe,KAAK,EAAE;MAAE,CAACN,qBAAqB,GAAGO;IAAW,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGb,QAAQ,CAACW,MAAM,CAACG,MAAM,CAAC;EAEvF,MAAM;IAAEC;EAAO,CAAC,GAAGb,aAAa,CAAC;IAAEM;EAAS,CAAC,CAAC;EAC9C,MAAMQ,WAAW,GAAGH,UAAU,IAAIE,MAAM;EACxC,MAAM;IAAEE,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAACG,WAAW,EAAE;IACrDmB,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAY,CAAC;IAC9BM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,IAAIG,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACK,OAAO;EAE/B,MAAMC,SAAS,GAAGrB,eAAe,CAACc,IAAI,CAAC;EACvC,IAAI,CAACO,SAAS,CAACC,MAAM,EAAE,OAAO,EAAE;EAEhC,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBtB,aAAa,CAACI,QAAQ,EAAE,EAAE,CAAC;IAC3BH,mBAAmB,CAACM,MAAM,CAAC;EAC7B,CAAC;EAED,oBACEhB,KAAA,CAAAgC,aAAA,CAAC5B,WAAW;~~IAAC6B~~,SAAS,EAAG,iBAAgBnB,QAAS,EAAE;~~IAACoB~~,OAAO,EAAEH;~~EAAY~~,~~GACvEhB~~,IACU,CAAC;AAElB,CAAC;AAEDH,WAAW,CAACuB,SAAS,GAAG;EACtBtB,QAAQ,EAAEZ,SAAS,CAACmC,MAAM,CAACC,UAAU;EACrCvB,QAAQ,EAAEb,SAAS,CAACmC,MAAM;EAC1BrB,IAAI,EAAEd,SAAS,CAACmC,MAAM,CAACC;AACzB,CAAC;AAEDzB,WAAW,CAAC0B,YAAY,GAAG;EACzBxB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,WAAW"}
1	+ {"version":3,"file":"ItemListNew.js","names":["React","PropTypes","useRouter","useQuery","BlazeButton","parseUrl","getItemList","useItemListId","getItemListData","setItemListId","setParamAndRedirect","LIST_ITEM_QUERY_PARAM","ItemListNew","listName","modifier","text","router","query","listItemId","asPath","listId","listIdToUse","data","error","loading","variables","id","skip","message","listItems","length","handleClick","createElement","className","onClick","propTypes","string","isRequired","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListNew/ItemListNew.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport BlazeButton from '@blaze-react/button';\nimport { parseUrl } from 'query-string';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';\nimport { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst ItemListNew = ({ listName, modifier, text }) => {\n const router = useRouter();\n const { query: { [LIST_ITEM_QUERY_PARAM]: listItemId } = {} } = parseUrl(router.asPath);\n\n const { listId } = useItemListId({ listName });\n const listIdToUse = listItemId \|\| listId;\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listIdToUse },\n skip: !listIdToUse\n });\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n if (!listItems.length) return '';\n\n const handleClick = () => {\n setItemListId(listName, '');\n setParamAndRedirect(router);\n };\n\n return (\n <BlazeButton\n className={`item-list-new ${modifier}`}\n onClick={handleClick}\n aria-label={`Create new ${listName}`}>\n {text}\n </BlazeButton>\n );\n};\n\nItemListNew.propTypes = {\n listName: PropTypes.string.isRequired,\n modifier: PropTypes.string,\n text: PropTypes.string.isRequired\n};\n\nItemListNew.defaultProps = {\n modifier: ''\n};\n\nexport default ItemListNew;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,WAAW,MAAM,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,eAAe,EAAEC,aAAa,EAAEC,mBAAmB,QAAQ,YAAY;AAChF,SAASC,qBAAqB,QAAQ,cAAc;AAEpD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAK,CAAC,KAAK;EACpD,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEe,KAAK,EAAE;MAAE,CAACN,qBAAqB,GAAGO;IAAW,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGb,QAAQ,CAACW,MAAM,CAACG,MAAM,CAAC;EAEvF,MAAM;IAAEC;EAAO,CAAC,GAAGb,aAAa,CAAC;IAAEM;EAAS,CAAC,CAAC;EAC9C,MAAMQ,WAAW,GAAGH,UAAU,IAAIE,MAAM;EACxC,MAAM;IAAEE,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAACG,WAAW,EAAE;IACrDmB,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAY,CAAC;IAC9BM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,IAAIG,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACK,OAAO;EAE/B,MAAMC,SAAS,GAAGrB,eAAe,CAACc,IAAI,CAAC;EACvC,IAAI,CAACO,SAAS,CAACC,MAAM,EAAE,OAAO,EAAE;EAEhC,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBtB,aAAa,CAACI,QAAQ,EAAE,EAAE,CAAC;IAC3BH,mBAAmB,CAACM,MAAM,CAAC;EAC7B,CAAC;EAED,oBACEhB,KAAA,CAAAgC,aAAA,CAAC5B,WAAW;IACV6B,SAAS,EAAG,iBAAgBnB,QAAS,EAAE;IACvCoB,OAAO,EAAEH,WAAY;IACrB,cAAa,cAAalB,QAAS;EAAE,GACpCE,IACU,CAAC;AAElB,CAAC;AAEDH,WAAW,CAACuB,SAAS,GAAG;EACtBtB,QAAQ,EAAEZ,SAAS,CAACmC,MAAM,CAACC,UAAU;EACrCvB,QAAQ,EAAEb,SAAS,CAACmC,MAAM;EAC1BrB,IAAI,EAAEd,SAAS,CAACmC,MAAM,CAACC;AACzB,CAAC;AAEDzB,WAAW,CAAC0B,YAAY,GAAG;EACzBxB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,WAAW"}

package/lib-es/components/MenuItem/MenuItem.js CHANGED Viewed

@@ -45,9 +45,11 @@ const MenuItem = ({
     href: url
   }, text) : /*#__PURE__*/React.createElement("span", {
     role: "button",
-    onClick: handleItemEvent
+    onClick: handleItemEvent,
+    "aria-label": text
   }, text), hasValidChildren && /*#__PURE__*/React.createElement("i", {
     role: "button",
+    "aria-label": displayChildren ? `Collapse ${text} menu items` : `Expand ${text} menu items`,
     className: "menu--item--link--icon",
     onClick: () => setDisplayChildren(!displayChildren)
   }, displayChildren ? /*#__PURE__*/React.createElement(FaChevronUp, null) : /*#__PURE__*/React.createElement(FaChevronDown, null))), hasValidChildren && /*#__PURE__*/React.createElement("div", {

package/lib-es/components/MenuItem/MenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","MenuItem","children","eventType","text","modifier","url","displayChildren","setDisplayChildren","showMobileMenu","isHoverEvent","childrenDisplayClass","handleItemEvent","type","hasValidChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n const [displayChildren, setDisplayChildren] = useState(false);\n const { showMobileMenu } = useContext(MenuContext);\n\n useEffect(\n () => {\n if (!showMobileMenu) setDisplayChildren(false);\n },\n [showMobileMenu]\n );\n\n const isHoverEvent = eventType === HOVER;\n const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n const handleItemEvent = ({ type }) => {\n if (isHoverEvent) {\n if (type === MOUSE_ENTER) {\n setDisplayChildren(true);\n }\n if (type === MOUSE_LEAVE) {\n setDisplayChildren(false);\n }\n }\n };\n const hasValidChildren = hasChildren(children);\n\n return (\n <li\n className={modifier}\n onMouseEnter={handleItemEvent}\n onMouseLeave={handleItemEvent}\n aria-label={text}>\n <div className=\"menu--item--link\">\n {url ? (\n <BlazeLink href={url}>{text}</BlazeLink>\n ) : (\n <span role=\"button\" onClick={handleItemEvent}>\n {text}\n </span>\n )}\n {hasValidChildren && (\n <i\n role=\"button\"\n className=\"menu--item--link--icon\"\n onClick={() => setDisplayChildren(!displayChildren)}>\n {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n </i>\n )}\n </div>\n {hasValidChildren && (\n <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n )}\n </li>\n );\n};\n\nMenuItem.propTypes = {\n modifier: PropTypes.string,\n text: PropTypes.string,\n url: PropTypes.string,\n eventType: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItem.defaultProps = {\n url: '',\n modifier: '',\n text: '',\n children: null\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC9D,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,EAAEC,WAAW,QAAQ,gBAAgB;AAC3D,SAASC,KAAK,EAAEC,WAAW,EAAEC,WAAW,EAAEC,MAAM,QAAQ,iBAAiB;AACzE,SAASC,WAAW,QAAQ,eAAe;AAC3C,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,WAAW,MAAM,qBAAqB;AAE7C,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAI,CAAC,KAAK;EACjE,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAM;IAAEqB;EAAe,CAAC,GAAGpB,UAAU,CAACW,WAAW,CAAC;EAElDV,SAAS,CACP,MAAM;IACJ,IAAI,CAACmB,cAAc,EAAED,kBAAkB,CAAC,KAAK,CAAC;EAChD,CAAC,EACD,CAACC,cAAc,CACjB,CAAC;EAED,MAAMC,YAAY,GAAGP,SAAS,KAAKT,KAAK;EACxC,MAAMiB,oBAAoB,GAAGJ,eAAe,GAAG,EAAE,GAAGV,MAAM;EAE1D,MAAMe,eAAe,GAAGA,CAAC;IAAEC;EAAK,CAAC,KAAK;IACpC,IAAIH,YAAY,EAAE;MAChB,IAAIG,IAAI,KAAKlB,WAAW,EAAE;QACxBa,kBAAkB,CAAC,IAAI,CAAC;MAC1B;MACA,IAAIK,IAAI,KAAKjB,WAAW,EAAE;QACxBY,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF;EACF,CAAC;EACD,MAAMM,gBAAgB,GAAGhB,WAAW,CAACI,QAAQ,CAAC;EAE9C,oBACEf,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAEX,QAAS;IACpBY,YAAY,EAAEL,eAAgB;IAC9BM,YAAY,EAAEN,eAAgB;IAC9B,cAAYR;EAAK,gBACjBjB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAkB,GAC9BV,GAAG,gBACFnB,KAAA,CAAA4B,aAAA,CAAChB,SAAS;IAACoB,IAAI,EAAEb;EAAI,GAAEF,IAAgB,CAAC,gBAExCjB,KAAA,CAAA4B,aAAA;IAAMK,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAET;~~EAAgB~~,~~GAC1CR~~,IACG,CACP,EACAU,gBAAgB,iBACf3B,KAAA,CAAA4B,aAAA;IACEK,IAAI,EAAC,QAAQ;~~IACbJ~~,SAAS,EAAC,wBAAwB;IAClCK,OAAO,EAAEA,CAAA,KAAMb,kBAAkB,CAAC,CAACD,eAAe;EAAE,GACnDA,eAAe,gBAAGpB,KAAA,CAAA4B,aAAA,CAACtB,WAAW,MAAE,CAAC,gBAAGN,KAAA,CAAA4B,aAAA,CAACvB,aAAa,MAAE,CACpD,CAEF,CAAC,EACLsB,gBAAgB,iBACf3B,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAG,uBAAsBL,oBAAqB;EAAE,GAAET,QAAc,CAE9E,CAAC;AAET,CAAC;AAEDD,QAAQ,CAACqB,SAAS,GAAG;EACnBjB,QAAQ,EAAEd,SAAS,CAACgC,MAAM;EAC1BnB,IAAI,EAAEb,SAAS,CAACgC,MAAM;EACtBjB,GAAG,EAAEf,SAAS,CAACgC,MAAM;EACrBpB,SAAS,EAAEZ,SAAS,CAACgC,MAAM,CAACC,UAAU;EACtCtB,QAAQ,EAAEX,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACmC,OAAO,CAACnC,SAAS,CAACoC,IAAI,CAAC,EAAEpC,SAAS,CAACoC,IAAI,CAAC;AACnF,CAAC;AAED1B,QAAQ,CAAC2B,YAAY,GAAG;EACtBtB,GAAG,EAAE,EAAE;EACPD,QAAQ,EAAE,EAAE;EACZD,IAAI,EAAE,EAAE;EACRF,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeD,QAAQ"}
1	+ {"version":3,"file":"MenuItem.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","MenuItem","children","eventType","text","modifier","url","displayChildren","setDisplayChildren","showMobileMenu","isHoverEvent","childrenDisplayClass","handleItemEvent","type","hasValidChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n const [displayChildren, setDisplayChildren] = useState(false);\n const { showMobileMenu } = useContext(MenuContext);\n\n useEffect(\n () => {\n if (!showMobileMenu) setDisplayChildren(false);\n },\n [showMobileMenu]\n );\n\n const isHoverEvent = eventType === HOVER;\n const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n const handleItemEvent = ({ type }) => {\n if (isHoverEvent) {\n if (type === MOUSE_ENTER) {\n setDisplayChildren(true);\n }\n if (type === MOUSE_LEAVE) {\n setDisplayChildren(false);\n }\n }\n };\n const hasValidChildren = hasChildren(children);\n\n return (\n <li\n className={modifier}\n onMouseEnter={handleItemEvent}\n onMouseLeave={handleItemEvent}\n aria-label={text}>\n <div className=\"menu--item--link\">\n {url ? (\n <BlazeLink href={url}>{text}</BlazeLink>\n ) : (\n <span role=\"button\" onClick={handleItemEvent} aria-label={text}>\n {text}\n </span>\n )}\n {hasValidChildren && (\n <i\n role=\"button\"\n aria-label={\n displayChildren ? `Collapse ${text} menu items` : `Expand ${text} menu items`\n }\n className=\"menu--item--link--icon\"\n onClick={() => setDisplayChildren(!displayChildren)}>\n {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n </i>\n )}\n </div>\n {hasValidChildren && (\n <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n )}\n </li>\n );\n};\n\nMenuItem.propTypes = {\n modifier: PropTypes.string,\n text: PropTypes.string,\n url: PropTypes.string,\n eventType: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItem.defaultProps = {\n url: '',\n modifier: '',\n text: '',\n children: null\n};\n\nexport default MenuItem;\n"],"mappings":"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"}

package/lib-es/components/SearchFilter/SearchFilter/CloseMobileForm.js CHANGED Viewed

@@ -8,7 +8,8 @@ const CloseMobileForm = ({
   className: "filter__header filter__header--mobile"
 }, /*#__PURE__*/React.createElement("p", null, MOBILE_REFINEMENT_TITLE), /*#__PURE__*/React.createElement("i", {
   role: "button",
-  onClick: handleClose
+  onClick: handleClose,
+  "aria-label": "Close"
 }, /*#__PURE__*/React.createElement(MdClose, null)));
 CloseMobileForm.propTypes = {
   handleClose: PropTypes.func.isRequired

package/lib-es/components/SearchFilter/SearchFilter/CloseMobileForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseMobileForm.js","names":["React","PropTypes","MdClose","MOBILE_REFINEMENT_TITLE","CloseMobileForm","handleClose","createElement","className","role","onClick","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MdClose } from 'react-icons/md';\nimport { MOBILE_REFINEMENT_TITLE } from '../constants';\n\nconst CloseMobileForm = ({ handleClose }) => (\n <div className=\"filter__header filter__header--mobile\">\n <p>{MOBILE_REFINEMENT_TITLE}</p>\n\n <i role=\"button\" onClick={handleClose}>\n <MdClose />\n </i>\n </div>\n);\n\nCloseMobileForm.propTypes = {\n handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,uBAAuB,QAAQ,cAAc;AAEtD,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAAY,CAAC,kBACtCL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAuC,gBACpDP,KAAA,CAAAM,aAAA,YAAIH,uBAA2B,CAAC,eAEhCH,KAAA,CAAAM,aAAA;EAAGE,IAAI,EAAC,QAAQ;EAACC,OAAO,EAAEJ;~~AAAY~~,~~gBACpCL~~,KAAA,CAAAM,aAAA,CAACJ,OAAO,MAAE,CACT,CACA,CACN;AAEDE,eAAe,CAACM,SAAS,GAAG;EAC1BL,WAAW,EAAEJ,SAAS,CAACU,IAAI,CAACC;AAC9B,CAAC;AAED,eAAeR,eAAe"}
1	+ {"version":3,"file":"CloseMobileForm.js","names":["React","PropTypes","MdClose","MOBILE_REFINEMENT_TITLE","CloseMobileForm","handleClose","createElement","className","role","onClick","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MdClose } from 'react-icons/md';\nimport { MOBILE_REFINEMENT_TITLE } from '../constants';\n\nconst CloseMobileForm = ({ handleClose }) => (\n <div className=\"filter__header filter__header--mobile\">\n <p>{MOBILE_REFINEMENT_TITLE}</p>\n\n <i role=\"button\" onClick={handleClose} aria-label=\"Close\">\n <MdClose />\n </i>\n </div>\n);\n\nCloseMobileForm.propTypes = {\n handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,uBAAuB,QAAQ,cAAc;AAEtD,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAAY,CAAC,kBACtCL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAuC,gBACpDP,KAAA,CAAAM,aAAA,YAAIH,uBAA2B,CAAC,eAEhCH,KAAA,CAAAM,aAAA;EAAGE,IAAI,EAAC,QAAQ;EAACC,OAAO,EAAEJ,WAAY;EAAC,cAAW;AAAO,gBACvDL,KAAA,CAAAM,aAAA,CAACJ,OAAO,MAAE,CACT,CACA,CACN;AAEDE,eAAe,CAACM,SAAS,GAAG;EAC1BL,WAAW,EAAEJ,SAAS,CAACU,IAAI,CAACC;AAC9B,CAAC;AAED,eAAeR,eAAe"}

package/lib-es/components/SearchFilter/SearchFilter/MobileFormToolbar.js CHANGED Viewed

@@ -10,7 +10,8 @@ const MobileFormToolbar = ({
   className: "reset",
   "data-testid": "reset-button",
   role: "button",
-  onClick: handleReset
+  onClick: handleReset,
+  "aria-label": "Reset Filters"
 }, RESET), /*#__PURE__*/React.createElement("button", {
   className: "search",
   type: "submit",