@proprioo/salatim 31.2.1 → 32.0.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 ## Changelog
 
+**32.0.1**
+
+    * Fix(DatePicker): Add white background
+
+**32.0.0**
+
+    **BREAKING CHANGE** DatePicker is using input type date, SingleMonth has been removed.
+
 **31.2.1**
 
     * Fix(DatePicker): Pass language to DatePicker

package/lib/date/index.d.ts

@@ -1,2 +1,2 @@
 export { default as DatePicker } from './src/datePickerWrapper/DatePickerWrapper';
-export { default as SingleMonth } from './src/singleMonth/SingleMonth';
+export { default as SingleMonth } from './src/datePicker/DatePicker';

package/lib/date/index.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SingleMonth = exports.DatePicker = void 0;
 var DatePickerWrapper_1 = require("./src/datePickerWrapper/DatePickerWrapper");
 Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return __importDefault(DatePickerWrapper_1).default; } });
-var SingleMonth_1 = require("./src/singleMonth/SingleMonth");
-Object.defineProperty(exports, "SingleMonth", { enumerable: true, get: function () { return __importDefault(SingleMonth_1).default; } });
+var DatePicker_1 = require("./src/datePicker/DatePicker");
+Object.defineProperty(exports, "SingleMonth", { enumerable: true, get: function () { return __importDefault(DatePicker_1).default; } });
 //# sourceMappingURL=index.js.map

package/lib/date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/date/index.ts"],"names":[],"mappings":";;;;;;AAAA,+EAAkF;AAAzE,gIAAA,OAAO,OAAc;AAC9B,6DAAuE;AAA9D,2HAAA,OAAO,OAAe"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/date/index.ts"],"names":[],"mappings":";;;;;;AAAA,+EAAkF;AAAzE,gIAAA,OAAO,OAAc;AAC9B,0DAAqE;AAA5D,0HAAA,OAAO,OAAe"}

package/lib/date/src/datePicker/DatePicker.d.ts

@@ -1,14 +1,5 @@
-import { Moment } from 'moment';
-import React from 'react';
-import { Language, nullOrBoolean } from '@proprioo/hokkaido';
-export type DatePickerProps = {
-    date: Date | null;
-    hasFocus: boolean;
-    language?: Language;
-    onDateChange(date: Date): void;
-    onFocusChange(focused: nullOrBoolean): void;
-    isDayBlocked?(date: Date): boolean;
-};
-export declare const defaultBlockedDays: (day: Moment) => boolean;
-declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import 'react-day-picker/dist/style.css';
+import { FC } from 'react';
+import { DatePickerProps } from '../interfaces';
+declare const PickerDate: FC<DatePickerProps>;
+export default PickerDate;

package/lib/date/src/datePicker/DatePicker.js

@@ -1,25 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultBlockedDays = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const moment_1 = __importDefault(require("moment"));
-const react_1 = require("react");
-const hokkaido_1 = require("@proprioo/hokkaido");
-const DayPicker_1 = require("../DayPicker");
+require("react-day-picker/dist/style.css");
+const react_day_picker_1 = require("react-day-picker");
 const DatePicker_styles_1 = require("./DatePicker.styles");
-const yesterday = (0, moment_1.default)().startOf('day').subtract(1, 'minutes');
-const defaultBlockedDays = (day) => day.isBefore(yesterday) || day.weekday() === 6;
-exports.defaultBlockedDays = defaultBlockedDays;
-const DatePicker = ({ date, hasFocus, language = hokkaido_1.Language.FRENCH, layoutRef, isDayBlocked, onDateChange, onFocusChange }) => {
-    moment_1.default.locale(language);
-    return ((0, jsx_runtime_1.jsx)(DatePicker_styles_1.DatePickerLayout, { "data-test": "date-picker", ref: layoutRef, children: (0, jsx_runtime_1.jsx)(DayPicker_1.DayPicker, { date: date && (0, moment_1.default)(date), onDateChange: (newDate) => onDateChange(newDate.toDate()), focused: hasFocus, 
-            // tslint:disable-next-line: no-any
-            onFocusChange: ({ focused }) => onFocusChange(focused), isDayBlocked: (day) => isDayBlocked
-                ? isDayBlocked(day.toDate())
-                : (0, exports.defaultBlockedDays)((0, moment_1.default)(day)) }) }));
-};
-exports.default = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(DatePicker, Object.assign({ layoutRef: ref }, props))));
+const PickerDate = ({ date, disabledDays, locale, onDateChange }) => ((0, jsx_runtime_1.jsx)(DatePicker_styles_1.DatePickerLayout, { "data-test": "date-picker", children: (0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, Object.assign({ mode: "single", disabled: disabledDays, locale: locale, onSelect: selectedDay => onDateChange(selectedDay || null) }, (date && { selected: date }))) }));
+exports.default = PickerDate;
 //# sourceMappingURL=DatePicker.js.map

