@elliemae/ds-shared 2.3.0-next.0 → 3.0.0-alpha.0

package/{esm → dist/esm}/FocusGroup/FocusGroupManager.js

@@ -1,11 +1,9 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { Component } from 'react';
-import { isFunction } from '@elliemae/ds-utilities';
-import FocusGroup from './FocusGroup.js';
-import FocusGroupContext from './FocusGroupContext.js';
-
+import * as React from "react";
+import React2, { Component } from "react";
+import { isFunction } from "@elliemae/ds-utilities";
+import { FocusGroup } from "./FocusGroup";
+import { FocusGroupContext } from "./FocusGroupContext";
 const noop = () => null;
-
 class FocusGroupProvider extends Component {
   constructor(props) {
     super(props);
@@ -27,75 +25,58 @@ class FocusGroupProvider extends Component {
       focusPrevious: this.focusGroup.focusPrevious
     };
   }
-
   componentDidMount() {
-    const {
-      autoFocusOnMount
-    } = this.props;
+    const { autoFocusOnMount } = this.props;
     this.activate();
-
     if (autoFocusOnMount) {
       setTimeout(() => {
         this.actions.focusFirst();
       }, 0);
     }
   }
-
   componentWillUnmount() {
     this.deactivate();
   }
-
   activate() {
-    const {
-      onActivate
-    } = this.props;
+    const { onActivate } = this.props;
     this.focusGroup.activate();
     this.activated = true;
-    if (isFunction(onActivate)) onActivate();
+    if (isFunction(onActivate))
+      onActivate();
   }
-
   deactivate() {
-    const {
-      onExitFocusGroup
-    } = this.props;
+    const { onExitFocusGroup } = this.props;
     this.activated = false;
     this.focusGroup.deactivate();
-
     if (isFunction(onExitFocusGroup)) {
       onExitFocusGroup();
     }
   }
-
   register(item) {
     this.focusGroup.register(item);
   }
-
   unregister(item) {
     this.focusGroup.unregister(item);
   }
-
   focusItemByIndex(index) {
-    if (!this.activated) this.activate();
+    if (!this.activated)
+      this.activate();
     setTimeout(() => {
       this.focusGroup.focusByIndex(index);
     }, 200);
   }
-
   focusItemByNode(node) {
-    if (!this.activated) this.activate();
+    if (!this.activated)
+      this.activate();
     const index = this.focusGroup.getItemIndexByNode(node);
     this.focusItemByIndex(index);
   }
-
   render() {
-    const {
-      children
-    } = this.props;
-    return /*#__PURE__*/_jsx(FocusGroupContext.Provider, {
+    const { children } = this.props;
+    return /* @__PURE__ */ React2.createElement(FocusGroupContext.Provider, {
       value: this.actions
-    }, void 0, children);
+    }, children);
   }
-
 }
 FocusGroupProvider.defaultProps = {
   exitWhenNoPrevious: false,
@@ -107,5 +88,10 @@ FocusGroupProvider.defaultProps = {
   onFocusNextGroup: noop,
   onFocusGroupSet: noop
 };
-
-export { FocusGroupProvider as default };
+var FocusGroupManager_default = FocusGroupProvider;
+export {
+  FocusGroupProvider as FocusGroupManager,
+  FocusGroupProvider,
+  FocusGroupManager_default as default
+};
+//# sourceMappingURL=FocusGroupManager.js.map

package/dist/esm/FocusGroup/FocusGroupManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroupManager.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, useEffect } from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { FocusGroup } from './FocusGroup';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nconst noop = () => null;\n\nclass FocusGroupProvider extends Component {\n  activated = false;\n\n  static defaultProps = {\n    exitWhenNoPrevious: false,\n    exitWhenNoNext: false,\n    keyBindings: {},\n    onFocus: noop,\n    onExitFocusGroup: noop,\n    onFocusPreviousGroup: noop,\n    onFocusNextGroup: noop,\n    onFocusGroupSet: noop,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.focusGroup = new FocusGroup(props);\n\n    props.onFocusGroupSet(this);\n\n    this.actions = {\n      activate: this.activate.bind(this),\n      deactivate: this.deactivate.bind(this),\n      register: this.focusGroup.register,\n      unregister: this.unregister.bind(this),\n      focusFirst: this.focusGroup.focusFirst,\n      focusLast: this.focusGroup.focusLast,\n      focusItemByIndex: this.focusItemByIndex.bind(this),\n      focusItemByNode: this.focusItemByNode.bind(this),\n      focus: this.focusGroup.focusCurrent,\n      isGroupActive: this.focusGroup.isGroupActive,\n      focusNext: this.focusGroup.focusNext,\n      focusPrevious: this.focusGroup.focusPrevious,\n    };\n  }\n\n  componentDidMount() {\n    const { autoFocusOnMount } = this.props;\n\n    this.activate();\n\n    if (autoFocusOnMount) {\n      setTimeout(() => {\n        this.actions.focusFirst();\n      }, 0);\n    }\n  }\n\n  componentWillUnmount() {\n    this.deactivate();\n  }\n\n  activate() {\n    const { onActivate } = this.props;\n    this.focusGroup.activate();\n    this.activated = true;\n    if (isFunction(onActivate)) onActivate();\n  }\n\n  deactivate() {\n    const { onExitFocusGroup } = this.props;\n    this.activated = false;\n    this.focusGroup.deactivate();\n    if (isFunction(onExitFocusGroup)) {\n      onExitFocusGroup();\n    }\n  }\n\n  register(item) {\n    this.focusGroup.register(item);\n  }\n\n  unregister(item) {\n    this.focusGroup.unregister(item);\n  }\n\n  focusItemByIndex(index) {\n    if (!this.activated) this.activate();\n    setTimeout(() => {\n      this.focusGroup.focusByIndex(index);\n    }, 200);\n  }\n\n  focusItemByNode(node) {\n    if (!this.activated) this.activate();\n    const index = this.focusGroup.getItemIndexByNode(node);\n    this.focusItemByIndex(index);\n  }\n\n  render() {\n    const { children } = this.props;\n    return (\n      <FocusGroupContext.Provider value={this.actions}>\n        {children}\n      </FocusGroupContext.Provider>\n    );\n  }\n}\n\nexport { FocusGroupProvider, FocusGroupProvider as FocusGroupManager };\nexport default FocusGroupProvider;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAEnB,iCAAiC,UAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM;AAdR,qBAAY;AAgBV,SAAK,aAAa,IAAI,WAAW;AAEjC,UAAM,gBAAgB;AAEtB,SAAK,UAAU;AAAA,MACb,UAAU,KAAK,SAAS,KAAK;AAAA,MAC7B,YAAY,KAAK,WAAW,KAAK;AAAA,MACjC,UAAU,KAAK,WAAW;AAAA,MAC1B,YAAY,KAAK,WAAW,KAAK;AAAA,MACjC,YAAY,KAAK,WAAW;AAAA,MAC5B,WAAW,KAAK,WAAW;AAAA,MAC3B,kBAAkB,KAAK,iBAAiB,KAAK;AAAA,MAC7C,iBAAiB,KAAK,gBAAgB,KAAK;AAAA,MAC3C,OAAO,KAAK,WAAW;AAAA,MACvB,eAAe,KAAK,WAAW;AAAA,MAC/B,WAAW,KAAK,WAAW;AAAA,MAC3B,eAAe,KAAK,WAAW;AAAA;AAAA;AAAA,EAInC,oBAAoB;AAClB,UAAM,EAAE,qBAAqB,KAAK;AAElC,SAAK;AAEL,QAAI,kBAAkB;AACpB,iBAAW,MAAM;AACf,aAAK,QAAQ;AAAA,SACZ;AAAA;AAAA;AAAA,EAIP,uBAAuB;AACrB,SAAK;AAAA;AAAA,EAGP,WAAW;AACT,UAAM,EAAE,eAAe,KAAK;AAC5B,SAAK,WAAW;AAChB,SAAK,YAAY;AACjB,QAAI,WAAW;AAAa;AAAA;AAAA,EAG9B,aAAa;AACX,UAAM,EAAE,qBAAqB,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW;AAChB,QAAI,WAAW,mBAAmB;AAChC;AAAA;AAAA;AAAA,EAIJ,SAAS,MAAM;AACb,SAAK,WAAW,SAAS;AAAA;AAAA,EAG3B,WAAW,MAAM;AACf,SAAK,WAAW,WAAW;AAAA;AAAA,EAG7B,iBAAiB,OAAO;AACtB,QAAI,CAAC,KAAK;AAAW,WAAK;AAC1B,eAAW,MAAM;AACf,WAAK,WAAW,aAAa;AAAA,OAC5B;AAAA;AAAA,EAGL,gBAAgB,MAAM;AACpB,QAAI,CAAC,KAAK;AAAW,WAAK;AAC1B,UAAM,QAAQ,KAAK,WAAW,mBAAmB;AACjD,SAAK,iBAAiB;AAAA;AAAA,EAGxB,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WACE,qCAAC,kBAAkB,UAAnB;AAAA,MAA4B,OAAO,KAAK;AAAA,OACrC;AAAA;AAAA;AA3FA,AAHT,mBAGS,eAAe;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA;AA0FrB,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/FocusGroup/focusGroupManagerHoc.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import React2 from "react";
+import { FocusGroupProvider } from "./FocusGroupManager";
+function FocusGroupHoc(WrappedComponent, options = {}) {
+  return ({
+    onExitFocusGroup,
+    onFocusPrevGroup,
+    focusKeyBindings,
+    ...props
+  }) => /* @__PURE__ */ React2.createElement(FocusGroupProvider, {
+    keyBindings: focusKeyBindings,
+    onExitFocusGroup,
+    onFocusPrevGroup,
+    ...options
+  }, /* @__PURE__ */ React2.createElement(WrappedComponent, {
+    ...props,
+    ...options
+  }));
+}
+var focusGroupManagerHoc_default = FocusGroupHoc;
+export {
+  FocusGroupHoc,
+  focusGroupManagerHoc_default as default
+};
+//# sourceMappingURL=focusGroupManagerHoc.js.map

