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

package/lib/components/Forms/components/TextInput/TextInput.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _FormPartials = require("../../FormPartials");
+
+var TextInput = function TextInput(props) {
+  var id = props.id,
+      className = props.className,
+      label = props.label,
+      postLabel = props.postLabel,
+      kind = props.kind,
+      iconBefore = props.iconBefore,
+      iconAfter = props.iconAfter,
+      appendix = props.appendix,
+      error = props.error,
+      helper = props.helper,
+      isSmall = props.isSmall,
+      rest = (0, _objectWithoutProperties2["default"])(props, ["id", "className", "label", "postLabel", "kind", "iconBefore", "iconAfter", "appendix", "error", "helper", "isSmall"]);
+  var parentClass = (0, _classnames["default"])('text-input', {
+    className: className,
+    'text-input--has-error': error,
+    'text-input-small': isSmall
+  });
+  return _react["default"].createElement("div", {
+    className: parentClass
+  }, label && _react["default"].createElement(_FormPartials.InputPre, {
+    label: label,
+    id: id,
+    postLabel: postLabel
+  }), _react["default"].createElement(_FormPartials.InputInner, (0, _extends2["default"])({
+    kind: kind,
+    iconBefore: iconBefore,
+    iconAfter: iconAfter,
+    appendix: appendix
+  }, rest)), (helper || error) && _react["default"].createElement(_FormPartials.InputHelper, {
+    helper: helper,
+    error: error
+  }));
+};
+
+var _default = TextInput;
+exports["default"] = _default;
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/TextInput/TextInput.tsx"],"names":["TextInput","props","id","className","label","postLabel","kind","iconBefore","iconAfter","appendix","error","helper","isSmall","rest","parentClass"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAqCA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAgD;AAAA,MAEhEC,EAFgE,GAc7DD,KAd6D,CAEhEC,EAFgE;AAAA,MAGhEC,SAHgE,GAc7DF,KAd6D,CAGhEE,SAHgE;AAAA,MAIhEC,KAJgE,GAc7DH,KAd6D,CAIhEG,KAJgE;AAAA,MAKhEC,SALgE,GAc7DJ,KAd6D,CAKhEI,SALgE;AAAA,MAMhEC,IANgE,GAc7DL,KAd6D,CAMhEK,IANgE;AAAA,MAOhEC,UAPgE,GAc7DN,KAd6D,CAOhEM,UAPgE;AAAA,MAQhEC,SARgE,GAc7DP,KAd6D,CAQhEO,SARgE;AAAA,MAShEC,QATgE,GAc7DR,KAd6D,CAShEQ,QATgE;AAAA,MAUhEC,KAVgE,GAc7DT,KAd6D,CAUhES,KAVgE;AAAA,MAWhEC,MAXgE,GAc7DV,KAd6D,CAWhEU,MAXgE;AAAA,MAYhEC,OAZgE,GAc7DX,KAd6D,CAYhEW,OAZgE;AAAA,MAa7DC,IAb6D,6CAc7DZ,KAd6D;AAgBjE,MAAMa,WAAW,GAAG,4BAAG,YAAH,EAAiB;AACpCX,IAAAA,SAAS,EAATA,SADoC;AAEpC,6BAAyBO,KAFW;AAGpC,wBAAoBE;AAHgB,GAAjB,CAApB;AAMA,SACC;AAAK,IAAA,SAAS,EAAEE;AAAhB,KACEV,KAAK,IAAI,gCAAC,sBAAD;AAAU,IAAA,KAAK,EAAEA,KAAjB;AAAwB,IAAA,EAAE,EAAEF,EAA5B;AAAgC,IAAA,SAAS,EAAEG;AAA3C,IADX,EAEC,gCAAC,wBAAD;AACC,IAAA,IAAI,EAAEC,IADP;AAEC,IAAA,UAAU,EAAEC,UAFb;AAGC,IAAA,SAAS,EAAEC,SAHZ;AAIC,IAAA,QAAQ,EAAEC;AAJX,KAKKI,IALL,EAFD,EASE,CAACF,MAAM,IAAID,KAAX,KAAqB,gCAAC,yBAAD;AAAa,IAAA,MAAM,EAAEC,MAArB;AAA6B,IAAA,KAAK,EAAED;AAApC,IATvB,CADD;AAaA,CAnCD;;eAqCeV,S","sourcesContent":["import React, { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { InputPre, InputInner, InputHelper } from '../../FormPartials'\n\ninterface ITextInputProps extends React.HTMLProps<HTMLInputElement> {\n\t/** Unique identifier */\n\tid: string\n\n\t/** Optional class */\n\tclassName?: string\n\n\t/** Label text */\n\tlabel?: string\n\n\t/** Text after label */\n\tpostLabel?: string\n\n\t/** Useful for credit cards */\n\tkind?: string\n\n\t/** Optional icon to show in the input */\n\ticonBefore?: string\n\n\t/** Optional icon to show at the end of the input */\n\ticonAfter?: any\n\n\t/** Optional; helpful for subdomains */\n\tappendix?: string\n\n\t/** Error text */\n\terror?: string\n\n\t/** Helper text */\n\thelper?: string | ReactNode\n\n\t/** Set true to make the input less tall */\n\tisSmall?: boolean\n}\n\nconst TextInput = (props: ITextInputProps): React.ReactElement => {\n\tconst {\n\t\tid,\n\t\tclassName,\n\t\tlabel,\n\t\tpostLabel,\n\t\tkind,\n\t\ticonBefore,\n\t\ticonAfter,\n\t\tappendix,\n\t\terror,\n\t\thelper,\n\t\tisSmall,\n\t\t...rest\n\t} = props\n\n\tconst parentClass = cx('text-input', {\n\t\tclassName,\n\t\t'text-input--has-error': error,\n\t\t'text-input-small': isSmall\n\t})\n\n\treturn (\n\t\t<div className={parentClass}>\n\t\t\t{label && <InputPre label={label} id={id} postLabel={postLabel} />}\n\t\t\t<InputInner\n\t\t\t\tkind={kind}\n\t\t\t\ticonBefore={iconBefore}\n\t\t\t\ticonAfter={iconAfter}\n\t\t\t\tappendix={appendix}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t{(helper || error) && <InputHelper helper={helper} error={error} />}\n\t\t</div>\n\t)\n}\n\nexport default TextInput\n"],"file":"TextInput.js"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IHWToggle } from '@sprucelabs/spruce-types';
+export interface IToggleProps extends IHWToggle {
+    /** optional class name applied to the toggle */
+    className?: string;
+}
+declare const Toggle: (props: IToggleProps) => 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 Toggle;
+//# sourceMappingURL=Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Forms/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC9C,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,yOAgBX,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/components/Forms/components/Toggle/Toggle.js

