@mindly/ui-components 7.5.2 → 8.0.0-alpha.32

package/dist/esm/lib/navigation-bar/NavigationBar.style.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface ContainerProps {
+    isIos: boolean;
+    isInternetConnected: boolean;
+}
+export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonHeader & Pick<import("react").HTMLAttributes<HTMLIonHeaderElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonHeaderElement>>, any, ContainerProps, never>;
+export declare const PositionRelative: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/esm/lib/navigation-bar/NavigationBar.style.js

@@ -0,0 +1,72 @@
+import styled, { css } from 'styled-components';
+import { IonHeader } from '@ionic/react';
+import { colorConstants } from '../Theme/mindly_constants';
+export const Container = styled(IonHeader) `
+  padding: ${(props) => props.isInternetConnected ? '10px 16px' : '40px 16px 16px'};
+  background: #ffffff;
+  position: fixed;
+  z-index: 1000;
+  min-height: ${(props) => (props.isInternetConnected ? '44px' : '74px')};
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
+  color: ${colorConstants.secondaryTextColor};
+
+  @media (min-width: 600px) {
+    padding-left: calc((100vw - 468px) / 2);
+    padding-right: calc((100vw - 468px) / 2);
+  }
+
+  @media (min-width: 1024px) {
+    padding-left: calc((100vw - 960px) / 2);
+    padding-right: calc((100vw - 960px) / 2);
+  }
+
+  .left {
+    cursor: pointer;
+    position: absolute;
+    color: ${colorConstants.primaryColor};
+    left: 0;
+  }
+
+  .right {
+    cursor: pointer;
+    color: ${colorConstants.primaryColor};
+    position: absolute;
+    right: 0;
+  }
+
+  &:after {
+    background-image: none;
+  }
+
+  ${(props) => props.isIos &&
+    css `
+      padding: ${props.isInternetConnected
+        ? '54px 16px 10px'
+        : '64px 16px 10px'};
+      min-height: ${props.isInternetConnected ? '88px' : '98px'};
+
+      .left {
+        position: absolute;
+        left: 0;
+      }
+
+      .right {
+        position: absolute;
+        right: 0;
+      }
+    `}
+`;
+export const PositionRelative = styled.div `
+  position: relative;
+  display: flex;
+  text-align: center;
+  justify-content: center;
+
+  @media (min-width: 600px) {
+    width: 468px;
+  }
+
+  @media (min-width: 1024px) {
+    width: 960px;
+  }
+`;

package/dist/esm/lib/no-internet-connection/NoInternetConnection.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReactComponent as Icon } from './NoInternetConnection.svg';
+import { Container } from './NoInternetConnection.style';
+import '../Theme/global.css';
+export const NoInternetConnection = (props) => {
+    var _a;
+    return (_jsxs(Container, Object.assign({ isInternetConnected: props.isInternetConnected, isIos: props.isIos }, { children: [_jsx(Icon, {}), _jsx("span", { children: (_a = props.heading) !== null && _a !== void 0 ? _a : 'Інтернет підключення відсутнє' })] })));
+};

package/dist/esm/lib/no-internet-connection/NoInternetConnection.style.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 interface ContainerProps {
     isInternetConnected: boolean;
     isIos: boolean;
 }
-export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
 export {};

package/dist/esm/lib/no-internet-connection/NoInternetConnection.style.js

@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+import { colorConstants } from '../Theme/mindly_constants';
+export const Container = styled.div `
+  z-index: 999;
+  position: fixed;
+  box-sizing: border-box;
+  background: ${colorConstants.AccentCross};
+  width: 100%;
+  display: ${(props) => (props.isInternetConnected ? 'none' : 'flex')};
+  justify-content: center;
+  align-items: center;
+  padding: ${(props) => (props.isIos ? '32px 0 8px' : '8px 0')};
+
+  span {
+    font-size: 10px;
+    line-height: 14px;
+    margin-left: 8px;
+    color: ${colorConstants.White};
+  }
+`;

package/dist/esm/lib/notes-card-text/NotesCardText.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type NotesCardTextProps = {
+    text: string;
+};
+declare const NotesCardText: React.FC<NotesCardTextProps>;
+export default NotesCardText;

