master-components-react-ts 1.0.11 → 1.0.13

package/dist/master-components-react-ts.cjs6.js

@@ -1,11 +0,0 @@
-"use strict"
-const e=require("./master-components-react-ts.cjs17.js"),t=require("react"),r=require("./master-components-react-ts.cjs26.js"),s=require("./master-components-react-ts.cjs27.js"),c=require("./master-components-react-ts.cjs28.js"),o=require("./master-components-react-ts.cjs29.js")
-module.exports=({checked:n,change:a,type:i="default",disabled:u=!1,required:d=!1,multipleChecked:l=!1,activeStyle:m,checkBoxStyle:h,theme:p="light"})=>{
-const j=o.useNamespace(),q=t.useRef(null),[k,y]=t.useState(!1)
-return e.jsxRuntimeExports.jsxs("div",{style:k?u?{boxShadow:"none"}:m??{}:h??{},
-className:`${"dark"===p?r.default.dark:""}  ${r.default[j]} ${r.default.checkboxWrapper} ${"error"===i?r.default.error:""} ${n?r.default.checked:r.default.unChecked} ${u?r.default.disabled:""}`,
-onMouseDown:()=>y(!0),onMouseUp:()=>y(!1),onMouseLeave:()=>y(!1),onClick:()=>{
-u||a&&"function"==typeof a&&a(!n)},children:[e.jsxRuntimeExports.jsx("input",{
-ref:q,type:"checkbox",disabled:u,checked:n??!1,hidden:!0,readOnly:!0,
-required:d??!1}),n?e.jsxRuntimeExports.jsx(l?c.IconMinus:s.IconCheckmark,{}):""]
-})}

package/dist/master-components-react-ts.cjs60.js

@@ -1,18 +0,0 @@
-"use strict"
-Object.defineProperties(exports,{o:{value:!0},[Symbol.toStringTag]:{
-value:"Module"}})
-const e="Calendar-module__datePicker",a="Calendar-module__dualCalendar",r="Calendar-module__dualCalendarWithQuick",d="Calendar-module__border",o="Calendar-module__calendarWrapper",l="Calendar-module__quickPick",t="Calendar-module__datePickerHeader",n="Calendar-module__div",_="Calendar-module__currentDateHeader",u="Calendar-module__left",p="Calendar-module__right",s="Calendar-module__singleIcon",m="Calendar-module__doubleIcon",C="Calendar-module__spacerRow",x="Calendar-module__day",c="Calendar-module__today",i="Calendar-module__inRange",h="Calendar-module__selected",k="Calendar-module__startDate",b="Calendar-module__endDate",W="Calendar-module__disabled",g="Calendar-module__otherMonth",D="Calendar-module__monthsWrapper",M="Calendar-module__month",P="Calendar-module__pickedMonth",y="Calendar-module__buttonWrapper",v={
-datePicker:e,dualCalendar:a,dualCalendarWithQuick:r,border:d,calendarWrapper:o,
-quickPick:l,datePickerHeader:t,div:n,currentDateHeader:_,left:u,right:p,
-singleIcon:s,doubleIcon:m,spacerRow:C,day:x,today:c,inRange:i,selected:h,
-startDate:k,endDate:b,disabled:W,otherMonth:g,monthsWrapper:D,month:M,
-pickedMonth:P,buttonWrapper:y}
-exports.border=d,exports.buttonWrapper=y,exports.calendarWrapper=o,exports.currentDateHeader=_,
-exports.datePicker=e,exports.datePickerHeader=t,exports.day=x,exports.default=v,
-exports.disabled=W,
-exports.div=n,exports.doubleIcon=m,exports.dualCalendar=a,exports.dualCalendarWithQuick=r,
-exports.endDate=b,
-exports.inRange=i,exports.left=u,exports.month=M,exports.monthsWrapper=D,
-exports.otherMonth=g,
-exports.pickedMonth=P,exports.quickPick=l,exports.right=p,exports.selected=h,
-exports.singleIcon=s,exports.spacerRow=C,exports.startDate=k,exports.today=c

package/dist/master-components-react-ts.cjs61.js

