@proprioo/salatim 31.2.1 → 32.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proprioo/salatim",
-  "version": "31.2.1",
+  "version": "32.0.0",
   "description": "Proprioo component library",
   "keywords": [
     "components",
@@ -86,7 +86,7 @@
     "postcss": "^8.4.27",
     "prettier": "^3.0.2",
     "react": "^18.2.0",
-    "react-dates": "^21.8.0",
+    "react-day-picker": "^8.8.2",
     "react-dom": "^18.2.0",
     "react-phone-number-input": "^3.3.0",
     "react-places-autocomplete": "^7.3.0",
@@ -113,7 +113,6 @@
   "peerDependencies": {
     "@proprioo/hokkaido": "^8.2.0",
     "date-fns": "^2.30.0",
-    "moment": "^2.29.1",
     "polished": "^4.2.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -1,4 +0,0 @@
-import 'react-dates/initialize';
-import 'react-dates/lib/css/_datepicker.css';
-import { FC } from 'react';
-export declare const DayPicker: FC<any>;

package/lib/date/src/DayPicker.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DayPicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-require("react-dates/initialize");
-require("react-dates/lib/css/_datepicker.css");
-const DayPickerSingleDateController_1 = __importDefault(require("react-dates/lib/components/DayPickerSingleDateController"));
-// tslint:disable-next-line: no-any
-const DayPicker = props => ((0, jsx_runtime_1.jsx)(DayPickerSingleDateController_1.default, Object.assign({ hideKeyboardShortcutsPanel: true, numberOfMonths: 1, transitionDuration: 100 }, props)));
-exports.DayPicker = DayPicker;
-//# sourceMappingURL=DayPicker.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DayPicker.js","sourceRoot":"","sources":["../../../packages/date/src/DayPicker.tsx"],"names":[],"mappings":";;;;;;;AAAA,kCAAgC;AAChC,+CAA6C;AAG7C,6HAAqG;AAErG,mCAAmC;AAC5B,MAAM,SAAS,GAAY,KAAK,CAAC,EAAE,CAAC,CACzC,uBAAC,uCAA6B,kBAC5B,0BAA0B,EAAE,IAAI,EAChC,cAAc,EAAE,CAAC,EACjB,kBAAkB,EAAE,GAAG,IACnB,KAAK,EACT,CACH,CAAC;AAPW,QAAA,SAAS,aAOpB"}

package/lib/date/src/singleMonth/SingleMonth.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { Language } from '@proprioo/hokkaido';
-export type SingleMonthProps = {
-    date: Date;
-    dayBlockedInFuture?: boolean;
-    daySize?: number;
-    language?: Language;
-    onDateChange(date: Date): void;
-};
-declare const SingleMonth: FC<SingleMonthProps>;
-export default SingleMonth;

package/lib/date/src/singleMonth/SingleMonth.js

@@ -1,20 +0,0 @@
-"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 moment_1 = __importDefault(require("moment"));
-const hokkaido_1 = require("@proprioo/hokkaido");
-const DayPicker_1 = require("../DayPicker");
-const SingleMonth_styles_1 = require("./SingleMonth.styles");
-const today = (0, moment_1.default)();
-const SingleMonth = ({ date, dayBlockedInFuture = false, daySize = 50, language = hokkaido_1.Language.FRENCH, onDateChange }) => {
-    const updateDate = (day) => {
-        onDateChange((0, moment_1.default)(day).toDate());
-    };
-    moment_1.default.locale(language);
-    return ((0, jsx_runtime_1.jsx)(SingleMonth_styles_1.SingleMonthLayout, { children: (0, jsx_runtime_1.jsx)(DayPicker_1.DayPicker, { date: (0, moment_1.default)(date), onFocusChange: () => ({}), onDateChange: updateDate, daySize: daySize, verticalHeight: 40, focused: false, weekDayFormat: 'ddd', isDayBlocked: (day) => dayBlockedInFuture && day.isAfter(today, 'days'), enableOutsideDays: true }) }));
-};
-exports.default = SingleMonth;
-//# sourceMappingURL=SingleMonth.js.map

package/lib/date/src/singleMonth/SingleMonth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SingleMonth.js","sourceRoot":"","sources":["../../../../packages/date/src/singleMonth/SingleMonth.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAAwC;AAGxC,iDAA8C;AAE9C,4CAAyC;AAEzC,6DAAyD;AAUzD,MAAM,KAAK,GAAG,IAAA,gBAAM,GAAE,CAAC;AAEvB,MAAM,WAAW,GAAyB,CAAC,EACzC,IAAI,EACJ,kBAAkB,GAAG,KAAK,EAC1B,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,mBAAQ,CAAC,MAAM,EAC1B,YAAY,EACb,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,CAAC,GAAe,EAAE,EAAE;QACrC,YAAY,CAAC,IAAA,gBAAM,EAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,gBAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAExB,OAAO,CACL,uBAAC,sCAAiB,cAChB,uBAAC,qBAAS,IACR,IAAI,EAAE,IAAA,gBAAM,EAAC,IAAI,CAAC,EAClB,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EACzB,YAAY,EAAE,UAAU,EACxB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,EAAE,EAClB,OAAO,EAAE,KAAK,EACd,aAAa,EAAE,KAAK,EACpB,YAAY,EAAE,CAAC,GAAW,EAAE,EAAE,CAC5B,kBAAkB,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,EAElD,iBAAiB,SACjB,GACgB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/lib/date/src/singleMonth/SingleMonth.stories.js

@@ -1,29 +0,0 @@
-"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 storybook_state_1 = require("@sambego/storybook-state");
-const addon_actions_1 = require("@storybook/addon-actions");
-const react_1 = require("@storybook/react");
-const SingleMonth_1 = __importDefault(require("./SingleMonth"));
-const onDateChange = (0, addon_actions_1.action)('onDateChange');
-const SingleMonthState = new storybook_state_1.Store({
-    date: new Date()
-});
-const defaultProps = {
-    onDateChange
-};
-(0, react_1.storiesOf)('SingleMonth', module)
-    .add('SingleMonth', () => {
-    return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: SingleMonthState, children: state => ((0, jsx_runtime_1.jsx)("div", { style: { width: '500px' }, children: (0, jsx_runtime_1.jsx)(SingleMonth_1.default, Object.assign({}, defaultProps, { date: state.date, onDateChange: (date) => {
-                    SingleMonthState.set({ date });
-                } })) })) }));
-})
-    .add('SingleMonth with days block in future', () => {
-    return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: SingleMonthState, children: state => ((0, jsx_runtime_1.jsx)("div", { style: { width: '500px' }, children: (0, jsx_runtime_1.jsx)(SingleMonth_1.default, Object.assign({}, defaultProps, { date: state.date, dayBlockedInFuture: true, onDateChange: (date) => {
-                    SingleMonthState.set({ date });
-                } })) })) }));
-});
-//# sourceMappingURL=SingleMonth.stories.js.map

