@soppiya/elementus 1.0.0 → 1.0.2

package/dist/ui/checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/checkbox/checkbox.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../styles/style-inject/dist/style-inject.es.js";var t={checkbox:"elementus_checkbox_1pkpv",label_text:"elementus_label_text_1pkpv",name_text:"elementus_name_text_1pkpv",checkbox_field_wrapper:"elementus_checkbox_field_wrapper_1pkpv",checkbox_field:"elementus_checkbox_field_1pkpv",help_text_wrapper:"elementus_help_text_wrapper_1pkpv",help_text:"elementus_help_text_1pkpv",default_type:"elementus_default_type_1pkpv",error_type:"elementus_error_type_1pkpv"};e(".elementus_checkbox_1pkpv .elementus_label_text_1pkpv,.elementus_checkbox_1pkpv .elementus_name_text_1pkpv{color:#303030;display:inline-block;font-family:Inter,sans-serif;font-size:12px;font-weight:500;margin-bottom:7px;width:100%}.elementus_checkbox_1pkpv .elementus_name_text_1pkpv{margin-bottom:0}.elementus_checkbox_1pkpv .elementus_checkbox_field_wrapper_1pkpv{align-items:center;display:flex;gap:7px}.elementus_checkbox_1pkpv .elementus_checkbox_field_1pkpv{margin:0;padding:0}.elementus_checkbox_1pkpv .elementus_help_text_wrapper_1pkpv{margin:7px 0 0}.elementus_checkbox_1pkpv .elementus_help_text_1pkpv{color:#6d7175;font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:.5px}input[type=checkbox i]{border-radius:5px!important;font:inherit;height:16px;transform:translateY(-.075em);width:16px}.elementus_default_type_1pkpv input[type=checkbox]:checked{accent-color:#303030}.elementus_error_type_1pkpv input[type=checkbox]:checked{accent-color:#d82c0d}");export{t as default};
-//# sourceMappingURL=checkbox.module.scss.js.map

package/dist/ui/checkbox/checkbox.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/checkbox/checkboxModels.d.ts

@@ -1,11 +0,0 @@
-import { ChangeEvent } from "react";
-export type CheckboxProps = {
-    size?: "sm" | "md" | "lg";
-    title?: string;
-    name?: string;
-    label?: string;
-    helpText?: string;
-    checked?: boolean;
-    type?: "default" | "error" | "disabled";
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-};

package/dist/ui/checkbox/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Checkbox } from "./Checkbox";
-export type { CheckboxProps } from "./checkboxModels";

package/dist/ui/colorPicker/ColorPicker.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import "./color.css";
-interface MyColorPickerProps {
-    onColorChange: (color: string) => void;
-}
-declare const ColorPicker: React.FC<MyColorPickerProps>;
-export default ColorPicker;

package/dist/ui/colorPicker/ColorPicker.js

@@ -1,2 +0,0 @@
-import e,{useState as o,useEffect as t}from"react";import"./color.css.js";const r=({onColorChange:r})=>{const[n,c]=o(!1);o("#000000");return t((()=>{}),[]),e.createElement("div",null,e.createElement("button",{onClick:()=>{c(!n)}},"Open Color Picker"))};export{r as default};
-//# sourceMappingURL=ColorPicker.js.map

package/dist/ui/colorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/colorPicker/color.css.js

@@ -1,2 +0,0 @@
-import t from"../../styles/style-inject/dist/style-inject.es.js";var e="";t("");export{e as default};
-//# sourceMappingURL=color.css.js.map

package/dist/ui/colorPicker/color.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/colorPicker/colorPickerModel.d.ts

@@ -1,16 +0,0 @@
-import { ChangeEvent, FocusEvent } from "react";
-export type ErrorType = {
-    status: boolean;
-    message: string;
-};
-export type InputProps = {
-    name?: string;
-    label?: string;
-    helpText?: string;
-    value?: string;
-    disabled?: boolean;
-    error?: ErrorType;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-};

package/dist/ui/colorPicker/index.d.ts

@@ -1 +0,0 @@
-export { default as ColorPicker } from "./ColorPicker";

package/dist/ui/dropzone/DropZone.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { DropZoneProps } from "./dropZoneModel";
-declare const DropZone: ({ loading, imgFormat, setTime, onImageUpload }: DropZoneProps) => React.JSX.Element;
-export default DropZone;

package/dist/ui/dropzone/DropZone.js

@@ -1,2 +0,0 @@
-import e,{useState as t,useRef as r,useEffect as a}from"react";import n from"../../assets/icons/iconPlusCircle/IconPlusCircle.js";import s from"../../utils/classNames.js";import l from"../spinner/Spinner.js";import i from"../text/Text.js";import o from"./dropzone.module.scss.js";const m=({loading:m,imgFormat:c=[],setTime:u,onImageUpload:p})=>{const[d,f]=t(!1),[g,v]=t({status:!1,msg:""}),y=r(null),E=e=>new Promise(((t,r)=>{if(e&&j(e,c)){const r=new FileReader;r.onload=r=>{t({url:r.target.result,file:e})},r.readAsDataURL(e)}else r("File type is not valid"),v({status:!0,msg:"File type is not valid"})})),j=(e,t)=>{if(0===t.length)return!0;const r=t.map((e=>"image/"+e));return r.includes(e.type)};return a((()=>{if(!g.status)return;const e=setTimeout((()=>{v({status:!1,msg:""})}),u||400);return()=>clearTimeout(e)}),[g.status,u]),e.createElement("div",{className:o.wrapper},e.createElement("div",{className:o.container},g.status&&e.createElement("div",{className:o.invalid},e.createElement("div",{className:o.invalid_content},e.createElement(i,{size:"sm",fontWeight:"regular",truncate:!0},g.msg))),!g.status&&e.createElement("div",{className:s(o.container_item,{[o.dragging]:d}),onDrop:async e=>{e.preventDefault(),f(!1);const t=Array.from(e.dataTransfer.files),r=await Promise.all(t.map((e=>E(e))));if(t.length>1)return p(r);p(r[0])},onDragEnter:e=>{e.preventDefault(),f(!0)},onDragOver:e=>e.preventDefault(),onClick:()=>{y.current?.click()}},m?e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},e.createElement(l,{size:"md"})):e.createElement(e.Fragment,null,e.createElement("span",{className:o.icon_plus},e.createElement(n,null)),e.createElement("input",{type:"file",accept:c.join(","),onChange:async e=>{const t=Array.from(e.target.files||[]),r=await Promise.all(t.map((e=>E(e))));if(t.length>1)return p(r);p(r[0])},style:{display:"none"},multiple:!0,ref:y}),e.createElement(i,{size:"sm",fontWeight:"regular",color:"secondary"},"or drag and drop"))),undefined))};export{m as default};
-//# sourceMappingURL=DropZone.js.map

package/dist/ui/dropzone/DropZone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropZone.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/dropzone/dropZoneModel.d.ts

@@ -1,10 +0,0 @@
-export type UploadFileSchema = {
-    url: string;
-    file: File;
-};
-export type DropZoneProps = {
-    loading: boolean;
-    imgFormat: string[];
-    setTime?: number;
-    onImageUpload: (upload: UploadFileSchema | UploadFileSchema[]) => void;
-};