@@ -1,8 +0,0 @@
-"use strict"
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"})
-const e=require("./master-components-react-ts.cjs17.js")
-exports.IconLeft=({size:t="20",color:s="#131314"})=>e.jsxRuntimeExports.jsx("svg",{
-xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 20 20",
-fill:"none",children:e.jsxRuntimeExports.jsx("path",{
-d:"M9.00081 10.0039L12.2508 13.2539C12.4036 13.4067 12.48 13.6012 12.48 13.8373C12.48 14.0734 12.4036 14.2678 12.2508 14.4206C12.098 14.5734 11.9036 14.6498 11.6675 14.6498C11.4314 14.6498 11.2369 14.5734 11.0841 14.4206L7.25081 10.5873C7.16748 10.5039 7.10845 10.4137 7.07373 10.3164C7.03901 10.2192 7.02165 10.1151 7.02165 10.0039C7.02165 9.89284 7.03901 9.78867 7.07373 9.69145C7.10845 9.59422 7.16748 9.50395 7.25081 9.42061L11.0841 5.58728C11.2369 5.4345 11.4314 5.35811 11.6675 5.35811C11.9036 5.35811 12.098 5.4345 12.2508 5.58728C12.4036 5.74006 12.48 5.9345 12.48 6.17061C12.48 6.40672 12.4036 6.60117 12.2508 6.75395L9.00081 10.0039Z",
-fill:s})})

package/dist/master-components-react-ts.cjs62.js

@@ -1,8 +0,0 @@
-"use strict"
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"})
-const e=require("./master-components-react-ts.cjs17.js")
-exports.IconRight=({size:t="20",color:s="#131314"})=>e.jsxRuntimeExports.jsx("svg",{
-xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 20 20",
-fill:"none",children:e.jsxRuntimeExports.jsx("path",{
-d:"M10.5007 10.004L7.25065 6.75399C7.09787 6.60121 7.02148 6.40677 7.02148 6.17065C7.02148 5.93454 7.09787 5.7401 7.25065 5.58732C7.40343 5.43454 7.59787 5.35815 7.83398 5.35815C8.0701 5.35815 8.26454 5.43454 8.41732 5.58732L12.2507 9.42065C12.334 9.50399 12.393 9.59427 12.4277 9.69149C12.4625 9.78871 12.4798 9.89288 12.4798 10.004C12.4798 10.1151 12.4625 10.2193 12.4277 10.3165C12.393 10.4137 12.334 10.504 12.2507 10.5873L8.41732 14.4207C8.26454 14.5734 8.0701 14.6498 7.83398 14.6498C7.59787 14.6498 7.40343 14.5734 7.25065 14.4207C7.09787 14.2679 7.02148 14.0734 7.02148 13.8373C7.02148 13.6012 7.09787 13.4068 7.25065 13.254L10.5007 10.004Z",
-fill:s})})

package/dist/master-components-react-ts.cjs63.js

@@ -1,3 +0,0 @@
-"use strict"
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"
-}),exports.__exports={}

package/dist/master-components-react-ts.cjs64.js

@@ -1,3 +0,0 @@
-"use strict"
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"
-}),exports.__exports={}

package/dist/master-components-react-ts.cjs7.js

