gistfile1.js

eval("'use strict';\n\nexports.__esModule = true;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar _react = __webpack_require__(66);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reflexbox = __webpack_require__(2371);\n\nvar _styles = __webpack_require__(2501);\n\nvar _utilsMakeTable = __webpack_require__(2499);\n\nvar _utilsMakeTable2 = _interopRequireDefault(_utilsMakeTable);\n\nvar _actions = __webpack_require__(411);\n\nvar _actions2 = _interopRequireDefault(_actions);\n\nvar _reactRedux = __webpack_require__(391);\n\nvar _selectors = __webpack_require__(2502);\n\nvar _classnames = __webpack_require__(1775);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\n__webpack_require__(2527);\n\nvar Checkbox = function Checkbox(np) {\n  return _react2['default'].createElement(\n    'div',\n    { className: 'checkbox' },\n    _react2['default'].createElement('input', _extends({ type: 'checkbox', className: 'pull-right' }, np, { id: 'checkbox-' + np.label })),\n    _react2['default'].createElement(\n      'label',\n      { htmlFor: 'checkbox-' + np.label },\n      np.label\n    )\n  );\n};\n\nvar getTable = function getTable(rows) {\n  return _utilsMakeTable2['default']({\n    rows: rows,\n    isResponsive: true,\n    wrapperProps: {\n      className: 'column-table'\n    },\n    tableClasses: ['table-striped']\n  });\n};\n\nvar makeColumn = function makeColumn(category, widgets, enabled, dispatch) {\n  var ids = enabled.map(function (o) {\n    return o.get('id');\n  });\n  var someEnabled = widgets.some(function (o) {\n    return ids.includes(o.get('id'));\n  });\n  var overflow = widgets.size > 3;\n  var idsInCategory = widgets.filter(function (o) {\n    return o.get('category') === category;\n  }).sortBy(function (o) {\n    return o.get('name');\n  }).map(function (o) {\n    return o.get('id');\n  });\n\n  var toggleCheckbox = function toggleCheckbox(id, e) {\n    if (e.target.checked) {\n      ids = ids.push(id);\n    } else {\n      ids = ids.filterNot(function (x) {\n        return x === id;\n      });\n    }\n    dispatch(_actions2['default'].setEnabledWidgetIds({ selected: ids }));\n  };\n\n  var toggleAllUnderCategory = function toggleAllUnderCategory() {\n    ids = someEnabled ? ids.filterNot(function (o) {\n      return idsInCategory.includes(o);\n    }) : ids.concat(idsInCategory);\n    dispatch(_actions2['default'].setEnabledWidgetIds({ selected: ids }));\n  };\n\n  var overflowIcon = overflow ? _react2['default'].createElement(\n    'div',\n    { className: 'overflowIcon' },\n    _react2['default'].createElement('span', { className: 'fa fa-navicon', style: { display: 'block' } })\n  ) : null;\n\n  var circleCs = _classnames2['default']('fa pull-right', {\n    'fa-circle': someEnabled,\n    'fa-circle-o': !someEnabled\n  });\n\n  return _react2['default'].createElement(\n    _reflexbox.Box,\n    {\n      className: 'column',\n      mobile: 12,\n      tablet: 12,\n      desktop: 4,\n      widescreen: 3,\n      p: 0,\n      key: category\n    },\n    _react2['default'].createElement(\n      'div',\n      { className: _classnames2['default']('wrapper', { someEnabled: someEnabled, overflow: overflow }) },\n      _react2['default'].createElement(\n        'h6',\n        { onClick: toggleAllUnderCategory },\n        category,\n        ' ',\n        _react2['default'].createElement('span', { className: circleCs })\n      ),\n      getTable(idsInCategory.map(function (i) {\n        var o = widgets.filter(function (z) {\n          return z.get('id') === i;\n        }).first();\n        var checked = enabled.map(function (z) {\n          return z.get('id');\n        }).includes(o.get('id'));\n        return [_react2['default'].createElement(Checkbox, {\n          onChange: function (e) {\n            return toggleCheckbox(o.get('id'), e);\n          },\n          label: o.get('name'),\n          checked: checked\n        })];\n      }).toJS()),\n      overflowIcon\n    )\n  );\n};\n\nexports['default'] = _reactRedux.connect(function (state) {\n  return {\n    widgets: _selectors.getWidgets(state),\n    enabledWidgets: _selectors.getEnabledWidgets(state)\n  };\n})(function (props) {\n  var widgets = props.widgets;\n  var enabledWidgets = props.enabledWidgets;\n  var dispatch = props.dispatch;\n\n  var styles = {\n    innerDiv: {\n      width: Math.max(1200, window.innerWidth),\n      overflowX: 'scroll'\n    },\n    outerDiv: {\n      width: window.innerWidth,\n      overflowX: 'scroll'\n    }\n  };\n\n  var columnMapper = function columnMapper(v, k) {\n    return makeColumn(k, v, enabledWidgets, dispatch);\n  };\n\n  var widgetsByCat = widgets.groupBy(function (v) {\n    return v.get('category');\n  }).sortBy(function (v, k) {\n    return k;\n  }).map(columnMapper).toList().toJS();\n\n  return _react2['default'].createElement(\n    'div',\n    { style: styles.outerDiv },\n    _react2['default'].createElement(\n      'div',\n      { style: styles.innerDiv },\n      _react2['default'].createElement(\n        _reflexbox.Flex,\n        {\n          style: _styles.rowStyle,\n          align: 'center',\n          style: { borderBottom: 'solid 1px #999' },\n          className: 'column-browser'\n        },\n        widgetsByCat\n      )\n    )\n  );\n});\nmodule.exports = exports['default'];\n\n/*****************\n ** WEBPACK FOOTER\n ** ./assets/modules/Dashboard/components/ColumnBrowser/ColumnBrowser.js\n ** module id = 2526\n ** module chunks = 0\n **/\n//# sourceURL=./assets/modules/Dashboard/components/ColumnBrowser/ColumnBrowser.js");