@ohos-ports/sprucelabs-react-heartwood-components 9.1.0-beta.0

package/lib/components/Forms/components/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/Radio/Radio.tsx"],"names":["RadioIconYes","RadioIconNo","Radio","props","action","className","id","isChecked","isDisabled","label","name","onAction","onChange","postText","parentClass","undefined"],"mappings":";;;;;;;;;AACA;;AACA;;IACOA,Y,YAAAA,Y;;;;;;;;AAAAA,Y;;;;;;;IACAC,W,YAAAA,W;;;;;;;;AAAAA,W;;;;;;;AAgBP,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAA4C;AAAA,MAExDC,MAFwD,GAYrDD,KAZqD,CAExDC,MAFwD;AAAA,MAGxDC,SAHwD,GAYrDF,KAZqD,CAGxDE,SAHwD;AAAA,MAIxDC,EAJwD,GAYrDH,KAZqD,CAIxDG,EAJwD;AAAA,MAKxDC,SALwD,GAYrDJ,KAZqD,CAKxDI,SALwD;AAAA,MAMxDC,UANwD,GAYrDL,KAZqD,CAMxDK,UANwD;AAAA,MAOxDC,KAPwD,GAYrDN,KAZqD,CAOxDM,KAPwD;AAAA,MAQxDC,IARwD,GAYrDP,KAZqD,CAQxDO,IARwD;AAAA,MASxDC,QATwD,GAYrDR,KAZqD,CASxDQ,QATwD;AAAA,MAUxDC,SAVwD,GAYrDT,KAZqD,CAUxDS,QAVwD;AAAA,MAWxDC,QAXwD,GAYrDV,KAZqD,CAWxDU,QAXwD;AAazD,MAAMC,WAAW,GAAG,4BAAG,eAAH,EAAoBT,SAApB,CAApB;AACA,SACC;AAAK,IAAA,SAAS,EAAES;AAAhB,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,OAAO,EAAEP,SAAS,IAAI,KADvB;AAEC,IAAA,SAAS,EAAC,sBAFX;AAGC,IAAA,QAAQ,EAAEC,UAAU,IAAI,KAHzB;AAIC,IAAA,EAAE,EAAEF,EAJL;AAKC,IAAA,IAAI,EAAEI,IAAI,IAAIK,SALf;AAMC,IAAA,QAAQ,EAAE,oBAAa;AACtB,UAAIH,SAAJ,EAAc;AACbA,QAAAA,SAAQ,MAAR;AACA;;AAED,UAAID,QAAQ,IAAIP,MAAhB,EAAwB;AACvBO,QAAAA,QAAQ,CAACP,MAAD,CAAR;AACA;AACD,KAdF;AAeC,IAAA,IAAI,EAAC;AAfN,IADD,EAkBC;AAAO,IAAA,SAAS,EAAC,sBAAjB;AAAwC,IAAA,OAAO,EAAEE;AAAjD,KACEG,KADF,CAlBD,EAqBC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,gCAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,IADD,EAEC,gCAAC,WAAD;AAAa,IAAA,SAAS,EAAC;AAAvB,IAFD,CArBD,CADD,EA2BEI,QAAQ,IAAI;AAAG,IAAA,SAAS,EAAC;AAAb,KAAyCA,QAAzC,CA3Bd,CADD;AA+BA,CA7CD;;eA+CeX,K","sourcesContent":["import { IHWAction, IHWRadio } from '@sprucelabs/spruce-types'\nimport cx from 'classnames'\nimport React from 'react'\nimport RadioIconYes from '../../../../../static/assets/icons/ic_radio_button_checked.svg'\nimport RadioIconNo from '../../../../../static/assets/icons/ic_radio_button_unchecked.svg'\n\nexport interface IRadioProps extends Omit<IHWRadio, 'id'> {\n\t/** optional id for the radio */\n\tid?: string\n\n\t/** Parent class */\n\tclassName?: string\n\n\t/** Change handler */\n\tonChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n\n\t/** optional, provide a handler for Actions */\n\tonAction?: (action: IHWAction) => any\n}\n\nconst Radio = (props: IRadioProps): React.ReactElement => {\n\tconst {\n\t\taction,\n\t\tclassName,\n\t\tid,\n\t\tisChecked,\n\t\tisDisabled,\n\t\tlabel,\n\t\tname,\n\t\tonAction,\n\t\tonChange,\n\t\tpostText\n\t} = props\n\tconst parentClass = cx('checkbox-item', className)\n\treturn (\n\t\t<div className={parentClass}>\n\t\t\t<div className=\"checkbox-item__inner\">\n\t\t\t\t<input\n\t\t\t\t\tchecked={isChecked || false}\n\t\t\t\t\tclassName=\"checkbox-item__input\"\n\t\t\t\t\tdisabled={isDisabled || false}\n\t\t\t\t\tid={id}\n\t\t\t\t\tname={name || undefined}\n\t\t\t\t\tonChange={(...args) => {\n\t\t\t\t\t\tif (onChange) {\n\t\t\t\t\t\t\tonChange(...args)\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (onAction && action) {\n\t\t\t\t\t\t\tonAction(action)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t/>\n\t\t\t\t<label className=\"checkbox-item__label\" htmlFor={id}>\n\t\t\t\t\t{label}\n\t\t\t\t</label>\n\t\t\t\t<div className=\"checkbox-item__icons\">\n\t\t\t\t\t<RadioIconYes className=\"checkbox-item__icon checkbox-item__icon-yes\" />\n\t\t\t\t\t<RadioIconNo className=\"checkbox-item__icon checkbox-item__icon-no\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{postText && <p className=\"checkbox-item__post-text\">{postText}</p>}\n\t\t</div>\n\t)\n}\n\nexport default Radio\n"],"file":"Radio.js"}

