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

package/lib/__tests__/components/Pagination/Pagination.test.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("jsdom-global/register");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _Pagination = _interopRequireDefault(require("../../../components/Pagination/Pagination"));
+
+describe('Pagination tests', function () {
+  var renderedComponent;
+  var nextButton;
+  var backButton;
+  var onClickNext;
+  var onClickBack;
+  var props;
+  beforeEach(function () {
+    onClickNext = jest.fn();
+    onClickBack = jest.fn();
+    props = {
+      isSimple: true,
+      onClickNext: onClickNext,
+      onClickBack: onClickBack,
+      currentPage: 0,
+      totalPages: 3
+    };
+    renderedComponent = (0, _enzyme.shallow)(_react["default"].createElement(_Pagination["default"], props));
+    nextButton = renderedComponent.find('Button').at(1);
+    backButton = renderedComponent.find('Button').at(0);
+  });
+  it('Renders', function () {
+    expect(renderedComponent).toBeDefined();
+    expect(renderedComponent.exists()).toEqual(true);
+    expect(nextButton.exists()).toEqual(true);
+    expect(backButton.exists()).toEqual(true);
+  });
+  it("Calls the 'click next' handler", function () {
+    nextButton.simulate('click');
+    expect(onClickNext).toHaveBeenCalled();
+  });
+  it("Calls the 'click back' handler", function () {
+    backButton.simulate('click');
+    expect(onClickBack).toHaveBeenCalled();
+  });
+});
+describe('When on the first page', function () {
+  var renderedComponent;
+  var nextButton;
+  var backButton;
+  var onClickNext;
+  var onClickBack;
+  var props;
+  beforeEach(function () {
+    onClickNext = jest.fn();
+    onClickBack = jest.fn();
+    props = {
+      isSimple: true,
+      onClickNext: onClickNext,
+      onClickBack: onClickBack,
+      currentPage: 0,
+      totalPages: 3
+    };
+    renderedComponent = (0, _enzyme.shallow)(_react["default"].createElement(_Pagination["default"], props));
+    nextButton = renderedComponent.find('Button').at(1);
+    backButton = renderedComponent.find('Button').at(0);
+  });
+  it('Back buttons is disabled', function () {
+    expect(backButton.prop('disabled')).toEqual(true);
+    expect(nextButton.prop('disabled')).toEqual(false);
+  });
+});
+describe('When between the first and last page', function () {
+  var renderedComponent;
+  var nextButton;
+  var backButton;
+  var onClickNext;
+  var onClickBack;
+  var props;
+  beforeEach(function () {
+    onClickNext = jest.fn();
+    onClickBack = jest.fn();
+    props = {
+      isSimple: true,
+      onClickNext: onClickNext,
+      onClickBack: onClickBack,
+      currentPage: 1,
+      totalPages: 3
+    };
+    renderedComponent = (0, _enzyme.shallow)(_react["default"].createElement(_Pagination["default"], props));
+    nextButton = renderedComponent.find('Button').at(1);
+    backButton = renderedComponent.find('Button').at(0);
+  });
+  it('Both pager buttons are enabled', function () {
+    expect(backButton.prop('disabled')).toEqual(false);
+    expect(nextButton.prop('disabled')).toEqual(false);
+  });
+});
+describe('When on the last page', function () {
+  var renderedComponent;
+  var nextButton;
+  var backButton;
+  var onClickNext;
+  var onClickBack;
+  var props;
+  beforeEach(function () {
+    onClickNext = jest.fn();
+    onClickBack = jest.fn();
+    props = {
+      isSimple: true,
+      onClickNext: onClickNext,
+      onClickBack: onClickBack,
+      currentPage: 3,
+      totalPages: 3
+    };
+    renderedComponent = (0, _enzyme.shallow)(_react["default"].createElement(_Pagination["default"], props));
+    nextButton = renderedComponent.find('Button').at(1);
+    backButton = renderedComponent.find('Button').at(0);
+  });
+  it('Next button is disabled', function () {
+    expect(backButton.prop('disabled')).toEqual(false);
+    expect(nextButton.prop('disabled')).toEqual(true);
+  });
+});
+//# sourceMappingURL=Pagination.test.js.map