package/dist/esm/lib/notes-card-text/NotesCardText.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledNotesCardPre } from './NotesCardText.style';
+import { useCallback } from 'react';
+function setHttp(link) {
+    //eslint-disable-next-line no-useless-escape
+    if (link.search(/^http[s]?\:\/\//) == -1) {
+        link = 'https://' + link;
+    }
+    return link;
+}
+const NotesCardText = ({ text }) => {
+    const matchAndReplaceLinkToATag = useCallback(() => {
+        const expression = 
+        // eslint-disable-next-line max-len
+        /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi;
+        const regex = RegExp(expression);
+        return text.split(regex).map((textPart, index) => regex.test(textPart) ? (_jsx("a", Object.assign({ className: "text-link", href: setHttp(textPart), target: "_blank", rel: "noreferrer" }, { children: textPart }), index)) : (textPart));
+    }, [text]);
+    return _jsx(StyledNotesCardPre, { children: matchAndReplaceLinkToATag() });
+};
+export default NotesCardText;

package/dist/esm/lib/notes-card-text/NotesCardText.style.d.ts

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

package/dist/esm/lib/notes-card-text/NotesCardText.style.js

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+export const StyledNotesCardPre = styled.pre `
+  overflow-y: hidden;
+  overflow-x: auto;
+
+  white-space: pre-wrap;
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  color: #1d201f;
+`;

package/dist/esm/lib/notes-card-text/index.d.ts

@@ -0,0 +1 @@
+export * from './NotesCardText';

package/dist/esm/lib/notes-card-text/index.js

@@ -0,0 +1 @@
+export * from './NotesCardText';

package/dist/esm/lib/notes-editor/NotesEditor.d.ts

@@ -0,0 +1,5 @@
+import React, { HTMLAttributes, RefAttributes } from 'react';
+import { JSX } from '@ionic/core/components';
+export type NotesEditorProps = JSX.IonTextarea & HTMLAttributes<HTMLIonTextareaElement> & RefAttributes<HTMLIonTextareaElement>;
+declare const NotesEditor: React.ForwardRefExoticComponent<Omit<NotesEditorProps, "ref"> & React.RefAttributes<HTMLIonTextareaElement>>;
+export default NotesEditor;

package/dist/esm/lib/notes-editor/NotesEditor.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { StyledIonTextarea } from './NotesEditor.styled';
+const NotesEditor = forwardRef((props, ref) => {
+    return _jsx(StyledIonTextarea, Object.assign({ autoGrow: true, ref: ref }, props));
+});
+NotesEditor.displayName = 'NotesEditor';
+export default NotesEditor;

package/dist/esm/lib/notes-editor/NotesEditor.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledIonTextarea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonTextarea & Pick<import("react").HTMLAttributes<HTMLIonTextareaElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTextareaElement>>, any, {}, never>;

package/dist/esm/lib/notes-editor/NotesEditor.styled.js

@@ -0,0 +1,23 @@
+import { IonTextarea } from '@ionic/react';
+import styled from 'styled-components';
+export const StyledIonTextarea = styled(IonTextarea) `
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 24px;
+  --padding-bottom: 20px !important;
+  --padding-end: 16px !important;
+  --padding-start: 16px !important;
+  --padding-top: 0 !important;
+
+  textarea {
+    min-height: 300px !important;
+
+    overflow: hidden !important;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+`;

package/dist/esm/lib/scroll-tabs/ScrollTabs.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../Theme/global.css';
+export interface ScrollTabsProps {
+    setActiveTab: (e?: string) => void;
+    value: 'profile' | 'video' | 'articles';
+}
+export declare const ScrollTabs: React.FC<ScrollTabsProps>;

package/dist/esm/lib/scroll-tabs/ScrollTabs.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IonLabel } from '@ionic/react';
+import { Button, Container } from './ScrollTabs.style';
+import '../Theme/global.css';
+export const ScrollTabs = (props) => {
+    return (_jsxs(Container, Object.assign({ value: props.value, mode: "ios", onIonChange: (e) => props.setActiveTab(e.detail.value) }, { children: [_jsx(Button, Object.assign({ value: "profile", "data-testid": "profile" }, { children: _jsx(IonLabel, { children: _jsx("h5", { children: "\u041F\u0440\u043E\u0444\u0456\u043B\u044C" }) }) })), _jsx(Button, Object.assign({ value: "video", "data-testid": "video" }, { children: _jsx(IonLabel, { children: _jsx("h5", { children: "\u0412\u0456\u0434\u0435\u043E" }) }) })), _jsx(Button, Object.assign({ value: "articles", "data-testid": "articles" }, { children: _jsx(IonLabel, { children: _jsx("h5", { children: "\u0421\u0442\u0430\u0442\u0442\u0456" }) }) }))] })));
+};

