@sproutsocial/racine 22.5.1 → 23.0.0

package/lib/ChartLegend/ChartLegend.js

@@ -1,10 +1,16 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["legendLabels", "stacked", "theme", "qa"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from "react";
 import Container from "./styles";
 import { useChartLabels } from "./useChartLabels";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ChartLegend = function ChartLegend(_ref) {
   var legendLabels = _ref.legendLabels,
     stacked = _ref.stacked,
@@ -13,10 +19,12 @@ var ChartLegend = function ChartLegend(_ref) {
     qa = _ref.qa,
     rest = _objectWithoutProperties(_ref, _excluded);
   var chartLabels = useChartLabels(legendLabels, theme);
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
     inline: !stacked,
     "data-qa-chartlegend": "",
     qa: qa
-  }, rest), chartLabels);
+  }, rest), {}, {
+    children: chartLabels
+  }));
 };
 export default ChartLegend;

package/lib/ChartLegend/useChartLabels.js

@@ -2,6 +2,8 @@ import React from "react";
 import { useTheme } from "styled-components";
 import { Label, Swatch } from "./styles";
 import { Text } from "../Text";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var getSwatchColor = function getSwatchColor(theme, index, RacineThemeColors) {
   var COMPARE_THEME = [RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["10"], RacineThemeColors.dataviz.map["11"], RacineThemeColors.dataviz.map["2"]];
   var CONTRAST_THEME = [RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["2"], RacineThemeColors.dataviz.map["3"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["7"], RacineThemeColors.dataviz.map["8"], RacineThemeColors.dataviz.map["9"], RacineThemeColors.dataviz.map["10"]];
@@ -19,15 +21,16 @@ export var useChartLabels = function useChartLabels(legendLabels, theme) {
   var colors = racineTheme.colors;
   return legendLabels.map(function (label, i) {
     var labelColor = label.color ? label.color : getSwatchColor(theme, i, colors);
-    return /*#__PURE__*/React.createElement(Label, {
-      key: label.name
-    }, /*#__PURE__*/React.createElement(Swatch, {
-      bg: labelColor,
-      "data-qa-swatch": ""
-    }), /*#__PURE__*/React.createElement(Text, {
-      as: "div",
-      fontSize: 200,
-      breakWord: true
-    }, label.name));
+    return /*#__PURE__*/_jsxs(Label, {
+      children: [/*#__PURE__*/_jsx(Swatch, {
+        bg: labelColor,
+        "data-qa-swatch": ""
+      }), /*#__PURE__*/_jsx(Text, {
+        as: "div",
+        fontSize: 200,
+        breakWord: true,
+        children: label.name
+      })]
+    }, label.name);
   });
 };

package/lib/Checkbox/Checkbox.js

@@ -1,6 +1,7 @@
 var _excluded = ["id", "value", "name", "label", "labelProps", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -18,6 +19,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import * as React from "react";
 import Container, { CheckboxBox, CheckIcon, PillInput, InputWrapper, LabelText, CheckboxContainer } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Checkbox = /*#__PURE__*/function (_React$Component) {
   _inherits(Checkbox, _React$Component);
   function Checkbox() {
@@ -75,56 +78,64 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
 
       // TODO: Refactor pill checkboxes to use fewer elements for performance gains
       if (!isPill) {
-        return /*#__PURE__*/React.createElement(CheckboxContainer, _extends({
+        return /*#__PURE__*/_jsxs(CheckboxContainer, _objectSpread(_objectSpread({
           as: label && "label",
           disabled: disabled,
           indeterminate: indeterminate,
           checked: checked
-        }, rest), /*#__PURE__*/React.createElement("input", _extends({
-          type: "checkbox",
-          id: id,
-          "aria-label": ariaLabel,
-          value: value,
-          name: name,
-          checked: checked,
-          ref: function ref(el) {
-            return _this2.el = el;
-          },
-          disabled: disabled,
-          onChange: this.handleChange,
-          "data-qa-checkbox": id,
-          "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
-          "data-qa-checkbox-isdisabled": disabled === true,
-          tabIndex: tabIndexInt
-        }, qa, inputProps)), label && /*#__PURE__*/React.createElement(LabelText, _extends({}, labelProps, {
-          disabled: disabled
-        }), label));
+        }, rest), {}, {
+          children: [/*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
+            type: "checkbox",
+            id: id,
+            "aria-label": ariaLabel,
+            value: value,
+            name: name,
+            checked: checked,
+            ref: function ref(el) {
+              return _this2.el = el;
+            },
+            disabled: disabled,
+            onChange: this.handleChange,
+            "data-qa-checkbox": id,
+            "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
+            "data-qa-checkbox-isdisabled": disabled === true,
+            tabIndex: tabIndexInt
+          }, qa), inputProps)), label && /*#__PURE__*/_jsx(LabelText, _objectSpread(_objectSpread({}, labelProps), {}, {
+            disabled: disabled,
+            children: label
+          }))]
+        }));
       }
-      return /*#__PURE__*/React.createElement(Container, _extends({
+      return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
         as: label && "label"
-      }, rest), /*#__PURE__*/React.createElement(InputWrapper, {
-        appearance: appearance
-      }, /*#__PURE__*/React.createElement(PillInput, _extends({
-        type: "checkbox",
-        id: id,
-        "aria-label": ariaLabel,
-        value: value,
-        name: name,
-        checked: checked,
-        ref: function ref(el) {
-          return _this2.el = el;
-        },
-        disabled: disabled,
-        onChange: this.handleChange,
-        "data-qa-checkbox": id,
-        "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
-        "data-qa-checkbox-isdisabled": disabled === true,
-        tabIndex: tabIndexInt
-      }, qa, inputProps)), /*#__PURE__*/React.createElement(CheckboxBox, null, /*#__PURE__*/React.createElement(CheckIcon, {
-        name: indeterminate ? "minus-solid" : "check-solid",
-        size: "mini",
-        fixedWidth: true
-      }))));
+      }, rest), {}, {
+        children: /*#__PURE__*/_jsxs(InputWrapper, {
+          appearance: appearance,
+          children: [/*#__PURE__*/_jsx(PillInput, _objectSpread(_objectSpread({
+            type: "checkbox",
+            id: id,
+            "aria-label": ariaLabel,
+            value: value,
+            name: name,
+            checked: checked,
+            ref: function ref(el) {
+              return _this2.el = el;
+            },
+            disabled: disabled,
+            onChange: this.handleChange,
+            "data-qa-checkbox": id,
+            "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
+            "data-qa-checkbox-isdisabled": disabled === true,
+            tabIndex: tabIndexInt
+          }, qa), inputProps)), /*#__PURE__*/_jsx(CheckboxBox, {
+            children: /*#__PURE__*/_jsx(CheckIcon, {
+              name: indeterminate ? "minus-solid" : "check-solid",
+              size: "mini",
+              fixedWidth: true
+            })
+          })]
+        })
+      }));
     }
   }]);
   return Checkbox;

