@drivy/cobalt 0.15.0 → 0.16.2

package/components/Calendar/CalendarView/index.js

@@ -1,11 +1,7 @@
-import { __assign } from '../../../_virtual/_tslib.js';
 import React from 'react';
 import CalendarViewMonth from './CalendarViewMonth.js';
 
-var CalendarView = function (_a) {
-    var months = _a.months;
-    return (React.createElement("div", { className: "cobalt-CalendarView" }, months.map(function (month) { return (React.createElement(CalendarViewMonth, __assign({ key: month.monthStart }, month))); })));
-};
+const CalendarView = ({ months }) => (React.createElement("div", { className: "cobalt-CalendarView" }, months.map((month) => (React.createElement(CalendarViewMonth, { key: month.monthStart, ...month })))));
 CalendarView.displayName = "CalendarView";
 
 export { CalendarView };

package/components/Calendar/CalendarView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/CalendarView/index.tsx"],"sourcesContent":["import React from \"react\"\nimport Month from \"./CalendarViewMonth\"\nimport { MonthType } from \"./types\"\n\ntype Props = {\n  months: MonthType[]\n}\n\nconst CalendarView = ({ months }: Props) => (\n  <div className=\"cobalt-CalendarView\">\n    {months.map((month) => (\n      <Month key={month.monthStart} {...month} />\n    ))}\n  </div>\n)\n\nCalendarView.displayName = \"CalendarView\"\n\nexport { CalendarView }\n"],"names":["Month"],"mappings":";;;;AAQM,IAAA,YAAY,GAAG,UAAC,EAAiB,EAAA;AAAf,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;AAAc,IAAA,QAC1C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,EACjC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QACrB,KAAC,CAAA,aAAA,CAAAA,iBAAK,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,KAAK,CAAC,UAAU,EAAA,EAAM,KAAK,CAAA,CAAI,EAC5C,EAAA,CAAC,CACE,EACP;AAN2C,EAM3C;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/CalendarView/index.tsx"],"sourcesContent":["import React from \"react\"\nimport Month from \"./CalendarViewMonth\"\nimport { MonthType } from \"./types\"\n\ntype Props = {\n  months: MonthType[]\n}\n\nconst CalendarView = ({ months }: Props) => (\n  <div className=\"cobalt-CalendarView\">\n    {months.map((month) => (\n      <Month key={month.monthStart} {...month} />\n    ))}\n  </div>\n)\n\nCalendarView.displayName = \"CalendarView\"\n\nexport { CalendarView }\n"],"names":["Month"],"mappings":";;;AAQA,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAS,MACrC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,IACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChB,oBAACA,iBAAK,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,UAAU,KAAM,KAAK,EAAA,CAAI,CAC5C,CAAC,CACE,EACP;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/components/Callout/index.js

@@ -1,18 +1,15 @@
 import React from 'react';
 import cx from 'classnames';
 
-var Callout = function (_a) {
-    var title = _a.title, children = _a.children, _b = _a.status, status = _b === void 0 ? "info" : _b, close = _a.close;
-    return (React.createElement("div", { className: cx("cobalt-Callout cobalt-bottom_margin_tight", {
-            "cobalt-Callout--info": status === "info",
-            "cobalt-Callout--error": status === "error",
-            "cobalt-Callout--success": status === "success",
-        }) },
-        title && React.createElement("div", { className: "cobalt-Callout__Title" }, title),
-        React.createElement("p", null, children),
-        close && (React.createElement("button", { className: "cobalt-Callout__Close", onClick: close, type: "button" },
-            React.createElement("span", { "aria-hidden": "true" }, "\u00D7")))));
-};
+const Callout = ({ title, children, status = "info", close, }) => (React.createElement("div", { className: cx("cobalt-Callout cobalt-bottom_margin_tight", {
+        "cobalt-Callout--info": status === "info",
+        "cobalt-Callout--error": status === "error",
+        "cobalt-Callout--success": status === "success",
+    }) },
+    title && React.createElement("div", { className: "cobalt-Callout__Title" }, title),
+    React.createElement("p", null, children),
+    close && (React.createElement("button", { className: "cobalt-Callout__Close", onClick: close, type: "button" },
+        React.createElement("span", { "aria-hidden": "true" }, "\u00D7")))));
 
 export { Callout, Callout as default };
 //# sourceMappingURL=index.js.map

package/components/Callout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface CalloutProps {\n  children: React.ReactNode\n  title?: string\n  status: \"info\" | \"error\" | \"success\"\n  close?: () => void\n}\n\nexport const Callout = ({\n  title,\n  children,\n  status = \"info\",\n  close,\n}: CalloutProps) => (\n  <div\n    className={cx(\"cobalt-Callout cobalt-bottom_margin_tight\", {\n      \"cobalt-Callout--info\": status === \"info\",\n      \"cobalt-Callout--error\": status === \"error\",\n      \"cobalt-Callout--success\": status === \"success\",\n    })}\n  >\n    {title && <div className=\"cobalt-Callout__Title\">{title}</div>}\n    <p>{children}</p>\n    {close && (\n      <button className=\"cobalt-Callout__Close\" onClick={close} type=\"button\">\n        <span aria-hidden=\"true\">×</span>\n      </button>\n    )}\n  </div>\n)\n\nexport default Callout\n"],"names":[],"mappings":";;;AAUO,IAAM,OAAO,GAAG,UAAC,EAKT,EAAA;AAJb,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,MAAe,EAAf,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACf,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AACa,IAAA,QAClB,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE;YACzD,sBAAsB,EAAE,MAAM,KAAK,MAAM;YACzC,uBAAuB,EAAE,MAAM,KAAK,OAAO;YAC3C,yBAAyB,EAAE,MAAM,KAAK,SAAS;SAChD,CAAC,EAAA;AAED,QAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,KAAK,CAAO;AAC9D,QAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAI,QAAQ,CAAK;AAChB,QAAA,KAAK,KACJ,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA;AACrE,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAA,EAAA,QAAA,CAAS,CAC1B,CACV,CACG,EACP;AAhBmB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface CalloutProps {\n  children: React.ReactNode\n  title?: string\n  status: \"info\" | \"error\" | \"success\"\n  close?: () => void\n}\n\nexport const Callout = ({\n  title,\n  children,\n  status = \"info\",\n  close,\n}: CalloutProps) => (\n  <div\n    className={cx(\"cobalt-Callout cobalt-bottom_margin_tight\", {\n      \"cobalt-Callout--info\": status === \"info\",\n      \"cobalt-Callout--error\": status === \"error\",\n      \"cobalt-Callout--success\": status === \"success\",\n    })}\n  >\n    {title && <div className=\"cobalt-Callout__Title\">{title}</div>}\n    <p>{children}</p>\n    {close && (\n      <button className=\"cobalt-Callout__Close\" onClick={close} type=\"button\">\n        <span aria-hidden=\"true\">×</span>\n      </button>\n    )}\n  </div>\n)\n\nexport default Callout\n"],"names":[],"mappings":";;;AAUa,MAAA,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,KAAK,GACQ,MACb,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE;QACzD,sBAAsB,EAAE,MAAM,KAAK,MAAM;QACzC,uBAAuB,EAAE,MAAM,KAAK,OAAO;QAC3C,yBAAyB,EAAE,MAAM,KAAK,SAAS;KAChD,CAAC,EAAA;AAED,IAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,KAAK,CAAO;AAC9D,IAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAI,QAAQ,CAAK;AAChB,IAAA,KAAK,KACJ,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA;AACrE,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAS,EAAA,QAAA,CAAA,CAC1B,CACV,CACG;;;;"}

package/components/Card/index.js

@@ -1,15 +1,10 @@
-import { __extends, __rest } from '../../_virtual/_tslib.js';
 import React, { PureComponent } from 'react';
 import cx from 'classnames';
 