package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/focusGroupManagerHoc.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FocusGroupProvider } from './FocusGroupManager';\n\nfunction FocusGroupHoc(WrappedComponent, options = {}) {\n  return ({\n    onExitFocusGroup,\n    onFocusPrevGroup,\n    focusKeyBindings,\n    ...props\n  }) => (\n    <FocusGroupProvider\n      keyBindings={focusKeyBindings}\n      onExitFocusGroup={onExitFocusGroup}\n      onFocusPrevGroup={onFocusPrevGroup}\n      {...options}\n    >\n      <WrappedComponent {...props} {...options} />\n    </FocusGroupProvider>\n  );\n}\n\nexport { FocusGroupHoc };\nexport default FocusGroupHoc;\n"],
+  "mappings": "AAAA;ACCA;AACA;AAEA,uBAAuB,kBAAkB,UAAU,IAAI;AACrD,SAAO,CAAC;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,QAEH,qCAAC,oBAAD;AAAA,IACE,aAAa;AAAA,IACb;AAAA,IACA;AAAA,OACI;AAAA,KAEJ,qCAAC,kBAAD;AAAA,OAAsB;AAAA,OAAW;AAAA;AAAA;AAMvC,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/esm/FocusGroup/index.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { FocusGroup } from "./FocusGroup";
+import { FocusGroupContext } from "./FocusGroupContext";
+import { FocusGroupManager } from "./FocusGroupManager";
+import { useFocusGroupItem, useFocusGroupWithState } from "./useFocusGroupItem";
+import { FocusGroupHoc } from "./focusGroupManagerHoc";
+import { FocusGridProvider, FocusGridContext } from "./FocusGrid";
+export {
+  FocusGridProvider as FocusGrid,
+  FocusGridContext,
+  FocusGroup,
+  FocusGroupContext,
+  FocusGroupManager,
+  FocusGroupHoc as focusGroupManagerHoc,
+  useFocusGroupItem,
+  useFocusGroupWithState
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/FocusGroup/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FocusGroup } from './FocusGroup';\nexport { FocusGroupContext } from './FocusGroupContext';\nexport { FocusGroupManager } from './FocusGroupManager';\nexport { useFocusGroupItem, useFocusGroupWithState } from './useFocusGroupItem';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/FocusGroup/useFocusGroupItem.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { useContext, useEffect } from "react";
+import { FocusGroupContext } from "./FocusGroupContext";
+function useFocusGroupItem(ref = {}, props) {
+  const { register, unregister, ...otherActions } = useContext(FocusGroupContext) || {};
+  useEffect(() => {
+    if (ref.current && register)
+      register(ref.current, props);
+    return () => {
+      if (ref.current && unregister)
+        unregister(ref.current);
+    };
+  });
+  if (!register)
+    return {};
+  return otherActions;
+}
+const useFocusGroupWithState = (ref = {}, props) => {
+  const { register, unregister, ...otherActions } = useContext(FocusGroupContext) || {};
+  useEffect(() => {
+    if (ref && register)
+      register(ref, props);
+    return () => {
+      if (ref && unregister)
+        unregister(ref);
+    };
+  }, [ref]);
+  if (!register)
+    return {};
+  return otherActions;
+};
+var useFocusGroupItem_default = useFocusGroupItem;
+export {
+  useFocusGroupItem_default as default,
+  useFocusGroupItem,
+  useFocusGroupWithState
+};
+//# sourceMappingURL=useFocusGroupItem.js.map

