abrplus-ui-kit 1.0.7 → 1.0.8

package/dist/index-bNh4-ggT.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),l=require("antd"),a=require("react-router-dom"),i=require("./index-B1HRk2-g.cjs"),c=require("./colors-BDQwGpaB.cjs"),d=o=>{const s=c.AbrplusUIKit.config().getAppName(),t=c.colors[s]?.action;return r.jsx(l.Breadcrumb,{...o,separator:r.jsx(i.Icon,{name:"Chevron_Left",size:22,color:t}),itemRender:(e,u,n)=>e.title?n.indexOf(e)===n.length-1?r.jsx(i.Text,{size:16,weight:"medium",color:c.colors.primary_dark_1,children:e.title}):e.path?r.jsx(a.Link,{to:e.path,children:r.jsx(i.Text,{size:16,weight:"medium",color:t,children:e.title})}):r.jsx("div",{onClick:e.onClick,className:"cursor-pointer",children:r.jsx(i.Text,{size:16,weight:"medium",color:t,children:e.title})}):null})};exports.Breadcrumb=d;

package/dist/index-lDQ4dr86.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),N=require("antd"),m=require("tailwind-merge"),c=require("./index-B1HRk2-g.cjs"),h=require("./colors-BDQwGpaB.cjs"),w=require("react"),R=require("react-i18next"),z=require("./index-BJmt8SSx.cjs");function x(){const{innerWidth:e,innerHeight:i}=typeof window>"u"?{innerWidth:1024,innerHeight:768}:window;return{width:e,height:i}}function v(){const[e,i]=w.useState(x()),s=[],o=()=>{const{width:t,height:n}=x();(t!==e.width&&s.includes("width")||n!==e.height&&s.includes("height"))&&i({width:t,height:n})};return w.useEffect(()=>(window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)),[]),new Proxy(e,{get(t,n){return s.push(n),t[n]}})}const L=({children:e,size:i,color:s,weight:o,className:t,...n})=>r.jsx(c.Flex,{className:m.twMerge("border-secondary items-center border-b border-dashed",t),...n,children:r.jsx(c.Text,{className:"cursor-pointer select-none",color:s||h.colors.secondary,size:i||16,weight:o||"medium",children:e})}),b=({overlayInnerStyle:e,overlayClassName:i,overlayInnerClassName:s,headerTitle:o,content:t,closeable:n=!0,onClose:l,footer:u,...d})=>r.jsx(N.Popover,{showArrow:!1,arrow:!1,overlayClassName:m.twMerge("[&_.ant-popover-inner]:p-0",i),overlayInnerStyle:{boxShadow:"2px 3px 7px 0 rgba(67, 88, 121, 0.15)"},...d,content:r.jsxs("div",{children:[o&&r.jsxs(c.Flex,{className:"border-light-7 bg-light-1 w-full items-center justify-between rounded-t border-b px-3 py-1",children:[typeof o=="string"?r.jsx(c.Text,{size:12,weight:"medium",color:h.colors.primary,children:o}):o,n&&r.jsx(c.Icon,{name:"Close",className:"cursor-pointer",onClick:l,color:h.colors.primary,size:12})]}),r.jsx("div",{className:m.twMerge("p-3",s),style:e,children:typeof t=="function"?t():t}),r.jsx(c.Flex,{className:"border-light-7 bg-light-1 w-full items-center justify-between rounded-t border-t px-3 py-1",children:u})]})});b.Link=L;function D(e,i){typeof e=="function"?e(i):typeof e=="object"&&e&&"current"in e&&(e.current=i)}function O(...e){return i=>{e.forEach(s=>{D(s,i)})}}const q=!!(typeof window<"u"&&window.document&&window.document.createElement),p="__reactLayoutHandler";let y=!1,g=null;function P(){return q&&typeof window.ResizeObserver<"u"?g==null&&(g=new window.ResizeObserver(function(e){e.forEach(i=>{const s=i.target,o=s[p];typeof o=="function"&&F(s,(t,n,l,u,d,f)=>{const a={nativeEvent:{layout:{x:t,y:n,width:l,height:u,left:d,top:f}},timeStamp:Date.now()};Object.defineProperty(a.nativeEvent,"target",{enumerable:!0,get:()=>i.target}),o(a)})})})):y||process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&(y=!0),g}function W(e,i){const{width:s,height:o}=v(),t=P();w.useEffect(()=>{const n=e.current;n!=null&&(n[p]=i)},[e,i]),w.useEffect(()=>{const n=e.current;return n!=null&&t!=null&&(typeof n[p]=="function"?t.observe(n):t.unobserve(n)),()=>{n!=null&&t!=null&&t.unobserve(n)}},[e,t,s,o])}const j=e=>{if(e!=null&&e.nodeType===1&&typeof e.getBoundingClientRect=="function")return e.getBoundingClientRect()},_=(e,i,s)=>{const o=e&&e.parentNode;e&&o&&setTimeout(()=>{const t=j(o),{height:n,left:l,top:u,width:d}=C(e),f=l-t.left,a=u-t.top;s(f,a,d,n,l,u)},0)},C=e=>{const{x:i,y:s,top:o,left:t}=j(e),n=e.offsetWidth,l=e.offsetHeight;return{x:i,y:s,width:n,height:l,top:o,left:t}};function F(e,i){_(e,null,i)}const H=w.forwardRef(({children:e,isLoading:i,onRetry:s,error:o,loadingMinHeight:t,loadingSize:n,onLayout:l,...u},d)=>{const f=w.useRef(null);W(f,l);const a=O(d,f),{t:E}=R.useTranslation();return i?r.jsx(c.Flex,{ref:a,align:"center",justify:"center",className:"h-full w-full",style:{minHeight:t},children:r.jsx(c.Loading,{isLoading:!0,size:n})}):o?r.jsxs(c.Flex,{ref:a,align:"center",justify:"center",style:{minHeight:t},gap:8,vertical:!0,className:"h-full w-full",children:[r.jsx(c.Text,{size:16,color:h.colors.negative,children:o}),s&&r.jsx(z.Button.Primary,{onClick:s,children:E("common.message.tryAgain")})]}):r.jsx(c.Flex,{ref:a,...u,children:e})});exports.Popover=b;exports.View=H;exports.useWindowDimensions=v;