package/lib/date/src/datePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../packages/date/src/datePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;AAAA,oDAAwC;AACxC,iCAAmD;AAEnD,iDAA6D;AAE7D,4CAAyC;AACzC,2DAAuD;AAevD,MAAM,SAAS,GAAG,IAAA,gBAAM,GAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAW,EAAE,CACzD,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AADpC,QAAA,kBAAkB,sBACkB;AAEjD,MAAM,UAAU,GAA0B,CAAC,EACzC,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,mBAAQ,CAAC,MAAM,EAC1B,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,aAAa,EACd,EAAE,EAAE;IACH,gBAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAExB,OAAO,CACL,uBAAC,oCAAgB,iBAAW,aAAa,EAAC,GAAG,EAAE,SAAS,YACtD,uBAAC,qBAAS,IACR,IAAI,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAC1B,YAAY,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EACjE,OAAO,EAAE,QAAQ;YACjB,mCAAmC;YACnC,aAAa,EAAE,CAAC,EAAE,OAAO,EAAO,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAC3D,YAAY,EAAE,CAAC,GAAW,EAAE,EAAE,CAC5B,YAAY;gBACV,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;gBAC5B,CAAC,CAAC,IAAA,0BAAkB,EAAC,IAAA,gBAAM,EAAC,GAAG,CAAC,CAAC,GAErC,GACe,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,kBAAU,EAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACzE,uBAAC,UAAU,kBAAC,SAAS,EAAE,GAAG,IAAM,KAAK,EAAI,CAC1C,CAAC,CAAC"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../packages/date/src/datePicker/DatePicker.tsx"],"names":[],"mappings":";;;AAAA,2CAAyC;AAGzC,uDAA6C;AAG7C,2DAAuD;AAEvD,MAAM,UAAU,GAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,YAAY,EACb,EAAE,EAAE,CAAC,CACJ,uBAAC,oCAAgB,iBAAW,aAAa,YACvC,uBAAC,4BAAS,kBACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,IAAI,IAAI,CAAC,IACtD,CAAC,IAAI,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAChC,GACe,CACpB,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/lib/date/src/datePicker/DatePicker.stories.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const storybook_state_1 = require("@sambego/storybook-state");
+const addon_actions_1 = require("@storybook/addon-actions");
+const react_2 = require("@storybook/react");
+const DatePicker_1 = __importDefault(require("./DatePicker"));
+const onDateChange = (0, addon_actions_1.action)('onDateChange');
+const onFocusChange = (0, addon_actions_1.action)('onFocusChange');
+const datePickerState = new storybook_state_1.Store({
+    date: null,
+    focused: true
+});
+const defaultProps = {
+    label: 'Le',
+    disabled: false,
+    error: false,
+    onDateChange,
+    onFocusChange
+};
+datePickerState.subscribe(() => (0, react_2.forceReRender)());
+(0, react_2.storiesOf)('DatePickerSingle', module).add('default', () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: datePickerState, children: state => ((0, jsx_runtime_1.jsx)(DatePicker_1.default, Object.assign({}, defaultProps, { date: state.date, onDateChange: (date) => datePickerState.set({ date }) }))) }) }));
+});
+//# sourceMappingURL=DatePicker.stories.js.map

package/lib/date/src/datePicker/DatePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../packages/date/src/datePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAExC,8DAAwD;AACxD,4DAAkD;AAClD,4CAA4D;AAE5D,8DAAsC;AAEtC,MAAM,YAAY,GAAG,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC;AAC5C,MAAM,aAAa,GAAG,IAAA,sBAAM,EAAC,eAAe,CAAC,CAAC;AAE9C,MAAM,eAAe,GAAG,IAAI,uBAAK,CAAC;IAChC,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;CACd,CAAC,CAAC;AAEH,MAAM,YAAY,GAAQ;IACxB,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,YAAY;IACZ,aAAa;CACd,CAAC;AAEF,eAAe,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAA,qBAAa,GAAE,CAAC,CAAC;AAEjD,IAAA,iBAAS,EAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE;IACxD,OAAO,CACL,uBAAC,gBAAQ,cACP,uBAAC,uBAAK,IAAC,KAAK,EAAE,eAAe,YAC1B,KAAK,CAAC,EAAE,CAAC,CACR,uBAAC,oBAAU,oBACL,YAAY,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,IAC1D,CACH,GACK,GACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/date/src/datePicker/DatePicker.styles.js

@@ -8,29 +8,20 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const utils_1 = require("../../../utils");
 exports.DatePickerLayout = styled_components_1.default.div `
   position: absolute;
-  top: ${(0, utils_1.convertPxToRem)(56)};
-  z-index: 0;
+  z-index: 1;
+  background: white;
+  border: 1px ${utils_1.colors.grey.base10} solid;
+  border-radius: ${utils_1.radius.bigger};
+  box-shadow: ${utils_1.shadows.level3};
 
-  .DayPicker_weekHeader {
-    top: 58px;
-  }
-
-  .CalendarDay__default {
-    color: ${utils_1.colors.dark.base};
-    border-color: ${utils_1.colors.dark.base20};
-  }
-
-  .CalendarDay__blocked_calendar,
-  .CalendarDay__blocked_calendar:hover {
-    background: white;
-    color: ${utils_1.colors.dark.base20};
-  }
-
-  .CalendarDay__selected,
-  .CalendarDay__selected:hover {
-    color: white;
-    background: ${utils_1.colors.green.base};
-    border-color: ${utils_1.colors.green.base};
+  .rdp {
+    --rdp-cell-size: ${(0, utils_1.convertPxToRem)(36)};
+    --rdp-caption-font-size: ${utils_1.fonts.base};
+    --rdp-accent-color: ${utils_1.colors.green.base};
+    --rdp-background-color: ${utils_1.colors.terracota.base};
+    --rdp-accent-color-dark: ${utils_1.colors.terracota.base};
+    --rdp-background-color-dark: ${utils_1.colors.dark.base};
+    margin: ${(0, utils_1.convertPxToRem)(8)};
   }
 `;
 //# sourceMappingURL=DatePicker.styles.js.map