package/dist/esm/FocusGroup/useFocusGroupItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/useFocusGroupItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useEffect } from 'react';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nfunction useFocusGroupItem(ref = {}, props) {\n  const { register, unregister, ...otherActions } =\n    useContext(FocusGroupContext) || {};\n\n  useEffect(() => {\n    if (ref.current && register) register(ref.current, props);\n    return () => {\n      if (ref.current && unregister) unregister(ref.current);\n    };\n  });\n\n  // if the focus item is not wrapped with the focus provider then return null\n  if (!register) return {};\n  return otherActions;\n}\n\nexport const useFocusGroupWithState = (ref = {}, props) => {\n  const { register, unregister, ...otherActions } =\n    useContext(FocusGroupContext) || {};\n\n  useEffect(() => {\n    if (ref && register) register(ref, props);\n    return () => {\n      if (ref && unregister) unregister(ref);\n    };\n  }, [ref]);\n\n  // if the focus item is not wrapped with the focus provider then return null\n  if (!register) return {};\n  return otherActions;\n};\n\nexport { useFocusGroupItem };\nexport default useFocusGroupItem;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,2BAA2B,MAAM,IAAI,OAAO;AAC1C,QAAM,EAAE,UAAU,eAAe,iBAC/B,WAAW,sBAAsB;AAEnC,YAAU,MAAM;AACd,QAAI,IAAI,WAAW;AAAU,eAAS,IAAI,SAAS;AACnD,WAAO,MAAM;AACX,UAAI,IAAI,WAAW;AAAY,mBAAW,IAAI;AAAA;AAAA;AAKlD,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO;AAAA;AAGF,MAAM,yBAAyB,CAAC,MAAM,IAAI,UAAU;AACzD,QAAM,EAAE,UAAU,eAAe,iBAC/B,WAAW,sBAAsB;AAEnC,YAAU,MAAM;AACd,QAAI,OAAO;AAAU,eAAS,KAAK;AACnC,WAAO,MAAM;AACX,UAAI,OAAO;AAAY,mBAAW;AAAA;AAAA,KAEnC,CAAC;AAGJ,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO;AAAA;AAIT,IAAO,4BAAQ;",
+  "names": []
+}

