@skbkontur/react-ui 5.1.0-next.0 → 5.1.0-next.1

package/CHANGELOG.md

@@ -3,6 +3,98 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.12](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.11...@skbkontur/react-ui@5.0.12) (2025-03-11)
+
+
+### Bug Fixes
+
+* **Loader,ZIndex:** fix overlap of dropdowns in widgets ([#3612](https://github.com/skbkontur/retail-ui/issues/3612)) ([7990c6d](https://github.com/skbkontur/retail-ui/commit/7990c6d4b661e49e5fec8707f4f06a9655bce25e))
+* **MaskedInput:** rerender after theme change ([#3614](https://github.com/skbkontur/retail-ui/issues/3614)) ([840443f](https://github.com/skbkontur/retail-ui/commit/840443fff46bc6037b92e3da6151312075c25fc7))
+
+
+
+
+
+## [5.0.11](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.10...@skbkontur/react-ui@5.0.11) (2025-03-03)
+
+
+### Bug Fixes
+
+* **Combobox:** use ComboBoxMenuDataTids in Menu ([#3601](https://github.com/skbkontur/retail-ui/issues/3601)) ([ae8afea](https://github.com/skbkontur/retail-ui/commit/ae8afea4684cfbfa7d03c0abe273a0f062943524))
+* **PasswordInput:**  prevent Input root data-tid override ([#3598](https://github.com/skbkontur/retail-ui/issues/3598)) ([61b2e83](https://github.com/skbkontur/retail-ui/commit/61b2e8303acc4446872e73f7a87f177b55a0fc37))
+
+
+
+
+
+## [5.0.10](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.9...@skbkontur/react-ui@5.0.10) (2025-01-30)
+
+
+### Bug Fixes
+
+* **GlobalLoader:** render in StrictMode ([#3582](https://github.com/skbkontur/retail-ui/issues/3582)) ([0d83d91](https://github.com/skbkontur/retail-ui/commit/0d83d91b6dbc02f37a89fcc6ef1fb5a970f179aa))
+
+
+
+
+
+## [5.0.9](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.8...@skbkontur/react-ui@5.0.9) (2025-01-24)
+
+**Note:** Version bump only for package @skbkontur/react-ui
+
+
+
+
+
+## [5.0.8](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.7...@skbkontur/react-ui@5.0.8) (2025-01-17)
+
+
+### Bug Fixes
+
+* show mobile view on all mobile devices ([#3583](https://github.com/skbkontur/retail-ui/issues/3583)) ([9e64e9e](https://github.com/skbkontur/retail-ui/commit/9e64e9ef1e2ef122f123520703a3935841ea70ec))
+
+
+
+
+
+## [5.0.7](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.6...@skbkontur/react-ui@5.0.7) (2025-01-16)
+
+
+### Bug Fixes
+
+* **Input:** crash on focus after page translation ([#3572](https://github.com/skbkontur/retail-ui/issues/3572)) ([0093e57](https://github.com/skbkontur/retail-ui/commit/0093e57a0c0ad63d385068d418801fc7a4e18007))
+* **Link:** issue with same colors for different uses ([#3585](https://github.com/skbkontur/retail-ui/issues/3585)) ([2413253](https://github.com/skbkontur/retail-ui/commit/2413253fdf4ae21985f341c8bad5069741ea3e11))
+
+
+
+
+
+## [5.0.6](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.5...@skbkontur/react-ui@5.0.6) (2024-12-23)
+
+
+### Bug Fixes
+
+* **Calendar, DatePicker:** fix click on disabled dates ([#3564](https://github.com/skbkontur/retail-ui/issues/3564)) ([1b76455](https://github.com/skbkontur/retail-ui/commit/1b764557a99efc6494effc2f206ac525f3c2c1b4))
+* **DateInput:** disallow date fragment selection in disabled state ([#3547](https://github.com/skbkontur/retail-ui/issues/3547)) ([69184a6](https://github.com/skbkontur/retail-ui/commit/69184a61284e21c6cab8e48c857c509e9b9ba06f))
+* **DatePicker:** fix flushSync and onBlur on mobile ([#3556](https://github.com/skbkontur/retail-ui/issues/3556)) ([87b990e](https://github.com/skbkontur/retail-ui/commit/87b990e71ff737b2c27383328cdf72d9e4eeaf48))
+* **HideBodyVerticalScroll:** fix disorderly unmount and resize ([#3565](https://github.com/skbkontur/retail-ui/issues/3565)) ([0c45cf0](https://github.com/skbkontur/retail-ui/commit/0c45cf0d760306e3c04a496dff987194607f4d91))
+* **Loader:** prevent unwanted activation ([#3562](https://github.com/skbkontur/retail-ui/issues/3562)) ([fda0ed4](https://github.com/skbkontur/retail-ui/commit/fda0ed457323f7d2d07f418d196d9aaa2834d7f4))
+
+
+
+
+
+## [5.0.5](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.4...@skbkontur/react-ui@5.0.5) (2024-12-09)
+
+
+### Bug Fixes
+
+* **ComboBox:** fix menuAlign prop ([#3559](https://github.com/skbkontur/retail-ui/issues/3559)) ([d3c8edd](https://github.com/skbkontur/retail-ui/commit/d3c8edd59e26fb65f1c18b68f4a3c44f383b56e4))
+
+
+
+
+
 ## [5.0.4](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.3...@skbkontur/react-ui@5.0.4) (2024-12-04)
 
 

package/cjs/components/Autocomplete/__creevey__/Autocomplete.creevey.mts

@@ -0,0 +1,239 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+const commonTests = () => {
+  test('focus and type text', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElement = context.webdriver.findElement({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElement).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+const mobileHintsTests = () => {
+  test('noInputValue', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'noInputValue');
+  });
+
+  test('nothingWasFound', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .sendKeys('abc')
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'nothingWasFound');
+  });
+
+  test('updateValue', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .sendKeys('one')
+      .perform();
+    await delay(200);
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-comp-name~="MenuItem"]' }))
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'updateValue');
+  });
+};
+
+const sizeTests = () => {
+  test('focus and type text small', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[0]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+
+  test('focus and type text medium', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[1]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+
+  test('focus and type text large', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[2]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+const menuPosTests = () => {
+  test('focus and type text menu top', async (context) => {
+    const screenshotElement = context.webdriver.findElement({ css: '#test-element' });
+    const autocompleteElements = await context.webdriver.findElements({ css: '[data-comp-name~="Autocomplete"]' });
+
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[0]).sendKeys('o').perform();
+    await delay(1000);
+
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+  test('focus and type text menu bottom', async (context) => {
+    const screenshotElement = context.webdriver.findElement({ css: '#test-element' });
+    const autocompleteElements = await context.webdriver.findElements({ css: '[data-comp-name~="Autocomplete"]' });
+
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[1]).sendKeys('o').perform();
+    await delay(1000);
+
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+kind('Autocomplete', () => {
+  story('Simple', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('focused', async (context) => {
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver.actions({ bridge: true }).click(autocompleteElement).perform();
+      await delay(1000);
+      await context.matchImage(await autocompleteElement.takeScreenshot());
+    });
+
+    commonTests();
+  });
+
+  story('WithRenderItem', () => {
+    commonTests();
+  });
+
+  story('WithBigRenderItemWidth', () => {
+    commonTests();
+  });
+
+  story('WithFixedMenuSize', () => {
+    commonTests();
+  });
+
+  story('WithPercentageWidth', () => {
+    commonTests();
+  });
+
+  story('WithFixedWidth', () => {
+    commonTests();
+  });
+
+  story('WithZeroWidth', () => {
+    commonTests();
+  });
+
+  story('MobileHints', () => {
+    mobileHintsTests();
+  });
+
+  story('MobileHintsEN', () => {
+    mobileHintsTests();
+  });
+
+  story('MobileWithTitle', () => {
+    test('opened', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .perform();
+      await delay(200);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'opened');
+    });
+  });
+
+  story('WithManualPosition', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ },
+        flaky: {
+          in: ['firefox2022'],
+          tests: ['opened top with portal', 'opened bottom with portal'],
+        },
+      },
+    });
+
+    test('opened top with portal', async (context) => {
+      const screenshotElement = context.webdriver.findElement({
+        css: '#test-element',
+      });
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver.actions({ bridge: true }).click(autocompleteElement).sendKeys('o').perform();
+      await delay(1000);
+      await context.matchImage(await screenshotElement.takeScreenshot());
+    });
+
+    test('opened bottom with portal', async (context) => {
+      const screenshotElement = context.webdriver.findElement({
+        css: '#test-element',
+      });
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="pos"]' }))
+        .click(autocompleteElement)
+        .sendKeys('o')
+        .perform();
+      await delay(1000);
+      await context.matchImage(await screenshotElement.takeScreenshot());
+    });
+  });
+
+  story('Size', () => {
+    sizeTests();
+  });
+
+  story('WithDisabledPortal', () => {
+    commonTests();
+    menuPosTests();
+  });
+
+  story('MenuPos', () => {
+    menuPosTests();
+  });
+});

package/cjs/components/Button/__creevey__/Button.creevey.mts

@@ -0,0 +1,251 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+const buttonTests = () => {
+  test('idle', async (context) => {
+    await context.matchImage(await context.takeScreenshot(), 'idle');
+  });
+
+  test('hover', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: '[data-tid~="test-button"]' }),
+      })
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'hover');
+  });
+
+  test('pressed', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: '[data-tid~="test-button"]' }),
+      })
+      .press()
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'pressed');
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .release()
+      .perform();
+  });
+
+  test('clicked', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-tid~="test-button"]' }))
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'clicked');
+  });
+
+  test('tabPress', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .pause(500)
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'tabPress');
+  });
+};
+
+kind('Button', () => {
+  story('PlaygroundDefault', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover', 'pressed', 'clicked'],
+        },
+        'focus goes out of page and breaks other tests': { in: /firefox/, tests: 'tabPress' },
+      },
+    });
+
+    buttonTests();
+  });
+
+  story('PlaygroundDisabled', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'focus goes out of page and breaks other tests': {
+          in: /firefox/,
+          tests: 'tabPress',
+        },
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover', 'pressed', 'clicked'],
+        },
+      },
+    });
+
+    buttonTests();
+  });
+
+  story('ButtonAsLinkIconColor', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'focus goes out of page and breaks other tests': {
+          tests: ['pressed', 'clicked', 'tabPress'],
+        },
+        'hover does not work in chrome': {
+          in: /^(?!\b(firefox.*)\b)/,
+          tests: ['hover'],
+        },
+      },
+    });
+
+    buttonTests();
+  });
+
+  story('BtnTextBgHoverActive', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome & only 22 dark theme needed': {
+          in: /^(?!\bfirefox2022Dark?\b)/,
+        },
+      },
+    });
+
+    test('hover', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: '[data-tid~="test-button"]' }),
+        })
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'hover');
+    });
+
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: '[data-tid~="test-button"]' }),
+        })
+        .press()
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .release()
+        .perform();
+    });
+  });
+
+  story('IconAndTextHoverColor', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: /^(?!\bfirefox(2022)?\b)/,
+        },
+      },
+    });
+
+    test('hover', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({
+            css: '[data-tid~="test-button"]',
+          }),
+        })
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'hover');
+    });
+  });
+
+  story('HoverTextColor', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: /^(?!\bfirefox(2022)?\b)/,
+        },
+      },
+    });
+
+    test('hover', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({
+            css: '[data-tid~="test-button"]',
+          }),
+        })
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'hover');
+    });
+  });
+  story('ArrowDisabled', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: true,
+    });
+  });
+  story('UnusedPropValues', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'chrome default and 2022': { in: /^(?!\bchrome(2022)?\b)/ } },
+    });
+  });
+
+  story('BtnBacklessBgHoverActive', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome & only 22 dark theme needed': {
+          in: /^(?!\bfirefox2022Dark?\b)/,
+        },
+      },
+    });
+
+    test('hover', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({
+            css: '[data-tid~="test-button"]',
+          }),
+        })
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'hover');
+    });
+
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: '[data-tid~="test-button"]' }),
+        })
+        .press()
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .release()
+        .perform();
+    });
+  });
+});

