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

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,47 @@
+import { IHWButton, IHWButtonTypes as ButtonTypes, IHWButtonKinds as ButtonKinds, IHWAction } from '@sprucelabs/spruce-types';
+import React from 'react';
+import { IIconProps } from '../Icon/Icon';
+export { IHWButtonKinds as ButtonKinds, IHWButtonTypes as ButtonTypes } from '@sprucelabs/spruce-types';
+export interface IButtonProps extends Omit<IHWButton, 'id' | 'icon'> {
+    /** Optional ID for view caching */
+    id?: string;
+    /** The kind of button, primary, secondary, etc. */
+    kind?: ButtonKinds | null;
+    /** Submit/Button */
+    type?: ButtonTypes | null;
+    /** Optional class to add to the button. */
+    className?: string;
+    /** Optional children passed into button */
+    children?: React.ReactNode;
+    /** Icon for the button. */
+    icon?: IIconProps | null;
+    /** Click handler. */
+    onClick?: Function;
+    /** Component used to render anchor */
+    AnchorComponent?: any;
+    /** optional target, whatever an anchor tag takes */
+    target?: string;
+    /** optional payload to be sent with onclick (different than the payload attached to action.) */
+    payload?: Record<string, any>;
+    /** optional, provide a handler for Actions */
+    onAction?: (action: IHWAction) => any;
+}
+export declare type Action = IButtonProps | IHWButton;
+declare const Button: {
+    (props: IHWButton | IButtonProps): 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: {
+        className: string;
+        kind: string;
+        isSmall: boolean;
+        isFullWidth: boolean;
+        isLoading: boolean;
+        isIconOnly: boolean;
+        text: string;
+        href: string;
+        icon: null;
+        type: string;
+        onClick: () => null;
+    };
+};
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,cAAc,IAAI,WAAW,EAC7B,cAAc,IAAI,WAAW,EAC7B,SAAS,EACT,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG/C,OAAO,EACN,cAAc,IAAI,WAAW,EAC7B,cAAc,IAAI,WAAW,EAC7B,MAAM,0BAA0B,CAAA;AAEjC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACnE,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,mDAAmD;IACnD,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAEzB,oBAAoB;IACpB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAEzB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAExB,qBAAqB;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAElB,sCAAsC;IACtC,eAAe,CAAC,EAAE,GAAG,CAAA;IAErB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAE7B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG,CAAA;CACrC;AAED,oBAAY,MAAM,GAAG,YAAY,GAAG,SAAS,CAAA;AAE7C,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;CA0HX,CAAA;AAgBD,eAAe,MAAM,CAAA"}

