master-components-react-ts 2.1.9 → 2.1.10

package/dist/components/TimePicker/TimePicker.module.scss.js

@@ -1,50 +1 @@
-const timepickerWrapper = "TimePicker-module__timepickerWrapper";
-const timepickerInputWrapper = "TimePicker-module__timepickerInputWrapper";
-const dropdownRightIcon = "TimePicker-module__dropdownRightIcon";
-const dropdownRightIconClose = "TimePicker-module__dropdownRightIconClose";
-const dropdownRightIconArrow = "TimePicker-module__dropdownRightIconArrow";
-const focused = "TimePicker-module__focused";
-const timepickerDropdownWrapper = "TimePicker-module__timepickerDropdownWrapper";
-const timepickerDropdownHeader = "TimePicker-module__timepickerDropdownHeader";
-const timepickerDropdownHeaderButtons = "TimePicker-module__timepickerDropdownHeaderButtons";
-const active = "TimePicker-module__active";
-const timepickerDropdownBody = "TimePicker-module__timepickerDropdownBody";
-const timepickerDropdownBodyHours = "TimePicker-module__timepickerDropdownBodyHours";
-const timepickerDropdownBodyMinutes = "TimePicker-module__timepickerDropdownBodyMinutes";
-const timepickerDropdownBodyAmPm = "TimePicker-module__timepickerDropdownBodyAmPm";
-const timepickerDropdownFooter = "TimePicker-module__timepickerDropdownFooter";
-const style = {
-  timepickerWrapper,
-  timepickerInputWrapper,
-  dropdownRightIcon,
-  dropdownRightIconClose,
-  dropdownRightIconArrow,
-  focused,
-  timepickerDropdownWrapper,
-  timepickerDropdownHeader,
-  timepickerDropdownHeaderButtons,
-  active,
-  timepickerDropdownBody,
-  timepickerDropdownBodyHours,
-  timepickerDropdownBodyMinutes,
-  timepickerDropdownBodyAmPm,
-  timepickerDropdownFooter
-};
-export {
-  active,
-  style as default,
-  dropdownRightIcon,
-  dropdownRightIconArrow,
-  dropdownRightIconClose,
-  focused,
-  timepickerDropdownBody,
-  timepickerDropdownBodyAmPm,
-  timepickerDropdownBodyHours,
-  timepickerDropdownBodyMinutes,
-  timepickerDropdownFooter,
-  timepickerDropdownHeader,
-  timepickerDropdownHeaderButtons,
-  timepickerDropdownWrapper,
-  timepickerInputWrapper,
-  timepickerWrapper
-};
+const e="TimePicker-module__timepickerWrapper",o="TimePicker-module__timepickerInputWrapper",r="TimePicker-module__dropdownRightIcon",i="TimePicker-module__dropdownRightIconClose",p="TimePicker-module__dropdownRightIconArrow",d="TimePicker-module__focused",c="TimePicker-module__timepickerDropdownWrapper",t="TimePicker-module__timepickerDropdownHeader",n="TimePicker-module__timepickerDropdownHeaderButtons",m="TimePicker-module__active",k="TimePicker-module__timepickerDropdownBody",w="TimePicker-module__timepickerDropdownBodyHours",s="TimePicker-module__timepickerDropdownBodyMinutes",u="TimePicker-module__timepickerDropdownBodyAmPm",_="TimePicker-module__timepickerDropdownFooter",D={timepickerWrapper:e,timepickerInputWrapper:o,dropdownRightIcon:r,dropdownRightIconClose:i,dropdownRightIconArrow:p,focused:d,timepickerDropdownWrapper:c,timepickerDropdownHeader:t,timepickerDropdownHeaderButtons:n,active:m,timepickerDropdownBody:k,timepickerDropdownBodyHours:w,timepickerDropdownBodyMinutes:s,timepickerDropdownBodyAmPm:u,timepickerDropdownFooter:_};export{m as active,D as default,r as dropdownRightIcon,p as dropdownRightIconArrow,i as dropdownRightIconClose,d as focused,k as timepickerDropdownBody,u as timepickerDropdownBodyAmPm,w as timepickerDropdownBodyHours,s as timepickerDropdownBodyMinutes,_ as timepickerDropdownFooter,t as timepickerDropdownHeader,n as timepickerDropdownHeaderButtons,c as timepickerDropdownWrapper,o as timepickerInputWrapper,e as timepickerWrapper};

package/dist/components/Toggle/Toggle.js

