goblin-desktop 2.0.0 → 2.0.2

package/widgets/facet-checkbox/styles.js

@@ -1,17 +1,17 @@
-/******************************************************************************/
-
-export default function styles(theme) {
-  const button = {
-    'minHeight': '20px',
-    'maxHeight': '20px',
-    'padding': '0px 0px 0px 10px',
-    'display': 'flex',
-    'flexDirection': 'row',
-    ':hover': {
-      background: theme.palette.facetBackgroundHover,
-    },
-  };
-  return {button};
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export default function styles(theme) {
+  const button = {
+    'minHeight': '20px',
+    'maxHeight': '20px',
+    'padding': '0px 0px 0px 10px',
+    'display': 'flex',
+    'flexDirection': 'row',
+    ':hover': {
+      background: theme.palette.facetBackgroundHover,
+    },
+  };
+  return {button};
+}
+
+/******************************************************************************/

package/widgets/facet-checkbox/widget.js

@@ -1,43 +1,43 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import Label from 'goblin-gadgets/widgets/label/widget';
-
-/******************************************************************************/
-
-class FacetCheckbox extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    const {checked, text, onChange, count} = this.props;
-    const glyph = checked ? 'solid/check-square' : 'regular/square';
-
-    return (
-      <div className={this.styles.classNames.button} onClick={onChange}>
-        <Label
-          grow="1"
-          height="20px"
-          border="none"
-          justify="left"
-          wrap="no"
-          text={text}
-          glyph={glyph}
-        />
-        <Label text={count} />
-      </div>
-    );
-  }
-}
-
-/******************************************************************************/
-
-export default Widget.connect((state, props) => {
-  const checkbox = state
-    .get(`backend.${props.id}.checkboxes.${props.name}`)
-    ._state.get(props.value);
-  if (!checkbox) {
-    return {};
-  }
-  return {checked: checkbox.get('checked'), count: checkbox.get('count')};
-})(FacetCheckbox);
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import Label from 'goblin-gadgets/widgets/label/widget';
+
+/******************************************************************************/
+
+class FacetCheckbox extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    const {checked, text, onChange, count} = this.props;
+    const glyph = checked ? 'solid/check-square' : 'regular/square';
+
+    return (
+      <div className={this.styles.classNames.button} onClick={onChange}>
+        <Label
+          grow="1"
+          height="20px"
+          border="none"
+          justify="left"
+          wrap="no"
+          text={text}
+          glyph={glyph}
+        />
+        <Label text={count} />
+      </div>
+    );
+  }
+}
+
+/******************************************************************************/
+
+export default Widget.connect((state, props) => {
+  const checkbox = state
+    .get(`backend.${props.id}.checkboxes.${props.name}`)
+    ._state.get(props.value);
+  if (!checkbox) {
+    return {};
+  }
+  return {checked: checkbox.get('checked'), count: checkbox.get('count')};
+})(FacetCheckbox);

package/widgets/facet-filter/widget.js