package/lib/components/Forms/components/Search/Search.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _FormPartials = require("../../FormPartials");
+
+var Search =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Search, _Component);
+
+  function Search() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Search);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Search)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      value: _this.props.defaultValue || ''
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (e) {
+      var value = e.target.value;
+
+      _this.setState({
+        value: value
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClear", function () {
+      _this.setState({
+        value: ''
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Search, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          className = _this$props.className,
+          isSmall = _this$props.isSmall,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, ["className", "isSmall"]);
+      var value = this.state.value;
+      return _react["default"].createElement("div", {
+        className: (0, _classnames["default"])('text-input', className, {
+          'text-input-small': isSmall
+        })
+      }, _react["default"].createElement(_FormPartials.InputInner, (0, _extends2["default"])({
+        iconBefore: "search",
+        iconAfter: value && value.length > 0 && 'cancel',
+        onChange: this.handleChange,
+        value: value,
+        handleClear: this.handleClear
+      }, rest)));
+    }
+  }]);
+  return Search;
+}(_react.Component);
+
+exports["default"] = Search;
+//# sourceMappingURL=Search.js.map

package/lib/components/Forms/components/Search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/Search/Search.js"],"names":["Search","value","props","defaultValue","e","target","setState","className","isSmall","rest","state","length","handleChange","handleClear","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;IAiBqBA,M;;;;;;;;;;;;;;;;;8FACZ;AACPC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWC,YAAX,IAA2B;AAD3B,K;qGAIO,UAACC,CAAD,EAAY;AAC1B,UAAMH,KAAK,GAAGG,CAAC,CAACC,MAAF,CAASJ,KAAvB;;AACA,YAAKK,QAAL,CAAc;AACbL,QAAAA,KAAK,EAALA;AADa,OAAd;AAGA,K;oGAEa,YAAM;AACnB,YAAKK,QAAL,CAAc;AACbL,QAAAA,KAAK,EAAE;AADM,OAAd;AAGA,K;;;;;;6BAEQ;AAAA,wBACgC,KAAKC,KADrC;AAAA,UACAK,SADA,eACAA,SADA;AAAA,UACWC,OADX,eACWA,OADX;AAAA,UACuBC,IADvB;AAAA,UAEAR,KAFA,GAEU,KAAKS,KAFf,CAEAT,KAFA;AAGR,aACC;AACC,QAAA,SAAS,EAAE,4BAAG,YAAH,EAAiBM,SAAjB,EAA4B;AAAE,8BAAoBC;AAAtB,SAA5B;AADZ,SAGC,gCAAC,wBAAD;AACC,QAAA,UAAU,EAAC,QADZ;AAEC,QAAA,SAAS,EAAEP,KAAK,IAAIA,KAAK,CAACU,MAAN,GAAe,CAAxB,IAA6B,QAFzC;AAGC,QAAA,QAAQ,EAAE,KAAKC,YAHhB;AAIC,QAAA,KAAK,EAAEX,KAJR;AAKC,QAAA,WAAW,EAAE,KAAKY;AALnB,SAMKJ,IANL,EAHD,CADD;AAcA;;;EAnCkCK,gB","sourcesContent":["// @flow\nimport React, { Component } from 'react'\nimport cx from 'classnames'\nimport { InputInner } from '../../FormPartials'\n\ntype State = {\n\tvalue: string\n}\n\ntype Props = {\n\t/** Parent class */\n\tclassName: string,\n\n\t/** Default input value */\n\tdefaultValue: ?string,\n\n\t/** Set true to make the input less tall */\n\tisSmall?: boolean\n}\n\nexport default class Search extends Component<Props, State> {\n\tstate = {\n\t\tvalue: this.props.defaultValue || ''\n\t}\n\n\thandleChange = (e: any) => {\n\t\tconst value = e.target.value\n\t\tthis.setState({\n\t\t\tvalue\n\t\t})\n\t}\n\n\thandleClear = () => {\n\t\tthis.setState({\n\t\t\tvalue: ''\n\t\t})\n\t}\n\n\trender() {\n\t\tconst { className, isSmall, ...rest } = this.props\n\t\tconst { value } = this.state\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cx('text-input', className, { 'text-input-small': isSmall })}\n\t\t\t>\n\t\t\t\t<InputInner\n\t\t\t\t\ticonBefore=\"search\"\n\t\t\t\t\ticonAfter={value && value.length > 0 && 'cancel'}\n\t\t\t\t\tonChange={this.handleChange}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\thandleClear={this.handleClear}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t)\n\t}\n}\n"],"file":"Search.js"}