package/lib/Checkbox/styles.js

@@ -6,6 +6,7 @@ import { focusRing, pill } from "@sproutsocial/seeds-react-mixins";
 import Box from "../Box";
 import Icon from "../Icon";
 import Text from "../Text";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1hcgibh-0"
@@ -86,29 +87,31 @@ export var LabelText = styled(Text).withConfig({
 });
 LabelText.displayName = "LabelText";
 var checkSVG = function checkSVG(color) {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     width: "14",
     height: "14",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M5.378 11.37L2 7.59l1.438-1.286L5.374 8.47l5.185-5.84L12 3.91l-6.622 7.46",
-    fill: color
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M5.378 11.37L2 7.59l1.438-1.286L5.374 8.47l5.185-5.84L12 3.91l-6.622 7.46",
+      fill: color
+    })
+  });
 };
 var indeterminateSVG = function indeterminateSVG(color) {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     width: "14",
     height: "14",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "10",
-    height: "2",
-    x: "2",
-    y: "6",
-    rx: "1",
-    ry: "1",
-    fill: color
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("rect", {
+      width: "10",
+      height: "2",
+      x: "2",
+      y: "6",
+      rx: "1",
+      ry: "1",
+      fill: color
+    })
+  });
 };
 var getIcon = function getIcon(type, color) {
   var escapedColor = encodeURIComponent(color);

package/lib/Collapsible/Collapsible.js

@@ -1,7 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children"],
   _excluded2 = ["children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -20,6 +19,7 @@ import { useState, useRef, useContext, useEffect } from "react";
 import { useMeasure } from "../utils/use-measure";
 import Box from "../Box";
 import { CollapsingBox } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var idCounter = 0;
 var CollapsibleContext = /*#__PURE__*/React.createContext({});
 var Collapsible = function Collapsible(_ref) {
@@ -34,15 +34,16 @@ var Collapsible = function Collapsible(_ref) {
   var _useState = useState("Racine-collapsible-".concat(idCounter++)),
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
-  return /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
+  return /*#__PURE__*/_jsx(CollapsibleContext.Provider, {
     value: {
       isOpen: isOpen,
       id: id,
       offset: offset,
       collapsedHeight: collapsedHeight,
       openHeight: openHeight
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 var determineMaxHeight = function determineMaxHeight(isHidden, openHeight, computedHeight) {
   // If isHidden is undefined this is the first render.  Return undefined so the max-height prop is not added
@@ -61,10 +62,12 @@ var Trigger = function Trigger(_ref2) {
   var _useContext = useContext(CollapsibleContext),
     isOpen = _useContext.isOpen,
     id = _useContext.id;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, _objectSpread({
-    "aria-controls": id,
-    "aria-expanded": !!isOpen
-  }, rest)));
+  return /*#__PURE__*/_jsx(React.Fragment, {
+    children: /*#__PURE__*/React.cloneElement(children, _objectSpread({
+      "aria-controls": id,
+      "aria-expanded": !!isOpen
+    }, rest))
+  });
 };
 Trigger.displayName = "Collapsible.Trigger";
 var Panel = function Panel(_ref3) {
@@ -109,20 +112,23 @@ var Panel = function Panel(_ref3) {
       };
     }
   }, [isOpen]);
-  return /*#__PURE__*/React.createElement(CollapsingBox, _extends({
+  return /*#__PURE__*/_jsx(CollapsingBox, _objectSpread(_objectSpread({
     hasShadow: Boolean(collapsedHeight || openHeight && openHeight > 0),
     scrollable: isOpen,
     maxHeight: isOpen ? maxHeight : collapsedHeight,
     minHeight: collapsedHeight,
     "data-qa-collapsible": "",
     "data-qa-collapsible-isopen": isOpen === true
-  }, rest), /*#__PURE__*/React.createElement(Box, {
-    width: "100%",
-    hidden: isHidden && collapsedHeight === 0,
-    "aria-hidden": !isOpen,
-    id: id,
-    ref: ref
-  }, children));
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx(Box, {
+      width: "100%",
+      hidden: isHidden && collapsedHeight === 0,
+      "aria-hidden": !isOpen,
+      id: id,
+      ref: ref,
+      children: children
+    })
+  }));
 };
 Panel.displayName = "Collapsible.Panel";
 Collapsible.Trigger = Trigger;

package/lib/DatePicker/DateRangePicker/DateRangePicker.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["startDate", "endDate", "onDatesChange", "setStatusText", "initialVisibleMonth", "numberOfMonths", "onFocusChange", "onBlur", "focusedInput"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -14,6 +19,9 @@ import DayPickerRangeController from "react-dates/lib/components/DayPickerRangeC
 import { ReactDatesCssOverrides } from "../styles";
 import { commonDatePickerProps, DefaultSetStatusText, getVisibleMonths } from "../common";
 import { VisuallyHidden } from "../../VisuallyHidden";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var DateRangePicker = function DateRangePicker(_ref) {
   var _ref$startDate = _ref.startDate,
     startDate = _ref$startDate === void 0 ? null : _ref$startDate,
@@ -47,20 +55,25 @@ var DateRangePicker = function DateRangePicker(_ref) {
     onFocusChange === null || onFocusChange === void 0 || onFocusChange(null);
     onBlur === null || onBlur === void 0 || onBlur(event);
   }, [onBlur, onFocusChange]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("div", {
-    role: "status"
-  }, statusText)), /*#__PURE__*/React.createElement(DayPickerRangeController, _extends({}, commonDatePickerProps, {
-    startDate: startDate,
-    endDate: endDate,
-    onDatesChange: onDatesChange,
-    numberOfMonths: numberOfMonths,
-    initialVisibleMonth: initialVisibleMonth || null,
-    focusedInput: focusedInput,
-    isFocused: focusedInput !== null,
-    onBlur: wrappedOnBlur,
-    onFocusChange: onFocusChange,
-    onPrevMonthClick: handleMonthClick,
-    onNextMonthClick: handleMonthClick
-  }, rest)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ReactDatesCssOverrides, {}), /*#__PURE__*/_jsx(VisuallyHidden, {
+      children: /*#__PURE__*/_jsx("div", {
+        role: "status",
+        children: statusText
+      })
+    }), /*#__PURE__*/_jsx(DayPickerRangeController, _objectSpread(_objectSpread({}, commonDatePickerProps), {}, {
+      startDate: startDate,
+      endDate: endDate,
+      onDatesChange: onDatesChange,
+      numberOfMonths: numberOfMonths,
+      initialVisibleMonth: initialVisibleMonth || null,
+      focusedInput: focusedInput,
+      isFocused: focusedInput !== null,
+      onBlur: wrappedOnBlur,
+      onFocusChange: onFocusChange,
+      onPrevMonthClick: handleMonthClick,
+      onNextMonthClick: handleMonthClick
+    }, rest))]
+  });
 };
 export default DateRangePicker;

package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["startDate", "endDate", "onDatesChange", "onFocusChange"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -11,6 +16,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useState } from "react";
 import { START_DATE } from "react-dates/constants";
 import DateRangePicker from "./DateRangePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var StatefulDateRangePicker = function StatefulDateRangePicker(_ref) {
   var startDate = _ref.startDate,
     endDate = _ref.endDate,
@@ -40,7 +46,7 @@ export var StatefulDateRangePicker = function StatefulDateRangePicker(_ref) {
     // respond to click or keyboard events
     nextFocusedInput === null ? START_DATE : nextFocusedInput);
   };
