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

package/dist/cjs/deprecated/SpecialistProfileViewCard/SpecialistProfileViewCard.js

@@ -1,29 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const SpecialistProfileViewCard_style_1 = require("./SpecialistProfileViewCard.style");
-const Skeleton_1 = __importDefault(require("../../lib/Skeleton"));
-const Avatar_1 = require("../../lib/Avatar");
-/**
- * @deprecated
- */
-const SpecialistProfileViewCard = (_a) => {
-    var { avatarLink, specialistName, specialization, sessionDuration, sessionPrice, hoursOfPractice, onImageClick, showLoader } = _a, props = __rest(_a, ["avatarLink", "specialistName", "specialization", "sessionDuration", "sessionPrice", "hoursOfPractice", "onImageClick", "showLoader"]);
-    return !showLoader ? ((0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledProfileViewContainer, Object.assign({ className: props.className }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledProfileViewImageContainer, Object.assign({ isNeedPlayButton: !!onImageClick, onClick: onImageClick }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: avatarLink !== null && avatarLink !== void 0 ? avatarLink : '', firstName: specialistName !== null && specialistName !== void 0 ? specialistName : '', borderRadius: "8px", withBorder: false, width: 186, height: 128 }), !!onImageClick && (0, jsx_runtime_1.jsx)(SpecialistProfileViewCard_style_1.StyledPlayIcon, {})] })), (0, jsx_runtime_1.jsx)("h2", { children: specialistName !== null && specialistName !== void 0 ? specialistName : 'Психолог' }), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: 'caption' }, { children: specialization !== null && specialization !== void 0 ? specialization : '' }))] }), (0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledInfoBlockContainer, { children: [(0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledInfoBlock, { children: [(0, jsx_runtime_1.jsx)("h4", Object.assign({ className: 'marked' }, { children: sessionPrice ? `${sessionPrice} грн.` : 'Невідома ціна' })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: 'caption' }, { children: "\u0437\u0430 \u0441\u0435\u0441\u0456\u044E" }))] }), (0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledInfoBlock, { children: [(0, jsx_runtime_1.jsx)("h4", Object.assign({ className: 'marked' }, { children: sessionDuration ? `${sessionDuration} хв.` : '50 хв.' })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: 'caption' }, { children: "\u043E\u0434\u043D\u0430 \u0441\u0435\u0441\u0456\u044F" }))] }), (0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledInfoBlock, { children: [(0, jsx_runtime_1.jsx)("h4", Object.assign({ className: 'marked' }, { children: hoursOfPractice ? `${hoursOfPractice}+` : '5000+' })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: 'caption' }, { children: "\u0433\u043E\u0434\u0438\u043D \u043F\u0440\u0430\u043A\u0442\u0438\u043A\u0438" }))] })] })] }))) : ((0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledProfileViewContainer, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SpecialistProfileViewCard_style_1.StyledProfileViewImageContainer, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { heightPx: 105 }) }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 75, heightPx: 19 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 114, heightPx: 14 })] }), (0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledInfoBlockContainer, { children: [(0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledInfoBlock, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 66, heightPx: 16 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 50, heightPx: 14 })] }), (0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledInfoBlock, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 42, heightPx: 16 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 62, heightPx: 14 })] }), (0, jsx_runtime_1.jsxs)(SpecialistProfileViewCard_style_1.StyledInfoBlock, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 47, heightPx: 16 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 101, heightPx: 14 })] })] })] }));
-};
-exports.default = react_1.default.memo(SpecialistProfileViewCard);

package/dist/cjs/deprecated/SpecialistProfileViewCard/SpecialistProfileViewCard.style.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const StyledProfileViewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-type StyledProfileViewImageProps = {
-    isNeedPlayButton?: boolean;
-};
-export declare const StyledProfileViewImageContainer: import("styled-components").StyledComponent<"div", any, StyledProfileViewImageProps, never>;
-export declare const StyledProfileViewImage: import("styled-components").StyledComponent<import("react").FC<import("../../lib/Avatar").AvatarProps>, any, StyledProfileViewImageProps, never>;
-export declare const StyledPlayIcon: import("styled-components").StyledComponent<import("react").FC<{}>, any, {}, never>;
-export declare const StyledInfoBlockContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInfoBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/dist/cjs/deprecated/SpecialistProfileViewCard/SpecialistProfileViewCard.style.js