package/dist/ui/dropzone/dropzone.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../styles/style-inject/dist/style-inject.es.js";var t={wrapper:"elementus_wrapper_11jym",container:"elementus_container_11jym",custom_file_label:"elementus_custom_file_label_11jym",invalid:"elementus_invalid_11jym",container_item:"elementus_container_item_11jym",icon_plus:"elementus_icon_plus_11jym",dragging:"elementus_dragging_11jym"};e(".elementus_wrapper_11jym .elementus_container_11jym{height:120px;width:100%}.elementus_wrapper_11jym .elementus_custom_file_label_11jym{justify-content:center}.elementus_wrapper_11jym .elementus_invalid_11jym{align-items:center;background-color:#fafbfb;border:1px dotted #d82c0d;border-radius:5px;display:flex;height:120px;justify-content:center}.elementus_wrapper_11jym .elementus_container_item_11jym{align-items:center;background-color:#fafbfb;border:1px dashed #d4d4d4;border-radius:5px;display:flex;flex-direction:column;font-weight:300;height:100%;justify-content:center;width:100%}.elementus_wrapper_11jym .elementus_icon_plus_11jym svg{height:30px;width:30px}.elementus_wrapper_11jym .elementus_dragging_11jym{border:2px dashed #d4d4d4}@media screen and (min-width:1024px){.elementus_wrapper_11jym .elementus_container_item_11jym{cursor:pointer}}");export{t as default};
-//# sourceMappingURL=dropzone.module.scss.js.map

package/dist/ui/dropzone/dropzone.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropzone.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/dropzone/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DropZone } from "./DropZone";
-export type { DropZoneProps, UploadFileSchema } from "./dropZoneModel";

package/dist/ui/imageManager/ImageManager.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { ImageMangerProps, ImageSchema } from "./imageManagerModel";
-export declare const images: import("@preact/signals-core").Signal<ImageSchema[]>;
-declare const ImageManager: ({ title, buttonText, selectLimit, onClose, onComplete, }: ImageMangerProps) => React.JSX.Element;
-export default ImageManager;

package/dist/ui/imageManager/ImageManager.js

@@ -1,2 +0,0 @@
-import{clients as e}from"../../graphql/graphql.js";import{Queries as a}from"../../graphql/query.js";import l from"../dropzone/DropZone.js";import t from"../../utils/classNames.js";import{signal as r,useSignal as i,useSignalEffect as n}from"@preact/signals-react";import{useLazyQuery as o,useMutation as s}from"@soppiya/client";import{removeNull as m,removeTypename as u,useMount as c}from"@soppiya/elemix";import v,{useRef as d,useEffect as p}from"react";import g from"../modal/Modal.js";import f from"../spinner/Spinner.js";import _ from"./imageCard/ImageCard.js";import y from"./imageManager.module.scss.js";import h from"./imageManagerHeader/ImageManagerHeader.js";import E from"./previewSlide/PreviewSlide.js";const w=r([]),C=({title:r="Select image",buttonText:C="Done",selectLimit:b=1,onClose:j,onComplete:N})=>{const S=i({search:"",limit:15,skip:0,sort_by:"createdAt",sort_type:"desc"}),{search:I,sort_by:k,sort_type:A,skip:x,limit:z}=S.value,L=i(!1),M=i("grid"),T=i([]),H=i([]),q=i(""),D=i(!1),P=d(null),$=d(null),F=d(null),G=d(null),[O,{loading:U}]=o(a.LIST_IMAGES,{client:e.httpClient.upload}),[B,{loading:V}]=s(a.UPLOAD_IMAGES,{client:e.uploadClient.upload,onCompleted(e){const a=m(u(e.upload_images));w.value=[...w.value,...a]}}),Z=async(e="default")=>{try{if("default"===e&&w.value.length)return;"scroll"===e&&(L.value=!0);const{data:a}=await O({variables:{data:{limit:z,search:I,skip:x,sort:{sort_by:k,sort_type:A}}}});L.value=!1;const l=m(u(a.list_images));if("scroll"===e)return void(w.value=[...w.value,...l.images]);w.value=l.images}catch(e){console.log(e)}},J=e=>{q.value=e,D.value=!0},K=(e,a)=>Array.isArray(e)?(T.value=T.value.filter((a=>!e.includes(a))),void(H.value=H.value.filter((a=>!e.includes(a._id))))):T.value.includes(e)?(T.value=T.value.filter((a=>a!==e)),void(H.value=H.value.filter((e=>e._id!==a?._id)))):(T.value=[...T.value,e],void(H.value=[...H.value,a])),Q=()=>{try{const{clientHeight:e,scrollTop:a}=$.current,{offsetHeight:l}=F.current,{offsetHeight:t}=G.current;e+a===l+t+30&&(S.value={...S.value,skip:w.value.length})}catch(e){console.log(e.message)}};return p((()=>{Z()}),[]),c((()=>{Z("filter")}),[I,k,A]),c((()=>{Z("scroll")}),[x]),n((()=>($.current?.addEventListener("scroll",Q),()=>$.current?.removeEventListener("scroll",Q)))),v.createElement(g,{cardBodyPadding:"none",title:r,size:"slg",buttonText:`${C} ${T.value.length>1?`(${T.value.length})`:""}`,buttonVariant:T.value.length&&T.value.length<=b?"default":"disabled",scrollOff:!0,onClose:j,onClickFunc:()=>{if(H.value.length<=1)return"function"==typeof N&&N(H.value[0]);"function"==typeof N&&N(H.value)}},v.createElement("div",{className:y.image_manager_wrapper},v.createElement("div",{className:y.image_manager_container},v.createElement("div",{className:y.header_area},v.createElement(h,{selectedImages:T.value,onChangeLayout:e=>{M.value=e},onSearch:e=>{const{value:a}=e.target;P.current&&clearInterval(P.current),P.current=setTimeout((()=>S.value={...S.value,search:a,skip:0}),250)},onSorting:(e,a)=>{S.value={...S.value,sort_by:e,sort_type:a,skip:0}},onDelete:e=>K(e)})),v.createElement("div",{className:t(y.content_body,y.show_preview,{[y.manage_image_view_width]:!D.value})},v.createElement("div",{ref:$,className:y.image_and_dropzone},v.createElement("div",{ref:G,className:y.drop_zone},v.createElement(l,{loading:V,onImageUpload:e=>{Array.isArray(e)?B({variables:{data:e.map((e=>e.file))}}):B({variables:{data:[e.file]}})},imgFormat:[],setTime:1200})),U&&!L.value?v.createElement("div",{style:{display:"flex",justifyContent:"center"}},v.createElement(f,{size:"lg"})):v.createElement("div",{ref:F,className:y.image_view},v.createElement("div",{className:t(y.images_list,"grid"===M.value?y.grid_view:y.list_view)},w.value.map((e=>v.createElement(_,{key:e._id,image:e,selected:T.value.includes(e._id),className:M.value,onCurrentPreview:J,onSelect:K}))))),L.value&&v.createElement("div",{style:{display:"flex",justifyContent:"center"}},v.createElement(f,{size:"lg"}))),D.value&&v.createElement("div",{className:t(y.preview,{[y.active_preview]:D.value})},v.createElement(E,{images:w.value,currentId:q.value,onClose:()=>D.value=!1}))))))};export{C as default,w as images};
-//# sourceMappingURL=ImageManager.js.map

package/dist/ui/imageManager/ImageManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageManager.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageManager/imageCard/ImageCard.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ImageCardProps } from "./imageModel";
-declare const ImageCard: ({ selected, image, className, onSelect, onCurrentPreview }: ImageCardProps) => React.JSX.Element;
-export default ImageCard;

package/dist/ui/imageManager/imageCard/ImageCard.js