package/lib/__tests__/components/Pagination/Pagination.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/__tests__/components/Pagination/Pagination.test.js"],"names":["describe","renderedComponent","nextButton","backButton","onClickNext","onClickBack","props","beforeEach","jest","fn","isSimple","currentPage","totalPages","find","at","it","expect","toBeDefined","exists","toEqual","simulate","toHaveBeenCalled","prop"],"mappings":"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","sourcesContent":["import 'jsdom-global/register'\nimport React from 'react'\nimport { shallow } from 'enzyme'\n\nimport Pagination from '../../../components/Pagination/Pagination'\n\ndescribe('Pagination tests', () => {\n\tlet renderedComponent\n\tlet nextButton\n\tlet backButton\n\tlet onClickNext\n\tlet onClickBack\n\tlet props\n\n\tbeforeEach(() => {\n\t\tonClickNext = jest.fn()\n\t\tonClickBack = jest.fn()\n\n\t\tprops = {\n\t\t\tisSimple: true,\n\t\t\tonClickNext,\n\t\t\tonClickBack,\n\t\t\tcurrentPage: 0,\n\t\t\ttotalPages: 3\n\t\t}\n\n\t\trenderedComponent = shallow(<Pagination {...props} />)\n\n\t\tnextButton = renderedComponent.find('Button').at(1)\n\t\tbackButton = renderedComponent.find('Button').at(0)\n\t})\n\n\tit('Renders', () => {\n\t\texpect(renderedComponent).toBeDefined()\n\t\texpect(renderedComponent.exists()).toEqual(true)\n\t\texpect(nextButton.exists()).toEqual(true)\n\t\texpect(backButton.exists()).toEqual(true)\n\t})\n\n\tit(`Calls the 'click next' handler`, () => {\n\t\tnextButton.simulate('click')\n\t\texpect(onClickNext).toHaveBeenCalled()\n\t})\n\n\tit(`Calls the 'click back' handler`, () => {\n\t\tbackButton.simulate('click')\n\t\texpect(onClickBack).toHaveBeenCalled()\n\t})\n})\n\ndescribe('When on the first page', () => {\n\tlet renderedComponent\n\tlet nextButton\n\tlet backButton\n\tlet onClickNext\n\tlet onClickBack\n\tlet props\n\n\tbeforeEach(() => {\n\t\tonClickNext = jest.fn()\n\t\tonClickBack = jest.fn()\n\n\t\tprops = {\n\t\t\tisSimple: true,\n\t\t\tonClickNext,\n\t\t\tonClickBack,\n\t\t\tcurrentPage: 0,\n\t\t\ttotalPages: 3\n\t\t}\n\n\t\trenderedComponent = shallow(<Pagination {...props} />)\n\n\t\tnextButton = renderedComponent.find('Button').at(1)\n\t\tbackButton = renderedComponent.find('Button').at(0)\n\t})\n\n\tit('Back buttons is disabled', () => {\n\t\texpect(backButton.prop('disabled')).toEqual(true)\n\t\texpect(nextButton.prop('disabled')).toEqual(false)\n\t})\n})\n\ndescribe('When between the first and last page', () => {\n\tlet renderedComponent\n\tlet nextButton\n\tlet backButton\n\tlet onClickNext\n\tlet onClickBack\n\tlet props\n\n\tbeforeEach(() => {\n\t\tonClickNext = jest.fn()\n\t\tonClickBack = jest.fn()\n\n\t\tprops = {\n\t\t\tisSimple: true,\n\t\t\tonClickNext,\n\t\t\tonClickBack,\n\t\t\tcurrentPage: 1,\n\t\t\ttotalPages: 3\n\t\t}\n\n\t\trenderedComponent = shallow(<Pagination {...props} />)\n\n\t\tnextButton = renderedComponent.find('Button').at(1)\n\t\tbackButton = renderedComponent.find('Button').at(0)\n\t})\n\tit('Both pager buttons are enabled', () => {\n\t\texpect(backButton.prop('disabled')).toEqual(false)\n\t\texpect(nextButton.prop('disabled')).toEqual(false)\n\t})\n})\n\ndescribe('When on the last page', () => {\n\tlet renderedComponent\n\tlet nextButton\n\tlet backButton\n\tlet onClickNext\n\tlet onClickBack\n\tlet props\n\n\tbeforeEach(() => {\n\t\tonClickNext = jest.fn()\n\t\tonClickBack = jest.fn()\n\n\t\tprops = {\n\t\t\tisSimple: true,\n\t\t\tonClickNext,\n\t\t\tonClickBack,\n\t\t\tcurrentPage: 3,\n\t\t\ttotalPages: 3\n\t\t}\n\n\t\trenderedComponent = shallow(<Pagination {...props} />)\n\n\t\tnextButton = renderedComponent.find('Button').at(1)\n\t\tbackButton = renderedComponent.find('Button').at(0)\n\t})\n\tit('Next button is disabled', () => {\n\t\texpect(backButton.prop('disabled')).toEqual(false)\n\t\texpect(nextButton.prop('disabled')).toEqual(true)\n\t})\n})\n"],"file":"Pagination.test.js"}

package/lib/components/Avatar/Avatar-story.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _react3 = require("@storybook/addon-knobs/react");
+
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+
+var stories = (0, _react2.storiesOf)('Avatar', module); // stories.addDecorator(
+// 	withKnobsOptions({
+// 		escapeHTML: false
+// 	})
+// )
+
+stories.addDecorator(_react3.withKnobs);
+stories.add('Avatar', function () {
+  return _react["default"].createElement(_Avatar["default"], {
+    image: (0, _react3.text)('image', (0, _react3["boolean"])('isLarge', false) ? '/assets/users/user-placeholder.png' : '/assets/users/user-placeholder--96w.png'),
+    alt: (0, _react3.text)('alt', 'Name'),
+    isLarge: (0, _react3["boolean"])('isLarge', false),
+    isVertical: (0, _react3["boolean"])('isVertical', false),
+    showIndicator: (0, _react3["boolean"])('showIndicator', false),
+    status: (0, _react3.text)('status', 'online'),
+    name: (0, _react3.text)('name', ''),
+    text: (0, _react3.text)('text', ''),
+    width: (0, _react3.number)('width', null),
+    height: (0, _react3.number)('height', null)
+  });
+});
+//# sourceMappingURL=Avatar-story.js.map

