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

package/lib/components/EventDetails/EventDetails.d.ts

@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+import { IHWCalendarEventDetails, IHWCalendarEventDetailsItem, IHWAction } from '@sprucelabs/spruce-types';
+import { IEventDetailsItemProps } from './components/EventDetailsItem/EventDetailsItem';
+export interface IEventDetailsProps extends Omit<IHWCalendarEventDetails, 'items'> {
+    /** In a loading state, loading placeholders will be dropped in */
+    isLoading?: boolean;
+    /** all the items that make up this event details component */
+    items: (IEventDetailsItemProps | IHWCalendarEventDetailsItem)[];
+    /** optional, provide a handler for Actions */
+    onAction?: (action: IHWAction) => any;
+}
+interface IEventDetailsState {
+}
+export default class EventDetails extends Component<IEventDetailsProps | IHWCalendarEventDetails, IEventDetailsState> {
+    render(): React.ReactElement;
+}
+export {};
+//# sourceMappingURL=EventDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventDetails.d.ts","sourceRoot":"","sources":["../../../src/components/EventDetails/EventDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,EACN,uBAAuB,EAEvB,2BAA2B,EAC3B,SAAS,EACT,MAAM,0BAA0B,CAAA;AAEjC,OAAyB,EACxB,sBAAsB,EACtB,MAAM,gDAAgD,CAAA;AAGvD,MAAM,WAAW,kBAChB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,CAAC;IAC9C,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,8DAA8D;IAC9D,KAAK,EAAE,CAAC,sBAAsB,GAAG,2BAA2B,CAAC,EAAE,CAAA;IAE/D,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG,CAAA;CACrC;AAED,UAAU,kBAAkB;CAAG;AAE/B,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,SAAS,CAClD,kBAAkB,GAAG,uBAAuB,EAC5C,kBAAkB,CAClB;IACO,MAAM,IAAI,KAAK,CAAC,YAAY;CAoCnC"}

package/lib/components/EventDetails/EventDetails.js

@@ -0,0 +1,75 @@
+"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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _spruceTypes = require("@sprucelabs/spruce-types");
+
+var _EventDetailsItem = _interopRequireDefault(require("./components/EventDetailsItem/EventDetailsItem"));
+
+var _ = require("../..");
+
+var EventDetails =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(EventDetails, _Component);
+
+  function EventDetails() {
+    (0, _classCallCheck2["default"])(this, EventDetails);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(EventDetails).apply(this, arguments));
+  }
+
+  (0, _createClass2["default"])(EventDetails, [{
+    key: "render",
+    value: function render() {
+      var reactHeartwoodProps = this.props;
+      var commonProps = this.props;
+      var items = commonProps.items;
+      var isLoading = reactHeartwoodProps.isLoading,
+          onAction = reactHeartwoodProps.onAction;
+      var className = (0, _classnames["default"])('event-details', {
+        'loading-placeholder': isLoading
+      });
+      return _react["default"].createElement("div", {
+        className: className
+      }, (0, _.unionArray)(items).map(function (item) {
+        return _react["default"].createElement("div", {
+          key: item.viewModel.id,
+          className: (0, _classnames["default"])('event-details__section', {
+            'event-details__button-wrapper': item.type === _spruceTypes.IHWCalendarEventDetailsItemType.Button || item.type === _spruceTypes.IHWCalendarEventDetailsItemType.SplitButton,
+            'event-details__markdown-wrapper': item.type === _spruceTypes.IHWCalendarEventDetailsItemType.Markdown,
+            'event-details__card-wrapper': item.type === _spruceTypes.IHWCalendarEventDetailsItemType.CardBuilder
+          })
+        }, _react["default"].createElement(_EventDetailsItem["default"], {
+          type: item.type,
+          viewModel: item.viewModel,
+          onAction: onAction
+        }));
+      }));
+    }
+  }]);
+  return EventDetails;
+}(_react.Component);
+
+exports["default"] = EventDetails;
+//# sourceMappingURL=EventDetails.js.map

