@desynova-digital/components 9.0.26 → 9.1.0

package/atoms/draftInputText/draftInputText.story.js

@@ -1,252 +1,203 @@
-'use strict';
+"use strict";
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _react3 = require('@storybook/react');
-
-var _storyHelpers = require('../../_helpers/story-helpers');
-
-var _components = require('../../components');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react3.storiesOf)('DraftInputText').add('light theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Appearances' },
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.DraftInputText, {
-        inputWidth: 300,
-        fieldType: 'inputField',
-        showLengthCount: true,
-        type: 'text',
-        label: 'First Name',
-        onKeyPress: function onKeyPress(e) {
-          return undefined.value = e;
-        },
-        onChange: function onChange(e) {
-          return console.log(e.html, e.size);
-        },
-        placeholder: 'Enter Name max 10',
-        maxLength: 1000,
-        value: 'asd',
-        required: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        type: 'password',
-        label: 'Middle Name',
-        minLength: 3,
-        maxLength: 6,
-        placeholder: 'Show as password',
-        required: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, { type: 'text', value: 'hello', label: 'Label and default value', required: true })
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.DraftInputText, { type: 'number', placeholder: 'number field & no Label', required: true, maxLength: 10 }),
-      _react2.default.createElement(_components.DraftInputText, {
-        type: 'number',
-        id: 'input-text-1',
-        label: 'Label \'For\'-\'id\' prop',
-        placeholder: 'No Label & Number Field',
-        required: true,
-        maxLength: 10
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        type: 'text',
-        value: 'No Label and default value',
-        onChange: function onChange(e) {
-          console.log('some Handler code');
-        },
-        placeholder: 'Placeholder text',
-        required: true
-      })
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.DraftInputText, {
-        type: 'number',
-        label: 'number & max 5',
-        placeholder: 'max length 5',
-        required: true,
-        minLength: 3,
-        maxLength: 5
-      }),
-      _react2.default.createElement(_components.DraftInputText, { type: 'text', error: 'Invalid text', placeholder: 'Display error', required: true }),
-      _react2.default.createElement(_components.DraftInputText, {
-        readOnly: true,
-        type: 'text',
-        value: 'hello',
-        onChange: function onChange(e) {
-          console.log('some Handler code');
-        },
-        placeholder: 'Placeholder text',
-        required: true
-      })
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.DraftInputText, {
-        type: 'password',
-        value: 'this@is$passw0rd',
-        placeholder: 'This is password toggle',
-        passwordButton: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        label: 'Label \'For\'-\'id\' prop',
-        type: 'password',
-        value: 'this@is$passw0rd',
-        placeholder: 'This is password toggle',
-        passwordButton: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        label: 'Label \'For\'-\'id\' ',
-        error: ' this is error',
-        type: 'password',
-        value: 'this@is$passw0rd',
-        placeholder: 'This is password toggle',
-        passwordButton: true
-      })
-    )
-  );
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _storyHelpers = require("../../_helpers/story-helpers");
+var _components = require("../../components");
+var _this = void 0;
+(0, _react2.storiesOf)('DraftInputText').add('light theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Appearances"
+  }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    inputWidth: 300,
+    fieldType: "inputField",
+    showLengthCount: true,
+    type: "text",
+    label: "First Name",
+    onKeyPress: function onKeyPress(e) {
+      return _this.value = e;
+    },
+    onChange: function onChange(e) {
+      return console.log(e.html, e.size);
+    },
+    placeholder: "Enter Name max 10",
+    maxLength: 1000,
+    value: "asd",
+    required: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    type: "password",
+    label: "Middle Name",
+    minLength: 3,
+    maxLength: 6,
+    placeholder: "Show as password",
+    required: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    type: "text",
+    value: 'hello',
+    label: "Label and default value",
+    required: true
+  })), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    type: "number",
+    placeholder: "number field & no Label",
+    required: true,
+    maxLength: 10
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    type: "number",
+    id: "input-text-1",
+    label: "Label 'For'-'id' prop",
+    placeholder: "No Label & Number Field",
+    required: true,
+    maxLength: 10
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    type: "text",
+    value: 'No Label and default value',
+    onChange: function onChange(e) {
+      console.log('some Handler code');
+    },
+    placeholder: "Placeholder text",
+    required: true
+  })), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    type: "number",
+    label: "number & max 5",
+    placeholder: "max length 5",
+    required: true,
+    minLength: 3,
+    maxLength: 5
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    type: "text",
+    error: 'Invalid text',
+    placeholder: "Display error",
+    required: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    readOnly: true,
+    type: "text",
+    value: 'hello',
+    onChange: function onChange(e) {
+      console.log('some Handler code');
+    },
+    placeholder: "Placeholder text",
+    required: true
+  })), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    type: "password",
+    value: "this@is$passw0rd",
+    placeholder: "This is password toggle",
+    passwordButton: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    label: "Label 'For'-'id' prop",
+    type: "password",
+    value: "this@is$passw0rd",
+    placeholder: "This is password toggle",
+    passwordButton: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    label: "Label 'For'-'id' ",
+    error: " this is error",
+    type: "password",
+    value: "this@is$passw0rd",
+    placeholder: "This is password toggle",
+    passwordButton: true
+  })));
 });