package/lib/components/Avatar/Avatar-story.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Avatar/Avatar-story.js"],"names":["stories","module","addDecorator","withKnobs","add"],"mappings":";;;;AACA;;AACA;;AACA;;AAOA;;AAEA,IAAMA,OAAO,GAAG,uBAAU,QAAV,EAAoBC,MAApB,CAAhB,C,CAEA;AACA;AACA;AACA;AACA;;AACAD,OAAO,CAACE,YAAR,CAAqBC,iBAArB;AAEAH,OAAO,CAACI,GAAR,CAAY,QAAZ,EAAsB;AAAA,SACrB,gCAAC,kBAAD;AACC,IAAA,KAAK,EAAE,kBACN,OADM,EAEN,wBAAQ,SAAR,EAAmB,KAAnB,IACG,oCADH,GAEG,yCAJG,CADR;AAOC,IAAA,GAAG,EAAE,kBAAK,KAAL,EAAY,MAAZ,CAPN;AAQC,IAAA,OAAO,EAAE,wBAAQ,SAAR,EAAmB,KAAnB,CARV;AASC,IAAA,UAAU,EAAE,wBAAQ,YAAR,EAAsB,KAAtB,CATb;AAUC,IAAA,aAAa,EAAE,wBAAQ,eAAR,EAAyB,KAAzB,CAVhB;AAWC,IAAA,MAAM,EAAE,kBAAK,QAAL,EAAe,QAAf,CAXT;AAYC,IAAA,IAAI,EAAE,kBAAK,MAAL,EAAa,EAAb,CAZP;AAaC,IAAA,IAAI,EAAE,kBAAK,MAAL,EAAa,EAAb,CAbP;AAcC,IAAA,KAAK,EAAE,oBAAO,OAAP,EAAgB,IAAhB,CAdR;AAeC,IAAA,MAAM,EAAE,oBAAO,QAAP,EAAiB,IAAjB;AAfT,IADqB;AAAA,CAAtB","sourcesContent":["// @flow\nimport React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport {\n\twithKnobs,\n\t// withKnobsOptions,\n\ttext,\n\tboolean,\n\tnumber\n} from '@storybook/addon-knobs/react'\nimport Avatar from './Avatar'\n\nconst stories = storiesOf('Avatar', module)\n\n// stories.addDecorator(\n// \twithKnobsOptions({\n// \t\tescapeHTML: false\n// \t})\n// )\nstories.addDecorator(withKnobs)\n\nstories.add('Avatar', () => (\n\t<Avatar\n\t\timage={text(\n\t\t\t'image',\n\t\t\tboolean('isLarge', false)\n\t\t\t\t? '/assets/users/user-placeholder.png'\n\t\t\t\t: '/assets/users/user-placeholder--96w.png'\n\t\t)}\n\t\talt={text('alt', 'Name')}\n\t\tisLarge={boolean('isLarge', false)}\n\t\tisVertical={boolean('isVertical', false)}\n\t\tshowIndicator={boolean('showIndicator', false)}\n\t\tstatus={text('status', 'online')}\n\t\tname={text('name', '')}\n\t\ttext={text('text', '')}\n\t\twidth={number('width', null)}\n\t\theight={number('height', null)}\n\t/>\n))\n"],"file":"Avatar-story.js"}

package/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+interface IProps {
+    /** Avatar image url. */
+    image: string;
+    /** Alt text. */
+    alt: string;
+    /** Set this true to use a large variation */
+    isLarge?: boolean;
+    /** Set true to center align with name and text. */
+    isVertical?: boolean;
+    /** Set true to show a status indicator. */
+    showIndicator?: boolean;
+    /** Status (online or offline) of this person */
+    status?: 'online' | 'offline';
+    /** Name of this person. */
+    name?: string | Node;
+    /** Optional additional text to show below name. */
+    text?: string;
+    /** Manual width override. */
+    width?: number | null | void;
+    /** Manual height override. */
+    height?: number | null | void;
+    /** Provided HTML classNames. */
+    className?: string;
+}
+declare const Avatar: {
+    (props: IProps): 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>)>;
+    defaultProps: {
+        isLarge: boolean;
+        isVertical: boolean;
+        showIndicator: boolean;
+        status: string;
+        name: string;
+        text: string;
+        width: null;
+        height: null;
+    };
+};
+export default Avatar;
+//# sourceMappingURL=Avatar.d.ts.map

package/lib/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACf,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IAEb,gBAAgB;IAChB,GAAG,EAAE,MAAM,CAAA;IAEX,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,gDAAgD;IAChD,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE7B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAEpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAE5B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAE7B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,MAAM;;;;;;;;;;;;CA2DX,CAAA;AAaD,eAAe,MAAM,CAAA"}

package/lib/components/Avatar/Avatar.js

@@ -0,0 +1,91 @@
+"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 _ImageSSR = _interopRequireDefault(require("../../components/ImageSSR/ImageSSR"));
+
+var Avatar = function Avatar(props) {
+  var image = props.image,
+      alt = props.alt,
+      isLarge = props.isLarge,
+      isVertical = props.isVertical,
+      showIndicator = props.showIndicator,
+      status = props.status,
+      name = props.name,
+      text = props.text,
+      width = props.width,
+      height = props.height,
+      className = props.className,
+      rest = (0, _objectWithoutProperties2["default"])(props, ["image", "alt", "isLarge", "isVertical", "showIndicator", "status", "name", "text", "width", "height", "className"]);
+  var wrapperClass = (0, _classnames["default"])('avatar-wrapper', className, {
+    'avatar-wrapper-large': isLarge,
+    'avatar-wrapper-has-text': text,
+    'avatar-wrapper-vertical': isVertical
+  });
+  var indicatorClass = (0, _classnames["default"])('avatar__indicator', {
+    'avatar__indicator--is-online': status === 'online'
+  });
+  var imgWidth = 40;
+  var imgHeight = 40;
+
+  if (isLarge) {
+    imgWidth = 96;
+    imgHeight = 96;
+  }
+
+  if (width) {
+    imgWidth = width;
+  }
+
+  if (height) {
+    imgHeight = height;
+  }
+
+  return _react["default"].createElement("div", {
+    className: wrapperClass
+  }, _react["default"].createElement("div", {
+    className: "avatar__image-wrapper"
+  }, _react["default"].createElement(_ImageSSR["default"], (0, _extends2["default"])({
+    id: "avatar",
+    className: "avatar",
+    src: image,
+    alt: alt,
+    width: imgWidth,
+    height: imgHeight
+  }, rest)), showIndicator && _react["default"].createElement("div", {
+    className: indicatorClass
+  })), (name || text) && _react["default"].createElement("div", {
+    className: "avatar__text-wrapper"
+  }, name && _react["default"].createElement("p", {
+    className: "avatar__name"
+  }, name), text && _react["default"].createElement("p", {
+    className: "avatar__text"
+  }, text)));
+};
+
+Avatar.defaultProps = {
+  isLarge: false,
+  isVertical: false,
+  showIndicator: false,
+  status: 'offline',
+  name: '',
+  text: '',
+  width: null,
+  height: null
+};
+var _default = Avatar;
+exports["default"] = _default;
+//# sourceMappingURL=Avatar.js.map

