@mindly/ui-components 8.0.0-alpha.38 → 8.0.0

package/dist/cjs/lib/Filters/ListSelect/ListSelect.style.js

@@ -1,41 +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.IonLabelStyled = exports.IonItemStyled = exports.ListTitle = void 0;
-const react_1 = require("@ionic/react");
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ListTitle = styled_components_1.default.h3 `
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 24px;
-  color: #1d201f;
-  margin-bottom: 16px;
-`;
-exports.IonItemStyled = (0, styled_components_1.default)(react_1.IonItem) `
-  --padding-start: 0;
-  --inner-padding-end: 0;
-  --min-height: 32px;
-  --background-hover: transparent;
-  --background-activated: transparent;
-  --background: transparent;
-  margin-bottom: 4px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-
-  & ion-icon {
-    margin: 0 8px 0 0;
-    color: #177590;
-    font-size: 18px;
-    --ionicon-stroke-width: 48px;
-  }
-`;
-exports.IonLabelStyled = (0, styled_components_1.default)(react_1.IonLabel) `
-  margin: 0;
-  font-weight: 600;
-  font-size: 14px !important;
-  line-height: 16px;
-`;

package/dist/cjs/lib/Filters/ListSelect/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var ListSelect_1 = require("./ListSelect");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ListSelect_1).default; } });
-__exportStar(require("./types"), exports);

package/dist/cjs/lib/Filters/ListSelect/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/lib/Filters/Range/Range.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Range = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Range_style_1 = require("./Range.style");
-const Range = ({ title, rangeTitleValues = '', initialValue, onKnobMoveEnd, }) => {
-    const [value, setValue] = (0, react_1.useState)(initialValue);
-    const handleKnobMoveEnd = (0, react_1.useCallback)((e) => {
-        const eventValue = e.detail.value;
-        setValue(eventValue);
-        onKnobMoveEnd === null || onKnobMoveEnd === void 0 ? void 0 : onKnobMoveEnd(eventValue);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Range_style_1.RangeHeader, { children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), (0, jsx_runtime_1.jsx)("span", { children: `${rangeTitleValues}${value.lower}-${value.upper}` })] }), (0, jsx_runtime_1.jsx)(Range_style_1.RangeStyled, { min: initialValue.lower, max: initialValue.upper, step: 1, dualKnobs: true, value: value, mode: "ios", onIonKnobMoveEnd: handleKnobMoveEnd })] }));
-};
-exports.Range = Range;

package/dist/cjs/lib/Filters/Range/Range.style.js