package/cjs/components/Calendar/DayCellView.js

@@ -18,25 +18,32 @@ var DayCellView = exports.DayCellView = function DayCellView(props) {var _isHoli
   var _useContext = (0, _react.useContext)(_CalendarContext.CalendarContext),value = _useContext.value,minDate = _useContext.minDate,maxDate = _useContext.maxDate,isHoliday = _useContext.isHoliday,renderDay = _useContext.renderDay,today = _useContext.today,onDateClick = _useContext.onDateClick;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
-  var handleClick = function handleClick() {
-    onDateClick == null || onDateClick(date);
-  };
+  var isDisabled = !CDS.isBetween(date, minDate, maxDate);
 
   var humanDateString = _InternalDateTransformer.InternalDateTransformer.dateToHumanString(date);
 
   var dayProps = {
     isToday: Boolean(today && CDS.isEqual(date, today)),
     isSelected: Boolean(value && CDS.isEqual(date, value)),
-    isDisabled: !CDS.isBetween(date, minDate, maxDate),
+    isDisabled: isDisabled,
     isWeekend: (_isHoliday = isHoliday == null ? void 0 : isHoliday(humanDateString, date.isWeekend)) != null ? _isHoliday : date.isWeekend,
     date: humanDateString
   };
 
   var dayElement = (_renderDay = renderDay == null ? void 0 : renderDay(dayProps)) != null ? _renderDay : /*#__PURE__*/_react.default.createElement(_CalendarDay.CalendarDay, dayProps);
+  var customDayClickHandler = dayElement.props.onClick;
+
+  var dayClickHandler = (0, _react.useCallback)(
+    function (e) {
+      customDayClickHandler == null || customDayClickHandler(e);
+      onDateClick == null || onDateClick(date);
+    },
+    [customDayClickHandler, onDateClick, date]
+  );
 
-  return /*#__PURE__*/(
-    _react.default.createElement("div", { onClick: handleClick, className: _DayCellView.styles.cell(theme) },
-    dayElement
-    ));
+  var dayElementWithClickHandler = /*#__PURE__*/_react.default.cloneElement(dayElement, {
+    onClick: dayClickHandler
+  });
 
+  return /*#__PURE__*/_react.default.createElement("div", { className: _DayCellView.styles.cell(theme) }, dayElementWithClickHandler);
 };