package/lib/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Avatar/Avatar.tsx"],"names":["Avatar","props","image","alt","isLarge","isVertical","showIndicator","status","name","text","width","height","className","rest","wrapperClass","indicatorClass","imgWidth","imgHeight","defaultProps"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAqCA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAuC;AAAA,MAEpDC,KAFoD,GAcjDD,KAdiD,CAEpDC,KAFoD;AAAA,MAGpDC,GAHoD,GAcjDF,KAdiD,CAGpDE,GAHoD;AAAA,MAIpDC,OAJoD,GAcjDH,KAdiD,CAIpDG,OAJoD;AAAA,MAKpDC,UALoD,GAcjDJ,KAdiD,CAKpDI,UALoD;AAAA,MAMpDC,aANoD,GAcjDL,KAdiD,CAMpDK,aANoD;AAAA,MAOpDC,MAPoD,GAcjDN,KAdiD,CAOpDM,MAPoD;AAAA,MAQpDC,IARoD,GAcjDP,KAdiD,CAQpDO,IARoD;AAAA,MASpDC,IAToD,GAcjDR,KAdiD,CASpDQ,IAToD;AAAA,MAUpDC,KAVoD,GAcjDT,KAdiD,CAUpDS,KAVoD;AAAA,MAWpDC,MAXoD,GAcjDV,KAdiD,CAWpDU,MAXoD;AAAA,MAYpDC,SAZoD,GAcjDX,KAdiD,CAYpDW,SAZoD;AAAA,MAajDC,IAbiD,6CAcjDZ,KAdiD;AAgBrD,MAAMa,YAAY,GAAG,4BAAG,gBAAH,EAAqBF,SAArB,EAAgC;AACpD,4BAAwBR,OAD4B;AAEpD,+BAA2BK,IAFyB;AAGpD,+BAA2BJ;AAHyB,GAAhC,CAArB;AAKA,MAAMU,cAAc,GAAG,4BAAG,mBAAH,EAAwB;AAC9C,oCAAgCR,MAAM,KAAK;AADG,GAAxB,CAAvB;AAGA,MAAIS,QAAQ,GAAG,EAAf;AACA,MAAIC,SAAS,GAAG,EAAhB;;AACA,MAAIb,OAAJ,EAAa;AACZY,IAAAA,QAAQ,GAAG,EAAX;AACAC,IAAAA,SAAS,GAAG,EAAZ;AACA;;AACD,MAAIP,KAAJ,EAAW;AACVM,IAAAA,QAAQ,GAAGN,KAAX;AACA;;AACD,MAAIC,MAAJ,EAAY;AACXM,IAAAA,SAAS,GAAGN,MAAZ;AACA;;AAED,SACC;AAAK,IAAA,SAAS,EAAEG;AAAhB,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,gCAAC,oBAAD;AACC,IAAA,EAAE,EAAC,QADJ;AAEC,IAAA,SAAS,EAAC,QAFX;AAGC,IAAA,GAAG,EAAEZ,KAHN;AAIC,IAAA,GAAG,EAAEC,GAJN;AAKC,IAAA,KAAK,EAAEa,QALR;AAMC,IAAA,MAAM,EAAEC;AANT,KAOKJ,IAPL,EADD,EAUEP,aAAa,IAAI;AAAK,IAAA,SAAS,EAAES;AAAhB,IAVnB,CADD,EAaE,CAACP,IAAI,IAAIC,IAAT,KACA;AAAK,IAAA,SAAS,EAAC;AAAf,KACED,IAAI,IAAI;AAAG,IAAA,SAAS,EAAC;AAAb,KAA6BA,IAA7B,CADV,EAEEC,IAAI,IAAI;AAAG,IAAA,SAAS,EAAC;AAAb,KAA6BA,IAA7B,CAFV,CAdF,CADD;AAsBA,CA3DD;;AA6DAT,MAAM,CAACkB,YAAP,GAAsB;AACrBd,EAAAA,OAAO,EAAE,KADY;AAErBC,EAAAA,UAAU,EAAE,KAFS;AAGrBC,EAAAA,aAAa,EAAE,KAHM;AAIrBC,EAAAA,MAAM,EAAE,SAJa;AAKrBC,EAAAA,IAAI,EAAE,EALe;AAMrBC,EAAAA,IAAI,EAAE,EANe;AAOrBC,EAAAA,KAAK,EAAE,IAPc;AAQrBC,EAAAA,MAAM,EAAE;AARa,CAAtB;eAWeX,M","sourcesContent":["import React from 'react'\nimport cx from 'classnames'\n\nimport ImageSSR from '../../components/ImageSSR/ImageSSR'\n\ninterface IProps {\n\t/** Avatar image url. */\n\timage: string\n\n\t/** Alt text. */\n\talt: string\n\n\t/** Set this true to use a large variation */\n\tisLarge?: boolean\n\n\t/** Set true to center align with name and text. */\n\tisVertical?: boolean\n\n\t/** Set true to show a status indicator. */\n\tshowIndicator?: boolean\n\n\t/** Status (online or offline) of this person */\n\tstatus?: 'online' | 'offline'\n\n\t/** Name of this person. */\n\tname?: string | Node\n\n\t/** Optional additional text to show below name. */\n\ttext?: string\n\n\t/** Manual width override. */\n\twidth?: number | null | void\n\n\t/** Manual height override. */\n\theight?: number | null | void\n\n\t/** Provided HTML classNames. */\n\tclassName?: string\n}\n\nconst Avatar = (props: IProps): React.ReactElement => {\n\tconst {\n\t\timage,\n\t\talt,\n\t\tisLarge,\n\t\tisVertical,\n\t\tshowIndicator,\n\t\tstatus,\n\t\tname,\n\t\ttext,\n\t\twidth,\n\t\theight,\n\t\tclassName,\n\t\t...rest\n\t} = props\n\n\tconst wrapperClass = cx('avatar-wrapper', className, {\n\t\t'avatar-wrapper-large': isLarge,\n\t\t'avatar-wrapper-has-text': text,\n\t\t'avatar-wrapper-vertical': isVertical\n\t})\n\tconst indicatorClass = cx('avatar__indicator', {\n\t\t'avatar__indicator--is-online': status === 'online'\n\t})\n\tlet imgWidth = 40\n\tlet imgHeight = 40\n\tif (isLarge) {\n\t\timgWidth = 96\n\t\timgHeight = 96\n\t}\n\tif (width) {\n\t\timgWidth = width\n\t}\n\tif (height) {\n\t\timgHeight = height\n\t}\n\n\treturn (\n\t\t<div className={wrapperClass}>\n\t\t\t<div className=\"avatar__image-wrapper\">\n\t\t\t\t<ImageSSR\n\t\t\t\t\tid=\"avatar\"\n\t\t\t\t\tclassName=\"avatar\"\n\t\t\t\t\tsrc={image}\n\t\t\t\t\talt={alt}\n\t\t\t\t\twidth={imgWidth}\n\t\t\t\t\theight={imgHeight}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t{showIndicator && <div className={indicatorClass} />}\n\t\t\t</div>\n\t\t\t{(name || text) && (\n\t\t\t\t<div className=\"avatar__text-wrapper\">\n\t\t\t\t\t{name && <p className=\"avatar__name\">{name}</p>}\n\t\t\t\t\t{text && <p className=\"avatar__text\">{text}</p>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nAvatar.defaultProps = {\n\tisLarge: false,\n\tisVertical: false,\n\tshowIndicator: false,\n\tstatus: 'offline',\n\tname: '',\n\ttext: '',\n\twidth: null,\n\theight: null\n}\n\nexport default Avatar\n"],"file":"Avatar.js"}