@@ -1,45 +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.RangeHeader = exports.RangeStyled = void 0;
-const react_1 = require("@ionic/react");
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.RangeStyled = (0, styled_components_1.default)(react_1.IonRange) `
-  --bar-background-active: #177590;
-  --bar-height: 3px;
-  /* --knob-background: transparent; */
-  --knob-box-shadow: none;
-  --knob-size: 22px;
-  --height: 22px;
-  padding: 0 17px 0 11px;
-  ::part(knob) {
-    border: 3px solid #177590;
-    top: 8px;
-  }
-
-  .range-knob-b {
-    left: 100%;
-  }
-`;
-exports.RangeHeader = styled_components_1.default.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-
-  & h3 {
-    font-weight: 600;
-    font-size: 20px;
-    line-height: 24px;
-    color: #1d201f;
-  }
-
-  & span {
-    font-weight: 600;
-    font-size: 20px;
-    line-height: 24px;
-    color: #177590;
-  }
-`;

package/dist/cjs/lib/Filters/Range/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Range_1 = require("./Range");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Range_1.Range; } });

package/dist/cjs/lib/Filters/RowSelect/RowSelect.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RowSelect_style_1 = require("./RowSelect.style");
-const RowSelect = ({ title, rowItems, selected, onChange, }) => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RowSelect_style_1.RowTitle, { children: title }), (0, jsx_runtime_1.jsx)(RowSelect_style_1.RowWrapper, { children: rowItems.map((item) => ((0, jsx_runtime_1.jsx)(RowSelect_style_1.RowButton, Object.assign({ selected: selected === item.id, onClick: () => onChange(item) }, { children: item.label }), item.id))) })] }));
-};
-exports.default = RowSelect;

package/dist/cjs/lib/Filters/RowSelect/RowSelect.style.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 });
-exports.RowTitle = exports.RowButton = exports.RowWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.RowWrapper = styled_components_1.default.div `
-  display: flex;
-  gap: 21px;
-  align-items: centers;
-  padding-left: 7px;
-`;
-exports.RowButton = styled_components_1.default.button `
-  background: transparent;
-  font-weight: 600;
-  font-size: ${({ selected }) => (selected ? 28 : 24)}px;
-  line-height: 32px;
-  color: ${({ selected }) => (selected ? '#177590' : '#c1c1c1')};
-  padding: 0;
-  border: none;
-`;
-exports.RowTitle = styled_components_1.default.h3 `
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 24px;
-  color: #1d201f;
-  margin-bottom: 18px;
-`;

package/dist/cjs/lib/Filters/RowSelect/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var RowSelect_1 = require("./RowSelect");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(RowSelect_1).default; } });
-__exportStar(require("./types"), exports);

package/dist/cjs/lib/Filters/RowSelect/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/lib/Filters/Toggle/Toggle.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@ionic/react");
-const Toggle_style_1 = require("./Toggle.style");
-const Toggle = ({ title, checked = false, onChange, }) => {
-    return ((0, jsx_runtime_1.jsxs)(Toggle_style_1.ToggleWrapper, { children: [(0, jsx_runtime_1.jsx)(Toggle_style_1.ToggleTitle, { children: title }), (0, jsx_runtime_1.jsx)(react_1.IonToggle, { mode: "ios", checked: checked, onIonChange: (e) => onChange(e.detail.checked) })] }));
-};
-exports.Toggle = Toggle;

package/dist/cjs/lib/Filters/Toggle/Toggle.style.js

@@ -1,18 +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.ToggleTitle = exports.ToggleWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ToggleWrapper = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-exports.ToggleTitle = styled_components_1.default.h3 `
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 24px;
-  color: #1d201f;
-`;

package/dist/cjs/lib/Filters/Toggle/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Toggle_1 = require("./Toggle");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Toggle_1.Toggle; } });

package/dist/cjs/lib/Flag/Flag.js

@@ -1,26 +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.FlagTypes = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const ua_svg_1 = require("./flags/ua.svg");
-const pl_svg_1 = require("./flags/pl.svg");
-const gb_svg_1 = require("./flags/gb.svg");
-const ru_svg_1 = require("./flags/ru.svg");
-const Flag_style_1 = require("./Flag.style");
-exports.FlagTypes = {
-    uk: (0, jsx_runtime_1.jsx)(ua_svg_1.ReactComponent, {}),
-    ua: (0, jsx_runtime_1.jsx)(ua_svg_1.ReactComponent, {}),
-    pl: (0, jsx_runtime_1.jsx)(pl_svg_1.ReactComponent, {}),
-    gb: (0, jsx_runtime_1.jsx)(gb_svg_1.ReactComponent, {}),
-    en: (0, jsx_runtime_1.jsx)(gb_svg_1.ReactComponent, {}),
-    ru: (0, jsx_runtime_1.jsx)(ru_svg_1.ReactComponent, {}),
-    es: (0, jsx_runtime_1.jsx)("div", {}),
-};
-const Flag = ({ name, dimensions = 24, className }) => {
-    return ((0, jsx_runtime_1.jsx)(Flag_style_1.FlagWrapper, Object.assign({ dimensions: dimensions, className: className }, { children: exports.FlagTypes[name] })));
-};
-exports.default = react_1.default.memo(Flag);

package/dist/cjs/lib/Flag/Flag.style.js

@@ -1,21 +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.FlagWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.FlagWrapper = styled_components_1.default.div `
-  width: ${({ dimensions }) => dimensions}px;
-  height: ${({ dimensions }) => dimensions}px;
-  flex: 0 0 ${({ dimensions }) => dimensions}px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  & svg {
-    border-radius: 5px;
-    width: 100%;
-    height: auto;
-  }
-`;

package/dist/cjs/lib/Flag/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Flag_1 = require("./Flag");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Flag_1).default; } });
-__exportStar(require("./Flag"), exports);

package/dist/cjs/lib/FrequentlyAskedQuestions/FrequentlyAskedQuestions.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FrequentlyAskedQuestions_styled_1 = require("./FrequentlyAskedQuestions.styled");
-const icons_1 = require("ionicons/icons");
-const FrequentlyAskedQuestions = ({ text, alignment, }) => {
-    return ((0, jsx_runtime_1.jsxs)(FrequentlyAskedQuestions_styled_1.FrequentlyAskedQuestionsContainer, Object.assign({ alignment: alignment }, { children: [(0, jsx_runtime_1.jsx)(FrequentlyAskedQuestions_styled_1.FrequentlyAskedQuestionsIcon, { icon: icons_1.informationCircle }), (0, jsx_runtime_1.jsx)(FrequentlyAskedQuestions_styled_1.FrequentlyAskedQuestionsText, { children: text })] })));
-};
-exports.default = FrequentlyAskedQuestions;

package/dist/cjs/lib/FrequentlyAskedQuestions/FrequentlyAskedQuestions.styled.js

@@ -1,30 +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.FrequentlyAskedQuestionsText = exports.FrequentlyAskedQuestionsIcon = exports.FrequentlyAskedQuestionsContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@ionic/react");
-exports.FrequentlyAskedQuestionsContainer = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: ${({ alignment }) => alignment === 'left'
-    ? 'flex-start'
-    : alignment === 'right'
-        ? 'flex-end'
-        : 'center'};
-  gap: 2px;
-  cursor: pointer;
-`;
-exports.FrequentlyAskedQuestionsIcon = (0, styled_components_1.default)(react_1.IonIcon) `
-  font-size: 30px;
-  color: #1d201f;
-`;
-exports.FrequentlyAskedQuestionsText = styled_components_1.default.h4 `
-  font-style: normal;
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 20px;
-  color: #1d201f;
-`;

