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

package/dist/cjs/lib/Inputs/CustomSelect/CustomSelect.js

@@ -1,57 +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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const CustomSelect_style_1 = require("./CustomSelect.style");
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const CustomSelect = react_1.default.forwardRef((_a, ref) => {
-    var { options, value = 'default', placeholder, isError, selectedBy = 'id', onChange } = _a, props = __rest(_a, ["options", "value", "placeholder", "isError", "selectedBy", "onChange"]);
-    const [isSelectedValue, setIsSelectedValue] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        value && value !== 'default'
-            ? setIsSelectedValue(true)
-            : setIsSelectedValue(false);
-    }, [value]);
-    const handleOnChange = (0, react_1.useCallback)((e) => {
-        e.target.value ? setIsSelectedValue(true) : setIsSelectedValue(false);
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [onChange]);
-    return ((0, jsx_runtime_1.jsxs)(CustomSelect_style_1.CustomSelectWrapper, Object.assign({ className: `${isError ? 'error' : ''}` }, { children: [(0, jsx_runtime_1.jsxs)("select", Object.assign({ className: `${isSelectedValue ? 'show-value' : 'show-placeholder'}`, ref: ref }, props, { onChange: handleOnChange, value: value }, { children: [placeholder && ((0, jsx_runtime_1.jsx)("option", Object.assign({ disabled: true, value: "default", hidden: true }, { children: placeholder }))), options.map((o) => ((0, jsx_runtime_1.jsx)("option", Object.assign({ value: o[selectedBy] }, { children: o.label }), o.id)))] })), (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.chevronDownOutline })] })));
-});
-CustomSelect.displayName = 'CustomSelect';
-exports.default = react_1.default.memo(CustomSelect);

package/dist/cjs/lib/Inputs/CustomSelect/CustomSelect.style.js

@@ -1,54 +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.CustomSelectWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.CustomSelectWrapper = styled_components_1.default.div `
-  position: relative;
-
-  & select {
-    outline: none;
-    appearance: none;
-    background-color: transparent;
-    border: 1px solid #e5e5e5;
-    border-radius: 4px;
-    padding: 14px 12px;
-    margin: 0;
-    width: 100%;
-    font-family: inherit;
-    cursor: inherit;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 17px;
-
-    &.show-value {
-      color: #1d201f;
-    }
-
-    &.show-placeholder {
-      color: #c1c1c1;
-    }
-
-    &::-ms-expand {
-      display: none;
-    }
-  }
-
-  & ion-icon {
-    position: absolute;
-    right: 11px;
-    top: 50%;
-    transform: translateY(-50%);
-    font-size: 24px;
-    color: #c1c1c1;
-    z-index: -1;
-  }
-
-  &.error {
-    & select {
-      border: 1px solid #c13e18;
-    }
-  }
-`;

package/dist/cjs/lib/Inputs/CustomSelect/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 CustomSelect_1 = require("./CustomSelect");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CustomSelect_1).default; } });

package/dist/cjs/lib/Inputs/CustomTextarea/CustomTextarea.js

@@ -1,55 +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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const CustomTextarea_style_1 = require("./CustomTextarea.style");
-const CustomTextarea = react_1.default.forwardRef((_a, ref) => {
-    var { isError } = _a, props = __rest(_a, ["isError"]);
-    const [valueLength, setValueLength] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        const val = props.value;
-        setValueLength((_a = val === null || val === void 0 ? void 0 : val.length) !== null && _a !== void 0 ? _a : 0);
-    }, [props.value]);
-    const handleChange = (0, react_1.useCallback)((e) => {
-        var _a;
-        (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(CustomTextarea_style_1.TextareaWrapper, Object.assign({ className: `${isError ? 'error' : ''} ${props.maxLength ? 'with-counter' : ''}` }, { children: [!!props.maxLength && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "textarea-length" }, { children: [valueLength, "/", props.maxLength] }))), (0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: ref }, props, { onChange: handleChange }))] })));
-});
-CustomTextarea.displayName = 'CustomTextarea';
-exports.default = react_1.default.memo(CustomTextarea);

package/dist/cjs/lib/Inputs/CustomTextarea/CustomTextarea.style.js