@@ -1,133 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledInfoBlock = exports.StyledInfoBlockContainer = exports.StyledPlayIcon = exports.StyledProfileViewImage = exports.StyledProfileViewImageContainer = exports.StyledProfileViewContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const PlayVideoIcon_1 = __importDefault(require("./PlayVideoIcon/PlayVideoIcon"));
-const Avatar_1 = require("../../lib/Avatar");
-exports.StyledProfileViewContainer = styled_components_1.default.div `
-  display: grid;
-
-  width: 100%;
-
-  row-gap: 10px;
-  column-gap: 14px;
-
-  grid-template-columns: 1.5fr auto;
-
-  background: #ffffff;
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  padding: 16px;
-
-  h2 {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 600;
-    font-size: 20px;
-    line-height: 24px;
-    color: #1d201f;
-  }
-
-  h4 {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    color: #1d201f;
-
-    &.marked {
-      font-size: 16px;
-      color: #177590;
-    }
-  }
-
-  p.caption {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #5b5b5b;
-  }
-`;
-exports.StyledProfileViewImageContainer = styled_components_1.default.div `
-  position: relative;
-
-  max-width: 100%;
-  height: 145px;
-
-  margin-bottom: 10px;
-
-  &:hover {
-    ${(props) => props.isNeedPlayButton
-    ? `
-      cursor: pointer;
-      svg {
-        transform: scale(1.2);
-      }
-    `
-    : ''};
-  }
-
-  & > div {
-    width: 100%;
-    height: 100%;
-  }
-
-  & ion-skeleton-text {
-    width: 100% !important;
-    height: 100% !important;
-  }
-`;
-exports.StyledProfileViewImage = (0, styled_components_1.default)(Avatar_1.Avatar) `
-  position: absolute;
-
-  width: 100%;
-  height: 100%;
-
-  border-radius: 8px;
-
-  img {
-    object-fit: cover;
-  }
-`;
-exports.StyledPlayIcon = (0, styled_components_1.default)(PlayVideoIcon_1.default) `
-  position: absolute;
-
-  margin: auto;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  transition: 200ms ease-out;
-
-  box-shadow: none !important;
-`;
-exports.StyledInfoBlockContainer = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-
-  justify-self: end;
-
-  max-width: 109px;
-
-  justify-content: space-between;
-
-  @media screen and (max-width: 350px) {
-    justify-content: space-around;
-  }
-`;
-exports.StyledInfoBlock = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-
-  align-items: center;
-  justify-content: center;
-
-  text-align: center;
-  row-gap: 4px;
-`;

package/dist/cjs/deprecated/SpecialistProfileViewCard/index.d.ts

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

package/dist/cjs/deprecated/SpecialistProfileViewCard/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var SpecialistProfileViewCard_1 = require("./SpecialistProfileViewCard");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SpecialistProfileViewCard_1).default; } });

package/dist/cjs/deprecated/SpecialistStatisticsCard/SpecialistStatisticsCard.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export type SpecialistStatisticsCardProps = {
-    activeClients?: number;
-    sessionsCount?: number;
-    showLoader?: boolean;
-};
-/**
- * @deprecated
- */
-declare const SpecialistStatisticsCard: React.FC<SpecialistStatisticsCardProps>;
-export default SpecialistStatisticsCard;