@@ -1,2 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as m}from"react";import r from"../../../assets/icons/dotsIcon/DotsIcon.js";import n from"../../text/Text.js";import s from"../../../utils/classNames.js";import c from"./imageCard.module.scss.js";const l=({selected:l,image:i,className:o,onSelect:d,onCurrentPreview:u})=>{const[v,E]=t(!1),f=a(null),g=e=>{f.current&&!f.current.contains(e.target)&&E(!1)};return m((()=>(document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)})),[]),e.createElement("div",{ref:f,className:s(c.image_card,l?c.selected_image:"",o&&c[o+"_view"]),onClick:()=>"function"==typeof d&&d(i._id,i)},e.createElement("div",{className:c.card_top},e.createElement("div",{className:c.image_wrapper},e.createElement("img",{src:i.url,alt:i.file_name,draggable:!1})),e.createElement("div",{className:c.hover},e.createElement("div",{className:c.dot_button,onClick:e=>{e.stopPropagation(),E((e=>!e))}},e.createElement(r,null)),e.createElement("div",{className:s(c.menus,v&&c.active)},e.createElement("div",{className:c.menu_item},e.createElement("div",{className:c.menu_text},e.createElement(n,{size:"md",fontWeight:"regular"},"Edit"))),e.createElement("div",{className:c.menu_item},e.createElement("div",{className:c.menu_text,onClick:()=>"function"==typeof u&&u(i._id)},e.createElement(n,{size:"md",fontWeight:"regular"},"Preview")))))),e.createElement("div",{className:c.card_bottom},e.createElement("div",{className:c.name},e.createElement(n,{size:"sm",fontWeight:"regular",truncate:!0},i.file_name))))};export{l as default};
-//# sourceMappingURL=ImageCard.js.map

package/dist/ui/imageManager/imageCard/ImageCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageManager/imageCard/imageCard.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../../styles/style-inject/dist/style-inject.es.js";var t={image_card:"elementus_image_card_q4kxz",selected_image:"elementus_selected_image_q4kxz",card_top:"elementus_card_top_q4kxz",image_wrapper:"elementus_image_wrapper_q4kxz",dot_button:"elementus_dot_button_q4kxz",menus:"elementus_menus_q4kxz",menu_item:"elementus_menu_item_q4kxz",menu_text:"elementus_menu_text_q4kxz",name:"elementus_name_q4kxz",active:"elementus_active_q4kxz",list_view:"elementus_list_view_q4kxz",hover:"elementus_hover_q4kxz"};e(".elementus_image_card_q4kxz{border-radius:5px;height:180px;padding:10px;position:relative;width:150px}.elementus_selected_image_q4kxz{background-color:#ebebeb}.elementus_card_top_q4kxz{height:130px;width:130px}.elementus_image_wrapper_q4kxz{border-radius:5px;height:130px;margin:0 auto;width:130px}.elementus_image_wrapper_q4kxz img{border-radius:5px;height:100%;object-fit:cover;width:100%}.elementus_dot_button_q4kxz{align-items:center;background:#fff;border-radius:3px;display:flex;height:20px;justify-content:center;position:absolute;right:20px;top:20px;width:20px}.elementus_menus_q4kxz{background-color:#fff;border-radius:5px;box-shadow:0 0 2px 0 rgba(48,48,48,.102),0 1px 0 0 rgba(48,48,48,.102);height:0;padding:0;position:absolute;right:20px;top:43px;transition:all .3s;visibility:hidden;width:88px;z-index:1}.elementus_menu_item_q4kxz{opacity:0;padding:8px 0}.elementus_menu_item_q4kxz:not(:last-child){border-bottom:1px solid #f3f3f3}.elementus_menu_text_q4kxz{padding:0 16px}.elementus_name_q4kxz{align-items:center;display:flex;justify-content:center;margin-top:10px}.elementus_menus_q4kxz.elementus_active_q4kxz{height:86px;opacity:1;padding:8px 0;transition:all .3s;visibility:visible}.elementus_menus_q4kxz.elementus_active_q4kxz .elementus_menu_item_q4kxz{opacity:1;transition:all .3s}.elementus_list_view_q4kxz{align-items:center;border-radius:0!important;display:flex;gap:11px;height:70px!important;justify-content:start;padding:20px;width:100%!important}.elementus_list_view_q4kxz .elementus_card_top_q4kxz,.elementus_list_view_q4kxz .elementus_image_wrapper_q4kxz{height:50px;width:50px}.elementus_list_view_q4kxz .elementus_dot_button_q4kxz{top:26px}.elementus_list_view_q4kxz:not(:last-child){border-bottom:1px solid #f3f3f3!important}@media screen and (min-width:768px){.elementus_image_card_q4kxz{height:150px;width:117px}.elementus_card_top_q4kxz,.elementus_image_wrapper_q4kxz{height:100px;width:100px}}@media screen and (min-width:1024px){.elementus_image_card_q4kxz{cursor:pointer;height:154px;width:128px}.elementus_hover_q4kxz{display:none}.elementus_image_card_q4kxz:hover .elementus_hover_q4kxz{display:block}.elementus_dot_button_q4kxz{cursor:pointer}.elementus_image_wrapper_q4kxz{height:104px;width:108px}}");export{t as default};
-//# sourceMappingURL=imageCard.module.scss.js.map

package/dist/ui/imageManager/imageCard/imageCard.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"imageCard.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageManager/imageCard/imageModel.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ImageSchema } from "../imageManagerModel";
-export type ImageCardProps = {
-    image: ImageSchema;
-    buttonLoader?: boolean;
-    className?: string;
-    selected?: boolean;
-    onCurrentPreview?: (id: string) => void;
-    onClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onSelect?: (id: string, image: ImageSchema) => void;
-};

package/dist/ui/imageManager/imageCard/index.d.ts

@@ -1 +0,0 @@
-export { default as ImageCard } from "./ImageCard";

package/dist/ui/imageManager/imageManager.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../styles/style-inject/dist/style-inject.es.js";var _={image_manager_wrapper:"elementus_image_manager_wrapper_1luh1",header_area:"elementus_header_area_1luh1",content_body:"elementus_content_body_1luh1",show_preview:"elementus_show_preview_1luh1",image_and_dropzone:"elementus_image_and_dropzone_1luh1",drop_zone:"elementus_drop_zone_1luh1",image_view:"elementus_image_view_1luh1",images_list:"elementus_images_list_1luh1",grid_view:"elementus_grid_view_1luh1",list_view:"elementus_list_view_1luh1",preview:"elementus_preview_1luh1",active_preview:"elementus_active_preview_1luh1",manage_image_view_width:"elementus_manage_image_view_width_1luh1"};e(".elementus_image_manager_wrapper_1luh1{overflow:hidden;position:relative;width:100%}.elementus_image_manager_wrapper_1luh1 .elementus_header_area_1luh1{padding:20px}.elementus_image_manager_wrapper_1luh1 .elementus_content_body_1luh1{padding:0 20px}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1{transition:all .3s;width:100%}.elementus_image_manager_wrapper_1luh1 .elementus_image_and_dropzone_1luh1{max-height:calc(70vh - 60px);overflow-y:auto;transition:all .3s}.elementus_image_manager_wrapper_1luh1 .elementus_image_and_dropzone_1luh1::-webkit-scrollbar{width:0}.elementus_image_manager_wrapper_1luh1 .elementus_drop_zone_1luh1{margin-bottom:30px}.elementus_image_manager_wrapper_1luh1 .elementus_image_view_1luh1{margin:0 auto;padding-bottom:20px;width:320px}.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1,.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1.elementus_grid_view_1luh1{column-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));row-gap:20px;width:100%}.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1.elementus_list_view_1luh1{gap:0!important;grid-template-columns:repeat(1,1fr)!important}.elementus_image_manager_wrapper_1luh1 .elementus_preview_1luh1{height:100%;position:absolute;right:-100%;top:0;transition:all .3s;width:100%}.elementus_image_manager_wrapper_1luh1 .elementus_active_preview_1luh1{right:0!important;transition:all .3s}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1{transition:all .3s}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1{transition:all .3s;width:100%!important}@media screen and (min-width:768px){.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1{column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(117px,1fr))!important;row-gap:30px}.elementus_image_manager_wrapper_1luh1 .elementus_image_view_1luh1{width:395px!important}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1.elementus_content_body_1luh1{display:flex;gap:20px;padding-right:0}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_preview_1luh1{height:auto;position:relative;width:273px}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_image_and_dropzone_1luh1{width:calc(100% - 300px)}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1 .elementus_image_view_1luh1{width:100%!important;width:708px!important}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1 .elementus_images_list_1luh1{gap:30px;grid-template-columns:repeat(auto-fill,minmax(117px,1fr))}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1{padding-right:20px!important}}@media screen and (min-width:1024px){.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1{column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));row-gap:30px}.elementus_image_manager_wrapper_1luh1 .elementus_image_view_1luh1{width:444px!important}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1.elementus_content_body_1luh1{display:flex;gap:20px}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_preview_1luh1{width:336px}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_image_and_dropzone_1luh1{width:calc(100% - 336px)}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_images_list_1luh1{grid-template-columns:repeat(auto-fill,minmax(117px,1fr))}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1 .elementus_image_view_1luh1{width:780px!important}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1 .elementus_images_list_1luh1{gap:35px;grid-template-columns:repeat(auto-fill,minmax(117px,1fr))}}");export{_ as default};
-//# sourceMappingURL=imageManager.module.scss.js.map

