@wix/design-system 1.161.0 → 1.163.0

package/dist/cjs/ComposerHeader/ComposerHeader.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_ComposerHeader";
+var _namespace_ = "wds_1_163_0_ComposerHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_ComposerHeader__root","container":"wds_1_161_0_ComposerHeader__container","actions":"wds_1_161_0_ComposerHeader__actions","saveStatus":"wds_1_161_0_ComposerHeader__saveStatus","mainActions":"wds_1_161_0_ComposerHeader__mainActions","backButton":"wds_1_161_0_ComposerHeader__backButton","divider":"wds_1_161_0_ComposerHeader__divider"};
+module.exports.classes = {"root":"wds_1_163_0_ComposerHeader__root","container":"wds_1_163_0_ComposerHeader__container","actions":"wds_1_163_0_ComposerHeader__actions","saveStatus":"wds_1_163_0_ComposerHeader__saveStatus","mainActions":"wds_1_163_0_ComposerHeader__mainActions","backButton":"wds_1_163_0_ComposerHeader__backButton","divider":"wds_1_163_0_ComposerHeader__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ComposerSidebar/ComposerSidebar.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_ComposerSidebar";
+var _namespace_ = "wds_1_163_0_ComposerSidebar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_ComposerSidebar__root","defaultScrollBar":"wds_1_161_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_161_0_ComposerSidebar__sectionContainer","section":"wds_1_161_0_ComposerSidebar__section","itemsContainer":"wds_1_161_0_ComposerSidebar__itemsContainer","title":"wds_1_161_0_ComposerSidebar__title","item":"wds_1_161_0_ComposerSidebar__item","sidebarItemButton":"wds_1_161_0_ComposerSidebar__sidebarItemButton"};
+module.exports.classes = {"root":"wds_1_163_0_ComposerSidebar__root","defaultScrollBar":"wds_1_163_0_defaultscrollbar__defaultScrollBar","sectionContainer":"wds_1_163_0_ComposerSidebar__sectionContainer","section":"wds_1_163_0_ComposerSidebar__section","itemsContainer":"wds_1_163_0_ComposerSidebar__itemsContainer","title":"wds_1_163_0_ComposerSidebar__title","item":"wds_1_163_0_ComposerSidebar__item","sidebarItemButton":"wds_1_163_0_ComposerSidebar__sidebarItemButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CornerRadiusInput/CornerRadiusInput.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_CornerRadiusInput";
+var _namespace_ = "wds_1_163_0_CornerRadiusInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_CornerRadiusInput__root","linkingButton":"wds_1_161_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_161_0_CornerRadiusInput__topLeft","topRight":"wds_1_161_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_161_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_161_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_161_0_CornerRadiusInput__cornerIcon"};
+module.exports.classes = {"root":"wds_1_163_0_CornerRadiusInput__root","linkingButton":"wds_1_163_0_CornerRadiusInput__linkingButton","topLeft":"wds_1_163_0_CornerRadiusInput__topLeft","topRight":"wds_1_163_0_CornerRadiusInput__topRight","bottomLeft":"wds_1_163_0_CornerRadiusInput__bottomLeft","bottomRight":"wds_1_163_0_CornerRadiusInput__bottomRight","cornerIcon":"wds_1_163_0_CornerRadiusInput__cornerIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CounterBadge/CounterBadge.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_CounterBadge";
+var _namespace_ = "wds_1_163_0_CounterBadge";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_CounterBadge__root","text":"wds_1_161_0_CounterBadge__text","caption":"wds_1_161_0_CounterBadge__caption","numberContent":"wds_1_161_0_CounterBadge__numberContent"};
+module.exports.classes = {"root":"wds_1_163_0_CounterBadge__root","text":"wds_1_163_0_CounterBadge__text","caption":"wds_1_163_0_CounterBadge__caption","numberContent":"wds_1_163_0_CounterBadge__numberContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CustomModalLayout/CustomModalLayout.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_CustomModalLayout";
+var _namespace_ = "wds_1_163_0_CustomModalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_CustomModalLayout__root"};
+module.exports.classes = {"root":"wds_1_163_0_CustomModalLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DatePicker/DatePicker.driver.js

@@ -6,17 +6,18 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _Input = _interopRequireDefault(require("../Input/Input.driver"));
 var _Calendar = _interopRequireDefault(require("../Calendar/Calendar.driver"));
-var _Popover = require("../Popover/Popover.driver");
+var _PopoverNext = require("../PopoverNext/PopoverNext.driver");
 var _constants = require("./constants");
 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) { (0, _defineProperty2.default)(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; }
+/** @deprecated use datePickerUniDriverFactory instead  */
 var datePickerDriverFactory = _ref => {
   var {
     element,
     eventTrigger
   } = _ref;
   var popoverElement = element.querySelector("[data-hook=".concat(_constants.dataHooks.datePickerPopover, "]"));
-  var popoverContent = () => (0, _Popover.popoverLegacyDriverFactory)({
+  var popoverContent = () => (0, _PopoverNext.popoverNextLegacyDriverFactory)({
     element: popoverElement
   }).getContentElement();
   var calendarTestkit = () => (0, _Calendar.default)({
@@ -27,26 +28,26 @@ var datePickerDriverFactory = _ref => {
   })).reduce((prev, current) => _objectSpread(_objectSpread({}, prev), {}, {
     [current]: args => {
       if (current === 'isVisible') {
-        return (0, _Popover.popoverLegacyDriverFactory)({
+        return (0, _PopoverNext.popoverNextLegacyDriverFactory)({
           element: popoverElement
         }).isContentElementExists();
       }
       if (current === 'mouseClickOutside') {
-        return (0, _Popover.popoverLegacyDriverFactory)({
+        return (0, _PopoverNext.popoverNextLegacyDriverFactory)({
           element: popoverElement
         }).clickOutside();
       }
       return calendarTestkit()[current](args);
     }
   }), {}));
-  var popoverDriver = (0, _Popover.popoverLegacyDriverFactory)({
+  var popoverDriver = (0, _PopoverNext.popoverNextLegacyDriverFactory)({
     element: popoverElement
   });
 
   // here we have a dirty hack for getting input element directly
   // this is not the best way to do it, but knowing that we exposed
   // input datahook - we cannot change this for now.
-  var inputElement = (0, _Popover.popoverLegacyDriverFactory)({
+  var inputElement = (0, _PopoverNext.popoverNextLegacyDriverFactory)({
     element: popoverElement
   }).getTargetElement().querySelector('[data-size]');
   var inputDriver = (0, _Input.default)({

package/dist/cjs/DatePicker/DatePicker.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Input","_interopRequireDefault","require","_Calendar","_Popover","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","datePickerDriverFactory","_ref","element","eventTrigger","popoverElement","querySelector","concat","dataHooks","datePickerPopover","popoverContent","popoverLegacyDriverFactory","getContentElement","calendarTestkit","calendarDriverFactory","calendarDriver","reduce","prev","current","args","isContentElementExists","clickOutside","popoverDriver","inputElement","getTargetElement","inputDriver","inputDriverFactory","driver","exists","open","click","trigger","key","keyCode","getWidth","style","width","getFooter","$","datePickerFooter","_default","exports"],"sources":["../../../src/DatePicker/DatePicker.driver.js"],"sourcesContent":["import inputDriverFactory from '../Input/Input.driver';\nimport calendarDriverFactory from '../Calendar/Calendar.driver';\nimport { popoverLegacyDriverFactory } from '../Popover/Popover.driver';\n\nimport { dataHooks } from './constants';\n\nconst datePickerDriverFactory = ({ element, eventTrigger }) => {\n  const popoverElement = element.querySelector(\n    `[data-hook=${dataHooks.datePickerPopover}]`,\n  );\n  const popoverContent = () =>\n    popoverLegacyDriverFactory({ element: popoverElement }).getContentElement();\n  const calendarTestkit = () =>\n    calendarDriverFactory({ element: popoverContent() });\n\n  const calendarDriver = {\n    ...Object.keys(calendarDriverFactory({ element })).reduce(\n      (prev, current) => ({\n        ...prev,\n        [current]: args => {\n          if (current === 'isVisible') {\n            return popoverLegacyDriverFactory({\n              element: popoverElement,\n            }).isContentElementExists();\n          }\n          if (current === 'mouseClickOutside') {\n            return popoverLegacyDriverFactory({\n              element: popoverElement,\n            }).clickOutside();\n          }\n          return calendarTestkit()[current](args);\n        },\n      }),\n      {},\n    ),\n  };\n\n  const popoverDriver = popoverLegacyDriverFactory({ element: popoverElement });\n\n  // here we have a dirty hack for getting input element directly\n  // this is not the best way to do it, but knowing that we exposed\n  // input datahook - we cannot change this for now.\n  const inputElement = popoverLegacyDriverFactory({ element: popoverElement })\n    .getTargetElement()\n    .querySelector('[data-size]');\n\n  const inputDriver = inputDriverFactory({\n    element: inputElement,\n    eventTrigger,\n  });\n\n  const driver = {\n    exists: () => !!element,\n    open: () => {\n      inputDriver.click();\n      inputDriver.trigger('keyDown', {\n        key: 'ArrowUp',\n        keyCode: 38,\n      });\n    },\n    getWidth: () => element.style.width,\n    clickOutside: () => popoverDriver.clickOutside(),\n    getFooter: () =>\n      element.$(`[data-hook=\"${dataHooks.datePickerFooter}\"] > *`),\n  };\n\n  return {\n    exists: driver.exists,\n    driver,\n    inputDriver,\n    calendarDriver,\n  };\n};\n\nexport default datePickerDriverFactory;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Input","_interopRequireDefault","require","_Calendar","_PopoverNext","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","datePickerDriverFactory","_ref","element","eventTrigger","popoverElement","querySelector","concat","dataHooks","datePickerPopover","popoverContent","popoverNextLegacyDriverFactory","getContentElement","calendarTestkit","calendarDriverFactory","calendarDriver","reduce","prev","current","args","isContentElementExists","clickOutside","popoverDriver","inputElement","getTargetElement","inputDriver","inputDriverFactory","driver","exists","open","click","trigger","key","keyCode","getWidth","style","width","getFooter","$","datePickerFooter","_default","exports"],"sources":["../../../src/DatePicker/DatePicker.driver.js"],"sourcesContent":["import inputDriverFactory from '../Input/Input.driver';\nimport calendarDriverFactory from '../Calendar/Calendar.driver';import { popoverNextLegacyDriverFactory } from '../PopoverNext/PopoverNext.driver';\nimport { dataHooks } from './constants';\n\n/** @deprecated use datePickerUniDriverFactory instead  */\nconst datePickerDriverFactory = ({ element, eventTrigger }) => {\n  const popoverElement = element.querySelector(\n    `[data-hook=${dataHooks.datePickerPopover}]`,\n  );\n  const popoverContent = () =>\n    popoverNextLegacyDriverFactory({ element: popoverElement }).getContentElement();\n  const calendarTestkit = () =>\n    calendarDriverFactory({ element: popoverContent() });\n\n  const calendarDriver = {\n    ...Object.keys(calendarDriverFactory({ element })).reduce(\n      (prev, current) => ({\n        ...prev,\n        [current]: args => {\n          if (current === 'isVisible') {\n            return popoverNextLegacyDriverFactory({\n              element: popoverElement,\n            }).isContentElementExists();\n          }\n          if (current === 'mouseClickOutside') {\n            return popoverNextLegacyDriverFactory({\n              element: popoverElement,\n            }).clickOutside();\n          }\n          return calendarTestkit()[current](args);\n        },\n      }),\n      {},\n    ),\n  };\n\n  const popoverDriver = popoverNextLegacyDriverFactory({ element: popoverElement });\n\n  // here we have a dirty hack for getting input element directly\n  // this is not the best way to do it, but knowing that we exposed\n  // input datahook - we cannot change this for now.\n  const inputElement = popoverNextLegacyDriverFactory({ element: popoverElement })\n    .getTargetElement()\n    .querySelector('[data-size]');\n\n  const inputDriver = inputDriverFactory({\n    element: inputElement,\n    eventTrigger,\n  });\n\n  const driver = {\n    exists: () => !!element,\n    open: () => {\n      inputDriver.click();\n      inputDriver.trigger('keyDown', {\n        key: 'ArrowUp',\n        keyCode: 38,\n      });\n    },\n    getWidth: () => element.style.width,\n    clickOutside: () => popoverDriver.clickOutside(),\n    getFooter: () =>\n      element.$(`[data-hook=\"${dataHooks.datePickerFooter}\"] > *`),\n  };\n\n  return {\n    exists: driver.exists,\n    driver,\n    inputDriver,\n    calendarDriver,\n  };\n};\n\nexport default datePickerDriverFactory;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DatePicker/DatePicker.js

@@ -3,7 +3,6 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -12,7 +11,7 @@ var _isSameDay = _interopRequireDefault(require("date-fns/isSameDay"));
 var _setYear = _interopRequireDefault(require("date-fns/setYear"));
 var _setMonth = _interopRequireDefault(require("date-fns/setMonth"));
 var _setDate = _interopRequireDefault(require("date-fns/setDate"));
-var _Popover = _interopRequireDefault(require("../Popover"));
+var _PopoverNext = _interopRequireDefault(require("../PopoverNext"));
 var _Calendar = _interopRequireDefault(require("../Calendar"));
 var _DateInput = _interopRequireDefault(require("./DateInput"));
 var _Divider = _interopRequireDefault(require("../Divider"));
@@ -24,12 +23,6 @@ var _wixDesignSystemsLocaleUtils = require("wix-design-systems-locale-utils");
 var _ZIndex = require("../common/ZIndex");
 var _excluded = ["onFocus"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/DatePicker/DatePicker.js";
-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) { (0, _defineProperty2.default)(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; }
-/**
- * DatePicker component
- */
-
 class DatePicker extends _react.default.PureComponent {
   constructor(props) {
     var _this;
@@ -248,7 +241,7 @@ class DatePicker extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 248,
+          lineNumber: 243,
           columnNumber: 7
         }
       }));
@@ -296,9 +289,6 @@ class DatePicker extends _react.default.PureComponent {
       isOpen,
       value
     } = this.state;
-    var popoverUpdatedProps = _objectSpread({
-      placement: rtl ? 'top-end' : 'top-start'
-    }, popoverProps);
     var calendarProps = {
       dataHook: _constants.dataHooks.datePickerCalendar,
       className: _DatePickerSt.classes.calendar,
@@ -339,29 +329,37 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 349,
+        lineNumber: 339,
         columnNumber: 7
       }
-    }, /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+    }, /*#__PURE__*/_react.default.createElement(_PopoverNext.default, (0, _extends2.default)({
       className: _DatePickerSt.classes.popover,
       dataHook: _constants.dataHooks.datePickerPopover,
-      onClickOutside: () => this._closeCalendar(false),
+      onOpenChange: (_, reason) => {
+        if (reason === 'outside-press' || reason === 'escape-key') {
+          this._closeCalendar(false);
+        } else {
+          this._openCalendar();
+        }
+      },
       appendTo: "parent",
-      shown: isOpen,
+      open: isOpen,
       zIndex: zIndex,
-      tabIndex: -1
-    }, popoverUpdatedProps, {
+      tabIndex: -1,
+      focusManagerEnabled: false,
+      placement: rtl ? 'top-end' : 'top-start'
+    }, popoverProps, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 358,
+        lineNumber: 348,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
+    }), /*#__PURE__*/_react.default.createElement(_PopoverNext.default.Trigger, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 368,
+        lineNumber: 366,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -370,14 +368,14 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 369,
+        lineNumber: 367,
         columnNumber: 13
       }
-    }, this._renderInput())), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
+    }, this._renderInput())), /*#__PURE__*/_react.default.createElement(_PopoverNext.default.Content, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 376,
+        lineNumber: 374,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -385,21 +383,21 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 377,
+        lineNumber: 375,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_Calendar.default, (0, _extends2.default)({}, calendarProps, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 378,
+        lineNumber: 376,
         columnNumber: 15
       }
     })), renderFooter && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Divider.default, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 381,
+        lineNumber: 379,
         columnNumber: 19
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -408,7 +406,7 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 382,
+        lineNumber: 380,
         columnNumber: 19
       }
     }, renderFooter()))))));