package/lib/components/Avatar/UserAvatar.js

@@ -0,0 +1,45 @@
+"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 _Avatar = _interopRequireDefault(require("./Avatar"));
+
+var UserAvatar = function UserAvatar(props) {
+  var user = props.user,
+      className = props.className,
+      rest = (0, _objectWithoutProperties2["default"])(props, ["user", "className"]);
+  var _user$profileImages = user.profileImages,
+      profileImages = _user$profileImages === void 0 ? {} : _user$profileImages,
+      _user$defaultProfileI = user.defaultProfileImages,
+      defaultProfileImages = _user$defaultProfileI === void 0 ? {} : _user$defaultProfileI;
+  var profileImage = profileImages && profileImages.profile150 || defaultProfileImages && defaultProfileImages.profile150;
+  return _react["default"].createElement(_Avatar["default"], (0, _extends2["default"])({
+    image: profileImage,
+    className: (0, _classnames["default"])(className, {
+      'default-avatar': !profileImages || !profileImages.profile150
+    })
+  }, rest, {
+    onError: function onError(e) {
+      if (defaultProfileImages.profile150) {
+        e.target.src = defaultProfileImages.profile150;
+      }
+    }
+  }));
+};
+
+var _default = UserAvatar;
+exports["default"] = _default;
+//# sourceMappingURL=UserAvatar.js.map

package/lib/components/Avatar/UserAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Avatar/UserAvatar.js"],"names":["UserAvatar","props","user","className","rest","profileImages","defaultProfileImages","profileImage","profile150","e","target","src"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAkB;AAAA,MAC5BC,IAD4B,GACCD,KADD,CAC5BC,IAD4B;AAAA,MACtBC,SADsB,GACCF,KADD,CACtBE,SADsB;AAAA,MACRC,IADQ,6CACCH,KADD;AAAA,4BAEsBC,IAFtB,CAE5BG,aAF4B;AAAA,MAE5BA,aAF4B,oCAEZ,EAFY;AAAA,8BAEsBH,IAFtB,CAERI,oBAFQ;AAAA,MAERA,oBAFQ,sCAEe,EAFf;AAIpC,MAAMC,YAAY,GAChBF,aAAa,IAAIA,aAAa,CAACG,UAAhC,IACCF,oBAAoB,IAAIA,oBAAoB,CAACE,UAF/C;AAIA,SACC,gCAAC,kBAAD;AACC,IAAA,KAAK,EAAED,YADR;AAEC,IAAA,SAAS,EAAE,4BAAGJ,SAAH,EAAc;AACxB,wBAAkB,CAACE,aAAD,IAAkB,CAACA,aAAa,CAACG;AAD3B,KAAd;AAFZ,KAKKJ,IALL;AAMC,IAAA,OAAO,EAAE,iBAAAK,CAAC,EAAI;AACb,UAAIH,oBAAoB,CAACE,UAAzB,EAAqC;AACpCC,QAAAA,CAAC,CAACC,MAAF,CAASC,GAAT,GAAeL,oBAAoB,CAACE,UAApC;AACA;AACD;AAVF,KADD;AAcA,CAtBD;;eAwBeR,U","sourcesContent":["// @flow\nimport React from 'react'\nimport cx from 'classnames'\nimport Avatar from './Avatar'\nimport type { Props as AvatarProps } from './Avatar'\n\ntype Props = {\n\t...AvatarProps,\n\tuser: Object,\n\tclassName?: string\n}\n\nconst UserAvatar = (props: Props) => {\n\tconst { user, className, ...rest } = props\n\tconst { profileImages = {}, defaultProfileImages = {} } = user\n\n\tconst profileImage =\n\t\t(profileImages && profileImages.profile150) ||\n\t\t(defaultProfileImages && defaultProfileImages.profile150)\n\n\treturn (\n\t\t<Avatar\n\t\t\timage={profileImage}\n\t\t\tclassName={cx(className, {\n\t\t\t\t'default-avatar': !profileImages || !profileImages.profile150\n\t\t\t})}\n\t\t\t{...rest}\n\t\t\tonError={e => {\n\t\t\t\tif (defaultProfileImages.profile150) {\n\t\t\t\t\te.target.src = defaultProfileImages.profile150\n\t\t\t\t}\n\t\t\t}}\n\t\t/>\n\t)\n}\n\nexport default UserAvatar\n"],"file":"UserAvatar.js"}