@@ -0,0 +1,43 @@
+"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 Toggle = function Toggle(props) {
+  var id = props.id,
+      className = props.className,
+      postText = props.postText,
+      rest = (0, _objectWithoutProperties2["default"])(props, ["id", "className", "postText"]);
+  var parentClass = (0, _classnames["default"])('toggle__wrapper', className);
+  return _react["default"].createElement("div", {
+    className: parentClass
+  }, _react["default"].createElement("div", {
+    className: "toggle"
+  }, _react["default"].createElement("input", (0, _extends2["default"])({
+    className: "toggle__input",
+    type: "checkbox",
+    id: id
+  }, rest)), _react["default"].createElement("label", {
+    className: "toggle__label",
+    htmlFor: id
+  })), postText && _react["default"].createElement("label", {
+    className: "toggle__text",
+    htmlFor: id
+  }, postText));
+};
+
+var _default = Toggle;
+exports["default"] = _default;
+//# sourceMappingURL=Toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Forms/components/Toggle/Toggle.tsx"],"names":["Toggle","props","id","className","postText","rest","parentClass"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAQA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAA6C;AAAA,MACnDC,EADmD,GACdD,KADc,CACnDC,EADmD;AAAA,MAC/CC,SAD+C,GACdF,KADc,CAC/CE,SAD+C;AAAA,MACpCC,QADoC,GACdH,KADc,CACpCG,QADoC;AAAA,MACvBC,IADuB,6CACdJ,KADc;AAE3D,MAAMK,WAAW,GAAG,4BAAG,iBAAH,EAAsBH,SAAtB,CAApB;AACA,SACC;AAAK,IAAA,SAAS,EAAEG;AAAhB,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAO,IAAA,SAAS,EAAC,eAAjB;AAAiC,IAAA,IAAI,EAAC,UAAtC;AAAiD,IAAA,EAAE,EAAEJ;AAArD,KAA6DG,IAA7D,EADD,EAEC;AAAO,IAAA,SAAS,EAAC,eAAjB;AAAiC,IAAA,OAAO,EAAEH;AAA1C,IAFD,CADD,EAKEE,QAAQ,IACR;AAAO,IAAA,SAAS,EAAC,cAAjB;AAAgC,IAAA,OAAO,EAAEF;AAAzC,KACEE,QADF,CANF,CADD;AAaA,CAhBD;;eAkBeJ,M","sourcesContent":["import React from 'react'\nimport cx from 'classnames'\nimport { IHWToggle } from '@sprucelabs/spruce-types'\n\nexport interface IToggleProps extends IHWToggle {\n\t/** optional class name applied to the toggle */\n\tclassName?: string\n}\n\nconst Toggle = (props: IToggleProps): React.ReactElement => {\n\tconst { id, className, postText, ...rest } = props\n\tconst parentClass = cx('toggle__wrapper', className)\n\treturn (\n\t\t<div className={parentClass}>\n\t\t\t<div className=\"toggle\">\n\t\t\t\t<input className=\"toggle__input\" type=\"checkbox\" id={id} {...rest} />\n\t\t\t\t<label className=\"toggle__label\" htmlFor={id} />\n\t\t\t</div>\n\t\t\t{postText && (\n\t\t\t\t<label className=\"toggle__text\" htmlFor={id}>\n\t\t\t\t\t{postText}\n\t\t\t\t</label>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nexport default Toggle\n"],"file":"Toggle.js"}

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