package/dist/cjs/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_isSameDay","_setYear","_setMonth","_setDate","_Popover","_Calendar","_DateInput","_Divider","_PopoverCommon","_DatePickerSt","_constants","_context","_wixDesignSystemsLocaleUtils","_ZIndex","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","DatePicker","React","PureComponent","constructor","props","_this","this","componentDidUpdate","prevProps","value","prevValue","newValue","state","setState","inputValue","_saveNewValue","_transformDate","Date","_openCalendar","isOpen","readOnly","shouldOpenCalendar","_this$props$onOpen","_this$props","onOpen","call","openCalendar","_closeCalendar","undefined","shouldFocusInput","autoFocus","onClose","_this$state$inputRef","inputRef","focus","_handleInputChange","_ref","dateVal","oldValue","getFullYear","setYear","getMonth","setMonth","getDate","setDate","reduce","_value","_ref2","datePart","setter","modifiers","disabled","setHours","isSameDay","onChange","_filterDate","date","MAX_DATE","filterDate","_handleKeyDown","event","newDate","key","preventDefault","transformedDate","_handleCalendarKeyDown","stopPropagation","_handleChange","shouldCloseOnSelect","_handleRef","ref","_handleInputFocus","isTrusted","_this$state$inputRef2","_this$props$inputProp","inputProps","onFocus","_renderInput","inputDataHook","placeholderText","status","statusMessage","customInput","size","clearButton","onClear","disableKeyboardType","dateStyle","validate","onValidate","excludePastDates","clearButtonTooltipContent","clearButtonTooltipProps","inputPropsRest","_objectWithoutProperties2","createElement","_extends2","dataHook","className","classes","input","onInputClicked","placeholder","onKeyDown","tabIndex","autoSelect","locale","_getLocale","disableEditing","focusOnClearClick","__self","__source","fileName","lineNumber","columnNumber","initialOpen","context","render","showMonthDropdown","showYearDropdown","rtl","width","calendarDataHook","twoMonths","zIndex","popoverProps","firstDayOfWeek","leftArrowAriaLabel","leftArrowAriaLabelledBy","rightArrowAriaLabel","rightArrowAriaLabelledBy","monthDropdownAriaLabel","monthDropdownAriaLabelledBy","yearDropdownAriaLabel","yearDropdownAriaLabelledBy","dateIndication","renderFooter","popoverUpdatedProps","placement","calendarProps","dataHooks","datePickerCalendar","calendar","numOfMonths","containFocus","st","root","style","popover","datePickerPopover","onClickOutside","appendTo","shown","Element","inputContainer","datePickerInputContainer","Content","Fragment","datePickerFooter","footer","exports","displayName","defaultProps","ZIndex","datePicker","datePickerInput","contextType","WixStyleReactEnvironmentContext","propTypes","PropTypes","string","bool","node","object","func","oneOf","supportedWixlocales","oneOfType","number","shape","PopoverCommonProps","today","instanceOf","isRequired","onMonthChange"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport isSameDay from 'date-fns/isSameDay';\nimport setYear from 'date-fns/setYear';\nimport setMonth from 'date-fns/setMonth';\nimport setDate from 'date-fns/setDate';\n\nimport Popover from '../Popover';\nimport Calendar from '../Calendar';\nimport DateInput from './DateInput';\nimport Divider from '../Divider';\n\nimport { PopoverCommonProps } from '../common/PropTypes/PopoverCommon';\n\nimport { st, classes } from './DatePicker.st.css';\nimport { dataHooks, MAX_DATE } from './constants';\n\nimport { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';\n\nimport { supportedWixlocales } from 'wix-design-systems-locale-utils';\nimport { ZIndex } from '../common/ZIndex';\n\n/**\n * DatePicker component\n */\n\nexport default class DatePicker extends React.PureComponent {\n  static displayName = 'DatePicker';\n\n  static defaultProps = {\n    filterDate: () => true,\n    rtl: false,\n    width: '150px',\n    zIndex: ZIndex.datePicker,\n    disabled: false,\n    inputDataHook: dataHooks.datePickerInput,\n    popoverProps: {\n      zIndex: ZIndex.datePickerPopover,\n    },\n    disableKeyboardType: false,\n    onChange: () => {},\n    dateStyle: 'short',\n    shouldCloseOnSelect: true,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      value: props.value || new Date(),\n      isOpen: props.initialOpen && !props.disabled,\n      inputValue: props.value,\n      autoFocus: false,\n      shouldOpenCalendar: true,\n    };\n  }\n\n  componentDidUpdate = prevProps => {\n    const { value: prevValue } = prevProps;\n    const { value: newValue } = this.props;\n    if (newValue !== prevValue) {\n      if (newValue) {\n        if (newValue !== this.state.value) {\n          this.setState({ inputValue: newValue });\n        }\n        this._saveNewValue(newValue);\n        return;\n      }\n\n      const value = this._transformDate(new Date(), prevValue);\n      return this.setState({ inputValue: null, value });\n    }\n  };\n\n  _openCalendar = () => {\n    if (\n      !this.state.isOpen &&\n      !this.props.readOnly &&\n      this.state.shouldOpenCalendar\n    ) {\n      return this.setState(\n        {\n          isOpen: true,\n          value: this.props.value || new Date(),\n        },\n        () => {\n          this.props.onOpen?.();\n        },\n      );\n    }\n\n    if (!this.state.shouldOpenCalendar) {\n      return this.setState({\n        shouldOpenCalendar: true,\n      });\n    }\n  };\n\n  openCalendar = this._openCalendar;\n\n  _closeCalendar = (shouldOpenCalendar = true, shouldFocusInput = false) => {\n    this.setState(\n      { isOpen: false, autoFocus: false, shouldOpenCalendar },\n      () => {\n        this.props.onClose?.();\n        if (shouldFocusInput) {\n          this.state.inputRef?.focus();\n        }\n      },\n    );\n  };\n\n  _handleInputChange = ({ dateVal }) => {\n    this._saveNewValue(dateVal);\n  };\n\n  _transformDate = (value, oldValue) =>\n    [\n      [value.getFullYear(), setYear],\n      [value.getMonth(), setMonth],\n      [value.getDate(), setDate],\n    ].reduce(\n      (_value, [datePart, setter]) => setter(_value, datePart),\n      oldValue,\n    );\n\n  _saveNewValue = (value, modifiers = {}) => {\n    if (modifiers.disabled) {\n      return;\n    }\n\n    const oldValue =\n      this.props.value || new Date(new Date().setHours(0, 0, 0, 0));\n    const newValue = this._transformDate(value, oldValue);\n\n    if (!isSameDay(value, this.props.value)) {\n      this.setState({ value: newValue }, () => this.props.onChange(newValue));\n    }\n  };\n\n  _filterDate = date => date < MAX_DATE && this.props.filterDate(date);\n\n  _handleKeyDown = (event, newDate) => {\n    if (!this.state.isOpen) {\n      this._openCalendar();\n    }\n    switch (event.key) {\n      case 'Tab':\n      case 'Escape': {\n        this._closeCalendar();\n        return;\n      }\n      case 'Enter': {\n        event.preventDefault();\n        if (newDate) {\n          const transformedDate = this._transformDate(\n            newDate,\n            new Date(new Date().setHours(0, 0, 0, 0)),\n          );\n          this.setState(\n            {\n              value: transformedDate,\n              inputValue: transformedDate,\n            },\n            () => this.props.onChange(transformedDate),\n          );\n        }\n        this._closeCalendar();\n        return;\n      }\n      case 'ArrowUp':\n      case 'ArrowDown': {\n        event.preventDefault();\n        this.setState({ autoFocus: true });\n        return;\n      }\n      default:\n        return;\n    }\n  };\n\n  _handleCalendarKeyDown = event => {\n    switch (event.key) {\n      case 'Escape': {\n        event.stopPropagation();\n        this._closeCalendar(false, true);\n        return;\n      }\n      default:\n        return;\n    }\n  };\n\n  _handleChange = (value, modifiers) => {\n    this.setState({\n      inputValue: value,\n      isOpen: !this.props.shouldCloseOnSelect || false,\n      shouldOpenCalendar: !this.props.shouldCloseOnSelect || false,\n    });\n    this._saveNewValue(value, modifiers);\n  };\n\n  _handleRef = ref => {\n    this.setState({ inputRef: ref });\n  };\n\n  _handleInputFocus = event => {\n    if (!event.isTrusted) {\n      return;\n    }\n\n    this._openCalendar();\n\n    this.setState({ autoFocus: false }, () => {\n      this.state.inputRef?.focus();\n      this.props.inputProps?.onFocus?.(event);\n    });\n  };\n\n  _getLocale() {\n    return this.props.locale || this.context.locale || 'en';\n  }\n\n  _renderInput = () => {\n    const {\n      inputDataHook,\n      disabled,\n      placeholderText,\n      readOnly,\n      status,\n      statusMessage,\n      customInput,\n      inputProps = {},\n      size,\n      clearButton,\n      onClear,\n      disableKeyboardType,\n      dateStyle,\n      validate,\n      onValidate,\n      excludePastDates,\n      clearButtonTooltipContent,\n      clearButtonTooltipProps,\n    } = this.props;\n    const { onFocus, ...inputPropsRest } = inputProps;\n    return (\n      <DateInput\n        dataHook={inputDataHook}\n        className={classes.input}\n        value={this.state.inputValue}\n        onInputClicked={this._openCalendar}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={placeholderText}\n        onFocus={this._handleInputFocus}\n        onKeyDown={this._handleKeyDown}\n        tabIndex={0}\n        status={status}\n        statusMessage={statusMessage}\n        autoSelect={false}\n        customInput={customInput}\n        locale={this._getLocale()}\n        dateStyle={dateStyle}\n        size={size}\n        clearButton={clearButton}\n        onClear={onClear}\n        onChange={this._handleInputChange}\n        disableEditing={disableKeyboardType}\n        validate={validate}\n        onValidate={onValidate}\n        excludePastDates={excludePastDates}\n        clearButtonTooltipContent={clearButtonTooltipContent}\n        clearButtonTooltipProps={clearButtonTooltipProps}\n        inputRef={this._handleRef}\n        focusOnClearClick\n        {...(customInput ? customInput.props : {})}\n        {...inputPropsRest}\n      />\n    );\n  };\n\n  render() {\n    const {\n      className,\n      showMonthDropdown,\n      showYearDropdown,\n      excludePastDates,\n      rtl,\n      shouldCloseOnSelect,\n      width,\n      calendarDataHook,\n      twoMonths,\n      zIndex,\n      dataHook,\n      popoverProps,\n      firstDayOfWeek,\n      leftArrowAriaLabel,\n      leftArrowAriaLabelledBy,\n      rightArrowAriaLabel,\n      rightArrowAriaLabelledBy,\n      monthDropdownAriaLabel,\n      monthDropdownAriaLabelledBy,\n      yearDropdownAriaLabel,\n      yearDropdownAriaLabelledBy,\n      disableKeyboardType,\n      dateIndication,\n      disabled,\n      renderFooter,\n    } = this.props;\n\n    const { isOpen, value } = this.state;\n\n    const popoverUpdatedProps = {\n      placement: rtl ? 'top-end' : 'top-start',\n      ...popoverProps,\n    };\n\n    const calendarProps = {\n      dataHook: dataHooks.datePickerCalendar,\n      className: classes.calendar,\n      locale: this._getLocale(),\n      showMonthDropdown,\n      showYearDropdown,\n      filterDate: this._filterDate,\n      excludePastDates,\n      rtl,\n      onChange: this._handleChange,\n      onClose: () => this._closeCalendar(false),\n      value,\n      shouldCloseOnSelect,\n      numOfMonths: twoMonths ? 2 : 1,\n      firstDayOfWeek,\n      leftArrowAriaLabel,\n      leftArrowAriaLabelledBy,\n      rightArrowAriaLabel,\n      rightArrowAriaLabelledBy,\n      monthDropdownAriaLabel,\n      monthDropdownAriaLabelledBy,\n      yearDropdownAriaLabel,\n      yearDropdownAriaLabelledBy,\n      dateIndication,\n      autoFocus: this.state.autoFocus || false,\n      containFocus: true,\n      onKeyDown: this._handleCalendarKeyDown,\n    };\n\n    return (\n      <div\n        className={st(\n          classes.root,\n          { disableKeyboardType, disabled },\n          className,\n        )}\n        data-hook={dataHook}\n        style={{ width }}\n      >\n        <Popover\n          className={classes.popover}\n          dataHook={dataHooks.datePickerPopover}\n          onClickOutside={() => this._closeCalendar(false)}\n          appendTo=\"parent\"\n          shown={isOpen}\n          zIndex={zIndex}\n          tabIndex={-1}\n          {...popoverUpdatedProps}\n        >\n          <Popover.Element>\n            <div\n              className={classes.inputContainer}\n              data-hook={dataHooks.datePickerInputContainer}\n            >\n              {this._renderInput()}\n            </div>\n          </Popover.Element>\n          <Popover.Content>\n            <div data-hook={calendarDataHook}>\n              <Calendar {...calendarProps} />\n              {renderFooter && (\n                <>\n                  <Divider />\n                  <div\n                    data-hook={dataHooks.datePickerFooter}\n                    className={classes.footer}\n                  >\n                    {renderFooter()}\n                  </div>\n                </>\n              )}\n            </div>\n          </Popover.Content>\n        </Popover>\n      </div>\n    );\n  }\n}\n\nDatePicker.contextType = WixStyleReactEnvironmentContext;\n\nDatePicker.propTypes = {\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n\n  /** Applies as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Focus selected day automatically when component mounts or updates */\n  autoFocus: PropTypes.bool,\n\n  /** Override a field with a custom input element. If you only need to pass custom props to the `<Input/>`, then use `inputProps` instead. */\n  customInput: PropTypes.node,\n\n  /** Allows you to pass default Input component properties */\n  inputProps: PropTypes.object,\n\n  /**\n   ##### Add an indication under a specific date.\n   Function returns the indication node of a specific date or null if this day doesn't have an indication.\n   * - `param` {date: Date, isSelected: boolean }\n   * - `date` - a date\n   * - `isSelected` - whether this date is the selected date\n   * - `return` {React.node} - the indication node of a specific date or null if this day doesn't have an indication.\n  */\n  dateIndication: PropTypes.func,\n\n  /** Specify date picker instance locale */\n  locale: PropTypes.oneOf(supportedWixlocales),\n\n  /** Sets date format of locale */\n  dateStyle: PropTypes.oneOf(['short', 'medium', 'long']),\n\n  /** Specify whether a field should be disabled or not */\n  disabled: PropTypes.bool,\n\n  /** Specify whether past dates should be selectable or not */\n  excludePastDates: PropTypes.bool,\n\n  /**\n   * ##### Specify selectable dates:\n   *  * `param` {Date} `date` - a date to check\n   *  * `return` {boolean} - true if `date` should be selectable, false otherwise\n   */\n  filterDate: PropTypes.func,\n\n  /** Applies a data-hook HTML attribute for date picker input */\n  inputDataHook: PropTypes.string,\n\n  /** Applies a data-hook HTML attribute for date picker calendar view */\n  calendarDataHook: PropTypes.string,\n\n  /** Defines a placeholder of the field */\n  placeholderText: PropTypes.string,\n\n  /** Specify whether RTL mode is enabled or not. When true, the keyboard navigation will be changed, meaning pressing on the right arrow will navigate to the previous day, and pressing on the left arrow will navigate to the next day. */\n  rtl: PropTypes.bool,\n\n  /** Defines the selected date */\n  value: PropTypes.object,\n\n  /** Specify whether the calendar will be initially visible or not */\n  initialOpen: PropTypes.bool,\n\n  /** Controls the status of a field */\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\n  /** Defines the status message to be displayed on status icon hover. If not given or empty, the tooltip won’t be shown. */\n  statusMessage: PropTypes.node,\n\n  /** Sets the width of picker input in pixels or percentage */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n  /** Set a desired z-index for date picker popover */\n  zIndex: PropTypes.number,\n\n  /** Allows you to pass popover properties. The default placement value depends on the rtl prop - would be 'top-start' when rtl=false and 'top-end' in case of rtl=ture. */\n  popoverProps: PropTypes.shape(PopoverCommonProps),\n\n  /** Specify the starting day of a week, allowing only from 0 to 6 (Sunday to Saturday). The default value is 1 which means Monday. */\n  firstDayOfWeek: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),\n\n  /** Specifies the size of the input */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Specify whether date picker input is readOnly or not */\n  readOnly: PropTypes.bool,\n\n  /** Sets today's date. The today indication is added automatically according to the user timezone but in some cases, we need the ability to add the today indication based on the business timezone. */\n  today: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]),\n\n  /** Display a clear button (x) on a non-empty field */\n  clearButton: PropTypes.bool,\n\n  /** Provides a callback function when  day in selected in the calendar */\n  onChange: PropTypes.func.isRequired,\n\n  /** Displays clear button (X) on a non-empty input and calls callback with no arguments */\n  onClear: PropTypes.func,\n\n  /** Defines a callback function that is  called whenever a user presses escape, clicks outside of the element or a date is selected and `shouldCloseOnSelect` is set. Receives an event as a first argument. */\n  onClose: PropTypes.func,\n\n  /** Defines a callback function which is called when date picker is opened. */\n  onOpen: PropTypes.func,\n\n  /** Defines a callback function that is called with the date of the first day of the month whenever the user selects a month in the calendar */\n  onMonthChange: PropTypes.func,\n\n  /** Disable typing the in the input. When true, choosing a date is possible only by picking from the calendar. Default: false.  */\n  disableKeyboardType: PropTypes.bool,\n\n  /** Displays a selectable yearDropdown */\n  showYearDropdown: PropTypes.bool,\n\n  /** Displays a selectable monthDropdown */\n  showMonthDropdown: PropTypes.bool,\n\n  /** Specify whether the calendar closes on day selection */\n  shouldCloseOnSelect: PropTypes.bool,\n\n  /** Defines a string value that labels the months dropdown in calendar header */\n  monthDropdownAriaLabel: PropTypes.string,\n\n  /** Identifies the element that labels the months dropdown in calendar header */\n  monthDropdownAriaLabelledBy: PropTypes.string,\n\n  /** Defines a string value that labels the years dropdown in calendar header */\n  yearDropdownAriaLabel: PropTypes.string,\n\n  /** Identifies the element that labels the years dropdown in calendar header */\n  yearDropdownAriaLabelledBy: PropTypes.string,\n\n  /** Defines a string value that labels the left arrow in calendar header */\n  leftArrowAriaLabel: PropTypes.string,\n\n  /** Identifies the element that labels the left arrow in calendar header */\n  leftArrowAriaLabelledBy: PropTypes.string,\n\n  /** Defines a string value that labels the right arrow in calendar header */\n  rightArrowAriaLabel: PropTypes.string,\n\n  /** Identifies the element that labels the right arrow in calendar header */\n  rightArrowAriaLabelledBy: PropTypes.string,\n\n  /** Enables internal input validation */\n  validate: PropTypes.bool,\n\n  /** Defines a callback function which is called on cases when date is validated.\n   * - {validationType: 'outOfBoundsError' | 'formatError' | 'valid', format: string, value: string }\n   * - `validationType` - type 'formatError' is set when validated date is in the wrong date format\n   *                    - type 'outOfBoundsError' is set when 'excludePastDates' is true and date input is before today\n   *                    - type 'valid' is set when entered date is valid\n   * - `format` - is set to valid date format\n   * - `value` - is set to current input value\n   */\n  onValidate: PropTypes.func,\n\n  /** When provided, hover will display a tooltip */\n  clearButtonTooltipContent: PropTypes.node,\n\n  /** Tooltip props */\n  clearButtonTooltipProps: PropTypes.node,\n\n  /** Function which renders a provided node at the bottom of the Calendar. */\n  renderFooter: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_isSameDay","_setYear","_setMonth","_setDate","_PopoverNext","_Calendar","_DateInput","_Divider","_PopoverCommon","_DatePickerSt","_constants","_context","_wixDesignSystemsLocaleUtils","_ZIndex","_excluded","_jsxFileName","DatePicker","React","PureComponent","constructor","props","_this","this","componentDidUpdate","prevProps","value","prevValue","newValue","state","setState","inputValue","_saveNewValue","_transformDate","Date","_openCalendar","isOpen","readOnly","shouldOpenCalendar","_this$props$onOpen","_this$props","onOpen","call","openCalendar","_closeCalendar","arguments","length","undefined","shouldFocusInput","autoFocus","onClose","_this$state$inputRef","inputRef","focus","_handleInputChange","_ref","dateVal","oldValue","getFullYear","setYear","getMonth","setMonth","getDate","setDate","reduce","_value","_ref2","datePart","setter","modifiers","disabled","setHours","isSameDay","onChange","_filterDate","date","MAX_DATE","filterDate","_handleKeyDown","event","newDate","key","preventDefault","transformedDate","_handleCalendarKeyDown","stopPropagation","_handleChange","shouldCloseOnSelect","_handleRef","ref","_handleInputFocus","isTrusted","_this$state$inputRef2","_this$props$inputProp","inputProps","onFocus","_renderInput","inputDataHook","placeholderText","status","statusMessage","customInput","size","clearButton","onClear","disableKeyboardType","dateStyle","validate","onValidate","excludePastDates","clearButtonTooltipContent","clearButtonTooltipProps","inputPropsRest","_objectWithoutProperties2","default","createElement","_extends2","dataHook","className","classes","input","onInputClicked","placeholder","onKeyDown","tabIndex","autoSelect","locale","_getLocale","disableEditing","focusOnClearClick","__self","__source","fileName","lineNumber","columnNumber","initialOpen","context","render","showMonthDropdown","showYearDropdown","rtl","width","calendarDataHook","twoMonths","zIndex","popoverProps","firstDayOfWeek","leftArrowAriaLabel","leftArrowAriaLabelledBy","rightArrowAriaLabel","rightArrowAriaLabelledBy","monthDropdownAriaLabel","monthDropdownAriaLabelledBy","yearDropdownAriaLabel","yearDropdownAriaLabelledBy","dateIndication","renderFooter","calendarProps","dataHooks","datePickerCalendar","calendar","numOfMonths","containFocus","st","root","style","popover","datePickerPopover","onOpenChange","_","reason","appendTo","open","focusManagerEnabled","placement","Trigger","inputContainer","datePickerInputContainer","Content","Fragment","datePickerFooter","footer","exports","displayName","defaultProps","ZIndex","datePicker","datePickerInput","contextType","WixStyleReactEnvironmentContext","propTypes","PropTypes","string","bool","node","object","func","oneOf","supportedWixlocales","oneOfType","number","shape","PopoverCommonProps","today","instanceOf","isRequired","onMonthChange"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport isSameDay from 'date-fns/isSameDay';\nimport setYear from 'date-fns/setYear';\nimport setMonth from 'date-fns/setMonth';\nimport setDate from 'date-fns/setDate';\n\nimport PopoverNext from '../PopoverNext';\nimport Calendar from '../Calendar';\nimport DateInput from './DateInput';\nimport Divider from '../Divider';\n\nimport { PopoverCommonProps } from '../common/PropTypes/PopoverCommon';\nimport { st, classes } from './DatePicker.st.css';\nimport { dataHooks, MAX_DATE } from './constants';\n\nimport { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';\n\nimport { supportedWixlocales } from 'wix-design-systems-locale-utils';\nimport { ZIndex } from '../common/ZIndex';\n\nexport default class DatePicker extends React.PureComponent {\n  static displayName = 'DatePicker';\n\n  static defaultProps = {\n    filterDate: () => true,\n    rtl: false,\n    width: '150px',\n    zIndex: ZIndex.datePicker,\n    disabled: false,\n    inputDataHook: dataHooks.datePickerInput,\n    popoverProps: {\n      zIndex: ZIndex.datePickerPopover,\n    },\n    disableKeyboardType: false,\n    onChange: () => {},\n    dateStyle: 'short',\n    shouldCloseOnSelect: true,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      value: props.value || new Date(),\n      isOpen: props.initialOpen && !props.disabled,\n      inputValue: props.value,\n      autoFocus: false,\n      shouldOpenCalendar: true,\n    };\n  }\n\n  componentDidUpdate = prevProps => {\n    const { value: prevValue } = prevProps;\n    const { value: newValue } = this.props;\n    if (newValue !== prevValue) {\n      if (newValue) {\n        if (newValue !== this.state.value) {\n          this.setState({ inputValue: newValue });\n        }\n        this._saveNewValue(newValue);\n        return;\n      }\n\n      const value = this._transformDate(new Date(), prevValue);\n      return this.setState({ inputValue: null, value });\n    }\n  };\n\n  _openCalendar = () => {\n    if (\n      !this.state.isOpen &&\n      !this.props.readOnly &&\n      this.state.shouldOpenCalendar\n    ) {\n      return this.setState(\n        {\n          isOpen: true,\n          value: this.props.value || new Date(),\n        },\n        () => {\n          this.props.onOpen?.();\n        },\n      );\n    }\n\n    if (!this.state.shouldOpenCalendar) {\n      return this.setState({\n        shouldOpenCalendar: true,\n      });\n    }\n  };\n\n  openCalendar = this._openCalendar;\n\n  _closeCalendar = (shouldOpenCalendar = true, shouldFocusInput = false) => {\n    this.setState(\n      { isOpen: false, autoFocus: false, shouldOpenCalendar },\n      () => {\n        this.props.onClose?.();\n        if (shouldFocusInput) {\n          this.state.inputRef?.focus();\n        }\n      },\n    );\n  };\n\n  _handleInputChange = ({ dateVal }) => {\n    this._saveNewValue(dateVal);\n  };\n\n  _transformDate = (value, oldValue) =>\n    [\n      [value.getFullYear(), setYear],\n      [value.getMonth(), setMonth],\n      [value.getDate(), setDate],\n    ].reduce(\n      (_value, [datePart, setter]) => setter(_value, datePart),\n      oldValue,\n    );\n\n  _saveNewValue = (value, modifiers = {}) => {\n    if (modifiers.disabled) {\n      return;\n    }\n\n    const oldValue =\n      this.props.value || new Date(new Date().setHours(0, 0, 0, 0));\n    const newValue = this._transformDate(value, oldValue);\n\n    if (!isSameDay(value, this.props.value)) {\n      this.setState({ value: newValue }, () => this.props.onChange(newValue));\n    }\n  };\n\n  _filterDate = date => date < MAX_DATE && this.props.filterDate(date);\n\n  _handleKeyDown = (event, newDate) => {\n    if (!this.state.isOpen) {\n      this._openCalendar();\n    }\n    switch (event.key) {\n      case 'Tab':\n      case 'Escape': {\n        this._closeCalendar();\n        return;\n      }\n      case 'Enter': {\n        event.preventDefault();\n        if (newDate) {\n          const transformedDate = this._transformDate(\n            newDate,\n            new Date(new Date().setHours(0, 0, 0, 0)),\n          );\n          this.setState(\n            {\n              value: transformedDate,\n              inputValue: transformedDate,\n            },\n            () => this.props.onChange(transformedDate),\n          );\n        }\n        this._closeCalendar();\n        return;\n      }\n      case 'ArrowUp':\n      case 'ArrowDown': {\n        event.preventDefault();\n        this.setState({ autoFocus: true });\n        return;\n      }\n      default:\n        return;\n    }\n  };\n\n  _handleCalendarKeyDown = event => {\n    switch (event.key) {\n      case 'Escape': {\n        event.stopPropagation();\n        this._closeCalendar(false, true);\n        return;\n      }\n      default:\n        return;\n    }\n  };\n\n  _handleChange = (value, modifiers) => {\n    this.setState({\n      inputValue: value,\n      isOpen: !this.props.shouldCloseOnSelect || false,\n      shouldOpenCalendar: !this.props.shouldCloseOnSelect || false,\n    });\n    this._saveNewValue(value, modifiers);\n  };\n\n  _handleRef = ref => {\n    this.setState({ inputRef: ref });\n  };\n\n  _handleInputFocus = event => {\n    if (!event.isTrusted) {\n      return;\n    }\n\n    this._openCalendar();\n\n    this.setState({ autoFocus: false }, () => {\n      this.state.inputRef?.focus();\n      this.props.inputProps?.onFocus?.(event);\n    });\n  };\n\n  _getLocale() {\n    return this.props.locale || this.context.locale || 'en';\n  }\n\n  _renderInput = () => {\n    const {\n      inputDataHook,\n      disabled,\n      placeholderText,\n      readOnly,\n      status,\n      statusMessage,\n      customInput,\n      inputProps = {},\n      size,\n      clearButton,\n      onClear,\n      disableKeyboardType,\n      dateStyle,\n      validate,\n      onValidate,\n      excludePastDates,\n      clearButtonTooltipContent,\n      clearButtonTooltipProps,\n    } = this.props;\n    const { onFocus, ...inputPropsRest } = inputProps;\n    return (\n      <DateInput\n        dataHook={inputDataHook}\n        className={classes.input}\n        value={this.state.inputValue}\n        onInputClicked={this._openCalendar}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={placeholderText}\n        onFocus={this._handleInputFocus}\n        onKeyDown={this._handleKeyDown}\n        tabIndex={0}\n        status={status}\n        statusMessage={statusMessage}\n        autoSelect={false}\n        customInput={customInput}\n        locale={this._getLocale()}\n        dateStyle={dateStyle}\n        size={size}\n        clearButton={clearButton}\n        onClear={onClear}\n        onChange={this._handleInputChange}\n        disableEditing={disableKeyboardType}\n        validate={validate}\n        onValidate={onValidate}\n        excludePastDates={excludePastDates}\n        clearButtonTooltipContent={clearButtonTooltipContent}\n        clearButtonTooltipProps={clearButtonTooltipProps}\n        inputRef={this._handleRef}\n        focusOnClearClick\n        {...(customInput ? customInput.props : {})}\n        {...inputPropsRest}\n      />\n    );\n  };\n\n  render() {\n    const {\n      className,\n      showMonthDropdown,\n      showYearDropdown,\n      excludePastDates,\n      rtl,\n      shouldCloseOnSelect,\n      width,\n      calendarDataHook,\n      twoMonths,\n      zIndex,\n      dataHook,\n      popoverProps,\n      firstDayOfWeek,\n      leftArrowAriaLabel,\n      leftArrowAriaLabelledBy,\n      rightArrowAriaLabel,\n      rightArrowAriaLabelledBy,\n      monthDropdownAriaLabel,\n      monthDropdownAriaLabelledBy,\n      yearDropdownAriaLabel,\n      yearDropdownAriaLabelledBy,\n      disableKeyboardType,\n      dateIndication,\n      disabled,\n      renderFooter,\n    } = this.props;\n\n    const { isOpen, value } = this.state;\n\n    const calendarProps = {\n      dataHook: dataHooks.datePickerCalendar,\n      className: classes.calendar,\n      locale: this._getLocale(),\n      showMonthDropdown,\n      showYearDropdown,\n      filterDate: this._filterDate,\n      excludePastDates,\n      rtl,\n      onChange: this._handleChange,\n      onClose: () => this._closeCalendar(false),\n      value,\n      shouldCloseOnSelect,\n      numOfMonths: twoMonths ? 2 : 1,\n      firstDayOfWeek,\n      leftArrowAriaLabel,\n      leftArrowAriaLabelledBy,\n      rightArrowAriaLabel,\n      rightArrowAriaLabelledBy,\n      monthDropdownAriaLabel,\n      monthDropdownAriaLabelledBy,\n      yearDropdownAriaLabel,\n      yearDropdownAriaLabelledBy,\n      dateIndication,\n      autoFocus: this.state.autoFocus || false,\n      containFocus: true,\n      onKeyDown: this._handleCalendarKeyDown,\n    };\n\n    return (\n      <div\n        className={st(\n          classes.root,\n          { disableKeyboardType, disabled },\n          className,\n        )}\n        data-hook={dataHook}\n        style={{ width }}\n      >\n        <PopoverNext\n          className={classes.popover}\n          dataHook={dataHooks.datePickerPopover}\n          onOpenChange={(_, reason) => {\n            if (reason === 'outside-press' || reason === 'escape-key') {\n              this._closeCalendar(false);\n            } else {\n              this._openCalendar();\n            }\n          }}\n          appendTo=\"parent\"\n          open={isOpen}\n          zIndex={zIndex}\n          tabIndex={-1}\n          focusManagerEnabled={false}\n          placement={rtl ? 'top-end' : 'top-start'}\n          {...popoverProps}\n        >\n          <PopoverNext.Trigger>\n            <div\n              className={classes.inputContainer}\n              data-hook={dataHooks.datePickerInputContainer}\n            >\n              {this._renderInput()}\n            </div>\n          </PopoverNext.Trigger>\n          <PopoverNext.Content>\n            <div data-hook={calendarDataHook}>\n              <Calendar {...calendarProps} />\n              {renderFooter && (\n                <>\n                  <Divider />\n                  <div\n                    data-hook={dataHooks.datePickerFooter}\n                    className={classes.footer}\n                  >\n                    {renderFooter()}\n                  </div>\n                </>\n              )}\n            </div>\n          </PopoverNext.Content>\n        </PopoverNext>\n      </div>\n    );\n  }\n}\n\nDatePicker.contextType = WixStyleReactEnvironmentContext;\n\nDatePicker.propTypes = {\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n\n  /** Applies as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Focus selected day automatically when component mounts or updates */\n  autoFocus: PropTypes.bool,\n\n  /** Override a field with a custom input element. If you only need to pass custom props to the `<Input/>`, then use `inputProps` instead. */\n  customInput: PropTypes.node,\n\n  /** Allows you to pass default Input component properties */\n  inputProps: PropTypes.object,\n\n  /**\n   ##### Add an indication under a specific date.\n   Function returns the indication node of a specific date or null if this day doesn't have an indication.\n   * - `param` {date: Date, isSelected: boolean }\n   * - `date` - a date\n   * - `isSelected` - whether this date is the selected date\n   * - `return` {React.node} - the indication node of a specific date or null if this day doesn't have an indication.\n  */\n  dateIndication: PropTypes.func,\n\n  /** Specify date picker instance locale */\n  locale: PropTypes.oneOf(supportedWixlocales),\n\n  /** Sets date format of locale */\n  dateStyle: PropTypes.oneOf(['short', 'medium', 'long']),\n\n  /** Specify whether a field should be disabled or not */\n  disabled: PropTypes.bool,\n\n  /** Specify whether past dates should be selectable or not */\n  excludePastDates: PropTypes.bool,\n\n  /**\n   * ##### Specify selectable dates:\n   *  * `param` {Date} `date` - a date to check\n   *  * `return` {boolean} - true if `date` should be selectable, false otherwise\n   */\n  filterDate: PropTypes.func,\n\n  /** Applies a data-hook HTML attribute for date picker input */\n  inputDataHook: PropTypes.string,\n\n  /** Applies a data-hook HTML attribute for date picker calendar view */\n  calendarDataHook: PropTypes.string,\n\n  /** Defines a placeholder of the field */\n  placeholderText: PropTypes.string,\n\n  /** Specify whether RTL mode is enabled or not. When true, the keyboard navigation will be changed, meaning pressing on the right arrow will navigate to the previous day, and pressing on the left arrow will navigate to the next day. */\n  rtl: PropTypes.bool,\n\n  /** Defines the selected date */\n  value: PropTypes.object,\n\n  /** Specify whether the calendar will be initially visible or not */\n  initialOpen: PropTypes.bool,\n\n  /** Controls the status of a field */\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\n  /** Defines the status message to be displayed on status icon hover. If not given or empty, the tooltip won’t be shown. */\n  statusMessage: PropTypes.node,\n\n  /** Sets the width of picker input in pixels or percentage */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n  /** Set a desired z-index for date picker popover */\n  zIndex: PropTypes.number,\n\n  /** Allows you to pass popover properties. The default placement value depends on the rtl prop - would be 'top-start' when rtl=false and 'top-end' in case of rtl=ture. */\n  popoverProps: PropTypes.shape(PopoverCommonProps),\n\n  /** Specify the starting day of a week, allowing only from 0 to 6 (Sunday to Saturday). The default value is 1 which means Monday. */\n  firstDayOfWeek: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),\n\n  /** Specifies the size of the input */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Specify whether date picker input is readOnly or not */\n  readOnly: PropTypes.bool,\n\n  /** Sets today's date. The today indication is added automatically according to the user timezone but in some cases, we need the ability to add the today indication based on the business timezone. */\n  today: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]),\n\n  /** Display a clear button (x) on a non-empty field */\n  clearButton: PropTypes.bool,\n\n  /** Provides a callback function when  day in selected in the calendar */\n  onChange: PropTypes.func.isRequired,\n\n  /** Displays clear button (X) on a non-empty input and calls callback with no arguments */\n  onClear: PropTypes.func,\n\n  /** Defines a callback function that is  called whenever a user presses escape, clicks outside of the element or a date is selected and `shouldCloseOnSelect` is set. Receives an event as a first argument. */\n  onClose: PropTypes.func,\n\n  /** Defines a callback function which is called when date picker is opened. */\n  onOpen: PropTypes.func,\n\n  /** Defines a callback function that is called with the date of the first day of the month whenever the user selects a month in the calendar */\n  onMonthChange: PropTypes.func,\n\n  /** Disable typing the in the input. When true, choosing a date is possible only by picking from the calendar. Default: false.  */\n  disableKeyboardType: PropTypes.bool,\n\n  /** Displays a selectable yearDropdown */\n  showYearDropdown: PropTypes.bool,\n\n  /** Displays a selectable monthDropdown */\n  showMonthDropdown: PropTypes.bool,\n\n  /** Specify whether the calendar closes on day selection */\n  shouldCloseOnSelect: PropTypes.bool,\n\n  /** Defines a string value that labels the months dropdown in calendar header */\n  monthDropdownAriaLabel: PropTypes.string,\n\n  /** Identifies the element that labels the months dropdown in calendar header */\n  monthDropdownAriaLabelledBy: PropTypes.string,\n\n  /** Defines a string value that labels the years dropdown in calendar header */\n  yearDropdownAriaLabel: PropTypes.string,\n\n  /** Identifies the element that labels the years dropdown in calendar header */\n  yearDropdownAriaLabelledBy: PropTypes.string,\n\n  /** Defines a string value that labels the left arrow in calendar header */\n  leftArrowAriaLabel: PropTypes.string,\n\n  /** Identifies the element that labels the left arrow in calendar header */\n  leftArrowAriaLabelledBy: PropTypes.string,\n\n  /** Defines a string value that labels the right arrow in calendar header */\n  rightArrowAriaLabel: PropTypes.string,\n\n  /** Identifies the element that labels the right arrow in calendar header */\n  rightArrowAriaLabelledBy: PropTypes.string,\n\n  /** Enables internal input validation */\n  validate: PropTypes.bool,\n\n  /** Defines a callback function which is called on cases when date is validated.\n   * - {validationType: 'outOfBoundsError' | 'formatError' | 'valid', format: string, value: string }\n   * - `validationType` - type 'formatError' is set when validated date is in the wrong date format\n   *                    - type 'outOfBoundsError' is set when 'excludePastDates' is true and date input is before today\n   *                    - type 'valid' is set when entered date is valid\n   * - `format` - is set to valid date format\n   * - `value` - is set to current input value\n   */\n  onValidate: PropTypes.func,\n\n  /** When provided, hover will display a tooltip */\n  clearButtonTooltipContent: PropTypes.node,\n\n  /** Tooltip props */\n  clearButtonTooltipProps: PropTypes.node,\n\n  /** Function which renders a provided node at the bottom of the Calendar. */\n  renderFooter: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DatePicker/DatePicker.st.css.js