package/lib/components/Forms/components/Select/Select.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _FormPartials = require("../../FormPartials");
+
+var ArrowIcon = function ArrowIcon(props) {
+  return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7 10l5 5 5-5H7z"
+  }));
+};
+
+ArrowIcon.defaultProps = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var Select = function Select(props) {
+  var id = props.id,
+      _props$options = props.options,
+      options = _props$options === void 0 ? {} : _props$options,
+      isSimple = props.isSimple,
+      className = props.className,
+      label = props.label,
+      placeholder = props.placeholder,
+      postLabel = props.postLabel,
+      error = props.error,
+      helper = props.helper,
+      rest = (0, _objectWithoutProperties2["default"])(props, ["id", "options", "isSimple", "className", "label", "placeholder", "postLabel", "error", "helper"]);
+  var parentClass = (0, _classnames["default"])('select text-input__inner', className, {
+    'select-simple': isSimple,
+    'select--has-error': error
+  });
+  var defaultSelectProps = {};
+  var defaultOptionProps = {}; // For uncontrolled Select, we'll create a default value for the placeholder.
+  // For controlled Select, we'll require that the value be defaulted to
+  //   empty-string in order to set the placeholder.
+
+  if (!props.value) {
+    defaultSelectProps = {
+      defaultValue: '__DEFAULT'
+    };
+    defaultOptionProps = {
+      value: '__DEFAULT'
+    };
+  } else {
+    defaultOptionProps = {
+      value: ''
+    };
+  }
+
+  return _react["default"].createElement("div", {
+    className: "select-wrapper"
+  }, label && _react["default"].createElement(_FormPartials.InputPre, {
+    id: id,
+    label: label,
+    postLabel: postLabel
+  }), _react["default"].createElement("div", {
+    className: parentClass
+  }, _react["default"].createElement("select", (0, _extends2["default"])({}, defaultSelectProps, rest), placeholder && _react["default"].createElement("option", (0, _extends2["default"])({}, defaultOptionProps, {
+    key: "placeholder",
+    disabled: true
+  }), placeholder), Object.keys(options).map(function (key) {
+    return _react["default"].createElement("option", {
+      value: key,
+      key: "".concat(key)
+    }, options[key]);
+  })), !isSimple && _react["default"].createElement(ArrowIcon, {
+    className: "select__icon"
+  })), (error || helper) && _react["default"].createElement(_FormPartials.InputHelper, {
+    helper: helper,
+    error: error
+  }));
+};
+
+var _default = Select;
+exports["default"] = _default;
+//# sourceMappingURL=Select.js.map