@@ -1,20 +1 @@
-import { jsx } from "react/jsx-runtime";
-import style from "./Toggle.module.scss.js";
-const Toggle = ({ checked, change, disabled = false, size = "md", toggleType = "default", required = false }) => {
-  const onChange = () => {
-    if (!disabled) {
-      change?.(!checked);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      onClick: onChange,
-      className: `${style.toggleWrapper}  ${toggleType === "error" ? style.error : ""} ${style[size]} ${checked ? style.checked : ""} ${disabled ? style.disabled : ""}`,
-      children: /* @__PURE__ */ jsx("div", { className: style.toggleState, children: /* @__PURE__ */ jsx("input", { type: "checkbox", checked, readOnly: true, disabled: disabled ?? false, hidden: true, required }) })
-    }
-  );
-};
-export {
-  Toggle as default
-};
+import{jsx as o}from"react/jsx-runtime";import e from"./Toggle.module.scss.js";const g=({checked:r,change:a,disabled:t=!1,size:l="md",toggleType:n="default",required:s=!1})=>o("div",{onClick:()=>{t||a?.(!r)},className:`${e.toggleWrapper}  ${n==="error"?e.error:""} ${e[l]} ${r?e.checked:""} ${t?e.disabled:""}`,children:o("div",{className:e.toggleState,children:o("input",{type:"checkbox",checked:r,readOnly:!0,disabled:t??!1,hidden:!0,required:s})})});export{g as default};

package/dist/components/Toggle/Toggle.module.scss.js

@@ -1,29 +1 @@
-const toggleWrapper = "Toggle-module__toggleWrapper";
-const checked = "Toggle-module__checked";
-const error = "Toggle-module__error";
-const disabled = "Toggle-module__disabled";
-const sm = "Toggle-module__sm";
-const toggleState = "Toggle-module__toggleState";
-const md = "Toggle-module__md";
-const lg = "Toggle-module__lg";
-const style = {
-  toggleWrapper,
-  checked,
-  error,
-  disabled,
-  sm,
-  toggleState,
-  md,
-  lg
-};
-export {
-  checked,
-  style as default,
-  disabled,
-  error,
-  lg,
-  md,
-  sm,
-  toggleState,
-  toggleWrapper
-};
+const e="Toggle-module__toggleWrapper",o="Toggle-module__checked",g="Toggle-module__error",l="Toggle-module__disabled",t="Toggle-module__sm",d="Toggle-module__toggleState",s="Toggle-module__md",r="Toggle-module__lg",_={toggleWrapper:e,checked:o,error:g,disabled:l,sm:t,toggleState:d,md:s,lg:r};export{o as checked,_ as default,l as disabled,g as error,r as lg,s as md,t as sm,d as toggleState,e as toggleWrapper};

package/dist/components/Tooltip/Tooltip.js