package/dist/cjs/lib/FrequentlyAskedQuestions/index.js

@@ -1,8 +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.default = void 0;
-var FrequentlyAskedQuestions_1 = require("./FrequentlyAskedQuestions");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FrequentlyAskedQuestions_1).default; } });

package/dist/cjs/lib/HorisontalCalendar/HorizontalCalendar.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-export type HorizontalCalendarProps = {
-    consultationDatesSeconds?: number[];
-    myNotesDatesSeconds?: number[];
-    toMeNotesDatesSeconds?: number[];
-    /**
-     * Days to be rendered. e.g. 15 - means 7 before today and 7 after today
-     */
-    daysToRender?: number;
-    value?: DayToRender | Date;
-    onChange?: (value: DayToRender) => void;
-    /**
-     * date from which a component should start coordinates.
-     * e.g. startFrom = "15.01.2022", daysToRender=5
-     * return ["13.02.2022", "14.01.2022", "15.01.2022", "16.01.2022", "17.01.2022"]
-     *
-     */
-    startFrom?: Date;
-    showSkeleton?: boolean;
-};
-declare enum DayOfWeek {
-    SUN = "\u041D\u0434",
-    MON = "\u041F\u043D",
-    TUE = "\u0412\u0442",
-    WED = "\u0421\u0440",
-    THU = "\u0427\u0442",
-    FRI = "\u041F\u0442",
-    SAT = "\u0421\u0431"
-}
-export type DayToRender = {
-    /**
-     * e.g. "2.2.122", "24.4.122"
-     */
-    shortDate: string;
-    dayOfMonth: number;
-    dayOfWeek: DayOfWeek;
-    date: Date;
-};
-export declare const HorizontalCalendar: React.FC<HorizontalCalendarProps>;
-export {};

package/dist/cjs/lib/HorisontalCalendar/HorizontalCalendar.js