package/lib/components/Forms/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/Select/Select.js"],"names":["ArrowIcon","Select","props","id","options","isSimple","className","label","placeholder","postLabel","error","helper","rest","parentClass","defaultSelectProps","defaultOptionProps","value","defaultValue","Object","keys","map","key"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AAEA;;IADOA,S,YAAAA,S;;;;;;;;AAAAA,S;;;;;;;AAgCP,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAkB;AAAA,MAE/BC,EAF+B,GAY5BD,KAZ4B,CAE/BC,EAF+B;AAAA,uBAY5BD,KAZ4B,CAG/BE,OAH+B;AAAA,MAG/BA,OAH+B,+BAGrB,EAHqB;AAAA,MAI/BC,QAJ+B,GAY5BH,KAZ4B,CAI/BG,QAJ+B;AAAA,MAK/BC,SAL+B,GAY5BJ,KAZ4B,CAK/BI,SAL+B;AAAA,MAM/BC,KAN+B,GAY5BL,KAZ4B,CAM/BK,KAN+B;AAAA,MAO/BC,WAP+B,GAY5BN,KAZ4B,CAO/BM,WAP+B;AAAA,MAQ/BC,SAR+B,GAY5BP,KAZ4B,CAQ/BO,SAR+B;AAAA,MAS/BC,KAT+B,GAY5BR,KAZ4B,CAS/BQ,KAT+B;AAAA,MAU/BC,MAV+B,GAY5BT,KAZ4B,CAU/BS,MAV+B;AAAA,MAW5BC,IAX4B,6CAY5BV,KAZ4B;AAahC,MAAMW,WAAW,GAAG,4BAAG,0BAAH,EAA+BP,SAA/B,EAA0C;AAC7D,qBAAiBD,QAD4C;AAE7D,yBAAqBK;AAFwC,GAA1C,CAApB;AAKA,MAAII,kBAAkB,GAAG,EAAzB;AACA,MAAIC,kBAAkB,GAAG,EAAzB,CAnBgC,CAqBhC;AACA;AACA;;AACA,MAAI,CAACb,KAAK,CAACc,KAAX,EAAkB;AACjBF,IAAAA,kBAAkB,GAAG;AAAEG,MAAAA,YAAY,EAAE;AAAhB,KAArB;AACAF,IAAAA,kBAAkB,GAAG;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAArB;AACA,GAHD,MAGO;AACND,IAAAA,kBAAkB,GAAG;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAArB;AACA;;AAED,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACET,KAAK,IAAI,gCAAC,sBAAD;AAAU,IAAA,EAAE,EAAEJ,EAAd;AAAkB,IAAA,KAAK,EAAEI,KAAzB;AAAgC,IAAA,SAAS,EAAEE;AAA3C,IADX,EAEC;AAAK,IAAA,SAAS,EAAEI;AAAhB,KACC,wEAAYC,kBAAZ,EAAoCF,IAApC,GACEJ,WAAW,IACX,wEAAYO,kBAAZ;AAAgC,IAAA,GAAG,EAAC,aAApC;AAAkD,IAAA,QAAQ;AAA1D,MACEP,WADF,CAFF,EAMEU,MAAM,CAACC,IAAP,CAAYf,OAAZ,EAAqBgB,GAArB,CAAyB,UAAAC,GAAG;AAAA,WAC5B;AAAQ,MAAA,KAAK,EAAEA,GAAf;AAAoB,MAAA,GAAG,YAAKA,GAAL;AAAvB,OACEjB,OAAO,CAACiB,GAAD,CADT,CAD4B;AAAA,GAA5B,CANF,CADD,EAaE,CAAChB,QAAD,IAAa,gCAAC,SAAD;AAAW,IAAA,SAAS,EAAC;AAArB,IAbf,CAFD,EAiBE,CAACK,KAAK,IAAIC,MAAV,KAAqB,gCAAC,yBAAD;AAAa,IAAA,MAAM,EAAEA,MAArB;AAA6B,IAAA,KAAK,EAAED;AAApC,IAjBvB,CADD;AAqBA,CApDD;;eAsDeT,M","sourcesContent":["// @flow\nimport React from 'react'\nimport cx from 'classnames'\nimport ArrowIcon from '../../../../../static/assets/icons/ic_arrow_drop_down.svg'\nimport { InputPre, InputHelper } from '../../FormPartials'\n\ntype Props = {\n\t/** Unique identifier */\n\tid: string,\n\n\t/** Options for the select */\n\toptions: Object,\n\n\t/** Set true to use the simple variation */\n\tisSimple?: boolean,\n\n\t/** Parent class */\n\tclassName?: string,\n\n\t/** Label text */\n\tlabel?: string,\n\n\t/** Optional text to be displayed as disabled placeholder option */\n\tplaceholder?: string,\n\n\t/** Text after label */\n\tpostLabel?: string,\n\n\t/** Error text */\n\terror?: string,\n\n\t/** Helper text */\n\thelper?: string\n}\n\nconst Select = (props: Props) => {\n\tconst {\n\t\tid,\n\t\toptions = {},\n\t\tisSimple,\n\t\tclassName,\n\t\tlabel,\n\t\tplaceholder,\n\t\tpostLabel,\n\t\terror,\n\t\thelper,\n\t\t...rest\n\t} = props\n\tconst parentClass = cx('select text-input__inner', className, {\n\t\t'select-simple': isSimple,\n\t\t'select--has-error': error\n\t})\n\n\tlet defaultSelectProps = {}\n\tlet defaultOptionProps = {}\n\n\t// For uncontrolled Select, we'll create a default value for the placeholder.\n\t// For controlled Select, we'll require that the value be defaulted to\n\t//   empty-string in order to set the placeholder.\n\tif (!props.value) {\n\t\tdefaultSelectProps = { defaultValue: '__DEFAULT' }\n\t\tdefaultOptionProps = { value: '__DEFAULT' }\n\t} else {\n\t\tdefaultOptionProps = { value: '' }\n\t}\n\n\treturn (\n\t\t<div className=\"select-wrapper\">\n\t\t\t{label && <InputPre id={id} label={label} postLabel={postLabel} />}\n\t\t\t<div className={parentClass}>\n\t\t\t\t<select {...defaultSelectProps} {...rest}>\n\t\t\t\t\t{placeholder && (\n\t\t\t\t\t\t<option {...defaultOptionProps} key=\"placeholder\" disabled>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t)}\n\t\t\t\t\t{Object.keys(options).map(key => (\n\t\t\t\t\t\t<option value={key} key={`${key}`}>\n\t\t\t\t\t\t\t{options[key]}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t))}\n\t\t\t\t</select>\n\t\t\t\t{!isSimple && <ArrowIcon className=\"select__icon\" />}\n\t\t\t</div>\n\t\t\t{(error || helper) && <InputHelper helper={helper} error={error} />}\n\t\t</div>\n\t)\n}\n\nexport default Select\n"],"file":"Select.js"}

package/lib/components/Forms/components/Slider/Slider.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FormPartials = require("../../FormPartials");
+
+var Slider =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Slider, _Component);
+
+  function Slider() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Slider);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Slider)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      uncontrolledValue: _this.props.value
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleUncontrolledChange", function (e) {
+      _this.setState({
+        uncontrolledValue: e.target.value
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Slider, [{
+    key: "render",
+    value: function render() {
+      var uncontrolledValue = this.state.uncontrolledValue;
+      var _this$props = this.props,
+          label = _this$props.label,
+          id = _this$props.id,
+          postLabel = _this$props.postLabel,
+          min = _this$props.min,
+          max = _this$props.max,
+          value = _this$props.value,
+          onChange = _this$props.onChange,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, ["label", "id", "postLabel", "min", "max", "value", "onChange"]);
+      return _react["default"].createElement("div", {
+        className: "slider-wrapper slider--split-color"
+      }, label && _react["default"].createElement(_FormPartials.InputPre, {
+        id: id,
+        label: label,
+        postLabel: postLabel
+      }), _react["default"].createElement("input", (0, _extends2["default"])({}, rest, {
+        type: "range",
+        min: min,
+        max: max,
+        value: onChange ? value : uncontrolledValue,
+        className: "slider",
+        style: {
+          '--min': min,
+          '--max': max,
+          '--val': onChange ? value : uncontrolledValue
+        },
+        onChange: onChange ? onChange : this.handleUncontrolledChange
+      })));
+    }
+  }]);
+  return Slider;
+}(_react.Component);
+
+exports["default"] = Slider;
+//# sourceMappingURL=Slider.js.map