package/lib/components/BotText/BotText-story.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BotText-story.d.ts.map

package/lib/components/BotText/BotText-story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BotText-story.d.ts","sourceRoot":"","sources":["../../../src/components/BotText/BotText-story.tsx"],"names":[],"mappings":""}

package/lib/components/BotText/BotText-story.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _addonKnobs = require("@storybook/addon-knobs");
+
+var _BotText = _interopRequireDefault(require("./BotText"));
+
+var stories = (0, _react2.storiesOf)('Bot Text', module);
+stories.addDecorator(_addonKnobs.withKnobs);
+stories.add('Bot Text', function () {
+  return _react["default"].createElement(_BotText["default"], {
+    text: (0, _addonKnobs.text)('text', 'Hey there from Sprucebot 🌲🤖'),
+    className: (0, _addonKnobs.text)('className', '')
+  });
+});
+//# sourceMappingURL=BotText-story.js.map

package/lib/components/BotText/BotText-story.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BotText/BotText-story.tsx"],"names":["stories","module","addDecorator","withKnobs","add"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,uBAAU,UAAV,EAAsBC,MAAtB,CAAhB;AAEAD,OAAO,CAACE,YAAR,CAAqBC,qBAArB;AAEAH,OAAO,CAACI,GAAR,CAAY,UAAZ,EAAwB;AAAA,SACvB,gCAAC,mBAAD;AACC,IAAA,IAAI,EAAE,sBAAK,MAAL,EAAa,+BAAb,CADP;AAEC,IAAA,SAAS,EAAE,sBAAK,WAAL,EAAkB,EAAlB;AAFZ,IADuB;AAAA,CAAxB","sourcesContent":["import React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport { withKnobs, text } from '@storybook/addon-knobs'\nimport BotText from './BotText'\n\nconst stories = storiesOf('Bot Text', module)\n\nstories.addDecorator(withKnobs)\n\nstories.add('Bot Text', () => (\n\t<BotText\n\t\ttext={text('text', 'Hey there from Sprucebot 🌲🤖')}\n\t\tclassName={text('className', '')}\n\t/>\n))\n"],"file":"BotText-story.js"}

package/lib/components/BotText/BotText.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IBotTextProps {
+    /** Use for simple text. */
+    text?: string;
+    /** May be used instead of text, i.e. if the Bot Text needs to include a link. */
+    children?: React.ReactNode;
+    /** Optional class to add. */
+    className?: string;
+}
+declare const BotText: React.StatelessComponent<IBotTextProps>;
+export default BotText;
+//# sourceMappingURL=BotText.d.ts.map

package/lib/components/BotText/BotText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BotText.d.ts","sourceRoot":"","sources":["../../../src/components/BotText/BotText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,UAAU,aAAa;IACtB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,kBAAkB,CAAC,aAAa,CA6BpD,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/BotText/BotText.js

@@ -0,0 +1,52 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var BotText = function BotText(props) {
+  var text = props.text,
+      children = props.children,
+      className = props.className,
+      rest = (0, _objectWithoutProperties2["default"])(props, ["text", "children", "className"]);
+
+  if (!children && !text) {
+    // TODO: Handle logging
+    // console.error('Bot Text must either have children or text')
+    return _react["default"].createElement(_react.Fragment, null);
+  }
+
+  if (text && !children) {
+    return _react["default"].createElement("p", (0, _extends2["default"])({
+      className: (0, _classnames["default"])('bot-text', className),
+      dangerouslySetInnerHTML: {
+        __html: text
+      }
+    }, rest));
+  }
+
+  if (children && !text) {
+    return _react["default"].createElement("p", (0, _extends2["default"])({
+      className: (0, _classnames["default"])('bot-text', className)
+    }, rest), children);
+  }
+
+  return _react["default"].createElement(_react.Fragment, null);
+};
+
+var _default = BotText;
+exports["default"] = _default;
+//# sourceMappingURL=BotText.js.map