@@ -1,44 +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.TextareaWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.TextareaWrapper = styled_components_1.default.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-
-  & textarea {
-    outline: none;
-    width: 100%;
-    background: #ffffff;
-    border: 1px solid #e5e5e5;
-    border-radius: 4px;
-    resize: none;
-    padding: 10px 12px;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    &::placeholder {
-      color: #c1c1c1;
-    }
-  }
-
-  & .textarea-length {
-    font-weight: 400;
-    font-size: 10px;
-    color: #5b5b5b;
-    z-index: 10;
-    align-self: flex-end;
-  }
-
-  &.error {
-    & textarea {
-      border: 1px solid #c13e18;
-    }
-  }
-`;

package/dist/cjs/lib/Inputs/CustomTextarea/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 CustomTextarea_1 = require("./CustomTextarea");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CustomTextarea_1).default; } });

package/dist/cjs/lib/Inputs/ImageInput/ImageInput.js

@@ -1,50 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const ImageInput_style_1 = require("./ImageInput.style");
-const add_video_svg_1 = require("./add-video.svg");
-const add_image_svg_1 = require("./add-image.svg");
-const ImageInput = (0, react_1.forwardRef)((_a, ref) => {
-    var { dimension = 110, buttonLabel, isRoundedImage = true, isCloseButton = false, onCloseClick, isVideoContent = false, isError, errorMessage, loadedFileValue, renderMediaAfterLoad = true, isFilledButton = true } = _a, props = __rest(_a, ["dimension", "buttonLabel", "isRoundedImage", "isCloseButton", "onCloseClick", "isVideoContent", "isError", "errorMessage", "loadedFileValue", "renderMediaAfterLoad", "isFilledButton"]);
-    const [loadedFile, setLoadedFile] = (0, react_1.useState)(loadedFileValue);
-    (0, react_1.useEffect)(() => {
-        loadedFileValue ? setLoadedFile(loadedFileValue) : setLoadedFile(null);
-    }, [loadedFileValue]);
-    const videoRef = (0, react_1.useRef)(null);
-    const onChangeHandler = (0, react_1.useCallback)((event) => {
-        var _a, _b;
-        if (!((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0])) {
-            return (props === null || props === void 0 ? void 0 : props.onChange) && props.onChange(event);
-        }
-        if (renderMediaAfterLoad) {
-            const reader = new FileReader();
-            reader.onload = () => {
-                setLoadedFile(reader.result);
-            };
-            reader.readAsDataURL(event.target.files[0]);
-        }
-        (props === null || props === void 0 ? void 0 : props.onChange) && props.onChange(event);
-        event.target.value = '';
-    }, [loadedFile, ref, renderMediaAfterLoad]);
-    return ((0, jsx_runtime_1.jsxs)(ImageInput_style_1.ImageInputWrapper, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, props, { type: 'file', ref: ref, onChange: onChangeHandler, hidden: true })), (0, jsx_runtime_1.jsxs)(ImageInput_style_1.ImageInputLabel, Object.assign({ dimension: dimension, isImage: !!loadedFile, isRoundedImage: isRoundedImage, htmlFor: props.id, className: `${isError ? 'error' : ''}` }, { children: [loadedFile ? (isVideoContent ? ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, src: loadedFile, className: 'preview-video', autoPlay: true, muted: true, playsInline: true, controls: true })) : ((0, jsx_runtime_1.jsx)("img", { src: loadedFile, alt: 'file', className: 'preview-image' }))) : isVideoContent ? ((0, jsx_runtime_1.jsx)(add_video_svg_1.ReactComponent, { className: 'icon' })) : ((0, jsx_runtime_1.jsx)(add_image_svg_1.ReactComponent, { className: 'icon' })), isCloseButton && loadedFile && ((0, jsx_runtime_1.jsx)(ImageInput_style_1.ImageInputCloseButton, Object.assign({ onClick: (e) => {
-                            e.preventDefault();
-                            setLoadedFile(null);
-                            onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
-                        } }, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.closeOutline }) })))] })), isError && errorMessage && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'error-message' }, { children: errorMessage }))), buttonLabel && ((0, jsx_runtime_1.jsx)(ImageInput_style_1.ImageInputLabelButton, Object.assign({ htmlFor: props.id, className: `${isFilledButton ? 'filled-btn' : ''}` }, { children: buttonLabel })))] }));
-});
-ImageInput.displayName = 'ImageInput';
-exports.default = ImageInput;

package/dist/cjs/lib/Inputs/ImageInput/ImageInput.style.js

@@ -1,90 +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.ImageInputCloseButton = exports.ImageInputLabelButton = exports.ImageInputLabel = exports.ImageInputWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ImageInputWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  row-gap: 24px;
-  width: 100%;
-
-  & .error-message {
-    font-weight: 400;
-    font-size: 10px;
-    line-height: 14px;
-    color: #F24E1E;
-    margin-top: -20px;
-  }
-
-`;
-exports.ImageInputLabel = styled_components_1.default.label `
-  position: relative;
-  width: ${(props) => props.isRoundedImage || !props.isImage ? `${props.dimension}px` : '95%'};
-  height: ${(props) => props.isRoundedImage || !props.isImage ? `${props.dimension}px` : 'auto'};
-
-  border-radius: ${(props) => props.isRoundedImage || !props.isImage ? '50%' : 0};
-  background: ${({ isImage }) => (isImage ? 'none' : '#f5f9ff')};
-  border: ${({ isImage }) => (isImage ? 'none' : '1.5px dashed #177590')};
-  color: #177590;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-
-  & img,
-  video {
-    width: ${(props) => props.isRoundedImage ? `${props.dimension}px` : '95%'};
-    height: ${(props) => props.isRoundedImage ? `${props.dimension}px` : 'auto'};
-
-    border-radius: ${(props) => (props.isRoundedImage ? '50%' : '10px')};
-    object-fit: cover;
-  }
-
-  &.error {
-    color: #F24E1E;
-    background: #feeff1;
-    border: ${({ isImage }) => (isImage ? 'none' : '1.5px dashed #C13E18')};
-  }
-`;
-exports.ImageInputLabelButton = styled_components_1.default.label `
-  display: block;
-  cursor: pointer;
-  border-radius: 10px;
-  width: 100%;
-  text-align: center;
-  font-weight: 600;
-  font-size: 14px;
-  padding: 16px;
-  border: 1px solid #177590;
-  color: #177590;
-
-  &.filled-btn {
-    border: none;
-    color: #ffffff;
-    background: #177590;
-  }
-
-`;
-exports.ImageInputCloseButton = styled_components_1.default.button `
-  position: absolute;
-  outline: none;
-  right: -4px;
-  top: -12px;
-  width: 26px;
-  height: 26px;
-  font-size: 26px;
-  margin: 0;
-  padding: 0;
-  background: #ffffff;
-  border: 2px solid #177590;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #177590;
-  z-index: 10;
-`;