package/lib/date/src/datePicker/DatePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.styles.js","sourceRoot":"","sources":["../../../../packages/date/src/datePicker/DatePicker.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAAwD;AAE3C,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;SAEjC,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;;aAQd,cAAM,CAAC,IAAI,CAAC,IAAI;oBACT,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;aAMzB,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;kBAMb,cAAM,CAAC,KAAK,CAAC,IAAI;oBACf,cAAM,CAAC,KAAK,CAAC,IAAI;;CAEpC,CAAC"}
+{"version":3,"file":"DatePicker.styles.js","sourceRoot":"","sources":["../../../../packages/date/src/datePicker/DatePicker.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAAgF;AAEnE,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;gBAI1B,cAAM,CAAC,IAAI,CAAC,MAAM;mBACf,cAAM,CAAC,MAAM;gBAChB,eAAO,CAAC,MAAM;;;uBAGP,IAAA,sBAAc,EAAC,EAAE,CAAC;+BACV,aAAK,CAAC,IAAI;0BACf,cAAM,CAAC,KAAK,CAAC,IAAI;8BACb,cAAM,CAAC,SAAS,CAAC,IAAI;+BACpB,cAAM,CAAC,SAAS,CAAC,IAAI;mCACjB,cAAM,CAAC,IAAI,CAAC,IAAI;cACrC,IAAA,sBAAc,EAAC,CAAC,CAAC;;CAE9B,CAAC"}

package/lib/date/src/datePicker/DatePicker.test.js

@@ -13,33 +13,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const moment_1 = __importDefault(require("moment"));
-const hokkaido_1 = require("@proprioo/hokkaido");
+const mockdate_1 = __importDefault(require("mockdate"));
 const react_1 = require("@testing-library/react");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
 const DatePicker_1 = __importDefault(require("./DatePicker"));
 const mockOnDateChange = vi.fn();
-const mockOnFocusChange = vi.fn();
 const defaultProps = {
-    date: (0, moment_1.default)().toDate(),
-    hasFocus: false,
-    onDateChange: mockOnDateChange,
-    onFocusChange: mockOnFocusChange
+    date: null,
+    onDateChange: mockOnDateChange
 };
 describe('DatePicker component', () => {
-    it('should render', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePicker_1.default, Object.assign({}, defaultProps, { language: hokkaido_1.Language.ENGLISH })));
-        expect(react_1.screen.getAllByRole('presentation')).toHaveLength(3);
-        ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map(day => expect(react_1.screen.getByText(day)));
-    });
+    it('should render', () => __awaiter(void 0, void 0, void 0, function* () {
+        const now = new Date();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePicker_1.default, Object.assign({}, defaultProps, { date: new Date() })));
+        expect(react_1.screen.getAllByRole('columnheader')).toHaveLength(7);
+    }));
     it('should trigger methods', () => __awaiter(void 0, void 0, void 0, function* () {
+        mockdate_1.default.set(new Date('2021-01-01'));
         (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePicker_1.default, Object.assign({}, defaultProps)));
-        const buttons = react_1.screen
-            .getAllByRole('button')
-            .filter(button => button.getAttribute('aria-disabled') !== 'true');
-        yield user_event_1.default.click(buttons[buttons.length - 1]);
+        expect(react_1.screen.getByLabelText('January 2021')).toBeInTheDocument();
+        ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map(day => expect(react_1.screen.getByText(day)));
+        yield user_event_1.default.click(react_1.screen.getByRole('gridcell', { name: '10' }));
         expect(mockOnDateChange).toHaveBeenCalled();
-        expect(mockOnFocusChange).toHaveBeenCalled();
+        mockdate_1.default.reset();
     }));
+    it('should blocked some days in future', () => {
+        mockdate_1.default.set(new Date('2021-02-01'));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePicker_1.default, Object.assign({}, defaultProps, { disabledDays: { after: new Date('2021-02-10') } })));
+        const days = react_1.screen.getAllByRole('gridcell');
+        const disabledDays = days.filter(day => day.getAttribute('disabled') !== null);
+        expect(days.length).toEqual(35);
+        expect(disabledDays.length).toEqual(18);
+        mockdate_1.default.reset();
+    });
+    it('should blocked some days in past', () => {
+        mockdate_1.default.set(new Date('2021-02-01'));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePicker_1.default, Object.assign({}, defaultProps, { disabledDays: { before: new Date('2021-02-10') } })));
+        const days = react_1.screen.getAllByRole('gridcell');
+        const disabledDays = days.filter(day => day.getAttribute('disabled') !== null);
+        expect(days.length).toEqual(35);
+        expect(disabledDays.length).toEqual(9);
+        mockdate_1.default.reset();
+    });
 });
 //# sourceMappingURL=DatePicker.test.js.map

