@wix/design-system 1.0.0

package/dist/cjs/Calendar/README.DESIGN-SPEC.md

@@ -0,0 +1,40 @@
+# Calendar Spec
+
+| propName | propType | defaultValue | isRequired | description |
+|----------|----------|--------------|------------|-------------|
+| value | Date \| `{from: Date, to: Date}` | | | Day / Range that should appear as selected. Range object may contain `from` only, `to` only, or both. (But not an empty objecty)|
+| onChange | func | | Yes | Called when selectedDays changes by user interaction. When `selectionMode=day`, the function receives a Date object. When `selectionMode=range`, the function receives an Range object of the form `{from: Date, to: Date}`.|
+| selectionMode | 'day' \| 'range' | 'day' |  | Affects the click behavior and how it selects a day or a range |
+
+## Value Change Behavior
+
+When value (day | range) changes (componentWillReceiveProps) then we need to decide how to change the current month, in order to have the new day|range visible.
+
+The behavior is defined as such:
+
+- Apply the minimal month offset, so that as much of the day|range will be visible.
+
+## Selection
+
+There are the following modes:
+- `day` (single day) - a single click selects a day
+
+- `range` (single range)
+
+| `from` | `to` | click |
+|------|----|-------|
+| -    |  - |  Sets `from` date |
+| exists   |  - |  Uses the `from` as anchor, and selects {from: anchor, to: clickedDate} or {from: clickedDate, to: anchor}, so that `from` would be before (or equal to) `to`|
+| -   |  exists |  Uses the `to` as anchor, and selects {from: anchor, to: clickedDate} or {from: clickedDate, to: anchor}, so that `from` would be before (or equal to) `to`|
+| exists    |  exists |  resets the range and sets the `from` date | 
+
+## Selection Range Preview - Hover (Styling)
+| `from` | `to` | hover |
+|------|----|-------|
+| -    |  - |  Shows a day hover style |
+| exists   |  - |  Shows a range hover style, as if the hover-day is the `to` date. If the hover is before `from` date, then it would show styles as if `from` is the `to` date, and the hover-date is the `from` date. |
+| -  |  exists |  Shows a range hover style, as if the hover-day is the `from` date. If the hover is after `to` date, then it would show styles as if `to` is the `from` date, and the hover-date is the `to` date. |
+| exists    |  exists |  Shows a range hover style |
+
+### Keyboard Navigation
+Same preview logic applies to focus-day, when navigating through days via keyboard.

