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

package/dist/esm/lib2/shared/ui/Calendar/utils/getWeekDayNames.js

@@ -1,10 +0,0 @@
-import { DateTime } from 'luxon';
-export function getWeekDates(locale, timeZone) {
-    const names = [];
-    for (let i = 1; i <= 7; i++) {
-        const day = DateTime.fromObject({ weekday: i }, { zone: timeZone, locale });
-        const fullDayName = day.weekdayShort;
-        names.push(fullDayName);
-    }
-    return names;
-}

package/dist/esm/lib2/shared/ui/CheckBoxItem/CheckBoxItem.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useMemo } from 'react';
-import { IconCheckboxChecked, IconCheckboxUnchecked, IconRadioButtonChecked, } from '../../assets';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-export var SelectItemType;
-(function (SelectItemType) {
-    SelectItemType["Checkbox"] = "checkbox";
-    SelectItemType["Radio"] = "radio";
-})(SelectItemType || (SelectItemType = {}));
-const CheckBoxItem = forwardRef(({ type, checked, value, name, label, onChange }, ref) => {
-    const CheckedIcon = useMemo(() => {
-        const checkedIconTypes = {
-            [SelectItemType.Checkbox]: IconCheckboxChecked,
-            [SelectItemType.Radio]: IconRadioButtonChecked,
-        };
-        return checkedIconTypes[type];
-    }, [type]);
-    return (_jsxs("label", Object.assign({ className: "w-full flex items-center justify-between py-5" }, { children: [_jsx("input", { className: "h-0 w-0 absolute opacity-0", ref: ref, checked: checked, readOnly: true, onClick: () => {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(value);
-                }, name: name, type: type, value: value }), _jsx("div", Object.assign({ className: "flex items-center gap-4" }, { children: _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular }, { children: label })) })), checked ? (_jsx(CheckedIcon, { className: "w-6 h-6 fill-color-black" })) : (_jsx(IconCheckboxUnchecked, { className: "w-6 h-6 fill-color-black" }))] })));
-});
-CheckBoxItem.displayName = 'CheckBoxItem';
-export default CheckBoxItem;

package/dist/esm/lib2/shared/ui/CheckBoxItem/index.js

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