package/dist/index.cjs.js

@@ -1,109 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css           */
-const colors = require("./colors-TPZkyKI4.cjs");
-const config = {
-  content: {
-    files: ["./src/**/*.{js,ts,jsx,tsx,html}", ".storybook/storybook.css"]
-  },
-  theme: {
-    fontFamily: {
-      "yekan-normal": "YekanBakhFaRegular",
-      "yekan-medium": "YekanBakhFaMedium",
-      "yekan-light": "YekanBakhFaLight",
-      "yekan-bold": "YekanBakhFaBold",
-      "roboto-normal": "RobotoRegular",
-      "roboto-light": "RobotoLight",
-      "roboto-medium": "RobotoMedium",
-      "roboto-bold": "RobotoBold"
-    },
-    colors: {
-      "white-ff": "#ffffff",
-      "white-ff-10": "#ffffff10",
-      "white-ff-15": "#ffffff15",
-      "white-ff-20": "#ffffff20",
-      "white-ff-35": "#ffffff35",
-      "light-1": "#f8f9fb",
-      "light-2": "#f1f3f8",
-      "light-3": "#f9fbff",
-      "light-4": "#f7fafe",
-      "light-5": "#ebf3ff",
-      "light-6": "#eaeff5",
-      "light-7": "#d9e1ea",
-      primary: "#435879",
-      "primary-dark-1": "#2b4063",
-      "primary-dark-2": "#192540",
-      "primary-light-1": "#516b93",
-      "primary-light-2": "#91a8c3",
-      "primary-light-3": "#b8c7d8",
-      secondary: "#1e51c1",
-      "secondary-dark-1": "#163b8e",
-      "secondary-light-1": "#2159d4",
-      "secondary-light-2": "#386de0",
-      tertiary: "#1ba9c7",
-      "tertiary-dark-1": "#489fb5",
-      negative: "#c9252d",
-      "negative-dark-1": "#bb121a",
-      "negative-light-1": "#d7373f",
-      "negative-light-2": "#e34850",
-      "negative-light-3": "#f6d8da",
-      "negative-light-4": "#f9e3e4",
-      "negative-light-5": "#fdf3f3",
-      positive: "#268e6c",
-      "positive-dark-1": "#12805c",
-      "positive-dark-2": "#107154",
-      "positive-light-2": "#2d9d78",
-      "positive-light-3": "#eefaf6",
-      "sales-action": "#ec6c2c",
-      black: "#000000",
-      transparent: "transparent",
-      "sales-action-dark-1": "#bc5624",
-      "sales-action-light-1": "#ff8136",
-      "sales-action-light-2": "#ff973e",
-      "sales-action-light-3": "#ffac48",
-      "call-action": "#8345c9",
-      "call-action-dark-1": "#6837a0",
-      "call-action-light-1": "#9d52f1",
-      "call-action-light-2": "#b760ff",
-      "call-action-light-3": "#d16eff",
-      "marketing-action": "#2962ff",
-      "marketing-action-dark-1": "#1043ce",
-      "marketing-action-light-1": "#3175ff",
-      "marketing-action-light-2": "#3d8cff",
-      "marketing-action-light-3": "#4ea3ff",
-      "club-action": "#d21369",
-      "club-action-dark-1": "#a80f54",
-      "club-action-light-1": "#fc167e",
-      "club-action-light-2": "#ff1a93",
-      "club-action-light-3": "#ff27ab",
-      "team-action": "#B5179E",
-      "team-action-dark-1": "#9E218C",
-      "team-action-light-1": "#D834C0",
-      "team-action-light-2": "#F841DD",
-      "team-action-light-3": "#FF56E6",
-      "desk-action": "#50C877",
-      "desk-action-dark-1": "#3B965B",
-      "desk-action-light-1": "#60D38F",
-      "desk-action-light-2": "#6BDBA2",
-      "desk-action-light-3": "#80E9BF",
-      "form-action": "#00BFA5",
-      "form-action-dark-1": "#00927E",
-      "form-action-light-1": "#00CCB7",
-      "form-action-light-2": "#03D5C4",
-      "form-action-light-3": "#05E4DB",
-      "task-action": "#5066D4",
-      "task-action-dark-1": "#3C4C9F",
-      "task-action-light-1": "#617ADD",
-      "task-action-light-2": "#6D8AE3",
-      "task-action-light-3": "#81A2EE",
-      "rayan-action": "#5066D4",
-      "rayan-action-dark-1": "#3C4C9F",
-      "rayan-action-light-1": "#617ADD",
-      "rayan-action-light-2": "#6D8AE3",
-      "rayan-action-light-3": "#81A2EE"
-    }
-  }
-};
-exports.AbrplusUIKit = colors.AbrplusUIKit;
-exports.colors = colors.colors;
-exports.tailwindConfig = config;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css           */const t=require("./colors-BDQwGpaB.cjs"),a={content:{files:["./src/**/*.{js,ts,jsx,tsx,html}",".storybook/storybook.css"]},theme:{fontFamily:{"yekan-normal":"YekanBakhFaRegular","yekan-medium":"YekanBakhFaMedium","yekan-light":"YekanBakhFaLight","yekan-bold":"YekanBakhFaBold","roboto-normal":"RobotoRegular","roboto-light":"RobotoLight","roboto-medium":"RobotoMedium","roboto-bold":"RobotoBold"},colors:{"white-ff":"#ffffff","white-ff-10":"#ffffff10","white-ff-15":"#ffffff15","white-ff-20":"#ffffff20","white-ff-35":"#ffffff35","light-1":"#f8f9fb","light-2":"#f1f3f8","light-3":"#f9fbff","light-4":"#f7fafe","light-5":"#ebf3ff","light-6":"#eaeff5","light-7":"#d9e1ea",primary:"#435879","primary-dark-1":"#2b4063","primary-dark-2":"#192540","primary-light-1":"#516b93","primary-light-2":"#91a8c3","primary-light-3":"#b8c7d8",secondary:"#1e51c1","secondary-dark-1":"#163b8e","secondary-light-1":"#2159d4","secondary-light-2":"#386de0",tertiary:"#1ba9c7","tertiary-dark-1":"#489fb5",negative:"#c9252d","negative-dark-1":"#bb121a","negative-light-1":"#d7373f","negative-light-2":"#e34850","negative-light-3":"#f6d8da","negative-light-4":"#f9e3e4","negative-light-5":"#fdf3f3",positive:"#268e6c","positive-dark-1":"#12805c","positive-dark-2":"#107154","positive-light-2":"#2d9d78","positive-light-3":"#eefaf6","sales-action":"#ec6c2c",black:"#000000",transparent:"transparent","sales-action-dark-1":"#bc5624","sales-action-light-1":"#ff8136","sales-action-light-2":"#ff973e","sales-action-light-3":"#ffac48","call-action":"#8345c9","call-action-dark-1":"#6837a0","call-action-light-1":"#9d52f1","call-action-light-2":"#b760ff","call-action-light-3":"#d16eff","marketing-action":"#2962ff","marketing-action-dark-1":"#1043ce","marketing-action-light-1":"#3175ff","marketing-action-light-2":"#3d8cff","marketing-action-light-3":"#4ea3ff","club-action":"#d21369","club-action-dark-1":"#a80f54","club-action-light-1":"#fc167e","club-action-light-2":"#ff1a93","club-action-light-3":"#ff27ab","team-action":"#B5179E","team-action-dark-1":"#9E218C","team-action-light-1":"#D834C0","team-action-light-2":"#F841DD","team-action-light-3":"#FF56E6","desk-action":"#50C877","desk-action-dark-1":"#3B965B","desk-action-light-1":"#60D38F","desk-action-light-2":"#6BDBA2","desk-action-light-3":"#80E9BF","form-action":"#00BFA5","form-action-dark-1":"#00927E","form-action-light-1":"#00CCB7","form-action-light-2":"#03D5C4","form-action-light-3":"#05E4DB","task-action":"#5066D4","task-action-dark-1":"#3C4C9F","task-action-light-1":"#617ADD","task-action-light-2":"#6D8AE3","task-action-light-3":"#81A2EE","rayan-action":"#5066D4","rayan-action-dark-1":"#3C4C9F","rayan-action-light-1":"#617ADD","rayan-action-light-2":"#6D8AE3","rayan-action-light-3":"#81A2EE"}}};exports.AbrplusUIKit=t.AbrplusUIKit;exports.colors=t.colors;exports.tailwindConfig=a;