package/{esm → dist/esm}/FocusGroup/utils/getNextCellPosition.js

@@ -1,45 +1,35 @@
-// eslint-disable-next-line max-statements
-function getNextCellPosition(_ref) {
-  let {
-    grid,
-    currentRow = 0,
-    currentCell = 0,
-    directionY,
-    directionX,
-    shouldWrapCells,
-    shouldWrapRows
-  } = _ref;
+import * as React from "react";
+function getNextCellPosition({
+  grid,
+  currentRow = 0,
+  currentCell = 0,
+  directionY,
+  directionX,
+  shouldWrapCells,
+  shouldWrapRows
+}) {
   let nextRow = currentRow + directionY;
   let nextCell = currentCell + directionX;
   const rowCount = grid.length;
   const isLeftRight = directionX !== 0;
-
   if (!rowCount) {
     return false;
   }
-
-  const cellsLength = grid[0].length; // moving horizontally
-
+  const cellsLength = grid[0].length;
   if (shouldWrapCells && isLeftRight) {
-    // to left
     if (nextCell < 0) {
       nextCell = cellsLength - 1;
       nextRow -= 1;
     }
-
     if (nextCell >= cellsLength) {
       nextCell = 0;
       nextRow += 1;
     }
-  } // moving vertically
-
-
+  }
   if (shouldWrapRows && !isLeftRight) {
-    // to top
     if (nextRow < 0) {
       nextCell -= 1;
       nextRow = rowCount - 1;
-
       if (grid[nextRow] && nextCell >= 0 && !grid[nextRow][nextCell]) {
         nextRow -= 1;
       }
@@ -48,11 +38,14 @@ function getNextCellPosition(_ref) {
       nextCell += 1;
     }
   }
-
   return {
     cellIndex: nextCell,
     rowIndex: nextRow
   };
 }
-
-export { getNextCellPosition as default };
+var getNextCellPosition_default = getNextCellPosition;
+export {
+  getNextCellPosition_default as default,
+  getNextCellPosition
+};
+//# sourceMappingURL=getNextCellPosition.js.map

package/dist/esm/FocusGroup/utils/getNextCellPosition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FocusGroup/utils/getNextCellPosition.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// eslint-disable-next-line max-statements\nfunction getNextCellPosition({\n  grid,\n  currentRow = 0,\n  currentCell = 0,\n  directionY,\n  directionX,\n  shouldWrapCells,\n  shouldWrapRows,\n}) {\n  let nextRow = currentRow + directionY;\n  let nextCell = currentCell + directionX;\n  const rowCount = grid.length;\n  const isLeftRight = directionX !== 0;\n\n  if (!rowCount) {\n    return false;\n  }\n\n  const cellsLength = grid[0].length;\n\n  // moving horizontally\n  if (shouldWrapCells && isLeftRight) {\n    // to left\n    if (nextCell < 0) {\n      nextCell = cellsLength - 1;\n      nextRow -= 1;\n    }\n\n    if (nextCell >= cellsLength) {\n      nextCell = 0;\n      nextRow += 1;\n    }\n  }\n\n  // moving vertically\n  if (shouldWrapRows && !isLeftRight) {\n    // to top\n    if (nextRow < 0) {\n      nextCell -= 1;\n      nextRow = rowCount - 1;\n      if (grid[nextRow] && nextCell >= 0 && !grid[nextRow][nextCell]) {\n        nextRow -= 1;\n      }\n    } else if (nextRow >= rowCount || !grid[nextRow][nextCell]) {\n      nextRow = 0;\n      nextCell += 1;\n    }\n  }\n\n  return {\n    cellIndex: nextCell,\n    rowIndex: nextRow,\n  };\n}\n\nexport { getNextCellPosition };\nexport default getNextCellPosition;"],
+  "mappings": "AAAA;ACCA,6BAA6B;AAAA,EAC3B;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,MAAI,UAAU,aAAa;AAC3B,MAAI,WAAW,cAAc;AAC7B,QAAM,WAAW,KAAK;AACtB,QAAM,cAAc,eAAe;AAEnC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA;AAGT,QAAM,cAAc,KAAK,GAAG;AAG5B,MAAI,mBAAmB,aAAa;AAElC,QAAI,WAAW,GAAG;AAChB,iBAAW,cAAc;AACzB,iBAAW;AAAA;AAGb,QAAI,YAAY,aAAa;AAC3B,iBAAW;AACX,iBAAW;AAAA;AAAA;AAKf,MAAI,kBAAkB,CAAC,aAAa;AAElC,QAAI,UAAU,GAAG;AACf,kBAAY;AACZ,gBAAU,WAAW;AACrB,UAAI,KAAK,YAAY,YAAY,KAAK,CAAC,KAAK,SAAS,WAAW;AAC9D,mBAAW;AAAA;AAAA,eAEJ,WAAW,YAAY,CAAC,KAAK,SAAS,WAAW;AAC1D,gBAAU;AACV,kBAAY;AAAA;AAAA;AAIhB,SAAO;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA;AAAA;AAKd,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/esm/GroupContext/Group.js

@@ -0,0 +1,86 @@
+import * as React from "react";
+import React2, { Component } from "react";
+import PropTypes from "prop-types";
+import { GroupContext } from "./GroupContext";
+const getValueItem = (e) => {
+  const { target, currentTarget } = e;
+  if (target) {
+    const { value } = target;
+    return value;
+  }
+  if (currentTarget) {
+    const { value } = currentTarget;
+    return value;
+  }
+  return e;
+};
+const toggleItemValue = (array, e) => {
+  const newvalue = getValueItem(e);
+  const res = array;
+  const index = array.indexOf(newvalue);
+  if (index === -1) {
+    res.push(newvalue);
+  } else {
+    res.splice(index, 1);
+  }
+  return res;
+};
+const { Provider } = GroupContext;
+class Group extends Component {
+  constructor(props) {
+    super(props);
+    const { activeValue, disabled } = props;
+    this.state = {
+      activeValue,
+      disabled,
+      prevValue: null,
+      onChange: this.handleChange.bind(this)
+    };
+  }
+  static getDerivedStateFromProps(nextProps, { prevValue }) {
+    if (nextProps.activeValue === prevValue)
+      return null;
+    return {
+      activeValue: nextProps.activeValue,
+      prevValue: nextProps.activeValue
+    };
+  }
+  handleChange(e, ...rest) {
+    const { multiple, onChange } = this.props;
+    const { activeValue } = this.state;
+    const value = getValueItem(e);
+    let newValue;
+    if (multiple) {
+      newValue = toggleItemValue(activeValue || [], value);
+    } else if (activeValue !== value) {
+      newValue = value;
+    }
+    this.setState({
+      activeValue: newValue
+    });
+    if (onChange)
+      onChange(newValue, ...rest);
+  }
+  render() {
+    const { children } = this.props;
+    return /* @__PURE__ */ React2.createElement(Provider, {
+      value: this.state
+    }, children);
+  }
+}
+Group.defaultProps = {
+  multiple: false
+};
+Group.propTypes = {
+  children: PropTypes.array,
+  multiple: PropTypes.bool,
+  onChange: PropTypes.func,
+  activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
+  disabled: PropTypes.bool
+};
+var Group_default = Group;
+export {
+  Group,
+  Group_default as default
+};
+//# sourceMappingURL=Group.js.map

package/dist/esm/GroupContext/Group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/Group.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { GroupContext } from './GroupContext';\n\nconst getValueItem = (e) => {\n  const { target, currentTarget } = e;\n  if (target) {\n    const { value } = target;\n    return value;\n  }\n  if (currentTarget) {\n    const { value } = currentTarget;\n    return value;\n  }\n  return e;\n};\n\nconst toggleItemValue = (array, e) => {\n  const newvalue = getValueItem(e);\n  const res = array;\n  const index = array.indexOf(newvalue);\n\n  if (index === -1) {\n    res.push(newvalue);\n  } else {\n    res.splice(index, 1);\n  }\n\n  return res;\n};\n\nconst { Provider } = GroupContext;\n/** deprecated use CheckableGroup instead */\nclass Group extends Component {\n  constructor(props) {\n    super(props);\n    const { activeValue, disabled } = props;\n    this.state = {\n      activeValue,\n      disabled,\n      prevValue: null,\n      onChange: this.handleChange.bind(this),\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, { prevValue }) {\n    if (nextProps.activeValue === prevValue) return null;\n    return {\n      activeValue: nextProps.activeValue,\n      prevValue: nextProps.activeValue,\n    };\n  }\n\n  handleChange(e, ...rest) {\n    const { multiple, onChange } = this.props;\n    const { activeValue } = this.state;\n    const value = getValueItem(e);\n    let newValue;\n    if (multiple) {\n      newValue = toggleItemValue(activeValue || [], value);\n    } else if (activeValue !== value) {\n      // default behaviour it will be toggle the active value\n      newValue = value;\n    }\n\n    this.setState({\n      activeValue: newValue,\n    });\n\n    if (onChange) onChange(newValue, ...rest);\n  }\n\n  render() {\n    const { children } = this.props;\n    return <Provider value={this.state}>{children}</Provider>;\n  }\n}\n\nGroup.defaultProps = {\n  multiple: false,\n};\n\nGroup.propTypes = {\n  children: PropTypes.array,\n  multiple: PropTypes.bool,\n  onChange: PropTypes.func,\n  activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),\n  disabled: PropTypes.bool,\n};\n\nexport { Group };\nexport default Group;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,MAAM;AAC1B,QAAM,EAAE,QAAQ,kBAAkB;AAClC,MAAI,QAAQ;AACV,UAAM,EAAE,UAAU;AAClB,WAAO;AAAA;AAET,MAAI,eAAe;AACjB,UAAM,EAAE,UAAU;AAClB,WAAO;AAAA;AAET,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,OAAO,MAAM;AACpC,QAAM,WAAW,aAAa;AAC9B,QAAM,MAAM;AACZ,QAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,UAAU,IAAI;AAChB,QAAI,KAAK;AAAA,SACJ;AACL,QAAI,OAAO,OAAO;AAAA;AAGpB,SAAO;AAAA;AAGT,MAAM,EAAE,aAAa;AAErB,oBAAoB,UAAU;AAAA,EAC5B,YAAY,OAAO;AACjB,UAAM;AACN,UAAM,EAAE,aAAa,aAAa;AAClC,SAAK,QAAQ;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU,KAAK,aAAa,KAAK;AAAA;AAAA;AAAA,SAI9B,yBAAyB,WAAW,EAAE,aAAa;AACxD,QAAI,UAAU,gBAAgB;AAAW,aAAO;AAChD,WAAO;AAAA,MACL,aAAa,UAAU;AAAA,MACvB,WAAW,UAAU;AAAA;AAAA;AAAA,EAIzB,aAAa,MAAM,MAAM;AACvB,UAAM,EAAE,UAAU,aAAa,KAAK;AACpC,UAAM,EAAE,gBAAgB,KAAK;AAC7B,UAAM,QAAQ,aAAa;AAC3B,QAAI;AACJ,QAAI,UAAU;AACZ,iBAAW,gBAAgB,eAAe,IAAI;AAAA,eACrC,gBAAgB,OAAO;AAEhC,iBAAW;AAAA;AAGb,SAAK,SAAS;AAAA,MACZ,aAAa;AAAA;AAGf,QAAI;AAAU,eAAS,UAAU,GAAG;AAAA;AAAA,EAGtC,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WAAO,qCAAC,UAAD;AAAA,MAAU,OAAO,KAAK;AAAA,OAAQ;AAAA;AAAA;AAIzC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA;AAGZ,MAAM,YAAY;AAAA,EAChB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU;AAAA,EAC7D,UAAU,UAAU;AAAA;AAItB,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/esm/GroupContext/GroupContext.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import React2 from "react";
+const GroupContext = React2.createContext();
+export {
+  GroupContext
+};
+//# sourceMappingURL=GroupContext.js.map

package/dist/esm/GroupContext/GroupContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const GroupContext = React.createContext();\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe,OAAM;",
+  "names": []
+}

package/dist/esm/GroupContext/GroupItem.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import React2 from "react";
+import { GroupContext } from "./GroupContext";
+const { Consumer } = GroupContext;
+const GroupItem = ({ render }) => /* @__PURE__ */ React2.createElement(Consumer, null, (context) => render(context));
+var GroupItem_default = GroupItem;
+export {
+  GroupItem,
+  GroupItem_default as default
+};
+//# sourceMappingURL=GroupItem.js.map

package/dist/esm/GroupContext/GroupItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { GroupContext } from './GroupContext';\n\nconst { Consumer } = GroupContext;\n\nconst GroupItem = ({ render }) => (\n  <Consumer>{context => render(context)}</Consumer>\n);\n\nexport { GroupItem };\nexport default GroupItem;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,EAAE,aAAa;AAErB,MAAM,YAAY,CAAC,EAAE,aACnB,qCAAC,UAAD,MAAW,aAAW,OAAO;AAI/B,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/esm/GroupContext/index.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Group } from "./Group";
+import { GroupContext } from "./GroupContext";
+import { GroupItem } from "./GroupItem";
+export {
+  Group,
+  GroupContext,
+  GroupItem
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/GroupContext/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Group } from './Group';\nexport { GroupContext } from './GroupContext';\nexport { GroupItem } from './GroupItem';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/{esm → dist/esm}/ScrollSync/ScrollSync.js

@@ -1,83 +1,59 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import React, { Component } from 'react';
-
-const ScrollSyncContext = /*#__PURE__*/React.createContext();
-const {
-  Provider
-} = ScrollSyncContext;
+import * as React from "react";
+import React2, { Component } from "react";
+const ScrollSyncContext = React2.createContext();
+const { Provider } = ScrollSyncContext;
 class ScrollSync extends Component {
   constructor(props) {
     super(props);
     this.panes = {};
-
     this.registerPane = (node, groups) => {
-      groups.forEach(group => {
+      groups.forEach((group) => {
         if (!this.panes[group]) {
           this.panes[group] = [];
         }
-
         if (this.panes[group].length > 0) {
           this.syncScrollPosition(this.panes[group][0], node);
         }
-
         this.panes[group].push(node);
       });
       this.addEvents(node, groups);
     };
-
     this.unregisterPane = (node, groups) => {
-      groups.forEach(group => {
+      groups.forEach((group) => {
         if (this.findPane(node, group)) {
           this.removeEvents(node);
           this.panes[group].splice(this.panes[group].indexOf(node), 1);
         }
       });
     };
-
     this.addEvents = (node, groups) => {
-      /* For some reason element.addEventListener doesnt work with document.body */
-      node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
+      node.onscroll = this.handlePaneScroll.bind(this, node, groups);
     };
-
-    this.removeEvents = node => {
-      /* For some reason element.removeEventListener doesnt work with document.body */
-      node.onscroll = null; // eslint-disable-line
+    this.removeEvents = (node) => {
+      node.onscroll = null;
     };
-
     this.findPane = (node, group) => {
       if (!this.panes[group]) {
         return false;
       }
-
-      return this.panes[group].find(pane => pane === node);
+      return this.panes[group].find((pane) => pane === node);
     };
-
     this.handlePaneScroll = (node, groups, e) => {
-      const {
-        enabled
-      } = this.props;
-      if (this.props.onScroll) this.props.onScroll(e);
-      if (!enabled) return;
+      const { enabled } = this.props;
+      if (this.props.onScroll)
+        this.props.onScroll(e);
+      if (!enabled)
+        return;
       window.requestAnimationFrame(() => {
         this.syncScrollPositions(node, groups);
       });
     };
-
     this.syncScrollPositions = (scrolledPane, groups) => {
-      groups.forEach(group => {
-        this.panes[group].forEach(pane => {
-          /* For all panes beside the currently scrolling one */
+      groups.forEach((group) => {
+        this.panes[group].forEach((pane) => {
           if (scrolledPane !== pane) {
-            /* Remove event listeners from the node that we'll manipulate */
             this.removeEvents(pane, group);
             this.syncScrollPosition(scrolledPane, pane);
-            /* Re-attach event listeners after we're done scrolling */
-
             window.requestAnimationFrame(() => {
               this.addEvents(pane, groups);
             });
@@ -85,13 +61,11 @@ class ScrollSync extends Component {
         });
       });
     };
-
     this.syncContext = {
       registerPane: this.registerPane,
       unregisterPane: this.unregisterPane
     };
   }
-
   syncScrollPosition(scrolledPane, pane) {
     const {
       scrollTop,
@@ -103,35 +77,22 @@ class ScrollSync extends Component {
     } = scrolledPane;
     const scrollTopOffset = scrollHeight - clientHeight;
     const scrollLeftOffset = scrollWidth - clientWidth;
-    const {
-      proportional,
-      vertical,
-      horizontal
-    } = this.props;
-    /* Calculate the actual pane height */
-
+    const { proportional, vertical, horizontal } = this.props;
     const paneHeight = pane.scrollHeight - clientHeight;
     const paneWidth = pane.scrollWidth - clientWidth;
-    /* Adjust the scrollTop position of it accordingly */
-
     if (vertical && scrollTopOffset > 0) {
-      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
+      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
     }
-
     if (horizontal && scrollLeftOffset > 0) {
-      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
+      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
     }
   }
-
   render() {
-    const {
-      children
-    } = this.props;
-    return /*#__PURE__*/_jsx(Provider, {
+    const { children } = this.props;
+    return /* @__PURE__ */ React2.createElement(Provider, {
       value: this.syncContext
-    }, void 0, React.Children.only(children));
+    }, React2.Children.only(children));
   }
-
 }
 ScrollSync.defaultProps = {
   proportional: true,
@@ -139,5 +100,10 @@ ScrollSync.defaultProps = {
   horizontal: true,
   enabled: true
 };
-
-export { ScrollSyncContext, ScrollSync as default };
+var ScrollSync_default = ScrollSync;
+export {
+  ScrollSync,
+  ScrollSyncContext,
+  ScrollSync_default as default
+};
+//# sourceMappingURL=ScrollSync.js.map