package/dist/cjs/deprecated/SpecialistStatisticsCard/SpecialistStatisticsCard.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const SpecialistStatisticsCard_style_1 = require("./SpecialistStatisticsCard.style");
-const icons_1 = require("ionicons/icons");
-const Skeleton_1 = __importDefault(require("../../lib/Skeleton/Skeleton"));
-const utils_1 = require("./utils");
-/**
- * @deprecated
- */
-const SpecialistStatisticsCard = (props) => {
-    const actualValueForClient = (0, react_1.useMemo)(() => { var _a; return (_a = props.activeClients) !== null && _a !== void 0 ? _a : 100; }, [props.activeClients]);
-    const actualValueForSessions = (0, react_1.useMemo)(() => { var _a; return (_a = props.sessionsCount) !== null && _a !== void 0 ? _a : 100; }, [props.sessionsCount]);
-    const peopleIconText = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsxs)("p", Object.assign({ className: 'caption' }, { children: [(0, jsx_runtime_1.jsx)("b", { children: actualValueForClient }), (0, jsx_runtime_1.jsx)("br", {}), " \u043A\u043B\u0456\u0454\u043D\u0442\u0456\u0432"] }))), [props.activeClients]);
-    const chartIconText = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsxs)("p", Object.assign({ className: 'caption' }, { children: [(0, jsx_runtime_1.jsxs)("b", { children: [actualValueForSessions, ' ', (0, utils_1.sessionCountDeclension)(actualValueForSessions)] }), ' ', "\u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u043E"] }))), [props.sessionsCount]);
-    return !props.showLoader ? ((0, jsx_runtime_1.jsxs)(SpecialistStatisticsCard_style_1.StyleSpecialistStatisticsContainer, { children: [(0, jsx_runtime_1.jsxs)(SpecialistStatisticsCard_style_1.StyledContainerItem, { children: [(0, jsx_runtime_1.jsx)(SpecialistStatisticsCard_style_1.StyledShieldIcon, { icon: icons_1.shieldCheckmark }), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: 'caption' }, { children: "\u043F\u0435\u0440\u0435\u0432\u0456\u0440\u0435\u043D\u0438\u0439 \u0441\u043F\u0435\u0446\u0456\u0430\u043B\u0456\u0441\u0442" }))] }), (0, jsx_runtime_1.jsxs)(SpecialistStatisticsCard_style_1.StyledContainerItem, { children: [(0, jsx_runtime_1.jsx)(SpecialistStatisticsCard_style_1.StyledPeopleIcon, { icon: icons_1.people }), peopleIconText] }), (0, jsx_runtime_1.jsxs)(SpecialistStatisticsCard_style_1.StyledContainerItem, { children: [(0, jsx_runtime_1.jsx)(SpecialistStatisticsCard_style_1.StyledStatsChartIcon, { icon: icons_1.statsChart }), chartIconText] })] })) : ((0, jsx_runtime_1.jsxs)(SpecialistStatisticsCard_style_1.StyleSpecialistStatisticsContainer, { children: [(0, jsx_runtime_1.jsxs)(SpecialistStatisticsCard_style_1.StyledContainerItem, Object.assign({ style: { width: '80px' } }, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 22.5, heightPx: 16.6 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 80, heightPx: 28 })] })), (0, jsx_runtime_1.jsxs)(SpecialistStatisticsCard_style_1.StyledContainerItem, Object.assign({ style: { width: '80px' } }, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 22.5, heightPx: 16.6 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 80, heightPx: 28 })] })), (0, jsx_runtime_1.jsxs)(SpecialistStatisticsCard_style_1.StyledContainerItem, Object.assign({ style: { width: '80px' } }, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 22.5, heightPx: 16.6 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 80, heightPx: 28 })] }))] }));
-};
-exports.default = SpecialistStatisticsCard;

package/dist/cjs/deprecated/SpecialistStatisticsCard/SpecialistStatisticsCard.style.d.ts

@@ -1,5 +0,0 @@
-export declare const StyleSpecialistStatisticsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledContainerItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledShieldIcon: any;
-export declare const StyledPeopleIcon: any;
-export declare const StyledStatsChartIcon: any;

package/dist/cjs/deprecated/SpecialistStatisticsCard/SpecialistStatisticsCard.style.js

@@ -1,66 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledStatsChartIcon = exports.StyledPeopleIcon = exports.StyledShieldIcon = exports.StyledContainerItem = exports.StyleSpecialistStatisticsContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@ionic/react");
-exports.StyleSpecialistStatisticsContainer = styled_components_1.default.div `
-  display: flex;
-  justify-content: space-between;
-
-  max-width: 100%;
-  height: 90px;
-
-  padding: 16px;
-
-  background: #ffffff;
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
-  border-radius: 10px;
-
-  p.caption {
-    font-family: 'Inter';
-    font-style: normal;
-    font-size: 14px;
-    line-height: 16px;
-    color: #5b5b5b;
-
-    b {
-      font-weight: 600;
-    }
-  }
-`;
-exports.StyledContainerItem = styled_components_1.default.div `
-  display: flex;
-
-  align-items: center;
-  justify-content: start;
-
-  flex-direction: column;
-
-  gap: 8px;
-
-  max-width: 90px;
-  max-height: 62px;
-
-  text-align: center;
-`;
-exports.StyledShieldIcon = (0, styled_components_1.default)(react_1.IonIcon) `
-  width: 24px;
-  height: 18px;
-
-  color: #26b183;
-`;
-exports.StyledPeopleIcon = (0, styled_components_1.default)(react_1.IonIcon) `
-  width: 24px;
-  height: 18px;
-
-  color: #177590;
-`;
-exports.StyledStatsChartIcon = (0, styled_components_1.default)(react_1.IonIcon) `
-  width: 24px;
-  height: 18px;
-
-  color: #c13e18;
-`;