package/lib/date/src/singleMonth/SingleMonth.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SingleMonth.stories.js","sourceRoot":"","sources":["../../../../packages/date/src/singleMonth/SingleMonth.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,8DAAwD;AACxD,4DAAkD;AAClD,4CAA6C;AAE7C,gEAAwC;AAExC,MAAM,YAAY,GAAG,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC;AAE5C,MAAM,gBAAgB,GAAG,IAAI,uBAAK,CAAC;IACjC,IAAI,EAAE,IAAI,IAAI,EAAE;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAQ;IACxB,YAAY;CACb,CAAC;AAEF,IAAA,iBAAS,EAAC,aAAa,EAAE,MAAM,CAAC;KAC7B,GAAG,CAAC,aAAa,EAAE,GAAG,EAAE;IACvB,OAAO,CACL,uBAAC,uBAAK,IAAC,KAAK,EAAE,gBAAgB,YAC3B,KAAK,CAAC,EAAE,CAAC,CACR,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,uBAAC,qBAAW,oBACN,YAAY,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,CAAC,IAAS,EAAE,EAAE;oBAC1B,gBAAgB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;gBACjC,CAAC,IACD,GACE,CACP,GACK,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,uCAAuC,EAAE,GAAG,EAAE;IACjD,OAAO,CACL,uBAAC,uBAAK,IAAC,KAAK,EAAE,gBAAgB,YAC3B,KAAK,CAAC,EAAE,CAAC,CACR,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,uBAAC,qBAAW,oBACN,YAAY,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,kBAAkB,EAAE,IAAI,EACxB,YAAY,EAAE,CAAC,IAAS,EAAE,EAAE;oBAC1B,gBAAgB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;gBACjC,CAAC,IACD,GACE,CACP,GACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/date/src/singleMonth/SingleMonth.styles.d.ts

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