@@ -0,0 +1,18 @@
+export { default as Autosuggest, IAutosuggestInterfaceProps } from './components/Autosuggest/Autosuggest';
+export { default as Checkbox } from './components/Checkbox/Checkbox';
+export { default as DatePicker } from './components/DatePicker/DatePicker';
+export { default as DomainInput } from './components/DomainInput/DomainInput';
+export { default as FormBuilder } from './components/FormBuilder/FormBuilder';
+export { default as DurationInput } from './components/DurationInput/DurationInput';
+export { default as PhoneInput, formatPhoneNumber, formatPhoneNumberIntl, isValidPhoneNumber } from './components/PhoneInput/PhoneInput';
+export { default as Radio } from './components/Radio/Radio';
+export { default as Search } from './components/Search/Search';
+export { default as Select } from './components/Select/Select';
+export { default as Slider } from './components/Slider/Slider';
+export { default as Stars } from './components/Stars/Stars';
+export { default as Tag } from './components/Tag/Tag';
+export { default as TextArea } from './components/TextArea/TextArea';
+export { default as TextInput } from './components/TextInput/TextInput';
+export { default as Toggle } from './components/Toggle/Toggle';
+export { default as FormLayout, FormLayoutGroup, FormLayoutItem } from './components/FormLayout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,IAAI,WAAW,EACtB,0BAA0B,EAC1B,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EACN,OAAO,IAAI,aAAa,EACxB,MAAM,0CAA0C,CAAA;AACjD,OAAO,EACN,OAAO,IAAI,UAAU,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EACN,OAAO,IAAI,UAAU,EACrB,eAAe,EACf,cAAc,EACd,MAAM,yBAAyB,CAAA"}

package/lib/components/Forms/index.js