package/dist/ui/imageManager/imageManager.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"imageManager.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageManager/imageManagerHeader/ImageManagerHeader.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ContentBodyHeaderProps } from "./imageManagerHeaderModel";
-declare const ImageManagerHeader: ({ selectedImages, onChangeLayout, onSearch, onSorting, onDelete, }: ContentBodyHeaderProps) => React.JSX.Element;
-export default ImageManagerHeader;

package/dist/ui/imageManager/imageManagerHeader/ImageManagerHeader.js

@@ -1,2 +0,0 @@
-import e from"../../../assets/icons/SortingIcon/SortingIcon.js";import t,{useState as a}from"react";import l from"../../../assets/icons/gridViewIcon/GridViewIcon.js";import n from"../../../assets/icons/listViewIcon/ListViewIcon.js";import i from"../../../assets/icons/uploadIcon/UploadIcon.js";import{clients as s}from"../../../graphql/graphql.js";import{Queries as o}from"../../../graphql/query.js";import r from"../../button/Button.js";import m from"../../input/Input.js";import c from"../../radio/Radio.js";import d from"../../../utils/classNames.js";import{useMutation as p}from"@soppiya/client";import{removeNull as g,removeTypename as E}from"@soppiya/elemix";import{images as u}from"../ImageManager.js";import f from"./imageManagerHeader.module.scss.js";const _=({selectedImages:_,onChangeLayout:v,onSearch:b,onSorting:h,onDelete:I})=>{const[N,j]=a(!1),[C,{loading:y}]=p(o.DELETE_IMAGES,{client:s.httpClient.upload,onCompleted(e){const t=g(E(e.delete_images)).filter((e=>e.status)).map((e=>e.target));u.value=u.value.filter((e=>!t.includes(e._id))),"function"==typeof I&&I(t)}});return t.createElement(t.Fragment,null,t.createElement("div",{className:f.content_body_header},t.createElement("div",{className:f.header_left},t.createElement(m,{size:"sm",type:"search",placeholder:"Search files",label:"",onChange:b})),t.createElement("div",{className:f.header_right},t.createElement("div",null,t.createElement(r,{size:"sm",disabled:!_.length,variant:"danger",loading:y,onClick:()=>C({variables:{data:{images:_}}})},"Delete selected")),t.createElement("div",{className:d(f.button,f.sorting_button,f.padding,N&&f.active_sorting_box)},t.createElement(r,{size:"sm",type:"outline",onClick:()=>j((e=>!e))},t.createElement(e,null),t.createElement("span",null,"Sort")),t.createElement("div",{className:d(f.sorting_box)},t.createElement("div",{className:f.sorting_inner},t.createElement("div",{className:f.sorting_item,onClick:()=>h("createdAt","desc")},t.createElement(c,{title:"Date (new - old)",labelId:"newest_date"})),t.createElement("div",{className:f.sorting_item,onClick:()=>h("createdAt","asc")},t.createElement(c,{title:"Date (old - new)",labelId:"oldest_date"})),t.createElement("div",{className:f.sorting_item,onClick:()=>h("file_name","asc")},t.createElement(c,{title:"File name (A - Z)",labelId:"a-z"})),t.createElement("div",{className:f.sorting_item,onClick:()=>h("file_name","desc")},t.createElement(c,{title:"File name (Z - A)",labelId:"z-a"}))))),t.createElement("div",{className:f.button},t.createElement(r,{size:"sm",type:"outline",onClick:()=>v("grid")},t.createElement(l,null))),t.createElement("div",{className:f.button},t.createElement(r,{size:"sm",type:"outline",onClick:()=>v("list")},t.createElement(n,null))),t.createElement("div",{className:d(f.button,f.padding,f.hide_icon)},t.createElement(r,{size:"sm",type:"outline"},t.createElement(i,null),t.createElement("span",null,"Upload image"))))))};export{_ as default};
-//# sourceMappingURL=ImageManagerHeader.js.map