package/lib/date/src/singleMonth/SingleMonth.styles.js

@@ -1,61 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SingleMonthLayout = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../../utils");
-const DatePicker_styles_1 = require("../datePicker/DatePicker.styles");
-exports.SingleMonthLayout = (0, styled_components_1.default)(DatePicker_styles_1.DatePickerLayout) `
-  position: relative;
-  top: 0;
-  width: 100%;
-
-  .CalendarDay__default {
-    border-color: transparent;
-  }
-
-  .DayPickerNavigation {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .CalendarMonth_table {
-    margin-top: ${(0, utils_1.convertPxToRem)(8)};
-  }
-
-  .CalendarDay {
-    border-radius: ${utils_1.radius.normal};
-  }
-
-  .CalendarMonth_caption {
-    text-transform: capitalize;
-  }
-
-  .DayPicker_weekHeader_li {
-    color: ${utils_1.colors.dark.base80};
-    text-transform: uppercase;
-  }
-
-  .CalendarDay__blocked_calendar,
-  .CalendarDay__blocked_calendar:hover {
-    background: white;
-    color: ${utils_1.colors.dark.base20};
-  }
-
-  .CalendarDay__outside,
-  .CalendarDay__outside:hover {
-    background: white;
-    color: ${utils_1.colors.dark.base20};
-  }
-
-  .CalendarDay__selected,
-  .CalendarDay__selected:hover {
-    color: white;
-    background: ${utils_1.colors.green.base};
-    border-color: transparent;
-    border-radius: ${utils_1.radius.normal};
-  }
-`;
-//# sourceMappingURL=SingleMonth.styles.js.map

package/lib/date/src/singleMonth/SingleMonth.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SingleMonth.styles.js","sourceRoot":"","sources":["../../../../packages/date/src/singleMonth/SingleMonth.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAAgE;AAChE,uEAAmE;AAEtD,QAAA,iBAAiB,GAAG,IAAA,2BAAM,EAAC,oCAAgB,CAAC,CAAA;;;;;;;;;;;;;;;kBAevC,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;qBAId,cAAM,CAAC,MAAM;;;;;;;;aAQrB,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;;aAOlB,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;aAMlB,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;kBAMb,cAAM,CAAC,KAAK,CAAC,IAAI;;qBAEd,cAAM,CAAC,MAAM;;CAEjC,CAAC"}

package/lib/date/src/singleMonth/SingleMonth.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/date/src/singleMonth/SingleMonth.test.js

@@ -1,37 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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("@testing-library/react");
-const user_event_1 = __importDefault(require("@testing-library/user-event"));
-const SingleMonth_1 = __importDefault(require("./SingleMonth"));
-const mockOnDateChange = vi.fn();
-const defaultProps = {
-    date: new Date(),
-    onDateChange: mockOnDateChange
-};
-describe('SingleMonth component', () => {
-    it('should render', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(SingleMonth_1.default, Object.assign({}, defaultProps)));
-        expect(react_1.screen.getAllByRole('presentation')).toHaveLength(3);
-        ['lun', 'mar', 'mer', 'jeu', 'ven', 'sam', 'dim'].map(day => expect(react_1.screen.getByText(`${day}.`)));
-    });
-    it('should trigger methods', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(SingleMonth_1.default, Object.assign({}, defaultProps)));
-        const buttons = react_1.screen.getAllByRole('button');
-        yield user_event_1.default.click(buttons[buttons.length - 1]);
-        expect(mockOnDateChange).toHaveBeenCalled();
-    }));
-});
-//# sourceMappingURL=SingleMonth.test.js.map

package/lib/date/src/singleMonth/SingleMonth.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SingleMonth.test.js","sourceRoot":"","sources":["../../../../packages/date/src/singleMonth/SingleMonth.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kDAAwD;AACxD,6EAAoD;AAEpD,gEAA8D;AAE9D,MAAM,gBAAgB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AAEjC,MAAM,YAAY,GAAqB;IACrC,IAAI,EAAE,IAAI,IAAI,EAAE;IAChB,YAAY,EAAE,gBAAgB;CAC/B,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,uBAAC,qBAAW,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE1C,MAAM,CAAC,cAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5D,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAC1D,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CACpC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAS,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,qBAAW,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE1C,MAAM,OAAO,GAAG,cAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE9C,MAAM,oBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC9C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}