package/lib/components/Forms/components/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/Slider/Slider.js"],"names":["Slider","uncontrolledValue","props","value","e","setState","target","state","label","id","postLabel","min","max","onChange","rest","handleUncontrolledChange","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;IA8BqBA,M;;;;;;;;;;;;;;;;;8FACZ;AACPC,MAAAA,iBAAiB,EAAE,MAAKC,KAAL,CAAWC;AADvB,K;iHAImB,UAACC,CAAD,EAAY;AACtC,YAAKC,QAAL,CAAc;AACbJ,QAAAA,iBAAiB,EAAEG,CAAC,CAACE,MAAF,CAASH;AADf,OAAd;AAGA,K;;;;;;6BAEQ;AAAA,UACAF,iBADA,GACsB,KAAKM,KAD3B,CACAN,iBADA;AAAA,wBAWJ,KAAKC,KAXD;AAAA,UAGPM,KAHO,eAGPA,KAHO;AAAA,UAIPC,EAJO,eAIPA,EAJO;AAAA,UAKPC,SALO,eAKPA,SALO;AAAA,UAMPC,GANO,eAMPA,GANO;AAAA,UAOPC,GAPO,eAOPA,GAPO;AAAA,UAQPT,KARO,eAQPA,KARO;AAAA,UASPU,QATO,eASPA,QATO;AAAA,UAUJC,IAVI;AAaR,aACC;AAAK,QAAA,SAAS,EAAC;AAAf,SACEN,KAAK,IAAI,gCAAC,sBAAD;AAAU,QAAA,EAAE,EAAEC,EAAd;AAAkB,QAAA,KAAK,EAAED,KAAzB;AAAgC,QAAA,SAAS,EAAEE;AAA3C,QADX,EAEC,uEACKI,IADL;AAEC,QAAA,IAAI,EAAC,OAFN;AAGC,QAAA,GAAG,EAAEH,GAHN;AAIC,QAAA,GAAG,EAAEC,GAJN;AAKC,QAAA,KAAK,EAAEC,QAAQ,GAAGV,KAAH,GAAWF,iBAL3B;AAMC,QAAA,SAAS,EAAC,QANX;AAOC,QAAA,KAAK,EAAE;AACN,mBAASU,GADH;AAEN,mBAASC,GAFH;AAGN,mBAASC,QAAQ,GAAGV,KAAH,GAAWF;AAHtB,SAPR;AAYC,QAAA,QAAQ,EAAEY,QAAQ,GAAGA,QAAH,GAAc,KAAKE;AAZtC,SAFD,CADD;AAmBA;;;EA3CkCC,gB","sourcesContent":["// @flow\nimport React, { Component } from 'react'\nimport { InputPre } from '../../FormPartials'\n\ntype Props = {\n\t/** Label text */\n\tlabel: string,\n\n\t/** Unique identifier */\n\tid: string,\n\n\t/** Minimum value */\n\tmin: number,\n\n\t/** Maximum value */\n\tmax: number,\n\n\t/** Current value */\n\tvalue: number,\n\n\t/** Text to show after the label */\n\tpostLabel: ?string,\n\n\t/** Callback after the slider updates its own value.\n\t * Using this property will place the slider in controlled mode. */\n\tonChange?: Function\n}\n\ntype State = {\n\tuncontrolledValue: number\n}\n\nexport default class Slider extends Component<Props, State> {\n\tstate = {\n\t\tuncontrolledValue: this.props.value\n\t}\n\n\thandleUncontrolledChange = (e: any) => {\n\t\tthis.setState({\n\t\t\tuncontrolledValue: e.target.value\n\t\t})\n\t}\n\n\trender() {\n\t\tconst { uncontrolledValue } = this.state\n\t\tconst {\n\t\t\tlabel,\n\t\t\tid,\n\t\t\tpostLabel,\n\t\t\tmin,\n\t\t\tmax,\n\t\t\tvalue,\n\t\t\tonChange,\n\t\t\t...rest\n\t\t} = this.props\n\n\t\treturn (\n\t\t\t<div className=\"slider-wrapper slider--split-color\">\n\t\t\t\t{label && <InputPre id={id} label={label} postLabel={postLabel} />}\n\t\t\t\t<input\n\t\t\t\t\t{...rest}\n\t\t\t\t\ttype=\"range\"\n\t\t\t\t\tmin={min}\n\t\t\t\t\tmax={max}\n\t\t\t\t\tvalue={onChange ? value : uncontrolledValue}\n\t\t\t\t\tclassName=\"slider\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t'--min': min,\n\t\t\t\t\t\t'--max': max,\n\t\t\t\t\t\t'--val': onChange ? value : uncontrolledValue\n\t\t\t\t\t}}\n\t\t\t\t\tonChange={onChange ? onChange : this.handleUncontrolledChange}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t)\n\t}\n}\n"],"file":"Slider.js"}