package/dist/cjs/Calendar/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var dataHooks = {
+  baseCalendar: 'baseCalendarHook'
+};
+exports.dataHooks = dataHooks;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/Calendar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dataHooks","baseCalendar"],"sources":["../../../src/Calendar/constants.ts"],"sourcesContent":["export const dataHooks = {\n  baseCalendar: 'baseCalendarHook',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,YAAY,EAAE;AAChB,CAAC;AAAC"}

package/dist/cjs/Calendar/index.d.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("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; }
+class Calendar extends React.PureComponent {}
+exports.default = Calendar;
+Calendar.areValuesEqual = void 0;
+Calendar.renderDay = void 0;
+Calendar.optionalParse = void 0;
+Calendar.parseValue = void 0;
+Calendar.isSingleDay = void 0;
+Calendar.isRangeValue = void 0;
+Calendar.getUpdatedMonth = void 0;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/Calendar/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Calendar","React","PureComponent","areValuesEqual","renderDay","optionalParse","parseValue","isSingleDay","isRangeValue","getUpdatedMonth"],"sources":["../../../src/Calendar/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { SupportedWixLocales } from 'wix-design-systems-locale-utils';\n\nexport interface dateIndicationProps {\n  date: Date;\n  isSelected: boolean;\n}\n\nexport type LanguageType = SupportedWixLocales;\n\nexport interface CalendarProps {\n  dataHook?: string;\n  autoFocus?: boolean;\n  numOfMonths?: 1 | 2;\n  className?: string;\n  onChange: Function;\n  onMonthChange?: (monthStart: Date) => void;\n  onClose?: Function;\n  excludePastDates?: boolean;\n  filterDate?: Function;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  value?:\n    | Date\n    | {\n        from?: string | Date;\n        to?: string | Date;\n      };\n  selectionMode?: 'day' | 'range';\n  showYearDropdown?: boolean;\n  showMonthDropdown?: boolean;\n  shouldCloseOnSelect?: boolean;\n  locale?: SupportedWixLocales;\n  firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  rtl?: boolean;\n  dateIndication?: React.FC<dateIndicationProps>;\n  today?: Date;\n  leftArrowAriaLabel?: string;\n  leftArrowAriaLabelledBy?: string;\n  rightArrowAriaLabel?: string;\n  rightArrowAriaLabelledBy?: string;\n  monthDropdownAriaLabel?: string;\n  monthDropdownAriaLabelledBy?: string;\n  yearDropdownAriaLabel?: string;\n  yearDropdownAriaLabelledBy?: string;\n  size?: 'small' | 'medium';\n}\n\nexport default class Calendar extends React.PureComponent<CalendarProps> {\n  static areValuesEqual: (value1?: {}, value2?: {}) => boolean;\n  static renderDay: (day: any, modifiers: any) => void;\n  static optionalParse: (dateOrString: Date | string) => void;\n  static parseValue: (value: any) => any;\n  static isSingleDay: (value: any) => Date;\n  static isRangeValue: (value: any) => boolean;\n  static getUpdatedMonth: (\n    nextPropsValue: any,\n    numOfMonths: number,\n    currentMonthDate: any,\n  ) => any;\n}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AA+ChB,MAAMA,QAAQ,SAASC,KAAK,CAACC,aAAa,CAAgB;AAYxE;AAZoBF,QAAQ,CACpBG,cAAc;AADFH,QAAQ,CAEpBI,SAAS;AAFGJ,QAAQ,CAGpBK,aAAa;AAHDL,QAAQ,CAIpBM,UAAU;AAJEN,QAAQ,CAKpBO,WAAW;AALCP,QAAQ,CAMpBQ,YAAY;AANAR,QAAQ,CAOpBS,eAAe"}

package/dist/cjs/Calendar/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _exportNames = {};
+exports.default = void 0;
+var _Calendar = _interopRequireDefault(require("./Calendar"));
+exports.default = _Calendar.default;
+var _BaseCalendar = require("./BaseCalendar/BaseCalendar");
+Object.keys(_BaseCalendar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BaseCalendar[key]) return;
+  exports[key] = _BaseCalendar[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Calendar/index.js"],"sourcesContent":["export { default } from './Calendar';\nexport * from './BaseCalendar/BaseCalendar';\n"],"mappings":";;;;;;AAAA;AAAqC;AACrC;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/Calendar/utils.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CalendarView = void 0;
+var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
+var _startOfMonth = _interopRequireDefault(require("date-fns/startOfMonth"));
+var _endOfMonth = _interopRequireDefault(require("date-fns/endOfMonth"));
+var _endOfDay = _interopRequireDefault(require("date-fns/endOfDay"));
+var _isWithinInterval = _interopRequireDefault(require("date-fns/isWithinInterval"));
+var _isAfter = _interopRequireDefault(require("date-fns/isAfter"));
+var _isBefore = _interopRequireDefault(require("date-fns/isBefore"));
+var _differenceInCalendarDays = _interopRequireDefault(require("date-fns/differenceInCalendarDays"));
+/**
+ * Date utils for a multi-month calendar view.
+ */
+class CalendarView {
+  /**
+   * @param {*} firstMonthDate a date that represents the first displayed month in the calendar view. (Does not have to be the 1st of that month)
+   * @param {*} numOfMonths number of months that are displayed in the view
+   */
+  constructor(firstMonthDate, numOfMonths) {
+    this.startDate = (0, _startOfMonth.default)(firstMonthDate);
+    this.endDate = (0, _endOfDay.default)((0, _endOfMonth.default)((0, _addMonths.default)(this.startDate, numOfMonths - 1)));
+  }
+
+  /**
+   * Is the given date contained in the calendar view
+   *
+   * @param {*} date
+   * @returns
+   * @memberof CalendarView
+   */
+  isContained(date) {
+    return (0, _isWithinInterval.default)(date, {
+      start: this.startDate,
+      end: this.endDate
+    });
+  }
+  isRangeFits(from, to) {
+    return (0, _differenceInCalendarDays.default)(to, from) <= (0, _differenceInCalendarDays.default)(this.endDate, this.startDate);
+  }
+
+  /**
+   * Is the given date after the view's end date
+   */
+  isAfterView(date) {
+    return (0, _isAfter.default)(date, this.endDate);
+  }
+
+  /**
+   * Is the given date before the view's start date
+   */
+  isBeforeView(date) {
+    return (0, _isBefore.default)(date, this.startDate);
+  }
+}
+exports.CalendarView = CalendarView;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/Calendar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CalendarView","constructor","firstMonthDate","numOfMonths","startDate","startOfMonth","endDate","endOfDay","endOfMonth","addMonths","isContained","date","isWithinInterval","start","end","isRangeFits","from","to","differenceInCalendarDays","isAfterView","isAfter","isBeforeView","isBefore"],"sources":["../../../src/Calendar/utils.js"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfMonth from 'date-fns/endOfMonth';\nimport endOfDay from 'date-fns/endOfDay';\nimport isWithinInterval from 'date-fns/isWithinInterval';\nimport isAfter from 'date-fns/isAfter';\nimport isBefore from 'date-fns/isBefore';\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays';\n\n/**\n * Date utils for a multi-month calendar view.\n */\nexport class CalendarView {\n  /**\n   * @param {*} firstMonthDate a date that represents the first displayed month in the calendar view. (Does not have to be the 1st of that month)\n   * @param {*} numOfMonths number of months that are displayed in the view\n   */\n  constructor(firstMonthDate, numOfMonths) {\n    this.startDate = startOfMonth(firstMonthDate);\n    this.endDate = endOfDay(\n      endOfMonth(addMonths(this.startDate, numOfMonths - 1)),\n    );\n  }\n\n  /**\n   * Is the given date contained in the calendar view\n   *\n   * @param {*} date\n   * @returns\n   * @memberof CalendarView\n   */\n  isContained(date) {\n    return isWithinInterval(date, { start: this.startDate, end: this.endDate });\n  }\n\n  isRangeFits(from, to) {\n    return (\n      differenceInCalendarDays(to, from) <=\n      differenceInCalendarDays(this.endDate, this.startDate)\n    );\n  }\n\n  /**\n   * Is the given date after the view's end date\n   */\n  isAfterView(date) {\n    return isAfter(date, this.endDate);\n  }\n\n  /**\n   * Is the given date before the view's start date\n   */\n  isBeforeView(date) {\n    return isBefore(date, this.startDate);\n  }\n}\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACO,MAAMA,YAAY,CAAC;EACxB;AACF;AACA;AACA;EACEC,WAAW,CAACC,cAAc,EAAEC,WAAW,EAAE;IACvC,IAAI,CAACC,SAAS,GAAG,IAAAC,qBAAY,EAACH,cAAc,CAAC;IAC7C,IAAI,CAACI,OAAO,GAAG,IAAAC,iBAAQ,EACrB,IAAAC,mBAAU,EAAC,IAAAC,kBAAS,EAAC,IAAI,CAACL,SAAS,EAAED,WAAW,GAAG,CAAC,CAAC,CAAC,CACvD;EACH;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACEO,WAAW,CAACC,IAAI,EAAE;IAChB,OAAO,IAAAC,yBAAgB,EAACD,IAAI,EAAE;MAAEE,KAAK,EAAE,IAAI,CAACT,SAAS;MAAEU,GAAG,EAAE,IAAI,CAACR;IAAQ,CAAC,CAAC;EAC7E;EAEAS,WAAW,CAACC,IAAI,EAAEC,EAAE,EAAE;IACpB,OACE,IAAAC,iCAAwB,EAACD,EAAE,EAAED,IAAI,CAAC,IAClC,IAAAE,iCAAwB,EAAC,IAAI,CAACZ,OAAO,EAAE,IAAI,CAACF,SAAS,CAAC;EAE1D;;EAEA;AACF;AACA;EACEe,WAAW,CAACR,IAAI,EAAE;IAChB,OAAO,IAAAS,gBAAO,EAACT,IAAI,EAAE,IAAI,CAACL,OAAO,CAAC;EACpC;;EAEA;AACF;AACA;EACEe,YAAY,CAACV,IAAI,EAAE;IACjB,OAAO,IAAAW,iBAAQ,EAACX,IAAI,EAAE,IAAI,CAACP,SAAS,CAAC;EACvC;AACF;AAAC"}

package/dist/cjs/CalendarPanel/CalendarPanel.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=CalendarPanel.driver.d.js.map

package/dist/cjs/CalendarPanel/CalendarPanel.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/CalendarPanel/CalendarPanel.driver.d.ts"],"sourcesContent":["import { BaseDriver } from 'wix-ui-test-utils/driver-factory';\nimport { DropdownLayoutDriver } from '../DropdownLayout/DropdownLayout.driver';\nimport { CalendarDriver } from '../Calendar/Calendar.driver';\n\nexport interface CalendarPanelDriver extends BaseDriver {\n  exists: () => boolean;\n  calendarDriver: () => CalendarDriver;\n  presetsDropdownLayoutDriver: () => DropdownLayoutDriver;\n  isDropdownExists: () => boolean;\n}\n"],"mappings":""}

package/dist/cjs/CalendarPanel/CalendarPanel.driver.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Calendar = _interopRequireDefault(require("../Calendar/Calendar.driver"));
+var _DropdownLayout = _interopRequireDefault(require("../DropdownLayout/DropdownLayout.driver"));
+var calendarPanelDriverFactory = _ref => {
+  var {
+    element
+  } = _ref;
+  var dropdownLayoutElement = () => element.querySelector('[data-hook=dropdown-layout]');
+  var calendarElement = () => element.querySelector('[data-hook=calendar]');
+  var getCalendarDriver = () => (0, _Calendar.default)({
+    element: calendarElement()
+  });
+  var dropdownLayoutDriver = () => (0, _DropdownLayout.default)({
+    element: dropdownLayoutElement()
+  });
+  var driver = {
+    exists: () => !!element,
+    calendarDriver: () => getCalendarDriver(),
+    presetsDropdownLayoutDriver: () => dropdownLayoutDriver(),
+    isDropdownExists: () => Boolean(dropdownLayoutElement())
+  };
+  return driver;
+};
+var _default = calendarPanelDriverFactory;
+exports.default = _default;
+//# sourceMappingURL=CalendarPanel.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["calendarPanelDriverFactory","element","dropdownLayoutElement","querySelector","calendarElement","getCalendarDriver","calendarDriverFactory","dropdownLayoutDriver","dropdownLayoutDriverFactory","driver","exists","calendarDriver","presetsDropdownLayoutDriver","isDropdownExists","Boolean"],"sources":["../../../src/CalendarPanel/CalendarPanel.driver.js"],"sourcesContent":["import calendarDriverFactory from '../Calendar/Calendar.driver';\nimport dropdownLayoutDriverFactory from '../DropdownLayout/DropdownLayout.driver';\n\nconst calendarPanelDriverFactory = ({ element }) => {\n  const dropdownLayoutElement = () =>\n    element.querySelector('[data-hook=dropdown-layout]');\n  const calendarElement = () => element.querySelector('[data-hook=calendar]');\n  const getCalendarDriver = () =>\n    calendarDriverFactory({ element: calendarElement() });\n  const dropdownLayoutDriver = () =>\n    dropdownLayoutDriverFactory({ element: dropdownLayoutElement() });\n\n  const driver = {\n    exists: () => !!element,\n    calendarDriver: () => getCalendarDriver(),\n    presetsDropdownLayoutDriver: () => dropdownLayoutDriver(),\n    isDropdownExists: () => Boolean(dropdownLayoutElement()),\n  };\n\n  return driver;\n};\n\nexport default calendarPanelDriverFactory;\n"],"mappings":";;;;;AAAA;AACA;AAEA,IAAMA,0BAA0B,GAAG,QAAiB;EAAA,IAAhB;IAAEC;EAAQ,CAAC;EAC7C,IAAMC,qBAAqB,GAAG,MAC5BD,OAAO,CAACE,aAAa,CAAC,6BAA6B,CAAC;EACtD,IAAMC,eAAe,GAAG,MAAMH,OAAO,CAACE,aAAa,CAAC,sBAAsB,CAAC;EAC3E,IAAME,iBAAiB,GAAG,MACxB,IAAAC,iBAAqB,EAAC;IAAEL,OAAO,EAAEG,eAAe;EAAG,CAAC,CAAC;EACvD,IAAMG,oBAAoB,GAAG,MAC3B,IAAAC,uBAA2B,EAAC;IAAEP,OAAO,EAAEC,qBAAqB;EAAG,CAAC,CAAC;EAEnE,IAAMO,MAAM,GAAG;IACbC,MAAM,EAAE,MAAM,CAAC,CAACT,OAAO;IACvBU,cAAc,EAAE,MAAMN,iBAAiB,EAAE;IACzCO,2BAA2B,EAAE,MAAML,oBAAoB,EAAE;IACzDM,gBAAgB,EAAE,MAAMC,OAAO,CAACZ,qBAAqB,EAAE;EACzD,CAAC;EAED,OAAOO,MAAM;AACf,CAAC;AAAC,eAEaT,0BAA0B;AAAA"}

package/dist/cjs/CalendarPanel/CalendarPanel.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _CalendarPanelSt = require("./CalendarPanel.st.css.js");
+var _DropdownLayout = _interopRequireDefault(require("../DropdownLayout"));
+var _Calendar = _interopRequireDefault(require("../Calendar"));
+var _DropdownLayout2 = require("../DropdownLayout/DropdownLayout");
+var _wixDesignSystemsLocaleUtils = require("wix-design-systems-locale-utils");
+var _excluded = ["dataHook", "presets", "footer"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/CalendarPanel/CalendarPanel.js";
+class CalendarPanel extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    this.onSelectPreset = preset => {
+      var {
+        onChange
+      } = this.props;
+      onChange(preset.selectedDays);
+    };
+  }
+  getSelectedPresetId() {
+    var {
+      presets = [],
+      value
+    } = this.props;
+    var selectedPreset = presets.find(preset => _Calendar.default.areValuesEqual(preset.selectedDays, value));
+    return selectedPreset ? selectedPreset.id : -1;
+  }
+  isSubmitDisabled() {
+    var {
+      selectionMode,
+      value
+    } = this.props;
+    if (selectionMode === 'range') {
+      return !Boolean(value) || !Boolean(value.from) || !Boolean(value.to);
+    }
+    return !Boolean(value);
+  }
+  render() {
+    var _this$props = this.props,
+      {
+        dataHook,
+        presets,
+        footer
+      } = _this$props,
+      calendarProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _CalendarPanelSt.classes.root,
+      "data-hook": dataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 146,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: _CalendarPanelSt.classes.calendarWithPresets,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 147,
+        columnNumber: 9
+      }
+    }, Boolean(presets && presets.length) && /*#__PURE__*/_react.default.createElement("div", {
+      className: _CalendarPanelSt.classes.presets,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 149,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_DropdownLayout.default, {
+      visible: true,
+      inContainer: true,
+      onSelect: this.onSelectPreset,
+      dataHook: "dropdown-layout",
+      options: presets,
+      maxHeightPixels: 342,
+      selectedId: this.getSelectedPresetId(),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 150,
+        columnNumber: 15
+      }
+    })), /*#__PURE__*/_react.default.createElement(_Calendar.default, (0, _extends2.default)({}, calendarProps, {
+      dataHook: "calendar",
+      className: _CalendarPanelSt.classes.calendar,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 161,
+        columnNumber: 11
+      }
+    }))), footer && /*#__PURE__*/_react.default.createElement("div", {
+      className: _CalendarPanelSt.classes.footer,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 168,
+        columnNumber: 11
+      }
+    }, footer({
+      selectedDays: calendarProps.value,
+      submitDisabled: this.isSubmitDisabled()
+    })));
+  }
+}
+CalendarPanel.displayName = 'CalendarPanel';
+CalendarPanel.propTypes = {
+  /** Applies a data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** Specifies a CSS class name to be appended to the component’s root element */
+  className: _propTypes.default.string,
+  /** Defines a callback function  which is called whenever the user selects a day or a date range in the calendar */
+  onChange: _propTypes.default.func.isRequired,
+  /** Defines a callback function which is called whenever user press `escape` or click outside of the element */
+  onClose: _propTypes.default.func,
+  /** Specifies whether past dates should be selectable or not */
+  excludePastDates: _propTypes.default.bool,
+  /** Specifies dates that are selectable. Only the dates that match defined criteria will be available for a user to select. */
+  filterDate: _propTypes.default.func,
+  /** Defines a selected date or date range */
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(Date), _propTypes.default.shape({
+    from: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(Date)]),
+    to: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(Date)])
+  })]),
+  /** Specifies if user can select a single day or a date range */
+  selectionMode: _propTypes.default.oneOf(['day', 'range']),
+  /** Specifies whether to display a year selection dropdown inside of a calendar */
+  showYearDropdown: _propTypes.default.bool,
+  /** Specifies whether to display a month selection dropdown inside of a calendar */
+  showMonthDropdown: _propTypes.default.bool,
+  /** Specifies whether calendar should close on a day selection */
+  shouldCloseOnSelect: _propTypes.default.bool,
+  /** Specifies date picker instance locale */
+  locale: _propTypes.default.oneOfType([_propTypes.default.oneOf(_wixDesignSystemsLocaleUtils.supportedWixlocales), _propTypes.default.shape({
+    code: _propTypes.default.string,
+    formatDistance: _propTypes.default.func,
+    formatRelative: _propTypes.default.func,
+    localize: _propTypes.default.object,
+    formatLong: _propTypes.default.object,
+    match: _propTypes.default.object,
+    options: _propTypes.default.object
+  })]),
+  /** Defines a number of months to display inside of a panel */
+  numOfMonths: _propTypes.default.number,
+  /** Defines an array of predefined calendar presets that are displayed as select items on the left side of a panel */
+  presets: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+    id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+    value: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string, _propTypes.default.func]).isRequired,
+    disabled: _propTypes.default.bool,
+    overrideStyle: _propTypes.default.bool,
+    selectedDays: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(Date), _propTypes.default.shape({
+      from: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(Date)]).isRequired,
+      to: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(Date)]).isRequired
+    })]).isRequired
+  }),
+  // A divider option without an id
+  _propTypes.default.shape({
+    value: _propTypes.default.oneOf([_DropdownLayout2.DIVIDER_OPTION_VALUE])
+  })]), _propTypes.default.shape({
+    selectedDays: _propTypes.default.object,
+    id: _propTypes.default.oneOf([_propTypes.default.string, _propTypes.default.number])
+  })),
+  /** Renders a panel footer. Pass `<CalendarPanelFooter/>` in all common cases. `({selectedDays, submitDisabled}) => void` - `selectedDays` is the same as the CalendarPanel's `value` prop. `submitDisabled` is true when the current selectedDays is not valida for submission. */
+  footer: _propTypes.default.func
+};
+CalendarPanel.defaultProps = {
+  numOfMonths: 2
+};
+var _default = CalendarPanel;
+exports.default = _default;
+//# sourceMappingURL=CalendarPanel.js.map