package/dist/esm/lib/scroll-tabs/ScrollTabs.style.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSegment & Pick<import("react").HTMLAttributes<HTMLIonSegmentElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentElement>>, any, {}, never>;
+export declare const Button: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSegmentButton & Pick<import("react").HTMLAttributes<HTMLIonSegmentButtonElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentButtonElement>>, any, {}, never>;

package/dist/esm/lib/scroll-tabs/ScrollTabs.style.js

@@ -0,0 +1,17 @@
+import styled from 'styled-components';
+import { IonSegment, IonSegmentButton } from '@ionic/react';
+import { colorConstants } from '../Theme/mindly_constants';
+export const Container = styled(IonSegment) `
+  --background: ${colorConstants.AccentTabsBgColor};
+`;
+export const Button = styled(IonSegmentButton) `
+  --background-checked: ${colorConstants.White};
+  --background-focused: ${colorConstants.White};
+  --background-hover: ${colorConstants.White};
+  --color: ${colorConstants.primaryTextColor};
+  --color-checked: ${colorConstants.primaryTextColor};
+  --color-focused: ${colorConstants.primaryTextColor};
+  --color-hover: ${colorConstants.primaryTextColor};
+  --transition: 0;
+  --indicator-transform: 0;
+`;

package/dist/esm/lib/tab-bar/TabBar.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export interface TabBarProps {
+    children: ReactNode;
+    isIos: boolean;
+}
+export declare const TabBar: React.FC<TabBarProps>;

package/dist/esm/lib/tab-bar/TabBar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Container } from './TabBar.style';
+export const TabBar = (props) => {
+    return _jsx(Container, Object.assign({ isIos: props.isIos }, { children: props.children }));
+};

package/dist/esm/lib/tab-bar/TabBar.style.d.ts

@@ -0,0 +1,5 @@
+interface ContainerProps {
+    isIos: boolean;
+}
+export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
+export {};

package/dist/esm/lib/tab-bar/TabBar.style.js

@@ -0,0 +1,38 @@
+import styled from 'styled-components';
+import { colorConstants } from '../Theme/mindly_constants';
+export const Container = styled.div `
+  display: flex;
+  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.08);
+  position: fixed;
+  bottom: -1px;
+  width: 100vw;
+  border: none;
+  padding-bottom: ${(props) => (props.isIos ? '34px' : '10px')};
+  color: ${colorConstants.secondaryTextColor};
+  padding-top: 10px;
+  justify-content: center;
+  background: white;
+
+  div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 150px;
+    flex-grow: 1;
+    flex-basis: 0;
+    cursor: pointer;
+  }
+
+  ion-icon {
+    font-size: 28px;
+    margin: 0;
+  }
+
+  ion-label {
+    font-weight: 700;
+    font-size: 10px;
+    margin: 0;
+    line-height: 14px;
+    font-family: 'Lato Bold', sans-serif;
+  }
+`;

package/dist/esm/lib/therapist-information-component/TherapistInformationComponent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import '../Theme/global.css';
+export interface TherapistInformationComponentProps {
+    avatar: string;
+    experience: string;
+    duration: string;
+    price: string;
+    ['data-testid']?: string;
+}
+export declare const TherapistInformationComponent: React.FC<TherapistInformationComponentProps>;

package/dist/esm/lib/therapist-information-component/TherapistInformationComponent.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container, Info } from './TherapistInformationComponent.style';
+import { timeOutline, cardOutline, briefcaseOutline } from 'ionicons/icons';
+import { IonIcon } from '@ionic/react';
+import '../Theme/global.css';
+export const TherapistInformationComponent = (props) => {
+    return (_jsxs(Container, Object.assign({ "data-testid": props['data-testid'] }, { children: [_jsx("img", { src: props.avatar, alt: "therapist avatar" }), _jsxs(Info, { children: [_jsxs("h3", Object.assign({ className: "semiBold" }, { children: [_jsx(IonIcon, { icon: briefcaseOutline, color: "primary" }), props.experience] })), _jsxs("h3", Object.assign({ className: "semiBold" }, { children: [_jsx(IonIcon, { icon: timeOutline, color: "primary" }), props.duration] })), _jsxs("h3", Object.assign({ className: "semiBold" }, { children: [_jsx(IonIcon, { icon: cardOutline, color: "primary" }), props.price] }))] })] })));
+};