@@ -1,112 +0,0 @@
-"use strict"
-const e=require("./master-components-react-ts.cjs17.js"),t=require("react"),l=require("./master-components-react-ts.cjs30.js"),s=require("./master-components-react-ts.cjs3.js"),n=require("./master-components-react-ts.cjs6.js"),c=require("./master-components-react-ts.cjs31.js"),o=require("./master-components-react-ts.cjs32.js"),r=require("./master-components-react-ts.cjs33.js"),i=require("./master-components-react-ts.cjs22.js")
-module.exports=({data:a,withFilter:d=!0,withClose:u=!0,disableAll:m=!1,withMultiselect:p=!1,selectedOptionID:h,withInput:w=!1,dropdownType:S="country",onSelect:y,onFocus:L,onBlur:C,onValueChange:N,customInputSlot:v,dropdownWrapperStyle:E,dropdownInputWrapperStyle:f,dropdownInputSlotStyle:j,dropdownInputSlotItemStyle:I,dropdownInputSlotItemLabelStyle:g,dropdownInputSlotItemCloseStyle:A,dropdownInputSlotItemMoreStyle:k,dropdownItemStyle:$,dropdownItemLabelStyle:T,itemCheckboxStyle:_,dropdownItemLabelTextStyle:q,dropdownListStyle:x,...b})=>{
-const[F,O]=t.useState(!1),[z,B]=t.useState(""),[D,M]=t.useState(!1),[W,J]=t.useState(!1),[V,G]=t.useState(!1),H=t.useRef(null),K=t.useRef(null),P=t.useRef(null),Q=t.useRef(null),[R,U]=t.useState([]),X=t.useRef([]),Y=t.useRef(0),[Z,ee]=t.useState(""),[te,le]=t.useState(null),se=e=>`https://flagsapi.com/${e}/flat/64.png`,ne=e=>{
-e.selected=!e.selected,
-p?(X.current=[...X.current,...R.filter((e=>1==e.selected)),...R.filter((t=>t.id===e.id))],
-X.current=c.t(X.current,"id").filter((e=>e.selected)).filter((e=>"SELECT_ALL"!==e.id)),
-"SELECT_ALL"===e.id?(M(e.selected),
-J(!0)):(M(!1),y?.(X.current),J(!1)),O((e=>!e))):y?.(e)},ce=()=>{
-const e=K.current,t=H.current
-if(!t||!e)return
-const l=e.getBoundingClientRect(),s=window.innerHeight
-t.style.position="fixed",t.style.width=l.width+"px",t.style.left=l.left+window.pageXOffset+"px",
-l.bottom+t.offsetHeight>s?(t.style.top=window.scrollY+l.top-t.offsetHeight+18+"px",
-t.style.bottom="unset"):(t.style.top=window.scrollY+l.bottom+8+"px",
-t.style.bottom="unset")}
-t.useEffect((()=>{ce()}),[H,V]),t.useEffect((()=>{
-if(X.current=a.filter((e=>e.selected)),!p)return void U(a)
-const e=a.some((e=>"selected"in e)),t={id:"SELECT_ALL",label:"Select All",
-selected:D}
-e||a.forEach((e=>{e.selected=!1})),U([t,...a])
-}),[JSON.stringify(a)]),t.useEffect((()=>{p&&(a.every((e=>e.selected))||M(!1))
-}),[X.current.length]),t.useEffect((()=>{!p&&h&&le(a.find((e=>e.id===h)))
-}),[h]),t.useEffect((()=>{if(p&&R.length>0&&W){
-const e=R.map((e=>"SELECT_ALL"===e.id?{...e,selected:D}:e.disabled?e:{...e,
-selected:D}))
-U(e),a.forEach((e=>{"SELECT_ALL"===e.id?e.selected=D:e.disabled||(e.selected=D)
-})),X.current=e.filter((e=>e.selected&&"SELECT_ALL"!==e.id)),y?.(X.current)}
-}),[F]),t.useEffect((()=>{const e=e=>{
-K.current&&(e.composedPath().includes(K.current)||G(!1))},t=e=>{
-K.current&&P.current&&(P.current.contains(e.target)||G(!1))}
-return document.addEventListener("click",e),document.addEventListener("wheel",t),
-()=>{
-document.removeEventListener("click",e),document.removeEventListener("wheel",t)}
-}),[]),t.useEffect((()=>{if(!p)return
-const e=()=>{const e=K.current?.getBoundingClientRect()
-if(!e)return
-const t=e.width
-Y.current=t>150?t>250?t>350?t>450?4:3:2:1:0}
-return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)
-}),[])
-const oe=t.useRef(!0)
-return t.useEffect((()=>{oe.current?oe.current=!1:V||C?.()
-}),[V]),e.jsxRuntimeExports.jsxs("div",{className:""+l.default.dropdownWrapper,
-style:E??{},children:[e.jsxRuntimeExports.jsx("div",{ref:K,
-className:l.default.dropdownInputWrapper,style:f??{},
-onClick:()=>(G((e=>!e)),ce()),onFocus:()=>{L?.()},
-children:e.jsxRuntimeExports.jsx(s,{...b,onFocusChange:e=>G(e),customFocus:V,
-withActive:!1,value:w?z:te?.label??"",onChange:e=>{B(e),N?.(e)},toggleFocus:!0,
-formInputStyle:{cursor:w?"text":"pointer"},
-leftSlot:w&&e.jsxRuntimeExports.jsxs("div",{
-className:l.default.dropdownInputSlot,
-children:["currency"===S?e.jsxRuntimeExports.jsx("p",{children:te?.label
-}):e.jsxRuntimeExports.jsx("img",{src:se(te?.code),alt:"flag"
-}),e.jsxRuntimeExports.jsx("div",{
-className:`${l.default.dropdownRightIconArrow} ${V?l.default.focused:""}`,
-children:e.jsxRuntimeExports.jsx(r.IconArrowUp,{})})]}),
-rightSlot:e.jsxRuntimeExports.jsxs("div",{
-className:`${l.default.dropdownRightIcon} ${V?l.default.focused:""}`,
-children:[(w?z:!p&&te)&&e.jsxRuntimeExports.jsx("div",{onClick:e=>{
-e.stopPropagation(),w?(B(""),G(!1)):le(null)},
-className:l.default.dropdownRightIconClose,
-children:e.jsxRuntimeExports.jsx(i.IconCloseCircle,{})
-}),!w&&e.jsxRuntimeExports.jsx("div",{
-className:l.default.dropdownRightIconArrow,
-children:e.jsxRuntimeExports.jsx(r.IconArrowUp,{})})]}),readOnly:!w,
-forDropdown:!0,inputSlotStyle:{width:"100%"},
-inputSlot:p&&X.current.length>0?v||e.jsxRuntimeExports.jsxs("ul",{
-className:l.default.dropdownInputSlot,style:j??{},
-children:[X.current.slice(0,Y.current).map(((t,s)=>e.jsxRuntimeExports.jsxs("li",{
-ref:Q,className:l.default.dropdownInputSlotItem,style:I??{},
-onClick:e=>e.stopPropagation(),children:[e.jsxRuntimeExports.jsx("p",{
-title:t.label,className:l.default.dropdownInputSlotItemLabel,style:g??{},
-children:t.customLabel?t.customLabel(t):t.label
-}),e.jsxRuntimeExports.jsx("div",{style:A??{},
-className:l.default.dropdownInputSlotItemClose,onClick:e=>{
-e.stopPropagation(),ne(t)},children:e.jsxRuntimeExports.jsx(o.IconClose,{
-width:"16",height:"16",viewBox:"0 0 16 16",stroke:"#95969C"})})]
-},s))),X.current.length>Y.current&&e.jsxRuntimeExports.jsx("li",{
-className:`${l.default.dropdownInputSlotItem} ${l.default.dropdownInputSlotItemMore}`,
-style:k??{},children:e.jsxRuntimeExports.jsx("p",{
-className:l.default.dropdownInputSlotItemLabel,style:g??{},
-children:"+"+(X.current.length-Y.current)})})]}):null})
-}),a&&a.length>0&&V&&e.jsxRuntimeExports.jsxs("div",{ref:H,
-onClick:e=>e.stopPropagation(),className:l.default.dropdownListContainer,
-children:[d&&e.jsxRuntimeExports.jsx(s,{placeholder:"Search",searchComponent:!0,
-withFocus:!1,withActive:!1,value:Z,onChange:e=>ee(e)
-}),e.jsxRuntimeExports.jsx("ul",{onClick:e=>e.stopPropagation(),
-className:l.default.dropdownList,ref:P,style:x??{},
-children:R.filter((e=>e?.label?.toLowerCase().includes(Z.toLowerCase()))).map(((t,s)=>e.jsxRuntimeExports.jsxs("li",{
-style:{...$,cursor:!p&&t?.disabled?"not-allowed":"pointer"},
-className:`${l.default.dropdownItem} ${p||te?.id!==t.id?"":l.default.selected}  ${!t?.label||void 0===t.label||m||t?.disabled?l.default.disabled:""} ${p||t?.disabled?"":l.default.hovered}`,
-onClick:e=>{var l
-e.stopPropagation(),p||t?.disabled||(le(l=t),y?.(l),G(!1))},
-children:[p&&e.jsxRuntimeExports.jsx("div",{className:l.default.itemCheckbox,
-style:_??{},children:e.jsxRuntimeExports.jsx(n,{
-multipleChecked:"SELECT_ALL"===t.id,disabled:m||t?.disabled,checked:t?.selected,
-change:()=>ne(t)})}),e.jsxRuntimeExports.jsxs("div",{
-className:l.default.dropdownItemLabel,style:T??{},
-children:[w?e.jsxRuntimeExports.jsxs("div",{
-className:l.default.dropdownItemLabelInput,
-children:[e.jsxRuntimeExports.jsx("img",{src:se(t.code),style:{width:"1.375rem",
-height:"1.375rem",objectFit:"contain"},alt:t.name
-}),e.jsxRuntimeExports.jsx("span",{title:t.name,className:l.default.countryName,
-children:t.name||t.label}),e.jsxRuntimeExports.jsx("span",{
-className:l.default.countryDialCode,children:"country"===S?t.dialCode:t?.label
-})]}):e.jsxRuntimeExports.jsx("p",{title:"string"==typeof t.label?t.label:"",
-className:""+("SELECT_ALL"===t.id?l.default.selectAll:""),style:q??{},
-children:t.customLabel?t.customLabel():t.label
-}),p&&e.jsxRuntimeExports.jsx("p",{
-children:"SELECT_ALL"===t.id?`${R.filter((e=>"SELECT_ALL"!==e.id&&e.selected)).length}/${a.length}`:""
-})]})]},s)))},R.length)]})]})}