package/dist/cjs/CalendarPanel/CalendarPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CalendarPanel","React","Component","onSelectPreset","preset","onChange","props","selectedDays","getSelectedPresetId","presets","value","selectedPreset","find","Calendar","areValuesEqual","id","isSubmitDisabled","selectionMode","Boolean","from","to","render","dataHook","footer","calendarProps","classes","root","calendarWithPresets","length","calendar","submitDisabled","displayName","propTypes","PropTypes","string","className","func","isRequired","onClose","excludePastDates","bool","filterDate","oneOfType","instanceOf","Date","shape","oneOf","showYearDropdown","showMonthDropdown","shouldCloseOnSelect","locale","supportedWixlocales","code","formatDistance","formatRelative","localize","object","formatLong","match","options","numOfMonths","number","arrayOf","node","disabled","overrideStyle","DIVIDER_OPTION_VALUE","defaultProps"],"sources":["../../../src/CalendarPanel/CalendarPanel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { classes } from './CalendarPanel.st.css';\nimport DropdownLayout from '../DropdownLayout';\nimport Calendar from '../Calendar';\nimport { DIVIDER_OPTION_VALUE } from '../DropdownLayout/DropdownLayout';\nimport { supportedWixlocales } from 'wix-design-systems-locale-utils';\n\nclass CalendarPanel extends React.Component {\n  static displayName = 'CalendarPanel';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n\n    /** Specifies a CSS class name to be appended to the component’s root element */\n    className: PropTypes.string,\n\n    /** Defines a callback function  which is called whenever the user selects a day or a date range in the calendar */\n    onChange: PropTypes.func.isRequired,\n\n    /** Defines a callback function which is called whenever user press `escape` or click outside of the element */\n    onClose: PropTypes.func,\n\n    /** Specifies whether past dates should be selectable or not */\n    excludePastDates: PropTypes.bool,\n\n    /** Specifies dates that are selectable. Only the dates that match defined criteria will be available for a user to select. */\n    filterDate: PropTypes.func,\n\n    /** Defines a selected date or date range */\n    value: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.instanceOf(Date),\n      PropTypes.shape({\n        from: PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.instanceOf(Date),\n        ]),\n        to: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]),\n      }),\n    ]),\n\n    /** Specifies if user can select a single day or a date range */\n    selectionMode: PropTypes.oneOf(['day', 'range']),\n\n    /** Specifies whether to display a year selection dropdown inside of a calendar */\n    showYearDropdown: PropTypes.bool,\n\n    /** Specifies whether to display a month selection dropdown inside of a calendar */\n    showMonthDropdown: PropTypes.bool,\n\n    /** Specifies whether calendar should close on a day selection */\n    shouldCloseOnSelect: PropTypes.bool,\n\n    /** Specifies date picker instance locale */\n    locale: PropTypes.oneOfType([\n      PropTypes.oneOf(supportedWixlocales),\n      PropTypes.shape({\n        code: PropTypes.string,\n        formatDistance: PropTypes.func,\n        formatRelative: PropTypes.func,\n        localize: PropTypes.object,\n        formatLong: PropTypes.object,\n        match: PropTypes.object,\n        options: PropTypes.object,\n      }),\n    ]),\n\n    /** Defines a number of months to display inside of a panel */\n    numOfMonths: PropTypes.number,\n\n    /** Defines an array of predefined calendar presets that are displayed as select items on the left side of a panel */\n    presets: PropTypes.arrayOf(\n      PropTypes.oneOfType([\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n            .isRequired,\n          value: PropTypes.oneOfType([\n            PropTypes.node,\n            PropTypes.string,\n            PropTypes.func,\n          ]).isRequired,\n          disabled: PropTypes.bool,\n          overrideStyle: PropTypes.bool,\n          selectedDays: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.instanceOf(Date),\n            PropTypes.shape({\n              from: PropTypes.oneOfType([\n                PropTypes.string,\n                PropTypes.instanceOf(Date),\n              ]).isRequired,\n              to: PropTypes.oneOfType([\n                PropTypes.string,\n                PropTypes.instanceOf(Date),\n              ]).isRequired,\n            }),\n          ]).isRequired,\n        }),\n\n        // A divider option without an id\n        PropTypes.shape({\n          value: PropTypes.oneOf([DIVIDER_OPTION_VALUE]),\n        }),\n      ]),\n\n      PropTypes.shape({\n        selectedDays: PropTypes.object,\n        id: PropTypes.oneOf([PropTypes.string, PropTypes.number]),\n      }),\n    ),\n\n    /** Renders a panel footer. Pass `<CalendarPanelFooter/>` in all common cases. `({selectedDays, submitDisabled}) => void` - `selectedDays` is the same as the CalendarPanel's `value` prop. `submitDisabled` is true when the current selectedDays is not valida for submission. */\n    footer: PropTypes.func,\n  };\n\n  static defaultProps = {\n    numOfMonths: 2,\n  };\n  onSelectPreset = preset => {\n    const { onChange } = this.props;\n    onChange(preset.selectedDays);\n  };\n\n  getSelectedPresetId() {\n    const { presets = [], value } = this.props;\n    const selectedPreset = presets.find(preset =>\n      Calendar.areValuesEqual(preset.selectedDays, value),\n    );\n    return selectedPreset ? selectedPreset.id : -1;\n  }\n\n  isSubmitDisabled() {\n    const { selectionMode, value } = this.props;\n    if (selectionMode === 'range') {\n      return !Boolean(value) || !Boolean(value.from) || !Boolean(value.to);\n    }\n    return !Boolean(value);\n  }\n\n  render() {\n    const { dataHook, presets, footer, ...calendarProps } = this.props;\n\n    return (\n      <div className={classes.root} data-hook={dataHook}>\n        <div className={classes.calendarWithPresets}>\n          {Boolean(presets && presets.length) && (\n            <div className={classes.presets}>\n              <DropdownLayout\n                visible\n                inContainer\n                onSelect={this.onSelectPreset}\n                dataHook=\"dropdown-layout\"\n                options={presets}\n                maxHeightPixels={342}\n                selectedId={this.getSelectedPresetId()}\n              />\n            </div>\n          )}\n          <Calendar\n            {...calendarProps}\n            dataHook=\"calendar\"\n            className={classes.calendar}\n          />\n        </div>\n        {footer && (\n          <div className={classes.footer}>\n            {footer({\n              selectedDays: calendarProps.value,\n              submitDisabled: this.isSubmitDisabled(),\n            })}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default CalendarPanel;\n"],"mappings":"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"}