@@ -0,0 +1,182 @@
+"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, "Autosuggest", {
+  enumerable: true,
+  get: function get() {
+    return _Autosuggest["default"];
+  }
+});
+Object.defineProperty(exports, "IAutosuggestInterfaceProps", {
+  enumerable: true,
+  get: function get() {
+    return _Autosuggest.IAutosuggestInterfaceProps;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox["default"];
+  }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _DatePicker["default"];
+  }
+});
+Object.defineProperty(exports, "DomainInput", {
+  enumerable: true,
+  get: function get() {
+    return _DomainInput["default"];
+  }
+});
+Object.defineProperty(exports, "FormBuilder", {
+  enumerable: true,
+  get: function get() {
+    return _FormBuilder["default"];
+  }
+});
+Object.defineProperty(exports, "DurationInput", {
+  enumerable: true,
+  get: function get() {
+    return _DurationInput["default"];
+  }
+});
+Object.defineProperty(exports, "PhoneInput", {
+  enumerable: true,
+  get: function get() {
+    return _PhoneInput["default"];
+  }
+});
+Object.defineProperty(exports, "formatPhoneNumber", {
+  enumerable: true,
+  get: function get() {
+    return _PhoneInput.formatPhoneNumber;
+  }
+});
+Object.defineProperty(exports, "formatPhoneNumberIntl", {
+  enumerable: true,
+  get: function get() {
+    return _PhoneInput.formatPhoneNumberIntl;
+  }
+});
+Object.defineProperty(exports, "isValidPhoneNumber", {
+  enumerable: true,
+  get: function get() {
+    return _PhoneInput.isValidPhoneNumber;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _Radio["default"];
+  }
+});
+Object.defineProperty(exports, "Search", {
+  enumerable: true,
+  get: function get() {
+    return _Search["default"];
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select["default"];
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _Slider["default"];
+  }
+});
+Object.defineProperty(exports, "Stars", {
+  enumerable: true,
+  get: function get() {
+    return _Stars["default"];
+  }
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function get() {
+    return _Tag["default"];
+  }
+});
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function get() {
+    return _TextArea["default"];
+  }
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function get() {
+    return _TextInput["default"];
+  }
+});
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function get() {
+    return _Toggle["default"];
+  }
+});
+Object.defineProperty(exports, "FormLayout", {
+  enumerable: true,
+  get: function get() {
+    return _FormLayout["default"];
+  }
+});
+Object.defineProperty(exports, "FormLayoutGroup", {
+  enumerable: true,
+  get: function get() {
+    return _FormLayout.FormLayoutGroup;
+  }
+});
+Object.defineProperty(exports, "FormLayoutItem", {
+  enumerable: true,
+  get: function get() {
+    return _FormLayout.FormLayoutItem;
+  }
+});
+
+var _Autosuggest = _interopRequireWildcard(require("./components/Autosuggest/Autosuggest"));
+
+var _Checkbox = _interopRequireDefault(require("./components/Checkbox/Checkbox"));
+
+var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
+
+var _DomainInput = _interopRequireDefault(require("./components/DomainInput/DomainInput"));
+
+var _FormBuilder = _interopRequireDefault(require("./components/FormBuilder/FormBuilder"));
+
+var _DurationInput = _interopRequireDefault(require("./components/DurationInput/DurationInput"));
+
+var _PhoneInput = _interopRequireWildcard(require("./components/PhoneInput/PhoneInput"));
+
+var _Radio = _interopRequireDefault(require("./components/Radio/Radio"));
+
+var _Search = _interopRequireDefault(require("./components/Search/Search"));
+
+var _Select = _interopRequireDefault(require("./components/Select/Select"));
+
+var _Slider = _interopRequireDefault(require("./components/Slider/Slider"));
+
+var _Stars = _interopRequireDefault(require("./components/Stars/Stars"));
+
+var _Tag = _interopRequireDefault(require("./components/Tag/Tag"));
+
+var _TextArea = _interopRequireDefault(require("./components/TextArea/TextArea"));
+
+var _TextInput = _interopRequireDefault(require("./components/TextInput/TextInput"));
+
+var _Toggle = _interopRequireDefault(require("./components/Toggle/Toggle"));
+
+var _FormLayout = _interopRequireWildcard(require("./components/FormLayout"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Forms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export {\n\tdefault as Autosuggest,\n\tIAutosuggestInterfaceProps\n} from './components/Autosuggest/Autosuggest'\nexport { default as Checkbox } from './components/Checkbox/Checkbox'\nexport { default as DatePicker } from './components/DatePicker/DatePicker'\nexport { default as DomainInput } from './components/DomainInput/DomainInput'\nexport { default as FormBuilder } from './components/FormBuilder/FormBuilder'\nexport {\n\tdefault as DurationInput\n} from './components/DurationInput/DurationInput'\nexport {\n\tdefault as PhoneInput,\n\tformatPhoneNumber,\n\tformatPhoneNumberIntl,\n\tisValidPhoneNumber\n} from './components/PhoneInput/PhoneInput'\nexport { default as Radio } from './components/Radio/Radio'\nexport { default as Search } from './components/Search/Search'\nexport { default as Select } from './components/Select/Select'\nexport { default as Slider } from './components/Slider/Slider'\nexport { default as Stars } from './components/Stars/Stars'\nexport { default as Tag } from './components/Tag/Tag'\nexport { default as TextArea } from './components/TextArea/TextArea'\nexport { default as TextInput } from './components/TextInput/TextInput'\nexport { default as Toggle } from './components/Toggle/Toggle'\nexport {\n\tdefault as FormLayout,\n\tFormLayoutGroup,\n\tFormLayoutItem\n} from './components/FormLayout'\n"],"file":"index.js"}

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

@@ -0,0 +1,18 @@
+"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 _Heading = _interopRequireDefault(require("./Heading"));
+
+var stories = (0, _react2.storiesOf)('Heading', module);
+stories.addDecorator(_react3.withKnobs);
+stories.add('Heading', function () {
+  return _react["default"].createElement(_Heading["default"], null, (0, _react3.text)('children', 'Hello, world'));
+});
+//# sourceMappingURL=Heading-story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Heading/Heading-story.js"],"names":["stories","module","addDecorator","withKnobs","add"],"mappings":";;;;AACA;;AACA;;AACA;;AACA;;AACA,IAAMA,OAAO,GAAG,uBAAU,SAAV,EAAqBC,MAArB,CAAhB;AAEAD,OAAO,CAACE,YAAR,CAAqBC,iBAArB;AAEAH,OAAO,CAACI,GAAR,CAAY,SAAZ,EAAuB;AAAA,SACtB,gCAAC,mBAAD,QAAU,kBAAK,UAAL,EAAiB,cAAjB,CAAV,CADsB;AAAA,CAAvB","sourcesContent":["// @flow\nimport React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport { withKnobs, text } from '@storybook/addon-knobs/react'\nimport Heading from './Heading'\nconst stories = storiesOf('Heading', module)\n\nstories.addDecorator(withKnobs)\n\nstories.add('Heading', () => (\n\t<Heading>{text('children', 'Hello, world')}</Heading>\n))\n"],"file":"Heading-story.js"}

package/lib/components/Heading/Heading.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IHWHeading } from '@sprucelabs/spruce-types';
+export interface IHeadingProps extends Omit<IHWHeading, 'id'> {
+    /** id for view caching */
+    id?: string;
+    /** classname */
+    className?: string;
+    /** any children (dropped in after whatever is in text prop) */
+    children?: React.ReactNode;
+}
+declare const Heading: (props: IHeadingProps) => 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 Heading;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAoB,MAAM,0BAA0B,CAAA;AAEvE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC;IAC5D,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,OAAO,0OAaZ,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/Heading/Heading.js

@@ -0,0 +1,32 @@
+"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 _spruceTypes = require("@sprucelabs/spruce-types");
+
+var Heading = function Heading(props) {
+  var text = props.text,
+      className = props.className,
+      weight = props.weight,
+      children = props.children;
+  var Element = weight || _spruceTypes.IHWHeadingWeight.H2;
+  return _react["default"].createElement(Element, {
+    className: (0, _classnames["default"])('heading', className),
+    dangerouslySetInnerHTML: text ? {
+      __html: text
+    } : undefined
+  }, children);
+};
+
+var _default = Heading;
+exports["default"] = _default;
+//# sourceMappingURL=Heading.js.map

package/lib/components/Heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Heading/Heading.tsx"],"names":["Heading","props","text","className","weight","children","Element","IHWHeadingWeight","H2","__html","undefined"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AAaA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAA8C;AAAA,MACrDC,IADqD,GACfD,KADe,CACrDC,IADqD;AAAA,MAC/CC,SAD+C,GACfF,KADe,CAC/CE,SAD+C;AAAA,MACpCC,MADoC,GACfH,KADe,CACpCG,MADoC;AAAA,MAC5BC,QAD4B,GACfJ,KADe,CAC5BI,QAD4B;AAG7D,MAAMC,OAAO,GAAGF,MAAM,IAAIG,8BAAiBC,EAA3C;AAEA,SACC,gCAAC,OAAD;AACC,IAAA,SAAS,EAAE,4BAAG,SAAH,EAAcL,SAAd,CADZ;AAEC,IAAA,uBAAuB,EAAED,IAAI,GAAG;AAAEO,MAAAA,MAAM,EAAEP;AAAV,KAAH,GAAsBQ;AAFpD,KAIEL,QAJF,CADD;AAQA,CAbD;;eAeeL,O","sourcesContent":["// @flow\nimport React from 'react'\nimport cx from 'classnames'\nimport { IHWHeading, IHWHeadingWeight } from '@sprucelabs/spruce-types'\n\nexport interface IHeadingProps extends Omit<IHWHeading, 'id'> {\n\t/** id for view caching */\n\tid?: string\n\n\t/** classname */\n\tclassName?: string\n\n\t/** any children (dropped in after whatever is in text prop) */\n\tchildren?: React.ReactNode\n}\n\nconst Heading = (props: IHeadingProps): React.ReactElement => {\n\tconst { text, className, weight, children } = props\n\n\tconst Element = weight || IHWHeadingWeight.H2\n\n\treturn (\n\t\t<Element\n\t\t\tclassName={cx('heading', className)}\n\t\t\tdangerouslySetInnerHTML={text ? { __html: text } : undefined}\n\t\t>\n\t\t\t{children}\n\t\t</Element>\n\t)\n}\n\nexport default Heading\n"],"file":"Heading.js"}

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