package/lib/components/BotText/BotText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BotText/BotText.tsx"],"names":["BotText","props","text","children","className","rest","__html"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAaA,IAAMA,OAAgD,GAAG,SAAnDA,OAAmD,CACxDC,KADwD,EAEhC;AAAA,MAChBC,IADgB,GACuBD,KADvB,CAChBC,IADgB;AAAA,MACVC,QADU,GACuBF,KADvB,CACVE,QADU;AAAA,MACAC,SADA,GACuBH,KADvB,CACAG,SADA;AAAA,MACcC,IADd,6CACuBJ,KADvB;;AAGxB,MAAI,CAACE,QAAD,IAAa,CAACD,IAAlB,EAAwB;AACvB;AACA;AACA,WAAO,gCAAC,eAAD,OAAP;AACA;;AAED,MAAIA,IAAI,IAAI,CAACC,QAAb,EAAuB;AACtB,WACC;AACC,MAAA,SAAS,EAAE,4BAAG,UAAH,EAAeC,SAAf,CADZ;AAEC,MAAA,uBAAuB,EAAE;AAAEE,QAAAA,MAAM,EAAEJ;AAAV;AAF1B,OAGKG,IAHL,EADD;AAOA;;AACD,MAAIF,QAAQ,IAAI,CAACD,IAAjB,EAAuB;AACtB,WACC;AAAG,MAAA,SAAS,EAAE,4BAAG,UAAH,EAAeE,SAAf;AAAd,OAA6CC,IAA7C,GACEF,QADF,CADD;AAKA;;AAED,SAAO,gCAAC,eAAD,OAAP;AACA,CA7BD;;eA+BeH,O","sourcesContent":["import React, { Fragment } from 'react'\nimport cx from 'classnames'\n\ninterface IBotTextProps {\n\t/** Use for simple text. */\n\ttext?: string\n\n\t/** May be used instead of text, i.e. if the Bot Text needs to include a link. */\n\tchildren?: React.ReactNode\n\n\t/** Optional class to add. */\n\tclassName?: string\n}\n\nconst BotText: React.StatelessComponent<IBotTextProps> = (\n\tprops: IBotTextProps\n): React.ReactElement => {\n\tconst { text, children, className, ...rest } = props\n\n\tif (!children && !text) {\n\t\t// TODO: Handle logging\n\t\t// console.error('Bot Text must either have children or text')\n\t\treturn <Fragment />\n\t}\n\n\tif (text && !children) {\n\t\treturn (\n\t\t\t<p\n\t\t\t\tclassName={cx('bot-text', className)}\n\t\t\t\tdangerouslySetInnerHTML={{ __html: text }}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t)\n\t}\n\tif (children && !text) {\n\t\treturn (\n\t\t\t<p className={cx('bot-text', className)} {...rest}>\n\t\t\t\t{children}\n\t\t\t</p>\n\t\t)\n\t}\n\n\treturn <Fragment />\n}\n\nexport default BotText\n"],"file":"BotText.js"}

package/lib/components/Button/Button-story.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _react3 = require("@storybook/addon-knobs/react");
+
+var _Button = _interopRequireDefault(require("./Button"));
+
+var btnText = (0, _react3.text)('text', 'Hello World');
+var isFullWidth = (0, _react3["boolean"])('isFullWidth', false);
+var stories = (0, _react2.storiesOf)('Button', module); // stories.addDecorator(
+// 	withKnobsOptions({
+// 		escapeHTML: false
+// 	})
+// )
+
+stories.addDecorator(_react3.withKnobs);
+stories.add('Primary', function () {
+  return _react["default"].createElement(_Button["default"], {
+    isFullWidth: isFullWidth,
+    text: btnText,
+    kind: (0, _react3.text)('kind', '') || 'primary',
+    disabled: (0, _react3["boolean"])('disabled', false),
+    isLoading: (0, _react3["boolean"])('isLoading', false),
+    isSmall: (0, _react3["boolean"])('isSmall', false),
+    isIconOnly: (0, _react3["boolean"])('isIconOnly', false),
+    icon: {
+      name: (0, _react3.text)('icon', null),
+      className: (0, _react3.text)('iconClassName', 'btn__line-icon')
+    },
+    href: (0, _react3.text)('href', ''),
+    target: (0, _react3.text)('target', ''),
+    onClick: (0, _react3.text)('onClick', '() => console.log("you clicked")'),
+    linkProps: (0, _react3.object)('linkProps', {})
+  });
+}).add('Secondary', function () {
+  return _react["default"].createElement(_Button["default"], {
+    isFullWidth: isFullWidth,
+    text: btnText,
+    kind: (0, _react3.text)('kind', '') || 'secondary',
+    disabled: (0, _react3["boolean"])('disabled', false),
+    isLoading: (0, _react3["boolean"])('isLoading', false),
+    isSmall: (0, _react3["boolean"])('isSmall', false),
+    icon: {
+      name: (0, _react3.text)('icon', null),
+      className: (0, _react3.text)('iconClassName', 'btn__line-icon')
+    },
+    href: (0, _react3.text)('href', ''),
+    target: (0, _react3.text)('target', ''),
+    onClick: (0, _react3.text)('onClick', '() => console.log("you clicked")'),
+    linkProps: (0, _react3.object)('linkProps', {})
+  });
+}).add('Simple', function () {
+  return _react["default"].createElement(_Button["default"], {
+    isFullWidth: isFullWidth,
+    text: btnText,
+    kind: (0, _react3.text)('kind', '') || 'simple',
+    disabled: (0, _react3["boolean"])('disabled', false),
+    isLoading: (0, _react3["boolean"])('isLoading', false),
+    isSmall: (0, _react3["boolean"])('isSmall', false),
+    icon: {
+      name: (0, _react3.text)('icon', null),
+      className: (0, _react3.text)('iconClassName', 'btn__line-icon')
+    },
+    href: (0, _react3.text)('href', ''),
+    target: (0, _react3.text)('target', ''),
+    onClick: (0, _react3.text)('onClick', '() => console.log("you clicked")'),
+    linkProps: (0, _react3.object)('linkProps', {})
+  });
+}).add('Default', function () {
+  return _react["default"].createElement(_Button["default"], {
+    isFullWidth: isFullWidth,
+    text: btnText,
+    kind: (0, _react3.text)('kind', '') || '',
+    disabled: (0, _react3["boolean"])('disabled', false),
+    isLoading: (0, _react3["boolean"])('isLoading', false),
+    isSmall: (0, _react3["boolean"])('isSmall', false),
+    icon: {
+      name: (0, _react3.text)('icon', null),
+      className: (0, _react3.text)('iconClassName', 'btn__line-icon')
+    },
+    href: (0, _react3.text)('href', ''),
+    target: (0, _react3.text)('target', ''),
+    onClick: (0, _react3.text)('onClick', '() => console.log("you clicked")'),
+    linkProps: (0, _react3.object)('linkProps', {})
+  });
+}).add('Caution', function () {
+  return _react["default"].createElement(_Button["default"], {
+    isFullWidth: isFullWidth,
+    text: btnText,
+    kind: (0, _react3.text)('kind', '') || 'caution',
+    disabled: (0, _react3["boolean"])('disabled', false),
+    isLoading: (0, _react3["boolean"])('isLoading', false),
+    isSmall: (0, _react3["boolean"])('isSmall', false),
+    icon: {
+      name: (0, _react3.text)('icon', null),
+      className: (0, _react3.text)('iconClassName', 'btn__line-icon')
+    },
+    href: (0, _react3.text)('href', ''),
+    target: (0, _react3.text)('target', ''),
+    onClick: (0, _react3.text)('onClick', '() => console.log("you clicked")'),
+    linkProps: (0, _react3.object)('linkProps', {})
+  });
+});
+//# sourceMappingURL=Button-story.js.map

