@pingux/astro 2.155.1 → 2.157.1-alpha.0

package/lib/cjs/components/DataTable/DataTableBadge.js

@@ -15,9 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
 var _excluded = ["cell"];
-/* eslint-disable no-nested-ternary */
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var DataTableBadge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var cell = props.cell,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
@@ -53,5 +51,4 @@ var DataTableBadge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: ref
   }, cell && componentProps[cell].badgeProps, others));
 });
-var _default = DataTableBadge;
-exports["default"] = _default;
+var _default = exports["default"] = DataTableBadge;

package/lib/cjs/components/DataTable/DataTableMenu.js

@@ -13,8 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _DotsVerticalIcon = _interopRequireDefault(require("@pingux/mdi-react/DotsVerticalIcon"));
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var DataTableMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return (0, _react2.jsx)(_index.Box, {
     ref: ref,
@@ -43,5 +42,4 @@ var DataTableMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     color: "critical.bright"
   }, "Delete"))))));
 });
-var _default = DataTableMenu;
-exports["default"] = _default;
+var _default = exports["default"] = DataTableMenu;

package/lib/cjs/components/DataTable/DataTableMultiLine.js

@@ -12,11 +12,9 @@ exports["default"] = void 0;
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var DataTableMultiLine = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var cell = _ref.cell;
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _map["default"])(cell).call(cell, function (item) {
@@ -55,8 +53,4 @@ var DataTableMultiLine = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     }, "Account ID:", ' ', item.accountId))));
   }));
 });
-DataTableMultiLine.propTypes = {
-  cell: _propTypes["default"].arrayOf(_propTypes["default"].shape({}))
-};
-var _default = DataTableMultiLine;
-exports["default"] = _default;
+var _default = exports["default"] = DataTableMultiLine;

package/lib/cjs/components/DataTable/DataTableVirtualizer.js

@@ -23,8 +23,7 @@ var _excluded = ["layout", "collection", "renderView", "renderWrapper", "domRef"
  * Custom Virtualizer using react aria Spectrum TableView/TableVirtualizer
  * Primarily utilizes [TableView](https://react-spectrum.adobe.com/react-spectrum/TableView.html)
 */
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _layout$getLayoutInfo;
   var layout = _ref.layout,
@@ -58,8 +57,8 @@ var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
   });
   var _useVirtualizer = (0, _virtualizer.useVirtualizer)({
       scrollToItem: function scrollToItem(key) {
-        var item = collection.getItem(key);
-        state.virtualizer.scrollToItem(key, {
+        var item = collection.getItem(String(key));
+        state.virtualizer.scrollToItem(String(key), {
           duration: 0,
           // Prevent scrolling to the top when clicking on column headers.
           shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== 'column',
@@ -130,9 +129,7 @@ var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     onVisibleRectChange: (0, _utils.chain)(onVisibleRectChange, onVisibleRectChangeProp),
     onScrollStart: state.startScrolling,
     onScrollEnd: state.endScrolling,
-    onScroll: onScroll,
-    tabIndex: 0
+    onScroll: onScroll
   }, state.visibleViews[1]));
 });
-var _default = DataTableVirtualizer;
-exports["default"] = _default;
+var _default = exports["default"] = DataTableVirtualizer;

package/lib/cjs/components/DataTable/stories/DataTableNextGenComponent.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const DataTableNextGenComponent: () => React.JSX.Element;
+export declare const DataTableNextGenComponent: () => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/DataTable/stories/DataTableNextGenComponent.js

@@ -18,7 +18,7 @@ var getCellProps = function getCellProps(columnKey, align) {
     align: align
   };
 };
-var DataTableNextGenComponent = function DataTableNextGenComponent() {
+var DataTableNextGenComponent = exports.DataTableNextGenComponent = function DataTableNextGenComponent() {
   var date = '2023-05-03';
   var time = '07:16:30 pm UTC';
   var timestampCell = (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Box, null, date), (0, _react2.jsx)(_.Box, null, time));
@@ -144,5 +144,4 @@ var DataTableNextGenComponent = function DataTableNextGenComponent() {
       return (0, _react2.jsx)(_.DataTableCell, getCellProps(columnKey, false), item[columnKey]);
     });
   })));
-};
-exports.DataTableNextGenComponent = DataTableNextGenComponent;
+};

package/lib/cjs/components/DataTable/stories/NextGenDarkDataTable.chomatic.stories.d.ts

@@ -1,6 +1,17 @@
-import React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
+export declare const Default: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};

