@semcore/core 17.0.0-prerelease.20-prerelease.20 → 17.0.0-prerelease.22

package/lib/utils/enhances/a11yEnhance.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11yEnhance.js","names":["_assignProps","require","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","findNeighbor","onNeighborChange","childSelector","props","concat","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","_ref","_ref2","_slicedToArray2","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","_objectSpread2","onKeyDown","callAllEventHandlers","_default","exports"],"sources":["../../../src/utils/enhances/a11yEnhance.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { callAllEventHandlers } from '../assignProps';\n\ntype OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;\ntype FindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => HTMLElement | undefined;\ntype ChildSelector<P> = [string, string] | ((props: P) => [string, string]);\n\ntype A11yEnhanceOptions<P = any> = {\n  findNeighbor?: FindNeighbor;\n  onNeighborChange?: OnNeighborChange<P>;\n  childSelector: ChildSelector<P>;\n};\n\nconst defaultOnNeighborChange: OnNeighborChange<any> = (neighborElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor: FindNeighbor = (listSelectors, element, direction) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: A11yEnhanceOptions) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if ('disabled' in neighbor && neighbor.disabled)\n        return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] =\n        typeof childSelector === 'function' ? childSelector(props) : childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowTop':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowBottom':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"a11yEnhance.js","names":["_assignProps","require","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","findNeighbor","onNeighborChange","childSelector","props","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","onKeyDown","callAllEventHandlers","_default","exports","default"],"sources":["../../../src/utils/enhances/a11yEnhance.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { callAllEventHandlers } from '../assignProps';\n\ntype OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;\ntype FindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => HTMLElement | undefined;\ntype ChildSelector<P> = [string, string] | ((props: P) => [string, string]);\n\ntype A11yEnhanceOptions<P = any> = {\n  findNeighbor?: FindNeighbor;\n  onNeighborChange?: OnNeighborChange<P>;\n  childSelector: ChildSelector<P>;\n};\n\nconst defaultOnNeighborChange: OnNeighborChange<any> = (neighborElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor: FindNeighbor = (listSelectors, element, direction) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: A11yEnhanceOptions) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if ('disabled' in neighbor && neighbor.disabled)\n        return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] =\n        typeof childSelector === 'function' ? childSelector(props) : childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowTop':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowBottom':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAgBA,MAAMC,uBAA8C,GAAIC,eAAe,IAAK;EAC1EA,eAAe,EAAEC,KAAK,CAAC,CAAC;AAC1B,CAAC;AAED,MAAMC,mBAAiC,GAAGA,CAACC,aAAa,EAAEC,OAAO,EAAEC,SAAS,KAAK;EAC/E,MAAMC,cAAc,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAACC,QAAQ,CAACF,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;EACpE,MAAMG,YAAY,GAAGL,aAAa,CAACM,SAAS,CAAEC,IAAI,IAAKA,IAAI,KAAKN,OAAO,CAAC;EACxE,MAAMO,UAAU,GAAGR,aAAa,CAACS,MAAM;EAEvC,MAAMC,SAAS,GAAGF,UAAU,GAAG,CAAC;EAChC,IAAIG,SAAS,GAAGN,YAAY,GAAGF,cAAc;EAC7C,IAAIQ,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAGD,SAAS;EACxC,IAAIC,SAAS,GAAGD,SAAS,EAAEC,SAAS,GAAG,CAAC;EACxC,OAAOX,aAAa,CAACW,SAAS,CAAC;AACjC,CAAC;AAED,MAAMC,WAAW,GAAIC,OAA2B,IAAK;EACnD,MAAMC,YAAY,GAAGD,OAAO,CAACC,YAAY,IAAIf,mBAAmB;EAChE,MAAMgB,gBAAgB,GAAGF,OAAO,CAACE,gBAAgB,IAAInB,uBAAuB;EAC5E,MAAM;IAAEoB;EAAc,CAAC,GAAGH,OAAO;EAEjC,OAAQI,KAAU,IAAK;IACrB,IAAI,CAACD,aAAa,EAChB,MAAM,qEAAqEC,KAAK,CAAC,cAAc,CAAC,EAAE;IACpG,MAAMC,WAAW,GAAGA,CAClBlB,aAAkB,EAClBC,OAAoB,EACpBC,SAAiB,KACD;MAChB,MAAMiB,QAAQ,GAAGL,YAAY,CAACd,aAAa,EAAEC,OAAO,EAAEC,SAAS,CAAC;MAChE,IAAI,CAACiB,QAAQ,EAAE,OAAOlB,OAAO;MAC7B,IAAI,UAAU,IAAIkB,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,EAC7C,OAAOF,WAAW,CAAClB,aAAa,EAAEmB,QAAQ,EAAEjB,SAAS,CAAC;MACxD,OAAOiB,QAAQ;IACjB,CAAC;IAED,MAAME,aAAa,GAAIC,KAAuC,IAAK;MACjE,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;MAClC,MAAMC,eAAe,GAAGH,KAAK,CAACI,MAAqB;MACnD,MAAM,CAACC,aAAa,EAAEC,cAAc,CAAC,GACnC,OAAOZ,aAAa,KAAK,UAAU,GAAGA,aAAa,CAACC,KAAK,CAAC,GAAGD,aAAa;MAC5E,IAAI,CAACS,eAAe,CAACI,YAAY,CAACF,aAAa,CAAC,EAAE;MAElD,MAAM3B,aAAa,GAAG8B,KAAK,CAACC,IAAI,CAC9BR,MAAM,CAACS,gBAAgB,CAAC,IAAIL,aAAa,KAAKC,cAAc,IAAI,CAClE,CAAC;MACD,IAAI,CAAC5B,aAAa,CAACS,MAAM,EACvB,MAAM,uCAAuCkB,aAAa,KAAKC,cAAc,sBAAsBX,KAAK,CAAC,cAAc,CAAC,EAAE;MAE5H,QAAQK,KAAK,CAACW,GAAG;QACf,KAAK,WAAW;UACdlB,gBAAgB,CAACG,WAAW,CAAClB,aAAa,EAAEyB,eAAe,EAAE,MAAM,CAAC,EAAER,KAAK,CAAC;UAC5EK,KAAK,CAACY,cAAc,CAAC,CAAC;UACtB;QACF,KAAK,UAAU;UACbnB,gBAAgB,CAACG,WAAW,CAAClB,aAAa,EAAEyB,eAAe,EAAE,KAAK,CAAC,EAAER,KAAK,CAAC;UAC3EK,KAAK,CAACY,cAAc,CAAC,CAAC;UACtB;QACF,KAAK,YAAY;UACfnB,gBAAgB,CAACG,WAAW,CAAClB,aAAa,EAAEyB,eAAe,EAAE,OAAO,CAAC,EAAER,KAAK,CAAC;UAC7EK,KAAK,CAACY,cAAc,CAAC,CAAC;UACtB;QACF,KAAK,aAAa;UAChBnB,gBAAgB,CAACG,WAAW,CAAClB,aAAa,EAAEyB,eAAe,EAAE,QAAQ,CAAC,EAAER,KAAK,CAAC;UAC9EK,KAAK,CAACY,cAAc,CAAC,CAAC;UACtB;MACJ;IACF,CAAC;IAED,OAAO;MACL,GAAGjB,KAAK;MACRkB,SAAS,EAAE,IAAAC,iCAAoB,EAACnB,KAAK,CAACkB,SAAS,EAAEd,aAAa;IAChE,CAAC;EACH,CAAC;AACH,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa3B,WAAW","ignoreList":[]}