package/lib/date/src/datePicker/DatePicker.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../../packages/date/src/datePicker/DatePicker.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,oDAA4B;AAE5B,iDAA8C;AAC9C,kDAAwD;AACxD,6EAAoD;AAEpD,8DAA2D;AAE3D,MAAM,gBAAgB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AACjC,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AAElC,MAAM,YAAY,GAAoB;IACpC,IAAI,EAAE,IAAA,gBAAM,GAAE,CAAC,MAAM,EAAE;IACvB,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,gBAAgB;IAC9B,aAAa,EAAE,iBAAiB;CACjC,CAAC;AAEF,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,uBAAC,oBAAU,oBAAK,YAAY,IAAE,QAAQ,EAAE,mBAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;QAErE,MAAM,CAAC,cAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5D,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CACnD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAC9B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAS,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,oBAAU,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEzC,MAAM,OAAO,GAAG,cAAM;aACnB,YAAY,CAAC,QAAQ,CAAC;aACtB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC,CAAC;QAErE,MAAM,oBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAC5C,MAAM,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC/C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../../packages/date/src/datePicker/DatePicker.test.tsx"],"names":[],"mappings":"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"}

package/lib/date/src/datePickerWrapper/DatePickerWrapper.d.ts

@@ -1,14 +1,9 @@
-import { Moment } from 'moment';
 import { FC } from 'react';
-import { Language } from '@proprioo/hokkaido';
 import { GenericInputProps } from '../../../utils';
