abrplus-ui-kit 1.0.6 → 1.0.8

package/dist/index-BCH1vT85.js

@@ -0,0 +1,8 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Avatar as o } from "antd";
+import { twMerge as m } from "tailwind-merge";
+const e = ({ className: r, ...t }) => /* @__PURE__ */ a(o, { ...t, className: m("bg-light-7 border-primary-light-3", r) }), p = ({ className: r, max: t, ...s }) => /* @__PURE__ */ a(o.Group, { max: t, ...s, className: m(r) });
+e.Group = p;
+export {
+  e as A
+};

package/dist/index-BJmt8SSx.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("./index-B1HRk2-g.cjs"),u=require("./colors-BDQwGpaB.cjs"),x=require("tailwind-merge");function I(c){return c.slice(0,1).toLowerCase()+c.slice(1)}function y(c){const h=Object.assign({},{...c});return new Proxy(h,{get(t,g){const l=Object.freeze({...t,[Symbol.toPrimitive](){return"Error: Attempted to render object as a JSX"}});if(g in l)return l[g];const a=I(g);return a in l?l[a]:null}})}const R=({title:c,iconName:h})=>e.jsxs(r.Flex,{align:"center",gap:8,children:[e.jsx(r.Text,{size:14,color:u.colors.white_ff,children:c}),h&&e.jsx(r.Icon,{name:h})]}),M=({children:c,title:h,iconName:t,...g})=>e.jsx(r.Tooltip,{title:typeof h=="string"?e.jsx(R,{title:h,iconName:t}):h,...g,children:c}),n={block:"text-[16px]",medium:"text-[16px]",small:"text-[12px]"},k=c=>({start:{block:`pe-4 ${c?"ps-3":"ps-4"} `,medium:`pe-4 ${c?"ps-3":"ps-4"} `,small:"pe-3 ps-[8px]"},end:{block:"ps-4 pe-3",medium:"ps-4 pe-3",small:"ps-4 pe-3"}}),j="flex relative select-none w-fit appearance-none flex-row items-center  justify-center gap-2 whitespace-nowrap rounded text-center outline-none",T=({style:c,height:h,mode:t,children:g,iconName:l,disabled:a,className:d,iconPosition:o="start",isLoading:s,lang:b="fa",...p})=>{const i=u.AbrplusUIKit.config().getAppName(),w=()=>(a||s)&&i?i==="home"||i==="sandbox"||i==="bi"||i==="storybook"?u.colors.sales.action_light_2:u.colors[i].action_light_2:u.colors.white_ff,m=()=>{if(!i)return;const f={bi:x.twMerge("bg-sales-action hover:bg-sales-action-light-1 active:bg-sales-action-dark-1"),call:x.twMerge("bg-call-action hover:bg-call-action-light-1 active:bg-call-action-dark-1"),club:x.twMerge("bg-club-action hover:bg-club-action-light-1 active:bg-club-action-dark-1"),marketing:x.twMerge("bg-marketing-action hover:bg-marketing-action-light-1 active:bg-marketing-action-dark-1"),sales:x.twMerge("bg-sales-action hover:bg-sales-action-light-1 active:bg-sales-action-dark-1"),team:x.twMerge("bg-team-action hover:bg-team-action-light-1 active:bg-team-action-dark-1"),rayan:x.twMerge("bg-rayan-action hover:bg-rayan-action-light-1 active:bg-rayan-action-dark-1")};return f?.[i]||f.sales};return e.jsxs("button",{lang:b,style:{height:h||34,...c},className:x.twMerge("bg-repo disabled:bg-light-6 ",m(),k(!!l)[o][t||"block"],n[t||"block"],j,t==="block"&&"w-full",(a||s)&&"cursor-not-allowed border-light-6",d),disabled:a||s,...p,children:[e.jsx(r.Render,{when:s,children:e.jsx(r.Flex,{className:"absolute",children:e.jsx(r.Loading,{isLoading:!0,size:16})})}),e.jsx(r.Render,{when:o==="start",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:w()})}),e.jsx(r.Text,{lang:b,weight:"medium",className:n[t||"block"],color:w(),children:g}),e.jsx(r.Render,{when:o==="end",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:w()})})]})},_=({style:c,height:h=34,iconName:t,disabled:g,className:l,iconPosition:a="start",iconProps:d,color:o,...s})=>e.jsx("button",{style:{height:h,...c},className:x.twMerge(j,"h-[34px] w-[34px] p-4","bg-light-1  border-primary-light-3 border","hover:bg-white-ff hover:border-primary-light-2","active:bg-light-6 active:border-primary-light-2","disabled:text-primary-light-2 disabled:bg-light-6 disabled:border-light-6",g&&"border-light-6 cursor-not-allowed",l),disabled:g,...s,children:d?.renderIcon?d.renderIcon:e.jsx(r.Icon,{name:t,color:g?u.colors.primary_light_3:o??u.colors.primary,...d})}),C=({style:c,height:h,mode:t,children:g,iconName:l,disabled:a,className:d,iconPosition:o="start",isLoading:s,lang:b="fa",variant:p="outline",...i})=>{const w=()=>a||s?u.colors.primary_light_2:p==="contain"?u.colors.white_ff:u.colors.negative,v=p==="contain"?"bg-negative hover:bg-negative-light-1 active:bg-negative-dark-1 disabled:bg-light-6 border-transparent":"hover:bg-negative-light-1 active:bg-negative-dark-1 [&_p]:hover:!text-white-ff [&_*]:hover:fill-white-ff disabled:bg-light-6 bg-transparent border-negative hover:border-negative-light-1 active:border-negative-dark-1 disabled:light-6 border-[2px] border-solid";return e.jsxs("button",{lang:b,style:{height:h||34,...c},className:x.twMerge(j,v,k(!!l)[o][t||"block"],n[t||"block"],(a||s)&&"cursor-not-allowed",d),disabled:a||s,...i,children:[e.jsx(r.Render,{when:s,children:e.jsx(r.Flex,{className:"absolute",children:e.jsx(r.Loading,{isLoading:!0,size:16})})}),e.jsx(r.Render,{when:o==="start",children:l&&e.jsx(r.Icon,{name:l,className:x.twMerge(n[t||"block"]),color:w()})}),e.jsx(r.Text,{weight:"medium",size:16,color:w(),lang:b,children:g}),e.jsx(r.Render,{when:o==="end",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:w()})})]})},z=({style:c,height:h=34,mode:t,children:g,iconName:l,disabled:a,className:d,iconPosition:o="start",isLoading:s,lang:b="fa",textSize:p,...i})=>{const w=()=>a||s?u.colors.primary_light_2:u.colors.white_ff;return e.jsxs("button",{lang:b,style:{height:h,...c},className:x.twMerge("bg-primary hover:bg-primary-light-1 active:bg-primary-dark-1 disabled:bg-light-6",k(!!l)[o][t||"block"],n[t||"block"],j,t==="block"&&"w-full",(a||s)&&"cursor-not-allowed border-light-6",d),disabled:a||s,...i,children:[e.jsx(r.Render,{when:s,children:e.jsx(r.Flex,{className:"absolute",children:e.jsx(r.Loading,{isLoading:!0,size:16})})}),e.jsx(r.Render,{when:o==="start",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:w()})}),e.jsx(r.Text,{lang:b,weight:"medium",className:x.twMerge("text-white-ff",(a||s)&&"text-primary-light-2",n[t||"block"]),size:p,children:g}),e.jsx(r.Render,{when:o==="end",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:w()})})]})},B=({style:c,height:h=34,mode:t,children:g,iconName:l,disabled:a,className:d,iconPosition:o="start",isLoading:s,lang:b="fa",...p})=>{const i=()=>a||s?u.colors.primary_light_2:u.colors.primary;return e.jsxs("button",{lang:b,style:{height:h,...c},className:x.twMerge("bg-transparent hover:bg-primary-light-1 active:bg-primary-dark-1 disabled:bg-light-6 [&_p]:text-primary [&_p]:hover:text-white-ff [&_svg]:hover:!fill-white-ff","border-[2px] border-solid border-primary hover:border-primary-light-1 active:border-primary-dark-1 disabled:bg-light-6",k(!!l)[o][t||"block"],n[t||"block"],j,(a||s)&&"cursor-not-allowed",d),disabled:a||s,...p,children:[e.jsx(r.Render,{when:s,children:e.jsx(r.Flex,{className:"absolute",children:e.jsx(r.Loading,{isLoading:!0,size:16})})}),e.jsx(r.Render,{when:o==="start",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:i()})}),e.jsx(r.Text,{lang:b,weight:"medium",className:n[t||"block"],children:g}),e.jsx(r.Render,{when:o==="end",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:i()})})]})},N=({style:c,height:h,mode:t,children:g,iconName:l,disabled:a,className:d,iconPosition:o="start",isLoading:s,lang:b="fa",...p})=>{const i=()=>a||s?u.colors.primary_light_2:u.colors.primary;return e.jsxs("button",{lang:b,style:{height:h||34,...c},className:x.twMerge("hover:bg-light-6 active:bg-light-7 disabled:light-6 bg-transparent",k(!!l)[o][t||"block"],n[t||"block"],j,(a||s)&&"cursor-not-allowed ",d),disabled:a||s,...p,children:[e.jsx(r.Render,{when:o==="start",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:i()})}),e.jsx(r.Text,{lang:b,weight:"medium",className:n[t||"block"],color:i(),children:g}),e.jsx(r.Render,{when:o==="end",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:i()})})]})},S=({style:c,height:h,mode:t,children:g,iconName:l,disabled:a,className:d,iconPosition:o="start",isLoading:s,lang:b="fa",...p})=>{const i=()=>a||s?u.colors.primary_light_2:u.colors.primary_dark_1;return e.jsxs("button",{lang:b,style:{height:h||34,...c},className:x.twMerge("bg-light-1 hover:bg-white-ff active:light-6 disabled:light-6","border-primary-light-3 hover:border-primary-light-2 active:bg-primary-light-2 disabled:light-6 border-[1px] border-solid",k(!!l)[o][t||"block"],n[t||"block"],j,(a||s)&&"cursor-not-allowed",d),disabled:a||s,...p,children:[e.jsx(r.Render,{when:o==="start",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:i()})}),e.jsx(r.Text,{lang:b,weight:"medium",className:n[t||"block"],color:i(),children:g}),e.jsx(r.Render,{when:o==="end",children:l&&e.jsx(r.Icon,{name:l,className:n[t||"block"],color:i()})})]})},F=({style:c,height:h=34,mode:t,children:g,iconName:l,disabled:a,className:d,iconPosition:o="start",isLoading:s,lang:b="fa",underline:p,textProps:i,startIconSize:w,endIconSize:m,...f})=>{const v=()=>a||s?u.colors.primary_light_2:u.colors.black;return e.jsxs("button",{lang:b,style:{height:h,...c},className:x.twMerge("disabled:bg-light-6 border-none hover:bg-none focus:bg-none",k(!!l)[o][t||"block"],n[t||"block"],j,t==="block"&&"w-full",(a||s)&&"border-light-6 cursor-not-allowed",d),disabled:a||s,...f,children:[e.jsx(r.Render,{when:s,children:e.jsx(r.Flex,{className:"absolute",children:e.jsx(r.Loading,{isLoading:!0,size:16})})}),e.jsx(r.Render,{when:o==="start",children:l&&e.jsx(r.Icon,{size:w,name:l,className:n[t||"block"],color:v()})}),e.jsx(r.Text,{lang:b,weight:"medium",className:x.twMerge((a||s)&&"text-primary-light-2",n[t||"block"],p&&"underline"),...i,children:g}),e.jsx(r.Render,{when:o==="end",children:l&&e.jsx(r.Icon,{size:m,name:l,className:n[t||"block"],color:v()})})]})},A=y({Primary:z,Secondary:B,Tertiary:S,SecondaryQuiet:N,Icon:_,Negative:C,Action:T,Text:F});exports.Button=A;exports.IconButton=_;exports.Tooltip=M;exports.batch=y;exports.buttonDefaultClasses=j;exports.fontSizePicker=n;exports.paddingPicker=k;