package/dist/cjs/CalendarPanel/CalendarPanel.meta.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  onChange: () => {}
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=CalendarPanel.meta.js.map

package/dist/cjs/CalendarPanel/CalendarPanel.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","onChange","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/CalendarPanel/CalendarPanel.meta.tsx"],"sourcesContent":["import { CalendarPanelProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: CalendarPanelProps = {\n  onChange: () => {},\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as CalendarPanelProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAiC,GAAG;EAC/CC,QAAQ,EAAE,MAAM,CAAC;AACnB,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAJ,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMK,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/CalendarPanel/CalendarPanel.st.css

@@ -0,0 +1,31 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D60, D80;
+}
+
+.root {
+  background-color: value(D80);
+  border-radius: 8px;
+  max-width: 775px;
+  display: inline-block;
+}
+
+.calendarWithPresets {
+  display: flex;
+}
+
+.presets {
+  width: 174px;
+  height: 342px;
+  box-sizing: border-box;
+  padding-top: 18px;
+  border-right: value(D60) 1px solid;
+}
+
+.calendar *:focus {
+  outline: none !important;
+}
+
+.footer {
+  border-top: value(D60) 1px solid;
+}

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

@@ -0,0 +1,24 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_CalendarPanel";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_CalendarPanel__root","calendarWithPresets":"wds_1_0_0_CalendarPanel__calendarWithPresets","presets":"wds_1_0_0_CalendarPanel__presets","calendar":"wds_1_0_0_CalendarPanel__calendar","footer":"wds_1_0_0_CalendarPanel__footer"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/CalendarPanel/CalendarPanel.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=CalendarPanel.uni.driver.d.js.map

package/dist/cjs/CalendarPanel/CalendarPanel.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/CalendarPanel/CalendarPanel.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/base-driver';\nimport { DropdownLayoutUniDriver } from '../DropdownLayout/DropdownLayout.uni.driver';\nimport { CalendarUniDriver } from '../Calendar/Calendar.uni.driver';\n\nexport interface CalendarPanelUniDriver extends BaseUniDriver {\n  calendarDriver: () => Promise<CalendarUniDriver>;\n  presetsDropdownLayoutDriver: () => DropdownLayoutUniDriver;\n  isDropdownExists: () => Promise<boolean>;\n}\n"],"mappings":""}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.calendarPanelUniDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _baseDriver = require("wix-ui-test-utils/base-driver");
+var _CalendarUni = require("../Calendar/Calendar.uni.driver");
+var _DropdownLayoutUni = require("../DropdownLayout/DropdownLayout.uni.driver");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var calendarPanelUniDriverFactory = base => {
+  var calendarElement = () => base.$('[data-hook=calendar]');
+  var getCalendarDriver = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)(function* () {
+      return (0, _CalendarUni.calendarUniDriverFactory)(calendarElement());
+    });
+    return function getCalendarDriver() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var dropdownLayoutElement = () => base.$('[data-hook=dropdown-layout]');
+  var dropdownLayoutDriver = () => (0, _DropdownLayoutUni.dropdownLayoutDriverFactory)(dropdownLayoutElement());
+  return _objectSpread(_objectSpread({}, (0, _baseDriver.baseUniDriverFactory)(base)), {}, {
+    calendarDriver: function () {
+      var _calendarDriver = (0, _asyncToGenerator2.default)(function* () {
+        return getCalendarDriver();
+      });
+      function calendarDriver() {
+        return _calendarDriver.apply(this, arguments);
+      }
+      return calendarDriver;
+    }(),
+    presetsDropdownLayoutDriver: function () {
+      var _presetsDropdownLayoutDriver = (0, _asyncToGenerator2.default)(function* () {
+        return dropdownLayoutDriver();
+      });
+      function presetsDropdownLayoutDriver() {
+        return _presetsDropdownLayoutDriver.apply(this, arguments);
+      }
+      return presetsDropdownLayoutDriver;
+    }(),
+    isDropdownExists: function () {
+      var _isDropdownExists = (0, _asyncToGenerator2.default)(function* () {
+        return dropdownLayoutElement().exists();
+      });
+      function isDropdownExists() {
+        return _isDropdownExists.apply(this, arguments);
+      }
+      return isDropdownExists;
+    }()
+  });
+};
+exports.calendarPanelUniDriverFactory = calendarPanelUniDriverFactory;
+//# sourceMappingURL=CalendarPanel.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["calendarPanelUniDriverFactory","base","calendarElement","$","getCalendarDriver","calendarUniDriverFactory","dropdownLayoutElement","dropdownLayoutDriver","dropdownLayoutDriverFactory","baseUniDriverFactory","calendarDriver","presetsDropdownLayoutDriver","isDropdownExists","exists"],"sources":["../../../src/CalendarPanel/CalendarPanel.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';\nimport { calendarUniDriverFactory } from '../Calendar/Calendar.uni.driver';\nimport { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';\n\nexport const calendarPanelUniDriverFactory = base => {\n  const calendarElement = () => base.$('[data-hook=calendar]');\n  const getCalendarDriver = async () =>\n    calendarUniDriverFactory(calendarElement());\n  const dropdownLayoutElement = () => base.$('[data-hook=dropdown-layout]');\n  const dropdownLayoutDriver = () =>\n    dropdownLayoutDriverFactory(dropdownLayoutElement());\n\n  return {\n    ...baseUniDriverFactory(base),\n    calendarDriver: async () => getCalendarDriver(),\n    presetsDropdownLayoutDriver: async () => dropdownLayoutDriver(),\n    isDropdownExists: async () => dropdownLayoutElement().exists(),\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAA0F;AAAA;AAEnF,IAAMA,6BAA6B,GAAGC,IAAI,IAAI;EACnD,IAAMC,eAAe,GAAG,MAAMD,IAAI,CAACE,CAAC,CAAC,sBAAsB,CAAC;EAC5D,IAAMC,iBAAiB;IAAA,2CAAG;MAAA,OACxB,IAAAC,qCAAwB,EAACH,eAAe,EAAE,CAAC;IAAA;IAAA,gBADvCE,iBAAiB;MAAA;IAAA;EAAA,GACsB;EAC7C,IAAME,qBAAqB,GAAG,MAAML,IAAI,CAACE,CAAC,CAAC,6BAA6B,CAAC;EACzE,IAAMI,oBAAoB,GAAG,MAC3B,IAAAC,8CAA2B,EAACF,qBAAqB,EAAE,CAAC;EAEtD,uCACK,IAAAG,gCAAoB,EAACR,IAAI,CAAC;IAC7BS,cAAc;MAAA,sDAAE;QAAA,OAAYN,iBAAiB,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAC/CO,2BAA2B;MAAA,mEAAE;QAAA,OAAYJ,oBAAoB,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAC/DK,gBAAgB;MAAA,wDAAE;QAAA,OAAYN,qBAAqB,EAAE,CAACO,MAAM,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAElE,CAAC;AAAC"}