package/dist/cjs/deprecated/SpecialistStatisticsCard/index.d.ts

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

package/dist/cjs/deprecated/SpecialistStatisticsCard/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var SpecialistStatisticsCard_1 = require("./SpecialistStatisticsCard");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SpecialistStatisticsCard_1).default; } });

package/dist/cjs/deprecated/SpecialistStatisticsCard/utils.d.ts

@@ -1 +0,0 @@
-export declare const sessionCountDeclension: (sessionCount: number) => "сесію" | "сесії" | "сесій";

package/dist/cjs/deprecated/SpecialistStatisticsCard/utils.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sessionCountDeclension = void 0;
-const sessionCountDeclension = (sessionCount) => {
-    const stringValue = sessionCount.toString();
-    const lastDigit = +stringValue[stringValue.length - 1];
-    if (lastDigit === 1 &&
-        stringValue.substring(stringValue.length - 2, stringValue.length) !== '11')
-        return 'сесію';
-    if (lastDigit > 1 && lastDigit < 5)
-        return 'сесії';
-    if (sessionCount > 5 || sessionCount === 0)
-        return 'сесій';
-    return 'сесії';
-};
-exports.sessionCountDeclension = sessionCountDeclension;

package/dist/cjs/deprecated/SpecialistWorkDirections/SpecialistWorkDirections.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export type SpecialistWorkDirectionsPropsType = {
-    workDirections?: string[] | [];
-    limit?: number;
-    showLoader?: boolean;
-};
-/**
- * @deprecated
- */
-declare const SpecialistWorkDirections: React.FC<SpecialistWorkDirectionsPropsType>;
-export default SpecialistWorkDirections;

package/dist/cjs/deprecated/SpecialistWorkDirections/SpecialistWorkDirections.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const SpecialistWorkDirections_style_1 = require("./SpecialistWorkDirections.style");
-const Tag_1 = __importDefault(require("../../lib/Tag/Tag"));
-const Skeleton_1 = __importDefault(require("../../lib/Skeleton/Skeleton"));
-const DEFAULT_LIMIT = 9;
-/**
- * @deprecated
- */
-const SpecialistWorkDirections = ({ showLoader, workDirections, limit, }) => {
-    var _a;
-    const realLimit = limit !== null && limit !== void 0 ? limit : DEFAULT_LIMIT;
-    const [viewAll, setViewAll] = (0, react_1.useState)(((_a = workDirections === null || workDirections === void 0 ? void 0 : workDirections.length) !== null && _a !== void 0 ? _a : 0) <= realLimit);
-    const tags = (0, react_1.useMemo)(() => {
-        if (!workDirections)
-            return null;
-        return workDirections.map((el, index) => ((0, jsx_runtime_1.jsx)(Tag_1.default, { children: (0, jsx_runtime_1.jsx)("p", Object.assign({ className: 'caption' }, { children: el })) }, `${el}_${index}`)));
-    }, [workDirections === null || workDirections === void 0 ? void 0 : workDirections.length]);
-    const showAll = (0, react_1.useCallback)(() => {
-        setViewAll(!viewAll);
-    }, [viewAll]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        setViewAll(((_a = workDirections === null || workDirections === void 0 ? void 0 : workDirections.length) !== null && _a !== void 0 ? _a : 0) <= realLimit);
-    }, [workDirections === null || workDirections === void 0 ? void 0 : workDirections.length]);
-    /**
-     * skeleton layout
-     */
-    if (showLoader) {
-        return ((0, jsx_runtime_1.jsx)(SpecialistWorkDirections_style_1.StyledWorkDirectionContainer, { children: (0, jsx_runtime_1.jsxs)(SpecialistWorkDirections_style_1.StyledWorkDirectionsTagsContainer, Object.assign({ style: { width: '100%', gap: '26px' } }, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { heightPx: 16, style: { width: '30%' } }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { heightPx: 16, style: { width: '60%' } }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { heightPx: 16, style: { width: '60%' } })] })) }));
-    }
-    return (workDirections === null || workDirections === void 0 ? void 0 : workDirections.length) ? ((0, jsx_runtime_1.jsxs)(SpecialistWorkDirections_style_1.StyledWorkDirectionContainer, { children: [(0, jsx_runtime_1.jsx)(SpecialistWorkDirections_style_1.StyledWorkDirectionsTagsContainer, { children: viewAll ? tags : tags === null || tags === void 0 ? void 0 : tags.slice(0, realLimit) }), workDirections.length > realLimit && ((0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: showAll }, { children: (0, jsx_runtime_1.jsx)("h5", { children: !viewAll ? 'Показати більше' : 'Сховати' }) })))] })) : null;
-};
-exports.default = SpecialistWorkDirections;

