@pingux/astro 1.2.0-alpha.14 → 1.2.0-alpha.15

package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js

@@ -42,15 +42,13 @@ var _grid = require("@react-stately/grid");
 
 var _grid2 = require("@react-aria/grid");
 
-var _utils = require("@react-aria/utils");
-
 var _list = require("@react-stately/list");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _i18n = require("@react-aria/i18n");
 
-var _AccordionGridContext = require("./AccordionGridContext");
+var _AccordionGridContext = require("../../context/AccordionGridContext");
 
 var _AccordionGridItem = _interopRequireDefault(require("../AccordionGridItem"));
 
@@ -84,9 +82,7 @@ exports.collectionTypes = collectionTypes;
 var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context2;
 
-  var disabledKeys = props.disabledKeys,
-      selectedKeys = props.selectedKeys,
-      onSelectionChange = props.onSelectionChange;
+  var disabledKeys = props.disabledKeys;
   var accordionGridRef = (0, _react.useRef)();
   /* istanbul ignore next */
 
@@ -111,9 +107,11 @@ var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
       columnCount: 1,
       items: (0, _map["default"])(_context = (0, _from["default"])(collection)).call(_context, function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
+          key: "row-".concat(item.key),
           hasChildNodes: true,
           childNodes: [{
-            key: "cell-".concat(item.key),
+            key: item.key,
+            // use key for first cell, fixes selection after changes from UIP-5170
             type: 'cell',
             index: 0,
             value: null,
@@ -139,12 +137,11 @@ var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
   }, [collection]);
   var state = (0, _grid.useGridState)(_objectSpread(_objectSpread({}, props), {}, {
     disabledKeys: disabledKeys,
-    selectedKeys: selectedKeys,
     collection: gridCollection,
-    selectionMode: 'multiple',
-    onSelectionChange: onSelectionChange,
-    allowsCellSelection: true
-  }));
+    selectionMode: 'multiple'
+  })); // Required to enable header selection
+
+  state.selectionManager.allowsCellSelection = true;
   var keyboardDelegate = (0, _react.useMemo)(function () {
     return new _grid2.GridKeyboardDelegate({
       collection: state.collection,
@@ -157,7 +154,6 @@ var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
   }, [state, accordionGridRef, direction, collator]);
 
   var _useGrid = (0, _grid2.useGrid)(_objectSpread(_objectSpread({}, props), {}, {
-    isVirtualized: true,
     keyboardDelegate: keyboardDelegate
   }), state, accordionGridRef),
       gridProps = _useGrid.gridProps;
@@ -167,7 +163,7 @@ var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
       state: state,
       keyboardDelegate: keyboardDelegate
     }
-  }, (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({}, (0, _utils.mergeProps)(gridProps), {
+  }, (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({}, gridProps, {
     ref: accordionGridRef
   }), (0, _map["default"])(_context2 = (0, _from["default"])(state.collection)).call(_context2, function (item) {
     return (0, _react2.jsx)(_AccordionGridItem["default"], (0, _extends2["default"])({
@@ -177,6 +173,27 @@ var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
   })));
 });
 AccordionGridGroup.propTypes = {
+  /**
+   * The currently selected keys in the collection (uncontrolled).
+   *
+   * `selectedKeys="all"` can be used to select every key.
+   */
+  defaultSelectedKeys: _isIterable.isIterableProp,
+
+  /**
+   * The currently selected keys in the collection (controlled).
+   *
+   * `selectedKeys="all"` can be used to select every key.
+   */
+  selectedKeys: _isIterable.isIterableProp,
+
+  /**
+    * Callback function that fires when the selected key changes.
+    *
+    * `(selectedKeys: Set) => void`
+   */
+  onSelectionChange: _propTypes["default"].func,
+
   /**
    * The item keys that are disabled. These items cannot be selected, focused, or otherwise
    * interacted with.
@@ -202,17 +219,7 @@ AccordionGridGroup.propTypes = {
    * Identifies the element (or elements) that provide a detailed, extended description for
    * the object.
   */
-  'aria-details': _propTypes["default"].string,
-
-  /**
-   * The currently selected keys in the collection (controlled).
-   *
-   * `selectedKeys="all"` can be used to select every key.
-   */
-  selectedKeys: _isIterable.isIterableProp,
-
-  /** Callback function that fires when the selected key changes. */
-  onSelectionChange: _propTypes["default"].func
+  'aria-details': _propTypes["default"].string
 };
 AccordionGridGroup.defaultProps = {
   'aria-label': 'accordion'

package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js

@@ -10,12 +10,12 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.Default = exports["default"] = void 0;
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+exports.Controlled = exports.Default = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _collections = require("@react-stately/collections");
@@ -97,188 +97,167 @@ var _default = {
 };
 exports["default"] = _default;
 
-var Default = function Default() {
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      selectedKeys = _useState2[0],
-      setselectedKeys = _useState2[1];
+var Header = function Header(props) {
+  var item = props.item;
+  return (0, _react2.jsx)(_index.Box, {
+    isRow: true,
+    sx: {
+      flexGrow: 1
+    }
+  }, (0, _react2.jsx)(_index.Box, {
+    isRow: true,
+    alignSelf: "center",
+    sx: {
+      flexGrow: 1,
+      width: '50%'
+    }
+  }, (0, _react2.jsx)(_index.Text, {
+    sx: {
+      fontWeight: 3,
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden'
+    },
+    variant: "itemTitle",
+    alignSelf: "center"
+  }, item.name)), (0, _react2.jsx)(_index.Box, {
+    isRow: true,
+    alignSelf: "center",
+    sx: {
+      flexGrow: 1,
+      width: '50%'
+    }
+  }, (0, _react2.jsx)(_index.Text, {
+    sx: {
+      fontWeight: 0,
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden'
+    },
+    alignSelf: "center"
+  }, item.organizations.length, " Organizations"), (0, _react2.jsx)(_index.Box, {
+    isRow: true,
+    alignSelf: "center",
+    sx: {
+      ml: 'auto'
+    }
+  }, (0, _react2.jsx)(_index.IconButton, {
+    "aria-label": "create-icon",
+    sx: {
+      mr: '4px',
+      height: '26px',
+      width: '26px'
+    }
+  }, (0, _react2.jsx)(_CreateIcon["default"], null)), (0, _react2.jsx)(_index.IconButton, {
+    "aria-label": "vertical-lines-icon",
+    sx: {
+      mr: '4px',
+      height: '26px',
+      width: '26px'
+    }
+  }, (0, _react2.jsx)(_MoreVertIcon["default"], null)))));
+};
+
+var Body = function Body(props) {
+  var _context;
+
+  var item = props.item;
+  return (0, _react2.jsx)(_index.Box, {
+    isRow: true
+  }, (0, _react2.jsx)(_index.Box, {
+    sx: {
+      flexGrow: 1,
+      width: 'calc(50% - 20px)'
+    }
+  }, (0, _react2.jsx)(_index.Link, {
+    "aria-label": "permissions",
+    variant: "link",
+    sx: {
+      marginTop: '15px',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      textDecoration: 'none'
+    },
+    href: "https://www.pingidentity.com",
+    target: "_blank"
+  }, "View permissions")), (0, _react2.jsx)(_index.Box, {
+    sx: {
+      flexGrow: 1,
+      width: '50%'
+    }
+  }, (0, _map["default"])(_context = item.organizations).call(_context, function (org) {
+    var _context2;
 
-  var Header = function Header(props) {
-    var item = props.item;
     return (0, _react2.jsx)(_index.Box, {
-      isRow: true,
+      key: "box".concat(org.name),
       sx: {
-        flexGrow: 1
-      }
-    }, (0, _react2.jsx)(_index.Box, {
-      isRow: true,
-      alignSelf: "center",
-      sx: {
-        flexGrow: 1,
-        width: '50%'
-      }
-    }, (0, _react2.jsx)(_index.Text, {
-      sx: {
-        fontWeight: 3,
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden'
-      },
-      variant: "itemTitle",
-      alignSelf: "center"
-    }, item.name)), (0, _react2.jsx)(_index.Box, {
-      isRow: true,
-      alignSelf: "center",
-      sx: {
-        flexGrow: 1,
-        width: '50%'
+        marginTop: '15px',
+        mb: '15px'
       }
     }, (0, _react2.jsx)(_index.Text, {
       sx: {
-        fontWeight: 0,
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
         overflow: 'hidden'
       },
-      alignSelf: "center"
-    }, item.organizations.length, " Organizations"), (0, _react2.jsx)(_index.Box, {
-      isRow: true,
-      alignSelf: "center",
-      sx: {
-        ml: 'auto'
-      }
-    }, (0, _react2.jsx)(_index.IconButton, {
-      "aria-label": "create-icon",
-      sx: {
-        mr: '4px',
-        height: '26px',
-        width: '26px'
-      }
-    }, (0, _react2.jsx)(_CreateIcon["default"], null)), (0, _react2.jsx)(_index.IconButton, {
-      "aria-label": "vertical-lines-icon",
-      sx: {
-        mr: '4px',
-        height: '26px',
-        width: '26px'
-      }
-    }, (0, _react2.jsx)(_MoreVertIcon["default"], null)))));
-  };
-
-  var Body = function Body(props) {
-    var _context;
+      key: "text".concat(org.name)
+    }, org.name), (0, _map["default"])(_context2 = org.populations).call(_context2, function (pop) {
+      return (0, _react2.jsx)(_index.Text, {
+        key: pop,
+        sx: {
+          marginLeft: 'md',
+          mt: '10px',
+          textOverflow: 'ellipsis',
+          whiteSpace: 'nowrap',
+          overflow: 'hidden'
+        }
+      }, pop, ")");
+    }));
+  })));
+};
 
-    var item = props.item;
-    return (0, _react2.jsx)(_index.Box, {
-      isRow: true
-    }, (0, _react2.jsx)(_index.Box, {
+var Default = function Default() {
+  return (// See story source for info about the data used
+    (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Text, {
       sx: {
-        flexGrow: 1,
-        width: 'calc(50% - 20px)'
+        fontWeight: 3,
+        fontSize: '13px'
       }
-    }, (0, _react2.jsx)(_index.Link, {
-      "aria-label": "permissions",
-      variant: "link",
-      sx: {
-        marginTop: '15px',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        textDecoration: 'none'
-      },
-      href: "https://www.pingidentity.com",
-      target: "_blank"
-    }, "View permissions")), (0, _react2.jsx)(_index.Box, {
+    }, "Role"), (0, _react2.jsx)(_index.Separator, {
       sx: {
-        flexGrow: 1,
-        width: '50%'
+        mb: 0
       }
-    }, (0, _map["default"])(_context = item.organizations).call(_context, function (org) {
-      var _context2;
-
-      return (0, _react2.jsx)(_index.Box, {
-        key: "box".concat(org.name),
+    }), (0, _react2.jsx)(_AccordionGridGroup["default"], {
+      items: data,
+      defaultSelectedKeys: ['Environment']
+    }, function (item) {
+      return (0, _react2.jsx)(_collections.Item, {
+        key: item.key,
+        textValue: item.name
+      }, (0, _react2.jsx)(Header, {
+        item: item
+      }), (0, _react2.jsx)(Body, {
+        item: item
+      }), item.key !== 'Organization' ? (0, _react2.jsx)(_index.Separator, {
         sx: {
-          marginTop: '15px',
-          mb: '15px'
+          m: 0,
+          bg: 'neutral.90'
         }
-      }, (0, _react2.jsx)(_index.Text, {
-        sx: {
-          textOverflow: 'ellipsis',
-          whiteSpace: 'nowrap',
-          overflow: 'hidden'
-        },
-        key: "text".concat(org.name)
-      }, org.name), (0, _map["default"])(_context2 = org.populations).call(_context2, function (pop) {
-        return (0, _react2.jsx)(_index.Text, {
-          key: pop,
-          sx: {
-            marginLeft: 'md',
-            mt: '10px',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden'
-          }
-        }, pop, ")");
-      }));
-    })));
-  };
+      }) : null);
+    }))
+  );
+};
+
+exports.Default = Default;
+
+var Controlled = function Controlled() {
+  var _useState = (0, _react.useState)(['Client']),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      selectedKeys = _useState2[0],
+      setSelectedKeys = _useState2[1];
 
-  return (// const data = [
-    //   {
-    //     name: 'Client Application Developer',
-    //     key: '1',
-    //     organizations: [
-    //       {
-    //         name: 'Montana (Environment)',
-    //         populations: [
-    //           'Administrators (Population)',
-    //           'Other Population (Population)',
-    //         ],
-    //       },
-    //       {
-    //         name: 'Boston (Environment)',
-    //         populations: [
-    //         ],
-    //       },
-    //     ],
-    //   },
-    //   {
-    //     name: 'Environment Admin',
-    //     key: '2',
-    //     organizations: [
-    //       {
-    //         name: 'Montana (Environment)',
-    //         populations: [
-    //           'Administrators (Population)',
-    //           'Other Population (Population)',
-    //         ],
-    //       },
-    //       {
-    //         name: 'Boston (Environment)',
-    //         populations: [
-    //         ],
-    //       },
-    //     ],
-    //   },
-    //   {
-    //     name: 'Organization Admin',
-    //     key: '3',
-    //     organizations: [
-    //       {
-    //         name: 'Montana (Environment)',
-    //         populations: [
-    //           'Administrators (Population)',
-    //           'Other Population (Population)',
-    //         ],
-    //       },
-    //       {
-    //         name: 'Boston (Environment)',
-    //         populations: [
-    //         ],
-    //       },
-    //     ],
-    //   },
-    // ];
+  return (// See story source for info about the data used
     (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Text, {
       sx: {
         fontWeight: 3,
@@ -291,7 +270,7 @@ var Default = function Default() {
     }), (0, _react2.jsx)(_AccordionGridGroup["default"], {
       items: data,
       selectedKeys: selectedKeys,
-      onSelectionChange: setselectedKeys
+      onSelectionChange: setSelectedKeys
     }, function (item) {
       return (0, _react2.jsx)(_collections.Item, {
         key: item.key,
@@ -310,4 +289,4 @@ var Default = function Default() {
   );
 };
 
-exports.Default = Default;
+exports.Controlled = Controlled;

package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js

@@ -2,6 +2,10 @@
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -63,23 +67,6 @@ var getComponentInOverlayPanel = function getComponentInOverlayPanel() {
     }
   }
 });
-test('button press', function () {
-  var onPress = jest.fn();
-  getComponent({
-    onPress: onPress
-  });
-
-  var buttons = _testWrapper.screen.getAllByRole('gridcell');
-
-  var selectedItem = buttons[0];
-  expect(selectedItem).toBeInTheDocument();
-  expect(selectedItem).not.toHaveClass('is-pressed');
-  expect(onPress).not.toHaveBeenCalled(); // Hold down the button to see pressed styles
-
-  _testWrapper.fireEvent.mouseDown(selectedItem);
-
-  expect(selectedItem).toHaveClass('is-pressed');
-});
 test('button press uses callback', function () {
   var onPress = jest.fn();
   getComponent({
@@ -92,9 +79,7 @@ test('button press uses callback', function () {
   expect(selectedItem).not.toHaveClass('is-pressed');
   expect(onPress).not.toHaveBeenCalled(); // Hold down the button to see pressed styles
 
-  _testWrapper.fireEvent.mouseDown(selectedItem);
-
-  _testWrapper.fireEvent.mouseUp(selectedItem);
+  _userEvent["default"].click(selectedItem);
 
   expect(onPress).toHaveBeenCalled();
 });
@@ -237,16 +222,26 @@ test('disabled keys prop disables an accordion item, and disables focus', functi
   expect(selectedRow).toHaveClass('is-disabled');
   expect(selectedRow).not.toHaveClass('is-focused');
 });
-test('default expanded keys expands an accordion item', function () {
-  getComponent({
-    selectedKeys: ['first']
-  });
-
-  var row = _testWrapper.screen.getAllByRole('row');
-
-  var selectedRow = row[0];
-  expect(selectedRow).toHaveAttribute('aria-selected', 'true');
-});
+test('default expanded keys expands an accordion item', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  return _regenerator["default"].wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          getComponent({
+            selectedKeys: ['first']
+          });
+          _context.next = 3;
+          return (0, _testWrapper.waitFor)(function () {
+            return expect(_testWrapper.screen.getAllByRole('row')[0]).toHaveAttribute('aria-selected', 'true');
+          });
+
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+})));
 test('items do not automatically expand if wrapped in an open OverlayPanel', function () {
   getComponentInOverlayPanel();
 

package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js

@@ -30,7 +30,7 @@ var _grid = require("@react-aria/grid");
 
 var _utils = require("@react-aria/utils");
 
-var _AccordionGridContext = require("../AccordionGridGroup/AccordionGridContext");
+var _AccordionGridContext = require("../../context/AccordionGridContext");
 
 var _Box = _interopRequireDefault(require("../Box"));
 
@@ -38,6 +38,8 @@ var _AccordionGridItemHeader = _interopRequireDefault(require("./AccordionGridIt
 
 var _AccordionGridItemBody = _interopRequireDefault(require("./AccordionGridItemBody"));
 
+var _hooks = require("../../hooks");
+
 var _react2 = require("@emotion/react");
 
 var AccordionGridItem = function AccordionGridItem(props) {
@@ -47,7 +49,8 @@ var AccordionGridItem = function AccordionGridItem(props) {
       headerProps = props.headerProps,
       bodyProps = props.bodyProps,
       children = props.children,
-      others = (0, _objectWithoutProperties2["default"])(props, ["item", "headerProps", "bodyProps", "children"]);
+      className = props.className,
+      others = (0, _objectWithoutProperties2["default"])(props, ["item", "headerProps", "bodyProps", "children", "className"]);
 
   var _React$Children$toArr = _react["default"].Children.toArray(children),
       _React$Children$toArr2 = (0, _toArray2["default"])(_React$Children$toArr),
@@ -57,10 +60,18 @@ var AccordionGridItem = function AccordionGridItem(props) {
 
   var cellNode = (0, _concat["default"])(_context = []).call(_context, item.childNodes)[0];
 
-  var _useContext = (0, _react.useContext)(_AccordionGridContext.AccordionGridContext),
-      state = _useContext.state;
+  var _useAccordionGridCont = (0, _AccordionGridContext.useAccordionGridContext)(),
+      state = _useAccordionGridCont.state; // Treat first cell as a row, fixes focus and keyboard interactions
+
+
+  var isDisabled = state.disabledKeys.has(cellNode.key);
+  var isSelected = state.selectionManager.isSelected(cellNode.key); // Sync selection between the first cell and the row
 
-  var isDisabled = state.disabledKeys.has(item.key);
+  (0, _react.useEffect)(function () {
+    if (isSelected !== state.selectionManager.isSelected(item.key)) {
+      state.selectionManager.toggleSelection(item.key);
+    }
+  }, [isSelected, state.selectionManager, item.key]);
   var rowRef = (0, _react.useRef)();
   var cellRef = (0, _react.useRef)();
   var cellBodyRef = (0, _react.useRef)();
@@ -70,20 +81,24 @@ var AccordionGridItem = function AccordionGridItem(props) {
   }, state, rowRef),
       rowProps = _useGridRow.rowProps;
 
-  var isSelected = state.selectionManager.isSelected(item.key);
-  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    as: "div",
+  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
+    isSelected: isSelected,
     isDisabled: isDisabled
+  }),
+      classNames = _useStatusClasses.classNames;
+
+  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
+    as: "div"
   }, (0, _utils.mergeProps)(rowProps, others), {
-    ref: rowRef,
-    role: "row"
+    "aria-selected": isSelected,
+    className: classNames,
+    ref: rowRef
   }), (0, _react2.jsx)(_AccordionGridItemHeader["default"], (0, _extends2["default"])({
     item: item,
-    cellNode: cellNode,
-    ref: cellRef
-  }, headerProps, {
+    ref: cellRef,
+    isDisabled: isDisabled,
     isSelected: isSelected
-  }), header), (0, _react2.jsx)(_AccordionGridItemBody["default"], (0, _extends2["default"])({
+  }, headerProps), header), (0, _react2.jsx)(_AccordionGridItemBody["default"], (0, _extends2["default"])({
     item: item,
     ref: cellBodyRef,
     isSelected: isSelected

package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js

@@ -26,7 +26,7 @@ var _grid = require("@react-aria/grid");
 
 var _interactions = require("@react-aria/interactions");
 
-var _AccordionGridContext = require("../AccordionGridGroup/AccordionGridContext");
+var _AccordionGridContext = require("../../context/AccordionGridContext");
 
 var _Box = _interopRequireDefault(require("../Box"));
 
@@ -42,8 +42,8 @@ var AccordionGridItemBody = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       children = props.children,
       isSelected = props.isSelected;
 
-  var _useContext = (0, _react.useContext)(_AccordionGridContext.AccordionGridContext),
-      state = _useContext.state;
+  var _useAccordionGridCont = (0, _AccordionGridContext.useAccordionGridContext)(),
+      state = _useAccordionGridCont.state;
 
   var cellNode = (0, _concat["default"])(_context = []).call(_context, item.childNodes)[1];