package/dist/cjs/lib/Inputs/ImageInput/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 ImageInput_1 = require("./ImageInput");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ImageInput_1).default; } });

package/dist/cjs/lib/Inputs/LineFileInput/LineFileInput.js

@@ -1,70 +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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const LineFileInput_style_1 = require("./LineFileInput.style");
-const LineFileInput = (0, react_1.forwardRef)((_a, ref) => {
-    var { title, subTitle, isError, loadedFileValue, onCloseClick, buttonLabel, renderMediaAfterLoad = true } = _a, props = __rest(_a, ["title", "subTitle", "isError", "loadedFileValue", "onCloseClick", "buttonLabel", "renderMediaAfterLoad"]);
-    const [loadedFile, setLoadedFile] = (0, react_1.useState)(loadedFileValue);
-    (0, react_1.useEffect)(() => {
-        loadedFileValue ? setLoadedFile(loadedFileValue) : setLoadedFile(null);
-    }, [loadedFileValue]);
-    const onChangeHandler = (0, react_1.useCallback)((event) => {
-        var _a, _b, _c, _d;
-        if (!((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0])) {
-            return (_c = props === null || props === void 0 ? void 0 : props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, event);
-        }
-        if (renderMediaAfterLoad) {
-            const reader = new FileReader();
-            reader.onload = () => {
-                setLoadedFile(reader.result);
-            };
-            reader.readAsDataURL(event.target.files[0]);
-        }
-        (_d = props === null || props === void 0 ? void 0 : props.onChange) === null || _d === void 0 ? void 0 : _d.call(props, event);
-        event.target.value = '';
-    }, [loadedFile, ref, renderMediaAfterLoad]);
-    return ((0, jsx_runtime_1.jsxs)(LineFileInput_style_1.LineFileInputWrapper, Object.assign({ className: isError ? 'error' : '' }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, type: "file" }, props, { onChange: onChangeHandler, hidden: true })), loadedFile ? ((0, jsx_runtime_1.jsxs)(LineFileInput_style_1.LineFileInputImage, { children: [(0, jsx_runtime_1.jsx)("img", { src: loadedFile, alt: "" }), (0, jsx_runtime_1.jsx)(LineFileInput_style_1.LineFileInputCloseBtn, Object.assign({ onClick: (e) => {
-                            e.preventDefault();
-                            setLoadedFile(null);
-                            onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
-                        }, type: "button" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.closeOutline }) })), buttonLabel && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "change-label-btn", htmlFor: props.id }, { children: buttonLabel }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "input-label", htmlFor: props.id }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.cloudUploadOutline }), title] })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "input-subtitle" }, { children: subTitle }))] }))] })));
-});
-LineFileInput.displayName = 'LineFileInput';
-exports.default = react_1.default.memo(LineFileInput);

package/dist/cjs/lib/Inputs/LineFileInput/LineFileInput.style.js

