@mindly/ui-components 4.2.0 → 4.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/dist/cjs/configs/tailwind/container.d.ts +6 -0
  2. package/dist/cjs/deprecated/input/Input.style.d.ts +1 -1
  3. package/dist/cjs/index.js +4 -4
  4. package/dist/cjs/lib/AppFooter/AppFooter.style.d.ts +2 -2
  5. package/dist/cjs/lib/AppHeader/AppHeader.style.d.ts +2 -2
  6. package/dist/cjs/lib/BrowserNotSupport/NotSupportModal.style.d.ts +1 -1
  7. package/dist/cjs/lib/ChangeLangModal/ChangeLangModal.style.d.ts +1 -1
  8. package/dist/cjs/lib/Chat/Textarea/Textarea.style.d.ts +2 -2
  9. package/dist/cjs/lib/Consultations/ConsultationModal/ConsultationModal.style.d.ts +1 -1
  10. package/dist/cjs/lib/Consultations/SignUpSessionModal/SignUpSessionModal.style.d.ts +1 -1
  11. package/dist/cjs/lib/Consultations/UserInfoModal/UserInfoModal.style.d.ts +1 -1
  12. package/dist/cjs/lib/CustomButton/CustomButton.styled.d.ts +1 -1
  13. package/dist/cjs/lib/DaySlider/DaySlider.style.d.ts +1 -1
  14. package/dist/cjs/lib/Filters/ListSelect/ListSelect.style.d.ts +2 -2
  15. package/dist/cjs/lib/Filters/Range/Range.style.d.ts +1 -1
  16. package/dist/cjs/lib/Modal/Modal.style.d.ts +1 -1
  17. package/dist/cjs/lib/Refresher/Refresher.style.d.ts +1 -1
  18. package/dist/cjs/lib/RoundButton/RoundButton.styled.d.ts +1 -1
  19. package/dist/cjs/lib/Segment/Segment.style.d.ts +3 -3
  20. package/dist/cjs/lib/Skeleton/Skeleton.style.d.ts +1 -1
  21. package/dist/cjs/lib/SpecialistCard/SpecialistCard.style.d.ts +1 -1
  22. package/dist/cjs/lib/SpecialistProfile/ReviewStatistics/ReviewStatistics.style.d.ts +1 -1
  23. package/dist/cjs/lib/SpecialistProfile/SpecialistMatch/SpecialistMatch.style.d.ts +1 -1
  24. package/dist/cjs/lib/Spinner/Spinner.styled.d.ts +1 -1
  25. package/dist/cjs/lib/content-card/ContentCard.style.d.ts +1 -1
  26. package/dist/cjs/lib/footer-for-booking/FooterForBooking.style.d.ts +4 -4
  27. package/dist/cjs/lib/navigation-bar/NavigationBar.style.d.ts +1 -1
  28. package/dist/cjs/lib/notes-editor/NotesEditor.styled.d.ts +1 -1
  29. package/dist/cjs/lib/scroll-tabs/ScrollTabs.style.d.ts +2 -2
  30. package/dist/cjs/lib2/features/ChangeLanguageModal/ChangeLanguageModal.d.ts +3 -0
  31. package/dist/cjs/lib2/features/ChangeLanguageModal/index.d.ts +1 -0
  32. package/dist/cjs/lib2/features/ChangeLanguageModal/types.d.ts +14 -0
  33. package/dist/cjs/lib2/features/CountryOfOriginModal/CountryOfOriginModal.d.ts +5 -0
  34. package/dist/cjs/lib2/features/CountryOfOriginModal/index.d.ts +1 -0
  35. package/dist/cjs/lib2/features/CountryOfOriginModal/types.d.ts +10 -0
  36. package/dist/cjs/lib2/features/index.d.ts +2 -0
  37. package/dist/cjs/lib2/index.d.ts +1 -0
  38. package/dist/cjs/lib2/shared/assets/icons/icon-checkbox-checked.d.ts +7 -0
  39. package/dist/cjs/lib2/shared/assets/icons/icon-checkbox-unchecked.d.ts +7 -0
  40. package/dist/cjs/lib2/shared/hooks/index.d.ts +1 -0
  41. package/dist/cjs/lib2/shared/hooks/use-dom-ref.d.ts +2 -0
  42. package/dist/cjs/lib2/shared/index.d.ts +1 -0
  43. package/dist/cjs/lib2/shared/ui/AppFooter_v2/AppFooter_v2.style.d.ts +1 -1
  44. package/dist/cjs/lib2/shared/ui/AppHeader_v2/AppHeader_v2.d.ts +7 -0
  45. package/dist/cjs/lib2/shared/ui/AppHeader_v2/AppHeader_v2.stories.d.ts +6 -0
  46. package/dist/cjs/lib2/shared/ui/AppHeader_v2/index.d.ts +1 -0
  47. package/dist/cjs/lib2/shared/ui/Button_v2/Button_v2.style.d.ts +2 -2
  48. package/dist/cjs/lib2/shared/ui/Container_v2/Container_v2.styled.d.ts +1 -1
  49. package/dist/cjs/lib2/shared/ui/Flag_v2/Flag_v2.d.ts +1 -6
  50. package/dist/cjs/lib2/shared/ui/InputSearch/InputSearch.d.ts +5 -0
  51. package/dist/cjs/lib2/shared/ui/InputSearch/index.d.ts +1 -0
  52. package/dist/cjs/lib2/shared/ui/InputSearch/types.d.ts +10 -0
  53. package/dist/cjs/lib2/shared/ui/ListBox/ListBox.d.ts +2 -0
  54. package/dist/cjs/lib2/shared/ui/ListBox/index.d.ts +1 -0
  55. package/dist/cjs/lib2/shared/ui/ListBox/types.d.ts +2 -0
  56. package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxItem.d.ts +5 -0
  57. package/dist/cjs/lib2/shared/ui/ListBoxItem/index.d.ts +1 -0
  58. package/dist/cjs/lib2/shared/ui/ListBoxItem/types.d.ts +16 -0
  59. package/dist/cjs/lib2/shared/ui/Skeleton_v2/Skeleton_v2.style.d.ts +1 -1
  60. package/dist/cjs/lib2/shared/ui/index.d.ts +3 -0
  61. package/dist/esm/configs/tailwind/container.d.ts +6 -0
  62. package/dist/esm/deprecated/input/Input.style.d.ts +1 -1
  63. package/dist/esm/index.js +4 -4
  64. package/dist/esm/lib/AppFooter/AppFooter.style.d.ts +2 -2
  65. package/dist/esm/lib/AppHeader/AppHeader.style.d.ts +2 -2
  66. package/dist/esm/lib/BrowserNotSupport/NotSupportModal.style.d.ts +1 -1
  67. package/dist/esm/lib/ChangeLangModal/ChangeLangModal.style.d.ts +1 -1
  68. package/dist/esm/lib/Chat/Textarea/Textarea.style.d.ts +2 -2
  69. package/dist/esm/lib/Consultations/ConsultationModal/ConsultationModal.style.d.ts +1 -1
  70. package/dist/esm/lib/Consultations/SignUpSessionModal/SignUpSessionModal.style.d.ts +1 -1
  71. package/dist/esm/lib/Consultations/UserInfoModal/UserInfoModal.style.d.ts +1 -1
  72. package/dist/esm/lib/CustomButton/CustomButton.styled.d.ts +1 -1
  73. package/dist/esm/lib/DaySlider/DaySlider.style.d.ts +1 -1
  74. package/dist/esm/lib/Filters/ListSelect/ListSelect.style.d.ts +2 -2
  75. package/dist/esm/lib/Filters/Range/Range.style.d.ts +1 -1
  76. package/dist/esm/lib/Modal/Modal.style.d.ts +1 -1
  77. package/dist/esm/lib/Refresher/Refresher.style.d.ts +1 -1
  78. package/dist/esm/lib/RoundButton/RoundButton.styled.d.ts +1 -1
  79. package/dist/esm/lib/Segment/Segment.style.d.ts +3 -3
  80. package/dist/esm/lib/Skeleton/Skeleton.style.d.ts +1 -1
  81. package/dist/esm/lib/SpecialistCard/SpecialistCard.style.d.ts +1 -1
  82. package/dist/esm/lib/SpecialistProfile/ReviewStatistics/ReviewStatistics.style.d.ts +1 -1
  83. package/dist/esm/lib/SpecialistProfile/SpecialistMatch/SpecialistMatch.style.d.ts +1 -1
  84. package/dist/esm/lib/Spinner/Spinner.styled.d.ts +1 -1
  85. package/dist/esm/lib/content-card/ContentCard.style.d.ts +1 -1
  86. package/dist/esm/lib/footer-for-booking/FooterForBooking.style.d.ts +4 -4
  87. package/dist/esm/lib/navigation-bar/NavigationBar.style.d.ts +1 -1
  88. package/dist/esm/lib/notes-editor/NotesEditor.styled.d.ts +1 -1
  89. package/dist/esm/lib/scroll-tabs/ScrollTabs.style.d.ts +2 -2
  90. package/dist/esm/lib2/features/ChangeLanguageModal/ChangeLanguageModal.d.ts +3 -0
  91. package/dist/esm/lib2/features/ChangeLanguageModal/index.d.ts +1 -0
  92. package/dist/esm/lib2/features/ChangeLanguageModal/types.d.ts +14 -0
  93. package/dist/esm/lib2/features/CountryOfOriginModal/CountryOfOriginModal.d.ts +5 -0
  94. package/dist/esm/lib2/features/CountryOfOriginModal/index.d.ts +1 -0
  95. package/dist/esm/lib2/features/CountryOfOriginModal/types.d.ts +10 -0
  96. package/dist/esm/lib2/features/index.d.ts +2 -0
  97. package/dist/esm/lib2/index.d.ts +1 -0
  98. package/dist/esm/lib2/shared/assets/icons/icon-checkbox-checked.d.ts +7 -0
  99. package/dist/esm/lib2/shared/assets/icons/icon-checkbox-unchecked.d.ts +7 -0
  100. package/dist/esm/lib2/shared/hooks/index.d.ts +1 -0
  101. package/dist/esm/lib2/shared/hooks/use-dom-ref.d.ts +2 -0
  102. package/dist/esm/lib2/shared/index.d.ts +1 -0
  103. package/dist/esm/lib2/shared/ui/AppFooter_v2/AppFooter_v2.style.d.ts +1 -1
  104. package/dist/esm/lib2/shared/ui/AppHeader_v2/AppHeader_v2.d.ts +7 -0
  105. package/dist/esm/lib2/shared/ui/AppHeader_v2/AppHeader_v2.stories.d.ts +6 -0
  106. package/dist/esm/lib2/shared/ui/AppHeader_v2/index.d.ts +1 -0
  107. package/dist/esm/lib2/shared/ui/Button_v2/Button_v2.style.d.ts +2 -2
  108. package/dist/esm/lib2/shared/ui/Container_v2/Container_v2.styled.d.ts +1 -1
  109. package/dist/esm/lib2/shared/ui/Flag_v2/Flag_v2.d.ts +1 -6
  110. package/dist/esm/lib2/shared/ui/InputSearch/InputSearch.d.ts +5 -0
  111. package/dist/esm/lib2/shared/ui/InputSearch/index.d.ts +1 -0
  112. package/dist/esm/lib2/shared/ui/InputSearch/types.d.ts +10 -0
  113. package/dist/esm/lib2/shared/ui/ListBox/ListBox.d.ts +2 -0
  114. package/dist/esm/lib2/shared/ui/ListBox/index.d.ts +1 -0
  115. package/dist/esm/lib2/shared/ui/ListBox/types.d.ts +2 -0
  116. package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxItem.d.ts +5 -0
  117. package/dist/esm/lib2/shared/ui/ListBoxItem/index.d.ts +1 -0
  118. package/dist/esm/lib2/shared/ui/ListBoxItem/types.d.ts +16 -0
  119. package/dist/esm/lib2/shared/ui/Skeleton_v2/Skeleton_v2.style.d.ts +1 -1
  120. package/dist/esm/lib2/shared/ui/index.d.ts +3 -0
  121. package/dist/index.d.ts +56 -8
  122. package/package.json +4 -1
  123. package/src/configs/tailwind/container.ts +5 -0
  124. package/src/lib2/shared/css/tailwind.css +0 -2
  125. package/src/lib2/shared/css/variables.css +5 -0
  126. package/dist/cjs/lib2/shared/ui/Flag_v2/flags/Pl.d.ts +0 -2
  127. package/dist/cjs/lib2/shared/ui/Flag_v2/flags/Uk.d.ts +0 -2
  128. package/dist/esm/lib2/shared/ui/Flag_v2/flags/Pl.d.ts +0 -2
  129. package/dist/esm/lib2/shared/ui/Flag_v2/flags/Uk.d.ts +0 -2