-var Card = function (_a) {
-    var children = _a.children, className = _a.className, flattened = _a.flattened;
-    return (React.createElement("div", { className: cx("cobalt-Card", className, {
-            "cobalt-Card--flattened": flattened,
-        }) }, children));
-};
-var getClasses = function (_a) {
-    var tabBar = _a.tabBar, tight = _a.tight, subdued = _a.subdued, divided = _a.divided;
+const Card = ({ children, className, flattened }) => (React.createElement("div", { className: cx("cobalt-Card", className, {
+        "cobalt-Card--flattened": flattened,
+    }) }, children));
+const getClasses = ({ tabBar, tight, subdued, divided }) => {
     return cx("cobalt-Card__Section", {
         "cobalt-Card__Section--tabBar": tabBar === true,
         "cobalt-Card__Section--tight": tight === true,
@@ -18,22 +13,16 @@ var getClasses = function (_a) {
         "cobalt-Card__Section--dividedSoft": divided === "soft",
     });
 };
-var CardSectionLink = function (_a) {
-    var href = _a.href, target = _a.target, rel = _a.rel, baseProps = __rest(_a, ["href", "target", "rel"]);
+const CardSectionLink = ({ href, target, rel, ...baseProps }) => {
     return (React.createElement("a", { className: getClasses(baseProps), href: href, target: target, rel: target && !rel ? "noopener noreferrer" : rel }, baseProps.children));
 };
 CardSectionLink.displayName = "CardSection.Link";
-var CardSection = /** @class */ (function (_super) {
-    __extends(CardSection, _super);
-    function CardSection() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CardSection.prototype.render = function () {
+class CardSection extends PureComponent {
+    render() {
         return React.createElement("div", { className: getClasses(this.props) }, this.props.children);
-    };
-    CardSection.Link = CardSectionLink;
-    return CardSection;
-}(PureComponent));
+    }
+}
+CardSection.Link = CardSectionLink;
 
 export { Card, CardSection, Card as default };
 //# sourceMappingURL=index.js.map

package/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React, { PureComponent, PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nexport type CardProps = PropsWithChildren<{\n  className?: string\n  flattened?: boolean\n}>\n\nexport const Card = ({ children, className, flattened }: CardProps) => (\n  <div\n    className={cx(\"cobalt-Card\", className, {\n      \"cobalt-Card--flattened\": flattened,\n    })}\n  >\n    {children}\n  </div>\n)\n\nexport type CardSectionProps = {\n  children: React.ReactNode\n  tabBar?: boolean\n  tight?: boolean\n  subdued?: boolean\n  /**\n   * true or \"soft\"\n   * @default false\n   */\n  divided?: boolean | string\n}\n\nexport type CardSectionLinkProps = CardSectionProps & {\n  href: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"href\"]\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"target\"]\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"rel\"]\n}\n\nconst getClasses = ({ tabBar, tight, subdued, divided }: CardSectionProps) => {\n  return cx(\"cobalt-Card__Section\", {\n    \"cobalt-Card__Section--tabBar\": tabBar === true,\n    \"cobalt-Card__Section--tight\": tight === true,\n    \"cobalt-Card__Section--subdued\": subdued === true,\n    \"cobalt-Card__Section--divided\": divided === true,\n    \"cobalt-Card__Section--dividedSoft\": divided === \"soft\",\n  })\n}\n\nconst CardSectionLink = ({\n  href,\n  target,\n  rel,\n  ...baseProps\n}: CardSectionLinkProps) => {\n  return (\n    <a\n      className={getClasses(baseProps)}\n      href={href}\n      target={target}\n      rel={target && !rel ? \"noopener noreferrer\" : rel}\n    >\n      {baseProps.children}\n    </a>\n  )\n}\nCardSectionLink.displayName = \"CardSection.Link\"\n\nexport class CardSection extends PureComponent<CardSectionProps, never> {\n  static Link = CardSectionLink\n  render() {\n    return <div className={getClasses(this.props)}>{this.props.children}</div>\n  }\n}\n\nexport default Card\n"],"names":[],"mappings":";;;;AAQO,IAAM,IAAI,GAAG,UAAC,EAA6C,EAAA;AAA3C,IAAA,IAAA,QAAQ,cAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;IAAkB,QACrE,6BACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;AACtC,YAAA,wBAAwB,EAAE,SAAS;SACpC,CAAC,EAAA,EAED,QAAQ,CACL,EACP;AARsE,EAQtE;AAoBD,IAAM,UAAU,GAAG,UAAC,EAAqD,EAAA;QAAnD,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;IACnD,OAAO,EAAE,CAAC,sBAAsB,EAAE;QAChC,8BAA8B,EAAE,MAAM,KAAK,IAAI;QAC/C,6BAA6B,EAAE,KAAK,KAAK,IAAI;QAC7C,+BAA+B,EAAE,OAAO,KAAK,IAAI;QACjD,+BAA+B,EAAE,OAAO,KAAK,IAAI;QACjD,mCAAmC,EAAE,OAAO,KAAK,MAAM;AACxD,KAAA,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,EAKF,EAAA;AAJrB,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,GAAG,GAAA,EAAA,CAAA,GAAA,EACA,SAAS,GAJW,MAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,KAAA,CAKxB,CADa,CAAA;AAEZ,IAAA,QACE,KACE,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EAEhD,EAAA,SAAS,CAAC,QAAQ,CACjB,EACL;AACH,CAAC,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEhD,IAAA,WAAA,kBAAA,UAAA,MAAA,EAAA;IAAiC,SAAsC,CAAA,WAAA,EAAA,MAAA,CAAA,CAAA;AAAvE,IAAA,SAAA,WAAA,GAAA;;KAKC;AAHC,IAAA,WAAA,CAAA,SAAA,CAAA,MAAM,GAAN,YAAA;AACE,QAAA,OAAO,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA,EAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAA;KAC3E,CAAA;IAHM,WAAI,CAAA,IAAA,GAAG,eAAe,CAAA;IAI/B,OAAC,WAAA,CAAA;CAAA,CALgC,aAAa,CAK7C;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React, { PureComponent, PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nexport type CardProps = PropsWithChildren<{\n  className?: string\n  flattened?: boolean\n}>\n\nexport const Card = ({ children, className, flattened }: CardProps) => (\n  <div\n    className={cx(\"cobalt-Card\", className, {\n      \"cobalt-Card--flattened\": flattened,\n    })}\n  >\n    {children}\n  </div>\n)\n\nexport type CardSectionProps = {\n  children: React.ReactNode\n  tabBar?: boolean\n  tight?: boolean\n  subdued?: boolean\n  /**\n   * true or \"soft\"\n   * @default false\n   */\n  divided?: boolean | string\n}\n\nexport type CardSectionLinkProps = CardSectionProps & {\n  href: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"href\"]\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"target\"]\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"rel\"]\n}\n\nconst getClasses = ({ tabBar, tight, subdued, divided }: CardSectionProps) => {\n  return cx(\"cobalt-Card__Section\", {\n    \"cobalt-Card__Section--tabBar\": tabBar === true,\n    \"cobalt-Card__Section--tight\": tight === true,\n    \"cobalt-Card__Section--subdued\": subdued === true,\n    \"cobalt-Card__Section--divided\": divided === true,\n    \"cobalt-Card__Section--dividedSoft\": divided === \"soft\",\n  })\n}\n\nconst CardSectionLink = ({\n  href,\n  target,\n  rel,\n  ...baseProps\n}: CardSectionLinkProps) => {\n  return (\n    <a\n      className={getClasses(baseProps)}\n      href={href}\n      target={target}\n      rel={target && !rel ? \"noopener noreferrer\" : rel}\n    >\n      {baseProps.children}\n    </a>\n  )\n}\nCardSectionLink.displayName = \"CardSection.Link\"\n\nexport class CardSection extends PureComponent<CardSectionProps, never> {\n  static Link = CardSectionLink\n  render() {\n    return <div className={getClasses(this.props)}>{this.props.children}</div>\n  }\n}\n\nexport default Card\n"],"names":[],"mappings":";;;AAQa,MAAA,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAa,MAChE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;AACtC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CAAC,EAED,EAAA,QAAQ,CACL,EACP;AAoBD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB,KAAI;IAC3E,OAAO,EAAE,CAAC,sBAAsB,EAAE;QAChC,8BAA8B,EAAE,MAAM,KAAK,IAAI;QAC/C,6BAA6B,EAAE,KAAK,KAAK,IAAI;QAC7C,+BAA+B,EAAE,OAAO,KAAK,IAAI;QACjD,+BAA+B,EAAE,OAAO,KAAK,IAAI;QACjD,mCAAmC,EAAE,OAAO,KAAK,MAAM;AACxD,KAAA,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,GAAG,SAAS,EACS,KAAI;AACzB,IAAA,QACE,KACE,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EAEhD,EAAA,SAAS,CAAC,QAAQ,CACjB,EACL;AACH,CAAC,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAE1C,MAAO,WAAY,SAAQ,aAAsC,CAAA;IAErE,MAAM,GAAA;AACJ,QAAA,OAAO,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA,EAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAA;KAC3E;;AAHM,WAAI,CAAA,IAAA,GAAG,eAAe;;;;"}

package/components/CdwChoice/index.js

@@ -1,19 +1,16 @@
 import React from 'react';
 
-var CdwChoice = function (_a) {
-    var id = _a.id, badge = _a.badge, price = _a.price, priceLabel = _a.priceLabel, children = _a.children;
-    return (React.createElement("div", { className: "cobalt-CdwChoice" },
-        React.createElement("input", { id: id, name: "cdwChoice", className: "cobalt-CdwChoice__Input", type: "radio" }),
-        React.createElement("label", { htmlFor: id },
-            React.createElement("div", { className: "cobalt-CdwChoice__Control" }),
-            React.createElement("div", { className: "cobalt-CdwChoice__Body" },
-                React.createElement("div", { className: "cobalt-CdwChoice__Title" },
-                    children,
-                    badge && React.createElement("div", { className: "cobalt-CdwChoice__Badge" }, badge))),
-            React.createElement("div", { className: "cobalt-CdwChoice__PriceDetails" },
-                React.createElement("span", { className: "cobalt-CdwChoice__Price" }, price),
-                priceLabel))));
-};
+const CdwChoice = ({ id, badge, price, priceLabel, children, }) => (React.createElement("div", { className: "cobalt-CdwChoice" },
+    React.createElement("input", { id: id, name: "cdwChoice", className: "cobalt-CdwChoice__Input", type: "radio" }),
+    React.createElement("label", { htmlFor: id },
+        React.createElement("div", { className: "cobalt-CdwChoice__Control" }),
+        React.createElement("div", { className: "cobalt-CdwChoice__Body" },
+            React.createElement("div", { className: "cobalt-CdwChoice__Title" },
+                children,
+                badge && React.createElement("div", { className: "cobalt-CdwChoice__Badge" }, badge))),
+        React.createElement("div", { className: "cobalt-CdwChoice__PriceDetails" },
+            React.createElement("span", { className: "cobalt-CdwChoice__Price" }, price),
+            priceLabel))));
 
 export { CdwChoice };
 //# sourceMappingURL=index.js.map

package/components/CdwChoice/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/CdwChoice/index.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CdwChoiceProps {\n  children: React.ReactNode\n  id: string\n  badge?: string\n  price: string\n  priceLabel: string\n}\n\nexport const CdwChoice = ({\n  id,\n  badge,\n  price,\n  priceLabel,\n  children,\n}: CdwChoiceProps) => (\n  <div className=\"cobalt-CdwChoice\">\n    <input\n      id={id}\n      name=\"cdwChoice\"\n      className=\"cobalt-CdwChoice__Input\"\n      type=\"radio\"\n    />\n    <label htmlFor={id}>\n      <div className=\"cobalt-CdwChoice__Control\" />\n      <div className=\"cobalt-CdwChoice__Body\">\n        <div className=\"cobalt-CdwChoice__Title\">\n          {children}\n          {badge && <div className=\"cobalt-CdwChoice__Badge\">{badge}</div>}\n        </div>\n      </div>\n      <div className=\"cobalt-CdwChoice__PriceDetails\">\n        <span className=\"cobalt-CdwChoice__Price\">{price}</span>\n        {priceLabel}\n      </div>\n    </label>\n  </div>\n)\n"],"names":[],"mappings":";;AAUO,IAAM,SAAS,GAAG,UAAC,EAMT,EAAA;AALf,IAAA,IAAA,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;AACY,IAAA,QACpB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA;AAC/B,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,WAAW,EAChB,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,OAAO,EACZ,CAAA;QACF,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,OAAO,EAAE,EAAE,EAAA;YAChB,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,EAAG,CAAA;YAC7C,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;gBACrC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA;oBACrC,QAAQ;oBACR,KAAK,IAAI,6BAAK,SAAS,EAAC,yBAAyB,EAAE,EAAA,KAAK,CAAO,CAC5D,CACF;YACN,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAAA;AAC7C,gBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,EAAE,KAAK,CAAQ;gBACvD,UAAU,CACP,CACA,CACJ,EACP;AAtBqB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/CdwChoice/index.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CdwChoiceProps {\n  children: React.ReactNode\n  id: string\n  badge?: string\n  price: string\n  priceLabel: string\n}\n\nexport const CdwChoice = ({\n  id,\n  badge,\n  price,\n  priceLabel,\n  children,\n}: CdwChoiceProps) => (\n  <div className=\"cobalt-CdwChoice\">\n    <input\n      id={id}\n      name=\"cdwChoice\"\n      className=\"cobalt-CdwChoice__Input\"\n      type=\"radio\"\n    />\n    <label htmlFor={id}>\n      <div className=\"cobalt-CdwChoice__Control\" />\n      <div className=\"cobalt-CdwChoice__Body\">\n        <div className=\"cobalt-CdwChoice__Title\">\n          {children}\n          {badge && <div className=\"cobalt-CdwChoice__Badge\">{badge}</div>}\n        </div>\n      </div>\n      <div className=\"cobalt-CdwChoice__PriceDetails\">\n        <span className=\"cobalt-CdwChoice__Price\">{price}</span>\n        {priceLabel}\n      </div>\n    </label>\n  </div>\n)\n"],"names":[],"mappings":";;MAUa,SAAS,GAAG,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,GACO,MACf,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA;AAC/B,IAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,WAAW,EAChB,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,OAAO,EACZ,CAAA;IACF,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,OAAO,EAAE,EAAE,EAAA;QAChB,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,EAAG,CAAA;QAC7C,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;YACrC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA;gBACrC,QAAQ;gBACR,KAAK,IAAI,6BAAK,SAAS,EAAC,yBAAyB,EAAE,EAAA,KAAK,CAAO,CAC5D,CACF;QACN,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAAA;AAC7C,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,EAAE,KAAK,CAAQ;AACvD,YAAA,UAAU,CACP,CACA,CACJ;;;;"}

package/components/Cell/index.js

@@ -1,17 +1,14 @@
-import { __rest, __assign } from '../../_virtual/_tslib.js';
 import React from 'react';
 import cx from 'classnames';
 
-function Cell(_a) {
-    var children = _a.children, divided = _a.divided, softDivided = _a.softDivided, className = _a.className;
+function Cell({ children, divided, softDivided, className, }) {
     return (React.createElement("div", { className: cx("cobalt-cell", className, {
             "cobalt-cell--divided": divided,
             "cobalt-cell--softDivided": softDivided,
         }) }, children));
 }
-function Cells(_a) {
-    var content = _a.content, cellProps = __rest(_a, ["content"]);
-    return (React.createElement(React.Fragment, null, content.map(function (c, i) { return (React.createElement(Cell, __assign({ key: i }, cellProps), c)); })));
+function Cells({ content, ...cellProps }) {
+    return (React.createElement(React.Fragment, null, content.map((c, i) => (React.createElement(Cell, { key: i, ...cellProps }, c)))));
 }
 
 export { Cells, Cell as default };

package/components/Cell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Cell/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nexport type CellPropsType = PropsWithChildren<{\n  divided?: boolean\n  className?: string\n}>\nexport type CellSoftPropsType = PropsWithChildren<{\n  softDivided?: boolean\n  className?: string\n}>\n\nexport type CellsPropsType = {\n  content: CellPropsType[\"children\"][]\n} & Omit<CellPropsType, \"children\">\nexport type CellsSoftPropsType = {\n  content: CellSoftPropsType[\"children\"][]\n} & Omit<CellSoftPropsType, \"children\">\n\nfunction Cell(props: CellPropsType): JSX.Element\nfunction Cell(props: CellSoftPropsType): JSX.Element\nfunction Cell({\n  children,\n  divided,\n  softDivided,\n  className,\n}: CellPropsType & CellSoftPropsType): JSX.Element {\n  return (\n    <div\n      className={cx(\"cobalt-cell\", className, {\n        \"cobalt-cell--divided\": divided,\n        \"cobalt-cell--softDivided\": softDivided,\n      })}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function Cells(props: CellsPropsType): JSX.Element\nexport function Cells(props: CellsSoftPropsType): JSX.Element\nexport function Cells({\n  content,\n  ...cellProps\n}: CellsPropsType & CellsSoftPropsType): JSX.Element {\n  return (\n    <>\n      {content.map((c, i) => (\n        <Cell key={i} {...cellProps}>\n          {c}\n        </Cell>\n      ))}\n    </>\n  )\n}\n\nexport default Cell\n"],"names":[],"mappings":";;;;AAqBA,SAAS,IAAI,CAAC,EAKsB,EAAA;QAJlC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;IAET,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;AACtC,YAAA,sBAAsB,EAAE,OAAO;AAC/B,YAAA,0BAA0B,EAAE,WAAW;AACxC,SAAA,CAAC,EAED,EAAA,QAAQ,CACL,EACP;AACH,CAAC;AAIK,SAAU,KAAK,CAAC,EAGgB,EAAA;AAFpC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAAA,MAAA,CAAA,EAAA,EAFQ,WAGrB,CADa,CAAA;AAEZ,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,EAAK,EAAA,QACrB,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,CAAC,EAAM,EAAA,SAAS,CACxB,EAAA,CAAC,CACG,EAHc,EAItB,CAAC,CACD,EACJ;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Cell/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nexport type CellPropsType = PropsWithChildren<{\n  divided?: boolean\n  className?: string\n}>\nexport type CellSoftPropsType = PropsWithChildren<{\n  softDivided?: boolean\n  className?: string\n}>\n\nexport type CellsPropsType = {\n  content: CellPropsType[\"children\"][]\n} & Omit<CellPropsType, \"children\">\nexport type CellsSoftPropsType = {\n  content: CellSoftPropsType[\"children\"][]\n} & Omit<CellSoftPropsType, \"children\">\n\nfunction Cell(props: CellPropsType): JSX.Element\nfunction Cell(props: CellSoftPropsType): JSX.Element\nfunction Cell({\n  children,\n  divided,\n  softDivided,\n  className,\n}: CellPropsType & CellSoftPropsType): JSX.Element {\n  return (\n    <div\n      className={cx(\"cobalt-cell\", className, {\n        \"cobalt-cell--divided\": divided,\n        \"cobalt-cell--softDivided\": softDivided,\n      })}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function Cells(props: CellsPropsType): JSX.Element\nexport function Cells(props: CellsSoftPropsType): JSX.Element\nexport function Cells({\n  content,\n  ...cellProps\n}: CellsPropsType & CellsSoftPropsType): JSX.Element {\n  return (\n    <>\n      {content.map((c, i) => (\n        <Cell key={i} {...cellProps}>\n          {c}\n        </Cell>\n      ))}\n    </>\n  )\n}\n\nexport default Cell\n"],"names":[],"mappings":";;;AAqBA,SAAS,IAAI,CAAC,EACZ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,SAAS,GACyB,EAAA;IAClC,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;AACtC,YAAA,sBAAsB,EAAE,OAAO;AAC/B,YAAA,0BAA0B,EAAE,WAAW;AACxC,SAAA,CAAC,EAED,EAAA,QAAQ,CACL,EACP;AACH,CAAC;AAIK,SAAU,KAAK,CAAC,EACpB,OAAO,EACP,GAAG,SAAS,EACwB,EAAA;AACpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAChB,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,CAAC,EAAM,GAAA,SAAS,EACxB,EAAA,CAAC,CACG,CACR,CAAC,CACD,EACJ;AACH;;;;"}

package/components/Chip/index.js

@@ -1,17 +1,15 @@
-import { __assign } from '../../_virtual/_tslib.js';
 import React from 'react';
 import cx from 'classnames';
 
-var ChipWrapper = function (props) {
+const ChipWrapper = (props) => {
     if (props.onClick) {
-        return (React.createElement("button", __assign({}, props, { type: "button", disabled: props.disabled }), props.children));
+        return (React.createElement("button", { ...props, type: "button", disabled: props.disabled }, props.children));
     }
     else {
-        return React.createElement("div", __assign({}, props), props.children);
+        return React.createElement("div", { ...props }, props.children);
     }
 };
-var Chip = function (_a) {
-    var onClick = _a.onClick, text = _a.text, image = _a.image, size = _a.size, disabled = _a.disabled, active = _a.active;
+const Chip = ({ onClick, text, image, size, disabled, active, }) => {
     return (React.createElement(ChipWrapper, { onClick: onClick, disabled: disabled, className: cx("cobalt-Chip", {
             "cobalt-Chip--large": size === "large",
             "cobalt-Chip--disabled": disabled,
@@ -19,7 +17,7 @@ var Chip = function (_a) {
             "cobalt-Chip--active": active,
         }) },
         React.createElement("div", { className: "cobalt-Chip__Content" },
-            React.createElement("div", { className: "cobalt-Chip__Image", style: { backgroundImage: "url(".concat(image, ")") } }),
+            React.createElement("div", { className: "cobalt-Chip__Image", style: { backgroundImage: `url(${image})` } }),
             React.createElement("div", { className: "cobalt-Chip__Text" }, text))));
 };
 

package/components/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface ChipProps {\n  onClick?(): void\n  text: string\n  image: string\n  size?: \"large\"\n  disabled?: boolean\n  active?: boolean\n}\n\nexport interface ChipWrapperProps {\n  onClick?(): void\n  children: React.ReactElement\n  disabled?: boolean\n  className: string\n}\n\nconst ChipWrapper = (props: ChipWrapperProps) => {\n  if (props.onClick) {\n    return (\n      <button {...props} type=\"button\" disabled={props.disabled}>\n        {props.children}\n      </button>\n    )\n  } else {\n    return <div {...props}>{props.children}</div>\n  }\n}\n\nexport const Chip = ({\n  onClick,\n  text,\n  image,\n  size,\n  disabled,\n  active,\n}: ChipProps) => {\n  return (\n    <ChipWrapper\n      onClick={onClick}\n      disabled={disabled}\n      className={cx(\"cobalt-Chip\", {\n        \"cobalt-Chip--large\": size === \"large\",\n        \"cobalt-Chip--disabled\": disabled,\n        \"cobalt-Chip--interactive\": !!onClick,\n        \"cobalt-Chip--active\": active,\n      })}\n    >\n      <div className=\"cobalt-Chip__Content\">\n        <div\n          className=\"cobalt-Chip__Image\"\n          style={{ backgroundImage: `url(${image})` }}\n        />\n        <div className=\"cobalt-Chip__Text\">{text}</div>\n      </div>\n    </ChipWrapper>\n  )\n}\n"],"names":[],"mappings":";;;;AAmBA,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;IAC1C,IAAI,KAAK,CAAC,OAAO,EAAE;AACjB,QAAA,QACE,KAAY,CAAA,aAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,EAAA,KAAK,IAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACtD,CAAA,EAAA,KAAK,CAAC,QAAQ,CACR,EACV;AACF,KAAA;AAAM,SAAA;AACL,QAAA,OAAO,wCAAS,KAAK,CAAA,EAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AAC9C,KAAA;AACH,CAAC,CAAA;AAEM,IAAM,IAAI,GAAG,UAAC,EAOT,EAAA;AANV,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,UAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;AAEN,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,WAAW,EACV,EAAA,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE;YAC3B,oBAAoB,EAAE,IAAI,KAAK,OAAO;AACtC,YAAA,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,OAAO;AACrC,YAAA,qBAAqB,EAAE,MAAM;SAC9B,CAAC,EAAA;QAEF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAAA;AACnC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,eAAe,EAAE,MAAA,CAAA,MAAA,CAAO,KAAK,EAAA,GAAA,CAAG,EAAE,EAC3C,CAAA;YACF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAO,CAC3C,CACM,EACf;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface ChipProps {\n  onClick?(): void\n  text: string\n  image: string\n  size?: \"large\"\n  disabled?: boolean\n  active?: boolean\n}\n\nexport interface ChipWrapperProps {\n  onClick?(): void\n  children: React.ReactElement\n  disabled?: boolean\n  className: string\n}\n\nconst ChipWrapper = (props: ChipWrapperProps) => {\n  if (props.onClick) {\n    return (\n      <button {...props} type=\"button\" disabled={props.disabled}>\n        {props.children}\n      </button>\n    )\n  } else {\n    return <div {...props}>{props.children}</div>\n  }\n}\n\nexport const Chip = ({\n  onClick,\n  text,\n  image,\n  size,\n  disabled,\n  active,\n}: ChipProps) => {\n  return (\n    <ChipWrapper\n      onClick={onClick}\n      disabled={disabled}\n      className={cx(\"cobalt-Chip\", {\n        \"cobalt-Chip--large\": size === \"large\",\n        \"cobalt-Chip--disabled\": disabled,\n        \"cobalt-Chip--interactive\": !!onClick,\n        \"cobalt-Chip--active\": active,\n      })}\n    >\n      <div className=\"cobalt-Chip__Content\">\n        <div\n          className=\"cobalt-Chip__Image\"\n          style={{ backgroundImage: `url(${image})` }}\n        />\n        <div className=\"cobalt-Chip__Text\">{text}</div>\n      </div>\n    </ChipWrapper>\n  )\n}\n"],"names":[],"mappings":";;;AAmBA,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;IAC9C,IAAI,KAAK,CAAC,OAAO,EAAE;AACjB,QAAA,QACE,KAAY,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GAAA,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACtD,EAAA,KAAK,CAAC,QAAQ,CACR,EACV;AACF,KAAA;AAAM,SAAA;AACL,QAAA,OAAO,gCAAS,KAAK,EAAA,EAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AAC9C,KAAA;AACH,CAAC,CAAA;AAEY,MAAA,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,GACI,KAAI;AACd,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,WAAW,EACV,EAAA,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE;YAC3B,oBAAoB,EAAE,IAAI,KAAK,OAAO;AACtC,YAAA,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,OAAO;AACrC,YAAA,qBAAqB,EAAE,MAAM;SAC9B,CAAC,EAAA;QAEF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAAA;AACnC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,eAAe,EAAE,CAAA,IAAA,EAAO,KAAK,CAAA,CAAA,CAAG,EAAE,EAC3C,CAAA;YACF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAO,CAC3C,CACM,EACf;AACH;;;;"}

package/components/EmptyState/index.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { ButtonGroup } from '../Button/index.js';
 
-var EmptyState = function (_a) {
-    var title = _a.title, children = _a.children, action = _a.action, secondaryAction = _a.secondaryAction, image = _a.image;
+const EmptyState = ({ title, children, action, secondaryAction, image, }) => {
     return (React.createElement("div", { className: "cobalt-EmptyState" },
         React.createElement("img", { className: "cobalt-EmptyState__Image", role: "presentation", alt: "", src: image, height: 188, width: 188 }),
         React.createElement("h2", { className: "cobalt-EmptyState__Title" }, title),

package/components/EmptyState/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { ButtonGroup, Button } from \"../Button\"\n\nexport interface EmptyStateProps {\n  children?: React.ReactNode\n  title: string\n  action?: typeof Button\n  secondaryAction?: typeof Button\n  image: string\n}\n\nexport const EmptyState = ({\n  title,\n  children,\n  action,\n  secondaryAction,\n  image,\n}: EmptyStateProps) => {\n  return (\n    <div className=\"cobalt-EmptyState\">\n      <img\n        className=\"cobalt-EmptyState__Image\"\n        role=\"presentation\"\n        alt=\"\"\n        src={image}\n        height={188}\n        width={188}\n      />\n      <h2 className=\"cobalt-EmptyState__Title\">{title}</h2>\n      {children && <div className=\"cobalt-EmptyState__Body\">{children}</div>}\n      {action && (\n        <ButtonGroup align=\"center\">\n          {action}\n          {secondaryAction}\n        </ButtonGroup>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAYO,IAAM,UAAU,GAAG,UAAC,EAMT,EAAA;AALhB,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAEL,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA;QAChC,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,cAAc,EACnB,GAAG,EAAC,EAAE,EACN,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,GAAG,EACV,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,0BAA0B,EAAA,EAAE,KAAK,CAAM;AACpD,QAAA,QAAQ,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA,EAAE,QAAQ,CAAO;AACrE,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAA;YACxB,MAAM;AACN,YAAA,eAAe,CACJ,CACf,CACG,EACP;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { ButtonGroup, Button } from \"../Button\"\n\nexport interface EmptyStateProps {\n  children?: React.ReactNode\n  title: string\n  action?: typeof Button\n  secondaryAction?: typeof Button\n  image: string\n}\n\nexport const EmptyState = ({\n  title,\n  children,\n  action,\n  secondaryAction,\n  image,\n}: EmptyStateProps) => {\n  return (\n    <div className=\"cobalt-EmptyState\">\n      <img\n        className=\"cobalt-EmptyState__Image\"\n        role=\"presentation\"\n        alt=\"\"\n        src={image}\n        height={188}\n        width={188}\n      />\n      <h2 className=\"cobalt-EmptyState__Title\">{title}</h2>\n      {children && <div className=\"cobalt-EmptyState__Body\">{children}</div>}\n      {action && (\n        <ButtonGroup align=\"center\">\n          {action}\n          {secondaryAction}\n        </ButtonGroup>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAYa,MAAA,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAe,EACf,KAAK,GACW,KAAI;AACpB,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA;QAChC,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,cAAc,EACnB,GAAG,EAAC,EAAE,EACN,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,GAAG,EACV,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,0BAA0B,EAAA,EAAE,KAAK,CAAM;AACpD,QAAA,QAAQ,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA,EAAE,QAAQ,CAAO;AACrE,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAA;YACxB,MAAM;AACN,YAAA,eAAe,CACJ,CACf,CACG,EACP;AACH;;;;"}

package/components/Flag/index.js

@@ -1,4 +1,3 @@
-import { __assign } from '../../_virtual/_tslib.js';
 import React from 'react';
 import cx from 'classnames';
 import { countries } from '../../tokens/index.js';
@@ -8,20 +7,19 @@ import 'lodash.throttle';
 
 if (!eqSet(new Set(Object.keys(index)), new Set(Object.keys(countries.flags))))
     throw new Error("Flag sources and tokens are not consistent. Did you add the source and export it");
-var BUNDLED_FLAGS = Object.freeze(Object.keys(countries.flags).reduce(function (bundledFlags, name) {
-    var _a;
-    return (__assign(__assign({}, bundledFlags), (_a = {}, _a[name] = index[name], _a)));
-}, {}));
-var Flag = function (_a) {
-    var country = _a.country, _b = _a.size, size = _b === void 0 ? 24 : _b;
-    var className = cx("cobalt-Flag", {
+const BUNDLED_FLAGS = Object.freeze(Object.keys(countries.flags).reduce((bundledFlags, name) => ({
+    ...bundledFlags,
+    [name]: index[name],
+}), {}));
+const Flag = ({ country, size = 24 }) => {
+    const className = cx("cobalt-Flag", {
         "cobalt-Flag--size16": size === 16,
         "cobalt-Flag--size20": size === 20,
         "cobalt-Flag--size32": size === 32,
     });
-    var countryFlag = BUNDLED_FLAGS[country];
+    const countryFlag = BUNDLED_FLAGS[country];
     if (countryFlag == null)
-        throw new Error("'".concat(country, "' Flag can not be found. Did you add the source and export it"));
+        throw new Error(`'${country}' Flag can not be found. Did you add the source and export it`);
     return (React.createElement("span", { className: className, dangerouslySetInnerHTML: { __html: countryFlag } }));
 };
 

package/components/Flag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Flag/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { countries } from \"../../tokens\"\n\nimport * as flags from \"../../icons/countries\"\nimport { eqSet } from \"../utils\"\n\nif (\n  !eqSet<string>(\n    new Set(Object.keys(flags)),\n    new Set(Object.keys(countries.flags))\n  )\n)\n  throw new Error(\n    \"Flag sources and tokens are not consistent. Did you add the source and export it\"\n  )\n\ninterface FlagsMap {\n  [name: string]: string\n}\n\nexport const BUNDLED_FLAGS: FlagsMap = Object.freeze(\n  Object.keys(countries.flags).reduce(\n    (bundledFlags, name) => ({\n      ...bundledFlags,\n      [name]: (flags as FlagsMap)[name],\n    }),\n    {}\n  )\n)\n\nexport interface FlagProps {\n  country: string\n  /**\n   * Available size in px\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 32\n}\n\nexport const Flag = ({ country, size = 24 }: FlagProps) => {\n  const className = cx(\"cobalt-Flag\", {\n    \"cobalt-Flag--size16\": size === 16,\n    \"cobalt-Flag--size20\": size === 20,\n    \"cobalt-Flag--size32\": size === 32,\n  })\n\n  const countryFlag = BUNDLED_FLAGS[country]\n\n  if (countryFlag == null)\n    throw new Error(\n      `'${country}' Flag can not be found. Did you add the source and export it`\n    )\n\n  return (\n    <span\n      className={className}\n      dangerouslySetInnerHTML={{ __html: countryFlag }}\n    />\n  )\n}\n"],"names":["flags"],"mappings":";;;;;;;;AAOA,IACE,CAAC,KAAK,CACJ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,EAC3B,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACtC;AAED,IAAA,MAAM,IAAI,KAAK,CACb,kFAAkF,CACnF,CAAA;IAMU,aAAa,GAAa,MAAM,CAAC,MAAM,CAClD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,UAAC,YAAY,EAAE,IAAI,EAAA;;IAAK,QAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACnB,YAAY,CACd,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,CAAA,IAAI,IAAIA,KAAkB,CAAC,IAAI,CAAC,EACjC,EAAA,EAAA,EAAA;AAHsB,CAGtB,EACF,EAAE,CACH,EACF;AAWM,IAAM,IAAI,GAAG,UAAC,EAAiC,EAAA;AAA/B,IAAA,IAAA,OAAO,aAAA,EAAE,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAA;AACvC,IAAA,IAAM,SAAS,GAAG,EAAE,CAAC,aAAa,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AACnC,KAAA,CAAC,CAAA;AAEF,IAAA,IAAM,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,WAAW,IAAI,IAAI;AACrB,QAAA,MAAM,IAAI,KAAK,CACb,WAAI,OAAO,EAAA,+DAAA,CAA+D,CAC3E,CAAA;AAEH,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,SAAS,EACpB,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAA,CAChD,EACH;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Flag/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { countries } from \"../../tokens\"\n\nimport * as flags from \"../../icons/countries\"\nimport { eqSet } from \"../utils\"\n\nif (\n  !eqSet<string>(\n    new Set(Object.keys(flags)),\n    new Set(Object.keys(countries.flags))\n  )\n)\n  throw new Error(\n    \"Flag sources and tokens are not consistent. Did you add the source and export it\"\n  )\n\ninterface FlagsMap {\n  [name: string]: string\n}\n\nexport const BUNDLED_FLAGS: FlagsMap = Object.freeze(\n  Object.keys(countries.flags).reduce(\n    (bundledFlags, name) => ({\n      ...bundledFlags,\n      [name]: (flags as FlagsMap)[name],\n    }),\n    {}\n  )\n)\n\nexport interface FlagProps {\n  country: string\n  /**\n   * Available size in px\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 32\n}\n\nexport const Flag = ({ country, size = 24 }: FlagProps) => {\n  const className = cx(\"cobalt-Flag\", {\n    \"cobalt-Flag--size16\": size === 16,\n    \"cobalt-Flag--size20\": size === 20,\n    \"cobalt-Flag--size32\": size === 32,\n  })\n\n  const countryFlag = BUNDLED_FLAGS[country]\n\n  if (countryFlag == null)\n    throw new Error(\n      `'${country}' Flag can not be found. Did you add the source and export it`\n    )\n\n  return (\n    <span\n      className={className}\n      dangerouslySetInnerHTML={{ __html: countryFlag }}\n    />\n  )\n}\n"],"names":["flags"],"mappings":";;;;;;;AAOA,IACE,CAAC,KAAK,CACJ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,EAC3B,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACtC;AAED,IAAA,MAAM,IAAI,KAAK,CACb,kFAAkF,CACnF,CAAA;AAMU,MAAA,aAAa,GAAa,MAAM,CAAC,MAAM,CAClD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,CAAC,YAAY,EAAE,IAAI,MAAM;AACvB,IAAA,GAAG,YAAY;AACf,IAAA,CAAC,IAAI,GAAIA,KAAkB,CAAC,IAAI,CAAC;AAClC,CAAA,CAAC,EACF,EAAE,CACH,EACF;AAWM,MAAM,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAa,KAAI;AACxD,IAAA,MAAM,SAAS,GAAG,EAAE,CAAC,aAAa,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AACnC,KAAA,CAAC,CAAA;AAEF,IAAA,MAAM,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,WAAW,IAAI,IAAI;AACrB,QAAA,MAAM,IAAI,KAAK,CACb,IAAI,OAAO,CAAA,6DAAA,CAA+D,CAC3E,CAAA;AAEH,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,SAAS,EACpB,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAA,CAChD,EACH;AACH;;;;"}

package/components/Flash/index.js

@@ -1,23 +1,22 @@
 import React from 'react';
 import { Icon } from '../Icon/index.js';
 
-var ICON_SIZE = 20;
-var STATUS_ICONS_MAP = {
+const ICON_SIZE = 20;
+const STATUS_ICONS_MAP = {
     info: "infoFilled",
     success: "checkCircle",
     error: "contextualWarningCircleFilled",
 };
-var STATUS_ICON_COLOR_MAP = {
+const STATUS_ICON_COLOR_MAP = {
     info: "aller",
     success: "signal",
     error: "essence",
 };
-var Flash = function (_a) {
-    var children = _a.children, _b = _a.status, status = _b === void 0 ? "info" : _b;
-    var icon = STATUS_ICONS_MAP[status]
+const Flash = ({ children, status = "info" }) => {
+    const icon = STATUS_ICONS_MAP[status]
         ? STATUS_ICONS_MAP[status]
         : "infoFilled";
-    var iconColor = STATUS_ICON_COLOR_MAP[status]
+    const iconColor = STATUS_ICON_COLOR_MAP[status]
         ? STATUS_ICON_COLOR_MAP[status]
         : "aller";
     return (React.createElement("div", { className: "cobalt-Flash" },

package/components/Flash/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Flash/index.tsx"],"sourcesContent":["import React from \"react\"\nimport { Icon, IconColors, IconSources } from \"../Icon\"\n\nexport type FlashStatus = \"info\" | \"success\" | \"error\"\n\nexport interface FlashProps {\n  children: React.ReactNode\n  status: FlashStatus\n}\n\nconst ICON_SIZE = 20\n\nconst STATUS_ICONS_MAP: { [k in FlashStatus]: IconSources } = {\n  info: \"infoFilled\",\n  success: \"checkCircle\",\n  error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in FlashStatus]: IconColors } = {\n  info: \"aller\",\n  success: \"signal\",\n  error: \"essence\",\n}\n\nexport const Flash = ({ children, status = \"info\" }: FlashProps) => {\n  const icon = STATUS_ICONS_MAP[status]\n    ? STATUS_ICONS_MAP[status]\n    : \"infoFilled\"\n\n  const iconColor: IconColors = STATUS_ICON_COLOR_MAP[status]\n    ? STATUS_ICON_COLOR_MAP[status]\n    : \"aller\"\n\n  return (\n    <div className=\"cobalt-Flash\">\n      <div className=\"cobalt-Flash__wrapper\">\n        <span className=\"cobalt-Flash__Icon\">\n          <Icon source={icon} size={ICON_SIZE} color={iconColor} />\n        </span>\n        <span className=\"cobalt-Flash__content\">{children}</span>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAUA,IAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,IAAM,gBAAgB,GAAwC;AAC5D,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,IAAM,qBAAqB,GAAuC;AAChE,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,KAAK,EAAE,SAAS;CACjB,CAAA;AAEM,IAAM,KAAK,GAAG,UAAC,EAAyC,EAAA;AAAvC,IAAA,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAe,EAAf,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,CAAA;AAC/C,IAAA,IAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACnC,UAAE,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;AAEhB,IAAA,IAAM,SAAS,GAAe,qBAAqB,CAAC,MAAM,CAAC;AACzD,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,OAAO,CAAA;AAEX,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA;QAC3B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;YACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,oBAAoB,EAAA;AAClC,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAI,CACpD;YACP,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ,CACrD,CACF,EACP;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Flash/index.tsx"],"sourcesContent":["import React from \"react\"\nimport { Icon, IconColors, IconSources } from \"../Icon\"\n\nexport type FlashStatus = \"info\" | \"success\" | \"error\"\n\nexport interface FlashProps {\n  children: React.ReactNode\n  status: FlashStatus\n}\n\nconst ICON_SIZE = 20\n\nconst STATUS_ICONS_MAP: { [k in FlashStatus]: IconSources } = {\n  info: \"infoFilled\",\n  success: \"checkCircle\",\n  error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in FlashStatus]: IconColors } = {\n  info: \"aller\",\n  success: \"signal\",\n  error: \"essence\",\n}\n\nexport const Flash = ({ children, status = \"info\" }: FlashProps) => {\n  const icon = STATUS_ICONS_MAP[status]\n    ? STATUS_ICONS_MAP[status]\n    : \"infoFilled\"\n\n  const iconColor: IconColors = STATUS_ICON_COLOR_MAP[status]\n    ? STATUS_ICON_COLOR_MAP[status]\n    : \"aller\"\n\n  return (\n    <div className=\"cobalt-Flash\">\n      <div className=\"cobalt-Flash__wrapper\">\n        <span className=\"cobalt-Flash__Icon\">\n          <Icon source={icon} size={ICON_SIZE} color={iconColor} />\n        </span>\n        <span className=\"cobalt-Flash__content\">{children}</span>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAUA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,gBAAgB,GAAwC;AAC5D,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,MAAM,qBAAqB,GAAuC;AAChE,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,KAAK,EAAE,SAAS;CACjB,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAc,KAAI;AACjE,IAAA,MAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACnC,UAAE,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;AAEhB,IAAA,MAAM,SAAS,GAAe,qBAAqB,CAAC,MAAM,CAAC;AACzD,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,OAAO,CAAA;AAEX,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA;QAC3B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;YACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,oBAAoB,EAAA;AAClC,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAI,CACpD;YACP,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ,CACrD,CACF,EACP;AACH;;;;"}

package/components/Form/Autocomplete/index.js

@@ -1,4 +1,3 @@
-import { __rest, __read, __assign } from '../../../_virtual/_tslib.js';
 import React, { useState, useRef, useEffect } from 'react';
 import cx from 'classnames';
 import { Combobox, ComboboxPopover, ComboboxList, ComboboxOption, ComboboxOptionText, ComboboxInput } from '@reach/combobox';
@@ -7,10 +6,10 @@ import { withFieldLabelAndHint } from '../field.js';
 import { TextInputWrapper } from '../TextInput.js';
 
 function filterMatchingItems(items, term, minLength, valueKey) {
-    var _a = __read(useState([]), 2), matchingItems = _a[0], setMatchingItems = _a[1];
-    useEffect(function () {
+    const [matchingItems, setMatchingItems] = useState([]);
+    useEffect(() => {
         term.length >= minLength
-            ? setMatchingItems(items.filter(function (item) {
+            ? setMatchingItems(items.filter((item) => {
                 return item[valueKey].toLowerCase().indexOf(term.toLowerCase()) > -1;
             }))
             : setMatchingItems([]);
@@ -18,44 +17,40 @@ function filterMatchingItems(items, term, minLength, valueKey) {
     return matchingItems;
 }
 function sanitizeItems(items, valueKey) {
-    var _a = __read(useState([]), 2), sanitizedItems = _a[0], setSanitizedItems = _a[1];
-    useEffect(function () {
-        setSanitizedItems(items.map(function (item) {
-            var _a;
-            return typeof item === "string" ? (_a = {}, _a[valueKey] = item, _a) : item;
-        }));
+    const [sanitizedItems, setSanitizedItems] = useState([]);
+    useEffect(() => {
+        setSanitizedItems(items.map((item) => typeof item === "string" ? { [valueKey]: item } : item));
     }, [items]);
     return sanitizedItems;
 }
-function Autocomplete(_a) {
-    var id = _a.id, icon = _a.icon, status = _a.status, items = _a.items, selectedItem = _a.selectedItem, _b = _a.autoFilter, autoFilter = _b === void 0 ? true : _b, _c = _a.minQueryLength, minQueryLength = _c === void 0 ? 1 : _c, _d = _a.focusOnInit, focusOnInit = _d === void 0 ? false : _d, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, onQueryChange = _a.onQueryChange, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, inputRef = _a.inputRef, autocompleteRef = _a.autocompleteRef, _e = _a.valueKey, valueKey = _e === void 0 ? "value" : _e, inputProps = __rest(_a, ["id", "icon", "status", "items", "selectedItem", "autoFilter", "minQueryLength", "focusOnInit", "onKeyDown", "onFocus", "onBlur", "onQueryChange", "onSelectItem", "renderItem", "inputRef", "autocompleteRef", "valueKey"]);
-    var _f = __read(useState(""), 2), term = _f[0], setTerm = _f[1];
-    var _g = __read(useState(false), 2), hasFocus = _g[0], setHasFocus = _g[1];
-    var ignoreFocus = false; // extra flag to ignore programmatical focus triggered by click on item
-    var results = autoFilter
+function Autocomplete({ id, icon, status, items, selectedItem, autoFilter = true, minQueryLength = 1, focusOnInit = false, onKeyDown, onFocus, onBlur, onQueryChange, onSelectItem, renderItem, inputRef, autocompleteRef, valueKey = "value", ...inputProps }) {
+    const [term, setTerm] = useState("");
+    const [hasFocus, setHasFocus] = useState(false);
+    let ignoreFocus = false; // extra flag to ignore programmatical focus triggered by click on item
+    const results = autoFilter
         ? filterMatchingItems(sanitizeItems(items, valueKey), term, minQueryLength, valueKey)
         : sanitizeItems(items, valueKey);
-    var comboboxEl = autocompleteRef || useRef(null);
-    var inputEl = inputRef || useRef(null);
-    var popoverEl = useRef(null);
-    var giveInputFocus = function () {
+    const comboboxEl = autocompleteRef || useRef(null);
+    const inputEl = inputRef || useRef(null);
+    const popoverEl = useRef(null);
+    const giveInputFocus = () => {
         inputEl.current && inputEl.current.focus();
     };
-    var isMounted = useRef(true);
-    var forceIdTimer = useRef();
-    var focusTimer = useRef();
-    var blurTimer = useRef();
-    var clearInputTimer = useRef();
+    const isMounted = useRef(true);
+    const forceIdTimer = useRef();
+    const focusTimer = useRef();
+    const blurTimer = useRef();
+    const clearInputTimer = useRef();
     function forceId() {
         // id is overriden by Reach ui Combobox
-        forceIdTimer.current = setTimeout(function () {
+        forceIdTimer.current = setTimeout(() => {
             id && inputEl.current && inputEl.current.setAttribute("id", id);
         });
     }
-    useEffect(function () {
+    useEffect(() => {
         // on mount ...
         focusOnInit && giveInputFocus();
-        return function () {
+        return () => {
             isMounted.current = false;
             forceIdTimer.current && clearTimeout(forceIdTimer.current);
             focusTimer.current && clearTimeout(focusTimer.current);
@@ -63,43 +58,43 @@ function Autocomplete(_a) {
             clearInputTimer.current && clearTimeout(clearInputTimer.current);
         };
     }, []);
-    useEffect(function () {
+    useEffect(() => {
         forceId();
     }, [id]);
-    useEffect(function () {
+    useEffect(() => {
         setTerm(selectedItem ? "" + selectedItem[valueKey] : "");
     }, [selectedItem]);
-    var handleFocus = function (event) {
+    const handleFocus = (event) => {
         !ignoreFocus && onFocus && onFocus(event);
         ignoreFocus = false;
-        focusTimer.current = setTimeout(function () {
+        focusTimer.current = setTimeout(() => {
             // required by "forceDisplayResults" mechanism
             isMounted.current && setHasFocus(true);
         }, 100);
     };
-    var handleBlur = function (event) {
+    const handleBlur = (event) => {
         // blur interceptor required by "forceDisplayResults" mechanism
         onBlur && onBlur(event);
-        blurTimer.current = setTimeout(function () {
+        blurTimer.current = setTimeout(() => {
             isMounted.current && setHasFocus(false);
         }, 100);
     };
-    var handleChange = function (event) {
-        var inputValue = event.target.value;
+    const handleChange = (event) => {
+        const inputValue = event.target.value;
         if (inputValue.trim().length || term.length) {
             // to prevent starting with a space character
             setTerm(inputValue);
             onQueryChange && onQueryChange(inputValue);
         }
     };
-    var handleClearInput = function () {
+    const handleClearInput = () => {
         setTerm("");
         onQueryChange && onQueryChange("");
         clearInputTimer.current = setTimeout(giveInputFocus); //timeout to trigger openOnFocus
     };
-    var handleSelectItem = function (item, e) {
+    const handleSelectItem = (item, e) => {
         // item click interceptor to enable custom select cancellation
-        var processSelection = onSelectItem
+        const processSelection = onSelectItem
             ? onSelectItem(item, term) !== false
             : true;
         if (processSelection) {
@@ -111,17 +106,17 @@ function Autocomplete(_a) {
             giveInputFocus();
         }
     };
-    var handleKeyDown = function (e) {
+    const handleKeyDown = (e) => {
         onKeyDown && onKeyDown(e);
         // ENTER key down interceptor to enable custom select cancellation
-        var KEY_CODE_ENTER = 13;
+        const KEY_CODE_ENTER = 13;
         // BACKSPACE key down interceptor to synchonize react input value and dom input value in some edge case (Comnbobox autocomplete = true)
-        var KEY_CODE_BACKSPACE = 8;
+        const KEY_CODE_BACKSPACE = 8;
         if (e.keyCode === KEY_CODE_ENTER) {
             if (!popoverEl.current)
                 return;
-            var options = Array.from(popoverEl.current.querySelectorAll("[data-reach-combobox-option]"));
-            var selectedItemIndex = options.findIndex(function (el) { return el.getAttribute("aria-selected") === "true"; });
+            const options = Array.from(popoverEl.current.querySelectorAll("[data-reach-combobox-option]"));
+            const selectedItemIndex = options.findIndex((el) => el.getAttribute("aria-selected") === "true");
             selectedItemIndex >= 0 && handleSelectItem(results[selectedItemIndex], e);
         }
         else if (e.keyCode === KEY_CODE_BACKSPACE) {
@@ -132,10 +127,10 @@ function Autocomplete(_a) {
             }
         }
     };
-    var shouldDisplayItemsOnEmptyQuery = function () {
+    const shouldDisplayItemsOnEmptyQuery = () => {
         return !autoFilter && results.length > 0 && term.length === 0 && hasFocus;
     };
-    var handleMouseDown = function (item, e) {
+    const handleMouseDown = (item, e) => {
         // In a specific case, we force the popover to display (results available, empty input using backspace)
         // But doing so, reach ui component is not ready for this case and will raise an error
         // We need to prevent the error and to force the selection
@@ -150,23 +145,23 @@ function Autocomplete(_a) {
             "cobalt-Autocomplete--forceDisplayResults": shouldDisplayItemsOnEmptyQuery(), // Combobox Component, by design, hide the popover when the input is empty (on change) even if there are some results.
         }), as: "div", openOnFocus: true, ref: comboboxEl },
         results.length > 0 && (React.createElement(ComboboxPopover, { className: "cobalt-Autocomplete__popover", portal: false, ref: popoverEl },
-            React.createElement(ComboboxList, { className: "cobalt-Autocomplete__list", "aria-label": "Autocomplete option" }, results.map(function (item, index) { return (React.createElement(ComboboxOption, { className: "cobalt-Autocomplete__item", key: index, value: item[valueKey], onMouseDown: function (e) {
+            React.createElement(ComboboxList, { className: "cobalt-Autocomplete__list", "aria-label": "Autocomplete option" }, results.map((item, index) => (React.createElement(ComboboxOption, { className: "cobalt-Autocomplete__item", key: index, value: item[valueKey], onMouseDown: (e) => {
                     handleMouseDown(item, e);
-                }, onClick: function (e) {
+                }, onClick: (e) => {
                     handleSelectItem(item, e);
                 } }, renderItem ? (renderItem(item, term)) : (React.createElement("span", { className: "cobalt-Autocomplete__item-wrapper" },
                 icon && (React.createElement("span", { className: "cobalt-Autocomplete__item-icon" },
                     React.createElement(Icon, { source: icon, color: "indigo" }))),
                 React.createElement("span", { className: "cobalt-Autocomplete__item-value" },
-                    React.createElement(ComboboxOptionText, null)))))); })))),
+                    React.createElement(ComboboxOptionText, null)))))))))),
         React.createElement("div", { className: "cobalt-Autocomplete__input-wrapper" },
-            React.createElement(TextInputWrapper, { icon: icon, status: status, render: function (className) {
-                    return (React.createElement(ComboboxInput, __assign({}, inputProps, { autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: false, "aria-label": "autocomplete input", type: "text", value: term, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: inputEl, className: className })));
+            React.createElement(TextInputWrapper, { icon: icon, status: status, render: (className) => {
+                    return (React.createElement(ComboboxInput, { ...inputProps, autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: false, "aria-label": "autocomplete input", type: "text", value: term, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: inputEl, className: className }));
                 } }),
             term && (React.createElement("div", { className: "cobalt-Autocomplete__clear-button", role: "clear", onClick: handleClearInput },
                 React.createElement(Icon, { source: "close", size: 16 }))))));
 }
-var wrappedComponent = withFieldLabelAndHint(Autocomplete);
+const wrappedComponent = withFieldLabelAndHint(Autocomplete);
 wrappedComponent.displayName = "Autocomplete";
 
 export { wrappedComponent as Autocomplete };