feat: initial commit

2022-07-04 10:47:36 +02:00
commit d6fde78f8d
1058 changed files with 462301 additions and 0 deletions
@@ -0,0 +1,103 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from "../../../../common/keycloak/web_modules/react.js";
+import { Select, SelectOption, SelectVariant } from "../../../../common/keycloak/web_modules/@patternfly/react-core.js";
+import { Msg } from "../../widgets/Msg.js";
+
+class ScopeValue {
+  constructor(value) {
+    _defineProperty(this, "value", void 0);
+
+    this.value = value;
+  }
+
+  toString() {
+    return this.value.displayName ? this.value.displayName : this.value.name;
+  }
+
+  compareTo(selectOption) {
+    return selectOption.name === this.value.name;
+  }
+
+}
+
+export class PermissionSelect extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "onSelect", (_event, selection) => {
+      const {
+        selected
+      } = this.state;
+      const {
+        onSelect
+      } = this.props;
+
+      if (selected.includes(selection)) {
+        this.setState(prevState => ({
+          selected: prevState.selected.filter(item => item !== selection)
+        }), () => onSelect(this.state.selected.map(sv => sv.value)));
+      } else {
+        this.setState(prevState => ({
+          selected: [...prevState.selected, selection]
+        }), () => onSelect(this.state.selected.map(sv => sv.value)));
+      }
+    });
+
+    _defineProperty(this, "onToggle", isExpanded => {
+      this.setState({
+        isExpanded
+      });
+    });
+
+    _defineProperty(this, "clearSelection", () => {
+      this.setState({
+        selected: [],
+        isExpanded: false
+      });
+      this.props.onSelect([]);
+    });
+
+    let values = [];
+
+    if (this.props.selected) {
+      values = this.props.selected.map(s => new ScopeValue(s));
+    }
+
+    this.state = {
+      isExpanded: false,
+      selected: values,
+      scopes: this.props.scopes.map((option, index) => /*#__PURE__*/React.createElement(SelectOption, {
+        key: index,
+        value: values.find(s => s.compareTo(option)) || new ScopeValue(option)
+      }))
+    };
+  }
+
+  render() {
+    const {
+      isExpanded,
+      selected
+    } = this.state;
+    const titleId = 'permission-id';
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      id: titleId,
+      hidden: true
+    }, /*#__PURE__*/React.createElement(Msg, {
+      msgKey: "selectPermissions"
+    })), /*#__PURE__*/React.createElement(Select, {
+      direction: this.props.direction || 'down',
+      variant: SelectVariant.typeaheadMulti,
+      typeAheadAriaLabel: Msg.localize("selectPermissions"),
+      onToggle: this.onToggle,
+      onSelect: this.onSelect,
+      onClear: this.clearSelection,
+      selections: selected,
+      isOpen: isExpanded,
+      "aria-labelledby": titleId,
+      placeholderText: Msg.localize("selectPermissions")
+    }, this.state.scopes));
+  }
+
+}
+//# sourceMappingURL=PermissionSelect.js.map