@@ -0,0 +1,2 @@
+import './demo.scss';
+//# sourceMappingURL=Icon-story.d.ts.map

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

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

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = require("lodash");
+
+var _react2 = require("@storybook/react");
+
+var _react3 = require("@storybook/addon-knobs/react");
+
+var _Icon = _interopRequireDefault(require("./Icon"));
+
+var icons = _interopRequireWildcard(require("../../icons.js"));
+
+require("./demo.scss");
+
+var options = {};
+(0, _lodash.each)((0, _lodash.keys)(icons), function (icon) {
+  options[icon] = icon;
+});
+var stories = (0, _react2.storiesOf)('Icon', module);
+stories.addDecorator(_react3.withKnobs);
+stories.add('Icon', function () {
+  return _react["default"].createElement(_Icon["default"], {
+    name: (0, _react3.select)('icon', options, 'edit')
+  });
+});
+stories.add('All Icons', function () {
+  return _react["default"].createElement("div", {
+    className: "Storybook-IconGrid"
+  }, (0, _lodash.map)((0, _lodash.keys)(icons), function (icon) {
+    return _react["default"].createElement("div", {
+      className: "Storybook-IconGridItem",
+      key: "icon-".concat(icon)
+    }, _react["default"].createElement(_Icon["default"], {
+      name: icon
+    }), _react["default"].createElement("div", null, icon));
+  }));
+});
+//# sourceMappingURL=Icon-story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Icon/Icon-story.tsx"],"names":["options","icons","icon","stories","module","addDecorator","withKnobs","add"],"mappings":";;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AAEA,IAAMA,OAAO,GAAG,EAAhB;AAEA,kBAAK,kBAAKC,KAAL,CAAL,EAAkB,UAAAC,IAAI,EAAI;AACzBF,EAAAA,OAAO,CAACE,IAAD,CAAP,GAAgBA,IAAhB;AACA,CAFD;AAIA,IAAMC,OAAO,GAAG,uBAAU,MAAV,EAAkBC,MAAlB,CAAhB;AAEAD,OAAO,CAACE,YAAR,CAAqBC,iBAArB;AAEAH,OAAO,CAACI,GAAR,CAAY,MAAZ,EAAoB;AAAA,SAAM,gCAAC,gBAAD;AAAM,IAAA,IAAI,EAAE,oBAAO,MAAP,EAAeP,OAAf,EAAwB,MAAxB;AAAZ,IAAN;AAAA,CAApB;AAEAG,OAAO,CAACI,GAAR,CAAY,WAAZ,EAAyB;AAAA,SACxB;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,iBAAI,kBAAKN,KAAL,CAAJ,EAAiB,UAAAC,IAAI;AAAA,WACrB;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAwC,MAAA,GAAG,iBAAUA,IAAV;AAA3C,OACC,gCAAC,gBAAD;AAAM,MAAA,IAAI,EAAEA;AAAZ,MADD,EAEC,6CAAMA,IAAN,CAFD,CADqB;AAAA,GAArB,CADF,CADwB;AAAA,CAAzB","sourcesContent":["// @flow\nimport React from 'react'\nimport { each, keys, map } from 'lodash'\nimport { storiesOf } from '@storybook/react'\nimport { withKnobs, select } from '@storybook/addon-knobs/react'\nimport Icon from './Icon'\n\nimport * as icons from '../../icons.js'\n\nimport './demo.scss'\n\nconst options = {}\n\neach(keys(icons), icon => {\n\toptions[icon] = icon\n})\n\nconst stories = storiesOf('Icon', module)\n\nstories.addDecorator(withKnobs)\n\nstories.add('Icon', () => <Icon name={select('icon', options, 'edit')} />)\n\nstories.add('All Icons', () => (\n\t<div className=\"Storybook-IconGrid\">\n\t\t{map(keys(icons), icon => (\n\t\t\t<div className=\"Storybook-IconGridItem\" key={`icon-${icon}`}>\n\t\t\t\t<Icon name={icon} />\n\t\t\t\t<div>{icon}</div>\n\t\t\t</div>\n\t\t))}\n\t</div>\n))\n"],"file":"Icon-story.js"}