package/lib/components/Button/Button-story.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Button/Button-story.js"],"names":["btnText","isFullWidth","stories","module","addDecorator","withKnobs","add","name","className"],"mappings":"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","sourcesContent":["// @flow\nimport React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport {\n\twithKnobs,\n\t// withKnobsOptions,\n\ttext,\n\tboolean,\n\tobject\n} from '@storybook/addon-knobs/react'\nimport Button from './Button'\n\nconst btnText = text('text', 'Hello World')\nconst isFullWidth = boolean('isFullWidth', false)\n\nconst stories = storiesOf('Button', module)\n// stories.addDecorator(\n// \twithKnobsOptions({\n// \t\tescapeHTML: false\n// \t})\n// )\nstories.addDecorator(withKnobs)\n\nstories\n\t.add('Primary', () => (\n\t\t<Button\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={btnText}\n\t\t\tkind={text('kind', '') || 'primary'}\n\t\t\tdisabled={boolean('disabled', false)}\n\t\t\tisLoading={boolean('isLoading', false)}\n\t\t\tisSmall={boolean('isSmall', false)}\n\t\t\tisIconOnly={boolean('isIconOnly', false)}\n\t\t\ticon={{\n\t\t\t\tname: text('icon', null),\n\t\t\t\tclassName: text('iconClassName', 'btn__line-icon')\n\t\t\t}}\n\t\t\thref={text('href', '')}\n\t\t\ttarget={text('target', '')}\n\t\t\tonClick={text('onClick', '() => console.log(\"you clicked\")')}\n\t\t\tlinkProps={object('linkProps', {})}\n\t\t/>\n\t))\n\t.add('Secondary', () => (\n\t\t<Button\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={btnText}\n\t\t\tkind={text('kind', '') || 'secondary'}\n\t\t\tdisabled={boolean('disabled', false)}\n\t\t\tisLoading={boolean('isLoading', false)}\n\t\t\tisSmall={boolean('isSmall', false)}\n\t\t\ticon={{\n\t\t\t\tname: text('icon', null),\n\t\t\t\tclassName: text('iconClassName', 'btn__line-icon')\n\t\t\t}}\n\t\t\thref={text('href', '')}\n\t\t\ttarget={text('target', '')}\n\t\t\tonClick={text('onClick', '() => console.log(\"you clicked\")')}\n\t\t\tlinkProps={object('linkProps', {})}\n\t\t/>\n\t))\n\t.add('Simple', () => (\n\t\t<Button\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={btnText}\n\t\t\tkind={text('kind', '') || 'simple'}\n\t\t\tdisabled={boolean('disabled', false)}\n\t\t\tisLoading={boolean('isLoading', false)}\n\t\t\tisSmall={boolean('isSmall', false)}\n\t\t\ticon={{\n\t\t\t\tname: text('icon', null),\n\t\t\t\tclassName: text('iconClassName', 'btn__line-icon')\n\t\t\t}}\n\t\t\thref={text('href', '')}\n\t\t\ttarget={text('target', '')}\n\t\t\tonClick={text('onClick', '() => console.log(\"you clicked\")')}\n\t\t\tlinkProps={object('linkProps', {})}\n\t\t/>\n\t))\n\t.add('Default', () => (\n\t\t<Button\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={btnText}\n\t\t\tkind={text('kind', '') || ''}\n\t\t\tdisabled={boolean('disabled', false)}\n\t\t\tisLoading={boolean('isLoading', false)}\n\t\t\tisSmall={boolean('isSmall', false)}\n\t\t\ticon={{\n\t\t\t\tname: text('icon', null),\n\t\t\t\tclassName: text('iconClassName', 'btn__line-icon')\n\t\t\t}}\n\t\t\thref={text('href', '')}\n\t\t\ttarget={text('target', '')}\n\t\t\tonClick={text('onClick', '() => console.log(\"you clicked\")')}\n\t\t\tlinkProps={object('linkProps', {})}\n\t\t/>\n\t))\n\t.add('Caution', () => (\n\t\t<Button\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={btnText}\n\t\t\tkind={text('kind', '') || 'caution'}\n\t\t\tdisabled={boolean('disabled', false)}\n\t\t\tisLoading={boolean('isLoading', false)}\n\t\t\tisSmall={boolean('isSmall', false)}\n\t\t\ticon={{\n\t\t\t\tname: text('icon', null),\n\t\t\t\tclassName: text('iconClassName', 'btn__line-icon')\n\t\t\t}}\n\t\t\thref={text('href', '')}\n\t\t\ttarget={text('target', '')}\n\t\t\tonClick={text('onClick', '() => console.log(\"you clicked\")')}\n\t\t\tlinkProps={object('linkProps', {})}\n\t\t/>\n\t))\n"],"file":"Button-story.js"}