package/dist/master-components-react-ts.cjs8.js

@@ -1,11 +0,0 @@
-"use strict"
-const e=require("./master-components-react-ts.cjs17.js"),r=require("./master-components-react-ts.cjs34.js"),s=require("react"),t=require("./master-components-react-ts.cjs29.js"),c=require("./master-components-react-ts.cjs35.js"),n=require("./master-components-react-ts.cjs36.js"),o=require("./master-components-react-ts.cjs37.js"),a=require("./master-components-react-ts.cjs38.js")
-module.exports=({checked:i,change:d,disabled:u,required:m,withUncheckState:l=!1,radioType:j="default"})=>{
-t.useNamespace()
-const[p,q]=s.useState(!1)
-return e.jsxRuntimeExports.jsxs("div",{className:r.default.radioWrapper,style:{
-cursor:u?"not-allowed":"pointer"},onClick:()=>{u||d?.(!l||!i)},
-children:[e.jsxRuntimeExports.jsx("input",{type:"radio",checked:!0,readOnly:!0,
-hidden:!0,disabled:u??!1,required:m}),(()=>{let r=null
-return r=e.jsxRuntimeExports.jsx(i?u?o.IconRadioCheckedDisabled:c.IconRadioChecked:u?a.IconRadioUncheckedDisabled:n.IconRadioUnchecked,{
-color:u?"#95969C":"error"===j?"#E3292F":"#0058FF"}),r})()]})}

