goblin-gadgets 3.2.2 → 3.2.3

package/widgets/text-input-info-nc/props.js

@@ -1,62 +1,62 @@
-import {types, addType} from 'goblin-gadgets/types/types.js';
-import PropTypes from 'prop-types';
-import textInputNCProps from '../text-input-nc/props';
-
-/******************************************************************************/
-
-addType('checkFunction', {
-  type: 'checkFunction',
-  widget: 'combo',
-  restrictsToList: true,
-  samples: [
-    {id: 'T1', text: 'Test length 5/10/15'},
-    {id: 'T2', text: 'Test empty'},
-    {id: 'T3', text: 'Test password'},
-  ],
-  samplesData: {
-    T1: function (value) {
-      if (value && value.length >= 15) {
-        return {info: 'Attention', warning: 'Vraiment trop long !'};
-      } else if (value && value.length >= 10) {
-        return {warning: 'Trop long'};
-      } else if (value && value.length >= 5) {
-        return {info: 'Bientôt trop long'};
-      }
-    },
-    T2: function (value) {
-      if (!value) {
-        return {warning: 'Donnez une valeur'};
-      }
-    },
-    T3: function (value) {
-      if (!value) {
-        return {info: 'Donnez votre mot de passe'};
-      } else if (value && value.length < 8) {
-        return {warning: 'Mot de passe trop court'};
-      }
-    },
-  },
-  propType: PropTypes.func,
-});
-
-/******************************************************************************/
-
-export default [
-  {
-    name: 'check',
-    group: 'info',
-    type: types.checkFunction,
-    description: 'Function to validate the text entered by the user.',
-  },
-  {
-    name: 'warning',
-    group: 'info',
-    type: types.nabu,
-  },
-  {
-    name: 'info',
-    group: 'info',
-    type: types.nabu,
-  },
-  ...textInputNCProps,
-];
+import {types, addType} from 'goblin-gadgets/types/types.js';
+import PropTypes from 'prop-types';
+import textInputNCProps from '../text-input-nc/props';
+
+/******************************************************************************/
+
+addType('checkFunction', {
+  type: 'checkFunction',
+  widget: 'combo',
+  restrictsToList: true,
+  samples: [
+    {id: 'T1', text: 'Test length 5/10/15'},
+    {id: 'T2', text: 'Test empty'},
+    {id: 'T3', text: 'Test password'},
+  ],
+  samplesData: {
+    T1: function (value) {
+      if (value && value.length >= 15) {
+        return {info: 'Attention', warning: 'Vraiment trop long !'};
+      } else if (value && value.length >= 10) {
+        return {warning: 'Trop long'};
+      } else if (value && value.length >= 5) {
+        return {info: 'Bientôt trop long'};
+      }
+    },
+    T2: function (value) {
+      if (!value) {
+        return {warning: 'Donnez une valeur'};
+      }
+    },
+    T3: function (value) {
+      if (!value) {
+        return {info: 'Donnez votre mot de passe'};
+      } else if (value && value.length < 8) {
+        return {warning: 'Mot de passe trop court'};
+      }
+    },
+  },
+  propType: PropTypes.func,
+});
+
+/******************************************************************************/
+
+export default [
+  {
+    name: 'check',
+    group: 'info',
+    type: types.checkFunction,
+    description: 'Function to validate the text entered by the user.',
+  },
+  {
+    name: 'warning',
+    group: 'info',
+    type: types.nabu,
+  },
+  {
+    name: 'info',
+    group: 'info',
+    type: types.nabu,
+  },
+  ...textInputNCProps,
+];

package/widgets/text-input-info-nc/widget.js