package/lib/components/Forms/components/Stars/Stars.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var StarIcon = function StarIcon(props) {
+  return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M11.551 5.745a.5.5 0 0 1 .9 0L14.3 9.483l4.144.6a.5.5 0 0 1 .276.854l-3 2.9.708 4.1a.5.5 0 0 1-.724.528L12 16.531 8.289 18.47a.5.5 0 0 1-.724-.528l.708-4.1-3-2.9a.5.5 0 0 1 .276-.854l4.145-.6 1.857-3.743z",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
+StarIcon.defaultProps = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var Stars = function Stars() {
+  return _react["default"].createElement("div", {
+    className: "stars"
+  }, _react["default"].createElement("label", {
+    className: "star-input__wrapper"
+  }, _react["default"].createElement("input", {
+    className: "star-input",
+    type: "radio",
+    name: "stars",
+    value: "1"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  })), _react["default"].createElement("label", {
+    className: "star-input__wrapper"
+  }, _react["default"].createElement("input", {
+    className: "star-input",
+    type: "radio",
+    name: "stars",
+    value: "2"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  })), _react["default"].createElement("label", {
+    className: "star-input__wrapper"
+  }, _react["default"].createElement("input", {
+    className: "star-input",
+    type: "radio",
+    name: "stars",
+    value: "3"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  })), _react["default"].createElement("label", {
+    className: "star-input__wrapper"
+  }, _react["default"].createElement("input", {
+    className: "star-input",
+    type: "radio",
+    name: "stars",
+    value: "4"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  })), _react["default"].createElement("label", {
+    className: "star-input__wrapper"
+  }, _react["default"].createElement("input", {
+    className: "star-input",
+    type: "radio",
+    name: "stars",
+    value: "5"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  }), _react["default"].createElement(StarIcon, {
+    className: "star"
+  })));
+};
+
+var _default = Stars;
+exports["default"] = _default;
+//# sourceMappingURL=Stars.js.map

package/lib/components/Forms/components/Stars/Stars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/Stars/Stars.js"],"names":["StarIcon","Stars"],"mappings":";;;;;;;;;AACA;;IACOA,Q,YAAAA,Q;;;;;;;;;AAAAA,Q;;;;;;;AAEP,IAAMC,KAAK,GAAG,SAARA,KAAQ,GAAM;AACnB,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAO,IAAA,SAAS,EAAC;AAAjB,KACC;AAAO,IAAA,SAAS,EAAC,YAAjB;AAA8B,IAAA,IAAI,EAAC,OAAnC;AAA2C,IAAA,IAAI,EAAC,OAAhD;AAAwD,IAAA,KAAK,EAAC;AAA9D,IADD,EAEC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAFD,CADD,EAKC;AAAO,IAAA,SAAS,EAAC;AAAjB,KACC;AAAO,IAAA,SAAS,EAAC,YAAjB;AAA8B,IAAA,IAAI,EAAC,OAAnC;AAA2C,IAAA,IAAI,EAAC,OAAhD;AAAwD,IAAA,KAAK,EAAC;AAA9D,IADD,EAEC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAFD,EAGC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAHD,CALD,EAUC;AAAO,IAAA,SAAS,EAAC;AAAjB,KACC;AAAO,IAAA,SAAS,EAAC,YAAjB;AAA8B,IAAA,IAAI,EAAC,OAAnC;AAA2C,IAAA,IAAI,EAAC,OAAhD;AAAwD,IAAA,KAAK,EAAC;AAA9D,IADD,EAEC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAFD,EAGC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAHD,EAIC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAJD,CAVD,EAgBC;AAAO,IAAA,SAAS,EAAC;AAAjB,KACC;AAAO,IAAA,SAAS,EAAC,YAAjB;AAA8B,IAAA,IAAI,EAAC,OAAnC;AAA2C,IAAA,IAAI,EAAC,OAAhD;AAAwD,IAAA,KAAK,EAAC;AAA9D,IADD,EAEC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAFD,EAGC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAHD,EAIC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAJD,EAKC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IALD,CAhBD,EAuBC;AAAO,IAAA,SAAS,EAAC;AAAjB,KACC;AAAO,IAAA,SAAS,EAAC,YAAjB;AAA8B,IAAA,IAAI,EAAC,OAAnC;AAA2C,IAAA,IAAI,EAAC,OAAhD;AAAwD,IAAA,KAAK,EAAC;AAA9D,IADD,EAEC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAFD,EAGC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAHD,EAIC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAJD,EAKC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IALD,EAMC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,IAND,CAvBD,CADD;AAkCA,CAnCD;;eAqCeA,K","sourcesContent":["// @flow\nimport React from 'react'\nimport StarIcon from '../../../../../static/assets/icons/Social-Medias-Rewards-Rating/Rating/rating-star-1.svg'\n\nconst Stars = () => {\n\treturn (\n\t\t<div className=\"stars\">\n\t\t\t<label className=\"star-input__wrapper\">\n\t\t\t\t<input className=\"star-input\" type=\"radio\" name=\"stars\" value=\"1\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t</label>\n\t\t\t<label className=\"star-input__wrapper\">\n\t\t\t\t<input className=\"star-input\" type=\"radio\" name=\"stars\" value=\"2\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t</label>\n\t\t\t<label className=\"star-input__wrapper\">\n\t\t\t\t<input className=\"star-input\" type=\"radio\" name=\"stars\" value=\"3\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t</label>\n\t\t\t<label className=\"star-input__wrapper\">\n\t\t\t\t<input className=\"star-input\" type=\"radio\" name=\"stars\" value=\"4\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t</label>\n\t\t\t<label className=\"star-input__wrapper\">\n\t\t\t\t<input className=\"star-input\" type=\"radio\" name=\"stars\" value=\"5\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t\t<StarIcon className=\"star\" />\n\t\t\t</label>\n\t\t</div>\n\t)\n}\n\nexport default Stars\n"],"file":"Stars.js"}

package/lib/components/Forms/components/Tag/Tag.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireDefault(require("../../../Button/Button"));
+
+var CloseIcon = function CloseIcon(props) {
+  return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+  }));
+};
+
+CloseIcon.defaultProps = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var Tag = function Tag(props) {
+  var text = props.text,
+      kind = props.kind,
+      className = props.className,
+      isSmall = props.isSmall;
+  var parentClass = (0, _classnames["default"])('tag', className, {
+    'tag-primary': kind === 'primary',
+    'tag-secondary': kind === 'secondary',
+    'tag-small': isSmall
+  });
+  return _react["default"].createElement("div", {
+    className: parentClass
+  }, _react["default"].createElement("span", {
+    className: "tag__text"
+  }, text), _react["default"].createElement(_Button["default"], {
+    className: "tag__btn",
+    isSmall: isSmall,
+    icon: {
+      customIcon: CloseIcon
+    }
+  }));
+};
+
+Tag.defaultProps = {
+  kind: 'primary',
+  isSmall: false
+};
+var _default = Tag;
+exports["default"] = _default;
+//# sourceMappingURL=Tag.js.map

