@dgshahr/ui-kit 0.0.101 → 0.0.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";require('../assets/styles.css');const a=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs"),n=require("../omitObjects-CtiYo0hv.cjs"),c=require("../Badge/index.cjs");;/* empty css */function k({size:i="small",filled:t,className:e,disabled:r,isActive:s}){const d="dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-full dgs-ui-kit-transition hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-100 dgs-ui-kit-flex dgs-ui-kit-items-center",u={small:"dgs-ui-kit-gap-1 dgs-ui-kit-py-1 dgs-ui-kit-px-3 dgs-ui-kit-font-p2-medium [&_svg]:dgs-ui-kit-size-4",large:"dgs-ui-kit-gap-2 dgs-ui-kit-py-2.5 dgs-ui-kit-px-5 dgs-ui-kit-font-p1-medium [&_svg]:dgs-ui-kit-size-5"},g={default:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-border-gray-300",filled:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-100"};return o.clsx(d,u[i],g[t?"filled":"default"],r&&"dgs-ui-kit-opacity-40 dgs-ui-kit-cursor-not-allowed",s&&"!dgs-ui-kit-border-primary-500 !dgs-ui-kit-text-primary-500",e)}const p=i=>{const{label:t,rightIcon:e=null,leftIcon:r=null,badgeNumber:s,clickable:d,...u}=i,g=d?"button":"div",l=n.omitObject(u,["filled","size","isActive"]);return a.jsxs(g,{...l,className:k(i),children:[e,t,s&&a.jsx(c,{value:s,valueType:"number"}),r]})};module.exports=p;
1
+ "use strict";require('../assets/styles.css');const a=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs"),n=require("../omitObjects-CtiYo0hv.cjs"),c=require("../Badge/index.cjs");;/* empty css */function k({size:i="small",filled:t,className:e,disabled:r,isActive:s}){const d="dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-full dgs-ui-kit-transition hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-100 dgs-ui-kit-flex dgs-ui-kit-items-center",u={small:"dgs-ui-kit-gap-1 dgs-ui-kit-py-1 dgs-ui-kit-px-3 dgs-ui-kit-font-p2-medium [&_svg]:dgs-ui-kit-size-4",large:"dgs-ui-kit-gap-2 dgs-ui-kit-py-2.5 dgs-ui-kit-px-5 dgs-ui-kit-font-p1-medium [&_svg]:dgs-ui-kit-size-5"},g={default:"dgs-ui-kit-bg-white dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-border-gray-300",filled:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-100"};return o.clsx(d,u[i],g[t?"filled":"default"],r&&"dgs-ui-kit-opacity-40 dgs-ui-kit-cursor-not-allowed",s&&"!dgs-ui-kit-border-primary-500 !dgs-ui-kit-text-primary-500",e)}const p=i=>{const{label:t,rightIcon:e=null,leftIcon:r=null,badgeNumber:s,clickable:d,...u}=i,g=d?"button":"div",l=n.omitObject(u,["filled","size","isActive"]);return a.jsxs(g,{...l,className:k(i),children:[e,t,s&&a.jsx(c,{value:s,valueType:"number"}),r]})};module.exports=p;
@@ -4,11 +4,11 @@ import { o as k } from "../omitObjects-CxFrrlkX.js";
4
4
  import c from "../Badge/index.mjs";
5
5
  import '../assets/styles.css';/* empty css */