@@ -1,153 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from "react";
-import style from "./Tooltip.module.scss.js";
-const Tooltip = ({
-  children,
-  tooltipSlot,
-  delay = 400,
-  placement = "top",
-  trigger = "hover",
-  title,
-  text,
-  customText,
-  tooltipContentStyle,
-  tooltipTitlestyle,
-  tooltipTextStyle,
-  tooltipContainerStyle,
-  pointerPosition = "10%",
-  withPointer = false,
-  theme,
-  topCustomOffset = 0,
-  bottomCustomOffset = 0,
-  leftCustomOffset = 0,
-  rightCustomOffset = 0,
-  forceClose = false,
-  onClick
-}) => {
-  const ComponentRef = useRef(null);
-  const TooltipRef = useRef(null);
-  let timeout;
-  const [Active, setActive] = useState(false);
-  const hasContent = tooltipSlot || title || text || customText;
-  const ShowTip = () => {
-    if (trigger === "hover" && hasContent) {
-      timeout = setTimeout(() => {
-        setActive(true);
-      }, delay);
-    }
-  };
-  const HideTip = () => {
-    if (trigger === "hover") {
-      clearTimeout(timeout);
-      setTimeout(() => {
-        setActive(false);
-      }, delay);
-    }
-  };
-  const HandleActive = () => {
-    if (trigger === "click") {
-      onClick?.();
-      setActive((state) => !state);
-    }
-  };
-  const CalculatePos = () => {
-    const componentEl = ComponentRef.current;
-    const tooltipEl = TooltipRef.current;
-    if (!tooltipEl || !componentEl) return;
-    const componentRect = componentEl.getBoundingClientRect();
-    tooltipEl.style.position = "fixed";
-    switch (placement) {
-      case "top":
-        tooltipEl.style.top = `${componentRect.top - tooltipEl.offsetHeight - 8}px`;
-        tooltipEl.style.left = `${componentRect.left + topCustomOffset}px`;
-        break;
-      case "bottom":
-        tooltipEl.style.top = `${componentRect.bottom + 8}px`;
-        tooltipEl.style.left = `${componentRect.left + bottomCustomOffset}px`;
-        break;
-      case "left":
-        tooltipEl.style.top = `${componentRect.top + componentRect.height / 2 - tooltipEl.offsetHeight / 2}px`;
-        tooltipEl.style.left = `${componentRect.left - tooltipEl.offsetWidth - 8 + leftCustomOffset}px`;
-        break;
-      case "right":
-        tooltipEl.style.top = `${componentRect.top + componentRect.height / 2 - tooltipEl.offsetHeight / 2}px`;
-        tooltipEl.style.left = `${componentRect.right + 8 + rightCustomOffset}px`;
-        break;
-    }
-  };
-  useEffect(() => {
-    CalculatePos();
-  }, [ComponentRef, Active, children, placement, tooltipSlot, customText, title, text]);
-  useEffect(() => {
-    const handleScroll = (e) => {
-      const isInsideTooltip = ComponentRef.current?.contains(e.target);
-      if (!isInsideTooltip) {
-        setActive(false);
-      }
-    };
-    const ClickHandler = (event) => {
-      if (event.composedPath().includes(ComponentRef.current)) return;
-      setActive(false);
-    };
-    document.addEventListener("click", ClickHandler);
-    document.addEventListener("scroll", handleScroll, true);
-    return () => {
-      document.removeEventListener("scroll", handleScroll, true);
-      document.removeEventListener("click", ClickHandler);
-    };
-  }, []);
-  useEffect(() => {
-    if (forceClose) {
-      setActive(false);
-    }
-  }, [forceClose]);
-  useEffect(() => {
-    const element = TooltipRef.current;
-    if (element) {
-      element.style.setProperty("--pointer-position", `${pointerPosition}`);
-      if (!withPointer) {
-        element.classList.add(style.withoutPointer);
-      }
-    }
-  }, [Active]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: ComponentRef,
-      className: `${theme === "dark" ? style.dark : ""} ${style.tooltipContainer}`,
-      onClick: HandleActive,
-      onMouseEnter: ShowTip,
-      onMouseLeave: HideTip,
-      style: tooltipContainerStyle ?? {},
-      children: [
-        children,
-        Active && tooltipSlot ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: tooltipContentStyle ?? {},
-            onClick: (e) => e.stopPropagation(),
-            ref: TooltipRef,
-            className: `${style.tooltipContent} ${placement ? style[placement] : style.bottom}`,
-            children: tooltipSlot
-          }
-        ) : Active && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: tooltipContentStyle ?? {},
-            onClick: (e) => e.stopPropagation(),
-            ref: TooltipRef,
-            className: `${style.tooltipContent} ${placement ? style[placement] : style.bottom}`,
-            children: [
-              customText && typeof customText === "string" && customText,
-              title && title.length > 0 && typeof title === "string" && /* @__PURE__ */ jsx("h2", { className: style.tooltipTitle, style: tooltipTitlestyle ?? {}, children: title }),
-              text && text.length > 0 && typeof text === "string" && /* @__PURE__ */ jsx("p", { className: style.tooltipText, style: tooltipTextStyle ?? {}, children: text })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  Tooltip as default
-};
+import{jsxs as C,jsx as m}from"react/jsx-runtime";import{useRef as b,useState as z,useEffect as u}from"react";import s from"./Tooltip.module.scss.js";const K=({children:y,tooltipSlot:a,delay:v=400,placement:n="top",trigger:h="hover",title:i,text:l,customText:c,tooltipContentStyle:$,tooltipTitlestyle:E,tooltipTextStyle:T,tooltipContainerStyle:H,pointerPosition:L="10%",withPointer:P=!1,theme:N,topCustomOffset:R=0,bottomCustomOffset:x=0,leftCustomOffset:w=0,rightCustomOffset:A=0,forceClose:g=!1,onClick:j})=>{const f=b(null),p=b(null);let k;const[d,r]=z(!1),I=a||i||l||c,M=()=>{h==="hover"&&I&&(k=setTimeout(()=>{r(!0)},v))},B=()=>{h==="hover"&&(clearTimeout(k),setTimeout(()=>{r(!1)},v))},W=()=>{h==="click"&&(j?.(),r(t=>!t))},q=()=>{const t=f.current,e=p.current;if(!e||!t)return;const o=t.getBoundingClientRect();switch(e.style.position="fixed",n){case"top":e.style.top=`${o.top-e.offsetHeight-8}px`,e.style.left=`${o.left+R}px`;break;case"bottom":e.style.top=`${o.bottom+8}px`,e.style.left=`${o.left+x}px`;break;case"left":e.style.top=`${o.top+o.height/2-e.offsetHeight/2}px`,e.style.left=`${o.left-e.offsetWidth-8+w}px`;break;case"right":e.style.top=`${o.top+o.height/2-e.offsetHeight/2}px`,e.style.left=`${o.right+8+A}px`;break}};return u(()=>{q()},[f,d,y,n,a,c,i,l]),u(()=>{const t=o=>{f.current?.contains(o.target)||r(!1)},e=o=>{o.composedPath().includes(f.current)||r(!1)};return document.addEventListener("click",e),document.addEventListener("scroll",t,!0),()=>{document.removeEventListener("scroll",t,!0),document.removeEventListener("click",e)}},[]),u(()=>{g&&r(!1)},[g]),u(()=>{const t=p.current;t&&(t.style.setProperty("--pointer-position",`${L}`),P||t.classList.add(s.withoutPointer))},[d]),C("div",{ref:f,className:`${N==="dark"?s.dark:""} ${s.tooltipContainer}`,onClick:W,onMouseEnter:M,onMouseLeave:B,style:H??{},children:[y,d&&a?m("div",{style:$??{},onClick:t=>t.stopPropagation(),ref:p,className:`${s.tooltipContent} ${n?s[n]:s.bottom}`,children:a}):d&&C("div",{style:$??{},onClick:t=>t.stopPropagation(),ref:p,className:`${s.tooltipContent} ${n?s[n]:s.bottom}`,children:[c&&typeof c=="string"&&c,i&&i.length>0&&typeof i=="string"&&m("h2",{className:s.tooltipTitle,style:E??{},children:i}),l&&l.length>0&&typeof l=="string"&&m("p",{className:s.tooltipText,style:T??{},children:l})]})]})};export{K as default};

package/dist/components/Tooltip/Tooltip.module.scss.js

@@ -1,35 +1 @@
-const tooltipContainer = "Tooltip-module__tooltipContainer";
-const tooltipContent = "Tooltip-module__tooltipContent";
-const withoutPointer = "Tooltip-module__withoutPointer";
-const top = "Tooltip-module__top";
-const right = "Tooltip-module__right";
-const bottom = "Tooltip-module__bottom";
-const left = "Tooltip-module__left";
-const tooltipTitle = "Tooltip-module__tooltipTitle";
-const tooltipText = "Tooltip-module__tooltipText";
-const dark = "Tooltip-module__dark";
-const style = {
-  tooltipContainer,
-  tooltipContent,
-  withoutPointer,
-  top,
-  right,
-  bottom,
-  left,
-  tooltipTitle,
-  tooltipText,
-  dark
-};
-export {
-  bottom,
-  dark,
-  style as default,
-  left,
-  right,
-  tooltipContainer,
-  tooltipContent,
-  tooltipText,
-  tooltipTitle,
-  top,
-  withoutPointer
-};
+const o="Tooltip-module__tooltipContainer",t="Tooltip-module__tooltipContent",l="Tooltip-module__withoutPointer",i="Tooltip-module__top",e="Tooltip-module__right",n="Tooltip-module__bottom",p="Tooltip-module__left",_="Tooltip-module__tooltipTitle",T="Tooltip-module__tooltipText",d="Tooltip-module__dark",u={tooltipContainer:o,tooltipContent:t,withoutPointer:l,top:i,right:e,bottom:n,left:p,tooltipTitle:_,tooltipText:T,dark:d};export{n as bottom,d as dark,u as default,p as left,e as right,o as tooltipContainer,t as tooltipContent,T as tooltipText,_ as tooltipTitle,i as top,l as withoutPointer};

package/dist/context/NamespaceContext.js

@@ -1,7 +1 @@
-import { useContext, createContext } from "react";
-const NamespaceContext = createContext("namespaceNebi");
-const useNamespace = () => useContext(NamespaceContext);
-export {
-  NamespaceContext as default,
-  useNamespace
-};
+import{useContext as e,createContext as t}from"react";const a=t("namespaceNebi"),s=()=>e(a);export{a as default,s as useNamespace};