@@ -1,11 +1,6 @@
1
1
  import React from 'react';
2
- declare const flagsComponents: {
3
- uk: React.LazyExoticComponent<() => JSX.Element>;
4
- pl: React.LazyExoticComponent<() => JSX.Element>;
5
- };
6
- export type AvailableFlags = keyof typeof flagsComponents;
7
2
  type FlagProps = {
8
- name: AvailableFlags;
3
+ name: string;
9
4
  className?: string;
10
5
  };
11
6
  declare const _default: React.NamedExoticComponent<FlagProps>;
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import { FieldSearchType } from './types';
3
+ import { WithTranslation } from 'react-i18next';
4
+ declare const InputSearch: React.FC<FieldSearchType & WithTranslation['t']>;
5
+ export default InputSearch;
@@ -0,0 +1 @@
1
+ export { default as InputSearch } from './InputSearch';
@@ -0,0 +1,10 @@
1
+ import { SearchbarChangeEventDetail } from '@ionic/core';
2
+ import { IonSearchbarCustomEvent } from '@ionic/core/dist/types/components';
3
+ export type FieldSearchType = {
4
+ className?: string;
5
+ onCancelClick: () => void;
6
+ onIonChange: (event: IonSearchbarCustomEvent<SearchbarChangeEventDetail>) => void;
7
+ value: string;
8
+ debounce?: number;
9
+ placeholder?: string;
10
+ };
@@ -0,0 +1,2 @@
1
+ import { ListBoxProps } from './types';
2
+ export default function ListBox<T extends Record<string, unknown>>(props: ListBoxProps<T>): JSX.Element;
@@ -0,0 +1 @@
1
+ export { default as ListBox } from './ListBox';
@@ -0,0 +1,2 @@
1
+ import { AriaListBoxProps } from 'react-aria';
2
+ export type ListBoxProps<T> = AriaListBoxProps<T>;
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import { ItemProps } from 'react-stately';
3
+ import { ListBoxItemProps, ListOptionsProps } from './types';
4
+ export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLLIElement>>;
5
+ export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './ListBoxItem';
@@ -0,0 +1,16 @@
1
+ import { ListState, Node } from 'react-stately';
2
+ import * as React from 'react';
3
+ export type ListOptionsProps = {
4
+ item: Node<unknown>;
5
+ state: ListState<unknown>;
6
+ icon?: React.ReactNode;
7
+ divider?: boolean;
8
+ value?: string;
9
+ };
10
+ export type ListBoxItemProps = {
11
+ icon?: React.ReactNode;
12
+ divider?: boolean;
13
+ value?: string;
14
+ children: React.ReactNode;
15
+ className?: string;
16
+ };
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const IonSkeletonStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSkeletonText & Pick<import("react").HTMLAttributes<HTMLIonSkeletonTextElement>, "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" | "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" | "children" | "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<HTMLIonSkeletonTextElement>>, any, {}, never>;
2
+ export declare const IonSkeletonStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSkeletonText & Pick<import("react").HTMLAttributes<HTMLIonSkeletonTextElement>, "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<HTMLIonSkeletonTextElement>>, any, {}, never>;
@@ -7,3 +7,6 @@ export * from './Container_v2';
7
7
  export * from './Flag_v2';