package/lib/components/Button/Button.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ButtonKinds", {
+  enumerable: true,
+  get: function get() {
+    return _spruceTypes.IHWButtonKinds;
+  }
+});
+Object.defineProperty(exports, "ButtonTypes", {
+  enumerable: true,
+  get: function get() {
+    return _spruceTypes.IHWButtonTypes;
+  }
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _spruceTypes = require("@sprucelabs/spruce-types");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CircleLoader = _interopRequireDefault(require("../CircleLoader/CircleLoader"));
+
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+
+var _Anchor = _interopRequireDefault(require("../_utilities/Anchor"));
+
+var Button = function Button(props) {
+  var reactHeartwoodProps = props;
+  var action = reactHeartwoodProps.action,
+      _reactHeartwoodProps$ = reactHeartwoodProps.AnchorComponent,
+      AnchorComponent = _reactHeartwoodProps$ === void 0 ? _Anchor["default"] : _reactHeartwoodProps$,
+      children = reactHeartwoodProps.children,
+      className = reactHeartwoodProps.className,
+      href = reactHeartwoodProps.href,
+      icon = reactHeartwoodProps.icon,
+      isFullWidth = reactHeartwoodProps.isFullWidth,
+      isIconOnly = reactHeartwoodProps.isIconOnly,
+      isLoading = reactHeartwoodProps.isLoading,
+      isSmall = reactHeartwoodProps.isSmall,
+      kind = reactHeartwoodProps.kind,
+      onAction = reactHeartwoodProps.onAction,
+      onClick = reactHeartwoodProps.onClick,
+      text = reactHeartwoodProps.text,
+      type = reactHeartwoodProps.type,
+      payload = reactHeartwoodProps.payload,
+      rest = (0, _objectWithoutProperties2["default"])(reactHeartwoodProps, ["action", "AnchorComponent", "children", "className", "href", "icon", "isFullWidth", "isIconOnly", "isLoading", "isSmall", "kind", "onAction", "onClick", "text", "type", "payload"]);
+  var btnClass = (0, _classnames["default"])(className, {
+    btn: true,
+    'btn-primary': kind === _spruceTypes.IHWButtonKinds.Primary,
+    'btn-secondary': kind === _spruceTypes.IHWButtonKinds.Secondary,
+    'btn-caution': kind === _spruceTypes.IHWButtonKinds.Caution,
+    'btn-simple': kind === _spruceTypes.IHWButtonKinds.Simple,
+    'btn-full-width': isFullWidth,
+    'btn--loading': isLoading,
+    'btn-small': isSmall,
+    'btn-icon-only': !children && !text || isIconOnly
+  });
+  var textClass = (0, _classnames["default"])('btn__text', {
+    'visually-hidden': isIconOnly
+  });
+
+  var handleClick = function handleClick(e) {
+    e.currentTarget.blur();
+
+    if (onAction && action) {
+      onAction(action);
+    }
+
+    if (onClick) {
+      onClick(e, payload);
+    }
+  };
+
+  var Inner = function Inner() {
+    var _cx;
+
+    return _react["default"].createElement("span", {
+      className: "btn__inner"
+    }, children ? children : _react["default"].createElement(_react.Fragment, null, icon && (icon.customIcon || icon.name) && _react["default"].createElement("span", {
+      className: "btn__icon-wrapper"
+    }, _react["default"].createElement(_Icon["default"], {
+      id: icon.id,
+      customIcon: icon.customIcon,
+      name: icon.name,
+      isLineIcon: icon.isLineIcon,
+      className: (0, _classnames["default"])((_cx = {}, (0, _defineProperty2["default"])(_cx, 'btn__icon', true), (0, _defineProperty2["default"])(_cx, 'btn__line-icon', icon.isLineIcon), _cx), icon.className)
+    })), text && _react["default"].createElement("span", {
+      className: textClass
+    }, text), isLoading && _react["default"].createElement(_CircleLoader["default"], {
+      light: kind === _spruceTypes.IHWButtonKinds.Primary || kind === _spruceTypes.IHWButtonKinds.Caution
+    })));
+  }; // TODO: We probably need to create explicit whitelists of what we want to
+  // allow to be spread onto native DOM elements, since applying non-standard
+  // attributes throws a warning.
+
+
+  var isDisabled = rest.isDisabled;
+
+  var button = _react["default"].createElement("button", {
+    className: btnClass,
+    type: type || 'button',
+    onClick: handleClick,
+    disabled: isDisabled || false
+  }, _react["default"].createElement(Inner, null));
+
+  var anchor = _react["default"].createElement(AnchorComponent, (0, _extends2["default"])({
+    href: href,
+    className: btnClass,
+    onClick: handleClick
+  }, rest), _react["default"].createElement(Inner, null));
+
+  if (!children && !text && !icon) {
+    // TODO: Handle Logging
+    // console.error(
+    // 	'<Button /> must have text, icon, or both. Please check the props your passing.'
+    // )
+    return _react["default"].createElement(_react.Fragment, null);
+  }
+
+  return href ? anchor : button;
+};
+
+Button.defaultProps = {
+  className: '',
+  kind: '',
+  isSmall: false,
+  isFullWidth: false,
+  isLoading: false,
+  isIconOnly: false,
+  text: '',
+  href: '',
+  icon: null,
+  type: 'button',
+  onClick: function onClick() {
+    return null;
+  }
+};
+var _default = Button;
+exports["default"] = _default;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Button/Button.tsx"],"names":["Button","props","reactHeartwoodProps","action","AnchorComponent","BasicAnchor","children","className","href","icon","isFullWidth","isIconOnly","isLoading","isSmall","kind","onAction","onClick","text","type","payload","rest","btnClass","btn","ButtonKinds","Primary","Secondary","Caution","Simple","textClass","handleClick","e","currentTarget","blur","Inner","customIcon","name","id","isLineIcon","isDisabled","button","anchor","defaultProps"],"mappings":"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","sourcesContent":["import {\n\tIHWButton,\n\tIHWButtonTypes as ButtonTypes,\n\tIHWButtonKinds as ButtonKinds,\n\tIHWAction\n} from '@sprucelabs/spruce-types'\nimport cx from 'classnames'\nimport React, { Fragment } from 'react'\nimport CircleLoader from '../CircleLoader/CircleLoader'\nimport Icon, { IIconProps } from '../Icon/Icon'\nimport BasicAnchor from '../_utilities/Anchor'\n\nexport {\n\tIHWButtonKinds as ButtonKinds,\n\tIHWButtonTypes as ButtonTypes\n} from '@sprucelabs/spruce-types'\n\nexport interface IButtonProps extends Omit<IHWButton, 'id' | 'icon'> {\n\t/** Optional ID for view caching */\n\tid?: string\n\n\t/** The kind of button, primary, secondary, etc. */\n\tkind?: ButtonKinds | null\n\n\t/** Submit/Button */\n\ttype?: ButtonTypes | null\n\n\t/** Optional class to add to the button. */\n\tclassName?: string\n\n\t/** Optional children passed into button */\n\tchildren?: React.ReactNode\n\n\t/** Icon for the button. */\n\ticon?: IIconProps | null\n\n\t/** Click handler. */\n\tonClick?: Function\n\n\t/** Component used to render anchor */\n\tAnchorComponent?: any\n\n\t/** optional target, whatever an anchor tag takes */\n\ttarget?: string\n\n\t/** optional payload to be sent with onclick (different than the payload attached to action.) */\n\tpayload?: Record<string, any>\n\n\t/** optional, provide a handler for Actions */\n\tonAction?: (action: IHWAction) => any\n}\n\nexport type Action = IButtonProps | IHWButton\n\nconst Button = (props: IButtonProps | IHWButton): React.ReactElement => {\n\tconst reactHeartwoodProps = props as IButtonProps\n\n\tconst {\n\t\taction,\n\t\tAnchorComponent = BasicAnchor,\n\t\tchildren,\n\t\tclassName,\n\t\thref,\n\t\ticon,\n\t\tisFullWidth,\n\t\tisIconOnly,\n\t\tisLoading,\n\t\tisSmall,\n\t\tkind,\n\t\tonAction,\n\t\tonClick,\n\t\ttext,\n\t\ttype,\n\t\tpayload,\n\t\t...rest\n\t} = reactHeartwoodProps\n\n\tconst btnClass = cx(className, {\n\t\tbtn: true,\n\t\t'btn-primary': kind === ButtonKinds.Primary,\n\t\t'btn-secondary': kind === ButtonKinds.Secondary,\n\t\t'btn-caution': kind === ButtonKinds.Caution,\n\t\t'btn-simple': kind === ButtonKinds.Simple,\n\t\t'btn-full-width': isFullWidth,\n\t\t'btn--loading': isLoading,\n\t\t'btn-small': isSmall,\n\t\t'btn-icon-only': (!children && !text) || isIconOnly\n\t})\n\tconst textClass = cx('btn__text', {\n\t\t'visually-hidden': isIconOnly\n\t})\n\n\tconst handleClick = (e: any): any => {\n\t\te.currentTarget.blur()\n\n\t\tif (onAction && action) {\n\t\t\tonAction(action)\n\t\t}\n\n\t\tif (onClick) {\n\t\t\tonClick(e, payload)\n\t\t}\n\t}\n\n\tconst Inner = (): React.ReactElement => (\n\t\t<span className=\"btn__inner\">\n\t\t\t{children ? (\n\t\t\t\tchildren\n\t\t\t) : (\n\t\t\t\t<Fragment>\n\t\t\t\t\t{icon && (icon.customIcon || icon.name) && (\n\t\t\t\t\t\t<span className=\"btn__icon-wrapper\">\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tid={icon.id}\n\t\t\t\t\t\t\t\tcustomIcon={icon.customIcon}\n\t\t\t\t\t\t\t\tname={icon.name}\n\t\t\t\t\t\t\t\tisLineIcon={icon.isLineIcon}\n\t\t\t\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t['btn__icon']: true,\n\t\t\t\t\t\t\t\t\t\t'btn__line-icon': icon.isLineIcon\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\ticon.className\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t{text && <span className={textClass}>{text}</span>}\n\t\t\t\t\t{isLoading && (\n\t\t\t\t\t\t<CircleLoader\n\t\t\t\t\t\t\tlight={\n\t\t\t\t\t\t\t\tkind === ButtonKinds.Primary || kind === ButtonKinds.Caution\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t)}\n\t\t</span>\n\t)\n\n\t// TODO: We probably need to create explicit whitelists of what we want to\n\t// allow to be spread onto native DOM elements, since applying non-standard\n\t// attributes throws a warning.\n\tconst { isDisabled } = rest\n\n\tconst button = (\n\t\t<button\n\t\t\tclassName={btnClass}\n\t\t\ttype={type || 'button'}\n\t\t\tonClick={handleClick}\n\t\t\tdisabled={isDisabled || false}\n\t\t>\n\t\t\t<Inner />\n\t\t</button>\n\t)\n\n\tconst anchor = (\n\t\t<AnchorComponent\n\t\t\thref={href}\n\t\t\tclassName={btnClass}\n\t\t\tonClick={handleClick}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Inner />\n\t\t</AnchorComponent>\n\t)\n\n\tif (!children && !text && !icon) {\n\t\t// TODO: Handle Logging\n\t\t// console.error(\n\t\t// \t'<Button /> must have text, icon, or both. Please check the props your passing.'\n\t\t// )\n\t\treturn <Fragment />\n\t}\n\n\treturn href ? anchor : button\n}\n\nButton.defaultProps = {\n\tclassName: '',\n\tkind: '',\n\tisSmall: false,\n\tisFullWidth: false,\n\tisLoading: false,\n\tisIconOnly: false,\n\ttext: '',\n\thref: '',\n\ticon: null,\n\ttype: 'button',\n\tonClick: () => null\n}\n\nexport default Button\n"],"file":"Button.js"}

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

@@ -0,0 +1,27 @@
+"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 _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
+
+var stories = (0, _react2.storiesOf)('ButtonGroup', module);
+stories.addDecorator(_react3.withKnobs);
+stories.add('Button Group', function () {
+  return _react["default"].createElement(_ButtonGroup["default"], {
+    kind: (0, _react3.text)('kind', ''),
+    actions: (0, _react3.object)('actions', [{
+      text: 'Confirm Changes',
+      kind: 'primary'
+    }, {
+      text: 'Cancel',
+      kind: 'secondary'
+    }])
+  });
+});
+//# sourceMappingURL=ButtonGroup-story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ButtonGroup/ButtonGroup-story.js"],"names":["stories","module","addDecorator","withKnobs","add","text","kind"],"mappings":";;;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,uBAAU,aAAV,EAAyBC,MAAzB,CAAhB;AAEAD,OAAO,CAACE,YAAR,CAAqBC,iBAArB;AAEAH,OAAO,CAACI,GAAR,CAAY,cAAZ,EAA4B;AAAA,SAC3B,gCAAC,uBAAD;AACC,IAAA,IAAI,EAAE,kBAAK,MAAL,EAAa,EAAb,CADP;AAEC,IAAA,OAAO,EAAE,oBAAO,SAAP,EAAkB,CAC1B;AAAEC,MAAAA,IAAI,EAAE,iBAAR;AAA2BC,MAAAA,IAAI,EAAE;AAAjC,KAD0B,EAE1B;AAAED,MAAAA,IAAI,EAAE,QAAR;AAAkBC,MAAAA,IAAI,EAAE;AAAxB,KAF0B,CAAlB;AAFV,IAD2B;AAAA,CAA5B","sourcesContent":["// @flow\nimport React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport { withKnobs, text, object } from '@storybook/addon-knobs/react'\nimport ButtonGroup from './ButtonGroup'\n\nconst stories = storiesOf('ButtonGroup', module)\n\nstories.addDecorator(withKnobs)\n\nstories.add('Button Group', () => (\n\t<ButtonGroup\n\t\tkind={text('kind', '')}\n\t\tactions={object('actions', [\n\t\t\t{ text: 'Confirm Changes', kind: 'primary' },\n\t\t\t{ text: 'Cancel', kind: 'secondary' }\n\t\t])}\n\t/>\n))\n"],"file":"ButtonGroup-story.js"}

package/lib/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,19 @@
+import { IHWAction, IHWButtonGroup } from '@sprucelabs/spruce-types';
+import React from 'react';
+import { Action } from '../Button/Button';
+export interface IButtonGroupProps extends Omit<IHWButtonGroup, 'actions'> {
+    /** Array of actions to render the group's buttons. */
+    actions: Action[];
+    /** optional, provide a handler for Actions */
+    onAction?: (action: IHWAction) => any;
+}
+declare const ButtonGroup: {
+    (props: IHWButtonGroup | IButtonGroupProps): 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: {
+        kind: string;
+        isFullWidth: boolean;
+        highlightedIndex: number;
+    };
+};
+export default ButtonGroup;
+//# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAe,EAAe,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9D,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IACzE,sDAAsD;IACtD,OAAO,EAAE,MAAM,EAAE,CAAA;IAEjB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG,CAAA;CACrC;AAED,QAAA,MAAM,WAAW;;;;;;;CA8ChB,CAAA;AAQD,eAAe,WAAW,CAAA"}

package/lib/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,64 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireWildcard(require("../Button/Button"));
+
+var _ = require("../..");
+
+var ButtonGroup = function ButtonGroup(props) {
+  var reactHeartwoodProps = props;
+  var commonProps = props;
+  var actions = commonProps.actions,
+      kind = commonProps.kind,
+      isFullWidth = commonProps.isFullWidth,
+      highlightedIndex = commonProps.highlightedIndex;
+  var onAction = reactHeartwoodProps.onAction;
+  var parentClass = (0, _classnames["default"])('button-group', {
+    'button-group-segmented': kind === 'segmented',
+    'button-group-floating': kind === 'floating',
+    'button-group--is-full-width': isFullWidth
+  });
+  return _react["default"].createElement("ul", {
+    className: parentClass
+  }, (0, _.unionArray)(actions).map(function (action, idx) {
+    return _react["default"].createElement("li", {
+      key: action.id,
+      className: (0, _classnames["default"])('button-group__item', {
+        'button-group__item--is-highlighted': highlightedIndex === idx
+      })
+    }, _react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+      isFullWidth: kind === 'floating' // TODO: This is necessary since the older "action" interface
+      // (meaning a button) doesn't work with the newer IHWAction
+      // interface. We need to refactor the legacy case broadly to
+      // remove this.
+      ,
+      action: action
+    }, action, {
+      kind: kind === 'floating' ? _Button.ButtonKinds.Simple : kind === 'segmented' ? _Button.ButtonKinds.Secondary : action.kind,
+      onAction: onAction
+    })));
+  }));
+};
+
+ButtonGroup.defaultProps = {
+  kind: 'default',
+  isFullWidth: false,
+  highlightedIndex: -1
+};
+var _default = ButtonGroup;
+exports["default"] = _default;
+//# sourceMappingURL=ButtonGroup.js.map