@@ -1,55 +1,55 @@
-import React from 'react';
-import props from './props';
-import {registerWidget} from 'goblin-gadgets/widgets/widget-doc/widget-list';
-import Widget from 'goblin-laboratory/widgets/widget';
-import TextInputNC from '../text-input-nc/widget';
-import FlyingBalloon from 'goblin-gadgets/widgets/flying-balloon/widget';
-
-/******************************************************************************/
-
-export default class TextInputInfoNC extends Widget {
-  renderFlyingBalloon() {
-    let warning = this.props.warning;
-    let info = this.props.info;
-
-    if (this.props.check) {
-      const checkProps = this.props.check(this.props.value);
-      if (checkProps) {
-        warning = checkProps.warning;
-        info = checkProps.info;
-      }
-    }
-
-    if (warning || info) {
-      const trianglePosition = {
-        bottom: 'top',
-        top: 'bottom',
-        left: 'right',
-        right: 'left',
-        undefined: 'top',
-      }[this.props.flyingBalloonAnchor];
-
-      return (
-        <FlyingBalloon
-          width="150%"
-          maxWidth="500px"
-          primaryText={warning}
-          secondaryText={info}
-          trianglePosition={trianglePosition}
-        />
-      );
-    } else {
-      return null;
-    }
-  }
-
-  render() {
-    return (
-      <TextInputNC {...this.props}>{this.renderFlyingBalloon()}</TextInputNC>
-    );
-  }
-}
-
-/******************************************************************************/
-
-registerWidget(TextInputInfoNC, props, null, false);
+import React from 'react';
+import props from './props';
+import {registerWidget} from 'goblin-gadgets/widgets/widget-doc/widget-list';
+import Widget from 'goblin-laboratory/widgets/widget';
+import TextInputNC from '../text-input-nc/widget';
+import FlyingBalloon from 'goblin-gadgets/widgets/flying-balloon/widget';
+
+/******************************************************************************/
+
+export default class TextInputInfoNC extends Widget {
+  renderFlyingBalloon() {
+    let warning = this.props.warning;
+    let info = this.props.info;
+
+    if (this.props.check) {
+      const checkProps = this.props.check(this.props.value);
+      if (checkProps) {
+        warning = checkProps.warning;
+        info = checkProps.info;
+      }
+    }
+
+    if (warning || info) {
+      const trianglePosition = {
+        bottom: 'top',
+        top: 'bottom',
+        left: 'right',
+        right: 'left',
+        undefined: 'top',
+      }[this.props.flyingBalloonAnchor];
+
+      return (
+        <FlyingBalloon
+          width="150%"
+          maxWidth="500px"
+          primaryText={warning}
+          secondaryText={info}
+          trianglePosition={trianglePosition}
+        />
+      );
+    } else {
+      return null;
+    }
+  }
+
+  render() {
+    return (
+      <TextInputNC {...this.props}>{this.renderFlyingBalloon()}</TextInputNC>
+    );
+  }
+}
+
+/******************************************************************************/
+
+registerWidget(TextInputInfoNC, props, null, false);

package/widgets/text-input-nc/props.js