-
-(0, _react3.storiesOf)('DraftInputText').add('dark theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Appearances', background: 'dark' },
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.DraftInputText, {
-        inputWidth: 300,
-        theme: 'dark',
-        type: 'text',
-        label: 'First Name',
-        showLengthCount: true,
-        value: 'Lorem ',
-        maxLength: 200,
-        onChange: function onChange(e) {
-          return console.log(e.html, e.size);
-        },
-        placeholder: 'Enter Name max 10',
-        required: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        type: 'password',
-        label: 'Middle Name',
-        minLength: 3,
-        maxLength: 6,
-        placeholder: 'Show as password',
-        required: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        type: 'text',
-        value: 'hello there i am using',
-        label: 'Label and default value',
-        required: true,
-        autoFocus: false
-      })
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        type: 'number',
-        placeholder: 'number field & no Label',
-        required: true,
-        maxLength: 10
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        type: 'number',
-        id: 'input-text-1',
-        label: 'Label \'For\'-\'id\' prop',
-        placeholder: 'No Label & Number Field',
-        required: true,
-        maxLength: 10
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        capitalizeFirstLetter: true,
-        type: 'text',
-        value: 'no label and default value',
-        onChange: function onChange(e) {
-          console.log('some Handler code');
-        },
-        placeholder: 'Placeholder text',
-        required: true
-      })
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        type: 'number',
-        label: 'number & max 5',
-        placeholder: 'max length 5',
-        required: true,
-        minLength: 3,
-        maxLength: 5
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        type: 'text',
-        error: 'Invalid text',
-        placeholder: 'Display error',
-        required: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        readOnly: true,
-        type: 'text',
-        value: 'hello',
-        onChange: function onChange(e) {
-          console.log('some Handler code');
-        },
-        placeholder: 'Placeholder text',
-        required: true
-      })
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        type: 'password',
-        value: 'this@is$passw0rd',
-        placeholder: 'This is password toggle',
-        passwordButton: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        label: 'Label \'For\'-\'id\' prop',
-        type: 'password',
-        value: 'this@is$passw0rd',
-        placeholder: 'This is password toggle',
-        passwordButton: true
-      }),
-      _react2.default.createElement(_components.DraftInputText, {
-        theme: 'dark',
-        label: 'Label \'For\'-\'id\' ',
-        error: ' this is error',
-        type: 'password',
-        value: 'this@is$passw0rd',
-        placeholder: 'This is password toggle',
-        passwordButton: true
-      })
-    )
-  );
+(0, _react2.storiesOf)('DraftInputText').add('dark theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Appearances",
+    background: "dark"
+  }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    inputWidth: 300,
+    theme: "dark",
+    type: "text",
+    label: "First Name",
+    showLengthCount: true,
+    value: 'Lorem ',
+    maxLength: 200,
+    onChange: function onChange(e) {
+      return console.log(e.html, e.size);
+    },
+    placeholder: "Enter Name max 10",
+    required: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    type: "password",
+    label: "Middle Name",
+    minLength: 3,
+    maxLength: 6,
+    placeholder: "Show as password",
+    required: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    type: "text",
+    value: 'hello there i am using',
+    label: "Label and default value",
+    required: true,
+    autoFocus: false
+  })), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    type: "number",
+    placeholder: "number field & no Label",
+    required: true,
+    maxLength: 10
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    type: "number",
+    id: "input-text-1",
+    label: "Label 'For'-'id' prop",
+    placeholder: "No Label & Number Field",
+    required: true,
+    maxLength: 10
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    capitalizeFirstLetter: true,
+    type: "text",
+    value: 'no label and default value',
+    onChange: function onChange(e) {
+      console.log('some Handler code');
+    },
+    placeholder: "Placeholder text",
+    required: true
+  })), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    type: "number",
+    label: "number & max 5",
+    placeholder: "max length 5",
+    required: true,
+    minLength: 3,
+    maxLength: 5
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    type: "text",
+    error: 'Invalid text',
+    placeholder: "Display error",
+    required: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    readOnly: true,
+    type: "text",
+    value: 'hello',
+    onChange: function onChange(e) {
+      console.log('some Handler code');
+    },
+    placeholder: "Placeholder text",
+    required: true
+  })), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    type: "password",
+    value: "this@is$passw0rd",
+    placeholder: "This is password toggle",
+    passwordButton: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    label: "Label 'For'-'id' prop",
+    type: "password",
+    value: "this@is$passw0rd",
+    placeholder: "This is password toggle",
+    passwordButton: true
+  }), /*#__PURE__*/_react["default"].createElement(_components.DraftInputText, {
+    theme: "dark",
+    label: "Label 'For'-'id' ",
+    error: " this is error",
+    type: "password",
+    value: "this@is$passw0rd",
+    placeholder: "This is password toggle",
+    passwordButton: true
+  })));
 });