6
6
  function m({ size: i = "small", filled: s, className: r, disabled: e, isActive: t }) {
7
- const d = "dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-full dgs-ui-kit-transition hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-100 dgs-ui-kit-flex dgs-ui-kit-items-center", u = {
7
+ const d = "dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-full dgs-ui-kit-transition hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-100 dgs-ui-kit-flex dgs-ui-kit-items-center", u = {
8
8
  small: "dgs-ui-kit-gap-1 dgs-ui-kit-py-1 dgs-ui-kit-px-3 dgs-ui-kit-font-p2-medium [&_svg]:dgs-ui-kit-size-4",
9
9
  large: "dgs-ui-kit-gap-2 dgs-ui-kit-py-2.5 dgs-ui-kit-px-5 dgs-ui-kit-font-p1-medium [&_svg]:dgs-ui-kit-size-5"
10
10
  }, a = {
11
- default: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-border-gray-300",
11
+ default: "dgs-ui-kit-bg-white dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-border-gray-300",
12
12
  filled: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-100"
13
13
  };
14
14
  return n(
@@ -1 +1 @@
1
- "use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),l=require("react"),I=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),B=require("../index-CSis3p-s.cjs");;/* empty css */const y=require("../AccordionItem-BcOHTf5E.cjs"),E=require("../Divider/index.cjs"),R=require("../IconArrowLeft2-CNA3H0xY.cjs"),T=require("../Button/index.cjs"),D=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),p="dgs-ui-kit-duration-300",C="dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600",v="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",O="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",S=`${O} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`,_=l.createContext({isOpen:!1,setIsOpen:()=>{}}),h=()=>l.useContext(_),m=s=>d.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",s?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",p);function N(s,t){return i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",t?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",t?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",m),children:s.title}),s.badgeCount&&i.jsx(A,{className:d.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function q(s,t){return s.map(e=>{if("children"in e&&e.children){const o=q(e.children,t);if(o.length>0)return{...e,children:o}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const M=s=>{const{value:t,onChange:e}=s,{isOpen:o,searchInput:a}=h();return i.jsx(B.Input,{value:t,onChange:e,rightIcon:i.jsx(z.IconSearch,{}),placeholder:"جستجو",...typeof a=="boolean"?{}:a,wrapperClassName:d.clsx("dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",m(o),typeof a=="object"&&a.wrapperClassName,p)})},P=()=>{const{isOpen:s,searchInput:t=!0,items:e}=h(),[o,a]=l.useState(""),[k,f]=l.useState(e??[]),b=l.useCallback(I.debounce(u=>{f(q(k,u))},800),[]);function j(u){const c=u.target.value;a(c),b(c)}function w(){a(""),f(e??[])}return l.useEffect(()=>{o&&w()},[s]),i.jsxs("div",{className:"dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar",children:[!!t&&i.jsx(M,{value:o,onChange:j}),i.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:k.map((u,c)=>i.jsxs(l.Fragment,{children:[i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",m(s)),children:u.title}),i.jsx(y.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:u.children?.map(r=>r.link?i.jsx("a",{href:r.link,className:d.clsx("dgs-ui-kit-pr-3",r.disabled&&v,r.active&&S,s?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",C),children:N(r,s)},r.link):i.jsx(y.AccordionItem,{className:d.clsx("!dgs-ui-kit-p-0",r.disabled&&v),title:N(r,s),hideDivider:!0,hideArrow:!s||r.disabled,disable:!s||r.disabled,titleClassName:d.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",s?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",r.children?.find(n=>n.active)&&S,C),children:r.children?.map(n=>i.jsxs("a",{href:n.link,className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",n.disabled&&v,n.active&&O,C),children:[i.jsx("p",{children:n.title}),n.badgeCount&&i.jsx(A,{valueType:"number",value:n.badgeCount,color:"error",type:"twoTone",size:"small"})]},n.link))},r.link??r.title))}),c!==k.length-1&&i.jsx(E,{type:"horizontal"})]},u.title))})]})},F=()=>{const{isOpen:s,logo:t}=h();return i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",t?.className)})})},H=()=>{const{userProfile:s,isOpen:t}=h();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",{"dgs-ui-kit-pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",m(t)),children:[i.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:s?.name}),i.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:s?.description})]})]})},V=()=>{const{isOpen:s,setIsOpen:t}=h();return i.jsx("button",{type:"button",className:"dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",onClick:()=>t(!s),children:i.jsx(R.IconArrowLeft2,{className:d.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",s&&"dgs-ui-kit-rotate-180",p),width:16,height:16})})},G=s=>{const{isOpen:t,setIsOpen:e,className:o,logo:a,items:k,extraComponent:f,userProfile:b,logOutButtonProps:j,onLogout:w,showMask:u,hideOnClose:c}=s,r=s.openOnHover,n=u?"div":l.Fragment,x=document.documentElement;return l.useEffect(()=>{if(c)return;const g="dgs-ui-kit-pr-[80px]";return x.classList.add(g),()=>{x.classList.remove(g)}},[c]),l.useEffect(()=>{if(!u)return;const g="dgs-ui-kit-overflow-hidden";return t?x.classList.add(g):x.classList.remove(g),()=>{x.classList.remove(g)}},[u,t]),i.jsx(_.Provider,{value:s,children:i.jsx(n,{...n==="div"?{className:d.clsx("dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",t?"dgs-ui-kit-size-full dgs-ui-kit-bg-black/40":"dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",p),onClick:g=>{g.target===g.currentTarget&&e(!1)}}:{},children:i.jsxs("div",{className:d.clsx(o,"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width,opacity]",{"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":t,"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]":!t&&!c,"dgs-ui-kit-w-0 dgs-ui-kit-opacity-0":!t&&c},p),onMouseEnter:()=>{r&&!t&&e(!0)},children:[i.jsx(V,{}),!!(a?.open??a?.close)&&i.jsx(F,{}),k&&k.length>0&&i.jsx(P,{}),i.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[f,i.jsx(E,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!b?.image&&i.jsx(H,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(D,{}),isFullWidth:!0,onClick:w,...j,children:t?"خروج":""})]})]})})})};module.exports=G;
1
+ "use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),o=require("react"),I=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),B=require("../index-CSis3p-s.cjs");;/* empty css */const y=require("../AccordionItem-BcOHTf5E.cjs"),E=require("../Divider/index.cjs"),R=require("../IconArrowLeft2-CNA3H0xY.cjs"),T=require("../Button/index.cjs"),M=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),p="dgs-ui-kit-duration-300",v="dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600",C="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",O="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",S=`${O} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`,_=o.createContext({isOpen:!1,setIsOpen:()=>{}}),h=()=>o.useContext(_),m=s=>d.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",s?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",p);function N(s,t){return i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",t?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",t?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",m),children:s.title}),s.badgeCount&&i.jsx(A,{className:d.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function q(s,t){return s.map(e=>{if("children"in e&&e.children){const l=q(e.children,t);if(l.length>0)return{...e,children:l}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const D=s=>{const{value:t,onChange:e}=s,{isOpen:l,searchInput:a}=h();return i.jsx(B.Input,{value:t,onChange:e,rightIcon:i.jsx(z.IconSearch,{}),placeholder:"جستجو",...typeof a=="boolean"?{}:a,wrapperClassName:d.clsx("dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",m(l),typeof a=="object"&&a.wrapperClassName,p)})},P=()=>{const{isOpen:s,searchInput:t=!0,items:e}=h(),[l,a]=o.useState(""),[k,f]=o.useState(e??[]),b=o.useCallback(I.debounce(u=>{f(q(k,u))},800),[]);function j(u){const c=u.target.value;a(c),b(c)}function w(){a(""),f(e??[])}return o.useEffect(()=>{l&&w()},[s]),i.jsxs("div",{className:"dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar",children:[!!t&&i.jsx(D,{value:l,onChange:j}),i.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:k.map((u,c)=>i.jsxs(o.Fragment,{children:[i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",m(s)),children:u.title}),i.jsx(y.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:u.children?.map(r=>r.link?i.jsx("a",{href:r.link,className:d.clsx("dgs-ui-kit-pr-3",r.disabled&&C,r.active&&S,s?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",v),children:N(r,s)},r.link):i.jsx(y.AccordionItem,{className:d.clsx("!dgs-ui-kit-p-0",r.disabled&&C),title:N(r,s),hideDivider:!0,hideArrow:!s||r.disabled,disable:!s||r.disabled,titleClassName:d.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",s?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",r.children?.find(n=>n.active)&&S,v),children:r.children?.map(n=>i.jsxs("a",{href:n.link,className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",n.disabled&&C,n.active&&O,v),children:[i.jsx("p",{children:n.title}),n.badgeCount&&i.jsx(A,{valueType:"number",value:n.badgeCount,color:"error",type:"twoTone",size:"small"})]},n.link))},r.link??r.title))}),c!==k.length-1&&i.jsx(E,{type:"horizontal"})]},u.title))})]})},F=()=>{const{isOpen:s,logo:t}=h();return i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",t?.className)})})},H=()=>{const{userProfile:s,isOpen:t}=h();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",{"dgs-ui-kit-pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",m(t)),children:[i.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:s?.name}),i.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:s?.description})]})]})},V=()=>{const{isOpen:s,setIsOpen:t}=h();return i.jsx("button",{type:"button",className:"dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",onClick:()=>t(!s),children:i.jsx(R.IconArrowLeft2,{className:d.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",s&&"dgs-ui-kit-rotate-180",p),width:16,height:16})})},L=s=>{const{isOpen:t,setIsOpen:e,className:l,logo:a,items:k,extraComponent:f,userProfile:b,logOutButtonProps:j,onLogout:w,showMask:u,hideOnClose:c}=s,r=s.openOnHover,n=u?"div":o.Fragment,x=document.documentElement;return o.useEffect(()=>{if(c)return;const g="dgs-ui-kit-pr-[80px]";return x.classList.add(g),()=>{x.classList.remove(g)}},[c]),o.useEffect(()=>{if(!u)return;const g="dgs-ui-kit-overflow-hidden";return t?x.classList.add(g):x.classList.remove(g),()=>{x.classList.remove(g)}},[u,t]),i.jsx(_.Provider,{value:s,children:i.jsx(n,{...n==="div"?{className:d.clsx("dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",t?"dgs-ui-kit-size-full dgs-ui-kit-bg-black/40":"dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",p),onClick:g=>{g.target===g.currentTarget&&e(!1)}}:{},children:i.jsxs("div",{className:d.clsx(l,"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width,opacity]",{"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":t,"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]":!t&&!c,"dgs-ui-kit-w-0 dgs-ui-kit-opacity-0":!t&&c},p),onMouseEnter:()=>{r&&!t&&e(!0)},onMouseLeave:()=>{r&&t&&e(!1)},children:[i.jsx(V,{}),!!(a?.open??a?.close)&&i.jsx(F,{}),k&&k.length>0&&i.jsx(P,{}),i.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[f,i.jsx(E,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!b?.image&&i.jsx(H,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(M,{}),isFullWidth:!0,onClick:w,...j,children:t?"خروج":""})]})]})})})};module.exports=L;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,YAAY,EAAkC,MAAM,SAAS,CAAC;AAI5E,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAsG7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,YAAY,EAAkC,MAAM,SAAS,CAAC;AAI5E,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAyG7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs as c, jsx as t } from "react/jsx-runtime";
3
3
  import { c as d } from "../clsx-OuTLNxxd.js";
4
- import { createContext as j, useContext as D, useState as S, useCallback as M, useEffect as N, Fragment as E } from "react";
4
+ import { createContext as M, useContext as j, useState as S, useCallback as D, useEffect as N, Fragment as E } from "react";
5
5
  import { d as R } from "../index-CzwAoGdL.js";
6
6
  import { I as P } from "../IconSearch-aShj2vmu.js";
7
7
  import _ from "../Badge/index.mjs";
@@ -10,8 +10,8 @@ import '../assets/styles.css';/* empty css */
10
10
  import { A as V, a as F } from "../AccordionItem-CbYyB1Ub.js";
11
11
  import z from "../Divider/index.mjs";
12
12
  import { I as G } from "../IconArrowLeft2-cxcPyDqS.js";
13
- import U from "../Button/index.mjs";
14
- const W = (i) => /* @__PURE__ */ c(
13
+ import L from "../Button/index.mjs";
14
+ const U = (i) => /* @__PURE__ */ c(
15
15
  "svg",
16
16
  {
17
17
  xmlns: "http://www.w3.org/2000/svg",
@@ -41,11 +41,11 @@ const W = (i) => /* @__PURE__ */ c(
41
41
  )
42
42
  ]
43
43
  }
44
- ), f = "dgs-ui-kit-duration-300", v = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", y = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", B = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", A = `${B} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, I = j({
44
+ ), f = "dgs-ui-kit-duration-300", C = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", y = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", B = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", A = `${B} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, I = M({
45
45
  isOpen: !1,