package/dist/ui/imageManager/imageManagerHeader/ImageManagerHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageManagerHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageManager/imageManagerHeader/imageManagerHeader.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../../styles/style-inject/dist/style-inject.es.js";var t={content_body_header:"elementus_content_body_header_1le19",header_left:"elementus_header_left_1le19",header_right:"elementus_header_right_1le19",button:"elementus_button_1le19",sorting_button:"elementus_sorting_button_1le19",sorting_box:"elementus_sorting_box_1le19",sorting_inner:"elementus_sorting_inner_1le19",active_sorting_box:"elementus_active_sorting_box_1le19",padding:"elementus_padding_1le19",hide_icon:"elementus_hide_icon_1le19"};e(".elementus_content_body_header_1le19{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.elementus_content_body_header_1le19 .elementus_header_left_1le19{display:flex}.elementus_content_body_header_1le19 .elementus_header_right_1le19{align-items:center;display:flex;gap:10px;justify-content:end}.elementus_content_body_header_1le19 .elementus_button_1le19{width:28px}.elementus_content_body_header_1le19 .elementus_button_1le19 button{padding:0;width:100%}.elementus_content_body_header_1le19 .elementus_button_1le19 button span{display:none}.elementus_content_body_header_1le19 .elementus_sorting_button_1le19{position:relative}.elementus_content_body_header_1le19 .elementus_sorting_box_1le19{background-color:#fff;border-radius:3px;box-shadow:0 0 2px 0 rgba(48,48,48,.102),0 1px 0 0 rgba(48,48,48,.102);height:0;padding:0 15px;position:absolute;right:0;top:36px;transition:all .3s;visibility:hidden;width:210px;z-index:2}.elementus_content_body_header_1le19 .elementus_sorting_inner_1le19{height:0;overflow:hidden}.elementus_content_body_header_1le19 .elementus_active_sorting_box_1le19 .elementus_sorting_box_1le19{height:144px;padding:15px;transition:all .3s;visibility:visible}.elementus_content_body_header_1le19 .elementus_active_sorting_box_1le19 .elementus_sorting_box_1le19 .elementus_sorting_inner_1le19{height:114px;transition:all .3s}.elementus_content_body_header_1le19 .elementus_sorting_inner_1le19{display:flex;flex-direction:column;gap:10px}@media screen and (min-width:768px){.elementus_content_body_header_1le19 .elementus_header_left_1le19{width:207px}.elementus_content_body_header_1le19 .elementus_header_right_1le19{width:calc(100% - 207px)}.elementus_content_body_header_1le19 .elementus_button_1le19{width:32px}.elementus_content_body_header_1le19 .elementus_button_1le19 button{padding:0;width:100%}}@media screen and (min-width:1024px){.elementus_content_body_header_1le19 .elementus_header_left_1le19{width:300px}.elementus_content_body_header_1le19 .elementus_header_right_1le19{width:calc(100% - 300px)}.elementus_content_body_header_1le19 .elementus_button_1le19{width:32}.elementus_content_body_header_1le19 .elementus_button_1le19 button{padding:0;width:100%}.elementus_content_body_header_1le19 .elementus_button_1le19 button span{display:block}.elementus_content_body_header_1le19 .elementus_padding_1le19{width:auto}.elementus_content_body_header_1le19 .elementus_padding_1le19 button{padding:0 20px}.elementus_content_body_header_1le19 .elementus_hide_icon_1le19,.elementus_content_body_header_1le19 .elementus_hide_icon_1le19 button svg{display:none}}");export{t as default};
-//# sourceMappingURL=imageManagerHeader.module.scss.js.map

package/dist/ui/imageManager/imageManagerHeader/imageManagerHeader.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"imageManagerHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageManager/imageManagerHeader/imageManagerHeaderModel.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { SortBy, SortType } from "../imageManagerModel";
-export type ImageViewLayoutSchema = "grid" | "list";
-export type ContentBodyHeaderProps = {
-    selectedImages: Array<string>;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, customParam: string) => void;
-    onChangeLayout: (layout: ImageViewLayoutSchema) => void;
-    onSearch: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onSorting: (sort_by: SortBy, sort_type: SortType) => void;
-    onDelete?: (deletedId: Array<string>) => void;
-};

package/dist/ui/imageManager/imageManagerHeader/index.d.ts

@@ -1 +0,0 @@
-export { default as ImageManagerHeader } from "./ImageManagerHeader";

package/dist/ui/imageManager/imageManagerModel.d.ts

@@ -1,25 +0,0 @@
-export type ImageMangerProps = {
-    title?: string;
-    buttonText?: string;
-    selectLimit?: number;
-    onClose?: () => void;
-    onComplete?: (image: ImageSchema | ImageSchema[]) => void;
-};
-export type ImageSchema = {
-    _id: string;
-    url: string;
-    file_name: string;
-    size: string;
-    height: string;
-    width: string;
-    createdAt: string;
-};
-export type SortBy = "createdAt" | "file_name";
-export type SortType = "asc" | "desc";
-export type FilterSchema = {
-    search: string;
-    limit: number;
-    skip: number;
-    sort_by: SortBy;
-    sort_type: SortType;
-};

package/dist/ui/imageManager/index.d.ts

@@ -1 +0,0 @@
-export { default as ImageManager } from "./ImageManager";

package/dist/ui/imageManager/previewSlide/PreviewSlide.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { PreviewSlideProps } from "./previewSlideModel";
-declare const PreviewSlide: ({ images, currentId, onClose }: PreviewSlideProps) => React.JSX.Element;
-export default PreviewSlide;

package/dist/ui/imageManager/previewSlide/PreviewSlide.js

@@ -1,2 +0,0 @@
-import e,{useState as t,useEffect as r}from"react";import i from"../../../assets/icons/crossLine/CrossLineIcon.js";import n from"../../../assets/icons/leftArrowIcon/LeftArrowIcon.js";import s from"../../../assets/icons/rightArrowIcon/RightArrowIcon.js";import a from"../../button/Button.js";import m from"../../text/Text.js";import{dateFormat as o}from"@soppiya/elemix";import l from"./previewSlide.module.scss.js";const c=({images:c,currentId:d,onClose:f})=>{const[p,E]=t(c.findIndex((e=>e._id===d))),{weekday:g,day:u,year:v}=o(+c[p]?.createdAt),x=()=>{E(0),"function"==typeof f&&f()};return r((()=>{const e=c.findIndex((e=>e._id===d));E(e),!c[e]&&x()}),[d,c]),e.createElement("div",{className:l.preview_slide},e.createElement("div",{className:l.preview_slide_header},e.createElement(m,{size:"md",fontWeight:"semiBold"},"Preview"),e.createElement(a,{type:"text",onClick:x},e.createElement(i,null))),e.createElement("div",{className:l.slide_area},e.createElement("div",{className:l.prev,onClick:()=>{const e=c.findIndex((e=>e._id===d));E(e),E(p>0?p-1:0)}},e.createElement(a,{type:"text"},e.createElement(n,null))),e.createElement("div",{className:l.preview_image},e.createElement("img",{src:c[p]?.url,alt:c[p]?.file_name})),e.createElement("div",{className:l.next},e.createElement(a,{type:"text",onClick:()=>{const e=c.findIndex((e=>e._id===d));E(e),p<c.length-1?E(p+1):E(c.length-1)}},e.createElement(s,null)))),e.createElement("div",{className:l.image_info},e.createElement(m,{size:"sm",fontWeight:"regular"},c[p]?.file_name),e.createElement(m,{size:"sm",fontWeight:"regular"},u," ",g," ",v," •"," ",c[p]?.width+" x "+c[p]?.height," •"," ",c[p]?.size)))};export{c as default};
-//# sourceMappingURL=PreviewSlide.js.map

package/dist/ui/imageManager/previewSlide/PreviewSlide.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewSlide.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageManager/previewSlide/index.d.ts

@@ -1 +0,0 @@
-export { default as PreviewSlide } from "./PreviewSlide";

package/dist/ui/imageManager/previewSlide/previewSlide.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../../styles/style-inject/dist/style-inject.es.js";var i={preview_slide:"elementus_preview_slide_1tcwv",preview_slide_header:"elementus_preview_slide_header_1tcwv",slide_area:"elementus_slide_area_1tcwv",preview_image:"elementus_preview_image_1tcwv",image_info:"elementus_image_info_1tcwv"};e(".elementus_preview_slide_1tcwv{background-color:#f1f2f3;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:10px 20px;position:absolute;top:0;width:100%;z-index:1}.elementus_preview_slide_1tcwv .elementus_preview_slide_header_1tcwv{align-items:center;display:flex;justify-content:space-between;width:100%}.elementus_preview_slide_1tcwv .elementus_preview_slide_header_1tcwv button{padding:8px!important}.elementus_preview_slide_1tcwv .elementus_slide_area_1tcwv{align-items:center;display:flex;gap:20px;justify-content:space-between;position:relative}.elementus_preview_slide_1tcwv .elementus_preview_image_1tcwv{display:flex}.elementus_preview_slide_1tcwv .elementus_preview_image_1tcwv img{height:100%;object-fit:contain;width:100%}.elementus_preview_slide_1tcwv .elementus_image_info_1tcwv{display:flex;flex-direction:column}@media screen and (min-width:768px){.elementus_preview_slide_1tcwv{display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;position:relative;top:0;width:100%;z-index:1}}");export{i as default};
-//# sourceMappingURL=previewSlide.module.scss.js.map

package/dist/ui/imageManager/previewSlide/previewSlide.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"previewSlide.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageManager/previewSlide/previewSlideModel.d.ts

@@ -1,6 +0,0 @@
-import type { ImageSchema } from "../imageManagerModel";
-export type PreviewSlideProps = {
-    images: Array<ImageSchema>;
-    currentId?: string;
-    onClose?: () => void;
-};

package/dist/ui/imageViewer/ImageViewer.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ImageViewerProps } from './imageViewerModels';
-declare const ImageViewer: ({ url, imageName, size, message, onClick, onClose }: ImageViewerProps) => React.JSX.Element;
-export default ImageViewer;

package/dist/ui/imageViewer/ImageViewer.js

@@ -1,2 +0,0 @@
-import e from"react";import t from"./imageViewer.module.scss.js";import m from"../button/Button.js";import s from"../../utils/classNames.js";import i from"../text/Text.js";const a=({url:a="https://cdn.shopify.com/s/files/1/0811/1279/3374/files/793dfe31fe1414a342baa8c57634c098-removebg-preview_450x.png?v=1696930913",imageName:r="image",size:l="lg",message:o="HEIC, WEBP, SVG, PNG, or JPG. Recommended width: 512 pixels minimum.",onClick:c,onClose:n})=>e.createElement("div",{className:s(t.image_viewer_wrapper)},e.createElement("div",{className:s(t.inner,t["viewer_size_"+l])},e.createElement("div",{className:t.image_wrapper},e.createElement("img",{src:a,alt:r})),e.createElement("div",{className:t.image_viewer_buttons},e.createElement(m,{size:"sm",type:"outline",onClick:c},"Change"),e.createElement(m,{size:"sm",type:"outline",onClick:n},"Remove"))),e.createElement("div",{className:t.message},e.createElement(i,{size:"sm",fontWeight:"regular",color:"tertiary"},o)));export{a as default};
-//# sourceMappingURL=ImageViewer.js.map

package/dist/ui/imageViewer/ImageViewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageViewer/imageViewer.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../styles/style-inject/dist/style-inject.es.js";var _={image_viewer_wrapper:"elementus_image_viewer_wrapper_1myso",inner:"elementus_inner_1myso",viewer_size_lg:"elementus_viewer_size_lg_1myso",image_wrapper:"elementus_image_wrapper_1myso",image_viewer_buttons:"elementus_image_viewer_buttons_1myso",message:"elementus_message_1myso"};e(".elementus_image_viewer_wrapper_1myso{width:100%}.elementus_image_viewer_wrapper_1myso .elementus_inner_1myso.elementus_viewer_size_lg_1myso{height:168px}.elementus_image_viewer_wrapper_1myso .elementus_image_wrapper_1myso{background-color:#f3f3f3;display:flex;flex-direction:column;height:calc(100% - 28px);justify-content:center;width:100%}.elementus_image_viewer_wrapper_1myso .elementus_image_wrapper_1myso img{max-height:100%;max-width:100%;object-fit:contain}.elementus_image_viewer_wrapper_1myso .elementus_image_viewer_buttons_1myso{align-items:center;display:flex}.elementus_image_viewer_wrapper_1myso .elementus_image_viewer_buttons_1myso button{border-color:#ebebeb;box-shadow:0 1px 0 0 rgba(48,48,48,.149),0 0 1px 0 rgba(48,48,48,.2);width:100%}.elementus_image_viewer_wrapper_1myso .elementus_image_viewer_buttons_1myso button:not(:last-child){border-radius:0 0 0 5px;border-right:0}.elementus_image_viewer_wrapper_1myso .elementus_image_viewer_buttons_1myso button:not(:first-child){border-top-left-radius:0;border-radius:0 0 5px 0}.elementus_image_viewer_wrapper_1myso .elementus_message_1myso{margin-top:10px}@media screen and (min-width:768px){.elementus_image_viewer_wrapper_1myso .elementus_image_wrapper_1myso{height:calc(100% - 32px)}}");export{_ as default};
-//# sourceMappingURL=imageViewer.module.scss.js.map

package/dist/ui/imageViewer/imageViewer.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"imageViewer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/imageViewer/imageViewerModels.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export type ImageViewerProps = {
-    size?: "sm" | "lg";
-    message?: string;
-    url?: string;
-    imageName?: string;
-    onClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onClose?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-};

package/dist/ui/imageViewer/index.d.ts

@@ -1 +0,0 @@
-export { default as ImageViewer } from "./ImageViewer";

package/dist/ui/input/Input.js

@@ -1,2 +0,0 @@
-import e from"../../assets/icons/cross/CrossIcon.js";import t from"../../assets/icons/eye/EyeIcon.js";import a from"../../assets/icons/search/SearchIcon.js";import s from"../../utils/classNames.js";import r,{useState as l}from"react";import n from"./input.module.scss.js";const c=r.forwardRef((({label:c="Label",type:o="text",size:m="md",name:i,placeholder:p="Placeholder",value:u,disabled:d,allowClear:f,error:_,labelAction:E,helpText:b,suffix:N,prefix:h,className:x,onChange:w,onBlur:y,onFocus:g,onClear:v},C)=>{const[j,F]=l(!1),I={[n.password]:"password"===o},k="password"===o?j?"text":"password":o;return r.createElement("div",{className:n.wrapper},(c||E&&E.content)&&r.createElement("div",{className:n.label_action_wrapper},c&&r.createElement("label",{className:s(n.label_text),htmlFor:i},c),E&&r.createElement("div",{className:n.action_text_wrapper},r.createElement("a",{href:E.url,target:E.target,className:n.action_text},E.content))),r.createElement("div",{className:s(n.input_field_wrapper,n[m+"_input"])},r.createElement("input",{ref:C,name:i,type:k,placeholder:p,value:u,disabled:d,onChange:w,onBlur:y,onFocus:g,className:s(n.input_field,_&&_.status&&n.error_style,"search"===o&&n.search_icon_padding,N&&n.suffix_icon_padding,h&&n.prefix_icon_padding,x||""),id:i}),"password"===o&&r.createElement("button",{className:s(I),onClick:()=>F((e=>!e)),type:"button"},r.createElement(t,{visible:j})),"search"===o&&r.createElement("button",{className:s(n.search_icon),type:"button"},r.createElement(a,null)),f&&r.createElement("button",{className:s(n.cross_icon),onClick:v,type:"button"},r.createElement(e,null)),h&&r.createElement("button",{className:s(n.prefix),type:"button"},r.createElement(a,null)),N&&r.createElement("button",{className:s(n.suffix),type:"button"},r.createElement(a,null))),b&&r.createElement("p",{className:n.help_text},b),_&&_.status&&r.createElement("p",{className:n.error_text}," ",_.message," "))}));export{c as default};
-//# sourceMappingURL=Input.js.map

package/dist/ui/input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/input/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Input } from "./Input";
-export type { InputProps, LabelActionType } from "./inputModel";