package/dist/esm/lib2/shared/ui/CollapsableText/CollapsableText.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import { Typography, TypographyVariantsEnum } from '..';
-import { collapsableTextStyles } from './styles';
-export function CollapsableText({ t, text, size = 14, fontWeight = 'Regular', }) {
-    const textWrapRef = useRef(null);
-    const textContenrRef = useRef(null);
-    const [isCollapsable, setIsCollapsable] = useState(false);
-    const [collapsed, setCollapsed] = useState(true);
-    useEffect(() => {
-        var _a, _b, _c, _d;
-        setIsCollapsable(((_b = (_a = textWrapRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0) <
-            ((_d = (_c = textContenrRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0));
-    }, [text]);
-    const styles = collapsableTextStyles({
-        collapsed,
-    });
-    return (_jsxs("div", Object.assign({ className: "" }, { children: [_jsx("div", Object.assign({ ref: textWrapRef }, { children: _jsx(Typography, Object.assign({ className: styles.contentWrap(), variant: TypographyVariantsEnum[`Title${size}${fontWeight}`] }, { children: _jsx("span", Object.assign({ className: styles.contentText(), ref: textContenrRef }, { children: text })) })) })), isCollapsable &&
-                _jsx("p", Object.assign({ className: styles.collapsing(), onClick: () => setCollapsed(!collapsed) }, { children: collapsed
-                        ? t('details.more.link')
-                        : t('details.less.link') }))] })));
-}

package/dist/esm/lib2/shared/ui/CollapsableText/index.js

@@ -1 +0,0 @@
-export { CollapsableText } from './CollapsableText';

package/dist/esm/lib2/shared/ui/CollapsableText/styles.js

@@ -1,16 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const collapsableTextStyles = tv({
-    slots: {
-        contentWrap: 'text-typography-typography-primary !leading-none mb-1',
-        contentText: 'text-sm/[140%] opacity-50',
-        collapsing: 'text-sm/[140%] text-color-info-blue cursor-pointer',
-    },
-    variants: {
-        collapsed: {
-            true: {
-                contentWrap: '!line-clamp-2 !overflow-hidden',
-                contentText: 'whitespace-no-wrap overflow-hidden',
-            }
-        },
-    }
-});

package/dist/esm/lib2/shared/ui/Container_v2/Container_v2.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Container_v2Styled } from './Container_v2.styled';
-import classNames from 'classnames';
-const Container_v2 = forwardRef(({ className, children, scrollEvents, onIonScroll, onIonScrollStart, style, as, isFlexContainer = false, flexGapInPx = 0, }, ref) => {
-    return (_jsx(Container_v2Styled, Object.assign({ as: as, ref: ref, className: classNames({ 'flex-container': isFlexContainer }, className), flexGapInPx: flexGapInPx, scrollEvents: scrollEvents, onIonScroll: onIonScroll, onIonScrollStart: onIonScrollStart, style: style }, { children: children })));
-});
-Container_v2.displayName = 'Container_v2';
-export default Container_v2;

package/dist/esm/lib2/shared/ui/Container_v2/Container_v2.stories.js

@@ -1,13 +0,0 @@
-import Container_v2 from './Container_v2';
-const meta = {
-    title: 'V2/Shared/Container',
-    component: Container_v2,
-};
-export default meta;
-export const Default = {
-    args: {
-        children: 'Container',
-        isFlexContainer: false,
-        flexGapInPx: 0,
-    },
-};

package/dist/esm/lib2/shared/ui/Container_v2/Container_v2.styled.js

@@ -1,40 +0,0 @@
-import styled from 'styled-components';
-import { IonContent, isPlatform } from '@ionic/react';
-export const Container_v2Styled = styled(IonContent) `
-  --padding-start: 20px;
-  --padding-end: 20px;
-
-  div& {
-    padding-left: 20px;
-    padding-right: 20px;
-    ${(isPlatform('desktop') ||
-    (isPlatform('tablet') && !isPlatform('capacitor'))) &&
-    `
-  max-width: 410px;
-  margin: 0 auto;
-  `}
-  }
-
-  div.flex-container& {
-    display: flex;
-    flex-direction: column;
-    gap: ${(props) => props.flexGapInPx}px;
-  }
-
-  &::part(scroll) {
-    ${(isPlatform('desktop') ||
-    (isPlatform('tablet') && !isPlatform('hybrid'))) &&
-    `
-  max-width: 410px;
-  margin: 0 auto;
-  `}
-  }
-
-  &.flex-container {
-    &::part(scroll) {
-      display: flex;
-      flex-direction: column;
-      gap: ${(props) => props.flexGapInPx}px;
-    }
-  }
-`;

package/dist/esm/lib2/shared/ui/Container_v2/index.js

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

package/dist/esm/lib2/shared/ui/DrumListPicker/DrumListPicker.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Picker from 'react-mobile-picker';
-import { useState } from 'react';
-import classNames from 'classnames';
-import { getPropByIndex } from './utils';
-const DEFAULT_HEIGHT = 216;
-const DrumListPicker = ({ height, selections, defaults = {}, onChange, className, compareBy = 'label', }) => {
-    const [pickerValue, setPickerValue] = useState(defaults);
-    return (_jsx(Picker, Object.assign({ className: className, value: pickerValue, height: height !== null && height !== void 0 ? height : DEFAULT_HEIGHT, onChange: (pickerValue) => {
-            const currentValues = {};
-            Object.keys(pickerValue).forEach((key) => {
-                const data = selections[key].find((selection) => selection[compareBy] === pickerValue[key]);
-                if (data) {
-                    currentValues[key] = Object.assign({}, data);
-                }
-            });
-            setPickerValue(pickerValue);
-            onChange(currentValues);
-        } }, { children: Object.keys(selections).map((name) => {
-            return (_jsx(Picker.Column, Object.assign({ name: name }, { children: selections[name].map((option, index) => {
-                    return (_jsx(Picker.Item, Object.assign({ value: option[compareBy], className: classNames({
-                            selected: option[compareBy] === pickerValue[name],
-                        }) }, { children: () => {
-                            return (_jsx("div", Object.assign({ style: {
-                                    color: getPropByIndex(Math.abs(index -
-                                        Object.values(selections[name]).findIndex((key) => key[compareBy] === pickerValue[name])), 'color'),
-                                    fontSize: getPropByIndex(Math.abs(index -
-                                        Object.values(selections[name]).findIndex((key) => key[compareBy] === pickerValue[name])), 'fontSize'),
-                                    transition: 'transform 200ms',
-                                    cursor: 'pointer',
-                                } }, { children: option.label })));
-                        } }), name + option[compareBy]));
-                }) }), name));
-        }) })));
-};
-export default DrumListPicker;

package/dist/esm/lib2/shared/ui/DrumListPicker/index.js

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

package/dist/esm/lib2/shared/ui/DrumListPicker/utils.js

@@ -1,25 +0,0 @@
-const INDEX_MAPPER = {
-    0: {
-        color: '#16191C',
-        fontSize: 23,
-    },
-    1: {
-        color: '#AEAEAE',
-        fontSize: 18,
-    },
-    2: {
-        color: '#C2C2C2',
-        fontSize: 14,
-    },
-    3: {
-        color: '#D7D7D7',
-        fontSize: 12,
-    },
-    n: {
-        color: '#D7D7D7',
-        fontSize: 12,
-    },
-};
-export const getPropByIndex = (index, prop) => {
-    return INDEX_MAPPER[index] ? INDEX_MAPPER[index][prop] : INDEX_MAPPER.n[prop];
-};

package/dist/esm/lib2/shared/ui/EducationCard_v2/EducationCard.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import React, { useMemo } from 'react';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-import { IconStudyHat, IconArrowRight } from '../../assets';
-import { PhotoProvider, PhotoView } from 'react-photo-view';
-import 'react-photo-view/dist/react-photo-view.css';
-const EducationCard = ({ className, education: { institution_name, year_start, year_end, faculty, certificate_link, }, t, }) => {
-    const yarsString = useMemo(() => [year_start, year_end].filter(Boolean).join(' - '), [year_start, year_end]);
-    const content = (_jsxs("div", Object.assign({ className: classNames('flex items-center gap-4 py-4 border-color-black/10 border-b last:border-none ', {
-            'cursor-pointer': !!certificate_link,
-        }, className) }, { children: [_jsx(IconStudyHat, { className: "flex-shrink-0" }), _jsxs("div", Object.assign({ className: "max-w-[calc(100%-4.5rem)]" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular }, { children: institution_name })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text13Regular150, className: "!text-typography-typography-secondary", opacity: 50 }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.education.years', { value: yarsString }) })), faculty && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text13Regular150, className: "!text-typography-typography-secondary whitespace-nowrap text-ellipsis overflow-hidden max-w-full", opacity: 50 }, { children: faculty })))] })), certificate_link && (_jsx(IconArrowRight, { className: "flex-shrink-0 ml-auto mr-0" }))] })));
-    if (!certificate_link)
-        return content;
-    return (_jsx(PhotoProvider, { children: _jsx(PhotoView, Object.assign({ src: certificate_link }, { children: content })) }));
-};
-export default React.memo(EducationCard);

package/dist/esm/lib2/shared/ui/EducationCard_v2/index.js

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

package/dist/esm/lib2/shared/ui/Flag_v2/Flag_v2.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { Suspense } from 'react';
-import { FlagWrapper } from './Flag_v2.style';
-import { Skeleton_v2 } from '../Skeleton_v2';
-const Flag_v2 = ({ name, className = '' }) => {
-    var _a;
-    const getCountryFlagEmoji = (countryCode) => {
-        if (!countryCode)
-            return null;
-        if (countryCode === 'uk')
-            countryCode = 'ua';
-        const flagOffset = 127397;
-        const codePoints = countryCode
-            .toUpperCase()
-            .split('')
-            .map((char) => flagOffset + char.charCodeAt(0));
-        return String.fromCodePoint(...codePoints);
-    };
-    return (_jsx(Suspense, Object.assign({ fallback: _jsx(Skeleton_v2, { style: { width: '24px', height: '15px' } }) }, { children: _jsx(FlagWrapper, Object.assign({ className: className }, { children: (_a = getCountryFlagEmoji(name)) !== null && _a !== void 0 ? _a : '🏳️' })) })));
-};
-export default React.memo(Flag_v2);

package/dist/esm/lib2/shared/ui/Flag_v2/Flag_v2.style.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-export const FlagWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 24px;
-`;

package/dist/esm/lib2/shared/ui/Flag_v2/index.js

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

package/dist/esm/lib2/shared/ui/HeaderWithRedirect/HeaderWithRedirect.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography, TypographyVariantsEnum, LabelArrowRedirect } from '..';
-import { header } from './styles';
-export const HeaderWithRedirect = ({ title, label, routeClick, }) => {
-    return (_jsxs("div", Object.assign({ className: header() }, { children: [_jsx(Typography, Object.assign({ className: "text-typography-typography-primary", variant: TypographyVariantsEnum.Title20Semi }, { children: title })), _jsx(LabelArrowRedirect, { label: label, routeClick: routeClick })] })));
-};

package/dist/esm/lib2/shared/ui/HeaderWithRedirect/index.js

@@ -1 +0,0 @@
-export { HeaderWithRedirect } from './HeaderWithRedirect';

package/dist/esm/lib2/shared/ui/HeaderWithRedirect/styles.js

@@ -1,4 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const header = tv({
-    base: 'flex items-center justify-between',
-});

package/dist/esm/lib2/shared/ui/IconButton/IconButton.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import { IonButton } from '@ionic/react';
-import styles from './IconButton.module.css';
-const IconButton = ({ className, onClick, routerLink, icon, fill = 'clear', type = 'button', }) => {
-    return (_jsx(IonButton, Object.assign({ className: classNames(styles.button, className, {
-            [styles.clear]: fill === 'clear',
-            [styles.filled]: fill === 'filled',
-        }), routerLink: routerLink, onClick: onClick, type: type }, { children: icon })));
-};
-export default React.memo(IconButton);

package/dist/esm/lib2/shared/ui/IconButton/index.js

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

package/dist/esm/lib2/shared/ui/InputSearch/InputSearch.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IonSearchbar } from '@ionic/react';
-import { Typography } from '../Typography';
-import styles from './InputSearch.module.css';
-import classNames from 'classnames';
-const InputSearch = ({ className, onIonChange, onCancelClick, value, debounce, placeholder, t, hideButton = false, }) => {
-    return (_jsxs("div", Object.assign({ className: classNames('flex items-center gap-2 flex-shrink-0 w-full', className) }, { children: [_jsx("div", Object.assign({ className: "flex-grow rounded-lg overflow-hidden text-primary font-inter leading-7" }, { children: _jsx(IonSearchbar, { debounce: debounce, onIonChange: onIonChange, value: value, mode: "ios", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : undefined, className: classNames(`w-full`, styles.searchBarContainer) }) })), !hideButton && (_jsx("div", Object.assign({ className: "w-25" }, { children: _jsx("button", Object.assign({ onClick: onCancelClick, className: "bg-transparent text-right text-primary-text font-inter" }, { children: _jsx(Typography, { children: t === null || t === void 0 ? void 0 : t('fieldSearch.cancel.button.title', { ns: 'ui' }) }) })) })))] })));
-};
-export default InputSearch;

package/dist/esm/lib2/shared/ui/InputSearch/index.js

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

package/dist/esm/lib2/shared/ui/InputSearch/types.js

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

package/dist/esm/lib2/shared/ui/ItemCard/ItemCard.js

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { itemCardStyles } from './styles';
-const ItemCard = React.forwardRef(function ItemCard(props, ref) {
-    const { variant, size = 'M', children, className } = props, restProps = __rest(props, ["variant", "size", "children", "className"]);
-    const cardStyles = React.useMemo(() => {
-        return itemCardStyles({ size, className, variant });
-    }, [variant, size, className]);
-    return (_jsx("div", Object.assign({ ref: ref, className: cardStyles }, restProps, { children: children })));
-});
-export default React.memo(ItemCard);

package/dist/esm/lib2/shared/ui/ItemCard/index.js

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

package/dist/esm/lib2/shared/ui/ItemCard/styles.js

@@ -1,30 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const itemCardStyles = tv({
-    base: '',
-    variants: {
-        variant: {
-            neutral: 'bg-color-background-anti-flash-light rounded-[30px]',
-            transparent: 'bg-transparent rounded-[24px] border border-color-black !border-opacity-35',
-            transparent20: 'bg-transparent rounded-[20px] border border-color-black !border-opacity-10',
-        },
-        size: {
-            M: 'p-5',
-            M4: 'p-4',
-            M45: 'py-4 px-5',
-        },
-    },
-    compoundVariants: [
-        {
-            variant: 'neutral',
-            size: ['M'],
-        },
-        {
-            variant: 'transparent',
-            size: ['M4'],
-        },
-        {
-            variant: 'transparent20',
-            size: ['M45'],
-        },
-    ],
-});

package/dist/esm/lib2/shared/ui/ItemCard/types.js

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

package/dist/esm/lib2/shared/ui/LabelArrowRedirect/LabelArrowRedirect.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { IconArrowRight } from '../../assets';
-import { button } from './styles';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-export const LabelArrowRedirect = ({ transparent = false, disabled = false, label, subLabel, className, routeClick, }) => {
-    const { base, icon } = button({});
-    const baseStyles = useMemo(() => {
-        return base({ disabled, transparent });
-    }, [disabled]);
-    const getLabel = () => (_jsx(_Fragment, { children: label ? (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: subLabel ? 50 : 100 }, { children: label }))) : null }));
-    return (_jsxs("button", Object.assign({ className: `${className ? className : ''} ${baseStyles}`, onClick: () => !disabled && routeClick() }, { children: [subLabel ? (_jsxs("div", Object.assign({ className: "flex flex-col items-start" }, { children: [getLabel(), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular }, { children: subLabel }))] }))) : (_jsx(_Fragment, { children: getLabel() })), _jsx(IconArrowRight, { className: icon() })] })));
-};

package/dist/esm/lib2/shared/ui/LabelArrowRedirect/index.js

@@ -1 +0,0 @@
-export { LabelArrowRedirect } from './LabelArrowRedirect';

package/dist/esm/lib2/shared/ui/LabelArrowRedirect/styles.js

@@ -1,20 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const button = tv({
-    slots: {
-        base: 'flex items-center gap-x-1',
-        icon: 'h-3 w-3 text-typography-typography-primary',
-        text: 'text-sm text-color-black',
-    },
-    variants: {
-        transparent: {
-            true: {
-                base: '!opacity-30',
-            },
-        },
-        disabled: {
-            true: {
-                base: '!opacity-30 !cursor-default',
-            },
-        },
-    },
-});

package/dist/esm/lib2/shared/ui/ListBox/ListBox.js

@@ -1,25 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useListState } from 'react-stately';
-import { useListBox } from 'react-aria';
-import { useRef } from 'react';
-import { ListOption } from '../ListBoxItem';
-import { IonList } from '@ionic/react';
-import classNames from 'classnames';
-export default function ListBox(_a) {
-    var { selectedIconProps, type, selectionPosition = 'end', enableSelection = true, className } = _a, props = __rest(_a, ["selectedIconProps", "type", "selectionPosition", "enableSelection", "className"]);
-    const listBoxRef = useRef(null);
-    const state = useListState(props);
-    const { listBoxProps } = useListBox(props, state, listBoxRef);
-    return (_jsx(IonList, Object.assign({}, listBoxProps, { lines: "none", className: classNames("ion-no-padding ion-no-padding w-full", className), ref: listBoxRef }, { children: [...state.collection].map((item) => (_jsx(ListOption, { item: item, state: state, type: type, enableSelection: enableSelection, selectionPosition: selectionPosition, selectedIconProps: selectedIconProps }, item.key))) })));
-}

package/dist/esm/lib2/shared/ui/ListBox/index.js

@@ -1,2 +0,0 @@
-export { default as ListBox } from './ListBox';
-export * from './types';

package/dist/esm/lib2/shared/ui/ListBox/types.js

@@ -1,5 +0,0 @@
-export var ListBoxSelectionType;
-(function (ListBoxSelectionType) {
-    ListBoxSelectionType["Checkbox"] = "checkbox";
-    ListBoxSelectionType["Radio"] = "radio";
-})(ListBoxSelectionType || (ListBoxSelectionType = {}));

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxItem.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Item } from 'react-stately';
-import { useMemo } from 'react';
-import { mergeProps, useOption } from 'react-aria';
-import { useDomRef } from '../../hooks';
-import { IonItem } from '@ionic/react';
-import styles from './ListBoxItem.module.css';
-import classNames from 'classnames';
-import { IconCheckboxChecked, IconCheckboxUnchecked, IconRadioButtonChecked, } from '../../assets';
-import { SelectItemType } from '../CheckBoxItem';
-import { ListBoxSelectionType } from '../ListBox';
-import { Typography } from '../Typography';
-const ActiveIconMap = {
-    [SelectItemType.Checkbox]: IconCheckboxChecked,
-    [SelectItemType.Radio]: IconRadioButtonChecked,
-};
-export const ListOption = React.forwardRef(function ListOption({ item, state, type = ListBoxSelectionType.Checkbox, selectedIconProps = {}, selectionPosition = 'end', enableSelection = true, }, ref) {
-    var _a, _b, _c;
-    const optionRef = useDomRef(ref);
-    const { isSelected, optionProps, labelProps, isDisabled } = useOption({ key: item.key }, state, optionRef);
-    const selectionIconClassName = classNames('h-6 w-6', selectedIconProps === null || selectedIconProps === void 0 ? void 0 : selectedIconProps.className);
-    const { className = '', onClick, customContent = false } = item.props;
-    const Component = useMemo(() => {
-        return ActiveIconMap[type];
-    }, [type]);
-    return (_jsx(IonItem, Object.assign({}, mergeProps(optionProps, enableSelection
-        ? undefined
-        : { onClick: isDisabled ? undefined : onClick }), { className: classNames(styles.listBoxItem, `flex list-none outline-none`, {
-            'opacity-50 !cursor-default': isDisabled,
-            'cursor-pointer': !isDisabled,
-        }), ref: optionRef }, { children: _jsxs("div", Object.assign({ className: classNames('flex items-center justify-between w-full py-4 cursor-pointer leading-loose', styles.radioButton, ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.divider) ? styles.divider : styles.noDivider, className) }, { children: [_jsxs("div", Object.assign({ className: classNames('flex items-center gap-4', styles.iconWrapper, {
-                        'order-3': selectionPosition === 'start',
-                        'order-1': selectionPosition === 'end',
-                        'pr-3': selectionPosition === 'end' && ((_b = item.props) === null || _b === void 0 ? void 0 : _b.icon),
-                    }) }, { children: [(_c = item.props) === null || _c === void 0 ? void 0 : _c.icon, customContent ? null : (_jsx(Typography, Object.assign({}, labelProps, { children: item.rendered })))] })), _jsx("div", Object.assign({ className: "order-2 flex-1" }, { children: customContent ? item.rendered : null })), enableSelection ? (_jsx("div", Object.assign({ className: classNames({
-                        'order-1 mr-3': selectionPosition === 'start',
-                        'order-3 ml-3': selectionPosition === 'end',
-                    }) }, { children: isSelected ? (_jsx(Component, Object.assign({}, selectedIconProps, { className: selectionIconClassName }))) : (_jsx(IconCheckboxUnchecked, Object.assign({}, selectedIconProps, { className: selectionIconClassName }))) }))) : null] })) })));
-});
-export const ListBoxItem = Item;

package/dist/esm/lib2/shared/ui/ListBoxItem/index.js

@@ -1,2 +0,0 @@
-export * from './ListBoxItem';
-export * from './types';

package/dist/esm/lib2/shared/ui/ListBoxItem/types.js

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

package/dist/esm/lib2/shared/ui/ListItemWithColumns/ListItemWithColumns.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import React from 'react';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-const ListItemWithColumns = ({ className, title, children, }) => {
-    return (_jsxs("div", Object.assign({ className: classNames('flex items-start gap-2 relative py-4 w-full border-color-black/10 border-b last:border-none', className) }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular, className: "text-typography-typography-secondary w-[35%]", opacity: 50 }, { children: title })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular, className: "w-[65%]" }, { children: children }))] })));
-};
-export default React.memo(ListItemWithColumns);

package/dist/esm/lib2/shared/ui/ListItemWithColumns/index.js

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

package/dist/esm/lib2/shared/ui/ListItems/Item.js

@@ -1,35 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { IonItem } from '@ionic/react';
-import classNames from 'classnames';
-import { IconArrowRight } from '../../assets';
-import styles from './ListItems.module.css';
-import { listItemsStyles } from './styles';
-const listItemStyles = listItemsStyles();
-export const Item = React.forwardRef((_a, ref) => {
-    var { children, leftContent = null, rightContent = (_jsx(IconArrowRight, { className: "text-typography-typography-primary/30", width: 16, height: 16 })), className, withBorders = false, isDisabled = false, isError = false, innerItemClassName = '', status } = _a, props = __rest(_a, ["children", "leftContent", "rightContent", "className", "withBorders", "isDisabled", "isError", "innerItemClassName", "status"]);
-    const classes = React.useMemo(() => listItemStyles.item({
-        className: classNames(styles.listItem, { [styles.error]: isError }, className),
-        status,
-        withBorders,
-        isDisabled,
-    }), [className, withBorders, isDisabled, isError, status]);
-    return (_jsx(IonItem, Object.assign({}, props, { disabled: isDisabled, ref: ref, lines: "none", className: classes }, { children: _jsxs("div", Object.assign({ className: listItemStyles.itemInnerContainer({
-                withBorders,
-                status,
-                className: innerItemClassName,
-            }) }, { children: [_jsxs("div", Object.assign({ className: listItemStyles.itemInnerContentWrapper() }, { children: [leftContent ? leftContent : null, _jsx("div", Object.assign({ className: listItemStyles.itemInnerContent() }, { children: children }))] })), rightContent ? rightContent : null] })) })));
-});
-Item.displayName = 'Mindly.Item';
-export default React.memo(Item);

package/dist/esm/lib2/shared/ui/ListItems/ListItems.js

@@ -1,31 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { IonList } from '@ionic/react';
-import { listItemsStyles } from './styles';
-import classNames from 'classnames';
-const { items: itemsStyles } = listItemsStyles();
-export const ListItems = React.forwardRef((_a, ref) => {
-    var { children, className, withBorders = false } = _a, props = __rest(_a, ["children", "className", "withBorders"]);
-    const classes = React.useMemo(() => {
-        return itemsStyles({
-            className: classNames('ion-no-padding', className),
-            withBorders,
-        });
-    }, [className, withBorders]);
-    return (_jsx(IonList, Object.assign({}, props, { className: classes, ref: ref }, { children: React.Children.map(children, (child) => {
-            return child && React.cloneElement(child, { withBorders });
-        }) })));
-});
-ListItems.displayName = 'Mindly.ListItems';
-export default React.memo(ListItems);

package/dist/esm/lib2/shared/ui/ListItems/index.js

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