package/lib/components/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["ButtonGroup","props","reactHeartwoodProps","commonProps","actions","kind","isFullWidth","highlightedIndex","onAction","parentClass","map","action","idx","id","ButtonKinds","Simple","Secondary","defaultProps"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAUA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CACnBC,KADmB,EAEK;AACxB,MAAMC,mBAAmB,GAAGD,KAA5B;AACA,MAAME,WAAW,GAAGF,KAApB;AAFwB,MAIhBG,OAJgB,GAIiCD,WAJjC,CAIhBC,OAJgB;AAAA,MAIPC,IAJO,GAIiCF,WAJjC,CAIPE,IAJO;AAAA,MAIDC,WAJC,GAIiCH,WAJjC,CAIDG,WAJC;AAAA,MAIYC,gBAJZ,GAIiCJ,WAJjC,CAIYI,gBAJZ;AAAA,MAKhBC,QALgB,GAKHN,mBALG,CAKhBM,QALgB;AAOxB,MAAMC,WAAW,GAAG,4BAAG,cAAH,EAAmB;AACtC,8BAA0BJ,IAAI,KAAK,WADG;AAEtC,6BAAyBA,IAAI,KAAK,UAFI;AAGtC,mCAA+BC;AAHO,GAAnB,CAApB;AAKA,SACC;AAAI,IAAA,SAAS,EAAEG;AAAf,KACE,kBAAWL,OAAX,EAAoBM,GAApB,CAAwB,UAACC,MAAD,EAASC,GAAT,EAAiB;AACzC,WACC;AACC,MAAA,GAAG,EAAED,MAAM,CAACE,EADb;AAEC,MAAA,SAAS,EAAE,4BAAG,oBAAH,EAAyB;AACnC,8CAAsCN,gBAAgB,KAAKK;AADxB,OAAzB;AAFZ,OAMC,gCAAC,kBAAD;AACC,MAAA,WAAW,EAAEP,IAAI,KAAK,UADvB,CAEC;AACA;AACA;AACA;AALD;AAMC,MAAA,MAAM,EAAGM;AANV,OAOKA,MAPL;AAQC,MAAA,IAAI,EACHN,IAAI,KAAK,UAAT,GACGS,oBAAYC,MADf,GAEGV,IAAI,KAAK,WAAT,GACAS,oBAAYE,SADZ,GAEAL,MAAM,CAACN,IAbZ;AAeC,MAAA,QAAQ,EAAEG;AAfX,OAND,CADD;AA0BA,GA3BA,CADF,CADD;AAgCA,CA9CD;;AAgDAR,WAAW,CAACiB,YAAZ,GAA2B;AAC1BZ,EAAAA,IAAI,EAAE,SADoB;AAE1BC,EAAAA,WAAW,EAAE,KAFa;AAG1BC,EAAAA,gBAAgB,EAAE,CAAC;AAHO,CAA3B;eAMeP,W","sourcesContent":["import { IHWAction, IHWButtonGroup } from '@sprucelabs/spruce-types'\nimport cx from 'classnames'\nimport React from 'react'\nimport Button, { ButtonKinds, Action } from '../Button/Button'\nimport { unionArray } from '../..'\n\nexport interface IButtonGroupProps extends Omit<IHWButtonGroup, 'actions'> {\n\t/** Array of actions to render the group's buttons. */\n\tactions: Action[]\n\n\t/** optional, provide a handler for Actions */\n\tonAction?: (action: IHWAction) => any\n}\n\nconst ButtonGroup = (\n\tprops: IButtonGroupProps | IHWButtonGroup\n): React.ReactElement => {\n\tconst reactHeartwoodProps = props as IButtonGroupProps\n\tconst commonProps = props as IHWButtonGroup\n\n\tconst { actions, kind, isFullWidth, highlightedIndex } = commonProps\n\tconst { onAction } = reactHeartwoodProps\n\n\tconst parentClass = cx('button-group', {\n\t\t'button-group-segmented': kind === 'segmented',\n\t\t'button-group-floating': kind === 'floating',\n\t\t'button-group--is-full-width': isFullWidth\n\t})\n\treturn (\n\t\t<ul className={parentClass}>\n\t\t\t{unionArray(actions).map((action, idx) => {\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tkey={action.id}\n\t\t\t\t\t\tclassName={cx('button-group__item', {\n\t\t\t\t\t\t\t'button-group__item--is-highlighted': highlightedIndex === idx\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisFullWidth={kind === 'floating'}\n\t\t\t\t\t\t\t// TODO: This is necessary since the older \"action\" interface\n\t\t\t\t\t\t\t// (meaning a button) doesn't work with the newer IHWAction\n\t\t\t\t\t\t\t// interface. We need to refactor the legacy case broadly to\n\t\t\t\t\t\t\t// remove this.\n\t\t\t\t\t\t\taction={(action as unknown) as IHWAction}\n\t\t\t\t\t\t\t{...action}\n\t\t\t\t\t\t\tkind={\n\t\t\t\t\t\t\t\tkind === 'floating'\n\t\t\t\t\t\t\t\t\t? ButtonKinds.Simple\n\t\t\t\t\t\t\t\t\t: kind === 'segmented'\n\t\t\t\t\t\t\t\t\t? ButtonKinds.Secondary\n\t\t\t\t\t\t\t\t\t: action.kind\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonAction={onAction}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t)\n\t\t\t})}\n\t\t</ul>\n\t)\n}\n\nButtonGroup.defaultProps = {\n\tkind: 'default',\n\tisFullWidth: false,\n\thighlightedIndex: -1\n}\n\nexport default ButtonGroup\n"],"file":"ButtonGroup.js"}

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

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

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

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