package/dist/cjs/deprecated/SpecialistWorkDirections/SpecialistWorkDirections.style.d.ts

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

package/dist/cjs/deprecated/SpecialistWorkDirections/SpecialistWorkDirections.style.js

@@ -1,47 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledWorkDirectionsTagsContainer = exports.StyledWorkDirectionContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.StyledWorkDirectionContainer = styled_components_1.default.div `
-  position: relative;
-
-  p.caption {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: #5b5b5b;
-  }
-
-  button {
-    margin-top: 16px;
-    padding: 12px 24px;
-
-    min-width: 100%;
-    background-color: #f2f4f7;
-
-    border-radius: 10px;
-
-    h5 {
-      font-family: 'Inter';
-      font-style: normal;
-      font-weight: 600;
-      font-size: 14px;
-      line-height: 16px;
-      color: #1d201f;
-    }
-  }
-`;
-exports.StyledWorkDirectionsTagsContainer = styled_components_1.default.div `
-  max-width: 100%;
-  display: flex;
-  row-gap: 10px;
-  column-gap: 6px;
-  width: fit-content;
-  flex-wrap: wrap;
-`;

package/dist/cjs/deprecated/SpecialistWorkDirections/index.d.ts

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

package/dist/cjs/deprecated/SpecialistWorkDirections/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var SpecialistWorkDirections_1 = require("./SpecialistWorkDirections");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SpecialistWorkDirections_1).default; } });

package/dist/cjs/deprecated/button/Button.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Button_style_1 = require("./Button.style");
-/**
- * @deprecated
- */
-const Button = (props) => {
-    return ((0, jsx_runtime_1.jsx)(Button_style_1.Container, Object.assign({ "data-testid": props['data-testid'], onClick: props === null || props === void 0 ? void 0 : props.onClick, disabled: props.isDisabled, isDisabled: props.isDisabled, buttonType: props.buttonType }, { children: props.children })));
-};
-exports.Button = Button;

package/dist/cjs/deprecated/button/Button.style.js