package/dist/master-components-react-ts.cjs9.js

@@ -1,42 +0,0 @@
-"use strict"
-const t=require("./master-components-react-ts.cjs17.js"),e=require("react"),o=require("./master-components-react-ts.cjs39.js")
-module.exports=({children:s,tooltipSlot:c,delay:l=400,placement:r="top",trigger:i="hover",title:n,text:a,customText:m,tooltipContentStyle:p,tooltipTitlestyle:u,tooltipTextStyle:f,tooltipContainerStyle:d,pointerPosition:h="10%",withPointer:y=!1,theme:x,topCustomOffset:k=0,bottomCustomOffset:C=0,leftCustomOffset:g=0,rightCustomOffset:v=0,forceClose:T=!1,onClick:$})=>{
-const b=e.useRef(null),N=e.useRef(null)
-let j
-const[O,S]=e.useState(!1),q=c||n||a||m
-return e.useEffect((()=>{(()=>{const t=b.current,e=N.current
-if(!e||!t)return
-const o=t.getBoundingClientRect()
-switch(e.style.position="fixed",r){case"top":
-e.style.top=o.top-e.offsetHeight-8+"px",e.style.left=o.left+k+"px"
-break
-case"bottom":e.style.top=o.bottom+8+"px",e.style.left=o.left+C+"px"
-break
-case"left":
-e.style.top=o.top+o.height/2-e.offsetHeight/2+"px",e.style.left=o.left-e.offsetWidth-8+g+"px"
-break
-case"right":
-e.style.top=o.top+o.height/2-e.offsetHeight/2+"px",e.style.left=o.right+8+v+"px"
-}})()}),[b,O,s,r,c,m,n,a]),e.useEffect((()=>{const t=t=>{
-const e=b.current?.contains(t.target)
-e||S(!1)},e=t=>{t.composedPath().includes(b.current)||S(!1)}
-return document.addEventListener("click",e),document.addEventListener("scroll",t,!0),
-()=>{
-document.removeEventListener("scroll",t,!0),document.removeEventListener("click",e)
-}}),[]),e.useEffect((()=>{T&&S(!1)}),[T]),e.useEffect((()=>{const t=N.current
-t&&(t.style.setProperty("--pointer-position",""+h),y||t.classList.add(o.default.withoutPointer))
-}),[O]),t.jsxRuntimeExports.jsxs("div",{ref:b,
-className:`${"dark"===x?o.default.dark:""} ${o.default.tooltipContainer}`,
-onClick:()=>{"click"===i&&($?.(),S((t=>!t)))},onMouseEnter:()=>{
-"hover"===i&&q&&(j=setTimeout((()=>{S(!0)}),l))},onMouseLeave:()=>{
-"hover"===i&&(clearTimeout(j),setTimeout((()=>{S(!1)}),l))},style:d??{},
-children:[s,O&&c?t.jsxRuntimeExports.jsx("div",{style:p??{},
-onClick:t=>t.stopPropagation(),ref:N,
-className:`${o.default.tooltipContent} ${r?o.default[r]:o.default.bottom}`,
-children:c}):O&&t.jsxRuntimeExports.jsxs("div",{style:p??{},
-onClick:t=>t.stopPropagation(),ref:N,
-className:`${o.default.tooltipContent} ${r?o.default[r]:o.default.bottom}`,
-children:[m&&"string"==typeof m&&m,n&&n.length>0&&"string"==typeof n&&t.jsxRuntimeExports.jsx("h2",{
-className:o.default.tooltipTitle,style:u??{},children:n
-}),a&&a.length>0&&"string"==typeof a&&t.jsxRuntimeExports.jsx("p",{
-className:o.default.tooltipText,style:f??{},children:a})]})]})}