package/lib/components/EventDetails/EventDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EventDetails/EventDetails.tsx"],"names":["EventDetails","reactHeartwoodProps","props","commonProps","items","isLoading","onAction","className","map","item","viewModel","id","type","IHWCalendarEventDetailsItemType","Button","SplitButton","Markdown","CardBuilder","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAOA;;AAGA;;IAgBqBA,Y;;;;;;;;;;;;6BAIgB;AACnC,UAAMC,mBAAmB,GAAG,KAAKC,KAAjC;AACA,UAAMC,WAAW,GAAG,KAAKD,KAAzB;AAFmC,UAI3BE,KAJ2B,GAIjBD,WAJiB,CAI3BC,KAJ2B;AAAA,UAK3BC,SAL2B,GAKHJ,mBALG,CAK3BI,SAL2B;AAAA,UAKhBC,QALgB,GAKHL,mBALG,CAKhBK,QALgB;AAOnC,UAAMC,SAAS,GAAG,4BAAG,eAAH,EAAoB;AACrC,+BAAuBF;AADc,OAApB,CAAlB;AAIA,aACC;AAAK,QAAA,SAAS,EAAEE;AAAhB,SACE,kBAAWH,KAAX,EAAkBI,GAAlB,CAAsB,UAAAC,IAAI;AAAA,eAC1B;AACC,UAAA,GAAG,EAAEA,IAAI,CAACC,SAAL,CAAeC,EADrB;AAEC,UAAA,SAAS,EAAE,4BAAG,wBAAH,EAA6B;AACvC,6CACCF,IAAI,CAACG,IAAL,KAAcC,6CAAgCC,MAA9C,IACAL,IAAI,CAACG,IAAL,KAAcC,6CAAgCE,WAHR;AAIvC,+CACCN,IAAI,CAACG,IAAL,KAAcC,6CAAgCG,QALR;AAMvC,2CACCP,IAAI,CAACG,IAAL,KAAcC,6CAAgCI;AAPR,WAA7B;AAFZ,WAYC,gCAAC,4BAAD;AACC,UAAA,IAAI,EAAER,IAAI,CAACG,IADZ;AAEC,UAAA,SAAS,EAAEH,IAAI,CAACC,SAFjB;AAGC,UAAA,QAAQ,EAAEJ;AAHX,UAZD,CAD0B;AAAA,OAA1B,CADF,CADD;AAwBA;;;EAvCwCY,gB","sourcesContent":["import React, { Component } from 'react'\nimport cx from 'classnames'\n\nimport {\n\tIHWCalendarEventDetails,\n\tIHWCalendarEventDetailsItemType,\n\tIHWCalendarEventDetailsItem,\n\tIHWAction\n} from '@sprucelabs/spruce-types'\n\nimport EventDetailsItem, {\n\tIEventDetailsItemProps\n} from './components/EventDetailsItem/EventDetailsItem'\nimport { unionArray } from '../..'\n\nexport interface IEventDetailsProps\n\textends Omit<IHWCalendarEventDetails, 'items'> {\n\t/** In a loading state, loading placeholders will be dropped in */\n\tisLoading?: boolean\n\n\t/** all the items that make up this event details component */\n\titems: (IEventDetailsItemProps | IHWCalendarEventDetailsItem)[]\n\n\t/** optional, provide a handler for Actions */\n\tonAction?: (action: IHWAction) => any\n}\n\ninterface IEventDetailsState {}\n\nexport default class EventDetails extends Component<\n\tIEventDetailsProps | IHWCalendarEventDetails,\n\tIEventDetailsState\n> {\n\tpublic render(): React.ReactElement {\n\t\tconst reactHeartwoodProps = this.props as IEventDetailsProps\n\t\tconst commonProps = this.props as IHWCalendarEventDetails\n\n\t\tconst { items } = commonProps\n\t\tconst { isLoading, onAction } = reactHeartwoodProps\n\n\t\tconst className = cx('event-details', {\n\t\t\t'loading-placeholder': isLoading\n\t\t})\n\n\t\treturn (\n\t\t\t<div className={className}>\n\t\t\t\t{unionArray(items).map(item => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={item.viewModel.id}\n\t\t\t\t\t\tclassName={cx('event-details__section', {\n\t\t\t\t\t\t\t'event-details__button-wrapper':\n\t\t\t\t\t\t\t\titem.type === IHWCalendarEventDetailsItemType.Button ||\n\t\t\t\t\t\t\t\titem.type === IHWCalendarEventDetailsItemType.SplitButton,\n\t\t\t\t\t\t\t'event-details__markdown-wrapper':\n\t\t\t\t\t\t\t\titem.type === IHWCalendarEventDetailsItemType.Markdown,\n\t\t\t\t\t\t\t'event-details__card-wrapper':\n\t\t\t\t\t\t\t\titem.type === IHWCalendarEventDetailsItemType.CardBuilder\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EventDetailsItem\n\t\t\t\t\t\t\ttype={item.type}\n\t\t\t\t\t\t\tviewModel={item.viewModel}\n\t\t\t\t\t\t\tonAction={onAction}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t)\n\t}\n}\n"],"file":"EventDetails.js"}

package/lib/components/EventDetails/EventDetailsUtilities.d.ts

@@ -0,0 +1,11 @@
+import { IEventDetailsItemProps } from '@sprucelabs/react-heartwood-components';
+import { IHWCalendarEventDetailsItem, IHWUiEnhancementSection } from '@sprucelabs/spruce-types';
+declare type TValidEventDetails = IHWCalendarEventDetailsItem[] | IEventDetailsItemProps[];
+/** This utility is used in conjunction with the `getUIEnhancements` endpoint.
+ *  With it, you can meld the results of that API with an existing eventDetailsItems
+ *  response, which you may have retrieved from `CalendarEvents`, or otherwise
+ *  may be assembling manually.
+ */
+export declare function applyUIEnhancementsToEventDetails(eventDetailItems: TValidEventDetails, UIEnhancementSections: IHWUiEnhancementSection[]): any;
+export {};
+//# sourceMappingURL=EventDetailsUtilities.d.ts.map

package/lib/components/EventDetails/EventDetailsUtilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventDetailsUtilities.d.ts","sourceRoot":"","sources":["../../../src/components/EventDetails/EventDetailsUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,sBAAsB,EACtB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAEN,2BAA2B,EAC3B,uBAAuB,EACvB,MAAM,0BAA0B,CAAA;AAGjC,aAAK,kBAAkB,GACpB,2BAA2B,EAAE,GAC7B,sBAAsB,EAAE,CAAA;AAE3B;;;;GAIG;AACH,wBAAgB,iCAAiC,CAChD,gBAAgB,EAAE,kBAAkB,EACpC,qBAAqB,EAAE,uBAAuB,EAAE,OA0DhD"}

package/lib/components/EventDetails/EventDetailsUtilities.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyUIEnhancementsToEventDetails = applyUIEnhancementsToEventDetails;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _lodash = require("lodash");
+
+/** This utility is used in conjunction with the `getUIEnhancements` endpoint.
+ *  With it, you can meld the results of that API with an existing eventDetailsItems
+ *  response, which you may have retrieved from `CalendarEvents`, or otherwise
+ *  may be assembling manually.
+ */
+function applyUIEnhancementsToEventDetails(eventDetailItems, UIEnhancementSections) {
+  // First, we clone the input to keep the method pure and avoid side-effects.
+  var mutatedEventDetailItems = (0, _lodash.cloneDeep)(eventDetailItems); // This loop applies the `contextMenuItems` enhancements to the appropriate
+  // context menus in the event details.
+
+  (0, _lodash.each)(mutatedEventDetailItems, function (eventDetailItem) {
+    if (eventDetailItem && (0, _typeof2["default"])(eventDetailItem) === 'object' && eventDetailItem.viewModel.__typename === 'List') {
+      eventDetailItem.viewModel.items && eventDetailItem.viewModel.items.forEach(function (item) {
+        var matchingUIEnhancement = (0, _lodash.find)(UIEnhancementSections, {
+          id: eventDetailItem.id || undefined
+        });
+
+        if (matchingUIEnhancement && item.__typename === 'ListItem' && item.contextMenu) {
+          item.contextMenu.actions = (0, _lodash.concat)(item.contextMenu.actions, (0, _lodash.compact)(matchingUIEnhancement.contextMenuItems));
+        }
+      });
+    }
+  }); // At this stage we interleave the new `calendarEventDetailsItems` enhancements with
+  // the inputs'.
+
+  var mutatedEventDetailItemsWithAdditionalEventDetailItems = [];
+  (0, _lodash.each)(mutatedEventDetailItems, function (eventDetailItem) {
+    mutatedEventDetailItemsWithAdditionalEventDetailItems.push(eventDetailItem);
+
+    if (eventDetailItem && (0, _typeof2["default"])(eventDetailItem) === 'object') {
+      var matchingUIEnhancement = (0, _lodash.find)(UIEnhancementSections, {
+        id: eventDetailItem.id || undefined
+      });
+
+      if (matchingUIEnhancement && matchingUIEnhancement.calendarEventDetailsItems) {
+        mutatedEventDetailItemsWithAdditionalEventDetailItems = mutatedEventDetailItemsWithAdditionalEventDetailItems.concat(matchingUIEnhancement.calendarEventDetailsItems);
+      }
+    }
+  }); // And done! Have a nice day!
+
+  return mutatedEventDetailItemsWithAdditionalEventDetailItems;
+}
+//# sourceMappingURL=EventDetailsUtilities.js.map

package/lib/components/EventDetails/EventDetailsUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EventDetails/EventDetailsUtilities.ts"],"names":["applyUIEnhancementsToEventDetails","eventDetailItems","UIEnhancementSections","mutatedEventDetailItems","eventDetailItem","viewModel","__typename","items","forEach","item","matchingUIEnhancement","id","undefined","contextMenu","actions","contextMenuItems","mutatedEventDetailItemsWithAdditionalEventDetailItems","push","calendarEventDetailsItems","concat"],"mappings":";;;;;;;;;;;AASA;;AAMA;;;;;AAKO,SAASA,iCAAT,CACNC,gBADM,EAENC,qBAFM,EAGL;AACD;AACA,MAAMC,uBAAuB,GAAG,uBAAUF,gBAAV,CAAhC,CAFC,CAID;AACA;;AACA,oBAAKE,uBAAL,EAA8B,UAAAC,eAAe,EAAI;AAChD,QACCA,eAAe,IACf,yBAAOA,eAAP,MAA2B,QAD3B,IAEAA,eAAe,CAACC,SAAhB,CAA0BC,UAA1B,KAAyC,MAH1C,EAIE;AACDF,MAAAA,eAAe,CAACC,SAAhB,CAA0BE,KAA1B,IACCH,eAAe,CAACC,SAAhB,CAA0BE,KAA1B,CAAgCC,OAAhC,CAAwC,UAAAC,IAAI,EAAI;AAC/C,YAAMC,qBAAqB,GAAG,kBAAKR,qBAAL,EAA4B;AACzDS,UAAAA,EAAE,EAAEP,eAAe,CAACO,EAAhB,IAAsBC;AAD+B,SAA5B,CAA9B;;AAIA,YACCF,qBAAqB,IACrBD,IAAI,CAACH,UAAL,KAAoB,UADpB,IAEAG,IAAI,CAACI,WAHN,EAIE;AACDJ,UAAAA,IAAI,CAACI,WAAL,CAAiBC,OAAjB,GAA2B,oBAC1BL,IAAI,CAACI,WAAL,CAAiBC,OADS,EAE1B,qBAAQJ,qBAAqB,CAACK,gBAA9B,CAF0B,CAA3B;AAIA;AACD,OAfD,CADD;AAiBA;AACD,GAxBD,EANC,CAgCD;AACA;;AACA,MAAIC,qDAA0D,GAAG,EAAjE;AAEA,oBAAKb,uBAAL,EAA8B,UAAAC,eAAe,EAAI;AAChDY,IAAAA,qDAAqD,CAACC,IAAtD,CAA2Db,eAA3D;;AAEA,QAAIA,eAAe,IAAI,yBAAOA,eAAP,MAA2B,QAAlD,EAA4D;AAC3D,UAAMM,qBAAqB,GAAG,kBAAKR,qBAAL,EAA4B;AACzDS,QAAAA,EAAE,EAAEP,eAAe,CAACO,EAAhB,IAAsBC;AAD+B,OAA5B,CAA9B;;AAIA,UACCF,qBAAqB,IACrBA,qBAAqB,CAACQ,yBAFvB,EAGE;AACDF,QAAAA,qDAAqD,GAAGA,qDAAqD,CAACG,MAAtD,CACvDT,qBAAqB,CAACQ,yBADiC,CAAxD;AAGA;AACD;AACD,GAjBD,EApCC,CAuDD;;AACA,SAAOF,qDAAP;AACA","sourcesContent":["import {\n\tIButtonProps,\n\tIEventDetailsItemProps\n} from '@sprucelabs/react-heartwood-components'\nimport {\n\tIHWButton,\n\tIHWCalendarEventDetailsItem,\n\tIHWUiEnhancementSection\n} from '@sprucelabs/spruce-types'\nimport { cloneDeep, compact, concat, each, find } from 'lodash'\n\ntype TValidEventDetails =\n\t| IHWCalendarEventDetailsItem[]\n\t| IEventDetailsItemProps[]\n\n/** This utility is used in conjunction with the `getUIEnhancements` endpoint.\n *  With it, you can meld the results of that API with an existing eventDetailsItems\n *  response, which you may have retrieved from `CalendarEvents`, or otherwise\n *  may be assembling manually.\n */\nexport function applyUIEnhancementsToEventDetails(\n\teventDetailItems: TValidEventDetails,\n\tUIEnhancementSections: IHWUiEnhancementSection[]\n) {\n\t// First, we clone the input to keep the method pure and avoid side-effects.\n\tconst mutatedEventDetailItems = cloneDeep(eventDetailItems)\n\n\t// This loop applies the `contextMenuItems` enhancements to the appropriate\n\t// context menus in the event details.\n\teach(mutatedEventDetailItems, eventDetailItem => {\n\t\tif (\n\t\t\teventDetailItem &&\n\t\t\ttypeof eventDetailItem === 'object' &&\n\t\t\teventDetailItem.viewModel.__typename === 'List'\n\t\t) {\n\t\t\teventDetailItem.viewModel.items &&\n\t\t\t\teventDetailItem.viewModel.items.forEach(item => {\n\t\t\t\t\tconst matchingUIEnhancement = find(UIEnhancementSections, {\n\t\t\t\t\t\tid: eventDetailItem.id || undefined\n\t\t\t\t\t})\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tmatchingUIEnhancement &&\n\t\t\t\t\t\titem.__typename === 'ListItem' &&\n\t\t\t\t\t\titem.contextMenu\n\t\t\t\t\t) {\n\t\t\t\t\t\titem.contextMenu.actions = concat<IHWButton | IButtonProps>(\n\t\t\t\t\t\t\titem.contextMenu.actions,\n\t\t\t\t\t\t\tcompact(matchingUIEnhancement.contextMenuItems)\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\t})\n\n\t// At this stage we interleave the new `calendarEventDetailsItems` enhancements with\n\t// the inputs'.\n\tlet mutatedEventDetailItemsWithAdditionalEventDetailItems: any = []\n\n\teach(mutatedEventDetailItems, eventDetailItem => {\n\t\tmutatedEventDetailItemsWithAdditionalEventDetailItems.push(eventDetailItem)\n\n\t\tif (eventDetailItem && typeof eventDetailItem === 'object') {\n\t\t\tconst matchingUIEnhancement = find(UIEnhancementSections, {\n\t\t\t\tid: eventDetailItem.id || undefined\n\t\t\t})\n\n\t\t\tif (\n\t\t\t\tmatchingUIEnhancement &&\n\t\t\t\tmatchingUIEnhancement.calendarEventDetailsItems\n\t\t\t) {\n\t\t\t\tmutatedEventDetailItemsWithAdditionalEventDetailItems = mutatedEventDetailItemsWithAdditionalEventDetailItems.concat(\n\t\t\t\t\tmatchingUIEnhancement.calendarEventDetailsItems\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t})\n\n\t// And done! Have a nice day!\n\treturn mutatedEventDetailItemsWithAdditionalEventDetailItems\n}\n"],"file":"EventDetailsUtilities.js"}

package/lib/components/EventDetails/components/EventDetailsItem/EventDetailsItem.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { IButtonProps } from '../../../Button/Button';
+import { ICardBuilderProps } from '../../../Card';
+import { IListProps } from '../../../List/List';
+import { IMarkdownProps } from '../../../MarkdownText/MarkdownText';
+import { ISplitButtonProps } from '../../../SplitButton/SplitButton';
+import { ITextProps } from '../../../Text/Text';
+import { IToastProps } from '../../../Toast/Toast';
+import { IHWCalendarEventDetailsItem, IHWAction, IHWCalendarEventDetailsItemViewModel } from '@sprucelabs/spruce-types';
+declare type ViewModel = IListProps | IButtonProps | ICardBuilderProps | ITextProps | IToastProps | IMarkdownProps | ISplitButtonProps;
+export interface IEventDetailsItemProps extends Omit<IHWCalendarEventDetailsItem, 'viewModel'> {
+    viewModel: ViewModel | IHWCalendarEventDetailsItemViewModel;
+    /** optional, provide a handler for Actions */
+    onAction?: (action: IHWAction) => any;
+}
+declare const EventDetailsItem: (props: IEventDetailsItemProps) => 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 EventDetailsItem;
+//# sourceMappingURL=EventDetailsItem.d.ts.map

package/lib/components/EventDetails/components/EventDetailsItem/EventDetailsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventDetailsItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/EventDetails/components/EventDetailsItem/EventDetailsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAe,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAe,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAqB,EACpB,cAAc,EACd,MAAM,oCAAoC,CAAA;AAC3C,OAAoB,EACnB,iBAAiB,EACjB,MAAM,kCAAkC,CAAA;AACzC,OAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAc,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EACN,2BAA2B,EAC3B,SAAS,EACT,oCAAoC,EAGpC,MAAM,0BAA0B,CAAA;AAoBjC,aAAK,SAAS,GACX,UAAU,GACV,YAAY,GACZ,iBAAiB,GACjB,UAAU,GACV,WAAW,GACX,cAAc,GACd,iBAAiB,CAAA;AAEpB,MAAM,WAAW,sBAChB,SAAQ,IAAI,CAAC,2BAA2B,EAAE,WAAW,CAAC;IACtD,SAAS,EAAE,SAAS,GAAG,oCAAoC,CAAA;IAE3D,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG,CAAA;CACrC;AAED,QAAA,MAAM,gBAAgB,mPAqDrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/components/EventDetails/components/EventDetailsItem/EventDetailsItem.js

@@ -0,0 +1,111 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _Button = _interopRequireDefault(require("../../../Button/Button"));
+
+var _Card = require("../../../Card");
+
+var _List = _interopRequireDefault(require("../../../List/List"));
+
+var _MarkdownText = _interopRequireDefault(require("../../../MarkdownText/MarkdownText"));
+
+var _SplitButton = _interopRequireDefault(require("../../../SplitButton/SplitButton"));
+
+var _Text = _interopRequireDefault(require("../../../Text/Text"));
+
+var _Toast = _interopRequireDefault(require("../../../Toast/Toast"));
+
+var _spruceTypes = require("@sprucelabs/spruce-types");
+
+// TODO: fix toast types to be able to be used here
+var MDTextContainer = function MDTextContainer(props) {
+  return _react["default"].createElement("div", {
+    className: "event-details__markdown"
+  }, _react["default"].createElement(_MarkdownText["default"], props));
+};
+
+var components = {
+  list: _List["default"],
+  button: _Button["default"],
+  cardBuilder: _Card.CardBuilder,
+  splitButton: _SplitButton["default"],
+  text: _Text["default"],
+  toast: _Toast["default"],
+  markdown: MDTextContainer
+};
+
+var EventDetailsItem = function EventDetailsItem(props) {
+  var type = props.type,
+      viewModel = props.viewModel,
+      onAction = props.onAction;
+
+  if (!type || !components[type]) {
+    // TODO: Use logger library for warning
+    console.warn("No component found for key: ".concat(type, ". Please double-check properties passed into <EventDetailsItem> from <EventDetails>."));
+    return _react["default"].createElement(_react.Fragment, null);
+  }
+
+  var Handler;
+  var viewModelProps;
+
+  switch (type) {
+    case _spruceTypes.IHWCalendarEventDetailsItemType.List:
+      Handler = components[type];
+      viewModelProps = viewModel;
+      break;
+
+    case _spruceTypes.IHWCalendarEventDetailsItemType.Button:
+      Handler = components[type];
+      viewModelProps = viewModel;
+      break;
+
+    case _spruceTypes.IHWCalendarEventDetailsItemType.CardBuilder:
+      Handler = components[type];
+      viewModelProps = viewModel;
+      break;
+
+    case _spruceTypes.IHWCalendarEventDetailsItemType.SplitButton:
+      Handler = components[type];
+      viewModelProps = viewModel;
+      break;
+
+    case _spruceTypes.IHWCalendarEventDetailsItemType.Text:
+      Handler = components[type];
+      viewModelProps = viewModel;
+      break;
+
+    case _spruceTypes.IHWCalendarEventDetailsItemType.Toast:
+      Handler = components[type];
+      viewModelProps = viewModel;
+      break;
+
+    case _spruceTypes.IHWCalendarEventDetailsItemType.Markdown:
+      Handler = components[type];
+      viewModelProps = viewModel;
+      break;
+
+    default:
+      console.warn("No component found for key: ".concat(type, ". Please double-check properties passed into <EventDetailsItem> from <EventDetails>."));
+      return _react["default"].createElement(_react.Fragment, null);
+  }
+
+  return _react["default"].createElement(Handler, (0, _extends2["default"])({}, viewModelProps, {
+    onAction: onAction
+  }));
+};
+
+var _default = EventDetailsItem;
+exports["default"] = _default;
+//# sourceMappingURL=EventDetailsItem.js.map

package/lib/components/EventDetails/components/EventDetailsItem/EventDetailsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/EventDetails/components/EventDetailsItem/EventDetailsItem.tsx"],"names":["MDTextContainer","props","components","list","List","button","Button","cardBuilder","CardBuilder","splitButton","SplitButton","text","Text","toast","Toast","markdown","EventDetailsItem","type","viewModel","onAction","console","warn","Handler","viewModelProps","IHWCalendarEventDetailsItemType","Markdown"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AAGA;;AAEA;;AACA;;AAFA;AAUA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CACvBC,KADuB;AAAA,SAGvB;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,gCAAC,wBAAD,EAAkBA,KAAlB,CADD,CAHuB;AAAA,CAAxB;;AAQA,IAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAEC,gBADY;AAElBC,EAAAA,MAAM,EAAEC,kBAFU;AAGlBC,EAAAA,WAAW,EAAEC,iBAHK;AAIlBC,EAAAA,WAAW,EAAEC,uBAJK;AAKlBC,EAAAA,IAAI,EAAEC,gBALY;AAMlBC,EAAAA,KAAK,EAAEC,iBANW;AAOlBC,EAAAA,QAAQ,EAAEf;AAPQ,CAAnB;;AA2BA,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAmB,CACxBf,KADwB,EAEA;AAAA,MAChBgB,IADgB,GACchB,KADd,CAChBgB,IADgB;AAAA,MACVC,SADU,GACcjB,KADd,CACViB,SADU;AAAA,MACCC,QADD,GACclB,KADd,CACCkB,QADD;;AAGxB,MAAI,CAACF,IAAD,IAAS,CAACf,UAAU,CAACe,IAAD,CAAxB,EAAgC;AAC/B;AACAG,IAAAA,OAAO,CAACC,IAAR,uCACgCJ,IADhC;AAGA,WAAO,gCAAC,eAAD,OAAP;AACA;;AAED,MAAIK,OAAJ;AACA,MAAIC,cAAJ;;AAEA,UAAQN,IAAR;AACC,SAAKO,6CAAgCpB,IAArC;AACCkB,MAAAA,OAAO,GAAGpB,UAAU,CAACe,IAAD,CAApB;AACAM,MAAAA,cAAc,GAAGL,SAAjB;AACA;;AACD,SAAKM,6CAAgClB,MAArC;AACCgB,MAAAA,OAAO,GAAGpB,UAAU,CAACe,IAAD,CAApB;AACAM,MAAAA,cAAc,GAAGL,SAAjB;AACA;;AACD,SAAKM,6CAAgChB,WAArC;AACCc,MAAAA,OAAO,GAAGpB,UAAU,CAACe,IAAD,CAApB;AACAM,MAAAA,cAAc,GAAGL,SAAjB;AACA;;AACD,SAAKM,6CAAgCd,WAArC;AACCY,MAAAA,OAAO,GAAGpB,UAAU,CAACe,IAAD,CAApB;AACAM,MAAAA,cAAc,GAAGL,SAAjB;AACA;;AACD,SAAKM,6CAAgCZ,IAArC;AACCU,MAAAA,OAAO,GAAGpB,UAAU,CAACe,IAAD,CAApB;AACAM,MAAAA,cAAc,GAAGL,SAAjB;AACA;;AACD,SAAKM,6CAAgCV,KAArC;AACCQ,MAAAA,OAAO,GAAGpB,UAAU,CAACe,IAAD,CAApB;AACAM,MAAAA,cAAc,GAAGL,SAAjB;AACA;;AACD,SAAKM,6CAAgCC,QAArC;AACCH,MAAAA,OAAO,GAAGpB,UAAU,CAACe,IAAD,CAApB;AACAM,MAAAA,cAAc,GAAGL,SAAjB;AACA;;AACD;AACCE,MAAAA,OAAO,CAACC,IAAR,uCACgCJ,IADhC;AAGA,aAAO,gCAAC,eAAD,OAAP;AAjCF;;AAoCA,SAAO,gCAAC,OAAD,gCAAaM,cAAb;AAA6B,IAAA,QAAQ,EAAEJ;AAAvC,KAAP;AACA,CArDD;;eAuDeH,gB","sourcesContent":["import React, { Fragment } from 'react'\nimport Button, { IButtonProps } from '../../../Button/Button'\nimport { CardBuilder, ICardBuilderProps } from '../../../Card'\nimport List, { IListProps } from '../../../List/List'\nimport MarkdownText, {\n\tIMarkdownProps\n} from '../../../MarkdownText/MarkdownText'\nimport SplitButton, {\n\tISplitButtonProps\n} from '../../../SplitButton/SplitButton'\nimport Text, { ITextProps } from '../../../Text/Text'\n// TODO: fix toast types to be able to be used here\nimport Toast, { IToastProps } from '../../../Toast/Toast'\nimport {\n\tIHWCalendarEventDetailsItem,\n\tIHWAction,\n\tIHWCalendarEventDetailsItemViewModel,\n\tIHWMarkdown,\n\tIHWCalendarEventDetailsItemType\n} from '@sprucelabs/spruce-types'\n\nconst MDTextContainer = (\n\tprops: IMarkdownProps | IHWMarkdown\n): React.ReactElement => (\n\t<div className=\"event-details__markdown\">\n\t\t<MarkdownText {...props} />\n\t</div>\n)\n\nconst components = {\n\tlist: List,\n\tbutton: Button,\n\tcardBuilder: CardBuilder,\n\tsplitButton: SplitButton,\n\ttext: Text,\n\ttoast: Toast,\n\tmarkdown: MDTextContainer\n}\n\ntype ViewModel =\n\t| IListProps\n\t| IButtonProps\n\t| ICardBuilderProps\n\t| ITextProps\n\t| IToastProps\n\t| IMarkdownProps\n\t| ISplitButtonProps\n\nexport interface IEventDetailsItemProps\n\textends Omit<IHWCalendarEventDetailsItem, 'viewModel'> {\n\tviewModel: ViewModel | IHWCalendarEventDetailsItemViewModel\n\n\t/** optional, provide a handler for Actions */\n\tonAction?: (action: IHWAction) => any\n}\n\nconst EventDetailsItem = (\n\tprops: IEventDetailsItemProps\n): React.ReactElement => {\n\tconst { type, viewModel, onAction } = props\n\n\tif (!type || !components[type]) {\n\t\t// TODO: Use logger library for warning\n\t\tconsole.warn(\n\t\t\t`No component found for key: ${type}. Please double-check properties passed into <EventDetailsItem> from <EventDetails>.`\n\t\t)\n\t\treturn <Fragment />\n\t}\n\n\tlet Handler\n\tlet viewModelProps: ViewModel | undefined\n\n\tswitch (type) {\n\t\tcase IHWCalendarEventDetailsItemType.List:\n\t\t\tHandler = components[type]\n\t\t\tviewModelProps = viewModel as IListProps\n\t\t\tbreak\n\t\tcase IHWCalendarEventDetailsItemType.Button:\n\t\t\tHandler = components[type]\n\t\t\tviewModelProps = viewModel as IButtonProps\n\t\t\tbreak\n\t\tcase IHWCalendarEventDetailsItemType.CardBuilder:\n\t\t\tHandler = components[type]\n\t\t\tviewModelProps = viewModel as ICardBuilderProps\n\t\t\tbreak\n\t\tcase IHWCalendarEventDetailsItemType.SplitButton:\n\t\t\tHandler = components[type]\n\t\t\tviewModelProps = viewModel as ISplitButtonProps\n\t\t\tbreak\n\t\tcase IHWCalendarEventDetailsItemType.Text:\n\t\t\tHandler = components[type]\n\t\t\tviewModelProps = viewModel as ITextProps\n\t\t\tbreak\n\t\tcase IHWCalendarEventDetailsItemType.Toast:\n\t\t\tHandler = components[type]\n\t\t\tviewModelProps = viewModel as IToastProps\n\t\t\tbreak\n\t\tcase IHWCalendarEventDetailsItemType.Markdown:\n\t\t\tHandler = components[type]\n\t\t\tviewModelProps = viewModel as IMarkdownProps\n\t\t\tbreak\n\t\tdefault:\n\t\t\tconsole.warn(\n\t\t\t\t`No component found for key: ${type}. Please double-check properties passed into <EventDetailsItem> from <EventDetails>.`\n\t\t\t)\n\t\t\treturn <Fragment />\n\t}\n\n\treturn <Handler {...viewModelProps} onAction={onAction} />\n}\n\nexport default EventDetailsItem\n"],"file":"EventDetailsItem.js"}

package/lib/components/EventDetails/eventDetailsMock.d.ts

@@ -0,0 +1,10 @@
+import { IEventDetailsItemProps } from './components/EventDetailsItem/EventDetailsItem';
+import { IEventDetailsProps } from './EventDetails';
+export declare const appointment: {
+    items: IEventDetailsItemProps[];
+};
+export declare const warningAppointment: IEventDetailsProps;
+export declare const pastAppointment: IEventDetailsProps;
+export declare const lunchBreak: IEventDetailsProps;
+export declare const ptoBlock: IEventDetailsProps;
+//# sourceMappingURL=eventDetailsMock.d.ts.map

package/lib/components/EventDetails/eventDetailsMock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventDetailsMock.d.ts","sourceRoot":"","sources":["../../../src/components/EventDetails/eventDetailsMock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAA;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAmNnD,eAAO,MAAM,WAAW,EAAE;IAAE,KAAK,EAAE,sBAAsB,EAAE,CAAA;CAiL1D,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,kBA2OhC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,kBAsI7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,kBA6DxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,kBA6DtB,CAAA"}