package/dist/esm/lib/therapist-information-component/TherapistInformationComponent.style.d.ts

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

package/dist/esm/lib/therapist-information-component/TherapistInformationComponent.style.js

@@ -0,0 +1,38 @@
+import styled from 'styled-components';
+import { colorConstants } from '../Theme/mindly_constants';
+export const Container = styled.div `
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+
+  img {
+    width: 100%;
+    height: 222px;
+    border-radius: 8px;
+    object-fit: cover;
+
+    @media (min-width: 600px) {
+      height: auto;
+    }
+
+    @media (min-width: 1024px) {
+      height: auto;
+    }
+  }
+`;
+export const Info = styled.div `
+  display: flex;
+  justify-content: space-between;
+  margin-top: 16px;
+
+  h3 {
+    color: ${colorConstants.primaryTextColor};
+    display: flex;
+    align-items: center;
+
+    ion-icon {
+      margin-right: 4px;
+      font-size: 24px;
+    }
+  }
+`;

package/dist/esm/lib/userAppTypes.js

@@ -0,0 +1,5 @@
+export var PaidTypes;
+(function (PaidTypes) {
+    PaidTypes["paid_100"] = "paid_100";
+    PaidTypes["paid_0"] = "paid_0";
+})(PaidTypes || (PaidTypes = {}));

package/dist/esm/lib/your-local-time-block/YourLocalTimeBlock.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import '../Theme/global.css';
+export interface YourLocalTimeBlockProps {
+    text?: string;
+}
+export declare const YourLocalTimeBlock: React.FC<YourLocalTimeBlockProps>;

package/dist/esm/lib/your-local-time-block/YourLocalTimeBlock.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyledContainer, StyledTextWrapper, } from './YourLocalTimeBlock.styled';
+import '../Theme/global.css';
+export const YourLocalTimeBlock = ({ text = 'За Вашим місцевим часом', }) => {
+    return (_jsx(StyledContainer, { children: _jsxs(StyledTextWrapper, { children: [_jsx("img", { src: "./YourLocalTimeBlock.png", alt: "clock" }), _jsx("span", { children: text })] }) }));
+};

package/dist/esm/lib/your-local-time-block/YourLocalTimeBlock.styled.d.ts

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

package/dist/esm/lib/your-local-time-block/YourLocalTimeBlock.styled.js

@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+export const StyledContainer = styled.div `
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #d6f2f9;
+  border-radius: 4px;
+`;
+export const StyledTextWrapper = styled.div `
+  padding: 8px 0;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  img {
+    width: 20px;
+    margin-right: 10px;
+  }
+  span {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+    max-width: 200px;
+    overflow-wrap: break-word;
+  }
+`;

package/dist/esm/lib2/features/AcceptAgreementFeature/AcceptAgreemnetFeature.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconCheckboxChecked, IconCheckboxUnchecked, Typography, TypographyVariantsEnum } from '../../shared';
+export function AcceptAgreementFeature({ isAccepted, setIsAccepted, handlePressLink, translations }) {
+    const handleCheckboxClick = () => {
+        setIsAccepted(!isAccepted);
+    };
+    const handleLinkClick = (e) => {
+        e.stopPropagation(); // Prevent the click from propagating to the outer div
+        handlePressLink();
+    };
+    return (_jsxs("div", Object.assign({ className: "flex gap-x-2 mb-[18px] !leading-[140%]", onClick: handleCheckboxClick }, { children: [_jsx("div", Object.assign({ className: "flex items-center flex-shrink-0" }, { children: isAccepted ? _jsx(IconCheckboxChecked, { className: "!h-6 !w-6" }) : _jsx(IconCheckboxUnchecked, { className: "!h-6 !w-6" }) })), _jsxs("div", Object.assign({ className: "inline" }, { children: [_jsxs(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, className: "inline" }, { children: [translations[0], " "] })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, className: "inline !text-badges-info-main underline cursor-pointer", onClick: handleLinkClick }, { children: translations[1] })), _jsxs(Typography, Object.assign({ className: "inline", variant: TypographyVariantsEnum.Text14Regular }, { children: [" ", translations[2]] }))] }))] })));
+}

package/dist/esm/lib2/features/AcceptAgreementFeature/index.js

@@ -0,0 +1 @@
+export * from './AcceptAgreemnetFeature';