-export type DatePickerWrapperProps = GenericInputProps & {
-    date: Date | null;
+import { DatePickerProps } from '../interfaces';
+export type DatePickerWrapperProps = GenericInputProps & DatePickerProps & {
     formatter?: string;
-    isDayBlocked?(date: Date): boolean;
-    language?: Language;
     onDateChange(date: Date | null): void;
 };
-export declare const formatDate: (date: Moment, formatter?: string) => string;
 declare const DatePickerWrapper: FC<DatePickerWrapperProps>;
 export default DatePickerWrapper;

package/lib/date/src/datePickerWrapper/DatePickerWrapper.js

@@ -3,39 +3,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatDate = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const moment_1 = __importDefault(require("moment"));
+const date_fns_1 = require("date-fns");
 const react_1 = require("react");
+const useOnClickOutside_1 = __importDefault(require("../../../hooks/useOnClickOutside/useOnClickOutside"));
 const InputBase_1 = __importDefault(require("../../../ui/src/inputBase/InputBase"));
 const DatePicker_1 = __importDefault(require("../datePicker/DatePicker"));
 const DatepickerWrapper_styles_1 = require("./DatepickerWrapper.styles");
-const formatDate = (date, formatter = 'dddd DD MMMM YYYY') => date.format(formatter);
-exports.formatDate = formatDate;
-const DatePickerWrapper = ({ date, dataTest, disabled, error, focused = false, formatter, isDayBlocked, label, language, onDateChange, zIndex }) => {
+const DatePickerWrapper = ({ date, dataTest, disabled, disabledDays, error, formatter = 'EEEE dd MMMM yyyy', label, locale, onDateChange, zIndex }) => {
     const ref = (0, react_1.useRef)(null);
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const handleClick = (0, react_1.useCallback)((event) => {
-        const { current } = ref;
-        setIsOpen(!!(current === null || current === void 0 ? void 0 : current.contains(event.target)));
-    }, [ref]);
+    const [stateDatePicker, updateReducer] = (0, react_1.useReducer)((prev, next) => (Object.assign(Object.assign({}, prev), next)), {
+        isFocused: false,
+        isOpen: false
+    });
+    const { isOpen, isFocused } = stateDatePicker;
     const handleSelect = (newDate) => {
-        if (newDate) {
-            onDateChange(newDate);
-            setIsOpen(false);
-        }
+        onDateChange(newDate || null);
+        updateReducer({ isFocused: false, isOpen: false });
     };
-    (0, react_1.useEffect)(() => {
-        if (isOpen) {
-            document.addEventListener('click', handleClick, { passive: true });
+    const handleOpen = () => {
+        if (!isFocused && !disabled) {
+            updateReducer({ isFocused: true, isOpen: true });
         }
-        else {
-            document.removeEventListener('click', handleClick, true);
+    };
+    (0, useOnClickOutside_1.default)(ref, ({ target }) => {
+        var _a;
+        if (!((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(target))) {
+            updateReducer({ isFocused: false, isOpen: false });
         }
-        return () => document.removeEventListener('click', handleClick, true);
-    }, [isOpen, handleClick]);
-    return ((0, jsx_runtime_1.jsx)(DatepickerWrapper_styles_1.DatePickerWrapperLayout, { ref: ref, "data-test": dataTest || 'date-picker-wrapper', isOpen: isOpen, onClick: () => !disabled && setIsOpen(true), children: (0, jsx_runtime_1.jsx)(InputBase_1.default, { value: date && (0, exports.formatDate)((0, moment_1.default)(date), formatter), disabled: disabled, label: label, error: error, zIndex: zIndex, focused: isFocused, field: isOpen ? ((0, jsx_runtime_1.jsx)(DatePicker_1.default, { date: date, hasFocus: focused, isDayBlocked: isDayBlocked, language: language, onDateChange: handleSelect, onFocusChange: hasFocus => setIsFocused(!!hasFocus) })) : ((0, jsx_runtime_1.jsx)(react_1.Fragment, {})) }) }));
+    });
+    return ((0, jsx_runtime_1.jsx)(DatepickerWrapper_styles_1.DatePickerWrapperLayout, { ref: ref, "data-test": dataTest || 'date-picker-wrapper', onClick: handleOpen, children: (0, jsx_runtime_1.jsx)(InputBase_1.default, { disabled: disabled, label: label, error: error, zIndex: zIndex, focused: isFocused, value: date && (0, date_fns_1.format)(date, formatter, { locale }), field: isOpen ? ((0, jsx_runtime_1.jsx)(DatePicker_1.default, { date: date, disabledDays: disabledDays, locale: locale, onDateChange: handleSelect })) : ((0, jsx_runtime_1.jsx)(react_1.Fragment, {})) }) }));
 };
 exports.default = DatePickerWrapper;
 //# sourceMappingURL=DatePickerWrapper.js.map

package/lib/date/src/datePickerWrapper/DatePickerWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWrapper.js","sourceRoot":"","sources":["../../../../packages/date/src/datePickerWrapper/DatePickerWrapper.tsx"],"names":[],"mappings":";;;;;;;AAAA,oDAAwC;AACxC,iCAOe;AAIf,oFAA4D;AAE5D,0EAAkD;AAClD,yEAAqE;AAU9D,MAAM,UAAU,GAAG,CACxB,IAAY,EACZ,SAAS,GAAG,mBAAmB,EACvB,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AAHvB,QAAA,UAAU,cAGa;AAEpC,MAAM,iBAAiB,GAA+B,CAAC,EACrD,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,SAAS,EACT,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,MAAM,EACP,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEhD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAiB,EAAE,EAAE;QACpB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;QACxB,SAAS,CAAC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAiB,CAAC,CAAA,CAAC,CAAC;IAC1D,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,OAAoB,EAAE,EAAE;QAC5C,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;SACpE;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;SAC1D;QAED,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,uBAAC,kDAAuB,IACtB,GAAG,EAAE,GAAG,eACG,QAAQ,IAAI,qBAAqB,EAC5C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,YAE3C,uBAAC,mBAAS,IACR,KAAK,EAAE,IAAI,IAAI,IAAA,kBAAU,EAAC,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAClD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,SAAS,EAClB,KAAK,EACH,MAAM,CAAC,CAAC,CAAC,CACP,uBAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,GACnD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAQ,KAAG,CACb,GAEH,GACsB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"DatePickerWrapper.js","sourceRoot":"","sources":["../../../../packages/date/src/datePickerWrapper/DatePickerWrapper.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAkC;AAClC,iCAAgE;AAIhE,2GAAmF;AACnF,oFAA4D;AAE5D,0EAAkD;AAElD,yEAAqE;AAQrE,MAAM,iBAAiB,GAA+B,CAAC,EACrD,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,SAAS,GAAG,mBAAmB,EAC/B,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACP,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEhD,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,IAAA,kBAAU,EACjD,CAAC,IAAuB,EAAE,IAAgC,EAAE,EAAE,CAAC,iCAC1D,IAAI,GACJ,IAAI,EACP,EACF;QACE,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE,KAAK;KACd,CACF,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;IAE9C,MAAM,YAAY,GAAG,CAAC,OAAmB,EAAE,EAAE;QAC3C,YAAY,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;QAE9B,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,EAAE;YAC3B,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,IAAA,2BAAiB,EAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;QACpC,IAAI,CAAC,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,CAAC,MAAc,CAAC,CAAA,EAAE;YAC1C,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;SACpD;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,kDAAuB,IACtB,GAAG,EAAE,GAAG,eACG,QAAQ,IAAI,qBAAqB,EAC5C,OAAO,EAAE,UAAU,YAEnB,uBAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,IAAI,IAAI,IAAA,iBAAM,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAClD,KAAK,EACH,MAAM,CAAC,CAAC,CAAC,CACP,uBAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAQ,KAAG,CACb,GAEH,GACsB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+const date_fns_1 = require("date-fns");
 const react_1 = require("react");
 const storybook_state_1 = require("@sambego/storybook-state");
 const addon_actions_1 = require("@storybook/addon-actions");
@@ -22,19 +23,16 @@ const defaultProps = {
     onDateChange,
     onFocusChange
 };
+datePickerState.subscribe(() => (0, react_2.forceReRender)());
 (0, react_2.storiesOf)('DatePicker', module)
     .add('default', () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: datePickerState, children: state => ((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps, { date: state.date, focused: state.focused, onFocusChange: (focused) => {
-                    focused && datePickerState.set({ focused });
-                }, onDateChange: (date) => {
-                    date && datePickerState.set({ date });
-                } }))) }) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: datePickerState, children: state => ((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps, { date: state.date, onDateChange: (date) => datePickerState.set({ date }) }))) }) }));
+})
+    .add('disabled days', () => {
+    const today = new Date();
+    return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: datePickerState, children: state => ((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps, { date: today, disabledDays: { after: (0, date_fns_1.addDays)(today, 2) }, onDateChange: (date) => datePickerState.set({ date }) }))) }));
 })
     .add('disabled', () => {
-    return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: datePickerState, children: state => ((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps, { date: state.date, disabled: true, focused: state.focused, onFocusChange: (focused) => {
-                focused && datePickerState.set({ focused });
-            }, onDateChange: (date) => {
-                date && datePickerState.set({ date });
-            } }))) }));
+    return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: datePickerState, children: state => ((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps, { date: state.date, disabled: true, onDateChange: (date) => datePickerState.set({ date }) }))) }));
 });
 //# sourceMappingURL=DatePickerWrapper.stories.js.map