@@ -1,143 +1,143 @@
-import {types} from 'goblin-gadgets/types/types.js';
-
-export default [
-  // Aspect.
-  {
-    name: 'inputType',
-    group: 'aspect',
-    type: types.enum(['', 'textarea', 'password']),
-  },
-  {
-    name: 'active',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'required',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'wrong',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'disabled',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'tooltip',
-    group: 'aspect',
-    type: types.nabu,
-  },
-  {
-    name: 'shape',
-    group: 'aspect',
-    type: types.shape,
-  },
-  {
-    name: 'show',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'visibility',
-    group: 'aspect',
-    type: types.bool,
-  },
-
-  // Event.
-  {
-    name: 'onUpDown',
-    group: 'event',
-    type: types.function,
-  },
-  {
-    name: 'onChange',
-    group: 'event',
-    type: types.function,
-  },
-  {
-    name: 'onFocus',
-    group: 'event',
-    type: types.function,
-  },
-  {
-    name: 'onBlur',
-    group: 'event',
-    type: types.function,
-  },
-  {
-    name: 'onValidate',
-    group: 'event',
-    type: types.function,
-    description: 'When "enter" is pressed.',
-  },
-
-  // Text.
-  {
-    name: 'value',
-    group: 'text',
-    type: types.nabu,
-  },
-  {
-    name: 'hintText',
-    group: 'text',
-    type: types.nabu,
-  },
-  {
-    name: 'readonly',
-    group: 'text',
-    type: types.bool,
-  },
-  {
-    name: 'rows',
-    group: 'text',
-    type: types.number,
-    min: 1,
-    max: 20,
-  },
-  {
-    name: 'autoRows',
-    group: 'text',
-    type: types.bool,
-  },
-  {
-    name: 'minRows',
-    group: 'text',
-    type: types.number,
-    min: 0,
-  },
-  {
-    name: 'maxRows',
-    group: 'text',
-    type: types.number,
-    min: 1,
-  },
-  {
-    name: 'justify',
-    group: 'text',
-    type: types.textJustify,
-  },
-
-  // Layout.
-  {
-    name: 'width',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-  {
-    name: 'stretchHeight',
-    group: 'layout',
-    type: types.bool,
-  },
-  {
-    name: 'grow',
-    group: 'layout',
-    type: types.grow,
-  },
-];
+import {types} from 'goblin-gadgets/types/types.js';
+
+export default [
+  // Aspect.
+  {
+    name: 'inputType',
+    group: 'aspect',
+    type: types.enum(['', 'textarea', 'password']),
+  },
+  {
+    name: 'active',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'required',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'wrong',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'disabled',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'tooltip',
+    group: 'aspect',
+    type: types.nabu,
+  },
+  {
+    name: 'shape',
+    group: 'aspect',
+    type: types.shape,
+  },
+  {
+    name: 'show',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'visibility',
+    group: 'aspect',
+    type: types.bool,
+  },
+
+  // Event.
+  {
+    name: 'onUpDown',
+    group: 'event',
+    type: types.function,
+  },
+  {
+    name: 'onChange',
+    group: 'event',
+    type: types.function,
+  },
+  {
+    name: 'onFocus',
+    group: 'event',
+    type: types.function,
+  },
+  {
+    name: 'onBlur',
+    group: 'event',
+    type: types.function,
+  },
+  {
+    name: 'onValidate',
+    group: 'event',
+    type: types.function,
+    description: 'When "enter" is pressed.',
+  },
+
+  // Text.
+  {
+    name: 'value',
+    group: 'text',
+    type: types.nabu,
+  },
+  {
+    name: 'hintText',
+    group: 'text',
+    type: types.nabu,
+  },
+  {
+    name: 'readonly',
+    group: 'text',
+    type: types.bool,
+  },
+  {
+    name: 'rows',
+    group: 'text',
+    type: types.number,
+    min: 1,
+    max: 20,
+  },
+  {
+    name: 'autoRows',
+    group: 'text',
+    type: types.bool,
+  },
+  {
+    name: 'minRows',
+    group: 'text',
+    type: types.number,
+    min: 0,
+  },
+  {
+    name: 'maxRows',
+    group: 'text',
+    type: types.number,
+    min: 1,
+  },
+  {
+    name: 'justify',
+    group: 'text',
+    type: types.textJustify,
+  },
+
+  // Layout.
+  {
+    name: 'width',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+  {
+    name: 'stretchHeight',
+    group: 'layout',
+    type: types.bool,
+  },
+  {
+    name: 'grow',
+    group: 'layout',
+    type: types.grow,
+  },
+];

package/widgets/text-input-nc/scenarios.js

@@ -1,44 +1,44 @@
-export default [
-  {
-    name: 'hint',
-    props: {
-      hintText: 'Client',
-      tooltip: 'Client pour la livraison',
-    },
-  },
-  {
-    name: 'readonly',
-    props: {
-      readonly: true,
-      value: 'Colis AT-25 (25x25x65cm)',
-      tooltip: 'Colis',
-    },
-  },
-  {
-    name: 'required',
-    props: {
-      required: true,
-      tooltip: 'Adresse de facturation',
-    },
-  },
-  {
-    name: 'rounded',
-    props: {
-      shape: 'rounded',
-      hintText: 'Recherche',
-    },
-  },
-  {
-    name: 'quantity',
-    props: {
-      width: '100px',
-      justify: 'right',
-      value: '5.2',
-      tooltip: 'Quantité',
-    },
-  },
-  {
-    name: 'empty',
-    props: {},
-  },
-];
+export default [
+  {
+    name: 'hint',
+    props: {
+      hintText: 'Client',
+      tooltip: 'Client pour la livraison',
+    },
+  },
+  {
+    name: 'readonly',
+    props: {
+      readonly: true,
+      value: 'Colis AT-25 (25x25x65cm)',
+      tooltip: 'Colis',
+    },
+  },
+  {
+    name: 'required',
+    props: {
+      required: true,
+      tooltip: 'Adresse de facturation',
+    },
+  },
+  {
+    name: 'rounded',
+    props: {
+      shape: 'rounded',
+      hintText: 'Recherche',
+    },
+  },
+  {
+    name: 'quantity',
+    props: {
+      width: '100px',
+      justify: 'right',
+      value: '5.2',
+      tooltip: 'Quantité',
+    },
+  },
+  {
+    name: 'empty',
+    props: {},
+  },
+];