@@ -1,146 +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.HorizontalCalendar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const HorizontalCalendar_styled_1 = __importDefault(require("./HorizontalCalendar.styled"));
-const react_2 = require("@ionic/react");
-var DayOfWeek;
-(function (DayOfWeek) {
-    DayOfWeek["SUN"] = "\u041D\u0434";
-    DayOfWeek["MON"] = "\u041F\u043D";
-    DayOfWeek["TUE"] = "\u0412\u0442";
-    DayOfWeek["WED"] = "\u0421\u0440";
-    DayOfWeek["THU"] = "\u0427\u0442";
-    DayOfWeek["FRI"] = "\u041F\u0442";
-    DayOfWeek["SAT"] = "\u0421\u0431";
-})(DayOfWeek || (DayOfWeek = {}));
-function dateToDayOfWeek(date) {
-    const day = date.getDay();
-    switch (day) {
-        default:
-        case 0:
-            return DayOfWeek.SUN;
-        case 1:
-            return DayOfWeek.MON;
-        case 2:
-            return DayOfWeek.TUE;
-        case 3:
-            return DayOfWeek.WED;
-        case 4:
-            return DayOfWeek.THU;
-        case 5:
-            return DayOfWeek.FRI;
-        case 6:
-            return DayOfWeek.SAT;
-    }
-}
-function dateToShortDate(d) {
-    return d.toDateString();
-}
-const MILLISECONDS_IN_DAY = 24 * 60 * 60 * 1000;
-function getDaysToRender(daysToRender = 15, startFrom = new Date()) {
-    const daysAroundTodayCount = Math.floor(daysToRender / 2);
-    const days = [];
-    const startingDate = startFrom.valueOf() - (MILLISECONDS_IN_DAY * daysAroundTodayCount);
-    for (let i = 0, currentDate = startingDate; i < daysToRender; i++, currentDate += MILLISECONDS_IN_DAY) {
-        const date = new Date(currentDate);
-        days.push({
-            shortDate: dateToShortDate(date),
-            dayOfWeek: dateToDayOfWeek(date),
-            dayOfMonth: date.getDate(),
-            date: date,
-        });
-    }
-    return days;
-}
-function secondsToShortDate(seconds) {
-    const date = new Date(seconds * 1000);
-    return dateToShortDate(date);
-}
-function secondsArrayToShortDatesSet(secondsArray = []) {
-    if (!Array.isArray(secondsArray))
-        return new Set();
-    const shortDatesArray = secondsArray.map(sec => secondsToShortDate(sec));
-    const set = new Set(shortDatesArray);
-    return set;
-}
-const HorizontalCalendar = (props) => {
-    var _a;
-    const dateNow = new Date();
-    const [daysToRender, setDaysToRender] = (0, react_1.useState)([]);
-    const currentShortDate = dateToShortDate(dateNow);
-    const todayRef = (0, react_1.useRef)(null);
-    const consultationsShortDatesSet = (0, react_1.useMemo)(() => {
-        return secondsArrayToShortDatesSet(props.consultationDatesSeconds);
-    }, [props.consultationDatesSeconds]);
-    const myNotesDatesSet = (0, react_1.useMemo)(() => {
-        return secondsArrayToShortDatesSet(props.myNotesDatesSeconds);
-    }, [props.myNotesDatesSeconds]);
-    const toMeNotesDatesSet = (0, react_1.useMemo)(() => {
-        return secondsArrayToShortDatesSet(props.toMeNotesDatesSeconds);
-    }, [props.toMeNotesDatesSeconds]);
-    (0, react_1.useEffect)(() => {
-        const toRender = getDaysToRender(props.daysToRender, props.startFrom);
-        setDaysToRender(toRender);
-    }, [props.daysToRender, dateNow.getDate(), props.startFrom]);
-    const scrollToSelectedDay = (0, react_1.useCallback)(() => {
-        var _a;
-        if (props.showSkeleton)
-            return;
-        if (!todayRef.current)
-            return;
-        (_a = todayRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });
-    }, [todayRef.current, props.showSkeleton]);
-    (0, react_1.useEffect)(() => {
-        scrollToSelectedDay();
-    }, [todayRef.current, props.showSkeleton]);
-    (0, react_1.useEffect)(() => {
-        // eslint-disable-next-line no-restricted-globals
-        const S = self;
-        const handler = () => {
-            scrollToSelectedDay();
-        };
-        S.addEventListener('calendar_scroll', handler);
-        return () => {
-            S.removeEventListener('calendar_scroll', handler);
-        };
-    }, []);
-    (0, react_2.useIonViewDidEnter)(scrollToSelectedDay);
-    const valueShortDate = props.value && (props.value instanceof Date ?
-        dateToShortDate(props.value)
-        : (_a = props.value) === null || _a === void 0 ? void 0 : _a.shortDate);
-    return ((0, jsx_runtime_1.jsx)(HorizontalCalendar_styled_1.default, { children: (0, jsx_runtime_1.jsx)("ul", { children: daysToRender.map(day => {
-                if (props.showSkeleton) {
-                    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "day skeleton" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "title" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { className: "sk", animated: true }) })), (0, jsx_runtime_1.jsx)("div", { className: "tags" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "day-content" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { className: "sk", animated: true }) }))] })) }, day.shortDate));
-                }
-                const isToday = day.shortDate === currentShortDate;
-                const hasConsultations = consultationsShortDatesSet.has(day.shortDate);
-                const isSelected = props.value ? (valueShortDate === day.shortDate) : isToday;
-                const hasMyNote = myNotesDatesSet.has(day.shortDate);
-                const hasToMeNotes = toMeNotesDatesSet.has(day.shortDate);
-                const classList = [];
-                if (isSelected)
-                    classList.push('selected');
-                if (isToday)
-                    classList.push('today');
-                if (hasConsultations)
-                    classList.push('has-consultation');
-                if (hasMyNote)
-                    classList.push('has-my-note');
-                if (hasToMeNotes)
-                    classList.push('has-tome-notes');
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                const attributes = {};
-                if (classList.length) {
-                    attributes.className = classList.join(' ');
-                }
-                return ((0, jsx_runtime_1.jsx)("li", Object.assign({ onClick: () => {
-                        props.onChange && props.onChange(day);
-                    } }, attributes, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "day", ref: isToday ? todayRef : null }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "title" }, { children: isToday ? 'Зараз' : day.dayOfWeek })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "tags" }, { children: (0, jsx_runtime_1.jsx)("span", { className: "draw" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "day-content" }, { children: day.dayOfMonth }))] })) }), day.shortDate));
-            }) }) }));
-};
-exports.HorizontalCalendar = HorizontalCalendar;

package/dist/cjs/lib/HorisontalCalendar/HorizontalCalendar.styled.d.ts

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