package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWrapper.stories.js","sourceRoot":"","sources":["../../../../packages/date/src/datePickerWrapper/DatePickerWrapper.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAExC,8DAAwD;AACxD,4DAAkD;AAClD,4CAA6C;AAE7C,4EAA6C;AAE7C,MAAM,YAAY,GAAG,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC;AAC5C,MAAM,aAAa,GAAG,IAAA,sBAAM,EAAC,eAAe,CAAC,CAAC;AAE9C,MAAM,eAAe,GAAG,IAAI,uBAAK,CAAC;IAChC,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;CACd,CAAC,CAAC;AAEH,MAAM,YAAY,GAAQ;IACxB,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,YAAY;IACZ,aAAa;CACd,CAAC;AAEF,IAAA,iBAAS,EAAC,YAAY,EAAE,MAAM,CAAC;KAC5B,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,OAAO,CACL,uBAAC,gBAAQ,cACP,uBAAC,uBAAK,IAAC,KAAK,EAAE,eAAe,YAC1B,KAAK,CAAC,EAAE,CAAC,CACR,uBAAC,2BAAU,oBACL,YAAY,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,CAAC,OAAgB,EAAE,EAAE;oBAClC,OAAO,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;gBAC9C,CAAC,EACD,YAAY,EAAE,CAAC,IAAS,EAAE,EAAE;oBAC1B,IAAI,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;gBACxC,CAAC,IACD,CACH,GACK,GACC,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE;IACpB,OAAO,CACL,uBAAC,uBAAK,IAAC,KAAK,EAAE,eAAe,YAC1B,KAAK,CAAC,EAAE,CAAC,CACR,uBAAC,2BAAU,oBACL,YAAY,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,CAAC,OAAgB,EAAE,EAAE;gBAClC,OAAO,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;YAC9C,CAAC,EACD,YAAY,EAAE,CAAC,IAAS,EAAE,EAAE;gBAC1B,IAAI,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;YACxC,CAAC,IACD,CACH,GACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DatePickerWrapper.stories.js","sourceRoot":"","sources":["../../../../packages/date/src/datePickerWrapper/DatePickerWrapper.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAmC;AACnC,iCAAwC;AAExC,8DAAwD;AACxD,4DAAkD;AAClD,4CAA4D;AAE5D,4EAA6C;AAE7C,MAAM,YAAY,GAAG,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC;AAC5C,MAAM,aAAa,GAAG,IAAA,sBAAM,EAAC,eAAe,CAAC,CAAC;AAE9C,MAAM,eAAe,GAAG,IAAI,uBAAK,CAAC;IAChC,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;CACd,CAAC,CAAC;AAEH,MAAM,YAAY,GAAQ;IACxB,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,YAAY;IACZ,aAAa;CACd,CAAC;AAEF,eAAe,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAA,qBAAa,GAAE,CAAC,CAAC;AAEjD,IAAA,iBAAS,EAAC,YAAY,EAAE,MAAM,CAAC;KAC5B,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,OAAO,CACL,uBAAC,gBAAQ,cACP,uBAAC,uBAAK,IAAC,KAAK,EAAE,eAAe,YAC1B,KAAK,CAAC,EAAE,CAAC,CACR,uBAAC,2BAAU,oBACL,YAAY,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,IAC1D,CACH,GACK,GACC,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,eAAe,EAAE,GAAG,EAAE;IACzB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;IAEzB,OAAO,CACL,uBAAC,uBAAK,IAAC,KAAK,EAAE,eAAe,YAC1B,KAAK,CAAC,EAAE,CAAC,CACR,uBAAC,2BAAU,oBACL,YAAY,IAChB,IAAI,EAAE,KAAK,EACX,YAAY,EAAE,EAAE,KAAK,EAAE,IAAA,kBAAO,EAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAC1C,YAAY,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,IAC1D,CACH,GACK,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE;IACpB,OAAO,CACL,uBAAC,uBAAK,IAAC,KAAK,EAAE,eAAe,YAC1B,KAAK,CAAC,EAAE,CAAC,CACR,uBAAC,2BAAU,oBACL,YAAY,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,IAC1D,CACH,GACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js