@@ -1,94 +1,94 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import FacetFilterListDialog from 'goblin-desktop/widgets/facet-filter-list-dialog/widget';
-import FacetFilterRangeDialog from 'goblin-desktop/widgets/facet-filter-range-dialog/widget';
-import FacetFilterButton from 'goblin-desktop/widgets/facet-filter-button/widget';
-import FacetHelpers from '../helpers/facet-helpers';
-
-/******************************************************************************/
-
-export default class FacetFilter extends Widget {
-  constructor() {
-    super(...arguments);
-
-    this.state = {
-      showDialog: false,
-    };
-
-    this.onToggleShowDialog = this.onToggleShowDialog.bind(this);
-  }
-
-  //#region get/set
-  get showDialog() {
-    return this.state.showDialog;
-  }
-
-  set showDialog(value) {
-    this.setState({
-      showDialog: value,
-    });
-  }
-  //#endregion
-
-  onToggleShowDialog() {
-    this.showDialog = !this.showDialog;
-  }
-
-  /******************************************************************************/
-
-  renderDialog() {
-    if (!this.showDialog) {
-      return null;
-    }
-
-    const r = this.buttonNode.getBoundingClientRect();
-
-    if (FacetHelpers.isRange(this.props.type)) {
-      return (
-        <FacetFilterRangeDialog
-          id={this.props.id}
-          name={this.props.name}
-          type={this.props.type}
-          parentButtonRect={r}
-          onClose={this.onToggleShowDialog}
-        />
-      );
-    } else {
-      const schema = this.getSchema(this.props.entityType);
-      const prop = this.props.name.replace('/', '.');
-      const propInfos = schema.get(prop);
-      return (
-        <FacetFilterListDialog
-          id={this.props.id}
-          name={this.props.name}
-          type={this.props.type}
-          propInfos={propInfos}
-          parentButtonRect={r}
-          onClose={this.onToggleShowDialog}
-        />
-      );
-    }
-  }
-
-  render() {
-    const {name, displayName, facets} = this.props;
-    if (!facets) {
-      return null;
-    }
-
-    return (
-      <div ref={(node) => (this.buttonNode = node)}>
-        <FacetFilterButton
-          text={name}
-          displayName={displayName}
-          {...this.props}
-          active={this.showDialog}
-          onClick={this.onToggleShowDialog}
-        />
-        {this.renderDialog()}
-      </div>
-    );
-  }
-}
-
-/******************************************************************************/
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import FacetFilterListDialog from 'goblin-desktop/widgets/facet-filter-list-dialog/widget';
+import FacetFilterRangeDialog from 'goblin-desktop/widgets/facet-filter-range-dialog/widget';
+import FacetFilterButton from 'goblin-desktop/widgets/facet-filter-button/widget';
+import FacetHelpers from '../helpers/facet-helpers';
+
+/******************************************************************************/
+
+export default class FacetFilter extends Widget {
+  constructor() {
+    super(...arguments);
+
+    this.state = {
+      showDialog: false,
+    };
+
+    this.onToggleShowDialog = this.onToggleShowDialog.bind(this);
+  }
+
+  //#region get/set
+  get showDialog() {
+    return this.state.showDialog;
+  }
+
+  set showDialog(value) {
+    this.setState({
+      showDialog: value,
+    });
+  }
+  //#endregion
+
+  onToggleShowDialog() {
+    this.showDialog = !this.showDialog;
+  }
+
+  /******************************************************************************/
+
+  renderDialog() {
+    if (!this.showDialog) {
+      return null;
+    }
+
+    const r = this.buttonNode.getBoundingClientRect();
+
+    if (FacetHelpers.isRange(this.props.type)) {
+      return (
+        <FacetFilterRangeDialog
+          id={this.props.id}
+          name={this.props.name}
+          type={this.props.type}
+          parentButtonRect={r}
+          onClose={this.onToggleShowDialog}
+        />
+      );
+    } else {
+      const schema = this.getSchema(this.props.entityType);
+      const prop = this.props.name.replace('/', '.');
+      const propInfos = schema.get(prop);
+      return (
+        <FacetFilterListDialog
+          id={this.props.id}
+          name={this.props.name}
+          type={this.props.type}
+          propInfos={propInfos}
+          parentButtonRect={r}
+          onClose={this.onToggleShowDialog}
+        />
+      );
+    }
+  }
+
+  render() {
+    const {name, displayName, facets} = this.props;
+    if (!facets) {
+      return null;
+    }
+
+    return (
+      <div ref={(node) => (this.buttonNode = node)}>
+        <FacetFilterButton
+          text={name}
+          displayName={displayName}
+          {...this.props}
+          active={this.showDialog}
+          onClick={this.onToggleShowDialog}
+        />
+        {this.renderDialog()}
+      </div>
+    );
+  }
+}
+
+/******************************************************************************/

package/widgets/facet-filter-add/styles.js