package/lib/cjs/components/DataTable/stories/NextGenDarkDataTable.chomatic.stories.js

@@ -10,13 +10,21 @@ var _react = _interopRequireDefault(require("react"));
 var _ = require("../../..");
 var _DataTableNextGenComponent = require("./DataTableNextGenComponent");
 var _react2 = require("@emotion/react");
-var _default = {
+var _default = exports["default"] = {
   title: 'Chromatic Only Onyx Dark DataTable'
 };
-exports["default"] = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return (0, _react2.jsx)(_.AstroProvider, {
     themeOverrides: [_.NextGenDarkTheme]
   }, (0, _react2.jsx)(_DataTableNextGenComponent.DataTableNextGenComponent, null));
 };
-exports.Default = Default;
+Default.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};

package/lib/cjs/components/DataTable/stories/NextGenDataTable.chromatic.stories.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/DataTable/stories/NextGenDataTable.chromatic.stories.js

@@ -10,13 +10,11 @@ var _react = _interopRequireDefault(require("react"));
 var _ = require("../../..");
 var _DataTableNextGenComponent = require("./DataTableNextGenComponent");
 var _react2 = require("@emotion/react");
-var _default = {
+var _default = exports["default"] = {
   title: 'Chromatic Only Onyx DataTable'
 };
-exports["default"] = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return (0, _react2.jsx)(_.AstroProvider, {
     theme: _.NextGenTheme
   }, (0, _react2.jsx)(_DataTableNextGenComponent.DataTableNextGenComponent, null));
-};
-exports.Default = Default;
+};

package/lib/cjs/components/DatePicker/DateField.js

@@ -45,10 +45,9 @@ var _excluded = ["buttonProps", "className", "fieldProps", "groupProps", "groupR
  * DateFields allow users to enter and edit date using a keyboard.
  * Parts of the date is displayed in editable segments
  */
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty2(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty2(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, 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 _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty2(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty2(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ARIA_LABELS_CALENDAR_BUTTON_EXPANSION = {
   OPEN: 'Open the Calendar Popover',
   CLOSE: 'Close the Calendar Popover'
@@ -333,5 +332,4 @@ DateField.defaultProps = {
   isRequired: false,
   status: _statuses["default"].DEFAULT
 };
-var _default = DateField;
-exports["default"] = _default;
+var _default = exports["default"] = DateField;

package/lib/cjs/components/DatePicker/DatePicker.js

@@ -33,13 +33,12 @@ var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/s
 var _isDateWithinRanges = require("../../utils/devUtils/props/isDateWithinRanges");
 var _DateField = _interopRequireDefault(require("./DateField"));
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     * Console Warning: The state update warning is a known issue coming from the react-aria library.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     * The `is-selected` class is added to the button after the component unmounts.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     */
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; } /**
+ * Console Warning: The state update warning is a known issue coming from the react-aria library.
+ * The `is-selected` class is added to the button after the component unmounts.
+ */
 var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var defaultValue = props.defaultValue,
     hasAutoFocus = props.hasAutoFocus,
@@ -193,5 +192,4 @@ _DateField["default"].defaultProps = {
   isReadOnly: false,
   isRequired: false
 };
-var _default = DatePicker;
-exports["default"] = _default;
+var _default = exports["default"] = DatePicker;

package/lib/cjs/components/DatePicker/DatePicker.stories.js

@@ -29,11 +29,10 @@ var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _DatePicker = _interopRequireDefault(require("./DatePicker"));
 var _DatePicker2 = _interopRequireDefault(require("./DatePicker.mdx"));
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var _default = {
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _default = exports["default"] = {
   title: 'Form/DatePicker',
   component: _DatePicker["default"],
   parameters: {
@@ -117,30 +116,27 @@ var _default = {
     'aria-label': 'Date Picker'
   }
 };
-exports["default"] = _default;
-var Default = function Default(args) {
+var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_DatePicker["default"], args);
 };
-exports.Default = Default;
 Default.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker["default"]
   }
 };
-var DefaultValue = function DefaultValue(args) {
+var DefaultValue = exports.DefaultValue = function DefaultValue(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     defaultValue: "2030-01-15"
   }));
 };
-exports.DefaultValue = DefaultValue;
 DefaultValue.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.defaultValue
   }
 };
-var Controlled = function Controlled(args) {
+var Controlled = exports.Controlled = function Controlled(args) {
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     date = _useState2[0],
@@ -162,122 +158,112 @@ var Controlled = function Controlled(args) {
     }
   }, "Clear")));
 };