package/cjs/components/Calendar/DayCellView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_InternalDateTransformer","_DayCellView","_CalendarContext","CDS","_CalendarDay","DayCellView","exports","props","_isHoliday","_renderDay","date","_useContext","useContext","CalendarContext","value","minDate","maxDate","isHoliday","renderDay","today","onDateClick","theme","ThemeContext","handleClick","humanDateString","InternalDateTransformer","dateToHumanString","dayProps","isToday","Boolean","isEqual","isSelected","isDisabled","isBetween","isWeekend","dayElement","default","createElement","CalendarDay","onClick","className","styles","cell"],"sources":["DayCellView.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\n\nimport { styles } from './DayCellView.styles';\nimport { CalendarContext } from './CalendarContext';\nimport { DayCellViewModel } from './DayCellViewModel';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDay, CalendarDayProps } from './CalendarDay';\n\nexport interface DayCellViewProps {\n  date: DayCellViewModel;\n}\n\nexport const DayCellView = (props: DayCellViewProps) => {\n  const { date } = props;\n  const { value, minDate, maxDate, isHoliday, renderDay, today, onDateClick } = useContext(CalendarContext);\n  const theme = useContext(ThemeContext);\n\n  const handleClick = () => {\n    onDateClick?.(date);\n  };\n\n  const humanDateString = InternalDateTransformer.dateToHumanString(date);\n\n  const dayProps: CalendarDayProps = {\n    isToday: Boolean(today && CDS.isEqual(date, today)),\n    isSelected: Boolean(value && CDS.isEqual(date, value)),\n    isDisabled: !CDS.isBetween(date, minDate, maxDate),\n    isWeekend: isHoliday?.(humanDateString, date.isWeekend) ?? date.isWeekend,\n    date: humanDateString,\n  };\n\n  const dayElement = renderDay?.(dayProps) ?? <CalendarDay {...dayProps} />;\n\n  return (\n    <div onClick={handleClick} className={styles.cell(theme)}>\n      {dayElement}\n    </div>\n  );\n};\n"],"mappings":"mKAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;;AAEA,IAAAK,GAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAK,KAAAC,UAAA,EAAAC,UAAA;EACtD,IAAQC,IAAI,GAAKH,KAAK,CAAdG,IAAI;EACZ,IAAAC,WAAA,GAA8E,IAAAC,iBAAU,EAACC,gCAAe,CAAC,CAAjGC,KAAK,GAAAH,WAAA,CAALG,KAAK,CAAEC,OAAO,GAAAJ,WAAA,CAAPI,OAAO,CAAEC,OAAO,GAAAL,WAAA,CAAPK,OAAO,CAAEC,SAAS,GAAAN,WAAA,CAATM,SAAS,CAAEC,SAAS,GAAAP,WAAA,CAATO,SAAS,CAAEC,KAAK,GAAAR,WAAA,CAALQ,KAAK,CAAEC,WAAW,GAAAT,WAAA,CAAXS,WAAW;EACzE,IAAMC,KAAK,GAAG,IAAAT,iBAAU,EAACU,0BAAY,CAAC;;EAEtC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBH,WAAW,YAAXA,WAAW,CAAGV,IAAI,CAAC;EACrB,CAAC;;EAED,IAAMc,eAAe,GAAGC,gDAAuB,CAACC,iBAAiB,CAAChB,IAAI,CAAC;;EAEvE,IAAMiB,QAA0B,GAAG;IACjCC,OAAO,EAAEC,OAAO,CAACV,KAAK,IAAIhB,GAAG,CAAC2B,OAAO,CAACpB,IAAI,EAAES,KAAK,CAAC,CAAC;IACnDY,UAAU,EAAEF,OAAO,CAACf,KAAK,IAAIX,GAAG,CAAC2B,OAAO,CAACpB,IAAI,EAAEI,KAAK,CAAC,CAAC;IACtDkB,UAAU,EAAE,CAAC7B,GAAG,CAAC8B,SAAS,CAACvB,IAAI,EAAEK,OAAO,EAAEC,OAAO,CAAC;IAClDkB,SAAS,GAAA1B,UAAA,GAAES,SAAS,oBAATA,SAAS,CAAGO,eAAe,EAAEd,IAAI,CAACwB,SAAS,CAAC,YAAA1B,UAAA,GAAIE,IAAI,CAACwB,SAAS;IACzExB,IAAI,EAAEc;EACR,CAAC;;EAED,IAAMW,UAAU,IAAA1B,UAAA,GAAGS,SAAS,oBAATA,SAAS,CAAGS,QAAQ,CAAC,YAAAlB,UAAA,gBAAIb,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACjC,YAAA,CAAAkC,WAAW,EAAKX,QAAW,CAAC;;EAEzE;IACE/B,MAAA,CAAAwC,OAAA,CAAAC,aAAA,UAAKE,OAAO,EAAEhB,WAAY,EAACiB,SAAS,EAAEC,mBAAM,CAACC,IAAI,CAACrB,KAAK,CAAE;IACtDc;IACE,CAAC;;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_InternalDateTransformer","_DayCellView","_CalendarContext","CDS","_CalendarDay","DayCellView","exports","props","_isHoliday","_renderDay","date","_useContext","useContext","CalendarContext","value","minDate","maxDate","isHoliday","renderDay","today","onDateClick","theme","ThemeContext","isDisabled","isBetween","humanDateString","InternalDateTransformer","dateToHumanString","dayProps","isToday","Boolean","isEqual","isSelected","isWeekend","dayElement","default","createElement","CalendarDay","customDayClickHandler","onClick","dayClickHandler","useCallback","e","dayElementWithClickHandler","React","cloneElement","className","styles","cell"],"sources":["DayCellView.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\n\nimport { styles } from './DayCellView.styles';\nimport { CalendarContext } from './CalendarContext';\nimport { DayCellViewModel } from './DayCellViewModel';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDay, CalendarDayProps } from './CalendarDay';\n\nexport interface DayCellViewProps {\n  date: DayCellViewModel;\n}\n\nexport const DayCellView = (props: DayCellViewProps) => {\n  const { date } = props;\n  const { value, minDate, maxDate, isHoliday, renderDay, today, onDateClick } = useContext(CalendarContext);\n  const theme = useContext(ThemeContext);\n\n  const isDisabled = !CDS.isBetween(date, minDate, maxDate);\n\n  const humanDateString = InternalDateTransformer.dateToHumanString(date);\n\n  const dayProps: CalendarDayProps = {\n    isToday: Boolean(today && CDS.isEqual(date, today)),\n    isSelected: Boolean(value && CDS.isEqual(date, value)),\n    isDisabled,\n    isWeekend: isHoliday?.(humanDateString, date.isWeekend) ?? date.isWeekend,\n    date: humanDateString,\n  };\n\n  const dayElement: ReactElement<CalendarDayProps> = renderDay?.(dayProps) ?? <CalendarDay {...dayProps} />;\n  const customDayClickHandler = dayElement.props.onClick;\n\n  const dayClickHandler = useCallback<NonNullable<typeof customDayClickHandler>>(\n    (e) => {\n      customDayClickHandler?.(e);\n      onDateClick?.(date);\n    },\n    [customDayClickHandler, onDateClick, date],\n  );\n\n  const dayElementWithClickHandler = React.cloneElement<CalendarDayProps>(dayElement, {\n    onClick: dayClickHandler,\n  });\n\n  return <div className={styles.cell(theme)}>{dayElementWithClickHandler}</div>;\n};\n"],"mappings":"mKAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;;AAEA,IAAAK,GAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAK,KAAAC,UAAA,EAAAC,UAAA;EACtD,IAAQC,IAAI,GAAKH,KAAK,CAAdG,IAAI;EACZ,IAAAC,WAAA,GAA8E,IAAAC,iBAAU,EAACC,gCAAe,CAAC,CAAjGC,KAAK,GAAAH,WAAA,CAALG,KAAK,CAAEC,OAAO,GAAAJ,WAAA,CAAPI,OAAO,CAAEC,OAAO,GAAAL,WAAA,CAAPK,OAAO,CAAEC,SAAS,GAAAN,WAAA,CAATM,SAAS,CAAEC,SAAS,GAAAP,WAAA,CAATO,SAAS,CAAEC,KAAK,GAAAR,WAAA,CAALQ,KAAK,CAAEC,WAAW,GAAAT,WAAA,CAAXS,WAAW;EACzE,IAAMC,KAAK,GAAG,IAAAT,iBAAU,EAACU,0BAAY,CAAC;;EAEtC,IAAMC,UAAU,GAAG,CAACpB,GAAG,CAACqB,SAAS,CAACd,IAAI,EAAEK,OAAO,EAAEC,OAAO,CAAC;;EAEzD,IAAMS,eAAe,GAAGC,gDAAuB,CAACC,iBAAiB,CAACjB,IAAI,CAAC;;EAEvE,IAAMkB,QAA0B,GAAG;IACjCC,OAAO,EAAEC,OAAO,CAACX,KAAK,IAAIhB,GAAG,CAAC4B,OAAO,CAACrB,IAAI,EAAES,KAAK,CAAC,CAAC;IACnDa,UAAU,EAAEF,OAAO,CAAChB,KAAK,IAAIX,GAAG,CAAC4B,OAAO,CAACrB,IAAI,EAAEI,KAAK,CAAC,CAAC;IACtDS,UAAU,EAAVA,UAAU;IACVU,SAAS,GAAAzB,UAAA,GAAES,SAAS,oBAATA,SAAS,CAAGQ,eAAe,EAAEf,IAAI,CAACuB,SAAS,CAAC,YAAAzB,UAAA,GAAIE,IAAI,CAACuB,SAAS;IACzEvB,IAAI,EAAEe;EACR,CAAC;;EAED,IAAMS,UAA0C,IAAAzB,UAAA,GAAGS,SAAS,oBAATA,SAAS,CAAGU,QAAQ,CAAC,YAAAnB,UAAA,gBAAIb,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAAChC,YAAA,CAAAiC,WAAW,EAAKT,QAAW,CAAC;EACzG,IAAMU,qBAAqB,GAAGJ,UAAU,CAAC3B,KAAK,CAACgC,OAAO;;EAEtD,IAAMC,eAAe,GAAG,IAAAC,kBAAW;IACjC,UAACC,CAAC,EAAK;MACLJ,qBAAqB,YAArBA,qBAAqB,CAAGI,CAAC,CAAC;MAC1BtB,WAAW,YAAXA,WAAW,CAAGV,IAAI,CAAC;IACrB,CAAC;IACD,CAAC4B,qBAAqB,EAAElB,WAAW,EAAEV,IAAI;EAC3C,CAAC;;EAED,IAAMiC,0BAA0B,gBAAGC,cAAK,CAACC,YAAY,CAAmBX,UAAU,EAAE;IAClFK,OAAO,EAAEC;EACX,CAAC,CAAC;;EAEF,oBAAO5C,MAAA,CAAAuC,OAAA,CAAAC,aAAA,UAAKU,SAAS,EAAEC,mBAAM,CAACC,IAAI,CAAC3B,KAAK,CAAE,IAAEsB,0BAAgC,CAAC;AAC/E,CAAC","ignoreList":[]}