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

package/lib/components/Card/components/OnboardingCard.js

@@ -0,0 +1,129 @@
+"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 _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 _Card = _interopRequireDefault(require("../Card"));
+
+var _CardHeader = _interopRequireDefault(require("./CardHeader"));
+
+var _CardBody = _interopRequireDefault(require("./CardBody"));
+
+var _CardFooter = _interopRequireDefault(require("./CardFooter"));
+
+var _Tabs = _interopRequireDefault(require("../../Tabs/Tabs"));
+
+var _Button = _interopRequireWildcard(require("../../Button/Button"));
+
+var _ = require("../../..");
+
+var getCurrentStep = function getCurrentStep(steps) {
+  // Find the first step that is not complete
+  if (steps && steps.length > 0) {
+    for (var i = 0; i < steps.length; i++) {
+      if (!steps[i].isComplete) {
+        return i;
+      }
+    }
+  }
+
+  return 0;
+};
+
+var OnboardingCard =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(OnboardingCard, _Component);
+
+  function OnboardingCard() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, OnboardingCard);
+
+    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"])(OnboardingCard)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      currentStep: getCurrentStep(_this.props.steps)
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (idx) {
+      _this.setState({
+        currentStep: idx
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(OnboardingCard, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var currentStep = this.state.currentStep;
+      var _this$props = this.props,
+          title = _this$props.title,
+          steps = _this$props.steps;
+      var tabs = (0, _.unionArray)(steps).map(function (step, idx) {
+        return {
+          text: step.tabTitle,
+          icon: step.tabIcon,
+          isCurrent: idx === currentStep,
+          onClick: function onClick() {
+            return _this2.handleClick(idx);
+          },
+          className: step.isComplete ? 'tab--is-complete' : ''
+        };
+      });
+      return _react["default"].createElement(_Card["default"], {
+        className: "onboarding-card"
+      }, _react["default"].createElement("div", {
+        className: "onboarding-card__header"
+      }, _react["default"].createElement("p", {
+        className: "onboarding-card__title"
+      }, title), tabs && _react["default"].createElement(_Tabs["default"], {
+        tabs: tabs,
+        isPadded: false,
+        isTruncatable: false
+      })), _react["default"].createElement(_CardHeader["default"], {
+        title: steps[currentStep].panelTitle
+      }), _react["default"].createElement(_CardBody["default"], {
+        isSectioned: true,
+        isFullBleed: false
+      }, steps[currentStep].panelCopy), steps[currentStep].panelCTA && _react["default"].createElement(_CardFooter["default"], null, _react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+        kind: _Button.ButtonKinds.Primary
+      }, steps[currentStep].panelCTA))));
+    }
+  }]);
+  return OnboardingCard;
+}(_react.Component);
+
+exports["default"] = OnboardingCard;
+//# sourceMappingURL=OnboardingCard.js.map

