fe-fabric-react 0.0.1-security → 2.864.3

package/lib/core/components/FeTableHeaderCell.js

@@ -0,0 +1,273 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _FeIcon = _interopRequireDefault(require("./FeIcon"));
+
+var _FeSelfContainedInput = _interopRequireDefault(require("./FeSelfContainedInput"));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+
+function _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  } else {
+    var newObj = {};
+
+    if (obj != null) {
+      for (var key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+
+          if (desc.get || desc.set) {
+            Object.defineProperty(newObj, key, desc);
+          } else {
+            newObj[key] = obj[key];
+          }
+        }
+      }
+    }
+
+    newObj.default = obj;
+    return newObj;
+  }
+}
+
+function _typeof(obj) {
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+var FeTableHeaderCell =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(FeTableHeaderCell, _Component);
+
+  function FeTableHeaderCell(props) {
+    var _this;
+
+    _classCallCheck(this, FeTableHeaderCell);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(FeTableHeaderCell).call(this, props));
+    _this.onSortIconClick = _this.onSortIconClick.bind(_assertThisInitialized(_this));
+    _this.onFilterInputChange = _this.onFilterInputChange.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(FeTableHeaderCell, [{
+    key: "onSortIconClick",
+    value: function onSortIconClick(event) {
+      this.props.onSortChange && this.props.onSortChange({
+        sortBy: this.props.name,
+        sortOrder: this.props.sortBy === this.props.name && this.props.sortOrder === 'asc' ? 'desc' : 'asc'
+      });
+    }
+  }, {
+    key: "onFilterInputChange",
+    value: function onFilterInputChange(event) {
+      this.props.onFilterChange && this.props.onFilterChange({
+        name: this.props.name,
+        search: event.target.value
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      /** Minimum condition required to render*/
+
+      /** Rendering of component */
+      var className = (0, _classnames.default)('fe-table__header-cell', this.props.columnClass, this.props.className);
+      var sortClassName = (0, _classnames.default)('fe-table__header-sort', {
+        'fe-table__header-sort--asc': this.props.sortBy === this.props.name && this.props.sortOrder === 'asc',
+        'fe-table__header-sort--desc': this.props.sortBy === this.props.name && this.props.sortOrder === 'desc'
+      });
+      return _react.default.createElement("div", {
+        className: className,
+        name: this.props.name,
+        role: "columnheader"
+      }, this.props.isDraggable && _react.default.createElement("div", {
+        className: "fe-table__header-highlight",
+        onMouseDown: this.props.onDragStart
+      }), (this.props.label || this.props.name) && _react.default.createElement("div", {
+        className: "fe-table__header-title"
+      }, _react.default.createElement("span", {
+        className: "fe-table__header-text",
+        role: "columnheader"
+      }, this.props.label || this.props.name), this.props.isSortable && _react.default.createElement("div", {
+        className: sortClassName,
+        onClick: this.onSortIconClick
+      }, _react.default.createElement(_FeIcon.default, {
+        family: "solid",
+        icon: "sort-up"
+      }), _react.default.createElement(_FeIcon.default, {
+        family: "solid",
+        icon: "sort-down"
+      }))), this.props.withFilter && this.props.filterValue && _react.default.createElement("div", {
+        className: "fe-table__header-filters"
+      }, _react.default.createElement(_FeSelfContainedInput.default, {
+        name: this.props.name,
+        value: this.props.filterValue,
+        placeholder: this.props.filterPlaceholder,
+        onChange: this.onFilterInputChange
+      })), this.props.withFilter && !this.props.filterValue && _react.default.createElement("div", {
+        className: "fe-table__header-filters"
+      }, _react.default.createElement(_FeSelfContainedInput.default, {
+        name: this.props.name,
+        placeholder: this.props.filterPlaceholder,
+        onChange: this.onFilterInputChange
+      })), this.props.children);
+    }
+  }]);
+
+  return FeTableHeaderCell;
+}(_react.Component);
+
+FeTableHeaderCell.defaultProps = {
+  name: null,
+  label: null,
+  filterPlaceholder: 'Search',
+  columnClass: null,
+  filterValue: null,
+  sortBy: null,
+  sortOrder: null,
+  isDraggable: true,
+  isSortable: true,
+  withFilter: true,
+  onSortChange: null,
+  onFilterChange: null,
+  onDragStart: null
+};
+FeTableHeaderCell.propTypes = {
+  /** Provide name for table cell*/
+  name: _propTypes.default.string,
+
+  /** Provide label for table cell*/
+  label: _propTypes.default.string,
+
+  /** Provide placeholder for filter input*/
+  filterPlaceholder: _propTypes.default.string,
+
+  /** Provide class for column*/
+  columnClass: _propTypes.default.string,
+
+  /** Provide input value for filter*/
+  filterValue: _propTypes.default.string,
+
+  /** Provide name*/
+  sortBy: _propTypes.default.string,
+
+  /** Provide sort order */
+  sortOrder: _propTypes.default.oneOf(['asc', 'desc']),
+
+  /** Set true/false to make column draggable*/
+  isDraggable: _propTypes.default.bool,
+
+  /** Set true/false to make column sortable*/
+  isSortable: _propTypes.default.bool,
+
+  /** Set true/false to add filter input box*/
+  withFilter: _propTypes.default.bool,
+
+  /** Provide handler for sort change */
+  onSortChange: _propTypes.default.func,
+
+  /** Provide handler for filter change */
+  onFilterChange: _propTypes.default.func,
+
+  /** Provide handler for drag start */
+  onDragStart: _propTypes.default.func
+};
+FeTableHeaderCell.displayName = 'FeTableHeaderCell';
+var _default = FeTableHeaderCell;
+exports.default = _default;

package/lib/core/components/FeTableRow.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+
+var FeTableRow = function FeTableRow(props) {
+  return _react.default.createElement("div", {
+    className: "fe-table__row",
+    role: "row"
+  }, props.children);
+};
+
+var _default = FeTableRow;
+exports.default = _default;

package/lib/core/components/FeTextEnrichment.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+
+function _extends() {
+  _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;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+var FeTextEnrichment = function FeTextEnrichment(props) {
+  /** Minimum condition required to render*/
+  if (!(props.label || props.children)) {
+    return null;
+  }
+  /** Rendering of component */
+
+
+  var className = (0, _classnames.default)('fe-text-enrich', [props.feType !== 'default' ? "fe-text-enrich--".concat(props.feType) : ''], props.className);
+  var otherProps = Object.assign({}, props);
+  delete otherProps.label;
+  delete otherProps.feType;
+  delete otherProps.maxChar;
+  delete otherProps.className;
+  var label = props.label && props.maxChar && (0, _utils.truncateString)(props.label, props.maxChar, true) || props.label;
+  return _react.default.createElement("button", _extends({
+    type: "button",
+    className: className
+  }, otherProps), label, props.children);
+};
+
+FeTextEnrichment.defaultProps = {
+  label: null,
+  feType: 'default',
+  maxChar: null
+};
+FeTextEnrichment.propTypes = {
+  /** Provide label */
+  label: _propTypes.default.string,
+
+  /** Provide fetype like 'default', 'info', 'warning', 'danger'*/
+  feType: _propTypes.default.oneOf(['default', 'info', 'warning', 'danger']),
+
+  /** Provide max character for truncation */
+  maxChar: _propTypes.default.number
+};
+FeTextEnrichment.displayName = 'FeTextEnrichment';
+var _default = FeTextEnrichment;
+exports.default = _default;

package/lib/core/components/FeToggle.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+
+function _extends() {
+  _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;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+var FeToggle = function FeToggle(props) {
+  var className = (0, _classnames.default)('fe-toggle', props.className);
+  var toggleProps = Object.assign({}, props);
+  delete toggleProps.size;
+  delete toggleProps.className;
+  return _react.default.createElement("label", {
+    className: className,
+    htmlFor: props.id
+  }, _react.default.createElement("input", _extends({}, toggleProps, {
+    type: "checkbox",
+    className: "fe-toggle__checkbox"
+  })), _react.default.createElement("span", {
+    className: "".concat((0, _classnames.default)('fe-toggle__btn', {
+      'fe-toggle__btn--sm': props.size === 'small'
+    }))
+  }));
+};
+
+FeToggle.defaultProps = {
+  id: null,
+  size: 'regular'
+};
+FeToggle.propTypes = {
+  /** Provide id attribute for toggle*/
+  id: _propTypes.default.string.isRequired,
+
+  /** Provide size for toggle like 'regular' or 'small'*/
+  size: _propTypes.default.oneOf(['regular', 'small'])
+};
+FeToggle.displayName = 'FeToggle';
+var _default = FeToggle;
+exports.default = _default;

package/lib/core/index.js

@@ -0,0 +1,243 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FeAppLogo", {
+  enumerable: true,
+  get: function get() {
+    return _FeAppLogo.default;
+  }
+});
+Object.defineProperty(exports, "FeAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _FeAvatar.default;
+  }
+});
+Object.defineProperty(exports, "FeBadge", {
+  enumerable: true,
+  get: function get() {
+    return _FeBadge.default;
+  }
+});
+Object.defineProperty(exports, "FeBreadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _FeBreadcrumb.default;
+  }
+});
+Object.defineProperty(exports, "FeButton", {
+  enumerable: true,
+  get: function get() {
+    return _FeButton.default;
+  }
+});
+Object.defineProperty(exports, "FeCheckbox", {
+  enumerable: true,
+  get: function get() {
+    return _FeCheckbox.default;
+  }
+});
+Object.defineProperty(exports, "FeCogButton", {
+  enumerable: true,
+  get: function get() {
+    return _FeCogButton.default;
+  }
+});
+Object.defineProperty(exports, "FeDefaultLink", {
+  enumerable: true,
+  get: function get() {
+    return _FeDefaultLink.default;
+  }
+});
+Object.defineProperty(exports, "FeDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _FeDropdown.default;
+  }
+});
+Object.defineProperty(exports, "FeFormGroup", {
+  enumerable: true,
+  get: function get() {
+    return _FeFormGroup.default;
+  }
+});
+Object.defineProperty(exports, "FeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _FeIcon.default;
+  }
+});
+Object.defineProperty(exports, "FeIconStack", {
+  enumerable: true,
+  get: function get() {
+    return _FeIconStack.default;
+  }
+});
+Object.defineProperty(exports, "FeInputField", {
+  enumerable: true,
+  get: function get() {
+    return _FeInputField.default;
+  }
+});
+Object.defineProperty(exports, "FeLabel", {
+  enumerable: true,
+  get: function get() {
+    return _FeLabel.default;
+  }
+});
+Object.defineProperty(exports, "FeListItem", {
+  enumerable: true,
+  get: function get() {
+    return _FeListItem.default;
+  }
+});
+Object.defineProperty(exports, "FeListItemGroup", {
+  enumerable: true,
+  get: function get() {
+    return _FeListItemGroup.default;
+  }
+});
+Object.defineProperty(exports, "FeLoader", {
+  enumerable: true,
+  get: function get() {
+    return _FeLoader.default;
+  }
+});
+Object.defineProperty(exports, "FeNotification", {
+  enumerable: true,
+  get: function get() {
+    return _FeNotification.default;
+  }
+});
+Object.defineProperty(exports, "FePillBox", {
+  enumerable: true,
+  get: function get() {
+    return _FePillBox.default;
+  }
+});
+Object.defineProperty(exports, "FeProgressBar", {
+  enumerable: true,
+  get: function get() {
+    return _FeProgressBar.default;
+  }
+});
+Object.defineProperty(exports, "FeRadioButton", {
+  enumerable: true,
+  get: function get() {
+    return _FeRadioButton.default;
+  }
+});
+Object.defineProperty(exports, "FeSearchField", {
+  enumerable: true,
+  get: function get() {
+    return _FeSearchField.default;
+  }
+});
+Object.defineProperty(exports, "FeSelfContainedInput", {
+  enumerable: true,
+  get: function get() {
+    return _FeSelfContainedInput.default;
+  }
+});
+Object.defineProperty(exports, "FeTableCell", {
+  enumerable: true,
+  get: function get() {
+    return _FeTableCell.default;
+  }
+});
+Object.defineProperty(exports, "FeTableHeaderCell", {
+  enumerable: true,
+  get: function get() {
+    return _FeTableHeaderCell.default;
+  }
+});
+Object.defineProperty(exports, "FeTableRow", {
+  enumerable: true,
+  get: function get() {
+    return _FeTableRow.default;
+  }
+});
+Object.defineProperty(exports, "FeTextEnrichment", {
+  enumerable: true,
+  get: function get() {
+    return _FeTextEnrichment.default;
+  }
+});
+Object.defineProperty(exports, "FeToggle", {
+  enumerable: true,
+  get: function get() {
+    return _FeToggle.default;
+  }
+});
+Object.defineProperty(exports, "FontAwesomeContext", {
+  enumerable: true,
+  get: function get() {
+    return _FontAwesomeContext.default;
+  }
+});
+
+var _FeAppLogo = _interopRequireDefault(require("./components/FeAppLogo"));
+
+var _FeAvatar = _interopRequireDefault(require("./components/FeAvatar"));
+
+var _FeBadge = _interopRequireDefault(require("./components/FeBadge"));
+
+var _FeBreadcrumb = _interopRequireDefault(require("./components/FeBreadcrumb"));
+
+var _FeButton = _interopRequireDefault(require("./components/FeButton"));
+
+var _FeCheckbox = _interopRequireDefault(require("./components/FeCheckbox"));
+
+var _FeCogButton = _interopRequireDefault(require("./components/FeCogButton"));
+
+var _FeDefaultLink = _interopRequireDefault(require("./components/FeDefaultLink"));
+
+var _FeDropdown = _interopRequireDefault(require("./components/FeDropdown"));
+
+var _FeFormGroup = _interopRequireDefault(require("./components/FeFormGroup"));
+
+var _FeIcon = _interopRequireDefault(require("./components/FeIcon"));
+
+var _FeIconStack = _interopRequireDefault(require("./components/FeIconStack"));
+
+var _FeInputField = _interopRequireDefault(require("./components/FeInputField"));
+
+var _FeLabel = _interopRequireDefault(require("./components/FeLabel"));
+
+var _FeListItem = _interopRequireDefault(require("./components/FeListItem"));
+
+var _FeListItemGroup = _interopRequireDefault(require("./components/FeListItemGroup"));
+
+var _FeLoader = _interopRequireDefault(require("./components/FeLoader"));
+
+var _FeNotification = _interopRequireDefault(require("./components/FeNotification"));
+
+var _FePillBox = _interopRequireDefault(require("./components/FePillBox"));
+
+var _FeProgressBar = _interopRequireDefault(require("./components/FeProgressBar"));
+
+var _FeRadioButton = _interopRequireDefault(require("./components/FeRadioButton"));
+
+var _FeSearchField = _interopRequireDefault(require("./components/FeSearchField"));
+
+var _FeSelfContainedInput = _interopRequireDefault(require("./components/FeSelfContainedInput"));
+
+var _FeTableCell = _interopRequireDefault(require("./components/FeTableCell"));
+
+var _FeTableHeaderCell = _interopRequireDefault(require("./components/FeTableHeaderCell"));
+
+var _FeTableRow = _interopRequireDefault(require("./components/FeTableRow"));
+
+var _FeTextEnrichment = _interopRequireDefault(require("./components/FeTextEnrichment"));
+
+var _FeToggle = _interopRequireDefault(require("./components/FeToggle"));
+
+var _FontAwesomeContext = _interopRequireDefault(require("./FontAwesomeContext"));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}

package/lib/core/utils/aria-role.js

@@ -0,0 +1,11 @@
+var Parent_CHILD_ROLE = {
+  'menubar': 'menuitem',
+  'menu': 'menuitem',
+  'menuitem': 'menu',
+  'listbox': 'option'
+};
+module.exports = {
+  getRole: function getRole(parent) {
+    return Parent_CHILD_ROLE[parent] || null;
+  }
+};