@@ -1,92 +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.LineFileInputCloseBtn = exports.LineFileInputImage = exports.LineFileInputWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.LineFileInputWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 8px;
-
-  & .input-label {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #177590;
-    display: flex;
-    align-items: center;
-    column-gap: 6px;
-    cursor: pointer;
-
-    & ion-icon {
-      font-size: 20px;
-    }
-  }
-
-  & .input-subtitle {
-    font-weight: 400;
-    font-size: 10px;
-    line-height: 14px;
-    color: #5b5b5b;
-  }
-
-  &.error .input-label {
-    color: #F24E1E;
-  }
-
-  &.error .input-subtitle {
-    color: #F24E1E;
-  }
-`;
-exports.LineFileInputImage = styled_components_1.default.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  row-gap: 16px;
-
-  & img {
-    width: 100%;
-    height: auto;
-
-    border-radius: 10px;
-    object-fit: cover;
-  }
-
-  & .change-label-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    width: 100%;
-    height: 47px;
-    color: #ffffff;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-    background: #177590;
-    border-radius: 10px;
-    text-align: center;
-  }
-`;
-exports.LineFileInputCloseBtn = styled_components_1.default.button `
-  position: absolute;
-  outline: none;
-  right: -4px;
-  top: -12px;
-  width: 26px;
-  height: 26px;
-  font-size: 26px;
-  margin: 0;
-  padding: 0;
-  background: #ffffff;
-  border: 2px solid #177590;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #177590;
-  z-index: 10;
-`;

package/dist/cjs/lib/Inputs/LineFileInput/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 LineFileInput_1 = require("./LineFileInput");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LineFileInput_1).default; } });

package/dist/cjs/lib/Inputs/PasswordInput/PasswordInput.js

@@ -1,28 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const PasswordInput_style_1 = require("./PasswordInput.style");
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const PasswordInput = (0, react_1.forwardRef)((_a, ref) => {
-    var { error } = _a, props = __rest(_a, ["error"]);
-    const [isPasswordShow, setIsPasswordShow] = (0, react_1.useState)(false);
-    const togglePasswordShowing = (0, react_1.useCallback)(() => {
-        setIsPasswordShow(!isPasswordShow);
-    }, [isPasswordShow]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(PasswordInput_style_1.StyledPasswordContainer, Object.assign({ className: 'password-container', isError: !!(error === null || error === void 0 ? void 0 : error.length) }, { children: [(0, jsx_runtime_1.jsx)(PasswordInput_style_1.StyledPasswordInput, Object.assign({}, props, { type: isPasswordShow ? 'text' : 'password', ref: ref, isError: !!(error === null || error === void 0 ? void 0 : error.length) })), (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: isPasswordShow ? icons_1.eyeOutline : icons_1.eyeOffOutline, className: 'show-password-icon', onClick: togglePasswordShowing })] })), !!(error === null || error === void 0 ? void 0 : error.length) && (0, jsx_runtime_1.jsx)(PasswordInput_style_1.ErrorMessage, { children: error })] }));
-});
-PasswordInput.displayName = 'PasswordInput';
-exports.default = PasswordInput;

package/dist/cjs/lib/Inputs/PasswordInput/PasswordInput.style.js

@@ -1,58 +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.ErrorMessage = exports.StyledPasswordInput = exports.StyledPasswordContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.StyledPasswordContainer = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-
-  height: 47px;
-
-  background: ${(props) => (props.isError ? '#FEEFF1' : '#ffffff')};
-  border: ${(props) => props.isError ? '1px solid #C13E18;' : '1px solid #e5e5e5'};
-  border-radius: 4px;
-
-  .show-password-icon {
-    cursor: pointer;
-    color: #5b5b5b;
-    font-size: 20px;
-    padding-right: 12px;
-  }
-`;
-exports.StyledPasswordInput = styled_components_1.default.input `
-  width: 100%;
-  height: 100%;
-  padding: 10px 12px;
-  border: none;
-  caret-color: #177590;
-  background: ${(props) => (props.isError ? '#FEEFF1' : '#ffffff')};
-
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  color: #1d201f;
-
-  &:focus {
-    outline: none;
-  }
-
-  &::placeholder {
-    color: #c1c1c1;
-  }
-`;
-exports.ErrorMessage = styled_components_1.default.p `
-  margin-top: 6px;
-
-  font-style: normal;
-  font-weight: 600;
-  font-size: 10px;
-  line-height: 14px;
-
-  color: #c13e18;
-`;

package/dist/cjs/lib/Inputs/PasswordInput/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 PasswordInput_1 = require("./PasswordInput");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PasswordInput_1).default; } });