@dgshahr/ui-kit 1.6.1 → 1.7.1
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.
- package/dist/Form/Datepicker/context.d.ts.map +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +183 -181
- package/dist/Form/Datepicker/types.d.ts +1 -0
- package/dist/Form/Datepicker/types.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +1 -1
- package/dist/Menu/MenuItem.d.ts +5 -0
- package/dist/Menu/MenuItem.d.ts.map +1 -0
- package/dist/Menu/constants.d.ts +5 -0
- package/dist/Menu/constants.d.ts.map +1 -0
- package/dist/Menu/context.d.ts +4 -0
- package/dist/Menu/context.d.ts.map +1 -0
- package/dist/Menu/index.cjs +1 -0
- package/dist/Menu/index.d.ts +10 -0
- package/dist/Menu/index.d.ts.map +1 -0
- package/dist/Menu/index.mjs +106 -0
- package/dist/Menu/types.d.ts +24 -0
- package/dist/Menu/types.d.ts.map +1 -0
- package/dist/PickerWrapper-CQAaW1cs.js +133 -0
- package/dist/PickerWrapper-DpLS0Ogo.cjs +1 -0
- package/dist/Progress/Doughnut/index.cjs +1 -1
- package/dist/Progress/Doughnut/index.d.ts.map +1 -1
- package/dist/Progress/Doughnut/index.mjs +18 -14
- package/dist/Progress/Doughnut/types.d.ts +1 -1
- package/dist/Progress/Doughnut/types.d.ts.map +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +24 -22
- package/dist/useOutsideClick-CSnzjiLr.cjs +1 -0
- package/dist/useOutsideClick-DDIvXCYN.js +15 -0
- package/package.json +6 -1
- package/dist/PickerWrapper-CJEhuXjK.cjs +0 -1
- package/dist/PickerWrapper-Dq1KZ9op.js +0 -142
|
@@ -21,6 +21,7 @@ type DatepickerPropsBase = PickerWrapperProps & {
|
|
|
21
21
|
holidays?: Date[];
|
|
22
22
|
disableDates?: Date[];
|
|
23
23
|
mode?: 'input' | 'calendar';
|
|
24
|
+
onInternalDateChange?: (date: Date) => void;
|
|
24
25
|
dayHoverAction?: {
|
|
25
26
|
onClick: (dayItem: DayItem) => void;
|
|
26
27
|
element: (dayItem: DayItem) => React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Datepicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,oBAAY,SAAS;IACnB,GAAG,IAAA;IACH,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAElG,KAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAC9C,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE;QACf,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;QACpC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,UAAU,0BAA0B;IAClC,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,UAAU,6BAA6B;IACrC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE;QAAE,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,CAAC,0BAA0B,GAAG,6BAA6B,CAAC,GAC5D,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,IAAI,CAAC;IACnB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,eAAe,CAAC;CAClC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Datepicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,oBAAY,SAAS;IACnB,GAAG,IAAA;IACH,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAElG,KAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAC9C,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC5B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE;QACf,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;QACpC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,UAAU,0BAA0B;IAClC,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,UAAU,6BAA6B;IACrC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE;QAAE,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,CAAC,0BAA0B,GAAG,6BAA6B,CAAC,GAC5D,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,IAAI,CAAC;IACnB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,eAAe,CAAC;CAClC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),E=require("../../index-DmSuyV3m.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-
|
|
1
|
+
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),E=require("../../index-DmSuyV3m.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-DpLS0Ogo.cjs"),$=require("../../Chip/index.cjs");;/* empty css */function z({label:n,isMultiple:s,isActive:r,disabled:u}){return s?i.jsx(H,{checked:r,label:n,readOnly:!0,disabled:u}):n}const D=n=>{const{option:s,onClick:r,value:u,mode:c,optionCellClassName:g,optionCell:t}=n;function l(){return Array.isArray(u)?u.includes(s.value):s.value===u}return i.jsx("button",{type:"button",onClick:r,className:d.clsx("dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",l()?"dgsuikit:bg-primary-50 dgsuikit:text-primary-500":"dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",g),disabled:s.disabled,children:t?t(s,l()):z({label:s.label,isMultiple:c==="multiple",isActive:l(),disabled:s.disabled??!1})})},A=a.memo(D),U=20,G=n=>{const{options:s,mode:r="single",afterOptions:u,beforeOptions:c,onChange:g,searchable:t=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوانها",value:p,optionCellClassName:v,emptyContent:F="نتیجهای یافت نشد !",showClearButtonOnEmpty:R=!0}=n,[k,I]=a.useState(""),[x,B]=a.useState(0),m=a.useRef(null),N=a.useRef(null),{toggleWrapperVisibility:L}=M.usePickerWrapperContext(),O=d.clsx("dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",(!t&&!c||r==="multiple"&&l)&&"dgsuikit:first-of-type:border-t-0",!!u&&"dgsuikit:last-of-type:border-b");let h;const b=t;typeof t=="boolean"?h=t:h=Object.keys(t).length>0;const j=a.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return k?s?.filter(e=>e.label.includes(k)):s},[k,s]),C=a.useMemo(()=>r==="multiple"&&l?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),S=a.useMemo(()=>{let e=j;r==="multiple"&&l&&(e=e?.filter(P=>!p.includes(P.value)));const o=Math.min(x+U,e?.length??0);return e?.slice(x,o)},[j,x,p]),y=m?.current?.children[0]?.clientHeight??50,W=((j?.length??0)-(r==="multiple"?C.length??0:0))*y,w=a.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const o=e.scrollTop,P=m.current.offsetTop,T=Math.floor((o-P)/y);B(T>=0?T:0)},[y]);a.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",w),()=>e.removeEventListener("scroll",w)},[w]),a.useEffect(()=>{!h||b.autoFocus===!1||!N.current||setTimeout(()=>{N.current?.focus()},300)},[]);const q=a.useCallback(e=>{if(typeof g=="function")if(r==="multiple"){const o=[...p??[]];o.includes(e)?o.splice(o.indexOf(e),1):o.push(e),g(o)}else g(e),L()},[p]);return i.jsxs(i.Fragment,{children:[h&&i.jsx(E.Input,{ref:N,id:"search-input",wrapperClassName:d.clsx("dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",c?"dgsuikit:pb-2":"dgsuikit:pb-3",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:b?.rightIcon??i.jsx(_.IconSearch,{width:20,height:20}),...typeof t=="object"?t:{}}),c,r==="multiple"&&l&&C.length>0&&i.jsxs(i.Fragment,{children:[i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:`${f}ی انتخاب شده`}),C.map(e=>i.jsx(A,{onClick:()=>q(e.value),option:e,optionCellClassName:d.clsx(O,v),...n},e.value))]}),i.jsxs(i.Fragment,{children:[r==="multiple"&&l&&i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:f}),i.jsx("div",{ref:m,className:"dgsuikit:relative",style:{height:W},children:S?.map((e,o)=>i.jsx("div",{className:d.clsx("dgsuikit:absolute dgsuikit:w-full",O),style:{top:`${(x+o)*y}px`},children:i.jsx(A,{onClick:()=>q(e.value),option:e,...n})},e.value))}),!S?.length&&!C.length&&i.jsxs("div",{className:"dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2",children:[i.jsx("p",{className:"dgsuikit:text-gray-500 dgsuikit:font-p3-medium",children:F}),R&&i.jsx(V,{type:"button",className:"dgsuikit:mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),u]})};function J(n,s){if(!Array.isArray(n))return s.find(r=>r.value===n)?.label??""}const K=n=>{const{searchable:s=!0,value:r,options:u}=n,c=Array.isArray(r)&&r.length>0;function g(){return n.inputProps?.prefix?n.inputProps.prefix:c?r.map(l=>i.jsx($,{label:u.find(f=>f.value===l)?.label,clickable:!0,leftIcon:i.jsx(E.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=r.filter(v=>v!==l);n.onChange?.(p)}},l)):null}const t={...n};return t.dropdownType==="popover"&&!s&&(t.popoverClassName=d.clsx("dgsuikit:pt-3",t.popoverClassName)),t.dropdownType==="drawer"&&(t.drawerProps={...t.drawerProps,containerClassName:d.clsx(s?"dgsuikit:!pt-0":"dgsuikit:!pt-3",t.drawerProps?.containerClassName)}),t.customInput||(t.inputProps={...t.inputProps,value:J(r,u),prefix:g(),prefixClassName:c?d.clsx("dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",t.inputProps?.prefixClassName):t.inputProps?.prefixClassName,className:c?"dgsuikit:hidden":t.inputProps?.className,containerClassName:c?d.clsx("dgsuikit:items-baseline",t.inputProps?.containerClassName):t.inputProps?.containerClassName}),i.jsx(M.PickerWrapper,{...t,children:i.jsx(G,{...n})})};module.exports=K;
|
|
@@ -5,7 +5,7 @@ import { memo as U, useState as B, useRef as L, useMemo as S, useCallback as H,
|
|
|
5
5
|
import { I as G } from "../../IconSearch-aShj2vmu.js";
|
|
6
6
|
import J from "../Checkbox/index.mjs";
|
|
7
7
|
import K from "../../Button/index.mjs";
|
|
8
|
-
import { u as Q, P as X } from "../../PickerWrapper-
|
|
8
|
+
import { u as Q, P as X } from "../../PickerWrapper-CQAaW1cs.js";
|
|
9
9
|
import Y from "../../Chip/index.mjs";
|
|
10
10
|
import '../../assets/styles.css';/* empty css */
|
|
11
11
|
function Z({
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6CrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { PopperPosition } from '../../hooks/useFlipPosition';
|
|
2
|
+
export declare const DURATION_CLASS = "dgsuikit:duration-300";
|
|
3
|
+
export declare const REMOVE_CONTAINER_TIMEOUT = 400;
|
|
4
|
+
export declare const POSITION_CLASS_NAMES: Record<PopperPosition, string>;
|
|
5
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Menu/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAS/D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Menu/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,WAAW,iDAA8C,CAAC;AAEvE,eAAO,MAAM,OAAO,uBAMnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),k=require("../clsx-C11secjj.cjs"),g=require("react"),C=require("../useFlipPosition-CWhLgzoz.cjs"),S=require("../useOutsideClick-CSnzjiLr.cjs"),T=require("../IconArrowLeft2-CNA3H0xY.cjs"),v="dgsuikit:duration-300",x=400,j={"bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},p=g.createContext(null),O=()=>{const s=g.useContext(p);if(!s)throw new Error("Menu components must be used within a Menu");return s},P=({children:s,onClick:e,className:c="",disabled:u=!1,icon:r,endElement:o})=>{const{close:d}=O(),n=()=>{!u&&e&&typeof e=="function"&&(e(),d())};return i.jsxs("button",{className:k.clsx("dgsuikit:flex dgsuikit:w-full dgsuikit:items-center dgsuikit:p-3 dgsuikit:my-0.5 dgsuikit:text-right dgsuikit:text-sm dgsuikit:rounded-lg dgsuikit:transition-colors dgsuikit:duration-150 dgsuikit:min-h-12",u?"dgsuikit:opacity-50 dgsuikit:cursor-not-allowed dgsuikit:text-gray-400":"dgsuikit:text-gray-600 dgsuikit:hover:bg-gray-50 dgsuikit:hover:text-gray-900 dgsuikit:cursor-pointer dgsuikit:focus:bg-gray-100 dgsuikit:focus:outline-none",c),onClick:n,disabled:u,children:[r&&i.jsx("span",{className:"dgsuikit:ml-3 dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:flex-shrink-0 dgsuikit:w-6 dgsuikit:h-6",children:r}),i.jsx("div",{className:"dgsuikit:font-medium dgsuikit:text-ellipsis dgsuikit:w-full dgsuikit:h-full",children:s}),o===void 0?i.jsx(T.IconArrowLeft2,{className:"dgsuikit:h-4 dgsuikit:w-4 dgsuikit:shrink-0"}):o]})},R=s=>{const{trigger:e,children:c,className:u="",popoverClassName:r="",position:o="bottom-right"}=s,[d,n]=g.useState(!1),[f,l]=g.useState(!1),[y,w]=g.useState(o);let t;const{anchorRef:b,popperRef:M}=C.useFlipPosition({initialPosition:o,minVisible:180,padding:8,onPositionChange(a){w(a)}}),I=S.useOutsideClick(()=>{d&&(n(!1),t&&clearTimeout(t),t=setTimeout(()=>{l(!1)},x))});function m(){const a=!f;t&&clearTimeout(t),a?(l(!0),t=setTimeout(()=>{n(!0)},0)):(n(!1),t=setTimeout(()=>{l(!1)},x))}const N={close:m};return i.jsx(p.Provider,{value:N,children:i.jsxs("div",{ref:I,className:k.clsx("dgsuikit:relative dgsuikit:inline-block dgsuikit:text-right",u),children:[e(m,b),f&&i.jsx("div",{ref:M,className:k.clsx("dgsuikit:absolute dgsuikit:z-50 dgsuikit:min-w-[256px] dgsuikit:px-4 dgsuikit:pb-4 dgsuikit:rounded-2xl dgsuikit:bg-white dgsuikit:shadow-lg dgsuikit:ring-1 dgsuikit:ring-gray-200 dgsuikit:focus:outline-none","dgsuikit:transition-all",v,d?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-95",j[y],r),children:c})]})})},h=R;h.Item=P;module.exports=h;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { default as MenuItem } from './MenuItem';
|
|
3
|
+
import { MenuProps } from './types';
|
|
4
|
+
interface IMenuComponent extends FC<MenuProps> {
|
|
5
|
+
Item: typeof MenuItem;
|
|
6
|
+
}
|
|
7
|
+
declare const Menu: IMenuComponent;
|
|
8
|
+
export default Menu;
|
|
9
|
+
export * from './types';
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,SAAS,CAAC;AAmF1D,UAAU,cAAe,SAAQ,EAAE,CAAC,SAAS,CAAC;IAC5C,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB;AAED,QAAA,MAAM,IAAI,EAAoB,cAAc,CAAC;AAG7C,eAAe,IAAI,CAAC;AACpB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { jsxs as h, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "../clsx-OuTLNxxd.js";
|
|
3
|
+
import { createContext as C, useContext as T, useState as k } from "react";
|
|
4
|
+
import { u as v } from "../useFlipPosition-BWxiBDQ_.js";
|
|
5
|
+
import { u as S } from "../useOutsideClick-DDIvXCYN.js";
|
|
6
|
+
import { I as O } from "../IconArrowLeft2-cxcPyDqS.js";
|
|
7
|
+
const P = "dgsuikit:duration-300", p = 400, A = {
|
|
8
|
+
"bottom-right": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0",
|
|
9
|
+
"bottom-center": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
|
|
10
|
+
"bottom-left": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
|
|
11
|
+
"top-right": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0",
|
|
12
|
+
"top-center": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
|
|
13
|
+
"top-left": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"
|
|
14
|
+
}, x = C(null), R = () => {
|
|
15
|
+
const i = T(x);
|
|
16
|
+
if (!i)
|
|
17
|
+
throw new Error("Menu components must be used within a Menu");
|
|
18
|
+
return i;
|
|
19
|
+
}, E = ({
|
|
20
|
+
children: i,
|
|
21
|
+
onClick: s,
|
|
22
|
+
className: d = "",
|
|
23
|
+
disabled: e = !1,
|
|
24
|
+
icon: g,
|
|
25
|
+
endElement: u
|
|
26
|
+
}) => {
|
|
27
|
+
const { close: r } = R(), o = () => {
|
|
28
|
+
!e && s && typeof s == "function" && (s(), r());
|
|
29
|
+
};
|
|
30
|
+
return /* @__PURE__ */ h(
|
|
31
|
+
"button",
|
|
32
|
+
{
|
|
33
|
+
className: c(
|
|
34
|
+
"dgsuikit:flex dgsuikit:w-full dgsuikit:items-center dgsuikit:p-3 dgsuikit:my-0.5 dgsuikit:text-right dgsuikit:text-sm dgsuikit:rounded-lg dgsuikit:transition-colors dgsuikit:duration-150 dgsuikit:min-h-12",
|
|
35
|
+
e ? "dgsuikit:opacity-50 dgsuikit:cursor-not-allowed dgsuikit:text-gray-400" : "dgsuikit:text-gray-600 dgsuikit:hover:bg-gray-50 dgsuikit:hover:text-gray-900 dgsuikit:cursor-pointer dgsuikit:focus:bg-gray-100 dgsuikit:focus:outline-none",
|
|
36
|
+
d
|
|
37
|
+
),
|
|
38
|
+
onClick: o,
|
|
39
|
+
disabled: e,
|
|
40
|
+
children: [
|
|
41
|
+
g && /* @__PURE__ */ n("span", { className: "dgsuikit:ml-3 dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:flex-shrink-0 dgsuikit:w-6 dgsuikit:h-6", children: g }),
|
|
42
|
+
/* @__PURE__ */ n("div", { className: "dgsuikit:font-medium dgsuikit:text-ellipsis dgsuikit:w-full dgsuikit:h-full", children: i }),
|
|
43
|
+
u === void 0 ? /* @__PURE__ */ n(O, { className: "dgsuikit:h-4 dgsuikit:w-4 dgsuikit:shrink-0" }) : u
|
|
44
|
+
]
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
}, _ = (i) => {
|
|
48
|
+
const {
|
|
49
|
+
trigger: s,
|
|
50
|
+
children: d,
|
|
51
|
+
className: e = "",
|
|
52
|
+
popoverClassName: g = "",
|
|
53
|
+
position: u = "bottom-right"
|
|
54
|
+
} = i, [r, o] = k(!1), [m, a] = k(!1), [y, b] = k(u);
|
|
55
|
+
let t;
|
|
56
|
+
const { anchorRef: w, popperRef: M } = v({
|
|
57
|
+
initialPosition: u,
|
|
58
|
+
minVisible: 180,
|
|
59
|
+
padding: 8,
|
|
60
|
+
onPositionChange(l) {
|
|
61
|
+
b(l);
|
|
62
|
+
}
|
|
63
|
+
}), I = S(() => {
|
|
64
|
+
r && (o(!1), t && clearTimeout(t), t = setTimeout(() => {
|
|
65
|
+
a(!1);
|
|
66
|
+
}, p));
|
|
67
|
+
});
|
|
68
|
+
function f() {
|
|
69
|
+
const l = !m;
|
|
70
|
+
t && clearTimeout(t), l ? (a(!0), t = setTimeout(() => {
|
|
71
|
+
o(!0);
|
|
72
|
+
}, 0)) : (o(!1), t = setTimeout(() => {
|
|
73
|
+
a(!1);
|
|
74
|
+
}, p));
|
|
75
|
+
}
|
|
76
|
+
const N = { close: f };
|
|
77
|
+
return /* @__PURE__ */ n(x.Provider, { value: N, children: /* @__PURE__ */ h(
|
|
78
|
+
"div",
|
|
79
|
+
{
|
|
80
|
+
ref: I,
|
|
81
|
+
className: c("dgsuikit:relative dgsuikit:inline-block dgsuikit:text-right", e),
|
|
82
|
+
children: [
|
|
83
|
+
s(f, w),
|
|
84
|
+
m && /* @__PURE__ */ n(
|
|
85
|
+
"div",
|
|
86
|
+
{
|
|
87
|
+
ref: M,
|
|
88
|
+
className: c(
|
|
89
|
+
"dgsuikit:absolute dgsuikit:z-50 dgsuikit:min-w-[256px] dgsuikit:px-4 dgsuikit:pb-4 dgsuikit:rounded-2xl dgsuikit:bg-white dgsuikit:shadow-lg dgsuikit:ring-1 dgsuikit:ring-gray-200 dgsuikit:focus:outline-none",
|
|
90
|
+
"dgsuikit:transition-all",
|
|
91
|
+
P,
|
|
92
|
+
r ? "dgsuikit:opacity-100 dgsuikit:scale-100" : "dgsuikit:opacity-0 dgsuikit:scale-95",
|
|
93
|
+
A[y],
|
|
94
|
+
g
|
|
95
|
+
),
|
|
96
|
+
children: d
|
|
97
|
+
}
|
|
98
|
+
)
|
|
99
|
+
]
|
|
100
|
+
}
|
|
101
|
+
) });
|
|
102
|
+
}, j = _;
|
|
103
|
+
j.Item = E;
|
|
104
|
+
export {
|
|
105
|
+
j as default
|
|
106
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { PopperPosition } from '../../hooks/useFlipPosition';
|
|
2
|
+
export interface MenuContextType {
|
|
3
|
+
close: () => void;
|
|
4
|
+
}
|
|
5
|
+
export interface MenuProps {
|
|
6
|
+
trigger: (toggle: () => void, ref: React.Ref<HTMLElement>) => React.ReactNode;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
popoverClassName?: string;
|
|
10
|
+
position?: PopperPosition;
|
|
11
|
+
}
|
|
12
|
+
export interface MenuTitleProps {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface MenuItemProps {
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
onClick?: () => void;
|
|
19
|
+
className?: string;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
icon?: React.ReactNode;
|
|
22
|
+
endElement?: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B"}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as O, jsx as i, Fragment as A } from "react/jsx-runtime";
|
|
3
|
+
import { c as t } from "./clsx-OuTLNxxd.js";
|
|
4
|
+
import { createContext as E, useContext as V, useState as d } from "react";
|
|
5
|
+
import _ from "./Drawer/index.mjs";
|
|
6
|
+
import { u as j } from "./useFlipPosition-BWxiBDQ_.js";
|
|
7
|
+
import { u as F } from "./useOutsideClick-DDIvXCYN.js";
|
|
8
|
+
import { I as L } from "./IconArrowDown2-7ddwV5IE.js";
|
|
9
|
+
import { I as M } from "./index-ChP5zdaB.js";
|
|
10
|
+
import './assets/styles.css';/* empty css */
|
|
11
|
+
const v = E({
|
|
12
|
+
toggleWrapperVisibility: () => {
|
|
13
|
+
}
|
|
14
|
+
}), X = () => V(v), x = "dgsuikit:duration-300", C = 400, Y = (I) => {
|
|
15
|
+
const {
|
|
16
|
+
dropdownType: l = "popover",
|
|
17
|
+
disabled: r,
|
|
18
|
+
isLoading: o,
|
|
19
|
+
wrapperClassName: N,
|
|
20
|
+
customInput: c,
|
|
21
|
+
children: g,
|
|
22
|
+
drawerProps: m,
|
|
23
|
+
inputProps: y,
|
|
24
|
+
popoverClassName: P,
|
|
25
|
+
popoverPosition: T
|
|
26
|
+
} = I, k = T === "top" ? "top-left" : "bottom-left", [e, a] = d(!1), [f, u] = d(!1), [h, W] = d(k);
|
|
27
|
+
let s;
|
|
28
|
+
const { anchorRef: R, popperRef: S } = j({
|
|
29
|
+
initialPosition: k,
|
|
30
|
+
minVisible: 180,
|
|
31
|
+
onPositionChange(n) {
|
|
32
|
+
W((b) => b === n ? b : n);
|
|
33
|
+
}
|
|
34
|
+
}), D = F(() => {
|
|
35
|
+
l === "popover" && e && (a(!1), s && clearTimeout(s), s = setTimeout(() => {
|
|
36
|
+
u(!1);
|
|
37
|
+
}, C));
|
|
38
|
+
});
|
|
39
|
+
function w() {
|
|
40
|
+
if (r || o) return;
|
|
41
|
+
const n = !f;
|
|
42
|
+
s && clearTimeout(s), n ? (u(!0), s = setTimeout(() => {
|
|
43
|
+
a(!0);
|
|
44
|
+
}, 0)) : (a(!1), s = setTimeout(() => {
|
|
45
|
+
u(!1);
|
|
46
|
+
}, C));
|
|
47
|
+
}
|
|
48
|
+
const p = t({
|
|
49
|
+
"dgsuikit:!cursor-not-allowed": r,
|
|
50
|
+
"dgsuikit:!cursor-wait": o,
|
|
51
|
+
"dgsuikit:!cursor-pointer": !o && !r
|
|
52
|
+
});
|
|
53
|
+
return /* @__PURE__ */ O(
|
|
54
|
+
"div",
|
|
55
|
+
{
|
|
56
|
+
ref: D,
|
|
57
|
+
className: t("dgsuikit:relative", N),
|
|
58
|
+
children: [
|
|
59
|
+
/* @__PURE__ */ i(
|
|
60
|
+
"button",
|
|
61
|
+
{
|
|
62
|
+
ref: R,
|
|
63
|
+
type: "button",
|
|
64
|
+
className: t("dgsuikit:w-full", p),
|
|
65
|
+
onClick: w,
|
|
66
|
+
children: c ? c(e) : /* @__PURE__ */ i(
|
|
67
|
+
M,
|
|
68
|
+
{
|
|
69
|
+
leftIcon: o ? /* @__PURE__ */ i("div", { className: "dot-flashing dgsuikit:mr-2" }) : /* @__PURE__ */ i(
|
|
70
|
+
L,
|
|
71
|
+
{
|
|
72
|
+
width: 20,
|
|
73
|
+
height: 20,
|
|
74
|
+
className: t("dgsuikit:transition", x, {
|
|
75
|
+
"dgsuikit:rotate-180": e
|
|
76
|
+
})
|
|
77
|
+
}
|
|
78
|
+
),
|
|
79
|
+
containerClassName: t(p, {
|
|
80
|
+
"dgsuikit:items-baseline": o
|
|
81
|
+
}),
|
|
82
|
+
className: t("dgsuikit:caret-transparent", p),
|
|
83
|
+
disabled: r,
|
|
84
|
+
...y
|
|
85
|
+
}
|
|
86
|
+
)
|
|
87
|
+
}
|
|
88
|
+
),
|
|
89
|
+
/* @__PURE__ */ i(
|
|
90
|
+
v.Provider,
|
|
91
|
+
{
|
|
92
|
+
value: {
|
|
93
|
+
toggleWrapperVisibility: w
|
|
94
|
+
},
|
|
95
|
+
children: f && /* @__PURE__ */ i(A, { children: l === "popover" ? /* @__PURE__ */ i(
|
|
96
|
+
"div",
|
|
97
|
+
{
|
|
98
|
+
ref: S,
|
|
99
|
+
className: t(
|
|
100
|
+
"dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:right-0 dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",
|
|
101
|
+
x,
|
|
102
|
+
e ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",
|
|
103
|
+
{
|
|
104
|
+
"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]": h.includes("bottom"),
|
|
105
|
+
"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]": h.includes("top")
|
|
106
|
+
},
|
|
107
|
+
P
|
|
108
|
+
),
|
|
109
|
+
children: g
|
|
110
|
+
}
|
|
111
|
+
) : /* @__PURE__ */ i(
|
|
112
|
+
_,
|
|
113
|
+
{
|
|
114
|
+
...m,
|
|
115
|
+
open: e,
|
|
116
|
+
onClose: () => a(!1),
|
|
117
|
+
containerClassName: t(
|
|
118
|
+
"dgsuikit:!pb-3 dgsuikit:!px-0",
|
|
119
|
+
m?.containerClassName
|
|
120
|
+
),
|
|
121
|
+
children: g
|
|
122
|
+
}
|
|
123
|
+
) })
|
|
124
|
+
}
|
|
125
|
+
)
|
|
126
|
+
]
|
|
127
|
+
}
|
|
128
|
+
);
|
|
129
|
+
};
|
|
130
|
+
export {
|
|
131
|
+
Y as P,
|
|
132
|
+
X as u
|
|
133
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),r=require("react"),S=require("./Drawer/index.cjs"),D=require("./useFlipPosition-CWhLgzoz.cjs"),O=require("./useOutsideClick-CSnzjiLr.cjs"),A=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-DmSuyV3m.cjs");;/* empty css */const v=r.createContext({toggleWrapperVisibility:()=>{}}),F=()=>r.useContext(v),C="dgsuikit:duration-300",b=400,V=I=>{const{dropdownType:d="popover",disabled:n,isLoading:e,wrapperClassName:N,customInput:p,children:g,drawerProps:k,inputProps:P,popoverClassName:y,popoverPosition:T}=I,m=T==="top"?"top-left":"bottom-left",[o,a]=r.useState(!1),[x,l]=r.useState(!1),[f,W]=r.useState(m);let s;const{anchorRef:j,popperRef:q}=D.useFlipPosition({initialPosition:m,minVisible:180,onPositionChange(u){W(h=>h===u?h:u)}}),R=O.useOutsideClick(()=>{d==="popover"&&o&&(a(!1),s&&clearTimeout(s),s=setTimeout(()=>{l(!1)},b))});function w(){if(n||e)return;const u=!x;s&&clearTimeout(s),u?(l(!0),s=setTimeout(()=>{a(!0)},0)):(a(!1),s=setTimeout(()=>{l(!1)},b))}const c=t.clsx({"dgsuikit:!cursor-not-allowed":n,"dgsuikit:!cursor-wait":e,"dgsuikit:!cursor-pointer":!e&&!n});return i.jsxs("div",{ref:R,className:t.clsx("dgsuikit:relative",N),children:[i.jsx("button",{ref:j,type:"button",className:t.clsx("dgsuikit:w-full",c),onClick:w,children:p?p(o):i.jsx(E.Input,{leftIcon:e?i.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):i.jsx(A.IconArrowDown2,{width:20,height:20,className:t.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":o})}),containerClassName:t.clsx(c,{"dgsuikit:items-baseline":e}),className:t.clsx("dgsuikit:caret-transparent",c),disabled:n,...P})}),i.jsx(v.Provider,{value:{toggleWrapperVisibility:w},children:x&&i.jsx(i.Fragment,{children:d==="popover"?i.jsx("div",{ref:q,className:t.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:right-0 dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",C,o?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":f.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":f.includes("top")},y),children:g}):i.jsx(S,{...k,open:o,onClose:()=>a(!1),containerClassName:t.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",k?.containerClassName),children:g})})})]})};exports.PickerWrapper=V;exports.usePickerWrapperContext=F;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),c=require("../../clsx-C11secjj.cjs"),d={primary:{empty:"dgsuikit:stroke-primary-100",filled:"dgsuikit:stroke-primary-500"},secondary:{empty:"dgsuikit:stroke-secondary-100",filled:"dgsuikit:stroke-secondary-600"},gray:{empty:"dgsuikit:stroke-gray-400",filled:"dgsuikit:stroke-gray-50"},warning:{empty:"dgsuikit:stroke-warning-100",filled:"dgsuikit:stroke-warning-500"}},h=l=>{const{color:o="primary",current:g,total:e,size:t=48,showText:k,strokeSize:r=6,svgProps:u,textClassName:m}=l,n=Math.min(Math.max(g,0),e),y=n/e*100,i=(t-r)/2,a=2*Math.PI*i,x=a*(1-y/100);return s.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,...u,children:[s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:d[o].empty,strokeWidth:r,fill:"none"}),s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:c.clsx(d[o].filled,"dgsuikit:transition-all"),strokeWidth:r,fill:"none",strokeDasharray:a,strokeDashoffset:x,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),k&&s.jsxs("text",{x:"50%",y:"50%",dominantBaseline:"middle",textAnchor:"middle",className:c.clsx("dgsuikit:font-caption-regular dgsuikit:text-gray-600 dgsuikit:ss02",m),children:[n," از ",e]})]})};module.exports=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAwBrD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4D/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as n, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
const l = {
|
|
4
4
|
primary: {
|
|
@@ -12,19 +12,23 @@ const l = {
|
|
|
12
12
|
gray: {
|
|
13
13
|
empty: "dgsuikit:stroke-gray-400",
|
|
14
14
|
filled: "dgsuikit:stroke-gray-50"
|
|
15
|
+
},
|
|
16
|
+
warning: {
|
|
17
|
+
empty: "dgsuikit:stroke-warning-100",
|
|
18
|
+
filled: "dgsuikit:stroke-warning-500"
|
|
15
19
|
}
|
|
16
|
-
},
|
|
20
|
+
}, w = (g) => {
|
|
17
21
|
const {
|
|
18
22
|
color: i = "primary",
|
|
19
23
|
current: k,
|
|
20
24
|
total: e,
|
|
21
25
|
size: t = 48,
|
|
22
|
-
showText:
|
|
23
|
-
strokeSize:
|
|
26
|
+
showText: m,
|
|
27
|
+
strokeSize: r = 6,
|
|
24
28
|
svgProps: u,
|
|
25
29
|
textClassName: y
|
|
26
|
-
} =
|
|
27
|
-
return /* @__PURE__ */
|
|
30
|
+
} = g, o = Math.min(Math.max(k, 0), e), f = o / e * 100, s = (t - r) / 2, a = 2 * Math.PI * s, p = a * (1 - f / 100);
|
|
31
|
+
return /* @__PURE__ */ n(
|
|
28
32
|
"svg",
|
|
29
33
|
{
|
|
30
34
|
width: t,
|
|
@@ -32,25 +36,25 @@ const l = {
|
|
|
32
36
|
viewBox: `0 0 ${t} ${t}`,
|
|
33
37
|
...u,
|
|
34
38
|
children: [
|
|
35
|
-
/* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ c(
|
|
36
40
|
"circle",
|
|
37
41
|
{
|
|
38
42
|
cx: t / 2,
|
|
39
43
|
cy: t / 2,
|
|
40
|
-
r,
|
|
44
|
+
r: s,
|
|
41
45
|
className: l[i].empty,
|
|
42
|
-
strokeWidth:
|
|
46
|
+
strokeWidth: r,
|
|
43
47
|
fill: "none"
|
|
44
48
|
}
|
|
45
49
|
),
|
|
46
|
-
/* @__PURE__ */
|
|
50
|
+
/* @__PURE__ */ c(
|
|
47
51
|
"circle",
|
|
48
52
|
{
|
|
49
53
|
cx: t / 2,
|
|
50
54
|
cy: t / 2,
|
|
51
|
-
r,
|
|
55
|
+
r: s,
|
|
52
56
|
className: d(l[i].filled, "dgsuikit:transition-all"),
|
|
53
|
-
strokeWidth:
|
|
57
|
+
strokeWidth: r,
|
|
54
58
|
fill: "none",
|
|
55
59
|
strokeDasharray: a,
|
|
56
60
|
strokeDashoffset: p,
|
|
@@ -58,7 +62,7 @@ const l = {
|
|
|
58
62
|
transform: `rotate(-90 ${t / 2} ${t / 2})`
|
|
59
63
|
}
|
|
60
64
|
),
|
|
61
|
-
|
|
65
|
+
m && /* @__PURE__ */ n(
|
|
62
66
|
"text",
|
|
63
67
|
{
|
|
64
68
|
x: "50%",
|
|
@@ -81,5 +85,5 @@ const l = {
|
|
|
81
85
|
);
|
|
82
86
|
};
|
|
83
87
|
export {
|
|
84
|
-
|
|
88
|
+
w as default
|
|
85
89
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAC3D,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC"}
|