8
8
  export * from './Picture';
9
9
  export * from './Badge';
10
+ export * from './AppHeader_v2';
11
+ export * from './ListBoxItem';
12
+ export * from './ListBox';
package/dist/index.d.ts CHANGED
@@ -3,7 +3,11 @@ import React__default, { ReactNode, CSSProperties, HTMLAttributes, RefAttributes
3
3
  import { JSX as JSX$1 } from '@ionic/core/components';
4
4
  import { RatingComponentProps } from 'react-rating';
5
5
  import { RefresherEventDetail, ScrollDetail, ScrollBaseDetail } from '@ionic/react';
6
- import { IonContentCustomEvent } from '@ionic/core/dist/types/components';
6
+ import { IonContentCustomEvent, IonSearchbarCustomEvent } from '@ionic/core/dist/types/components';
7
+ import { Node, ListState, ItemProps } from 'react-stately';
8
+ import { AriaListBoxProps } from 'react-aria';
9
+ import { SearchbarChangeEventDetail } from '@ionic/core';
10
+ import { WithTranslation } from 'react-i18next';
7
11
 
8
12
  interface ButtonProps$2 {
9
13
  buttonType: 'primary' | 'secondary' | 'actionButton' | 'actionButtonDisabled' | 'secondaryWithStroke' | 'secondaryCancel' | 'actionButtonActive' | 'actionButtonGreen';
@@ -1466,13 +1470,8 @@ type ContainerProps = {
1466
1470
  };
1467
1471
  declare const Container_v2: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<HTMLIonContentElement>>;
1468
1472
 
1469
- declare const flagsComponents: {
1470
- uk: React__default.LazyExoticComponent<() => JSX.Element>;
1471
- pl: React__default.LazyExoticComponent<() => JSX.Element>;
1472
- };
1473
- type AvailableFlags = keyof typeof flagsComponents;
1474
1473
  type FlagProps = {
1475
- name: AvailableFlags;
1474
+ name: string;
1476
1475
  className?: string;
1477
1476
  };
1478
1477
  declare const _default$2: React__default.NamedExoticComponent<FlagProps>;
@@ -1502,6 +1501,28 @@ type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
1502
1501
 
1503
1502
  declare const _default: React.NamedExoticComponent<BadgeProps>;
1504
1503
 
1504
+ type ListOptionsProps = {
1505
+ item: Node<unknown>;
1506
+ state: ListState<unknown>;
1507
+ icon?: React.ReactNode;
1508
+ divider?: boolean;
1509
+ value?: string;
1510
+ };
1511
+ type ListBoxItemProps = {
1512
+ icon?: React.ReactNode;
1513
+ divider?: boolean;
1514
+ value?: string;
1515
+ children: React.ReactNode;
1516
+ className?: string;
1517
+ };
1518
+
1519
+ declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLLIElement>>;
1520
+ declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => JSX.Element;
1521
+
1522
+ type ListBoxProps<T> = AriaListBoxProps<T>;
1523
+
1524
+ declare function ListBox<T extends Record<string, unknown>>(props: ListBoxProps<T>): JSX.Element;
1525
+
1505
1526
  declare enum appThemes {
1506
1527
  client = "client",
1507
1528
  specialist = "specialist"
@@ -1512,4 +1533,31 @@ type ThemeProviderProps = {
1512
1533
 
1513
1534
  declare const ThemeProvider: FC<ThemeProviderProps>;
1514
1535
 
1515
- export { AppFooter, _default$5 as AppFooter_v2, AppHeader, ArchivedConsultationCard, AvailableFlags, Avatar, AvatarProps$1 as AvatarProps, _default$4 as Avatar_v2, _default as Badge, _default$j as BookingScheduleTime, _default$i as BookingSpecialistInfo, Button, Button_v2, CancelSession, ChangeLangModal, _default$E as ChatListItem, _default$C as ChatListSkeleton, _default$D as ChatMessage, ChatMessageSkeleton, _default$d as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, _default$v as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$s as ConsultationModal, _default$q as ConsultationSpecialistCard, Container, Container_v2, ContentCard, CustomButton, _default$e as CustomCheckbox, CustomRadioButton, _default$f as CustomSelect, _default$g as CustomTextarea, DatePicker, _default$o as DaySlider, DayToRender, _default$k as EducationCard, _default$B as EmptyChatList, EmptyChatMessages, _default$t as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$a as Flag, FlagTypes, _default$2 as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, LanguagesList, _default$I as LetterAvatar, _default$b as LineFileInput, ListButton, ListItemType, ListSelect, ListSelectProps, LouseConnect, _default$F as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$H as PersonDateTimeCard, _default$1 as Picture, _default$9 as ProfileInformation, _default$m as ProfileView, _default$c as ProgressBar, Range, _default$p as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$G as SelectImpressionEmoji, _default$u as SignUpSessionButton, _default$r as SignUpSessionModal, Skeleton, _default$3 as Skeleton_v2, _default$l as SpecialistAbout, SpecialistCard, _default$z as SpecialistEducationCard, SpecialistLangs, _default$8 as SpecialistMatch, _default$y as SpecialistProfileViewCard, _default$7 as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$h as TextInput, _default$A as Textarea, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastProps, Toggle, TooltipComponent, _default$6 as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, _default$w as VideoCallInfo, _default$x as VideoPlayer, _default$n as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, toast };
1536
+ declare function useDomRef<T extends HTMLElement = HTMLElement>(ref: React.RefObject<T | null> | React.ForwardedRef<T | null>): React.RefObject<T>;
1537
+
1538
+ type CountryOfOriginModalProps = {
1539
+ countries: string[];
1540
+ onSearchChange: (event: IonSearchbarCustomEvent<SearchbarChangeEventDetail>) => void;
1541
+ searchValue: string;
1542
+ searchPlaceholder?: string;
1543
+ onItemClick: (clickedItem: string) => void;
1544
+ } & JSX$1.IonModal;
1545
+
1546
+ declare const CountryOfOriginModal: React__default.FC<CountryOfOriginModalProps & WithTranslation>;
1547
+
1548
+ type LanguagesType = {
1549
+ name: string;
1550
+ code: string;
1551
+ };
1552
+ type ChangeLanguageModalProps = JSX$1.IonModal & {
1553
+ onModalClose: () => void;
1554
+ title: string;
1555
+ selected: string;
1556
+ isOpen: boolean;
1557
+ onSelect: (l: string) => void;
1558
+ languages: LanguagesType[];
1559
+ };
1560
+
1561
+ declare function ChangeLanguageModal({ title, onModalClose, onSelect, selected, languages, ...props }: ChangeLanguageModalProps): JSX.Element;
1562
+
1563
+ export { AppFooter, _default$5 as AppFooter_v2, AppHeader, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$4 as Avatar_v2, _default as Badge, _default$j as BookingScheduleTime, _default$i as BookingSpecialistInfo, Button, Button_v2, CancelSession, ChangeLangModal, ChangeLanguageModal, _default$E as ChatListItem, _default$C as ChatListSkeleton, _default$D as ChatMessage, ChatMessageSkeleton, _default$d as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, _default$v as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$s as ConsultationModal, _default$q as ConsultationSpecialistCard, Container, Container_v2, ContentCard, CountryOfOriginModal, CustomButton, _default$e as CustomCheckbox, CustomRadioButton, _default$f as CustomSelect, _default$g as CustomTextarea, DatePicker, _default$o as DaySlider, DayToRender, _default$k as EducationCard, _default$B as EmptyChatList, EmptyChatMessages, _default$t as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$a as Flag, FlagTypes, _default$2 as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, LanguagesList, _default$I as LetterAvatar, _default$b as LineFileInput, ListBox, ListBoxItem, ListButton, ListItemType, ListOption, ListSelect, ListSelectProps, LouseConnect, _default$F as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$H as PersonDateTimeCard, _default$1 as Picture, _default$9 as ProfileInformation, _default$m as ProfileView, _default$c as ProgressBar, Range, _default$p as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$G as SelectImpressionEmoji, _default$u as SignUpSessionButton, _default$r as SignUpSessionModal, Skeleton, _default$3 as Skeleton_v2, _default$l as SpecialistAbout, SpecialistCard, _default$z as SpecialistEducationCard, SpecialistLangs, _default$8 as SpecialistMatch, _default$y as SpecialistProfileViewCard, _default$7 as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$h as TextInput, _default$A as Textarea, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastProps, Toggle, TooltipComponent, _default$6 as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, _default$w as VideoCallInfo, _default$x as VideoPlayer, _default$n as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, toast, useDomRef };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindly/ui-components",
3
- "version": "4.2.0",
3
+ "version": "4.3.1",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "clean": "rimraf dist",
@@ -25,11 +25,14 @@
25
25
  "html-react-parser": "^3.0.4",
26
26
  "luxon": "^2.4.0",
27
27
  "react": "^17.0.2",
28
+ "react-aria": "^3.26.0",
28
29
  "react-countdown": "^2.3.2",
29
30
  "react-day-picker": "^8.0.5",
30
31
  "react-dom": "^17.0.2",
32
+ "react-i18next": "^13.2.2",
31
33
  "react-intersection-observer": "^9.5.2",
32
34
  "react-rating": "^2.0.5",
35
+ "react-stately": "^3.24.0",
33
36
  "styled-components": "^5.3.1",
34
37
  "swiper": "^8.4.7",
35
38
  "tailwind-variants": "^0.1.14"
@@ -0,0 +1,5 @@
1
+ export default {
2
+ maxWidth: {
3
+ container: '410px',
4
+ },
5
+ };
@@ -6,8 +6,6 @@
6
6
  :root {
7
7
  --typography-typography-primary: 33 33 33;
8
8
 
9
- --borders-divider: 33 33 33;
10
-
11
9
  --color-background-white: 255 255 255;
12
10
  --color-background-anti-flash-white: 245 247 250;
13
11
 
@@ -4,4 +4,9 @@
4
4
  --buttons-btn-primary: #212121;
5
5
  --buttons-btn-text: #FFF;
6
6
  --buttons-btn-pressed: #3B3B3B;
7
+
8
+ --field-field-hint: rgba(33, 33, 33, 0.35);
9
+ --field-field-bg: rgba(33, 33, 33, 0.35);
10
+
11
+ --borders-divider: rgba(33, 33, 33, 0.1);
7
12
  }
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;