package/dist/index-BPqX2Hsu.js

@@ -0,0 +1,75 @@
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { ConfigProvider as w, Dropdown as I, Image as L } from "antd";
+import { twMerge as d } from "tailwind-merge";
+import { useState as S, useEffect as v } from "react";
+import { F as u, L as B } from "./index-BRLLsEKX.js";
+const D = {
+  components: {
+    Dropdown: {}
+  }
+}, C = ({ className: e, ...o }) => /* @__PURE__ */ r(w, { theme: D, children: /* @__PURE__ */ r(I, { ...o, className: d("bg-light-7", e) }) }), k = ({
+  preview: e = !1,
+  width: o,
+  height: n,
+  fallback: c,
+  onError: s,
+  wrapperClassName: l,
+  ...m
+}) => {
+  const [t, i] = S(!1);
+  return /* @__PURE__ */ r(
+    u,
+    {
+      style: { width: o, height: n },
+      align: "center",
+      justify: "center",
+      className: l,
+      children: t && c ? c : /* @__PURE__ */ r(
+        L,
+        {
+          preview: e,
+          onError: (a) => {
+            i(!0), s?.(a);
+          },
+          width: o,
+          height: n,
+          ...m
+        }
+      )
+    }
+  );
+}, E = (e) => document.getElementById(e), N = (e, o) => {
+  let n;
+  return function() {
+    clearTimeout(n), n = setTimeout(e, o);
+  };
+}, H = ({
+  children: e,
+  indicatorColor: o,
+  indicatorSize: n,
+  className: c,
+  hasMore: s,
+  scrollableNodeId: l,
+  onNextPage: m
+}) => (v(() => {
+  const t = E(l);
+  if (t) {
+    const i = () => {
+      if (s) {
+        const { scrollHeight: f, scrollTop: g, clientHeight: p } = t;
+        Math.ceil(g) + p === f && m();
+      }
+    };
+    i();
+    const a = N(i, 1500);
+    return t.addEventListener("scroll", a), () => t.removeEventListener("scroll", a);
+  }
+}, [s, l]), /* @__PURE__ */ h("div", { className: d(c, "w-full"), onClick: (t) => t.stopPropagation(), children: [
+  e,
+  s && /* @__PURE__ */ r(u, { className: "min-h-12", align: "center", justify: "center", children: /* @__PURE__ */ r(B, { isLoading: !0, color: o, size: n }) })
+] }));
+export {
+  C as D,
+  H as I,
+  k as a
+};