@@ -14,11 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const mockdate_1 = __importDefault(require("mockdate"));
-const moment_1 = __importDefault(require("moment"));
 const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
 const react_1 = require("@testing-library/react");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
-const DatePicker_1 = require("../datePicker/DatePicker");
 const DatePickerWrapper_1 = __importDefault(require("./DatePickerWrapper"));
 const mockOnDateChange = vi.fn();
 const defaultProps = {
@@ -30,6 +28,10 @@ const defaultProps = {
     onDateChange: mockOnDateChange
 };
 describe('DatePicker component', () => {
+    it('should render', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps)));
+        expect(react_1.screen.getByTestId('date-picker-wrapper')).toBeInTheDocument();
+    });
     it('should equal snapshot rendering', () => {
         mockdate_1.default.set(new Date('2021-01-01'));
         const tree = react_test_renderer_1.default
@@ -41,54 +43,35 @@ describe('DatePicker component', () => {
     it('should equal snapshot rendering with custom formatter', () => {
         mockdate_1.default.set(new Date('2021-01-01'));
         const tree = react_test_renderer_1.default
-            .create((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps, { date: new Date(), formatter: "DD/MM/YYYY" })))
+            .create((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps, { date: new Date() })))
             .toJSON();
         expect(tree).toMatchSnapshot();
         mockdate_1.default.reset();
     });
-    it('should render', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps)));
-        expect(react_1.screen.getByTestId('date-picker-wrapper')).toBeInTheDocument();
-    });
-    it('should open', () => __awaiter(void 0, void 0, void 0, function* () {
+    it('should open the date picker on click', () => __awaiter(void 0, void 0, void 0, function* () {
+        mockdate_1.default.set(new Date('2021-01-01'));
         (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps)));
-        expect(react_1.screen.queryByTestId('date-picker')).not.toBeInTheDocument();
         yield user_event_1.default.click(react_1.screen.getByTestId('date-picker-wrapper'));
-        expect(react_1.screen.getByTestId('date-picker')).toBeInTheDocument();
+        expect(react_1.screen.getByRole('grid', { name: 'January 2021' })).toBeInTheDocument();
+        expect(react_1.screen.getByRole('button', { name: 'Go to previous month' })).toBeInTheDocument();
+        expect(react_1.screen.getByRole('button', { name: 'Go to next month' })).toBeInTheDocument();
+        mockdate_1.default.reset();
     }));
-    it('should not open when disabled', () => __awaiter(void 0, void 0, void 0, function* () {
+    it('should not open the date because disabled', () => __awaiter(void 0, void 0, void 0, function* () {
+        mockdate_1.default.set(new Date('2021-01-01'));
         (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps, { disabled: true })));
-        expect(react_1.screen.queryByTestId('date-picker')).not.toBeInTheDocument();
+        expect(react_1.screen.queryByRole('grid', { name: 'January 2021' })).not.toBeInTheDocument();
         yield user_event_1.default.click(react_1.screen.getByTestId('date-picker-wrapper'));
-        expect(react_1.screen.queryByTestId('date-picker')).not.toBeInTheDocument();
-    }));
-    it('should open when selecting', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps)));
-        expect(react_1.screen.queryByTestId('date-picker')).not.toBeInTheDocument();
-        yield user_event_1.default.click(react_1.screen.getByTestId('date-picker-wrapper'));
-        expect(react_1.screen.getByTestId('date-picker')).toBeInTheDocument();
+        expect(react_1.screen.queryByRole('grid', { name: 'January 2021' })).not.toBeInTheDocument();
+        mockdate_1.default.reset();
     }));