package/dist/ui/input/input.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../styles/style-inject/dist/style-inject.es.js";var t={wrapper:"elementus_wrapper_qpp9m",label_action_wrapper:"elementus_label_action_wrapper_qpp9m",label_text:"elementus_label_text_qpp9m",action_text_wrapper:"elementus_action_text_wrapper_qpp9m",action_text:"elementus_action_text_qpp9m",input_field_wrapper:"elementus_input_field_wrapper_qpp9m",sm_input:"elementus_sm_input_qpp9m",md_input:"elementus_md_input_qpp9m",lg_input:"elementus_lg_input_qpp9m",input_field:"elementus_input_field_qpp9m",password:"elementus_password_qpp9m",search_icon:"elementus_search_icon_qpp9m",search_icon_padding:"elementus_search_icon_padding_qpp9m",error_style:"elementus_error_style_qpp9m",error_text:"elementus_error_text_qpp9m",help_text:"elementus_help_text_qpp9m",cross_icon:"elementus_cross_icon_qpp9m",prefix:"elementus_prefix_qpp9m",suffix:"elementus_suffix_qpp9m",suffix_icon_padding:"elementus_suffix_icon_padding_qpp9m",prefix_icon_padding:"elementus_prefix_icon_padding_qpp9m"};e(".elementus_wrapper_qpp9m{width:100%}.elementus_label_action_wrapper_qpp9m{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.elementus_label_text_qpp9m{align-items:center;color:#303030;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:400;justify-content:start;width:100%}.elementus_action_text_wrapper_qpp9m{align-items:center;display:flex;justify-content:end;width:100%}.elementus_action_text_qpp9m{color:#005bd3;font-family:Inter,sans-serif;font-size:13px;font-weight:400}.elementus_input_field_wrapper_qpp9m{height:36px;position:relative;width:100%}.elementus_sm_input_qpp9m{height:28px!important}.elementus_md_input_qpp9m{height:32px!important}.elementus_lg_input_qpp9m{height:36px!important}.elementus_input_field_qpp9m{background:transparent;border:1px solid #b9b3ae;border-radius:3px;box-shadow:0 0 0 2px #fff;box-sizing:border-box;color:#303030;font-family:Inter,sans-serif;font-size:13px;font-weight:400;height:100%;outline:1px solid transparent;padding:0 12px;width:100%}.elementus_input_field_qpp9m:focus{background:transparent!important;border:1px solid transparent;box-shadow:0 0 0 2px rgba(0,91,211,.2);outline-color:#005bd3}.elementus_input_field_qpp9m::placeholder{color:#616161;font-size:13px;font-weight:400}.elementus_password_qpp9m{right:0}.elementus_password_qpp9m,.elementus_search_icon_qpp9m{background:transparent;border:none;height:100%;position:absolute;top:0;width:36px}.elementus_search_icon_qpp9m{align-items:center;display:flex;justify-content:center;left:0}.elementus_search_icon_padding_qpp9m{padding-left:30px!important}.elementus_error_style_qpp9m{background:#fff4f4;border-color:#d82c0d}.elementus_error_text_qpp9m{color:#d82c0d}.elementus_error_text_qpp9m,.elementus_help_text_qpp9m{font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:.5px;margin:7px 0 0}.elementus_help_text_qpp9m{color:#6d7175}.elementus_cross_icon_qpp9m{align-items:center;background:transparent;border:none;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:30px}.elementus_cross_icon_qpp9m svg{height:17px;width:20px}.elementus_prefix_qpp9m{left:0}.elementus_prefix_qpp9m,.elementus_suffix_qpp9m{align-items:center;background:transparent;border:none;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:30px}.elementus_suffix_qpp9m{right:0}.elementus_suffix_icon_padding_qpp9m{padding-left:32px}.elementus_prefix_icon_padding_qpp9m{padding-right:32px}@media screen and (min-width:768px){.elementus_sm_input_qpp9m{height:32px!important}.elementus_md_input_qpp9m{height:36px!important}.elementus_lg_input_qpp9m{height:40px!important}}@media screen and (min-width:1024px){.elementus_action_text_qpp9m,.elementus_cross_icon_qpp9m,.elementus_password_qpp9m{cursor:pointer}}");export{t as default};
-//# sourceMappingURL=input.module.scss.js.map

package/dist/ui/input/input.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/input/inputModel.d.ts

@@ -1,35 +0,0 @@
-import React, { ChangeEvent, FocusEvent } from "react";
-export type ErrorType = {
-    status: boolean;
-    message: string;
-};
-export type LabelActionType = {
-    content: string;
-    url?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-    onAction?: () => void;
-    onMouseEnter?: () => void;
-};
-export type InputProps = {
-    type?: "text" | "email" | "password" | "number" | "tel" | "search";
-    size?: "sm" | "md" | "lg";
-    name?: string;
-    placeholder?: string;
-    label?: string;
-    helpText?: string;
-    value?: string;
-    maxLength?: number;
-    disabled?: boolean;
-    labelHidden?: boolean;
-    allowClear?: boolean;
-    readOnly?: boolean;
-    error?: ErrorType;
-    labelAction?: LabelActionType;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    className?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    onClear?: () => void;
-};

package/dist/ui/logo/Logo.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { LogoProps } from "./logoModel";
-declare const Logo: ({ variant, size }: LogoProps) => React.JSX.Element;
-export default Logo;

package/dist/ui/logo/Logo.js

@@ -1,2 +0,0 @@
-import s from"../../utils/classNames.js";import o from"react";import a from"./logo.module.scss.js";const l=({variant:l="color_black",size:t="md"})=>o.createElement("div",{className:a.logo__wrapper},o.createElement("img",{src:{solid_black:"https://cdn.soppiya.biz/system/images/brand/logo_solid_black_155x48.svg",solid_white:"https://cdn.soppiya.biz/system/images/brand/logo_solid_white_155x48.svg",color_black:"https://cdn.soppiya.biz/system/images/brand/logo_color_black_155x48.svg",color_white:"https://cdn.soppiya.biz/system/images/brand/logo_color_white_155x48.svg"}[l],alt:"Soppiya",className:s(a.logo,a["logo__"+t])}));export{l as default};
-//# sourceMappingURL=Logo.js.map

package/dist/ui/logo/Logo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Logo.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/logo/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Logo } from "./Logo";
-export { LogoProps } from "./logoModel";

package/dist/ui/logo/logo.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../styles/style-inject/dist/style-inject.es.js";var _={logo__wrapper:"elementus_logo__wrapper_10d9v",logo:"elementus_logo_10d9v",logo__xs:"elementus_logo__xs_10d9v",logo__sm:"elementus_logo__sm_10d9v",logo__md:"elementus_logo__md_10d9v",logo__lg:"elementus_logo__lg_10d9v"};e(".elementus_logo__wrapper_10d9v .elementus_logo_10d9v{object-fit:cover}.elementus_logo__wrapper_10d9v .elementus_logo__xs_10d9v{height:15px;width:50px}.elementus_logo__wrapper_10d9v .elementus_logo__sm_10d9v{height:20px;width:66px}.elementus_logo__wrapper_10d9v .elementus_logo__md_10d9v{height:27px;width:88px}.elementus_logo__wrapper_10d9v .elementus_logo__lg_10d9v{height:34px;width:112px}@media screen and (min-width:768px){.elementus_logo__wrapper_10d9v .elementus_logo__xs_10d9v{height:16.5px;width:55px}.elementus_logo__wrapper_10d9v .elementus_logo__sm_10d9v{height:23px;width:76px}.elementus_logo__wrapper_10d9v .elementus_logo__md_10d9v{height:29px;width:96px}.elementus_logo__wrapper_10d9v .elementus_logo__lg_10d9v{height:48px;width:155px}}");export{_ as default};
-//# sourceMappingURL=logo.module.scss.js.map

package/dist/ui/logo/logo.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"logo.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/logo/logoModel.d.ts

@@ -1,4 +0,0 @@
-export type LogoProps = {
-    variant?: "solid_black" | "solid_white" | "color_black" | "color_white";
-    size?: "xs" | "sm" | "md" | "lg";
-};

package/dist/ui/modal/Modal.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ModalPropsTypes } from "./modalModel";
-declare const Modal: ({ title, children, buttonText, closeButtonText, buttonVariant, size, loading, cardBodyPadding, scrollOff, onClose, onClickFunc, }: ModalPropsTypes) => React.JSX.Element;
-export default Modal;