@@ -1,12 +1,12 @@
 
-require("../Popover/Popover.st.css.js");
 require("../Calendar/Calendar.st.css.js");
 require("../Input/Input.st.css.js");
+require("../PopoverNext/PopoverNext.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_161_0_DatePicker";
+var _namespace_ = "wds_1_163_0_DatePicker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_DatePicker__root","popover":"wds_1_161_0_DatePicker__popover","input":"wds_1_161_0_DatePicker__input","inputContainer":"wds_1_161_0_DatePicker__inputContainer","calendar":"wds_1_161_0_DatePicker__calendar","footer":"wds_1_161_0_DatePicker__footer"};
+module.exports.classes = {"root":"wds_1_163_0_DatePicker__root","popover":"wds_1_163_0_DatePicker__popover","input":"wds_1_163_0_DatePicker__input","inputContainer":"wds_1_163_0_DatePicker__inputContainer","calendar":"wds_1_163_0_DatePicker__calendar","footer":"wds_1_163_0_DatePicker__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DatePicker/DatePicker.uni.driver.js

@@ -7,12 +7,12 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _unidriver = require("../utils/test-utils/unidriver");
 var _CalendarUniDriver = require("../Calendar/Calendar.uni.driver.js");
 var _InputUni = require("../Input/Input.uni.driver");
-var _PopoverUni = require("../Popover/Popover.uni.driver");
 var _constants = require("./constants");
+var _PopoverNextUni = require("../PopoverNext/PopoverNext.uni.driver");
 var datePickerUniDriverFactory = (base, body) => {
   var calendarDriver = (0, _CalendarUniDriver.calendarUniDriverFactory)((0, _unidriver.findByHook)(base, _constants.dataHooks.datePickerCalendar), body);
   var inputDriver = (0, _InputUni.testkit)((0, _unidriver.findByHook)(base, _constants.dataHooks.datePickerInput), body);
-  var popoverDriver = (0, _PopoverUni.popoverUniDriverFactory)((0, _unidriver.findByHook)(base, _constants.dataHooks.datePickerPopover), body);
+  var popoverDriver = (0, _PopoverNextUni.popoverNextUniDriverFactory)((0, _unidriver.findByHook)(base, _constants.dataHooks.datePickerPopover), body);
   var driver = {
     exists: () => (0, _unidriver.baseUniDriverFactory)(base).exists(),
     open: function () {

package/dist/cjs/DatePicker/DatePicker.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_CalendarUniDriver","_InputUni","_PopoverUni","_constants","datePickerUniDriverFactory","base","body","calendarDriver","calendarUniDriverFactory","findByHook","dataHooks","datePickerCalendar","inputDriver","inputUniDriverFactory","datePickerInput","popoverDriver","popoverUniDriverFactory","datePickerPopover","driver","exists","baseUniDriverFactory","open","_open","_asyncToGenerator2","default","click","trigger","key","keyCode","apply","arguments","getWidth","_prop","then","style","width","clickOutside","focusCalendar","getFooter","$","concat","datePickerFooter","exports"],"sources":["../../../src/DatePicker/DatePicker.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport { calendarUniDriverFactory } from '../Calendar/Calendar.uni.driver.js';\nimport { testkit as inputUniDriverFactory } from '../Input/Input.uni.driver';\nimport { popoverUniDriverFactory } from '../Popover/Popover.uni.driver';\nimport { dataHooks } from './constants';\n\nexport const datePickerUniDriverFactory = (base, body) => {\n  const calendarDriver = calendarUniDriverFactory(\n    findByHook(base, dataHooks.datePickerCalendar),\n    body,\n  );\n  const inputDriver = inputUniDriverFactory(\n    findByHook(base, dataHooks.datePickerInput),\n    body,\n  );\n\n  const popoverDriver = popoverUniDriverFactory(\n    findByHook(base, dataHooks.datePickerPopover),\n    body,\n  );\n\n  const driver = {\n    exists: () => baseUniDriverFactory(base).exists(),\n    open: async () => {\n      await inputDriver.click();\n      await inputDriver.trigger('keyDown', {\n        key: 'ArrowUp',\n        keyCode: 38,\n      });\n    },\n    getWidth: () => base._prop('style').then(style => style.width),\n    clickOutside: () => popoverDriver.clickOutside(),\n    focusCalendar: () =>\n      inputDriver.trigger('keyDown', { key: 'ArrowUp', keyCode: 38 }),\n\n    /**\n     * Returns the element rendered inside the footer.\n     */\n    getFooter: () => base.$(`[data-hook=\"${dataHooks.datePickerFooter}\"] > *`),\n  };\n  // TODO: needs to be fixed, autodocs doesn't generate the docs below.\n  return {\n    /**\n     * Input Unidriver methods\n     */\n    inputDriver,\n    /**\n     * Calender Unidriver methods\n     */\n    calendarDriver,\n    /**\n     * Checks whether the component found with the given data hook.\n     * @returns {Promise<boolean>}\n     */\n    exists: driver.exists,\n    /**\n     * Contains 'exists', 'open' and 'getWidth' methods\n     */\n    driver,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEO,IAAMK,0BAA0B,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EACxD,IAAMC,cAAc,GAAG,IAAAC,2CAAwB,EAC7C,IAAAC,qBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACC,kBAAkB,CAAC,EAC9CL,IACF,CAAC;EACD,IAAMM,WAAW,GAAG,IAAAC,iBAAqB,EACvC,IAAAJ,qBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACI,eAAe,CAAC,EAC3CR,IACF,CAAC;EAED,IAAMS,aAAa,GAAG,IAAAC,mCAAuB,EAC3C,IAAAP,qBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACO,iBAAiB,CAAC,EAC7CX,IACF,CAAC;EAED,IAAMY,MAAM,GAAG;IACbC,MAAM,EAAEA,CAAA,KAAM,IAAAC,+BAAoB,EAACf,IAAI,CAAC,CAACc,MAAM,CAAC,CAAC;IACjDE,IAAI;MAAA,IAAAC,KAAA,OAAAC,kBAAA,CAAAC,OAAA,EAAE,aAAY;QAChB,MAAMZ,WAAW,CAACa,KAAK,CAAC,CAAC;QACzB,MAAMb,WAAW,CAACc,OAAO,CAAC,SAAS,EAAE;UACnCC,GAAG,EAAE,SAAS;UACdC,OAAO,EAAE;QACX,CAAC,CAAC;MACJ,CAAC;MAAA,SANDP,IAAIA,CAAA;QAAA,OAAAC,KAAA,CAAAO,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAJT,IAAI;IAAA,GAMH;IACDU,QAAQ,EAAEA,CAAA,KAAM1B,IAAI,CAAC2B,KAAK,CAAC,OAAO,CAAC,CAACC,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAAC;IAC9DC,YAAY,EAAEA,CAAA,KAAMrB,aAAa,CAACqB,YAAY,CAAC,CAAC;IAChDC,aAAa,EAAEA,CAAA,KACbzB,WAAW,CAACc,OAAO,CAAC,SAAS,EAAE;MAAEC,GAAG,EAAE,SAAS;MAAEC,OAAO,EAAE;IAAG,CAAC,CAAC;IAEjE;AACJ;AACA;IACIU,SAAS,EAAEA,CAAA,KAAMjC,IAAI,CAACkC,CAAC,iBAAAC,MAAA,CAAgB9B,oBAAS,CAAC+B,gBAAgB,YAAQ;EAC3E,CAAC;EACD;EACA,OAAO;IACL;AACJ;AACA;IACI7B,WAAW;IACX;AACJ;AACA;IACIL,cAAc;IACd;AACJ;AACA;AACA;IACIY,MAAM,EAAED,MAAM,CAACC,MAAM;IACrB;AACJ;AACA;IACID;EACF,CAAC;AACH,CAAC;AAACwB,OAAA,CAAAtC,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_CalendarUniDriver","_InputUni","_constants","_PopoverNextUni","datePickerUniDriverFactory","base","body","calendarDriver","calendarUniDriverFactory","findByHook","dataHooks","datePickerCalendar","inputDriver","inputUniDriverFactory","datePickerInput","popoverDriver","popoverNextUniDriverFactory","datePickerPopover","driver","exists","baseUniDriverFactory","open","_open","_asyncToGenerator2","default","click","trigger","key","keyCode","apply","arguments","getWidth","_prop","then","style","width","clickOutside","focusCalendar","getFooter","$","concat","datePickerFooter","exports"],"sources":["../../../src/DatePicker/DatePicker.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport { calendarUniDriverFactory } from '../Calendar/Calendar.uni.driver.js';\nimport { testkit as inputUniDriverFactory } from '../Input/Input.uni.driver';\nimport { dataHooks } from './constants';\nimport { popoverNextUniDriverFactory } from '../PopoverNext/PopoverNext.uni.driver';\n\nexport const datePickerUniDriverFactory = (base, body) => {\n  const calendarDriver = calendarUniDriverFactory(\n    findByHook(base, dataHooks.datePickerCalendar),\n    body,\n  );\n\n  const inputDriver = inputUniDriverFactory(\n    findByHook(base, dataHooks.datePickerInput),\n    body,\n  );\n\n  const popoverDriver = popoverNextUniDriverFactory(\n    findByHook(base, dataHooks.datePickerPopover),\n    body,\n  );\n\n  const driver = {\n    exists: () => baseUniDriverFactory(base).exists(),\n    open: async () => {\n      await inputDriver.click();\n      await inputDriver.trigger('keyDown', {\n        key: 'ArrowUp',\n        keyCode: 38,\n      });\n    },\n    getWidth: () => base._prop('style').then(style => style.width),\n    clickOutside: () => popoverDriver.clickOutside(),\n    focusCalendar: () =>\n      inputDriver.trigger('keyDown', { key: 'ArrowUp', keyCode: 38 }),\n\n    /**\n     * Returns the element rendered inside the footer.\n     */\n    getFooter: () => base.$(`[data-hook=\"${dataHooks.datePickerFooter}\"] > *`),\n  };\n  // TODO: needs to be fixed, autodocs doesn't generate the docs below.\n  return {\n    /**\n     * Input Unidriver methods\n     */\n    inputDriver,\n    /**\n     * Calender Unidriver methods\n     */\n    calendarDriver,\n    /**\n     * Checks whether the component found with the given data hook.\n     * @returns {Promise<boolean>}\n     */\n    exists: driver.exists,\n    /**\n     * Contains 'exists', 'open' and 'getWidth' methods\n     */\n    driver,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAEO,IAAMK,0BAA0B,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EACxD,IAAMC,cAAc,GAAG,IAAAC,2CAAwB,EAC7C,IAAAC,qBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACC,kBAAkB,CAAC,EAC9CL,IACF,CAAC;EAED,IAAMM,WAAW,GAAG,IAAAC,iBAAqB,EACvC,IAAAJ,qBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACI,eAAe,CAAC,EAC3CR,IACF,CAAC;EAED,IAAMS,aAAa,GAAG,IAAAC,2CAA2B,EAC/C,IAAAP,qBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACO,iBAAiB,CAAC,EAC7CX,IACF,CAAC;EAED,IAAMY,MAAM,GAAG;IACbC,MAAM,EAAEA,CAAA,KAAM,IAAAC,+BAAoB,EAACf,IAAI,CAAC,CAACc,MAAM,CAAC,CAAC;IACjDE,IAAI;MAAA,IAAAC,KAAA,OAAAC,kBAAA,CAAAC,OAAA,EAAE,aAAY;QAChB,MAAMZ,WAAW,CAACa,KAAK,CAAC,CAAC;QACzB,MAAMb,WAAW,CAACc,OAAO,CAAC,SAAS,EAAE;UACnCC,GAAG,EAAE,SAAS;UACdC,OAAO,EAAE;QACX,CAAC,CAAC;MACJ,CAAC;MAAA,SANDP,IAAIA,CAAA;QAAA,OAAAC,KAAA,CAAAO,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAJT,IAAI;IAAA,GAMH;IACDU,QAAQ,EAAEA,CAAA,KAAM1B,IAAI,CAAC2B,KAAK,CAAC,OAAO,CAAC,CAACC,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAAC;IAC9DC,YAAY,EAAEA,CAAA,KAAMrB,aAAa,CAACqB,YAAY,CAAC,CAAC;IAChDC,aAAa,EAAEA,CAAA,KACbzB,WAAW,CAACc,OAAO,CAAC,SAAS,EAAE;MAAEC,GAAG,EAAE,SAAS;MAAEC,OAAO,EAAE;IAAG,CAAC,CAAC;IAEjE;AACJ;AACA;IACIU,SAAS,EAAEA,CAAA,KAAMjC,IAAI,CAACkC,CAAC,iBAAAC,MAAA,CAAgB9B,oBAAS,CAAC+B,gBAAgB,YAAQ;EAC3E,CAAC;EACD;EACA,OAAO;IACL;AACJ;AACA;IACI7B,WAAW;IACX;AACJ;AACA;IACIL,cAAc;IACd;AACJ;AACA;AACA;IACIY,MAAM,EAAED,MAAM,CAACC,MAAM;IACrB;AACJ;AACA;IACID;EACF,CAAC;AACH,CAAC;AAACwB,OAAA,CAAAtC,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/Divider/Divider.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_Divider";
+var _namespace_ = "wds_1_163_0_Divider";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_Divider__root"};
+module.exports.classes = {"root":"wds_1_163_0_Divider__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_161_0_IntroductionExample";
+var _namespace_ = "wds_1_163_0_IntroductionExample";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_IntroductionExample__root"};
+module.exports.classes = {"root":"wds_1_163_0_IntroductionExample__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};