package/dist/master-components-react-ts.es10.js

@@ -1,116 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-import style from "./master-components-react-ts.es40.js";
-import { IconCheckCircle } from "./master-components-react-ts.es41.js";
-import { IconSave } from "./master-components-react-ts.es42.js";
-import { IconTrash } from "./master-components-react-ts.es43.js";
-import { useRef, useEffect } from "react";
-import { IconCloseBlack } from "./master-components-react-ts.es32.js";
-const Popup = ({
-  visible,
-  template,
-  options,
-  children,
-  onClickOutside,
-  onClose,
-  widthType,
-  // "horizontal"
-  modalOverlayStyle,
-  popupContainerStyle,
-  templateWrapperStyle,
-  popupHeaderStyle,
-  popupTitleStyle,
-  closeButtonStyle
-}) => {
-  const _getType = () => {
-    if (!options || !options?.type) return;
-    switch (String(options?.type)) {
-      case "delete": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(IconTrash, {});
-      }
-      case "unsaved": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(IconSave, {});
-      }
-      case "success": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheckCircle, {});
-      }
-    }
-  };
-  const ClickClose = () => {
-    if (onClose && typeof onClose === "function") {
-      onClose();
-    }
-  };
-  const componentRef = useRef(null);
-  const handleClick = (event) => {
-    const clickedElement = event.target;
-    if (clickedElement === componentRef.current) {
-      if (onClickOutside && typeof onClickOutside === "function") {
-        onClickOutside();
-      }
-    }
-  };
-  useEffect(() => {
-    document.addEventListener("click", handleClick);
-    return () => {
-      document.removeEventListener("click", handleClick);
-    };
-  }, []);
-  return visible && /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref: componentRef,
-      style: modalOverlayStyle ?? {},
-      className: `
-                    ${style.modalOverlay}
-                    ${options && options?.mode === "drawer" ? style.popupDrawerMode : ""}
-                `,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          style: popupContainerStyle ?? {},
-          className: `
-                        mcPopup_global
-                        ${style.popupContainer}
-                        ${options?.type ? style.withOptions : ""}
-                        ${widthType === "horizontal" ? style.horizontal : ""}
-                    `,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.closeButton, style: closeButtonStyle ?? {}, onClick: ClickClose, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              IconCloseBlack,
-              {
-                color: "#131314"
-              }
-            ) }),
-            (options?.title || options?.description || options?.type) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.popupHeader}`, style: popupHeaderStyle ?? {}, children: [
-              _getType() && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.typeIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "div",
-                {
-                  style: { backgroundColor: options?.type === "success" ? "#DCFAE6" : options?.type === "unsaved" ? "#FEF0C7" : "#FEE4E2" },
-                  className: style.icon,
-                  children: _getType()
-                }
-              ) }),
-              options && options?.title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.popupTitle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { style: popupTitleStyle ?? {}, children: [
-                " ",
-                options?.title ?? "",
-                " "
-              ] }) }),
-              options && options?.description && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.popupDescription, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-                " ",
-                options?.description ?? "",
-                " "
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.templateWrapper, style: templateWrapperStyle ?? {}, children: [
-              template && template,
-              children && children
-            ] })
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  Popup as default
-};

package/dist/master-components-react-ts.es11.js

@@ -1,10 +0,0 @@
-import { ToastContext } from "./master-components-react-ts.es12.js";
-import { useContext } from "react";
-const createNotificationToast = () => {
-  const context = useContext(ToastContext);
-  if (!context) throw new Error("createNotificationToast must be used within ToastProvider");
-  return context.showToast;
-};
-export {
-  createNotificationToast as default
-};

package/dist/master-components-react-ts.es12.js

@@ -1,57 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-import { createContext, useState, useCallback } from "react";
-import NotificationToast from "./master-components-react-ts.es44.js";
-import style from "./master-components-react-ts.es45.js";
-const ToastContext = createContext(null);
-let idCounter = 0;
-const ToastProvider = ({ children }) => {
-  const [toasts, setToasts] = useState([]);
-  const showToast = (props) => {
-    setToasts((prev) => {
-      const max = props.max ?? Infinity;
-      if (prev.length >= max) return prev;
-      const id = idCounter++;
-      setTimeout(() => {
-        setToasts((prev2) => prev2.filter((t) => t.id !== id));
-      }, props.timeout || 4e3);
-      return [...prev, { id, props }];
-    });
-  };
-  const getPosition = useCallback(() => {
-    if (toasts.length > 0) {
-      switch (toasts[0]?.props?.position) {
-        case "top-left":
-          return { top: "20px", left: "20px" };
-        case "top-right":
-          return { top: "20px", right: "20px" };
-        case "bottom-left":
-          return { bottom: "20px", left: "20px" };
-        case "bottom-right":
-          return { bottom: "20px", right: "20px" };
-        case "top-center":
-          return { top: "20px", left: "50%", transform: "translateX(-50%)" };
-        case "bottom-center":
-          return { bottom: "20px", left: "50%", transform: "translateX(-50%)" };
-        default:
-          return {};
-      }
-    }
-  }, [toasts.length]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ToastContext.Provider, { value: { showToast }, children: [
-    children,
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.toastContainer, style: getPosition(), children: toasts.map(({ id, props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      NotificationToast,
-      {
-        ...props,
-        onClose: () => {
-          setToasts((prev) => prev.filter((t) => t.id !== id));
-        }
-      },
-      id
-    )) })
-  ] });
-};
-export {
-  ToastContext,
-  ToastProvider as default
-};

package/dist/master-components-react-ts.es13.js

@@ -1,172 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-import { useRef, useState, useEffect } from "react";
-import style from "./master-components-react-ts.es46.js";
-import FormInput from "./master-components-react-ts.es3.js";
-import { IconArrowUp } from "./master-components-react-ts.es33.js";
-import { IconCloseCircle } from "./master-components-react-ts.es22.js";
-import customParseFormat from "./master-components-react-ts.es47.js";
-import dayjs from "dayjs";
-import MainButton from "./master-components-react-ts.es2.js";
-dayjs.extend(customParseFormat);
-const TimePicker = ({
-  value,
-  defaultTimeType = "24",
-  defaultAmPm = "AM",
-  withConfirm = true,
-  mode = "single",
-  onChange,
-  onFocus,
-  onBlur,
-  ...rest
-}) => {
-  const ComponentRef = useRef(null);
-  const DropdownRef = useRef(null);
-  const [IsFocused, setIsFocused] = useState(false);
-  const [TimeType, setTimeType] = useState(defaultTimeType);
-  const hours12 = Array.from({ length: 12 }, (_, index) => index < 10 ? `0${index}` : `${index}`);
-  const hours24 = Array.from({ length: 24 }, (_, index) => index < 10 ? `0${index}` : `${index}`);
-  const minutes = Array.from({ length: 60 }, (_, index) => index < 10 ? `0${index}` : `${index}`);
-  const [Value, setValue] = useState("");
-  const [Minutes, setMinutes] = useState(null);
-  const [Hours, setHours] = useState(null);
-  const [AmPm, setAmPm] = useState(defaultAmPm);
-  const CalculatePos = () => {
-    const componentEl = ComponentRef.current;
-    const dropdownEl = DropdownRef.current;
-    if (!dropdownEl || !componentEl) return;
-    const componentRect = componentEl.getBoundingClientRect();
-    const windowHeight = window.innerHeight;
-    dropdownEl.style.position = "fixed";
-    dropdownEl.style.left = `${componentRect.left + window.pageXOffset}px`;
-    if (componentRect.bottom + dropdownEl.offsetHeight > windowHeight) {
-      dropdownEl.style.top = `${window.scrollY + componentRect.top - dropdownEl.offsetHeight + 18}px`;
-      dropdownEl.style.bottom = "unset";
-    } else {
-      dropdownEl.style.top = `${window.scrollY + componentRect.bottom + 8}px`;
-      dropdownEl.style.bottom = "unset";
-    }
-  };
-  const Focus = () => {
-    onFocus?.();
-  };
-  const Clear = () => {
-    setValue("");
-    setHours(null);
-    setMinutes(null);
-    setAmPm("AM");
-  };
-  useEffect(() => {
-    if (value && value.length > 0) {
-      setValue(value);
-    }
-  }, [value]);
-  useEffect(() => {
-    if (!Hours && !Minutes) return;
-    const hour = parseInt(Hours ?? "0", 10);
-    const minute = parseInt(Minutes ?? "0", 10);
-    const adjustedHour = TimeType === "12" ? AmPm === "PM" && hour < 12 ? hour + 12 : AmPm === "AM" && hour === 12 ? 0 : hour : hour;
-    const formattedTime = dayjs().hour(adjustedHour).minute(minute).format(TimeType === "12" ? "hh:mm A" : "HH:mm");
-    setValue(formattedTime);
-    if (!withConfirm) {
-      onChange?.(formattedTime);
-    }
-  }, [Hours, Minutes, AmPm, TimeType]);
-  const isInitialRender = useRef(true);
-  useEffect(() => {
-    if (isInitialRender.current) {
-      isInitialRender.current = false;
-      return;
-    }
-    if (!IsFocused) {
-      onBlur?.();
-    }
-  }, [IsFocused]);
-  useEffect(() => {
-    CalculatePos();
-  }, [ComponentRef, IsFocused]);
-  useEffect(() => {
-    const ClickHandler = (event) => {
-      if (!ComponentRef.current || !DropdownRef.current) return;
-      if (event.composedPath().includes(ComponentRef.current) || event.composedPath().includes(DropdownRef.current)) return;
-      setIsFocused(false);
-    };
-    const ScrollHandler = (event) => {
-      if (!ComponentRef.current || DropdownRef.current) return;
-      setIsFocused(false);
-    };
-    document.addEventListener("click", ClickHandler);
-    document.addEventListener("wheel", ScrollHandler);
-    return () => {
-      document.removeEventListener("click", ClickHandler);
-      document.removeEventListener("wheel", ScrollHandler);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.timepickerWrapper} ${IsFocused ? style.focused : ""}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ComponentRef, className: style.timepickerInputWrapper, onClick: () => (setIsFocused((state) => !state), CalculatePos()), onFocus: Focus, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FormInput,
-      {
-        ...rest,
-        onFocusChange: (value2) => setIsFocused(value2),
-        customFocus: IsFocused,
-        withActive: false,
-        value: Value,
-        toggleFocus: true,
-        formInputStyle: { cursor: "pointer" },
-        rightSlot: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.dropdownRightIcon} ${IsFocused ? style.focused : ""}`, children: [
-          Value && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                Clear();
-              },
-              className: style.dropdownRightIconClose,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconCloseCircle, {})
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.dropdownRightIconArrow, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowUp, {}) })
-        ] }),
-        readOnly: true,
-        forDropdown: true
-      }
-    ) }),
-    IsFocused && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: DropdownRef, className: style.timepickerDropdownWrapper, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.timepickerDropdownHeader, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.timepickerDropdownHeaderButtons, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "p",
-          {
-            className: TimeType === "12" ? style.active : "",
-            onClick: () => {
-              Clear();
-              setTimeType("12");
-            },
-            children: "AM -PM"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "p",
-          {
-            className: TimeType === "24" ? style.active : "",
-            onClick: () => {
-              Clear();
-              setTimeType("24");
-            },
-            children: "24 Hours"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.timepickerDropdownBody, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.timepickerDropdownBodyHours, children: (TimeType === "12" ? hours12 : hours24).map((hour) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: Hours === hour || Value?.split(":")[0] === hour ? style.active : "", onClick: () => setHours(hour), children: hour }, hour)) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.timepickerDropdownBodyMinutes, children: minutes.map((minute) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: Minutes === minute || Value?.split(":")[1] === minute ? style.active : "", onClick: () => setMinutes(minute), children: minute }, minute)) }),
-        TimeType === "12" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.timepickerDropdownBodyAmPm, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: AmPm === "AM" ? style.active : "", onClick: () => setAmPm("AM"), children: "AM" }, "AM"),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: AmPm === "PM" ? style.active : "", onClick: () => setAmPm("PM"), children: "PM" }, "PM")
-        ] })
-      ] }),
-      withConfirm && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.timepickerDropdownFooter, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MainButton, { label: "Confirm time", onClick: () => onChange?.(Value) }) })
-    ] })
-  ] });
-};
-export {
-  TimePicker as default
-};