package/dist/ui/modal/Modal.js

@@ -1,2 +0,0 @@
-import e from"react";import t from"../../assets/icons/crossLine/CrossLineIcon.js";import o from"../button/Button.js";import r from"../card/Card.js";import a from"../../utils/classNames.js";import"../card/cardBody/cardBody.module.scss.js";import"../card/cardFooter/cardFooter.module.scss.js";import"../card/cardHeader/cardHeader.module.scss.js";import l from"../text/Text.js";import d from"./modal.module.scss.js";const s=({title:s,children:n,buttonText:m,closeButtonText:c,buttonVariant:i,size:p="md",loading:u=!1,cardBodyPadding:f="lg",scrollOff:E,onClose:j,onClickFunc:g})=>e.createElement("div",{className:d.modal},e.createElement("div",{className:a(d.modal_dialog,d["modal_"+p])},e.createElement("div",{className:d.modal_content},e.createElement(r,null,e.createElement(r.Header,{justifyContent:"between",border:"bottom"},e.createElement(l,{type:"heading",headingAs:"h3",fontWeight:"medium"},s),e.createElement(o,{type:"text",onClick:j}," ",e.createElement(t,null)," ")),e.createElement(r.Body,{padding:f}," ",e.createElement("div",{className:a(E?"scroll_off":d.wrapper)},n)," "),(m||c)&&e.createElement(r.Footer,{justifyContent:"end",border:"top"},c&&e.createElement(o,{type:"outline",onClick:j,loading:u},c),m&&e.createElement(o,{variant:i,type:"normal",onClick:g,loading:u,disabled:"disabled"===i},m))))));export{s as default};
-//# sourceMappingURL=Modal.js.map