-  return /*#__PURE__*/React.createElement(DateRangePicker, _extends({
+  return /*#__PURE__*/_jsx(DateRangePicker, _objectSpread({
     startDate: dates.startDate,
     endDate: dates.endDate,
     focusedInput: focusedInput,

package/lib/DatePicker/SingleDatePicker/SingleDatePicker.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["onDateChange", "setStatusText", "date", "focused", "onFocusChange", "initialVisibleMonth", "numberOfMonths", "onBlur"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -14,6 +19,9 @@ import DayPickerSingleDateController from "react-dates/lib/components/DayPickerS
 import { ReactDatesCssOverrides } from "../styles";
 import { commonDatePickerProps, DefaultSetStatusText, getVisibleMonths } from "../common";
 import { VisuallyHidden } from "../../VisuallyHidden";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var noop = function noop() {};
 var SingleDatePicker = function SingleDatePicker(_ref) {
   var onDateChange = _ref.onDateChange,
@@ -45,18 +53,23 @@ var SingleDatePicker = function SingleDatePicker(_ref) {
     });
     onBlur === null || onBlur === void 0 || onBlur(event);
   }, [onBlur, onFocusChange]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("div", {
-    role: "status"
-  }, statusText)), /*#__PURE__*/React.createElement(DayPickerSingleDateController, _extends({}, commonDatePickerProps, {
-    date: date,
-    numberOfMonths: numberOfMonths,
-    onDateChange: onDateChange,
-    initialVisibleMonth: initialVisibleMonth || null,
-    focused: focused,
-    onBlur: wrappedOnBlur,
-    onFocusChange: onFocusChange,
-    onPrevMonthClick: handleMonthClick,
-    onNextMonthClick: handleMonthClick
-  }, rest)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ReactDatesCssOverrides, {}), /*#__PURE__*/_jsx(VisuallyHidden, {
+      children: /*#__PURE__*/_jsx("div", {
+        role: "status",
+        children: statusText
+      })
+    }), /*#__PURE__*/_jsx(DayPickerSingleDateController, _objectSpread(_objectSpread({}, commonDatePickerProps), {}, {
+      date: date,
+      numberOfMonths: numberOfMonths,
+      onDateChange: onDateChange,
+      initialVisibleMonth: initialVisibleMonth || null,
+      focused: focused,
+      onBlur: wrappedOnBlur,
+      onFocusChange: onFocusChange,
+      onPrevMonthClick: handleMonthClick,
+      onNextMonthClick: handleMonthClick
+    }, rest))]
+  });
 };
 export default /*#__PURE__*/React.memo(SingleDatePicker);

package/lib/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["date", "onDateChange"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -10,6 +15,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState } from "react";
 import SingleDatePicker from "./SingleDatePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var StatefulSingleDatePicker = function StatefulSingleDatePicker(_ref) {
   var date = _ref.date,
     onDateChange = _ref.onDateChange,
@@ -22,7 +28,7 @@ export var StatefulSingleDatePicker = function StatefulSingleDatePicker(_ref) {
     onDateChange && onDateChange(date);
     setDate(date);
   };
-  return /*#__PURE__*/React.createElement(SingleDatePicker, _extends({
+  return /*#__PURE__*/_jsx(SingleDatePicker, _objectSpread({
     date: stateDate,
     onDateChange: handleDateChange
   }, rest));

package/lib/DatePicker/common.js

@@ -3,13 +3,14 @@ import "react-dates/lib/css/_datepicker.css";
 import React from "react";
 import Icon from "../Icon";
 import { CalendarDay } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var iconNames = {
   left: "arrow-left-solid",
   right: "arrow-right-solid"
 };
 export var CalendarNavButton = function CalendarNavButton(_ref) {
   var type = _ref.type;
-  return /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/_jsx(Icon, {
     size: "mini",
     name: iconNames[type],
     "aria-hidden": true
@@ -18,17 +19,18 @@ export var CalendarNavButton = function CalendarNavButton(_ref) {
 export var commonDatePickerProps = {
   hideKeyboardShortcutsPanel: true,
   daySize: 30,
-  navPrev: /*#__PURE__*/React.createElement(CalendarNavButton, {
+  navPrev: /*#__PURE__*/_jsx(CalendarNavButton, {
     type: "left"
   }),
-  navNext: /*#__PURE__*/React.createElement(CalendarNavButton, {
+  navNext: /*#__PURE__*/_jsx(CalendarNavButton, {
     type: "right"
   }),
   renderDayContents: function renderDayContents(day, modifiers) {
-    return /*#__PURE__*/React.createElement(CalendarDay, {
+    return /*#__PURE__*/_jsx(CalendarDay, {
       day: day,
-      modifiers: modifiers
-    }, day.format("D"));
+      modifiers: modifiers,
+      children: day.format("D")
+    });
   },
   initialVisibleMonth: null
 };