-exports.Controlled = Controlled;
-var Disabled = function Disabled(args) {
+var Disabled = exports.Disabled = function Disabled(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     isDisabled: true
   }));
 };
-exports.Disabled = Disabled;
 Disabled.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.disabled
   }
 };
-var ReadOnly = function ReadOnly(args) {
+var ReadOnly = exports.ReadOnly = function ReadOnly(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     isReadOnly: true
   }));
 };
-exports.ReadOnly = ReadOnly;
 ReadOnly.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.readOnly
   }
 };
-var UnavailableDates = function UnavailableDates(args) {
+var UnavailableDates = exports.UnavailableDates = function UnavailableDates(args) {
   var unavailableRanges = [['2030-07-28', '2030-08-03'], ['2030-08-11', '2030-08-17'], ['2030-08-25', '2030-08-31']];
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     unavailableRanges: unavailableRanges,
     defaultValue: "2030-08-07"
   }));
 };
-exports.UnavailableDates = UnavailableDates;
 UnavailableDates.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.unavailableDates
   }
 };
-var MinimumDate = function MinimumDate(args) {
+var MinimumDate = exports.MinimumDate = function MinimumDate(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     defaultValue: "2030-01-15",
     minValue: "2030-01-15"
   }));
 };
-exports.MinimumDate = MinimumDate;
 MinimumDate.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.minimumDate
   }
 };
-var MaximumDate = function MaximumDate(args) {
+var MaximumDate = exports.MaximumDate = function MaximumDate(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     defaultValue: "2030-01-15",
     maxValue: "2030-01-15"
   }));
 };
-exports.MaximumDate = MaximumDate;
 MaximumDate.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.maximumDate
   }
 };
-var Required = function Required(args) {
+var Required = exports.Required = function Required(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     isRequired: true
   }));
 };
-exports.Required = Required;
 Required.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.required
   }
 };
-var FormatHelperText = function FormatHelperText(args) {
+var FormatHelperText = exports.FormatHelperText = function FormatHelperText(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     hasFormatHelpText: true
   }));
 };
-exports.FormatHelperText = FormatHelperText;
 FormatHelperText.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.formatHelperText
   }
 };
-var DefaultOpen = function DefaultOpen(args) {
+var DefaultOpen = exports.DefaultOpen = function DefaultOpen(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     isDefaultOpen: true,
     defaultValue: "2030-01-15"
   }));
 };
-exports.DefaultOpen = DefaultOpen;
 DefaultOpen.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.defaultOpen
   }
 };
-var Error = function Error(args) {
+var Error = exports.Error = function Error(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     status: "error",
     helperText: "Here is some helpful text..."
   }));
 };
-exports.Error = Error;
 Error.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.datePicker.error
   }
 };
-var CustomWidth = function CustomWidth(args) {
+var CustomWidth = exports.CustomWidth = function CustomWidth(args) {
   return (0, _react2.jsx)(_DatePicker["default"], (0, _extends2["default"])({}, args, {
     fieldControlProps: {
       sx: {
@@ -294,5 +280,4 @@ var CustomWidth = function CustomWidth(args) {
       }
     }
   }));
-};
-exports.CustomWidth = CustomWidth;
+};

package/lib/cjs/components/DatePicker/DatePicker.styles.js

@@ -15,8 +15,8 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.containedIcon = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _Input = require("../Input/Input.styles");
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var inSlotContainer = _objectSpread(_objectSpread({}, _Input.input.fieldControlWrapper), {}, {
   position: 'relative',
   width: 'fit-content'
@@ -34,7 +34,7 @@ var inputField = _objectSpread(_objectSpread({}, _Input.input), {}, {
     border: 'none'
   }
 });
-var containedIcon = {
+var containedIcon = exports.containedIcon = {
   position: 'absolute',
   right: 5,
   width: 28,
@@ -42,7 +42,6 @@ var containedIcon = {
   top: '50%',
   transform: 'translateY(-50%)'
 };
-exports.containedIcon = containedIcon;
 var segment = {
   '&:focus-visible': {
     outline: '1px solid',
@@ -50,10 +49,9 @@ var segment = {
     borderRadius: 2
   }
 };
-var _default = {
+var _default = exports["default"] = {
   inSlotContainer: inSlotContainer,
   inputField: inputField,
   containedIcon: containedIcon,
   segment: segment
-};
-exports["default"] = _default;
+};