package/lib/components/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IHWIcon } from '@sprucelabs/spruce-types';
+export interface IIconProps extends Omit<IHWIcon, 'id'> {
+    /** Optional id for view caching */
+    id?: string;
+    /** Pass a custom icon to use one that isn't keyed to a name */
+    customIcon?: any;
+    /** Optional classname for the icon */
+    className?: string;
+}
+declare const Icon: (props: IIconProps) => 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 Icon;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAElD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC;IACtD,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,+DAA+D;IAC/D,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,IAAI,uOAyBT,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/Icon/Icon.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 icons = _interopRequireWildcard(require("../../icons.js"));
+
+// TODO(george): Figure out why icons busts this rule.
+
+/* eslint import/namespace: off */
+// NOTE: This component should only include a few of the most commonly
+// used icons for developer convenience
+var Icon = function Icon(props) {
+  var icon = props.name,
+      customIcon = props.customIcon,
+      isLineIcon = props.isLineIcon,
+      className = props.className,
+      rest = (0, _objectWithoutProperties2["default"])(props, ["name", "customIcon", "isLineIcon", "className"]);
+  var iconKey = icon && icon.toLowerCase();
+
+  if (!customIcon && (!icon || !icons[iconKey])) {
+    console.warn("<Icon /> could not find an icon with key ", icon);
+    return _react["default"].createElement(_react.Fragment, null);
+  }
+
+  var isFillIcon = !customIcon && icons[iconKey] && !icons[iconKey].isLineIcon;
+  var Handler = customIcon || icons[iconKey].icon;
+  return _react["default"].createElement(Handler, (0, _extends2["default"])({
+    className: (0, _classnames["default"])(className, 'icon', {
+      'icon--no-fill': typeof isLineIcon !== 'undefined' ? isLineIcon : !isFillIcon,
+      'icon--stroke': typeof isLineIcon !== 'undefined' ? isLineIcon : !isFillIcon
+    })
+  }, rest));
+};
+
+var _default = Icon;
+exports["default"] = _default;
+//# sourceMappingURL=Icon.js.map