package/lib/components/Card/components/OnboardingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/components/OnboardingCard.tsx"],"names":["getCurrentStep","steps","length","i","isComplete","OnboardingCard","currentStep","props","idx","setState","state","title","tabs","map","step","text","tabTitle","icon","tabIcon","isCurrent","onClick","handleClick","className","panelTitle","panelCopy","panelCTA","ButtonKinds","Primary","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAMA;;AAsBA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAsD;AAC5E;AACA,MAAIA,KAAK,IAAIA,KAAK,CAACC,MAAN,GAAe,CAA5B,EAA+B;AAC9B,SAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGF,KAAK,CAACC,MAA1B,EAAkCC,CAAC,EAAnC,EAAuC;AACtC,UAAI,CAACF,KAAK,CAACE,CAAD,CAAL,CAASC,UAAd,EAA0B;AACzB,eAAOD,CAAP;AACA;AACD;AACD;;AACD,SAAO,CAAP;AACA,CAVD;;IAYqBE,c;;;;;;;;;;;;;;;;;8FAIL;AACdC,MAAAA,WAAW,EAAEN,cAAc,CAAC,MAAKO,KAAL,CAAWN,KAAZ;AADb,K;oGAIM,UAACO,GAAD,EAAiB;AACrC,YAAKC,QAAL,CAAc;AACbH,QAAAA,WAAW,EAAEE;AADA,OAAd;AAGA,K;;;;;;6BAEmC;AAAA;;AAAA,UAC3BF,WAD2B,GACX,KAAKI,KADM,CAC3BJ,WAD2B;AAAA,wBAEV,KAAKC,KAFK;AAAA,UAE3BI,KAF2B,eAE3BA,KAF2B;AAAA,UAEpBV,KAFoB,eAEpBA,KAFoB;AAGnC,UAAMW,IAAI,GAAG,kBAAWX,KAAX,EAAkBY,GAAlB,CAAsB,UAACC,IAAD,EAAON,GAAP;AAAA,eAAgB;AAClDO,UAAAA,IAAI,EAAED,IAAI,CAACE,QADuC;AAElDC,UAAAA,IAAI,EAAEH,IAAI,CAACI,OAFuC;AAGlDC,UAAAA,SAAS,EAAEX,GAAG,KAAKF,WAH+B;AAIlDc,UAAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACC,WAAL,CAAiBb,GAAjB,CAAN;AAAA,WAJyC;AAKlDc,UAAAA,SAAS,EAAER,IAAI,CAACV,UAAL,GAAkB,kBAAlB,GAAuC;AALA,SAAhB;AAAA,OAAtB,CAAb;AAQA,aACC,gCAAC,gBAAD;AAAM,QAAA,SAAS,EAAC;AAAhB,SACC;AAAK,QAAA,SAAS,EAAC;AAAf,SACC;AAAG,QAAA,SAAS,EAAC;AAAb,SAAuCO,KAAvC,CADD,EAEEC,IAAI,IAAI,gCAAC,gBAAD;AAAM,QAAA,IAAI,EAAEA,IAAZ;AAAkB,QAAA,QAAQ,EAAE,KAA5B;AAAmC,QAAA,aAAa,EAAE;AAAlD,QAFV,CADD,EAKC,gCAAC,sBAAD;AAAY,QAAA,KAAK,EAAEX,KAAK,CAACK,WAAD,CAAL,CAAmBiB;AAAtC,QALD,EAMC,gCAAC,oBAAD;AAAU,QAAA,WAAW,MAArB;AAAsB,QAAA,WAAW,EAAE;AAAnC,SACEtB,KAAK,CAACK,WAAD,CAAL,CAAmBkB,SADrB,CAND,EASEvB,KAAK,CAACK,WAAD,CAAL,CAAmBmB,QAAnB,IACA,gCAAC,sBAAD,QACC,gCAAC,kBAAD;AACC,QAAA,IAAI,EAAEC,oBAAYC;AADnB,SAEK1B,KAAK,CAACK,WAAD,CAAL,CAAmBmB,QAFxB,EADD,CAVF,CADD;AAoBA;;;EA7C0CG,gB","sourcesContent":["import React, { Component } from 'react'\nimport Card from '../Card'\nimport CardHeader from './CardHeader'\nimport CardBody from './CardBody'\nimport CardFooter from './CardFooter'\nimport Tabs from '../../Tabs/Tabs'\nimport Button, { IButtonProps, ButtonKinds } from '../../Button/Button'\nimport {\n\tIHWOnboardingCard,\n\tIHWOnboardingCardStep\n} from '@sprucelabs/spruce-types'\nimport { IIconProps } from '../../Icon/Icon'\nimport { unionArray } from '../../..'\n\nexport interface IStep\n\textends Omit<IHWOnboardingCardStep, 'panelCTA' | 'tabIcon'> {\n\t/** Primary CTA of this step */\n\tpanelCTA?: IButtonProps | null\n\n\ttabIcon?: IIconProps | null\n}\n\nexport interface IOnboardingCardProps extends Omit<IHWOnboardingCard, 'steps'> {\n\t/** Steps for onboarding */\n\tsteps: IStep[]\n\n\t/** Optional class to add */\n\tclassName?: string\n}\n\ninterface IOnboardingCardState {\n\tcurrentStep: number\n}\n\nconst getCurrentStep = (steps: IStep[] | IHWOnboardingCardStep[]): number => {\n\t// Find the first step that is not complete\n\tif (steps && steps.length > 0) {\n\t\tfor (let i = 0; i < steps.length; i++) {\n\t\t\tif (!steps[i].isComplete) {\n\t\t\t\treturn i\n\t\t\t}\n\t\t}\n\t}\n\treturn 0\n}\n\nexport default class OnboardingCard extends Component<\n\tIOnboardingCardProps | IHWOnboardingCard,\n\tIOnboardingCardState\n> {\n\tpublic state = {\n\t\tcurrentStep: getCurrentStep(this.props.steps)\n\t}\n\n\tpublic handleClick = (idx: number) => {\n\t\tthis.setState({\n\t\t\tcurrentStep: idx\n\t\t})\n\t}\n\n\tpublic render(): React.ReactElement {\n\t\tconst { currentStep } = this.state\n\t\tconst { title, steps } = this.props\n\t\tconst tabs = unionArray(steps).map((step, idx) => ({\n\t\t\ttext: step.tabTitle,\n\t\t\ticon: step.tabIcon,\n\t\t\tisCurrent: idx === currentStep,\n\t\t\tonClick: () => this.handleClick(idx),\n\t\t\tclassName: step.isComplete ? 'tab--is-complete' : ''\n\t\t}))\n\n\t\treturn (\n\t\t\t<Card className=\"onboarding-card\">\n\t\t\t\t<div className=\"onboarding-card__header\">\n\t\t\t\t\t<p className=\"onboarding-card__title\">{title}</p>\n\t\t\t\t\t{tabs && <Tabs tabs={tabs} isPadded={false} isTruncatable={false} />}\n\t\t\t\t</div>\n\t\t\t\t<CardHeader title={steps[currentStep].panelTitle} />\n\t\t\t\t<CardBody isSectioned isFullBleed={false}>\n\t\t\t\t\t{steps[currentStep].panelCopy}\n\t\t\t\t</CardBody>\n\t\t\t\t{steps[currentStep].panelCTA && (\n\t\t\t\t\t<CardFooter>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkind={ButtonKinds.Primary}\n\t\t\t\t\t\t\t{...steps[currentStep].panelCTA}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CardFooter>\n\t\t\t\t)}\n\t\t\t</Card>\n\t\t)\n\t}\n}\n"],"file":"OnboardingCard.js"}

package/lib/components/Card/components/Scores.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface IPanelProps {
+    /** Unique id for looping. */
+    id: string;
+    /** Description of the corresponding value. */
+    label: string;
+    /** The value to display. */
+    value: string;
+}
+interface IScoresProps {
+    scores: IPanelProps[];
+}
+declare const Scores: (props: IScoresProps) => 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 Scores;
+//# sourceMappingURL=Scores.d.ts.map

package/lib/components/Card/components/Scores.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scores.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/components/Scores.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,UAAU,WAAW;IACpB,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAA;IAEV,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAA;IAEb,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;CACb;AAYD,UAAU,YAAY;IACrB,MAAM,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,QAAA,MAAM,MAAM,yOASX,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/components/Card/components/Scores.js

@@ -0,0 +1,39 @@
+"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 _react = _interopRequireDefault(require("react"));
+
+var ScorePanel = function ScorePanel(props) {
+  var label = props.label,
+      value = props.value;
+  return _react["default"].createElement("div", {
+    className: "card__score"
+  }, _react["default"].createElement("p", {
+    className: "card__score-label"
+  }, label), _react["default"].createElement("p", {
+    className: "card__score-value"
+  }, value));
+};
+
+var Scores = function Scores(props) {
+  var scores = props.scores;
+  return _react["default"].createElement("div", {
+    className: "card__scores"
+  }, scores.map(function (score) {
+    return _react["default"].createElement(ScorePanel, (0, _extends2["default"])({
+      key: score.id
+    }, score));
+  }));
+};
+
+var _default = Scores;
+exports["default"] = _default;
+//# sourceMappingURL=Scores.js.map

package/lib/components/Card/components/Scores.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/components/Scores.tsx"],"names":["ScorePanel","props","label","value","Scores","scores","map","score","id"],"mappings":";;;;;;;;;;;AAAA;;AAaA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAA4C;AAAA,MACtDC,KADsD,GACrCD,KADqC,CACtDC,KADsD;AAAA,MAC/CC,KAD+C,GACrCF,KADqC,CAC/CE,KAD+C;AAE9D,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAG,IAAA,SAAS,EAAC;AAAb,KAAkCD,KAAlC,CADD,EAEC;AAAG,IAAA,SAAS,EAAC;AAAb,KAAkCC,KAAlC,CAFD,CADD;AAMA,CARD;;AAcA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACH,KAAD,EAA6C;AAAA,MACnDI,MADmD,GACxCJ,KADwC,CACnDI,MADmD;AAE3D,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,MAAM,CAACC,GAAP,CAAW,UAAAC,KAAK;AAAA,WAChB,gCAAC,UAAD;AAAY,MAAA,GAAG,EAAEA,KAAK,CAACC;AAAvB,OAA+BD,KAA/B,EADgB;AAAA,GAAhB,CADF,CADD;AAOA,CATD;;eAWeH,M","sourcesContent":["import React from 'react'\n\ninterface IPanelProps {\n\t/** Unique id for looping. */\n\tid: string\n\n\t/** Description of the corresponding value. */\n\tlabel: string\n\n\t/** The value to display. */\n\tvalue: string\n}\n\nconst ScorePanel = (props: IPanelProps): React.ReactElement => {\n\tconst { label, value } = props\n\treturn (\n\t\t<div className=\"card__score\">\n\t\t\t<p className=\"card__score-label\">{label}</p>\n\t\t\t<p className=\"card__score-value\">{value}</p>\n\t\t</div>\n\t)\n}\n\ninterface IScoresProps {\n\tscores: IPanelProps[]\n}\n\nconst Scores = (props: IScoresProps): React.ReactElement => {\n\tconst { scores } = props\n\treturn (\n\t\t<div className=\"card__scores\">\n\t\t\t{scores.map(score => (\n\t\t\t\t<ScorePanel key={score.id} {...score} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n\nexport default Scores\n"],"file":"Scores.js"}

package/lib/components/Card/index.d.ts

@@ -0,0 +1,11 @@
+export { default as Card, ICardProps } from './Card';
+import Card from './Card';
+export default Card;
+export { default as CardHeader, ICardHeaderProps } from './components/CardHeader';
+export { default as CardBody, ICardBodyProps } from './components/CardBody';
+export { default as CardSection, ICardSectionProps } from './components/CardSection';
+export { default as CardFooter, ICardFooterProps } from './components/CardFooter';
+export { default as CardBuilder, ICardBuilderProps } from './components/CardBuilder';
+export { default as OnboardingCard, IOnboardingCardProps } from './components/OnboardingCard';
+export { default as Scores } from './components/Scores';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACpD,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,eAAe,IAAI,CAAA;AAEnB,OAAO,EACN,OAAO,IAAI,UAAU,EACrB,gBAAgB,EAChB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,EACN,OAAO,IAAI,WAAW,EACtB,iBAAiB,EACjB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACN,OAAO,IAAI,UAAU,EACrB,gBAAgB,EAChB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACN,OAAO,IAAI,WAAW,EACtB,iBAAiB,EACjB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACN,OAAO,IAAI,cAAc,EACzB,oBAAoB,EACpB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA"}

package/lib/components/Card/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card["default"];
+  }
+});
+Object.defineProperty(exports, "ICardProps", {
+  enumerable: true,
+  get: function get() {
+    return _Card.ICardProps;
+  }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function get() {
+    return _CardHeader["default"];
+  }
+});
+Object.defineProperty(exports, "ICardHeaderProps", {
+  enumerable: true,
+  get: function get() {
+    return _CardHeader.ICardHeaderProps;
+  }
+});
+Object.defineProperty(exports, "CardBody", {
+  enumerable: true,
+  get: function get() {
+    return _CardBody["default"];
+  }
+});
+Object.defineProperty(exports, "ICardBodyProps", {
+  enumerable: true,
+  get: function get() {
+    return _CardBody.ICardBodyProps;
+  }
+});
+Object.defineProperty(exports, "CardSection", {
+  enumerable: true,
+  get: function get() {
+    return _CardSection["default"];
+  }
+});
+Object.defineProperty(exports, "ICardSectionProps", {
+  enumerable: true,
+  get: function get() {
+    return _CardSection.ICardSectionProps;
+  }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function get() {
+    return _CardFooter["default"];
+  }
+});
+Object.defineProperty(exports, "ICardFooterProps", {
+  enumerable: true,
+  get: function get() {
+    return _CardFooter.ICardFooterProps;
+  }
+});
+Object.defineProperty(exports, "CardBuilder", {
+  enumerable: true,
+  get: function get() {
+    return _CardBuilder["default"];
+  }
+});
+Object.defineProperty(exports, "ICardBuilderProps", {
+  enumerable: true,
+  get: function get() {
+    return _CardBuilder.ICardBuilderProps;
+  }
+});
+Object.defineProperty(exports, "OnboardingCard", {
+  enumerable: true,
+  get: function get() {
+    return _OnboardingCard["default"];
+  }
+});
+Object.defineProperty(exports, "IOnboardingCardProps", {
+  enumerable: true,
+  get: function get() {
+    return _OnboardingCard.IOnboardingCardProps;
+  }
+});
+Object.defineProperty(exports, "Scores", {
+  enumerable: true,
+  get: function get() {
+    return _Scores["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _Card = _interopRequireWildcard(require("./Card"));
+
+var _CardHeader = _interopRequireWildcard(require("./components/CardHeader"));
+
+var _CardBody = _interopRequireWildcard(require("./components/CardBody"));
+
+var _CardSection = _interopRequireWildcard(require("./components/CardSection"));
+
+var _CardFooter = _interopRequireWildcard(require("./components/CardFooter"));
+
+var _CardBuilder = _interopRequireWildcard(require("./components/CardBuilder"));
+
+var _OnboardingCard = _interopRequireWildcard(require("./components/OnboardingCard"));
+
+var _Scores = _interopRequireDefault(require("./components/Scores"));
+
+var _default = _Card["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Card/index.tsx"],"names":["Card"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAIA;;AAIA;;AACA;;AAIA;;AAIA;;AAIA;;AAIA;;eAvBeA,gB","sourcesContent":["export { default as Card, ICardProps } from './Card'\nimport Card from './Card'\nexport default Card\n\nexport {\n\tdefault as CardHeader,\n\tICardHeaderProps\n} from './components/CardHeader'\nexport { default as CardBody, ICardBodyProps } from './components/CardBody'\nexport {\n\tdefault as CardSection,\n\tICardSectionProps\n} from './components/CardSection'\nexport {\n\tdefault as CardFooter,\n\tICardFooterProps\n} from './components/CardFooter'\nexport {\n\tdefault as CardBuilder,\n\tICardBuilderProps\n} from './components/CardBuilder'\nexport {\n\tdefault as OnboardingCard,\n\tIOnboardingCardProps\n} from './components/OnboardingCard'\nexport { default as Scores } from './components/Scores'\n"],"file":"index.js"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+"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 _CircleLoader = _interopRequireDefault(require("./CircleLoader"));
+
+var stories = (0, _react2.storiesOf)('CircleLoader', module);
+stories.addDecorator(_addonKnobs.withKnobs);
+stories.add('CircleLoader', function () {
+  return _react["default"].createElement(_CircleLoader["default"], {
+    light: (0, _addonKnobs["boolean"])('light', false)
+  });
+});
+//# sourceMappingURL=CircleLoader-story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CircleLoader/CircleLoader-story.tsx"],"names":["stories","module","addDecorator","withKnobs","add"],"mappings":";;;;AAAA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,OAAO,GAAG,uBAAU,cAAV,EAA0BC,MAA1B,CAAhB;AAEAD,OAAO,CAACE,YAAR,CAAqBC,qBAArB;AAEAH,OAAO,CAACI,GAAR,CAAY,cAAZ,EAA4B;AAAA,SAC3B,gCAAC,wBAAD;AAAc,IAAA,KAAK,EAAE,4BAAQ,OAAR,EAAiB,KAAjB;AAArB,IAD2B;AAAA,CAA5B","sourcesContent":["import React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport { withKnobs, boolean } from '@storybook/addon-knobs'\n\nimport CircleLoader from './CircleLoader'\n\nconst stories = storiesOf('CircleLoader', module)\n\nstories.addDecorator(withKnobs)\n\nstories.add('CircleLoader', () => (\n\t<CircleLoader light={boolean('light', false)} />\n))\n"],"file":"CircleLoader-story.js"}

package/lib/components/CircleLoader/CircleLoader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ICircleLoaderProps {
+    /** Optional; makes the loader white instead of primary color */
+    light?: boolean;
+}
+declare const CircleLoader: {
+    (props: ICircleLoaderProps): 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: {
+        light: boolean;
+    };
+};
+export default CircleLoader;
+//# sourceMappingURL=CircleLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleLoader.d.ts","sourceRoot":"","sources":["../../../src/components/CircleLoader/CircleLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,kBAAkB;IAClC,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,YAAY;;;;;CAWjB,CAAA;AAMD,eAAe,YAAY,CAAA"}

package/lib/components/CircleLoader/CircleLoader.js

@@ -0,0 +1,28 @@
+"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 CircleLoader = function CircleLoader(props) {
+  var light = props.light;
+  return _react["default"].createElement("div", {
+    className: (0, _classnames["default"])('circle-loader', {
+      'circle-loader--light': light
+    })
+  }, _react["default"].createElement("div", null));
+};
+
+CircleLoader.defaultProps = {
+  light: false
+};
+var _default = CircleLoader;
+exports["default"] = _default;
+//# sourceMappingURL=CircleLoader.js.map

package/lib/components/CircleLoader/CircleLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CircleLoader/CircleLoader.tsx"],"names":["CircleLoader","props","light","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAmD;AAAA,MAC/DC,KAD+D,GACrDD,KADqD,CAC/DC,KAD+D;AAEvE,SACC;AACC,IAAA,SAAS,EAAE,4BAAG,eAAH,EAAoB;AAC9B,8BAAwBA;AADM,KAApB;AADZ,KAKC,4CALD,CADD;AASA,CAXD;;AAaAF,YAAY,CAACG,YAAb,GAA4B;AAC3BD,EAAAA,KAAK,EAAE;AADoB,CAA5B;eAIeF,Y","sourcesContent":["import React from 'react'\nimport cx from 'classnames'\n\nexport interface ICircleLoaderProps {\n\t/** Optional; makes the loader white instead of primary color */\n\tlight?: boolean\n}\n\nconst CircleLoader = (props: ICircleLoaderProps): React.ReactElement => {\n\tconst { light } = props\n\treturn (\n\t\t<div\n\t\t\tclassName={cx('circle-loader', {\n\t\t\t\t'circle-loader--light': light\n\t\t\t})}\n\t\t>\n\t\t\t<div />\n\t\t</div>\n\t)\n}\n\nCircleLoader.defaultProps = {\n\tlight: false\n}\n\nexport default CircleLoader\n"],"file":"CircleLoader.js"}

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

@@ -0,0 +1,31 @@
+"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 _ContextMenu = _interopRequireDefault(require("./ContextMenu"));
+
+var stories = (0, _react2.storiesOf)('Context Menu', module);
+stories.addDecorator(_react3.withKnobs);
+stories.add('Example', function () {
+  return _react["default"].createElement(_ContextMenu["default"], {
+    actions: (0, _react3.object)('actions', [{
+      text: 'Rebook'
+    }, {
+      text: 'Cancel appointment'
+    }, {
+      text: 'Ask for feedback'
+    }]),
+    isRightAligned: (0, _react3["boolean"])('isRightAligned', false),
+    isBottomAligned: (0, _react3["boolean"])('isBottomAligned', false),
+    size: (0, _react3.text)('size', 'large'),
+    isSimple: (0, _react3["boolean"])('isSimple', false),
+    isSmall: (0, _react3["boolean"])('isSmall', false)
+  });
+});
+//# sourceMappingURL=ContextMenu-story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ContextMenu/ContextMenu-story.js"],"names":["stories","module","addDecorator","withKnobs","add","text"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,uBAAU,cAAV,EAA0BC,MAA1B,CAAhB;AAEAD,OAAO,CAACE,YAAR,CAAqBC,iBAArB;AAEAH,OAAO,CAACI,GAAR,CAAY,SAAZ,EAAuB;AAAA,SACtB,gCAAC,uBAAD;AACC,IAAA,OAAO,EAAE,oBAAO,SAAP,EAAkB,CAC1B;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAD0B,EAE1B;AAAEA,MAAAA,IAAI,EAAE;AAAR,KAF0B,EAG1B;AAAEA,MAAAA,IAAI,EAAE;AAAR,KAH0B,CAAlB,CADV;AAMC,IAAA,cAAc,EAAE,wBAAQ,gBAAR,EAA0B,KAA1B,CANjB;AAOC,IAAA,eAAe,EAAE,wBAAQ,iBAAR,EAA2B,KAA3B,CAPlB;AAQC,IAAA,IAAI,EAAE,kBAAK,MAAL,EAAa,OAAb,CARP;AASC,IAAA,QAAQ,EAAE,wBAAQ,UAAR,EAAoB,KAApB,CATX;AAUC,IAAA,OAAO,EAAE,wBAAQ,SAAR,EAAmB,KAAnB;AAVV,IADsB;AAAA,CAAvB","sourcesContent":["import React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport { withKnobs, object, boolean, text } from '@storybook/addon-knobs/react'\nimport ContextMenu from './ContextMenu'\n\nconst stories = storiesOf('Context Menu', module)\n\nstories.addDecorator(withKnobs)\n\nstories.add('Example', () => (\n\t<ContextMenu\n\t\tactions={object('actions', [\n\t\t\t{ text: 'Rebook' },\n\t\t\t{ text: 'Cancel appointment' },\n\t\t\t{ text: 'Ask for feedback' }\n\t\t])}\n\t\tisRightAligned={boolean('isRightAligned', false)}\n\t\tisBottomAligned={boolean('isBottomAligned', false)}\n\t\tsize={text('size', 'large')}\n\t\tisSimple={boolean('isSimple', false)}\n\t\tisSmall={boolean('isSmall', false)}\n\t/>\n))\n"],"file":"ContextMenu-story.js"}

package/lib/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,70 @@
+/// <reference types="lodash" />
+import { IHWAction, IHWContextMenu } from '@sprucelabs/spruce-types';
+import React, { Component } from 'react';
+import { IButtonProps } from '../Button/Button';
+import { IIconProps } from '../Icon/Icon';
+export interface IContextMenuProps extends Omit<IHWContextMenu, 'actions' | 'icon'> {
+    /** The actions to be shown on tap/click */
+    actions: IButtonProps[];
+    /** DEPRECATED Set true to left align the menu */
+    isLeftAligned?: boolean;
+    /** DEPRECATED Set true to right align the menu */
+    isRightAligned?: boolean;
+    /** DEPRECATED Set true to align menu above button */
+    isBottomAligned?: boolean;
+    /** Overrides the default icon */
+    icon?: IIconProps | null;
+    /** Optional classname that applies to the button */
+    className?: string;
+    onToggleContextMenuVisible?: Function;
+    /** optional, provide a handler for Actions */
+    onAction?: (action: IHWAction) => any;
+}
+interface IContextMenuState {
+    /** Show the menu */
+    isVisible: boolean;
+    /** Where the menu should be positioned when visible */
+    menuPosition: {
+        top: number | null;
+        left: number | null;
+    };
+    overflowBottom: boolean;
+    overflowLeft: boolean;
+}
+export default class ContextMenu extends Component<IContextMenuProps | IHWContextMenu, IContextMenuState> {
+    static defaultProps: {
+        isRightAligned: boolean;
+        isBottomAligned: boolean;
+        isTextOnly: boolean;
+        isSmall: boolean;
+        className: string;
+    };
+    ref: React.RefObject<HTMLDivElement>;
+    menuRef: React.RefObject<HTMLDivElement>;
+    portalEl?: HTMLElement;
+    debouncedWindowResize: (() => void) & import("lodash").Cancelable;
+    state: {
+        isVisible: boolean;
+        overflowBottom: boolean;
+        overflowLeft: boolean;
+        menuPosition: {
+            top: null;
+            left: null;
+        };
+    };
+    constructor(props: IContextMenuProps);
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    handleWindowResize: () => void;
+    getTriggerPlacement: () => DOMRect | null;
+    getMenuPlacement: () => void;
+    updateMenuPlacement: () => void;
+    handleClickOutside: () => void;
+    handleEscape: (e: any) => void;
+    handleToggle: () => void;
+    manageListeners: () => void;
+    handleClickAction: (payload: any, callback: any) => void;
+    render(): React.ReactElement;
+}
+export {};
+//# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,SAAS,EAET,cAAc,EACd,MAAM,0BAA0B,CAAA;AAGjC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAe,EAAe,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,MAAM,CAAC;IAChD,2CAA2C;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAA;IAEvB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAExB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,0BAA0B,CAAC,EAAE,QAAQ,CAAA;IAErC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG,CAAA;CACrC;AAED,UAAU,iBAAiB;IAC1B,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAA;IAElB,uDAAuD;IACvD,YAAY,EAAE;QACb,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;QAClB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KACnB,CAAA;IAED,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,SAAS,CACjD,iBAAiB,GAAG,cAAc,EAClC,iBAAiB,CACjB;IACA,OAAc,YAAY;;;;;;MAMzB;IAEM,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAoB;IACxD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAoB;IAC5D,QAAQ,CAAC,EAAE,WAAW,CAAA;IAEtB,qBAAqB,6CAAiD;IACtE,KAAK;;;;;;;;MAQX;gBAEkB,KAAK,EAAE,iBAAiB;IASpC,iBAAiB,aAKvB;IAEM,oBAAoB,aAQ1B;IAEM,kBAAkB,aAKxB;IAEM,mBAAmB,uBASzB;IAEM,gBAAgB,aAqBtB;IAEM,mBAAmB,aAoDzB;IAEM,kBAAkB,aAOxB;IAEM,YAAY,mBASlB;IAEM,YAAY,aAmBlB;IAEM,eAAe,aAUrB;IAEM,iBAAiB,wCAKvB;IAEM,MAAM,IAAI,KAAK,CAAC,YAAY;CA2EnC"}