-    it('should close selecting', () => __awaiter(void 0, void 0, void 0, function* () {
+    it('should close when selecting a date', () => __awaiter(void 0, void 0, void 0, function* () {
+        mockdate_1.default.set(new Date('2021-01-01'));
         (0, react_1.render)((0, jsx_runtime_1.jsx)(DatePickerWrapper_1.default, Object.assign({}, defaultProps)));
-        expect(react_1.screen.queryByTestId('date-picker')).not.toBeInTheDocument();
         yield user_event_1.default.click(react_1.screen.getByTestId('date-picker-wrapper'));
-        const buttons = react_1.screen
-            .getAllByRole('button')
-            .filter(button => button.getAttribute('aria-disabled') !== 'true');
-        yield user_event_1.default.click(buttons[buttons.length - 1]);
-        expect(mockOnDateChange).toHaveBeenCalled();
-        expect(react_1.screen.queryByTestId('date-picker')).not.toBeInTheDocument();
+        yield user_event_1.default.click(react_1.screen.getByRole('gridcell', { name: '10' }));
+        expect(react_1.screen.queryByRole('grid', { name: 'January 2021' })).not.toBeInTheDocument();
+        mockdate_1.default.reset();
     }));
 });
-describe('defaultBlockedDays', () => {
-    const day = (0, moment_1.default)().startOf('day');
-    const sunday = (0, moment_1.default)().endOf('week').startOf('day');
-    it('should return true', () => {
-        expect((0, DatePicker_1.defaultBlockedDays)(sunday)).toStrictEqual(true);
-        expect((0, DatePicker_1.defaultBlockedDays)((0, moment_1.default)(day).subtract(2, 'day'))).toStrictEqual(true);
-    });
-    it('should return false', () => {
-        expect((0, DatePicker_1.defaultBlockedDays)((0, moment_1.default)(sunday).add(1, 'day'))).toStrictEqual(false);
-    });
-});
 //# sourceMappingURL=DatePickerWrapper.test.js.map

package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWrapper.test.js","sourceRoot":"","sources":["../../../../packages/date/src/datePickerWrapper/DatePickerWrapper.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePickerWrapper.test.js","sourceRoot":"","sources":["../../../../packages/date/src/datePickerWrapper/DatePickerWrapper.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAgC;AAChC,8EAA2C;AAE3C,kDAAwD;AACxD,6EAAoD;AAEpD,4EAAgF;AAEhF,MAAM,gBAAgB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AAEjC,MAAM,YAAY,GAA2B;IAC3C,IAAI,EAAE,IAAI,IAAI,EAAE;IAChB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,gBAAgB;CAC/B,CAAC;AAEF,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,uBAAC,2BAAiB,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEhD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,kBAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAErC,MAAM,IAAI,GAAG,6BAAQ;aAClB,MAAM,CAAC,uBAAC,2BAAiB,oBAAK,YAAY,IAAE,IAAI,EAAE,IAAI,IAAI,EAAE,IAAI,CAAC;aACjE,MAAM,EAAE,CAAC;QAEZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAC/B,kBAAQ,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,kBAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAErC,MAAM,IAAI,GAAG,6BAAQ;aAClB,MAAM,CAAC,uBAAC,2BAAiB,oBAAK,YAAY,IAAE,IAAI,EAAE,IAAI,IAAI,EAAE,IAAI,CAAC;aACjE,MAAM,EAAE,CAAC;QAEZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAC/B,kBAAQ,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAS,EAAE;QACpD,kBAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAErC,IAAA,cAAM,EAAC,uBAAC,2BAAiB,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEhD,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAEjE,MAAM,CACJ,cAAM,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CACnD,CAAC,iBAAiB,EAAE,CAAC;QAEtB,MAAM,CACJ,cAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC,CAC7D,CAAC,iBAAiB,EAAE,CAAC;QACtB,MAAM,CACJ,cAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CACzD,CAAC,iBAAiB,EAAE,CAAC;QAEtB,kBAAQ,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAS,EAAE;QACzD,kBAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAErC,IAAA,cAAM,EAAC,uBAAC,2BAAiB,oBAAK,YAAY,IAAE,QAAQ,EAAE,IAAI,IAAI,CAAC,CAAC;QAEhE,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CACrD,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE1B,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAEjE,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CACrD,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE1B,kBAAQ,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAS,EAAE;QAClD,kBAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAErC,IAAA,cAAM,EAAC,uBAAC,2BAAiB,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEhD,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACjE,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAEpE,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CACrD,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE1B,kBAAQ,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.d.ts

@@ -1,3 +1 @@
-export declare const DatePickerWrapperLayout: import("styled-components").StyledComponent<"div", any, {
-    isOpen: boolean;
-}, never>;
+export declare const DatePickerWrapperLayout: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.js

@@ -5,8 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerWrapperLayout = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../../utils");
+const DatePicker_styles_1 = require("../datePicker/DatePicker.styles");
 exports.DatePickerWrapperLayout = styled_components_1.default.div `
   position: relative;
-  z-index: ${({ isOpen }) => (isOpen ? 1 : 0)};
+
+  ${DatePicker_styles_1.DatePickerLayout} {
+    top: ${(0, utils_1.convertPxToRem)(60)};
+  }
 `;
 //# sourceMappingURL=DatepickerWrapper.styles.js.map

package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatepickerWrapper.styles.js","sourceRoot":"","sources":["../../../../packages/date/src/datePickerWrapper/DatepickerWrapper.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAE1B,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAqB;;aAEzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5C,CAAC"}
+{"version":3,"file":"DatepickerWrapper.styles.js","sourceRoot":"","sources":["../../../../packages/date/src/datePickerWrapper/DatepickerWrapper.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAAgD;AAChD,uEAAmE;AAEtD,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;IAG7C,oCAAgB;WACT,IAAA,sBAAc,EAAC,EAAE,CAAC;;CAE5B,CAAC"}

package/lib/date/src/interfaces.d.ts

@@ -0,0 +1,12 @@
+import { Matcher } from 'react-day-picker';
+import { nullOrDate } from '@proprioo/hokkaido';
+export type DatePickerProps = {
+    date: nullOrDate;
+    disabledDays?: Matcher | Matcher[] | undefined;
+    locale?: Locale;
+    onDateChange(date: nullOrDate): void;
+};
+export type ReducerDatePicker = {
+    isFocused: boolean;
+    isOpen: boolean;
+};

package/lib/date/src/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/lib/date/src/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../packages/date/src/interfaces.ts"],"names":[],"mappings":""}