package/lib/components/Forms/components/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/Tag/Tag.js"],"names":["CloseIcon","Tag","props","text","kind","className","isSmall","parentClass","customIcon","defaultProps"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;IACOA,S,YAAAA,S;;;;;;;;AAAAA,S;;;;;;;AAgBP,IAAMC,GAAG,GAAG,SAANA,GAAM,CAACC,KAAD,EAAkB;AAAA,MACrBC,IADqB,GACcD,KADd,CACrBC,IADqB;AAAA,MACfC,IADe,GACcF,KADd,CACfE,IADe;AAAA,MACTC,SADS,GACcH,KADd,CACTG,SADS;AAAA,MACEC,OADF,GACcJ,KADd,CACEI,OADF;AAE7B,MAAMC,WAAW,GAAG,4BAAG,KAAH,EAAUF,SAAV,EAAqB;AACxC,mBAAeD,IAAI,KAAK,SADgB;AAExC,qBAAiBA,IAAI,KAAK,WAFc;AAGxC,iBAAaE;AAH2B,GAArB,CAApB;AAKA,SACC;AAAK,IAAA,SAAS,EAAEC;AAAhB,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA6BJ,IAA7B,CADD,EAEC,gCAAC,kBAAD;AACC,IAAA,SAAS,EAAC,UADX;AAEC,IAAA,OAAO,EAAEG,OAFV;AAGC,IAAA,IAAI,EAAE;AACLE,MAAAA,UAAU,EAAER;AADP;AAHP,IAFD,CADD;AAYA,CAnBD;;AAqBAC,GAAG,CAACQ,YAAJ,GAAmB;AAClBL,EAAAA,IAAI,EAAE,SADY;AAElBE,EAAAA,OAAO,EAAE;AAFS,CAAnB;eAKeL,G","sourcesContent":["// @flow\nimport React from 'react'\nimport cx from 'classnames'\nimport Button from '../../../Button/Button'\nimport CloseIcon from '../../../../../static/assets/icons/ic_close.svg'\n\ntype Props = {\n\t/** Tag text */\n\ttext: string,\n\n\t/** Additional parent class */\n\tclassName: string,\n\n\t/** Sets the tag variation */\n\tkind?: 'primary' | 'secondary',\n\n\t/** Set true to make the tag smaller */\n\tisSmall?: boolean\n}\n\nconst Tag = (props: Props) => {\n\tconst { text, kind, className, isSmall } = props\n\tconst parentClass = cx('tag', className, {\n\t\t'tag-primary': kind === 'primary',\n\t\t'tag-secondary': kind === 'secondary',\n\t\t'tag-small': isSmall\n\t})\n\treturn (\n\t\t<div className={parentClass}>\n\t\t\t<span className=\"tag__text\">{text}</span>\n\t\t\t<Button\n\t\t\t\tclassName=\"tag__btn\"\n\t\t\t\tisSmall={isSmall}\n\t\t\t\ticon={{\n\t\t\t\t\tcustomIcon: CloseIcon\n\t\t\t\t}}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nTag.defaultProps = {\n\tkind: 'primary',\n\tisSmall: false\n}\n\nexport default Tag\n"],"file":"Tag.js"}

package/lib/components/Forms/components/TextArea/TextArea.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _FormPartials = require("../../FormPartials");
+
+var TextArea = function TextArea(props) {
+  var id = props.id,
+      className = props.className,
+      label = props.label,
+      postLabel = props.postLabel,
+      error = props.error,
+      helper = props.helper,
+      resizeable = props.resizeable,
+      rest = (0, _objectWithoutProperties2["default"])(props, ["id", "className", "label", "postLabel", "error", "helper", "resizeable"]);
+  var parentClass = (0, _classnames["default"])('text-input', {
+    className: className,
+    'text-input--has-error': error
+  });
+  var inputClass = (0, _classnames["default"])('text-area__input', {
+    'text-area__input-no-resize': !resizeable
+  });
+  return _react["default"].createElement("div", {
+    className: parentClass
+  }, label && _react["default"].createElement(_FormPartials.InputPre, {
+    label: label,
+    id: id,
+    postLabel: postLabel
+  }), _react["default"].createElement("textarea", (0, _extends2["default"])({
+    className: inputClass
+  }, rest)), (helper || error) && _react["default"].createElement(_FormPartials.InputHelper, {
+    helper: helper,
+    error: error
+  }));
+};
+
+TextArea.defaultProps = {
+  resizeable: false
+};
+var _default = TextArea;
+exports["default"] = _default;
+//# sourceMappingURL=TextArea.js.map