package/atoms/draftInputText/index.js

@@ -1,13 +1,9 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _draftInputText = require('./draftInputText');
-
-var _draftInputText2 = _interopRequireDefault(_draftInputText);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _draftInputText2.default;
+exports["default"] = void 0;
+var _draftInputText = _interopRequireDefault(require("./draftInputText"));
+var _default = exports["default"] = _draftInputText["default"];

package/atoms/dropdown/dropdown.js

@@ -1,42 +1,31 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _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; };
-
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _templateObject = _taggedTemplateLiteral(['\n  display:', ';\n  position:', ';\n  top:', ';\n  left:', ';\n'], ['\n  display:', ';\n  position:', ';\n  top:', ';\n  left:', ';\n']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _templateObject;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var propTypes = {
-  setDropDownRef: _propTypes2.default.func
+  setDropDownRef: _propTypes["default"].func
 };
-
-var DropdownElement = _styledComponents2.default.div(_templateObject, function (props) {
+var DropdownElement = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display:", ";\n  position:", ";\n  top:", ";\n  left:", ";\n"])), function (props) {
   return props.show ? props.style && props.style.display ? props.style.display : 'block' : 'none';
 }, function (props) {
   return props.style && props.style.position ? props.style.position : 'relative';
@@ -45,53 +34,36 @@ var DropdownElement = _styledComponents2.default.div(_templateObject, function (
 }, function (props) {
   return props.style && props.style.left ? props.style.left : '';
 });
-
-var Dropdown = function (_Component) {
-  _inherits(Dropdown, _Component);
-
+var Dropdown = exports["default"] = /*#__PURE__*/function (_Component) {
   function Dropdown(props) {
-    _classCallCheck(this, Dropdown);
-
-    var _this = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, props));
-
-    _this.componentDidMount = function () {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Dropdown);
+    _this = _callSuper(this, Dropdown, [props]);
+    (0, _defineProperty2["default"])(_this, "componentDidMount", function () {
       if (_this.dropDownRef.current || !_this.sentRef) {
         var setDropDownRef = _this.props.setDropDownRef;
-
         _this.sentRef = true;
         if (setDropDownRef) {
           setDropDownRef(_this.dropDownRef);
         }
       }
-    };
-
-    _this.dropDownRef = _react2.default.createRef();
+    });
+    _this.dropDownRef = /*#__PURE__*/_react["default"].createRef();
     _this.state = {};
     _this.sentRef = false;
     return _this;
   }
-
-  _createClass(Dropdown, [{
-    key: 'render',
+  (0, _inherits2["default"])(Dropdown, _Component);
+  return (0, _createClass2["default"])(Dropdown, [{
+    key: "render",
     value: function render() {
-      var _props = this.props,
-          show = _props.show,
-          children = _props.children;
-
-      return _react2.default.createElement(
-        DropdownElement,
-        _extends({}, this.props, {
-          ref: this.dropDownRef
-        }),
-        show ? children : null
-      );
+      var _this$props = this.props,
+        show = _this$props.show,
+        children = _this$props.children;
+      return /*#__PURE__*/_react["default"].createElement(DropdownElement, (0, _extends2["default"])({}, this.props, {
+        ref: this.dropDownRef
+      }), show ? children : null);
     }
   }]);
-
-  return Dropdown;
 }(_react.Component);
-
-exports.default = Dropdown;
-
-
 Dropdown.propTypes = propTypes;