46
46
  setIsOpen: () => {
47
47
  }
48
- }), h = () => D(I), b = (i) => d(
48
+ }), h = () => j(I), b = (i) => d(
49
49
  "dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",
50
50
  i ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0",
51
51
  f
@@ -97,7 +97,7 @@ function T(i, s) {
97
97
  return e.title.includes(s) ? { ...e } : null;
98
98
  }).filter((e) => !!e);
99
99
  }
100
- const $ = (i) => {
100
+ const W = (i) => {
101
101
  const { value: s, onChange: e } = i, { isOpen: o, searchInput: a } = h();
102
102
  return /* @__PURE__ */ t(
103
103
  H,
@@ -115,28 +115,28 @@ const $ = (i) => {
115
115
  )
116
116
  }
117
117
  );
118
- }, q = () => {
119
- const { isOpen: i, searchInput: s = !0, items: e } = h(), [o, a] = S(""), [k, m] = S(e ?? []), x = M(
118
+ }, $ = () => {
119
+ const { isOpen: i, searchInput: s = !0, items: e } = h(), [o, a] = S(""), [k, m] = S(e ?? []), x = D(
120
120
  R((n) => {
121
121
  m(T(k, n));
122
122
  }, 800),
123
123
  []
124
124
  );
125
- function w(n) {
125
+ function v(n) {
126
126
  const l = n.target.value;
127
127
  a(l), x(l);
128
128
  }
129
- function C() {
129
+ function w() {
130
130
  a(""), m(e ?? []);
131
131
  }
132
132
  return N(() => {
133
- o && C();
133
+ o && w();
134
134
  }, [i]), /* @__PURE__ */ c("div", { className: "dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar", children: [
135
135
  !!s && /* @__PURE__ */ t(
136
- $,
136
+ W,
137
137
  {
138
138
  value: o,
139
- onChange: w
139
+ onChange: v
140
140
  }
141
141
  ),
142
142
  /* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: k.map((n, l) => /* @__PURE__ */ c(E, { children: [
@@ -160,7 +160,7 @@ const $ = (i) => {
160
160
  r.disabled && y,
161
161
  r.active && A,
162
162
  i ? "dgs-ui-kit-pl-9" : "dgs-ui-kit-pl-3",
163
- v
163
+ C
164
164
  ),
165
165
  children: O(r, i)
166
166
  },
@@ -177,7 +177,7 @@ const $ = (i) => {
177
177
  "[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",
178
178
  i ? "dgs-ui-kit-px-3" : "!dgs-ui-kit-justify-center",
179
179
  r.children?.find((u) => u.active) && A,
180
- v
180
+ C
181
181
  ),
182
182
  children: r.children?.map((u) => /* @__PURE__ */ c(
183
183
  "a",
@@ -187,7 +187,7 @@ const $ = (i) => {
187
187
  "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",
188
188
  u.disabled && y,
189
189
  u.active && B,
190
- v
190
+ C
191
191
  ),
192
192
  children: [
193
193
  /* @__PURE__ */ t("p", { children: u.title }),
@@ -212,7 +212,7 @@ const $ = (i) => {
212
212
  l !== k.length - 1 && /* @__PURE__ */ t(z, { type: "horizontal" })
213
213
  ] }, n.title)) })
214
214
  ] });
215
- }, J = () => {
215
+ }, q = () => {
216
216
  const { isOpen: i, logo: s } = h();
217
217
  return /* @__PURE__ */ t("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8", children: /* @__PURE__ */ t(
218
218
  "img",
@@ -223,7 +223,7 @@ const $ = (i) => {
223
223
  className: d("dgs-ui-kit-h-12 dgs-ui-kit-w-full", s?.className)
224
224
  }
225
225
  ) });
226
- }, K = () => {
226
+ }, J = () => {
227
227
  const { userProfile: i, isOpen: s } = h();
228
228
  return /* @__PURE__ */ c(
229
229
  "a",
@@ -249,7 +249,7 @@ const $ = (i) => {
249
249
  ]
250
250
  }
251
251
  );
252
- }, L = () => {
252
+ }, K = () => {
253
253
  const { isOpen: i, setIsOpen: s } = h();
254
254
  return /* @__PURE__ */ t(
255
255
  "button",
@@ -280,8 +280,8 @@ const $ = (i) => {
280
280
  items: k,
281
281
  extraComponent: m,
282
282
  userProfile: x,
283
- logOutButtonProps: w,
284
- onLogout: C,
283
+ logOutButtonProps: v,
284
+ onLogout: w,
285
285
  showMask: n,
286
286
  hideOnClose: l
287
287
  } = i, r = i.openOnHover, u = n ? "div" : E, p = document.documentElement;
@@ -326,10 +326,13 @@ const $ = (i) => {
326
326
  onMouseEnter: () => {
327
327
  r && !s && e(!0);
328
328
  },
329
+ onMouseLeave: () => {
330
+ r && s && e(!1);
331
+ },
329
332
  children: [
330
- /* @__PURE__ */ t(L, {}),
331
- !!(a?.open ?? a?.close) && /* @__PURE__ */ t(J, {}),
332
- k && k.length > 0 && /* @__PURE__ */ t(q, {}),
333
+ /* @__PURE__ */ t(K, {}),
334
+ !!(a?.open ?? a?.close) && /* @__PURE__ */ t(q, {}),
335
+ k && k.length > 0 && /* @__PURE__ */ t($, {}),
333
336
  /* @__PURE__ */ c("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
334
337
  m,
335
338
  /* @__PURE__ */ t(
@@ -339,16 +342,16 @@ const $ = (i) => {
339
342
  type: "horizontal"
340
343
  }
341
344
  ),
342
- !!x?.image && /* @__PURE__ */ t(K, {}),
345
+ !!x?.image && /* @__PURE__ */ t(J, {}),
343
346
  /* @__PURE__ */ t(
344
- U,
347
+ L,
345
348
  {
346
349
  color: "error",
347
350
  variant: "secondary",
348
- rightIcon: /* @__PURE__ */ t(W, {}),
351
+ rightIcon: /* @__PURE__ */ t(U, {}),
349
352
  isFullWidth: !0,
350
- onClick: C,
351
- ...w,
353
+ onClick: w,
354
+ ...v,
352
355
  children: s ? "خروج" : ""
353
356
  }
354
357
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dgshahr/ui-kit",
3
- "version": "0.0.101",
3
+ "version": "0.0.102",
4
4
  "description": "A modern, accessible, and customizable React component library",
5
5
  "author": "dgshahr",
6
6
  "contributes": [