package/lib/components/Forms/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/TextArea/TextArea.js"],"names":["TextArea","props","id","className","label","postLabel","error","helper","resizeable","rest","parentClass","inputClass","defaultProps"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AAyBA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAkB;AAAA,MAEjCC,EAFiC,GAU9BD,KAV8B,CAEjCC,EAFiC;AAAA,MAGjCC,SAHiC,GAU9BF,KAV8B,CAGjCE,SAHiC;AAAA,MAIjCC,KAJiC,GAU9BH,KAV8B,CAIjCG,KAJiC;AAAA,MAKjCC,SALiC,GAU9BJ,KAV8B,CAKjCI,SALiC;AAAA,MAMjCC,KANiC,GAU9BL,KAV8B,CAMjCK,KANiC;AAAA,MAOjCC,MAPiC,GAU9BN,KAV8B,CAOjCM,MAPiC;AAAA,MAQjCC,UARiC,GAU9BP,KAV8B,CAQjCO,UARiC;AAAA,MAS9BC,IAT8B,6CAU9BR,KAV8B;AAYlC,MAAMS,WAAW,GAAG,4BAAG,YAAH,EAAiB;AACpCP,IAAAA,SAAS,EAATA,SADoC;AAEpC,6BAAyBG;AAFW,GAAjB,CAApB;AAKA,MAAMK,UAAU,GAAG,4BAAG,kBAAH,EAAuB;AACzC,kCAA8B,CAACH;AADU,GAAvB,CAAnB;AAIA,SACC;AAAK,IAAA,SAAS,EAAEE;AAAhB,KACEN,KAAK,IAAI,gCAAC,sBAAD;AAAU,IAAA,KAAK,EAAEA,KAAjB;AAAwB,IAAA,EAAE,EAAEF,EAA5B;AAAgC,IAAA,SAAS,EAAEG;AAA3C,IADX,EAEC;AAAU,IAAA,SAAS,EAAEM;AAArB,KAAqCF,IAArC,EAFD,EAGE,CAACF,MAAM,IAAID,KAAX,KAAqB,gCAAC,yBAAD;AAAa,IAAA,MAAM,EAAEC,MAArB;AAA6B,IAAA,KAAK,EAAED;AAApC,IAHvB,CADD;AAOA,CA5BD;;AA8BAN,QAAQ,CAACY,YAAT,GAAwB;AACvBJ,EAAAA,UAAU,EAAE;AADW,CAAxB;eAIeR,Q","sourcesContent":["// @flow\nimport React from 'react'\nimport cx from 'classnames'\nimport { InputPre, InputHelper } from '../../FormPartials'\n\ntype Props = {\n\t/** Unique identifier */\n\tid: string,\n\n\t/** Additional class */\n\tclassName?: string,\n\n\t/** Input label */\n\tlabel?: string,\n\n\t/** Text after label */\n\tpostLabel?: string,\n\n\t/** Error text */\n\terror?: string,\n\n\t/** Helper text */\n\thelper?: string,\n\n\t/** Set true to make the text area resizeable */\n\tresizeable?: boolean\n}\n\nconst TextArea = (props: Props) => {\n\tconst {\n\t\tid,\n\t\tclassName,\n\t\tlabel,\n\t\tpostLabel,\n\t\terror,\n\t\thelper,\n\t\tresizeable,\n\t\t...rest\n\t} = props\n\n\tconst parentClass = cx('text-input', {\n\t\tclassName,\n\t\t'text-input--has-error': error\n\t})\n\n\tconst inputClass = cx('text-area__input', {\n\t\t'text-area__input-no-resize': !resizeable\n\t})\n\n\treturn (\n\t\t<div className={parentClass}>\n\t\t\t{label && <InputPre label={label} id={id} postLabel={postLabel} />}\n\t\t\t<textarea className={inputClass} {...rest} />\n\t\t\t{(helper || error) && <InputHelper helper={helper} error={error} />}\n\t\t</div>\n\t)\n}\n\nTextArea.defaultProps = {\n\tresizeable: false\n}\n\nexport default TextArea\n"],"file":"TextArea.js"}

package/lib/components/Forms/components/TextInput/TextInput.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+interface ITextInputProps extends React.HTMLProps<HTMLInputElement> {
+    /** Unique identifier */
+    id: string;
+    /** Optional class */
+    className?: string;
+    /** Label text */
+    label?: string;
+    /** Text after label */
+    postLabel?: string;
+    /** Useful for credit cards */
+    kind?: string;
+    /** Optional icon to show in the input */
+    iconBefore?: string;
+    /** Optional icon to show at the end of the input */
+    iconAfter?: any;
+    /** Optional; helpful for subdomains */
+    appendix?: string;
+    /** Error text */
+    error?: string;
+    /** Helper text */
+    helper?: string | ReactNode;
+    /** Set true to make the input less tall */
+    isSmall?: boolean;
+}
+declare const TextInput: (props: ITextInputProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export default TextInput;
+//# sourceMappingURL=TextInput.d.ts.map

package/lib/components/Forms/components/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Forms/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,UAAU,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAClE,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAA;IAEV,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,oDAAoD;IACpD,SAAS,CAAC,EAAE,GAAG,CAAA;IAEf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAE3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,SAAS,4OAmCd,CAAA;AAED,eAAe,SAAS,CAAA"}