package/lib/utils/enhances/a11yEnhance.mjs

@@ -1,65 +1,61 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { callAllEventHandlers } from "../assignProps.mjs";
-var defaultOnNeighborChange = function defaultOnNeighborChange(neighborElement) {
-  neighborElement === null || neighborElement === void 0 || neighborElement.focus();
+const defaultOnNeighborChange = neighborElement => {
+  neighborElement?.focus();
 };
-var defaultFindNeighbor = function defaultFindNeighbor(listSelectors, element, direction) {
-  var elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;
-  var indexElement = listSelectors.findIndex(function (node) {
-    return node === element;
-  });
-  var lengthList = listSelectors.length;
-  var lastIndex = lengthList - 1;
-  var indexNext = indexElement + elementSibling;
+const defaultFindNeighbor = (listSelectors, element, direction) => {
+  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;
+  const indexElement = listSelectors.findIndex(node => node === element);
+  const lengthList = listSelectors.length;
+  const lastIndex = lengthList - 1;
+  let indexNext = indexElement + elementSibling;
   if (indexNext < 0) indexNext = lastIndex;
   if (indexNext > lastIndex) indexNext = 0;
   return listSelectors[indexNext];
 };
-var a11yEnhance = function a11yEnhance(options) {
-  var findNeighbor = options.findNeighbor || defaultFindNeighbor;
-  var onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;
-  var childSelector = options.childSelector;
-  return function (props) {
-    if (!childSelector) throw "parameter childSelector not passed in options for a11yEnhance for ".concat(props['data-ui-name']);
-    var _getNeighbor = function getNeighbor(listSelectors, element, direction) {
-      var neighbor = findNeighbor(listSelectors, element, direction);
+const a11yEnhance = options => {
+  const findNeighbor = options.findNeighbor || defaultFindNeighbor;
+  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;
+  const {
+    childSelector
+  } = options;
+  return props => {
+    if (!childSelector) throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;
+    const getNeighbor = (listSelectors, element, direction) => {
+      const neighbor = findNeighbor(listSelectors, element, direction);
       if (!neighbor) return element;
-      if ('disabled' in neighbor && neighbor.disabled) return _getNeighbor(listSelectors, neighbor, direction);
+      if ('disabled' in neighbor && neighbor.disabled) return getNeighbor(listSelectors, neighbor, direction);
       return neighbor;
     };
-    var handleKeyDown = function handleKeyDown(event) {
-      var parent = event.currentTarget;
-      var selectedElement = event.target;
-      var _ref = typeof childSelector === 'function' ? childSelector(props) : childSelector,
-        _ref2 = _slicedToArray(_ref, 2),
-        childAttrName = _ref2[0],
-        childAttrValue = _ref2[1];
+    const handleKeyDown = event => {
+      const parent = event.currentTarget;
+      const selectedElement = event.target;
+      const [childAttrName, childAttrValue] = typeof childSelector === 'function' ? childSelector(props) : childSelector;
       if (!selectedElement.getAttribute(childAttrName)) return;
-      var listSelectors = Array.from(parent.querySelectorAll("[".concat(childAttrName, "=\"").concat(childAttrValue, "\"]")));
-      if (!listSelectors.length) throw "no children found querySelectorAll([".concat(childAttrName, "=\"").concat(childAttrValue, "\"] a11yEnhance for ").concat(props['data-ui-name']);
+      const listSelectors = Array.from(parent.querySelectorAll(`[${childAttrName}="${childAttrValue}"]`));
+      if (!listSelectors.length) throw `no children found querySelectorAll([${childAttrName}="${childAttrValue}"] a11yEnhance for ${props['data-ui-name']}`;
       switch (event.key) {
         case 'ArrowLeft':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'left'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);
           event.preventDefault();
           break;
         case 'ArrowTop':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'top'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);
           event.preventDefault();
           break;
         case 'ArrowRight':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'right'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);
           event.preventDefault();
           break;
         case 'ArrowBottom':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'bottom'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);
           event.preventDefault();
           break;
       }
     };
-    return _objectSpread(_objectSpread({}, props), {}, {
+    return {
+      ...props,
       onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown)
-    });
+    };
   };
 };
 export default a11yEnhance;

package/lib/utils/enhances/a11yEnhance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"a11yEnhance.mjs","names":["callAllEventHandlers","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","findNeighbor","onNeighborChange","childSelector","props","concat","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","_ref","_ref2","_slicedToArray","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","_objectSpread","onKeyDown"],"sources":["../../../src/utils/enhances/a11yEnhance.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { callAllEventHandlers } from '../assignProps';\n\ntype OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;\ntype FindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => HTMLElement | undefined;\ntype ChildSelector<P> = [string, string] | ((props: P) => [string, string]);\n\ntype A11yEnhanceOptions<P = any> = {\n  findNeighbor?: FindNeighbor;\n  onNeighborChange?: OnNeighborChange<P>;\n  childSelector: ChildSelector<P>;\n};\n\nconst defaultOnNeighborChange: OnNeighborChange<any> = (neighborElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor: FindNeighbor = (listSelectors, element, direction) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: A11yEnhanceOptions) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if ('disabled' in neighbor && neighbor.disabled)\n        return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] =\n        typeof childSelector === 'function' ? childSelector(props) : childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowTop':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowBottom':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"a11yEnhance.mjs","names":["callAllEventHandlers","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","findNeighbor","onNeighborChange","childSelector","props","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","onKeyDown"],"sources":["../../../src/utils/enhances/a11yEnhance.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { callAllEventHandlers } from '../assignProps';\n\ntype OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;\ntype FindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => HTMLElement | undefined;\ntype ChildSelector<P> = [string, string] | ((props: P) => [string, string]);\n\ntype A11yEnhanceOptions<P = any> = {\n  findNeighbor?: FindNeighbor;\n  onNeighborChange?: OnNeighborChange<P>;\n  childSelector: ChildSelector<P>;\n};\n\nconst defaultOnNeighborChange: OnNeighborChange<any> = (neighborElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor: FindNeighbor = (listSelectors, element, direction) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: A11yEnhanceOptions) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if ('disabled' in neighbor && neighbor.disabled)\n        return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] =\n        typeof childSelector === 'function' ? childSelector(props) : childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowTop':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowBottom':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/enhances/animatedSizeEnhance.js

@@ -1,98 +1,90 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _ref2 = require("../ref");
+var _ref = require("../ref");
 var _useEnhancedEffect = _interopRequireDefault(require("../use/useEnhancedEffect"));
-var _excluded = ["ref", "__animatedEnhanceInstanceId", "duration"];
-var uniqueId = 0;
-function animatedSizeEnhance(_ref) {
-  var _ref$animateProps = _ref.animateProps,
-    animateProps = _ref$animateProps === void 0 ? [] : _ref$animateProps,
-    _ref$onChangeOf = _ref.onChangeOf,
-    onChangeOf = _ref$onChangeOf === void 0 ? [] : _ref$onChangeOf;
-  return function (props) {
-    var ref = props.ref,
-      __animatedEnhanceInstanceId = props.__animatedEnhanceInstanceId,
-      duration = props.duration,
-      other = (0, _objectWithoutProperties2["default"])(props, _excluded);
-    var nodeRef = /*#__PURE__*/_react["default"].createRef();
-    var lastSizesRef = _react["default"].useRef([]);
-    var prevPropsRef = _react["default"].useRef(props);
-    var animatedSizeInstanceIdRef = _react["default"].useRef(uniqueId++);
+let uniqueId = 0;
+function animatedSizeEnhance({
+  animateProps = [],
+  onChangeOf = []
+}) {
+  return props => {
+    const {
+      ref,
+      __animatedEnhanceInstanceId,
+      duration,
+      ...other
+    } = props;
+    const nodeRef = /*#__PURE__*/_react.default.createRef();
+    const lastSizesRef = _react.default.useRef([]);
+    const prevPropsRef = _react.default.useRef(props);
+    const animatedSizeInstanceIdRef = _react.default.useRef(uniqueId++);
     prevPropsRef.current = props;
-    (0, _useEnhancedEffect["default"])(function () {
+    (0, _useEnhancedEffect.default)(() => {
       if (props.animationsDisabled) return;
       if (__animatedEnhanceInstanceId !== undefined && __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current) return;
       if (!nodeRef.current) {
         return;
       }
-      var node = nodeRef.current;
-      if (lastSizesRef.current.every(function (value) {
-        return value === undefined;
-      })) {
-        for (var i = 0; i < animateProps.length; i++) {
+      const node = nodeRef.current;
+      if (lastSizesRef.current.every(value => value === undefined)) {
+        for (let i = 0; i < animateProps.length; i++) {
           // @ts-ignore
           lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];
         }
         return;
       }
-      var sizes = [];
-      for (var _i = 0; _i < animateProps.length; _i++) {
-        sizes[_i] = node.getBoundingClientRect()[animateProps[_i]];
-        if (Math.abs(lastSizesRef.current[_i] - sizes[_i]) < 3 || node.style.getPropertyValue(animateProps[_i]).endsWith('%')) {
-          lastSizesRef.current[_i] = sizes[_i];
-          sizes[_i] = undefined;
+      const sizes = [];
+      for (let i = 0; i < animateProps.length; i++) {
+        sizes[i] = node.getBoundingClientRect()[animateProps[i]];
+        if (Math.abs(lastSizesRef.current[i] - sizes[i]) < 3 || node.style.getPropertyValue(animateProps[i]).endsWith('%')) {
+          lastSizesRef.current[i] = sizes[i];
+          sizes[i] = undefined;
         }
       }
-      if (sizes.every(function (value) {
-        return value === undefined;
-      })) return;
+      if (sizes.every(value => value === undefined)) return;
       node.style.transition = 'none';
-      for (var _i2 = 0; _i2 < animateProps.length; _i2++) {
-        node.style[animateProps[_i2]] = "".concat(lastSizesRef.current[_i2], "px");
+      for (let i = 0; i < animateProps.length; i++) {
+        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;
       }
-      var timeout = -1;
-      var _handleTransitionEnd = function handleTransitionEnd() {
+      let timeout = -1;
+      const handleTransitionEnd = () => {
         clearTimeout(timeout);
         if (!node) return;
         node.style.transition = null;
-        for (var _i3 = 0; _i3 < animateProps.length; _i3++) {
-          node.style[animateProps[_i3]] = null;
+        for (let i = 0; i < animateProps.length; i++) {
+          node.style[animateProps[i]] = null;
         }
-        node.removeEventListener('transitionend', _handleTransitionEnd);
-        node.removeEventListener('transitioncancel', _handleTransitionEnd);
+        node.removeEventListener('transitionend', handleTransitionEnd);
+        node.removeEventListener('transitioncancel', handleTransitionEnd);
       };
-      var animationFrame = requestAnimationFrame(function () {
+      const animationFrame = requestAnimationFrame(() => {
         if (!node) return;
-        node.addEventListener('transitionend', _handleTransitionEnd);
-        node.addEventListener('transitioncancel', _handleTransitionEnd);
-        node.style.transition = "".concat(duration, "ms all ease-in-out");
-        for (var _i4 = 0; _i4 < animateProps.length; _i4++) {
-          lastSizesRef.current[_i4] = sizes[_i4];
-          node.style[animateProps[_i4]] = "".concat(sizes[_i4], "px");
+        node.addEventListener('transitionend', handleTransitionEnd);
+        node.addEventListener('transitioncancel', handleTransitionEnd);
+        node.style.transition = `${duration}ms all ease-in-out`;
+        for (let i = 0; i < animateProps.length; i++) {
+          lastSizesRef.current[i] = sizes[i];
+          node.style[animateProps[i]] = `${sizes[i]}px`;
         }
       });
-      timeout = setTimeout(_handleTransitionEnd, 500);
-      return function () {
+      timeout = setTimeout(handleTransitionEnd, 500);
+      return () => {
         cancelAnimationFrame(animationFrame);
-        _handleTransitionEnd();
+        handleTransitionEnd();
       };
-    }, [__animatedEnhanceInstanceId, props.animationsDisabled, duration].concat((0, _toConsumableArray2["default"])(onChangeOf.map(function (propName) {
-      return props[propName];
-    }))));
-    return (0, _objectSpread2["default"])({
-      ref: (0, _ref2.useForkRef)(ref, nodeRef),
-      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId !== null && __animatedEnhanceInstanceId !== void 0 ? __animatedEnhanceInstanceId : animatedSizeInstanceIdRef.current
-    }, other);
+    }, [__animatedEnhanceInstanceId, props.animationsDisabled, duration, ...onChangeOf.map(propName => props[propName])]);
+    return {
+      ref: (0, _ref.useForkRef)(ref, nodeRef),
+      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,
+      ...other
+    };
   };
 }
-var _default = exports["default"] = animatedSizeEnhance;
+var _default = exports.default = animatedSizeEnhance;
 //# sourceMappingURL=animatedSizeEnhance.js.map

package/lib/utils/enhances/animatedSizeEnhance.js.map

@@ -1 +1 @@
-{"version":3,"file":"animatedSizeEnhance.js","names":["_react","_interopRequireDefault","require","_ref2","_useEnhancedEffect","_excluded","uniqueId","animatedSizeEnhance","_ref","_ref$animateProps","animateProps","_ref$onChangeOf","onChangeOf","props","ref","__animatedEnhanceInstanceId","duration","other","_objectWithoutProperties2","nodeRef","React","createRef","lastSizesRef","useRef","prevPropsRef","animatedSizeInstanceIdRef","current","useEnhancedEffect","animationsDisabled","undefined","node","every","value","i","length","getBoundingClientRect","sizes","Math","abs","style","getPropertyValue","endsWith","transition","concat","timeout","handleTransitionEnd","clearTimeout","removeEventListener","animationFrame","requestAnimationFrame","addEventListener","setTimeout","cancelAnimationFrame","_toConsumableArray2","map","propName","_objectSpread2","useForkRef","_default","exports"],"sources":["../../../src/utils/enhances/animatedSizeEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../ref';\nimport useEnhancedEffect from '../use/useEnhancedEffect';\n\nexport type WithAnimatedSizeEnhanceProps = {\n  animationsDisabled?: boolean;\n};\n\nlet uniqueId = 0;\n\nfunction animatedSizeEnhance({\n  animateProps = [],\n  onChangeOf = [],\n}: {\n  animateProps: ('width' | 'height')[];\n  onChangeOf: string[];\n}) {\n  return (props: any) => {\n    const { ref, __animatedEnhanceInstanceId, duration, ...other } = props;\n    const nodeRef = React.createRef<HTMLElement>();\n    const lastSizesRef = React.useRef<(number | undefined)[]>([]);\n    const prevPropsRef = React.useRef(props);\n    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);\n\n    prevPropsRef.current = props;\n\n    useEnhancedEffect(() => {\n      if (props.animationsDisabled) return;\n      if (\n        __animatedEnhanceInstanceId !== undefined &&\n        __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current\n      )\n        return;\n      if (!nodeRef.current) {\n        return;\n      }\n      const node = nodeRef.current;\n      if (lastSizesRef.current.every((value) => value === undefined)) {\n        for (let i = 0; i < animateProps.length; i++) {\n          // @ts-ignore\n          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];\n        }\n        return;\n      }\n\n      const sizes: (number | undefined)[] = [];\n      for (let i = 0; i < animateProps.length; i++) {\n        sizes[i] = node.getBoundingClientRect()[animateProps[i]];\n        if (\n          Math.abs(lastSizesRef.current[i]! - sizes[i]!) < 3 ||\n          node.style.getPropertyValue(animateProps[i]).endsWith('%')\n        ) {\n          lastSizesRef.current[i] = sizes[i];\n          sizes[i] = undefined;\n        }\n      }\n      if (sizes.every((value) => value === undefined)) return;\n\n      node.style.transition = 'none';\n      for (let i = 0; i < animateProps.length; i++) {\n        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;\n      }\n      let timeout = -1;\n      const handleTransitionEnd = () => {\n        clearTimeout(timeout);\n        if (!node) return;\n        node.style.transition = null as any;\n        for (let i = 0; i < animateProps.length; i++) {\n          node.style[animateProps[i]] = null as any;\n        }\n        node.removeEventListener('transitionend', handleTransitionEnd);\n        node.removeEventListener('transitioncancel', handleTransitionEnd);\n      };\n      const animationFrame = requestAnimationFrame(() => {\n        if (!node) return;\n        node.addEventListener('transitionend', handleTransitionEnd);\n        node.addEventListener('transitioncancel', handleTransitionEnd);\n        node.style.transition = `${duration}ms all ease-in-out`;\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = sizes[i];\n          node.style[animateProps[i]] = `${sizes[i]}px`;\n        }\n      });\n      timeout = setTimeout(handleTransitionEnd, 500) as any;\n      return () => {\n        cancelAnimationFrame(animationFrame);\n        handleTransitionEnd();\n      };\n    }, [\n      __animatedEnhanceInstanceId,\n      props.animationsDisabled,\n      duration,\n      ...onChangeOf.map((propName) => props[propName]),\n    ]);\n\n    return {\n      ref: useForkRef(ref, nodeRef),\n      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,\n      ...other,\n    };\n  };\n}\n\nexport default animatedSizeEnhance;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"animatedSizeEnhance.js","names":["_react","_interopRequireDefault","require","_ref","_useEnhancedEffect","uniqueId","animatedSizeEnhance","animateProps","onChangeOf","props","ref","__animatedEnhanceInstanceId","duration","other","nodeRef","React","createRef","lastSizesRef","useRef","prevPropsRef","animatedSizeInstanceIdRef","current","useEnhancedEffect","animationsDisabled","undefined","node","every","value","i","length","getBoundingClientRect","sizes","Math","abs","style","getPropertyValue","endsWith","transition","timeout","handleTransitionEnd","clearTimeout","removeEventListener","animationFrame","requestAnimationFrame","addEventListener","setTimeout","cancelAnimationFrame","map","propName","useForkRef","_default","exports","default"],"sources":["../../../src/utils/enhances/animatedSizeEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../ref';\nimport useEnhancedEffect from '../use/useEnhancedEffect';\n\nexport type WithAnimatedSizeEnhanceProps = {\n  animationsDisabled?: boolean;\n};\n\nlet uniqueId = 0;\n\nfunction animatedSizeEnhance({\n  animateProps = [],\n  onChangeOf = [],\n}: {\n  animateProps: ('width' | 'height')[];\n  onChangeOf: string[];\n}) {\n  return (props: any) => {\n    const { ref, __animatedEnhanceInstanceId, duration, ...other } = props;\n    const nodeRef = React.createRef<HTMLElement>();\n    const lastSizesRef = React.useRef<(number | undefined)[]>([]);\n    const prevPropsRef = React.useRef(props);\n    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);\n\n    prevPropsRef.current = props;\n\n    useEnhancedEffect(() => {\n      if (props.animationsDisabled) return;\n      if (\n        __animatedEnhanceInstanceId !== undefined &&\n        __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current\n      )\n        return;\n      if (!nodeRef.current) {\n        return;\n      }\n      const node = nodeRef.current;\n      if (lastSizesRef.current.every((value) => value === undefined)) {\n        for (let i = 0; i < animateProps.length; i++) {\n          // @ts-ignore\n          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];\n        }\n        return;\n      }\n\n      const sizes: (number | undefined)[] = [];\n      for (let i = 0; i < animateProps.length; i++) {\n        sizes[i] = node.getBoundingClientRect()[animateProps[i]];\n        if (\n          Math.abs(lastSizesRef.current[i]! - sizes[i]!) < 3 ||\n          node.style.getPropertyValue(animateProps[i]).endsWith('%')\n        ) {\n          lastSizesRef.current[i] = sizes[i];\n          sizes[i] = undefined;\n        }\n      }\n      if (sizes.every((value) => value === undefined)) return;\n\n      node.style.transition = 'none';\n      for (let i = 0; i < animateProps.length; i++) {\n        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;\n      }\n      let timeout = -1;\n      const handleTransitionEnd = () => {\n        clearTimeout(timeout);\n        if (!node) return;\n        node.style.transition = null as any;\n        for (let i = 0; i < animateProps.length; i++) {\n          node.style[animateProps[i]] = null as any;\n        }\n        node.removeEventListener('transitionend', handleTransitionEnd);\n        node.removeEventListener('transitioncancel', handleTransitionEnd);\n      };\n      const animationFrame = requestAnimationFrame(() => {\n        if (!node) return;\n        node.addEventListener('transitionend', handleTransitionEnd);\n        node.addEventListener('transitioncancel', handleTransitionEnd);\n        node.style.transition = `${duration}ms all ease-in-out`;\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = sizes[i];\n          node.style[animateProps[i]] = `${sizes[i]}px`;\n        }\n      });\n      timeout = setTimeout(handleTransitionEnd, 500) as any;\n      return () => {\n        cancelAnimationFrame(animationFrame);\n        handleTransitionEnd();\n      };\n    }, [\n      __animatedEnhanceInstanceId,\n      props.animationsDisabled,\n      duration,\n      ...onChangeOf.map((propName) => props[propName]),\n    ]);\n\n    return {\n      ref: useForkRef(ref, nodeRef),\n      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,\n      ...other,\n    };\n  };\n}\n\nexport default animatedSizeEnhance;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/enhances/animatedSizeEnhance.mjs

@@ -1,90 +1,82 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["ref", "__animatedEnhanceInstanceId", "duration"];
 import React from 'react';
 import { useForkRef } from "../ref.mjs";
 import useEnhancedEffect from "../use/useEnhancedEffect.mjs";
-var uniqueId = 0;
-function animatedSizeEnhance(_ref) {
-  var _ref$animateProps = _ref.animateProps,
-    animateProps = _ref$animateProps === void 0 ? [] : _ref$animateProps,
-    _ref$onChangeOf = _ref.onChangeOf,
-    onChangeOf = _ref$onChangeOf === void 0 ? [] : _ref$onChangeOf;
-  return function (props) {
-    var ref = props.ref,
-      __animatedEnhanceInstanceId = props.__animatedEnhanceInstanceId,
-      duration = props.duration,
-      other = _objectWithoutProperties(props, _excluded);
-    var nodeRef = /*#__PURE__*/React.createRef();
-    var lastSizesRef = React.useRef([]);
-    var prevPropsRef = React.useRef(props);
-    var animatedSizeInstanceIdRef = React.useRef(uniqueId++);
+let uniqueId = 0;
+function animatedSizeEnhance({
+  animateProps = [],
+  onChangeOf = []
+}) {
+  return props => {
+    const {
+      ref,
+      __animatedEnhanceInstanceId,
+      duration,
+      ...other
+    } = props;
+    const nodeRef = /*#__PURE__*/React.createRef();
+    const lastSizesRef = React.useRef([]);
+    const prevPropsRef = React.useRef(props);
+    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);
     prevPropsRef.current = props;
-    useEnhancedEffect(function () {
+    useEnhancedEffect(() => {
       if (props.animationsDisabled) return;
       if (__animatedEnhanceInstanceId !== undefined && __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current) return;
       if (!nodeRef.current) {
         return;
       }
-      var node = nodeRef.current;
-      if (lastSizesRef.current.every(function (value) {
-        return value === undefined;
-      })) {
-        for (var i = 0; i < animateProps.length; i++) {
+      const node = nodeRef.current;
+      if (lastSizesRef.current.every(value => value === undefined)) {
+        for (let i = 0; i < animateProps.length; i++) {
           // @ts-ignore
           lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];
         }
         return;
       }
-      var sizes = [];
-      for (var _i = 0; _i < animateProps.length; _i++) {
-        sizes[_i] = node.getBoundingClientRect()[animateProps[_i]];
-        if (Math.abs(lastSizesRef.current[_i] - sizes[_i]) < 3 || node.style.getPropertyValue(animateProps[_i]).endsWith('%')) {
-          lastSizesRef.current[_i] = sizes[_i];
-          sizes[_i] = undefined;
+      const sizes = [];
+      for (let i = 0; i < animateProps.length; i++) {
+        sizes[i] = node.getBoundingClientRect()[animateProps[i]];
+        if (Math.abs(lastSizesRef.current[i] - sizes[i]) < 3 || node.style.getPropertyValue(animateProps[i]).endsWith('%')) {
+          lastSizesRef.current[i] = sizes[i];
+          sizes[i] = undefined;
         }
       }
-      if (sizes.every(function (value) {
-        return value === undefined;
-      })) return;
+      if (sizes.every(value => value === undefined)) return;
       node.style.transition = 'none';
-      for (var _i2 = 0; _i2 < animateProps.length; _i2++) {
-        node.style[animateProps[_i2]] = "".concat(lastSizesRef.current[_i2], "px");
+      for (let i = 0; i < animateProps.length; i++) {
+        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;
       }
-      var timeout = -1;
-      var _handleTransitionEnd = function handleTransitionEnd() {
+      let timeout = -1;
+      const handleTransitionEnd = () => {
         clearTimeout(timeout);
         if (!node) return;
         node.style.transition = null;
-        for (var _i3 = 0; _i3 < animateProps.length; _i3++) {
-          node.style[animateProps[_i3]] = null;
+        for (let i = 0; i < animateProps.length; i++) {
+          node.style[animateProps[i]] = null;
         }
-        node.removeEventListener('transitionend', _handleTransitionEnd);
-        node.removeEventListener('transitioncancel', _handleTransitionEnd);
+        node.removeEventListener('transitionend', handleTransitionEnd);
+        node.removeEventListener('transitioncancel', handleTransitionEnd);
       };
-      var animationFrame = requestAnimationFrame(function () {
+      const animationFrame = requestAnimationFrame(() => {
         if (!node) return;
-        node.addEventListener('transitionend', _handleTransitionEnd);
-        node.addEventListener('transitioncancel', _handleTransitionEnd);
-        node.style.transition = "".concat(duration, "ms all ease-in-out");
-        for (var _i4 = 0; _i4 < animateProps.length; _i4++) {
-          lastSizesRef.current[_i4] = sizes[_i4];
-          node.style[animateProps[_i4]] = "".concat(sizes[_i4], "px");
+        node.addEventListener('transitionend', handleTransitionEnd);
+        node.addEventListener('transitioncancel', handleTransitionEnd);
+        node.style.transition = `${duration}ms all ease-in-out`;
+        for (let i = 0; i < animateProps.length; i++) {
+          lastSizesRef.current[i] = sizes[i];
+          node.style[animateProps[i]] = `${sizes[i]}px`;
         }
       });
-      timeout = setTimeout(_handleTransitionEnd, 500);
-      return function () {
+      timeout = setTimeout(handleTransitionEnd, 500);
+      return () => {
         cancelAnimationFrame(animationFrame);
-        _handleTransitionEnd();
+        handleTransitionEnd();
       };
-    }, [__animatedEnhanceInstanceId, props.animationsDisabled, duration].concat(_toConsumableArray(onChangeOf.map(function (propName) {
-      return props[propName];
-    }))));
-    return _objectSpread({
+    }, [__animatedEnhanceInstanceId, props.animationsDisabled, duration, ...onChangeOf.map(propName => props[propName])]);
+    return {
       ref: useForkRef(ref, nodeRef),
-      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId !== null && __animatedEnhanceInstanceId !== void 0 ? __animatedEnhanceInstanceId : animatedSizeInstanceIdRef.current
-    }, other);
+      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,
+      ...other
+    };
   };
 }
 export default animatedSizeEnhance;

package/lib/utils/enhances/animatedSizeEnhance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"animatedSizeEnhance.mjs","names":["React","useForkRef","useEnhancedEffect","uniqueId","animatedSizeEnhance","_ref","_ref$animateProps","animateProps","_ref$onChangeOf","onChangeOf","props","ref","__animatedEnhanceInstanceId","duration","other","_objectWithoutProperties","_excluded","nodeRef","createRef","lastSizesRef","useRef","prevPropsRef","animatedSizeInstanceIdRef","current","animationsDisabled","undefined","node","every","value","i","length","getBoundingClientRect","sizes","Math","abs","style","getPropertyValue","endsWith","transition","concat","timeout","handleTransitionEnd","clearTimeout","removeEventListener","animationFrame","requestAnimationFrame","addEventListener","setTimeout","cancelAnimationFrame","_toConsumableArray","map","propName","_objectSpread"],"sources":["../../../src/utils/enhances/animatedSizeEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../ref';\nimport useEnhancedEffect from '../use/useEnhancedEffect';\n\nexport type WithAnimatedSizeEnhanceProps = {\n  animationsDisabled?: boolean;\n};\n\nlet uniqueId = 0;\n\nfunction animatedSizeEnhance({\n  animateProps = [],\n  onChangeOf = [],\n}: {\n  animateProps: ('width' | 'height')[];\n  onChangeOf: string[];\n}) {\n  return (props: any) => {\n    const { ref, __animatedEnhanceInstanceId, duration, ...other } = props;\n    const nodeRef = React.createRef<HTMLElement>();\n    const lastSizesRef = React.useRef<(number | undefined)[]>([]);\n    const prevPropsRef = React.useRef(props);\n    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);\n\n    prevPropsRef.current = props;\n\n    useEnhancedEffect(() => {\n      if (props.animationsDisabled) return;\n      if (\n        __animatedEnhanceInstanceId !== undefined &&\n        __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current\n      )\n        return;\n      if (!nodeRef.current) {\n        return;\n      }\n      const node = nodeRef.current;\n      if (lastSizesRef.current.every((value) => value === undefined)) {\n        for (let i = 0; i < animateProps.length; i++) {\n          // @ts-ignore\n          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];\n        }\n        return;\n      }\n\n      const sizes: (number | undefined)[] = [];\n      for (let i = 0; i < animateProps.length; i++) {\n        sizes[i] = node.getBoundingClientRect()[animateProps[i]];\n        if (\n          Math.abs(lastSizesRef.current[i]! - sizes[i]!) < 3 ||\n          node.style.getPropertyValue(animateProps[i]).endsWith('%')\n        ) {\n          lastSizesRef.current[i] = sizes[i];\n          sizes[i] = undefined;\n        }\n      }\n      if (sizes.every((value) => value === undefined)) return;\n\n      node.style.transition = 'none';\n      for (let i = 0; i < animateProps.length; i++) {\n        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;\n      }\n      let timeout = -1;\n      const handleTransitionEnd = () => {\n        clearTimeout(timeout);\n        if (!node) return;\n        node.style.transition = null as any;\n        for (let i = 0; i < animateProps.length; i++) {\n          node.style[animateProps[i]] = null as any;\n        }\n        node.removeEventListener('transitionend', handleTransitionEnd);\n        node.removeEventListener('transitioncancel', handleTransitionEnd);\n      };\n      const animationFrame = requestAnimationFrame(() => {\n        if (!node) return;\n        node.addEventListener('transitionend', handleTransitionEnd);\n        node.addEventListener('transitioncancel', handleTransitionEnd);\n        node.style.transition = `${duration}ms all ease-in-out`;\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = sizes[i];\n          node.style[animateProps[i]] = `${sizes[i]}px`;\n        }\n      });\n      timeout = setTimeout(handleTransitionEnd, 500) as any;\n      return () => {\n        cancelAnimationFrame(animationFrame);\n        handleTransitionEnd();\n      };\n    }, [\n      __animatedEnhanceInstanceId,\n      props.animationsDisabled,\n      duration,\n      ...onChangeOf.map((propName) => props[propName]),\n    ]);\n\n    return {\n      ref: useForkRef(ref, nodeRef),\n      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,\n      ...other,\n    };\n  };\n}\n\nexport default animatedSizeEnhance;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"animatedSizeEnhance.mjs","names":["React","useForkRef","useEnhancedEffect","uniqueId","animatedSizeEnhance","animateProps","onChangeOf","props","ref","__animatedEnhanceInstanceId","duration","other","nodeRef","createRef","lastSizesRef","useRef","prevPropsRef","animatedSizeInstanceIdRef","current","animationsDisabled","undefined","node","every","value","i","length","getBoundingClientRect","sizes","Math","abs","style","getPropertyValue","endsWith","transition","timeout","handleTransitionEnd","clearTimeout","removeEventListener","animationFrame","requestAnimationFrame","addEventListener","setTimeout","cancelAnimationFrame","map","propName"],"sources":["../../../src/utils/enhances/animatedSizeEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../ref';\nimport useEnhancedEffect from '../use/useEnhancedEffect';\n\nexport type WithAnimatedSizeEnhanceProps = {\n  animationsDisabled?: boolean;\n};\n\nlet uniqueId = 0;\n\nfunction animatedSizeEnhance({\n  animateProps = [],\n  onChangeOf = [],\n}: {\n  animateProps: ('width' | 'height')[];\n  onChangeOf: string[];\n}) {\n  return (props: any) => {\n    const { ref, __animatedEnhanceInstanceId, duration, ...other } = props;\n    const nodeRef = React.createRef<HTMLElement>();\n    const lastSizesRef = React.useRef<(number | undefined)[]>([]);\n    const prevPropsRef = React.useRef(props);\n    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);\n\n    prevPropsRef.current = props;\n\n    useEnhancedEffect(() => {\n      if (props.animationsDisabled) return;\n      if (\n        __animatedEnhanceInstanceId !== undefined &&\n        __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current\n      )\n        return;\n      if (!nodeRef.current) {\n        return;\n      }\n      const node = nodeRef.current;\n      if (lastSizesRef.current.every((value) => value === undefined)) {\n        for (let i = 0; i < animateProps.length; i++) {\n          // @ts-ignore\n          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];\n        }\n        return;\n      }\n\n      const sizes: (number | undefined)[] = [];\n      for (let i = 0; i < animateProps.length; i++) {\n        sizes[i] = node.getBoundingClientRect()[animateProps[i]];\n        if (\n          Math.abs(lastSizesRef.current[i]! - sizes[i]!) < 3 ||\n          node.style.getPropertyValue(animateProps[i]).endsWith('%')\n        ) {\n          lastSizesRef.current[i] = sizes[i];\n          sizes[i] = undefined;\n        }\n      }\n      if (sizes.every((value) => value === undefined)) return;\n\n      node.style.transition = 'none';\n      for (let i = 0; i < animateProps.length; i++) {\n        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;\n      }\n      let timeout = -1;\n      const handleTransitionEnd = () => {\n        clearTimeout(timeout);\n        if (!node) return;\n        node.style.transition = null as any;\n        for (let i = 0; i < animateProps.length; i++) {\n          node.style[animateProps[i]] = null as any;\n        }\n        node.removeEventListener('transitionend', handleTransitionEnd);\n        node.removeEventListener('transitioncancel', handleTransitionEnd);\n      };\n      const animationFrame = requestAnimationFrame(() => {\n        if (!node) return;\n        node.addEventListener('transitionend', handleTransitionEnd);\n        node.addEventListener('transitioncancel', handleTransitionEnd);\n        node.style.transition = `${duration}ms all ease-in-out`;\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = sizes[i];\n          node.style[animateProps[i]] = `${sizes[i]}px`;\n        }\n      });\n      timeout = setTimeout(handleTransitionEnd, 500) as any;\n      return () => {\n        cancelAnimationFrame(animationFrame);\n        handleTransitionEnd();\n      };\n    }, [\n      __animatedEnhanceInstanceId,\n      props.animationsDisabled,\n      duration,\n      ...onChangeOf.map((propName) => props[propName]),\n    ]);\n\n    return {\n      ref: useForkRef(ref, nodeRef),\n      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,\n      ...other,\n    };\n  };\n}\n\nexport default animatedSizeEnhance;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,YAAQ;AACnC,OAAOC,iBAAiB,MAAM,8BAA0B;AAMxD,IAAIC,QAAQ,GAAG,CAAC;AAEhB,SAASC,mBAAmBA,CAAC;EAC3BC,YAAY,GAAG,EAAE;EACjBC,UAAU,GAAG;AAIf,CAAC,EAAE;EACD,OAAQC,KAAU,IAAK;IACrB,MAAM;MAAEC,GAAG;MAAEC,2BAA2B;MAAEC,QAAQ;MAAE,GAAGC;IAAM,CAAC,GAAGJ,KAAK;IACtE,MAAMK,OAAO,gBAAGZ,KAAK,CAACa,SAAS,CAAc,CAAC;IAC9C,MAAMC,YAAY,GAAGd,KAAK,CAACe,MAAM,CAAyB,EAAE,CAAC;IAC7D,MAAMC,YAAY,GAAGhB,KAAK,CAACe,MAAM,CAACR,KAAK,CAAC;IACxC,MAAMU,yBAAyB,GAAGjB,KAAK,CAACe,MAAM,CAACZ,QAAQ,EAAE,CAAC;IAE1Da,YAAY,CAACE,OAAO,GAAGX,KAAK;IAE5BL,iBAAiB,CAAC,MAAM;MACtB,IAAIK,KAAK,CAACY,kBAAkB,EAAE;MAC9B,IACEV,2BAA2B,KAAKW,SAAS,IACzCX,2BAA2B,KAAKQ,yBAAyB,CAACC,OAAO,EAEjE;MACF,IAAI,CAACN,OAAO,CAACM,OAAO,EAAE;QACpB;MACF;MACA,MAAMG,IAAI,GAAGT,OAAO,CAACM,OAAO;MAC5B,IAAIJ,YAAY,CAACI,OAAO,CAACI,KAAK,CAAEC,KAAK,IAAKA,KAAK,KAAKH,SAAS,CAAC,EAAE;QAC9D,KAAK,IAAII,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGnB,YAAY,CAACoB,MAAM,EAAED,CAAC,EAAE,EAAE;UAC5C;UACAV,YAAY,CAACI,OAAO,CAACM,CAAC,CAAC,GAAGH,IAAI,CAACK,qBAAqB,CAAC,CAAC,CAACrB,YAAY,CAACmB,CAAC,CAAC,CAAC;QACzE;QACA;MACF;MAEA,MAAMG,KAA6B,GAAG,EAAE;MACxC,KAAK,IAAIH,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGnB,YAAY,CAACoB,MAAM,EAAED,CAAC,EAAE,EAAE;QAC5CG,KAAK,CAACH,CAAC,CAAC,GAAGH,IAAI,CAACK,qBAAqB,CAAC,CAAC,CAACrB,YAAY,CAACmB,CAAC,CAAC,CAAC;QACxD,IACEI,IAAI,CAACC,GAAG,CAACf,YAAY,CAACI,OAAO,CAACM,CAAC,CAAC,GAAIG,KAAK,CAACH,CAAC,CAAE,CAAC,GAAG,CAAC,IAClDH,IAAI,CAACS,KAAK,CAACC,gBAAgB,CAAC1B,YAAY,CAACmB,CAAC,CAAC,CAAC,CAACQ,QAAQ,CAAC,GAAG,CAAC,EAC1D;UACAlB,YAAY,CAACI,OAAO,CAACM,CAAC,CAAC,GAAGG,KAAK,CAACH,CAAC,CAAC;UAClCG,KAAK,CAACH,CAAC,CAAC,GAAGJ,SAAS;QACtB;MACF;MACA,IAAIO,KAAK,CAACL,KAAK,CAAEC,KAAK,IAAKA,KAAK,KAAKH,SAAS,CAAC,EAAE;MAEjDC,IAAI,CAACS,KAAK,CAACG,UAAU,GAAG,MAAM;MAC9B,KAAK,IAAIT,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGnB,YAAY,CAACoB,MAAM,EAAED,CAAC,EAAE,EAAE;QAC5CH,IAAI,CAACS,KAAK,CAACzB,YAAY,CAACmB,CAAC,CAAC,CAAC,GAAG,GAAGV,YAAY,CAACI,OAAO,CAACM,CAAC,CAAC,IAAI;MAC9D;MACA,IAAIU,OAAO,GAAG,CAAC,CAAC;MAChB,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;QAChCC,YAAY,CAACF,OAAO,CAAC;QACrB,IAAI,CAACb,IAAI,EAAE;QACXA,IAAI,CAACS,KAAK,CAACG,UAAU,GAAG,IAAW;QACnC,KAAK,IAAIT,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGnB,YAAY,CAACoB,MAAM,EAAED,CAAC,EAAE,EAAE;UAC5CH,IAAI,CAACS,KAAK,CAACzB,YAAY,CAACmB,CAAC,CAAC,CAAC,GAAG,IAAW;QAC3C;QACAH,IAAI,CAACgB,mBAAmB,CAAC,eAAe,EAAEF,mBAAmB,CAAC;QAC9Dd,IAAI,CAACgB,mBAAmB,CAAC,kBAAkB,EAAEF,mBAAmB,CAAC;MACnE,CAAC;MACD,MAAMG,cAAc,GAAGC,qBAAqB,CAAC,MAAM;QACjD,IAAI,CAAClB,IAAI,EAAE;QACXA,IAAI,CAACmB,gBAAgB,CAAC,eAAe,EAAEL,mBAAmB,CAAC;QAC3Dd,IAAI,CAACmB,gBAAgB,CAAC,kBAAkB,EAAEL,mBAAmB,CAAC;QAC9Dd,IAAI,CAACS,KAAK,CAACG,UAAU,GAAG,GAAGvB,QAAQ,oBAAoB;QACvD,KAAK,IAAIc,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGnB,YAAY,CAACoB,MAAM,EAAED,CAAC,EAAE,EAAE;UAC5CV,YAAY,CAACI,OAAO,CAACM,CAAC,CAAC,GAAGG,KAAK,CAACH,CAAC,CAAC;UAClCH,IAAI,CAACS,KAAK,CAACzB,YAAY,CAACmB,CAAC,CAAC,CAAC,GAAG,GAAGG,KAAK,CAACH,CAAC,CAAC,IAAI;QAC/C;MACF,CAAC,CAAC;MACFU,OAAO,GAAGO,UAAU,CAACN,mBAAmB,EAAE,GAAG,CAAQ;MACrD,OAAO,MAAM;QACXO,oBAAoB,CAACJ,cAAc,CAAC;QACpCH,mBAAmB,CAAC,CAAC;MACvB,CAAC;IACH,CAAC,EAAE,CACD1B,2BAA2B,EAC3BF,KAAK,CAACY,kBAAkB,EACxBT,QAAQ,EACR,GAAGJ,UAAU,CAACqC,GAAG,CAAEC,QAAQ,IAAKrC,KAAK,CAACqC,QAAQ,CAAC,CAAC,CACjD,CAAC;IAEF,OAAO;MACLpC,GAAG,EAAEP,UAAU,CAACO,GAAG,EAAEI,OAAO,CAAC;MAC7BH,2BAA2B,EAAEA,2BAA2B,IAAIQ,yBAAyB,CAACC,OAAO;MAC7F,GAAGP;IACL,CAAC;EACH,CAAC;AACH;AAEA,eAAeP,mBAAmB","ignoreList":[]}