@@ -1,30 +1,30 @@
-/******************************************************************************/
-
-export default function styles(theme) {
-  const facetFilterAddButton = {
-    'margin': '1px 0px',
-    'padding': '0px 10px',
-    'flexGrow': 1,
-    'display': 'flex',
-    'flexDirection': 'column',
-    'borderRadius': '2px',
-    'backgroundColor': theme.palette.light,
-    ':hover': {
-      backgroundColor: theme.palette.facetBackgroundHover,
-    },
-  };
-
-  const facetFilterAddButtonActive = {
-    ...facetFilterAddButton,
-    backgroundColor: theme.palette.facetBackgroundActive,
-  };
-
-  /******************************************************************************/
-
-  return {
-    facetFilterAddButton,
-    facetFilterAddButtonActive,
-  };
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export default function styles(theme) {
+  const facetFilterAddButton = {
+    'margin': '1px 0px',
+    'padding': '0px 10px',
+    'flexGrow': 1,
+    'display': 'flex',
+    'flexDirection': 'column',
+    'borderRadius': '2px',
+    'backgroundColor': theme.palette.light,
+    ':hover': {
+      backgroundColor: theme.palette.facetBackgroundHover,
+    },
+  };
+
+  const facetFilterAddButtonActive = {
+    ...facetFilterAddButton,
+    backgroundColor: theme.palette.facetBackgroundActive,
+  };
+
+  /******************************************************************************/
+
+  return {
+    facetFilterAddButton,
+    facetFilterAddButtonActive,
+  };
+}
+
+/******************************************************************************/

package/widgets/facet-filter-add/widget.js

@@ -1,105 +1,105 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import Label from 'goblin-gadgets/widgets/label/widget';
-import StateBrowserDialog from 'goblin-gadgets/widgets/state-browser-dialog/widget';
-import T from 't';
-import C from 'goblin-laboratory/widgets/connect-helpers/c';
-
-/******************************************************************************/
-
-class FacetFilterAdd extends Widget {
-  constructor() {
-    super(...arguments);
-
-    this.state = {
-      showDialog: false,
-    };
-
-    this.onAdd = this.onAdd.bind(this);
-    this.onToggleShowDialog = this.onToggleShowDialog.bind(this);
-  }
-
-  //#region get/set
-  get showDialog() {
-    return this.state.showDialog;
-  }
-
-  set showDialog(value) {
-    this.setState({
-      showDialog: value,
-    });
-  }
-  //#endregion
-
-  onAdd(value) {
-    this.showDialog = false;
-    // TODO
-  }
-
-  onToggleShowDialog() {
-    this.showDialog = !this.showDialog;
-  }
-
-  /******************************************************************************/
-
-  renderDialog() {
-    if (!this.showDialog) {
-      return null;
-    }
-
-    const rect = this.buttonNode.getBoundingClientRect();
-
-    const path = `backend.entity-schema@${this.props.type}`;
-    const state = C(path);
-
-    return (
-      <StateBrowserDialog
-        parentButtonRect={rect}
-        title={T('Ajouter un nouveau filtre')}
-        value=""
-        // filter={['markdown']}
-        state={state}
-        acceptGlyph="solid/plus"
-        acceptText={T('Ajouter')}
-        onAccept={this.onAdd}
-        onClose={this.onToggleShowDialog}
-      />
-    );
-  }
-
-  renderButton() {
-    const style = this.showDialog
-      ? this.styles.classNames.facetFilterAddButtonActive
-      : this.styles.classNames.facetFilterAddButton;
-
-    return (
-      <div className={style} onClick={this.onToggleShowDialog}>
-        <Label glyph="solid/plus" />
-      </div>
-    );
-  }
-
-  render() {
-    if (!this.props.prototypeMode) {
-      return null;
-    }
-
-    return (
-      <div ref={(node) => (this.buttonNode = node)}>
-        {this.renderButton()}
-        {this.renderDialog()}
-      </div>
-    );
-  }
-}
-
-/******************************************************************************/
-
-const FacetFilterAddConnected = Widget.connect((state) => {
-  const userSession = Widget.getUserSession(state);
-  const prototypeMode = userSession.get('prototypeMode');
-
-  return {prototypeMode};
-})(FacetFilterAdd);
-
-export default FacetFilterAddConnected;
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import Label from 'goblin-gadgets/widgets/label/widget';
+import StateBrowserDialog from 'goblin-gadgets/widgets/state-browser-dialog/widget';
+import T from 't';
+import C from 'goblin-laboratory/widgets/connect-helpers/c';
+
+/******************************************************************************/
+
+class FacetFilterAdd extends Widget {
+  constructor() {
+    super(...arguments);
+
+    this.state = {
+      showDialog: false,
+    };
+
+    this.onAdd = this.onAdd.bind(this);
+    this.onToggleShowDialog = this.onToggleShowDialog.bind(this);
+  }
+
+  //#region get/set
+  get showDialog() {
+    return this.state.showDialog;
+  }
+
+  set showDialog(value) {
+    this.setState({
+      showDialog: value,
+    });
+  }
+  //#endregion
+
+  onAdd(value) {
+    this.showDialog = false;
+    // TODO
+  }
+
+  onToggleShowDialog() {
+    this.showDialog = !this.showDialog;
+  }
+
+  /******************************************************************************/
+
+  renderDialog() {
+    if (!this.showDialog) {
+      return null;
+    }
+
+    const rect = this.buttonNode.getBoundingClientRect();
+
+    const path = `backend.entity-schema@${this.props.type}`;
+    const state = C(path);
+
+    return (
+      <StateBrowserDialog
+        parentButtonRect={rect}
+        title={T('Ajouter un nouveau filtre')}
+        value=""
+        // filter={['markdown']}
+        state={state}
+        acceptGlyph="solid/plus"
+        acceptText={T('Ajouter')}
+        onAccept={this.onAdd}
+        onClose={this.onToggleShowDialog}
+      />
+    );
+  }
+
+  renderButton() {
+    const style = this.showDialog
+      ? this.styles.classNames.facetFilterAddButtonActive
+      : this.styles.classNames.facetFilterAddButton;
+
+    return (
+      <div className={style} onClick={this.onToggleShowDialog}>
+        <Label glyph="solid/plus" />
+      </div>
+    );
+  }
+
+  render() {
+    if (!this.props.prototypeMode) {
+      return null;
+    }
+
+    return (
+      <div ref={(node) => (this.buttonNode = node)}>
+        {this.renderButton()}
+        {this.renderDialog()}
+      </div>
+    );
+  }
+}
+
+/******************************************************************************/
+
+const FacetFilterAddConnected = Widget.connect((state) => {
+  const userSession = Widget.getUserSession(state);
+  const prototypeMode = userSession.get('prototypeMode');
+
+  return {prototypeMode};
+})(FacetFilterAdd);
+
+export default FacetFilterAddConnected;