@@ -1,175 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Container = void 0;
-const styled_components_1 = __importStar(require("styled-components"));
-const mindly_constants_1 = require("../../lib/Theme/mindly_constants");
-exports.Container = styled_components_1.default.button `
-  padding: 12px 0;
-  width: 100%;
-  border-radius: 4px;
-  max-height: 40px;
-  border: 0;
-  background: ${mindly_constants_1.colorConstants.primaryColor};
-  color: ${mindly_constants_1.colorConstants.White};
-  font-family: 'Inter', sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-
-  &:hover,
-  &:active {
-    box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2),
-      inset 0 -4px 15px rgba(0, 0, 0, 0.2);
-  }
-
-  ${(props) => props.buttonType === 'secondary' &&
-    (0, styled_components_1.css) `
-      background: inherit;
-      color: ${mindly_constants_1.colorConstants.primaryColor};
-      font-weight: 400;
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${mindly_constants_1.colorConstants.AccentActiveButtonBG};
-      }
-    `}
-
-  ${(props) => props.buttonType === 'secondaryWithStroke' &&
-    (0, styled_components_1.css) `
-      color: ${mindly_constants_1.colorConstants.primaryColor};
-      background: inherit;
-      box-shadow: none;
-      border: 1px solid ${mindly_constants_1.colorConstants.primaryColor};
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${mindly_constants_1.colorConstants.AccentActiveButtonBG};
-        background: inherit;
-        border: 1px solid ${mindly_constants_1.colorConstants.AccentActiveButtonBG};
-      }
-    `}
-
-  ${(props) => props.buttonType === 'secondaryCancel' &&
-    (0, styled_components_1.css) `
-      color: ${mindly_constants_1.colorConstants.AccentCross};
-      background: inherit;
-      box-shadow: none;
-      border: 0;
-      font-weight: 400;
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${mindly_constants_1.colorConstants.AccentCancelActive};
-        background: inherit;
-        border: 0;
-      }
-    `}
-
-  ${(props) => props.buttonType === 'actionButton' &&
-    (0, styled_components_1.css) `
-      color: ${mindly_constants_1.colorConstants.AccentDisabledColor};
-      background: inherit;
-      box-shadow: none;
-      border: 1px solid ${mindly_constants_1.colorConstants.AccentDisabledColor};
-
-      &:hover,
-      &:active {
-        color: ${mindly_constants_1.colorConstants.AccentDisabledColor};
-        background: inherit;
-        box-shadow: none;
-        border: 1px solid ${mindly_constants_1.colorConstants.AccentDisabledColor};
-      }
-    `}
-
-
-  ${(props) => props.isDisabled &&
-    (0, styled_components_1.css) `
-      background: ${mindly_constants_1.colorConstants.AccentDisabledColor};
-      color: ${mindly_constants_1.colorConstants.White};
-      box-shadow: none;
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        background: ${mindly_constants_1.colorConstants.AccentDisabledColor};
-        color: ${mindly_constants_1.colorConstants.White};
-      }
-    `}
-
-  ${(props) => props.buttonType === 'actionButtonDisabled' &&
-    (0, styled_components_1.css) `
-      color: ${mindly_constants_1.colorConstants.AccentDisabledColor};
-      background: inherit;
-      box-shadow: none !important;
-      border: 1px solid ${mindly_constants_1.colorConstants.AccentDisabledColor};
-      text-decoration: line-through;
-    `}
-
-  ${(props) => props.buttonType === 'actionButtonActive' &&
-    (0, styled_components_1.css) `
-      box-shadow: none;
-      color: ${mindly_constants_1.colorConstants.primaryColor};
-      background: ${mindly_constants_1.colorConstants.AccentSurveyButton};
-      border: 1px solid ${mindly_constants_1.colorConstants.primaryColor};
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${mindly_constants_1.colorConstants.primaryColor};
-        background: ${mindly_constants_1.colorConstants.AccentSurveyButton};
-        border: 1px solid ${mindly_constants_1.colorConstants.primaryColor};
-      }
-    `}
-
-  ${(props) => props.buttonType === 'actionButtonGreen' &&
-    (0, styled_components_1.css) `
-      color: ${mindly_constants_1.colorConstants.AccentTickColor};
-      background: linear-gradient(
-          0deg,
-          rgba(255, 255, 255, 0.86),
-          rgba(255, 255, 255, 0.86)
-        ),
-        ${mindly_constants_1.colorConstants.AccentTickColor};
-      box-shadow: none;
-      border: 1px solid ${mindly_constants_1.colorConstants.AccentTickColor};
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${mindly_constants_1.colorConstants.AccentTickColor};
-        background: linear-gradient(
-            0deg,
-            rgba(255, 255, 255, 0.86),
-            rgba(255, 255, 255, 0.86)
-          ),
-          ${mindly_constants_1.colorConstants.AccentTickColor};
-        border: 1px solid ${mindly_constants_1.colorConstants.AccentTickColor};
-      }
-    `}
-`;

package/dist/cjs/deprecated/input/Input.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Input_style_1 = require("./Input.style");
-require("../../lib/Theme/global.css");
-/**
- * @deprecated
- */
-const Input = (props) => {
-    return ((0, jsx_runtime_1.jsx)(Input_style_1.CustomIonInput, Object.assign({ name: props.name, placeholder: props.placeholder, value: props.value, "data-testid": props['data-testid'], onIonChange: (e) => props.onIonChange(e), isActive: props.isActive, type: props.type }, { children: (0, jsx_runtime_1.jsx)(Input_style_1.InputIonIcon, { icon: props.icon }) })));
-};
-exports.Input = Input;