package/dist/esm/lib2/features/AppHeaderPageFeature/AppHeaderPageFeature.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { AppHeaderPageProps } from './types';
-declare const AppHeaderPage: React.FC<AppHeaderPageProps>;
+declare const AppHeaderPage: React.FC<PropsWithChildren<AppHeaderPageProps>>;
 export default AppHeaderPage;

package/dist/esm/lib2/features/AppNotSupporedFeature/AppNotSupportedFeature.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppFooter_v2 as AppFooter, Button_v2 as Button, Container_v2 as Container, ModalSheet, Typography, TypographyVariantsEnum, } from '../../shared';
+export function AppNotSupportedFeature({ isOpen, showMessenger, t, children }) {
+    return (_jsxs(ModalSheet, Object.assign({ heightInPx: 490, isOpen: isOpen, canDismiss: false }, { children: [_jsxs(Container, { children: [_jsx("div", Object.assign({ className: "mt-5 text-center text-[86px]" }, { children: "\uD83E\uDD7A" })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title24Semi, align: "center" }, { children: t === null || t === void 0 ? void 0 : t('old_device.title') })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, align: "center", className: "mt-3", opacity: 50 }, { children: t === null || t === void 0 ? void 0 : t('old_device.description') }))] }), _jsxs(AppFooter, { children: [children, _jsx(Button, Object.assign({ size: "large", fullWidth: true, onClick: () => showMessenger() }, { children: t === null || t === void 0 ? void 0 : t('old_device.button') }))] })] })));
+}

package/dist/esm/lib2/features/AppNotSupporedFeature/AppNotSupportedFeature.stories.js

@@ -0,0 +1,11 @@
+import { AppNotSupportedFeature } from './AppNotSupportedFeature';
+const meta = {
+    title: 'V2/Features/AppNotSupported',
+    component: AppNotSupportedFeature,
+};
+export default meta;
+export const Default = {
+    args: {
+        isOpen: true,
+    },
+};

package/dist/esm/lib2/features/AppNotSupporedFeature/index.js

@@ -0,0 +1 @@
+export * from './AppNotSupportedFeature';

package/dist/esm/lib2/features/CalendarPickerFeature/CalendarPickerFeature.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useEffect } from 'react';
+import { DrumListPicker } from '../../shared/ui/DrumListPicker';
+import { Typography, TypographyVariantsEnum, ModalSheet, Container_v2 as Container, Button_v2 as Button, } from '../../shared';
+import { useCalendarListData } from '../../shared/hooks/useCalendarData';
+import { getSelectedFormattedDate } from '../../shared/hooks/useSpecialistPayments';
+const CalendarPickerFeature = ({ t, date, locale, mode = 'button', opened, lastDate, dateCallback }) => {
+    const [selectedDate, setSelectedDate] = useState(new Date(date.setDate(2)));
+    const [isModalOpened, setIsModelOpened] = useState(opened);
+    const calendarList = useCalendarListData({ locale, lastDate });
+    useEffect(() => {
+        if (opened !== isModalOpened) {
+            setIsModelOpened(opened);
+        }
+    }, [opened]);
+    const closeModal = () => {
+        dateCallback(selectedDate);
+        setIsModelOpened(false);
+    };
+    return (_jsx(ModalSheet, Object.assign({ isOpen: isModalOpened, heightInPx: 402, onIonModalDidDismiss: closeModal }, { children: _jsxs(Container, Object.assign({ className: "pt-10 h-full flex flex-1 flex-col" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title24Semi, className: "mt-10 text-center" }, { children: t === null || t === void 0 ? void 0 : t('select_period.title') })), _jsx(DrumListPicker, { className: "relative", selections: { calendarList }, defaults: {
+                        calendarList: getSelectedFormattedDate(selectedDate, locale),
+                    }, onChange: (newDate) => {
+                        setSelectedDate(newDate.calendarList.value);
+                        if (mode !== 'button') {
+                            dateCallback(selectedDate);
+                            setIsModelOpened(false);
+                        }
+                    } }), mode === 'button' && (_jsx(Button, Object.assign({ onClick: () => {
+                        dateCallback(selectedDate);
+                        setIsModelOpened(false);
+                    }, className: "w-full text-center !mt-3", size: 'large' }, { children: t === null || t === void 0 ? void 0 : t('select_period.button') })))] })) })));
+};
+export default memo(CalendarPickerFeature);

package/dist/esm/lib2/features/CalendarPickerFeature/index.js

@@ -0,0 +1 @@
+export { default as CalendarPickerFeature } from './CalendarPickerFeature';