package/dist/ui/modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/modal/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Modal } from "./Modal";
-export type { ModalPropsTypes } from "./modalModel";

package/dist/ui/modal/modal.module.scss.js

@@ -1,2 +0,0 @@
-import e from"../../styles/style-inject/dist/style-inject.es.js";var a={modal:"elementus_modal_1ugae",modal_dialog:"elementus_modal_dialog_1ugae",modal_sm:"elementus_modal_sm_1ugae",modal_md:"elementus_modal_md_1ugae",modal_lg:"elementus_modal_lg_1ugae",modal_slg:"elementus_modal_slg_1ugae",wrapper:"elementus_wrapper_1ugae",modal_content:"elementus_modal_content_1ugae"};e("*{box-sizing:border-box;margin:0;padding:0}.elementus_modal_1ugae{align-items:end;background:rgba(48,48,48,.5);bottom:0;display:flex;height:100%;justify-content:center;left:0;outline:0;overflow:hidden;position:fixed;width:100%;z-index:3}.elementus_modal_1ugae .elementus_modal_dialog_1ugae.elementus_modal_lg_1ugae,.elementus_modal_1ugae .elementus_modal_dialog_1ugae.elementus_modal_md_1ugae,.elementus_modal_1ugae .elementus_modal_dialog_1ugae.elementus_modal_slg_1ugae,.elementus_modal_1ugae .elementus_modal_dialog_1ugae.elementus_modal_sm_1ugae{width:100%}.elementus_modal_1ugae .elementus_wrapper_1ugae{max-height:calc(100vh - 250px);overflow-y:auto}.elementus_modal_1ugae .elementus_wrapper_1ugae::-webkit-scrollbar{width:0}@media screen and (min-width:768px){.elementus_modal_1ugae{align-items:center;display:flex;justify-content:center}.elementus_modal_1ugae .elementus_modal_dialog_1ugae.elementus_modal_sm_1ugae{max-width:450px;padding:20px;width:100%}.elementus_modal_1ugae .elementus_modal_dialog_1ugae.elementus_modal_md_1ugae{max-width:680px;padding:20px;width:100%}.elementus_modal_1ugae .elementus_modal_dialog_1ugae.elementus_modal_slg_1ugae{max-width:860px;padding:20px;width:100%}.elementus_modal_1ugae .elementus_modal_dialog_1ugae.elementus_modal_lg_1ugae{max-width:1020px;padding:20px;width:100%}.elementus_modal_1ugae .elementus_modal_content_1ugae{width:100%}}");export{a as default};
-//# sourceMappingURL=modal.module.scss.js.map

package/dist/ui/modal/modal.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/modal/modalModel.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export type ModalPropsTypes = {
-    title?: string;
-    children?: React.ReactNode;
-    buttonText?: string;
-    closeButtonText?: string;
-    buttonVariant?: "link" | "default" | "info" | "danger" | "success" | "warning" | "disabled" | "white";
-    size?: "sm" | "md" | "slg" | "lg";
-    loading?: boolean;
-    cardBodyPadding?: "sm" | "md" | "lg" | "none";
-    scrollOff?: boolean;
-    onClose?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onClickFunc?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-};

package/dist/ui/otp/OTP.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { OTPProps } from "./OTPModel";
-declare const OTP: React.ForwardRefExoticComponent<OTPProps & React.RefAttributes<HTMLInputElement>>;
-export default OTP;

package/dist/ui/otp/OTP.js

@@ -1,2 +0,0 @@
-import e from"../../assets/icons/cross/CrossIcon.js";import t from"../../assets/icons/key/KeyIcon.js";import l from"../../utils/classNames.js";import a,{useState as r}from"react";import s from"./otp.module.scss.js";const o=a.forwardRef((({label:o="OTP",size:n="md",name:c,disabled:m,allowClear:p,error:i,helpText:u,onOtpValue:d,onBlur:f,onFocus:_,onClear:E},b)=>{const[N,g]=r("");return a.createElement("div",{className:s.wrapper},o&&a.createElement("div",{className:s.label_action_wrapper},o&&a.createElement("label",{className:l(s.label_text),htmlFor:c},o)),a.createElement("div",{className:l(s.input_field_wrapper,s[n+"_input"])},a.createElement("input",{ref:b,name:c,type:"text",placeholder:"XXX-XXX",value:(x=N,x.replaceAll("-","").length>3?x.slice(0,3)+"-"+x.slice(3,6):x),disabled:m,onChange:e=>{let t=e.target.value.replace(/[^0-9-]/g,"");e.target.value=t,t=t.replaceAll("-",""),t.length>6||(g(t),"function"==typeof d&&d(t))},onBlur:f,onFocus:_,className:l(s.input_field,i&&i.status&&s.error_style,s.prefix_icon_padding),id:c}),p&&a.createElement("button",{className:l(s.cross_icon),onClick:E,type:"button"},a.createElement(e,null)),a.createElement("button",{className:l(s.prefix),type:"button"},a.createElement(t,null))),u&&a.createElement("p",{className:s.help_text},u),i&&i.status&&a.createElement("p",{className:s.error_text}," ",i.message," "));var x}));export{o as default};
-//# sourceMappingURL=OTP.js.map

package/dist/ui/otp/OTP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OTP.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ui/otp/OTPModel.d.ts

@@ -1,28 +0,0 @@
-import { FocusEvent } from "react";
-export type ErrorType = {
-    status: boolean;
-    message: string;
-};
-export type LabelActionType = {
-    content: string;
-    url?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-    onAction?: () => void;
-    onMouseEnter?: () => void;
-};
-export type OTPProps = {
-    size?: "sm" | "md" | "lg";
-    name?: string;
-    label?: string;
-    helpText?: string;
-    maxLength?: number;
-    disabled?: boolean;
-    labelHidden?: boolean;
-    allowClear?: boolean;
-    readOnly?: boolean;
-    error?: ErrorType;
-    onOtpValue?: (value: string) => void;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    onClear?: () => void;
-};

package/dist/ui/otp/index.d.ts

@@ -1,2 +0,0 @@
-export { default as OTP } from "./OTP";
-export { OTPProps } from "./OTPModel";