package/lib/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Icon/Icon.tsx"],"names":["Icon","props","icon","name","customIcon","isLineIcon","className","rest","iconKey","toLowerCase","icons","console","warn","isFillIcon","Handler"],"mappings":";;;;;;;;;;;;;;;AAKA;;AACA;;AAEA;;AARA;;AACA;AAEA;AACA;AAkBA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAA2C;AAAA,MACzCC,IADyC,GACYD,KADZ,CAC/CE,IAD+C;AAAA,MACnCC,UADmC,GACYH,KADZ,CACnCG,UADmC;AAAA,MACvBC,UADuB,GACYJ,KADZ,CACvBI,UADuB;AAAA,MACXC,SADW,GACYL,KADZ,CACXK,SADW;AAAA,MACGC,IADH,6CACYN,KADZ;AAGvD,MAAMO,OAAO,GAAGN,IAAI,IAAIA,IAAI,CAACO,WAAL,EAAxB;;AAEA,MAAI,CAACL,UAAD,KAAgB,CAACF,IAAD,IAAS,CAACQ,KAAK,CAACF,OAAD,CAA/B,CAAJ,EAA+C;AAC9CG,IAAAA,OAAO,CAACC,IAAR,8CAA0DV,IAA1D;AACA,WAAO,gCAAC,eAAD,OAAP;AACA;;AAED,MAAMW,UAAU,GAAG,CAACT,UAAD,IAAeM,KAAK,CAACF,OAAD,CAApB,IAAiC,CAACE,KAAK,CAACF,OAAD,CAAL,CAAeH,UAApE;AAEA,MAAMS,OAAO,GAAGV,UAAU,IAAIM,KAAK,CAACF,OAAD,CAAL,CAAeN,IAA7C;AAEA,SACC,gCAAC,OAAD;AACC,IAAA,SAAS,EAAE,4BAAGI,SAAH,EAAc,MAAd,EAAsB;AAChC,uBACC,OAAOD,UAAP,KAAsB,WAAtB,GAAoCA,UAApC,GAAiD,CAACQ,UAFnB;AAGhC,sBACC,OAAOR,UAAP,KAAsB,WAAtB,GAAoCA,UAApC,GAAiD,CAACQ;AAJnB,KAAtB;AADZ,KAOKN,IAPL,EADD;AAWA,CAzBD;;eA2BeP,I","sourcesContent":["// TODO(george): Figure out why icons busts this rule.\n/* eslint import/namespace: off */\n\n// NOTE: This component should only include a few of the most commonly\n// used icons for developer convenience\nimport React, { Fragment } from 'react'\nimport cx from 'classnames'\n\nimport * as icons from '../../icons.js'\nimport { IHWIcon } from '@sprucelabs/spruce-types'\n\nexport interface IIconProps extends Omit<IHWIcon, 'id'> {\n\t/** Optional id for view caching */\n\tid?: string\n\n\t/** Pass a custom icon to use one that isn't keyed to a name */\n\tcustomIcon?: any\n\n\t/** Optional classname for the icon */\n\tclassName?: string\n}\n\nconst Icon = (props: IIconProps): React.ReactElement => {\n\tconst { name: icon, customIcon, isLineIcon, className, ...rest } = props\n\n\tconst iconKey = icon && icon.toLowerCase()\n\n\tif (!customIcon && (!icon || !icons[iconKey])) {\n\t\tconsole.warn(`<Icon /> could not find an icon with key `, icon)\n\t\treturn <Fragment />\n\t}\n\n\tconst isFillIcon = !customIcon && icons[iconKey] && !icons[iconKey].isLineIcon\n\n\tconst Handler = customIcon || icons[iconKey].icon\n\n\treturn (\n\t\t<Handler\n\t\t\tclassName={cx(className, 'icon', {\n\t\t\t\t'icon--no-fill':\n\t\t\t\t\ttypeof isLineIcon !== 'undefined' ? isLineIcon : !isFillIcon,\n\t\t\t\t'icon--stroke':\n\t\t\t\t\ttypeof isLineIcon !== 'undefined' ? isLineIcon : !isFillIcon\n\t\t\t})}\n\t\t\t{...rest}\n\t\t/>\n\t)\n}\n\nexport default Icon\n"],"file":"Icon.js"}

package/lib/components/Image/Image.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IHWImage } from '@sprucelabs/spruce-types';
+export interface IImageProps extends Omit<IHWImage, 'id'> {
+    id?: string;
+    alt?: string | null;
+    width?: number;
+    height?: number;
+}
+declare const Image: (props: IHWImage | IImageProps) => 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 Image;
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACxD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,MAAM,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,KAAK,mPAgBV,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/components/Image/Image.js

@@ -0,0 +1,32 @@
+"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 Image = function Image(props) {
+  var reactHeartwoodProps = props;
+  var commonProps = props;
+  var id = commonProps.id,
+      alt = commonProps.alt,
+      src = commonProps.src;
+  var width = reactHeartwoodProps.width,
+      height = reactHeartwoodProps.height;
+  var imageProps = {
+    id: id || undefined,
+    alt: alt || undefined,
+    width: width || undefined,
+    height: height || undefined,
+    src: src || undefined
+  };
+  return _react["default"].createElement("img", imageProps);
+};
+
+var _default = Image;
+exports["default"] = _default;
+//# sourceMappingURL=Image.js.map

package/lib/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":["Image","props","reactHeartwoodProps","commonProps","id","alt","src","width","height","imageProps","undefined"],"mappings":";;;;;;;;;AAAA;;AAaA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAuD;AACpE,MAAMC,mBAAmB,GAAGD,KAA5B;AACA,MAAME,WAAW,GAAGF,KAApB;AAFoE,MAI5DG,EAJ4D,GAI3CD,WAJ2C,CAI5DC,EAJ4D;AAAA,MAIxDC,GAJwD,GAI3CF,WAJ2C,CAIxDE,GAJwD;AAAA,MAInDC,GAJmD,GAI3CH,WAJ2C,CAInDG,GAJmD;AAAA,MAK5DC,KAL4D,GAK1CL,mBAL0C,CAK5DK,KAL4D;AAAA,MAKrDC,MALqD,GAK1CN,mBAL0C,CAKrDM,MALqD;AAOpE,MAAMC,UAAU,GAAG;AAClBL,IAAAA,EAAE,EAAEA,EAAE,IAAIM,SADQ;AAElBL,IAAAA,GAAG,EAAEA,GAAG,IAAIK,SAFM;AAGlBH,IAAAA,KAAK,EAAEA,KAAK,IAAIG,SAHE;AAIlBF,IAAAA,MAAM,EAAEA,MAAM,IAAIE,SAJA;AAKlBJ,IAAAA,GAAG,EAAEA,GAAG,IAAII;AALM,GAAnB;AAQA,SAAO,uCAASD,UAAT,CAAP;AACA,CAhBD;;eAkBeT,K","sourcesContent":["import React from 'react'\nimport { IHWImage } from '@sprucelabs/spruce-types'\n\nexport interface IImageProps extends Omit<IHWImage, 'id'> {\n\tid?: string\n\n\talt?: string | null\n\n\twidth?: number\n\n\theight?: number\n}\n\nconst Image = (props: IImageProps | IHWImage): React.ReactElement => {\n\tconst reactHeartwoodProps = props as IImageProps\n\tconst commonProps = props as IHWImage\n\n\tconst { id, alt, src } = commonProps\n\tconst { width, height } = reactHeartwoodProps\n\n\tconst imageProps = {\n\t\tid: id || undefined,\n\t\talt: alt || undefined,\n\t\twidth: width || undefined,\n\t\theight: height || undefined,\n\t\tsrc: src || undefined\n\t}\n\n\treturn <img {...imageProps} />\n}\n\nexport default Image\n"],"file":"Image.js"}