@dgshahr/ui-kit 1.7.1 → 1.8.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/DateAndTimePickerFooter-ClSJWVd3.js +74 -0
- package/dist/DateAndTimePickerFooter-Dikf0ZUx.cjs +1 -0
- package/dist/Form/Common/DateAndTimePickerFooter/DateAndTimePickerFooter.d.ts +10 -0
- package/dist/Form/Common/DateAndTimePickerFooter/DateAndTimePickerFooter.d.ts.map +1 -0
- package/dist/Form/Datepicker/Footer.d.ts.map +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.d.ts.map +1 -1
- package/dist/Form/Datepicker/index.mjs +396 -425
- package/dist/Form/Datepicker/types.d.ts +2 -22
- 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/Form/Timepicker/Body.d.ts +4 -0
- package/dist/Form/Timepicker/Body.d.ts.map +1 -0
- package/dist/Form/Timepicker/Footer.d.ts +4 -0
- package/dist/Form/Timepicker/Footer.d.ts.map +1 -0
- package/dist/Form/Timepicker/GradientOverlay.d.ts +7 -0
- package/dist/Form/Timepicker/GradientOverlay.d.ts.map +1 -0
- package/dist/Form/Timepicker/ScrollWheel.d.ts +5 -0
- package/dist/Form/Timepicker/ScrollWheel.d.ts.map +1 -0
- package/dist/Form/Timepicker/TimeInput.d.ts +10 -0
- package/dist/Form/Timepicker/TimeInput.d.ts.map +1 -0
- package/dist/Form/Timepicker/TimeInputs.d.ts +5 -0
- package/dist/Form/Timepicker/TimeInputs.d.ts.map +1 -0
- package/dist/Form/Timepicker/TimeScrollWheels.d.ts +5 -0
- package/dist/Form/Timepicker/TimeScrollWheels.d.ts.map +1 -0
- package/dist/Form/Timepicker/constants.d.ts +2 -0
- package/dist/Form/Timepicker/constants.d.ts.map +1 -0
- package/dist/Form/Timepicker/context.d.ts +12 -0
- package/dist/Form/Timepicker/context.d.ts.map +1 -0
- package/dist/Form/Timepicker/hooks/useCaret.d.ts +5 -0
- package/dist/Form/Timepicker/hooks/useCaret.d.ts.map +1 -0
- package/dist/Form/Timepicker/hooks/useScrollWheel.d.ts +5 -0
- package/dist/Form/Timepicker/hooks/useScrollWheel.d.ts.map +1 -0
- package/dist/Form/Timepicker/index.cjs +1 -0
- package/dist/Form/Timepicker/index.d.ts +5 -0
- package/dist/Form/Timepicker/index.d.ts.map +1 -0
- package/dist/Form/Timepicker/index.mjs +364 -0
- package/dist/Form/Timepicker/types.d.ts +44 -0
- package/dist/Form/Timepicker/types.d.ts.map +1 -0
- package/dist/Form/Timepicker/utils.d.ts +10 -0
- package/dist/Form/Timepicker/utils.d.ts.map +1 -0
- package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -1
- package/dist/Form/Wrappers/PickerWrapper/type.d.ts +2 -1
- package/dist/Form/Wrappers/PickerWrapper/type.d.ts.map +1 -1
- package/dist/Menu/constants.d.ts +1 -1
- package/dist/Menu/constants.d.ts.map +1 -1
- package/dist/Menu/index.cjs +1 -1
- package/dist/Menu/index.d.ts.map +1 -1
- package/dist/Menu/index.mjs +11 -9
- package/dist/Menu/types.d.ts +1 -1
- package/dist/Menu/types.d.ts.map +1 -1
- package/dist/PickerWrapper-BcOkTb3G.cjs +1 -0
- package/dist/{PickerWrapper-CQAaW1cs.js → PickerWrapper-CZPsW03T.js} +52 -47
- package/dist/{Slide-Cg1SjpFn.js → Slide-BQvg6qNJ.js} +1 -1
- package/dist/Slide-p8rlxR_a.cjs +1 -0
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/index.mjs +1 -1
- package/dist/Tooltip/Content.d.ts.map +1 -1
- package/dist/Tooltip/index.cjs +1 -1
- package/dist/Tooltip/index.d.ts +1 -1
- package/dist/Tooltip/index.d.ts.map +1 -1
- package/dist/Tooltip/index.mjs +21 -17
- 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 +46 -44
- package/package.json +7 -1
- package/dist/PickerWrapper-DpLS0Ogo.cjs +0 -1
- package/dist/Slide-YnGNNNXw.cjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC/F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAEvE,KAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,aAAa,CAAC;AAEzF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjC,UAAU,gBAAgB;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,sBAAsB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,qBAAqB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChF;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,UAAU,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TimeValue } from './types';
|
|
2
|
+
export declare const getItemHeight: (itemRefs: (HTMLDivElement | null)[]) => number;
|
|
3
|
+
export declare const scrollToValue: (container: HTMLDivElement | null, items: number[], value: number, getItemHeightFn: () => number, behavior?: ScrollBehavior) => void;
|
|
4
|
+
export declare const isValidHour: (h: string) => boolean;
|
|
5
|
+
export declare const isValidMinute: (m: string) => boolean;
|
|
6
|
+
export declare const formatToMask: (value?: TimeValue) => string[];
|
|
7
|
+
export declare const maskToValue: (maskChars: string[]) => TimeValue;
|
|
8
|
+
export declare const nextEditableIndex: (index: number, forward?: boolean) => number;
|
|
9
|
+
export declare const isValidDigit: (key: string, pos: number, newMask: string[]) => boolean;
|
|
10
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,aAAa,GAAI,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,KAAG,MAEnE,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,WAAW,cAAc,GAAG,IAAI,EAChC,OAAO,MAAM,EAAE,EACf,OAAO,MAAM,EACb,iBAAiB,MAAM,MAAM,EAC7B,WAAU,cAA0B,SAWrC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,GAAG,MAAM,KAAG,OAIvC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,GAAG,MAAM,KAAG,OAIzC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,QAAQ,SAAS,KAAG,MAAM,EAKtD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,MAAM,EAAE,KAAG,SAOjD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,EAAE,iBAAc,KAAG,MASjE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,SAAS,MAAM,EAAE,KAAG,OAQ1E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMlE,OAAO,KAAK,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMlE,OAAO,KAAK,EAAE,kBAAkB,EAAkB,MAAM,QAAQ,CAAC;AAGjE,OAAO,kBAAkB,CAAC;AAM1B,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAqJ5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { DrawerProps } from '../../../Drawer';
|
|
3
3
|
import { InputProps } from '../../Input';
|
|
4
|
+
export type PopperPosition = 'top' | 'bottom' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
4
5
|
interface PickerWrapperPropsBase {
|
|
5
6
|
isLoading?: boolean;
|
|
6
7
|
disabled?: boolean;
|
|
@@ -24,7 +25,7 @@ interface PickerWrapperWithPopoverContainer {
|
|
|
24
25
|
dropdownType?: 'popover';
|
|
25
26
|
popoverClassName?: string;
|
|
26
27
|
drawerProps?: never;
|
|
27
|
-
popoverPosition?:
|
|
28
|
+
popoverPosition?: PopperPosition;
|
|
28
29
|
}
|
|
29
30
|
export type PickerWrapperProps = PickerWrapperPropsBase & (PickerWrapperWithCustomInput | PickerWrapperWithoutCustomInput) & (PickerWrapperWithDrawerContainer | PickerWrapperWithPopoverContainer);
|
|
30
31
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,4BAA4B;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,UAAU,+BAA+B;IACvC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,gCAAgC;IACxC,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB;AAED,UAAU,iCAAiC;IACzC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,eAAe,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,4BAA4B;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,UAAU,+BAA+B;IACvC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,gCAAgC;IACxC,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB;AAED,UAAU,iCAAiC;IACzC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,eAAe,CAAC,EAAE,cAAc,CAAC;CAClC;AAED,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,CAAC,4BAA4B,GAAG,+BAA+B,CAAC,GAChE,CAAC,gCAAgC,GAAG,iCAAiC,CAAC,CAAC"}
|
package/dist/Menu/constants.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PopperPosition } from '
|
|
1
|
+
import { PopperPosition } from '../Form/Wrappers/PickerWrapper/type';
|
|
2
2
|
export declare const DURATION_CLASS = "dgsuikit:duration-300";
|
|
3
3
|
export declare const REMOVE_CONTAINER_TIMEOUT = 400;
|
|
4
4
|
export declare const POSITION_CLASS_NAMES: Record<PopperPosition, string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Menu/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Menu/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAW/D,CAAC"}
|
package/dist/Menu/index.cjs
CHANGED
|
@@ -1 +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,
|
|
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:"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","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:"dgsuikit:top-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,b]=g.useState(o);let t;const{anchorRef:w,popperRef:M}=C.useFlipPosition({initialPosition:o,minVisible:180,padding:8,onPositionChange(a){b(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,w),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;
|
package/dist/Menu/index.d.ts.map
CHANGED
|
@@ -1 +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;
|
|
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;AAoF1D,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"}
|
package/dist/Menu/index.mjs
CHANGED
|
@@ -5,9 +5,11 @@ import { u as v } from "../useFlipPosition-BWxiBDQ_.js";
|
|
|
5
5
|
import { u as S } from "../useOutsideClick-DDIvXCYN.js";
|
|
6
6
|
import { I as O } from "../IconArrowLeft2-cxcPyDqS.js";
|
|
7
7
|
const P = "dgsuikit:duration-300", p = 400, A = {
|
|
8
|
+
bottom: "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
|
|
8
9
|
"bottom-right": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0",
|
|
9
10
|
"bottom-center": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
|
|
10
11
|
"bottom-left": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
|
|
12
|
+
top: "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0",
|
|
11
13
|
"top-right": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0",
|
|
12
14
|
"top-center": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
|
|
13
15
|
"top-left": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"
|
|
@@ -19,13 +21,13 @@ const P = "dgsuikit:duration-300", p = 400, A = {
|
|
|
19
21
|
}, E = ({
|
|
20
22
|
children: i,
|
|
21
23
|
onClick: s,
|
|
22
|
-
className:
|
|
24
|
+
className: r = "",
|
|
23
25
|
disabled: e = !1,
|
|
24
26
|
icon: g,
|
|
25
27
|
endElement: u
|
|
26
28
|
}) => {
|
|
27
|
-
const { close:
|
|
28
|
-
!e && s && typeof s == "function" && (s(),
|
|
29
|
+
const { close: d } = R(), o = () => {
|
|
30
|
+
!e && s && typeof s == "function" && (s(), d());
|
|
29
31
|
};
|
|
30
32
|
return /* @__PURE__ */ h(
|
|
31
33
|
"button",
|
|
@@ -33,7 +35,7 @@ const P = "dgsuikit:duration-300", p = 400, A = {
|
|
|
33
35
|
className: c(
|
|
34
36
|
"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
37
|
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
|
-
|
|
38
|
+
r
|
|
37
39
|
),
|
|
38
40
|
onClick: o,
|
|
39
41
|
disabled: e,
|
|
@@ -47,11 +49,11 @@ const P = "dgsuikit:duration-300", p = 400, A = {
|
|
|
47
49
|
}, _ = (i) => {
|
|
48
50
|
const {
|
|
49
51
|
trigger: s,
|
|
50
|
-
children:
|
|
52
|
+
children: r,
|
|
51
53
|
className: e = "",
|
|
52
54
|
popoverClassName: g = "",
|
|
53
55
|
position: u = "bottom-right"
|
|
54
|
-
} = i, [
|
|
56
|
+
} = i, [d, o] = k(!1), [m, a] = k(!1), [y, b] = k(u);
|
|
55
57
|
let t;
|
|
56
58
|
const { anchorRef: w, popperRef: M } = v({
|
|
57
59
|
initialPosition: u,
|
|
@@ -61,7 +63,7 @@ const P = "dgsuikit:duration-300", p = 400, A = {
|
|
|
61
63
|
b(l);
|
|
62
64
|
}
|
|
63
65
|
}), I = S(() => {
|
|
64
|
-
|
|
66
|
+
d && (o(!1), t && clearTimeout(t), t = setTimeout(() => {
|
|
65
67
|
a(!1);
|
|
66
68
|
}, p));
|
|
67
69
|
});
|
|
@@ -89,11 +91,11 @@ const P = "dgsuikit:duration-300", p = 400, A = {
|
|
|
89
91
|
"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
92
|
"dgsuikit:transition-all",
|
|
91
93
|
P,
|
|
92
|
-
|
|
94
|
+
d ? "dgsuikit:opacity-100 dgsuikit:scale-100" : "dgsuikit:opacity-0 dgsuikit:scale-95",
|
|
93
95
|
A[y],
|
|
94
96
|
g
|
|
95
97
|
),
|
|
96
|
-
children:
|
|
98
|
+
children: r
|
|
97
99
|
}
|
|
98
100
|
)
|
|
99
101
|
]
|
package/dist/Menu/types.d.ts
CHANGED
package/dist/Menu/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E,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 @@
|
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=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=n.createContext({toggleWrapperVisibility:()=>{}}),F=()=>n.useContext(v),C="dgsuikit:duration-300",b=400,V=I=>{const{dropdownType:p="popover",disabled:u,isLoading:e,wrapperClassName:N,customInput:g,children:k,drawerProps:x,inputProps:W,popoverClassName:P,popoverPosition:y}=I,m=y??"bottom-left",[o,a]=n.useState(!1),[f,c]=n.useState(!1),[r,T]=n.useState(m);let s;const{anchorRef:j,popperRef:q}=D.useFlipPosition({initialPosition:m,minVisible:180,onPositionChange(l){T(w=>w===l?w:l)}}),R=O.useOutsideClick(()=>{p==="popover"&&o&&(a(!1),s&&clearTimeout(s),s=setTimeout(()=>{c(!1)},b))});function h(){if(u||e)return;const l=!f;s&&clearTimeout(s),l?(c(!0),s=setTimeout(()=>{a(!0)},0)):(a(!1),s=setTimeout(()=>{c(!1)},b))}const d=t.clsx({"dgsuikit:!cursor-not-allowed":u,"dgsuikit:!cursor-wait":e,"dgsuikit:!cursor-pointer":!e&&!u});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",d),onClick:h,children:g?g(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(d,{"dgsuikit:items-baseline":e}),className:t.clsx("dgsuikit:caret-transparent",d),disabled:u,...W})}),i.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&i.jsx(i.Fragment,{children:p==="popover"?i.jsx("div",{ref:q,className:t.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] 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)]":r.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":r.includes("top")},{"dgsuikit:right-0":r.endsWith("left"),"dgsuikit:left-0":r.endsWith("right"),"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2":r.endsWith("center")},P),children:k}):i.jsx(S,{...x,open:o,onClose:()=>a(!1),containerClassName:t.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",x?.containerClassName),children:k})})})]})};exports.PickerWrapper=V;exports.usePickerWrapperContext=F;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as O, jsx as i, Fragment as A } from "react/jsx-runtime";
|
|
3
3
|
import { c as t } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
import { createContext as E, useContext as V, useState as
|
|
4
|
+
import { createContext as E, useContext as V, useState as p } from "react";
|
|
5
5
|
import _ from "./Drawer/index.mjs";
|
|
6
6
|
import { u as j } from "./useFlipPosition-BWxiBDQ_.js";
|
|
7
7
|
import { u as F } from "./useOutsideClick-DDIvXCYN.js";
|
|
@@ -13,42 +13,42 @@ const v = E({
|
|
|
13
13
|
}
|
|
14
14
|
}), X = () => V(v), x = "dgsuikit:duration-300", C = 400, Y = (I) => {
|
|
15
15
|
const {
|
|
16
|
-
dropdownType:
|
|
17
|
-
disabled:
|
|
18
|
-
isLoading:
|
|
16
|
+
dropdownType: c = "popover",
|
|
17
|
+
disabled: a,
|
|
18
|
+
isLoading: e,
|
|
19
19
|
wrapperClassName: N,
|
|
20
|
-
customInput:
|
|
21
|
-
children:
|
|
22
|
-
drawerProps:
|
|
23
|
-
inputProps:
|
|
24
|
-
popoverClassName:
|
|
25
|
-
popoverPosition:
|
|
26
|
-
} = I,
|
|
20
|
+
customInput: g,
|
|
21
|
+
children: m,
|
|
22
|
+
drawerProps: k,
|
|
23
|
+
inputProps: W,
|
|
24
|
+
popoverClassName: y,
|
|
25
|
+
popoverPosition: P
|
|
26
|
+
} = I, f = P ?? "bottom-left", [o, n] = p(!1), [h, d] = p(!1), [r, T] = p(f);
|
|
27
27
|
let s;
|
|
28
28
|
const { anchorRef: R, popperRef: S } = j({
|
|
29
|
-
initialPosition:
|
|
29
|
+
initialPosition: f,
|
|
30
30
|
minVisible: 180,
|
|
31
|
-
onPositionChange(
|
|
32
|
-
|
|
31
|
+
onPositionChange(u) {
|
|
32
|
+
T((b) => b === u ? b : u);
|
|
33
33
|
}
|
|
34
34
|
}), D = F(() => {
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
c === "popover" && o && (n(!1), s && clearTimeout(s), s = setTimeout(() => {
|
|
36
|
+
d(!1);
|
|
37
37
|
}, C));
|
|
38
38
|
});
|
|
39
39
|
function w() {
|
|
40
|
-
if (
|
|
41
|
-
const
|
|
42
|
-
s && clearTimeout(s),
|
|
43
|
-
|
|
44
|
-
}, 0)) : (
|
|
45
|
-
|
|
40
|
+
if (a || e) return;
|
|
41
|
+
const u = !h;
|
|
42
|
+
s && clearTimeout(s), u ? (d(!0), s = setTimeout(() => {
|
|
43
|
+
n(!0);
|
|
44
|
+
}, 0)) : (n(!1), s = setTimeout(() => {
|
|
45
|
+
d(!1);
|
|
46
46
|
}, C));
|
|
47
47
|
}
|
|
48
|
-
const
|
|
49
|
-
"dgsuikit:!cursor-not-allowed":
|
|
50
|
-
"dgsuikit:!cursor-wait":
|
|
51
|
-
"dgsuikit:!cursor-pointer": !
|
|
48
|
+
const l = t({
|
|
49
|
+
"dgsuikit:!cursor-not-allowed": a,
|
|
50
|
+
"dgsuikit:!cursor-wait": e,
|
|
51
|
+
"dgsuikit:!cursor-pointer": !e && !a
|
|
52
52
|
});
|
|
53
53
|
return /* @__PURE__ */ O(
|
|
54
54
|
"div",
|
|
@@ -61,27 +61,27 @@ const v = E({
|
|
|
61
61
|
{
|
|
62
62
|
ref: R,
|
|
63
63
|
type: "button",
|
|
64
|
-
className: t("dgsuikit:w-full",
|
|
64
|
+
className: t("dgsuikit:w-full", l),
|
|
65
65
|
onClick: w,
|
|
66
|
-
children:
|
|
66
|
+
children: g ? g(o) : /* @__PURE__ */ i(
|
|
67
67
|
M,
|
|
68
68
|
{
|
|
69
|
-
leftIcon:
|
|
69
|
+
leftIcon: e ? /* @__PURE__ */ i("div", { className: "dot-flashing dgsuikit:mr-2" }) : /* @__PURE__ */ i(
|
|
70
70
|
L,
|
|
71
71
|
{
|
|
72
72
|
width: 20,
|
|
73
73
|
height: 20,
|
|
74
74
|
className: t("dgsuikit:transition", x, {
|
|
75
|
-
"dgsuikit:rotate-180":
|
|
75
|
+
"dgsuikit:rotate-180": o
|
|
76
76
|
})
|
|
77
77
|
}
|
|
78
78
|
),
|
|
79
|
-
containerClassName: t(
|
|
80
|
-
"dgsuikit:items-baseline":
|
|
79
|
+
containerClassName: t(l, {
|
|
80
|
+
"dgsuikit:items-baseline": e
|
|
81
81
|
}),
|
|
82
|
-
className: t("dgsuikit:caret-transparent",
|
|
83
|
-
disabled:
|
|
84
|
-
...
|
|
82
|
+
className: t("dgsuikit:caret-transparent", l),
|
|
83
|
+
disabled: a,
|
|
84
|
+
...W
|
|
85
85
|
}
|
|
86
86
|
)
|
|
87
87
|
}
|
|
@@ -92,33 +92,38 @@ const v = E({
|
|
|
92
92
|
value: {
|
|
93
93
|
toggleWrapperVisibility: w
|
|
94
94
|
},
|
|
95
|
-
children:
|
|
95
|
+
children: h && /* @__PURE__ */ i(A, { children: c === "popover" ? /* @__PURE__ */ i(
|
|
96
96
|
"div",
|
|
97
97
|
{
|
|
98
98
|
ref: S,
|
|
99
99
|
className: t(
|
|
100
|
-
"dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:
|
|
100
|
+
"dgsuikit:absolute dgsuikit:min-w-[300px] 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
101
|
x,
|
|
102
|
-
|
|
102
|
+
o ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",
|
|
103
103
|
{
|
|
104
|
-
"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":
|
|
105
|
-
"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":
|
|
104
|
+
"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]": r.includes("bottom"),
|
|
105
|
+
"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]": r.includes("top")
|
|
106
106
|
},
|
|
107
|
-
|
|
107
|
+
{
|
|
108
|
+
"dgsuikit:right-0": r.endsWith("left"),
|
|
109
|
+
"dgsuikit:left-0": r.endsWith("right"),
|
|
110
|
+
"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2": r.endsWith("center")
|
|
111
|
+
},
|
|
112
|
+
y
|
|
108
113
|
),
|
|
109
|
-
children:
|
|
114
|
+
children: m
|
|
110
115
|
}
|
|
111
116
|
) : /* @__PURE__ */ i(
|
|
112
117
|
_,
|
|
113
118
|
{
|
|
114
|
-
...
|
|
115
|
-
open:
|
|
116
|
-
onClose: () =>
|
|
119
|
+
...k,
|
|
120
|
+
open: o,
|
|
121
|
+
onClose: () => n(!1),
|
|
117
122
|
containerClassName: t(
|
|
118
123
|
"dgsuikit:!pb-3 dgsuikit:!px-0",
|
|
119
|
-
|
|
124
|
+
k?.containerClassName
|
|
120
125
|
),
|
|
121
|
-
children:
|
|
126
|
+
children: m
|
|
122
127
|
}
|
|
123
128
|
) })
|
|
124
129
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const t=require("react/jsx-runtime"),v=require("./clsx-C11secjj.cjs"),n=require("react"),D=require("./IconArrowLeft2-CNA3H0xY.cjs"),q=require("./IconArrowRight2-CF_bdH81.cjs"),A=require("./Button/index.cjs"),R=n.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1,childrenCount:0,sliderId:""}),P=()=>n.useContext(R);function F({active:i,autoplay:s,variant:r="outside"}){return[{inside:"dgsuikit:bg-gray-500/50 dgsuikit:hover:bg-gray-500/80",outside:"dgsuikit:bg-gray-200 dgsuikit:hover:bg-gray-300"}[r],i?"dgsuikit:w-[22px]":"dgsuikit:w-[6px]",s?"dgsuikit:p-[1px]":""]}const V=i=>{const{active:s,onClick:r,onNavigateToNext:d,index:e}=i,{autoplay:l,navigationVariant:x="outside"}=P(),[u,c]=n.useState(0);return n.useEffect(()=>{if(!s||!l)return;const k=typeof l=="boolean"?7e3:l?.delay??7e3;let m=Date.now();const a=setInterval(()=>{const g=Date.now()-m,h=g/k*100;c(Math.min(h,100)),g>=k&&typeof d=="function"&&(d(),c(0),clearInterval(a))},100);return function(){return c(0),m=Date.now(),clearInterval(a)}},[s,l,d]),t.jsx("button",{className:v.clsx("dgsuikit:rounded-full dgsuikit:overflow-hidden dgsuikit:transition-all dgsuikit:h-[6px]",F({active:s,autoplay:l,variant:x})),onClick:r,"aria-label":`slider-navigation-dot-${e+1}`,children:s&&t.jsx("div",{className:v.clsx("dgsuikit:h-full dgsuikit:rounded-full",{"dgsuikit:bg-white":x==="inside","dgsuikit:bg-gray-700":x==="outside"}),style:{width:l?`${u}%`:"100%"}})})},L="dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100 dgsuikit:transition-opacity",$=i=>{const{onNavigate:s,slideIndex:r,slidesCount:d}=i,{navigationButtonsShowType:e="hide",dotsClassName:l,navigationContainerClassName:x,navigationVariant:u="outside",showNavigationDots:c=!0,showPaginationText:k}=P(),m=()=>{const a=v.clsx("dgsuikit:!absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2",L);return t.jsxs(t.Fragment,{children:[t.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r-1),rightIcon:t.jsx(q.IconArrowRight2,{}),"aria-label":"slider-previous-button",className:e==="onSides"?v.clsx(a,"dgsuikit:right-[5.5%]"):void 0}),t.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r+1),rightIcon:t.jsx(D.IconArrowLeft2,{}),"aria-label":"slider-next-button",className:e==="onSides"?v.clsx(a,"dgsuikit:left-[5.5%]"):void 0})]})};return t.jsxs(t.Fragment,{children:[e&&e!=="hide"&&e==="onSides"&&m(),t.jsxs("div",{className:v.clsx("dgsuikit:flex",{"dgsuikit:items-center dgsuikit:mt-2":u==="outside","dgsuikit:absolute dgsuikit:bottom-4 dgsuikit:w-full dgsuikit:justify-center":u==="inside","dgsuikit:justify-between":u==="outside"&&e!=="hide"&&e!=="onSides","dgsuikit:justify-center":u==="outside"&&(e==="hide"||e==="onSides")},x),children:[e&&e!=="hide"&&e!=="onSides"&&t.jsx("div",{className:v.clsx("dgsuikit:flex dgsuikit:gap-2",e==="hover"&&L,u==="inside"&&"dgsuikit:absolute dgsuikit:bottom-0 dgsuikit:left-[5.5%]"),children:m()}),(c||k)&&t.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-3",children:[k&&t.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-1 dgsuikit:font-caption-regular dgsuikit:text-gray-400 dgsuikit:ss02",children:[t.jsx("span",{className:v.clsx("dgsuikit:font-bold",{"dgsuikit:text-gray-600":u==="outside","dgsuikit:text-white":u==="inside"}),children:r+1}),t.jsx("span",{children:"از"}),t.jsx("span",{children:d})]}),c&&t.jsx("div",{className:v.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:gap-2",l),children:Array.from(Array(d).keys()).map((a,g)=>t.jsx(V,{active:r===g,index:g,onClick:()=>s(g),onNavigateToNext:()=>s(r+1)},a+d))})]})]})]})},W=n.forwardRef((i,s)=>{const[r,d]=n.useState(i),{className:e="",containerClassName:l="",showNavigationDots:x=!0,slidesPerView:u=1,navigationButtonsShowType:c="hide",spaceBetween:k=0,showPaginationText:m,onSlideIndexChange:a,initialSlide:g,containerXPadding:h=0}=r,[b,C]=n.useState(0),[T,E]=n.useState(0),M=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),f=n.useRef(null),p=Math.ceil(T/Math.floor(u)),B=(x||c&&c!=="hide"||m)&&p>1;function O(o){if(Math.ceil(Math.abs(o.currentTarget.scrollLeft))+o.currentTarget.clientWidth+1+h>=o.currentTarget.scrollWidth){C(p-1);return}const w=o.currentTarget.scrollWidth-h*2,N=w/p,y=(w-o.currentTarget.scrollLeft-h)/N;if(y<=p){C(0);return}C(Math.round(y%p))}function S(o){if(!f.current)return;const w=f.current.offsetWidth,N=b-o,y=f.current.scrollWidth/p,I=N*y;o<0?f.current.scrollTo({behavior:"smooth",left:-(w*p)}):o>=p?f.current.scrollTo({behavior:"smooth",left:0}):f.current.scrollBy({behavior:"smooth",left:I})}function j(){const w=Object.keys(i.responsive).sort((y,I)=>Number(y)-Number(I)).findLast(y=>Number(y)<=window.innerWidth),N=w?i.responsive[Number(w)]:null;d(N?{...r,...N}:i)}return n.useImperativeHandle(s,()=>({element:f.current,navigate:o=>S(Math.max(0,o-1))})),n.useEffect(()=>{if(!f.current)return;let o=f.current.childElementCount;h>0&&(o-=2),E(o)},[i.children,f,h]),n.useEffect(()=>{if(!(!i.responsive||Object.keys(i.responsive).length<=0))return j(),window.addEventListener("resize",j),()=>{window.removeEventListener("resize",j)}},[i.responsive]),n.useEffect(()=>{a&&typeof a=="function"&&a(b)},[b]),n.useEffect(()=>{typeof g=="number"&&f.current&&S(Math.max(0,g-1))},[g,f.current]),t.jsx(R.Provider,{value:{...M,childrenCount:T,sliderId:n.useId()},children:t.jsxs("div",{className:v.clsx("dgsuikit:overflow-hidden dgsuikit:relative dgsuikit:group",e),style:{direction:"rtl"},children:[t.jsxs("div",{className:v.clsx("dgsuikit:flex dgsuikit:snap-x dgsuikit:snap-mandatory dgsuikit:overflow-x-auto dgsuikit:no-scrollbar",l),style:{marginLeft:-k},onScroll:O,ref:f,children:[h>0&&t.jsx("div",{className:"dgsuikit:shrink-0",style:{width:h,paddingLeft:k}}),i.children,h>0&&t.jsx("div",{className:"dgsuikit:shrink-0",style:{width:h,paddingLeft:k}})]}),B&&t.jsx($,{onNavigate:S,slideIndex:b,slidesCount:p})]})})});W.displayName="Slider";function H({slidesPerView:i,childIndex:s,centerMode:r,childrenCount:d,haveContainerPadding:e}){const l=s%Math.floor(i)===0,x=i%1!==0,u=s===0,c=s===d-1;if(!l)return"none";if(r){if(x&&!e){if(u)return"start";if(c)return"end"}return"center"}return"start"}const K=i=>{const{children:s,className:r,style:d,...e}=i,{slidesPerView:l=1,spaceBetween:x=0,centerMode:u=!1,containerXPadding:c=0,childrenCount:k=0,sliderId:m}=P(),a=n.useRef(null),[g,h]=n.useState(0);return n.useEffect(()=>{a.current&&h(Array.prototype.indexOf.call(document.querySelectorAll(`[id='slide-item-${m}']`),a.current))},[a,k,c]),t.jsx("div",{...e,ref:a,id:`slide-item-${m}`,className:v.clsx("dgsuikit:shrink-0 dgsuikit:snap-normal",r),style:{width:100/(l??1)+"%",paddingLeft:x,scrollSnapAlign:H({slidesPerView:l,childIndex:g,centerMode:u,childrenCount:k||0,haveContainerPadding:c>0}),...d},children:s})};exports.Slide=K;exports.Slider=W;
|
package/dist/Slider/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const e=require("../Slide-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const e=require("../Slide-p8rlxR_a.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;
|
package/dist/Slider/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEtC,UAAU,mBACR,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IAC9F,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACvC;
|
|
1
|
+
{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEtC,UAAU,mBACR,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IAC9F,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACvC;AAiCD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8B3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/dist/Tooltip/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),p=require("../clsx-C11secjj.cjs"),c=require("react"),C=require("react-dom"),q=require("../useFlipPosition-CWhLgzoz.cjs");;/* empty css */const I={"bottom-right":"dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-left":"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","top-right":"dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-left":"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"},_={"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"},A=u=>{const{content:g,footer:n,title:i,icon:s,className:
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),p=require("../clsx-C11secjj.cjs"),c=require("react"),C=require("react-dom"),q=require("../useFlipPosition-CWhLgzoz.cjs");;/* empty css */const I={bottom:"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-right":"dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-left":"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",top:"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-right":"dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-left":"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"},_={bottom:"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","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:"dgsuikit:top-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"},A=u=>{const{content:g,footer:n,title:i,icon:s,className:k,position:e="top-center",open:o,ref:a}=u;return t.jsxs("div",{ref:a,className:p.clsx(k,"dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max dgsuikit:z-50",o?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-0",_[e]),children:[s&&t.jsx("span",{className:"dgsuikit:shrink-0 dgsuikit:[&_svg]:size-5 dgsuikit:pt-1",children:s}),t.jsxs("div",{className:"dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular",children:[i&&t.jsx("div",{className:"dgsuikit:font-h5-bold",children:i}),g,n]}),t.jsx("div",{className:p.clsx("dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45",I[e])})]})},M=u=>{const{children:g,content:n,className:i,wrapperClassName:s,footer:k,icon:e,position:o="top-center",title:a,disabled:N,attachToBody:b}=u,[h,x]=c.useState(!1),[w,S]=c.useState(o),{anchorRef:l,popperRef:T}=q.useFlipPosition({initialPosition:o,onPositionChange(d){S(r=>r===d?r:d)}});function m(){N||x(!0)}function f(){x(!1)}const y=t.jsx(A,{ref:T,open:h,title:a,icon:e,footer:k,className:i,position:w,content:n}),j=c.useMemo(()=>{if(!l.current||!b)return{};const{top:d,left:r,width:P,height:v}=l.current.getBoundingClientRect();return{top:`${d+window.scrollY}px`,left:`${r+window.scrollX}px`,width:`${P}px`,height:`${v}px`}},[h]);return t.jsxs("div",{ref:l,className:p.clsx("dgsuikit:relative",s),onMouseEnter:m,onTouchStart:m,onMouseLeave:f,onTouchEnd:f,children:[g,b?C.createPortal(t.jsx("div",{className:"dgsuikit:absolute",style:{...j},children:y}),document.body):y]})};module.exports=M;
|
package/dist/Tooltip/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAiF7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/dist/Tooltip/index.mjs
CHANGED
|
@@ -6,29 +6,33 @@ import { createPortal as A } from "react-dom";
|
|
|
6
6
|
import { u as M } from "../useFlipPosition-BWxiBDQ_.js";
|
|
7
7
|
import '../assets/styles.css';/* empty css */
|
|
8
8
|
const O = {
|
|
9
|
+
bottom: "dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
|
|
9
10
|
"bottom-right": "dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
|
|
10
11
|
"bottom-center": "dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
|
|
11
12
|
"bottom-left": "dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
|
|
13
|
+
top: "dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br",
|
|
12
14
|
"top-right": "dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br",
|
|
13
15
|
"top-center": "dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br",
|
|
14
16
|
"top-left": "dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"
|
|
15
17
|
}, E = {
|
|
18
|
+
bottom: "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
|
|
16
19
|
"bottom-right": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0",
|
|
17
20
|
"bottom-center": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
|
|
18
21
|
"bottom-left": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
|
|
22
|
+
top: "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0",
|
|
19
23
|
"top-right": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0",
|
|
20
24
|
"top-center": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
|
|
21
25
|
"top-left": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"
|
|
22
26
|
}, L = (u) => {
|
|
23
|
-
const { content: g, footer: n, title: i, icon: s, className:
|
|
27
|
+
const { content: g, footer: n, title: i, icon: s, className: k, position: o = "top-center", open: d, ref: a } = u;
|
|
24
28
|
return /* @__PURE__ */ c(
|
|
25
29
|
"div",
|
|
26
30
|
{
|
|
27
|
-
ref:
|
|
31
|
+
ref: a,
|
|
28
32
|
className: p(
|
|
29
|
-
|
|
33
|
+
k,
|
|
30
34
|
"dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max dgsuikit:z-50",
|
|
31
|
-
|
|
35
|
+
d ? "dgsuikit:opacity-100 dgsuikit:scale-100" : "dgsuikit:opacity-0 dgsuikit:scale-0",
|
|
32
36
|
E[o]
|
|
33
37
|
),
|
|
34
38
|
children: [
|
|
@@ -56,16 +60,16 @@ const O = {
|
|
|
56
60
|
content: n,
|
|
57
61
|
className: i,
|
|
58
62
|
wrapperClassName: s,
|
|
59
|
-
footer:
|
|
63
|
+
footer: k,
|
|
60
64
|
icon: o,
|
|
61
|
-
position:
|
|
62
|
-
title:
|
|
65
|
+
position: d = "top-center",
|
|
66
|
+
title: a,
|
|
63
67
|
disabled: w,
|
|
64
68
|
attachToBody: b
|
|
65
|
-
} = u, [m, f] = N(!1), [S, T] = N(
|
|
66
|
-
initialPosition:
|
|
67
|
-
onPositionChange(
|
|
68
|
-
T((r) => r ===
|
|
69
|
+
} = u, [m, f] = N(!1), [S, T] = N(d), { anchorRef: l, popperRef: v } = M({
|
|
70
|
+
initialPosition: d,
|
|
71
|
+
onPositionChange(e) {
|
|
72
|
+
T((r) => r === e ? r : e);
|
|
69
73
|
}
|
|
70
74
|
});
|
|
71
75
|
function h() {
|
|
@@ -79,18 +83,18 @@ const O = {
|
|
|
79
83
|
{
|
|
80
84
|
ref: v,
|
|
81
85
|
open: m,
|
|
82
|
-
title:
|
|
86
|
+
title: a,
|
|
83
87
|
icon: o,
|
|
84
|
-
footer:
|
|
88
|
+
footer: k,
|
|
85
89
|
className: i,
|
|
86
90
|
position: S,
|
|
87
91
|
content: n
|
|
88
92
|
}
|
|
89
93
|
), P = _(() => {
|
|
90
|
-
if (!
|
|
91
|
-
const { top:
|
|
94
|
+
if (!l.current || !b) return {};
|
|
95
|
+
const { top: e, left: r, width: C, height: I } = l.current.getBoundingClientRect();
|
|
92
96
|
return {
|
|
93
|
-
top: `${
|
|
97
|
+
top: `${e + window.scrollY}px`,
|
|
94
98
|
left: `${r + window.scrollX}px`,
|
|
95
99
|
width: `${C}px`,
|
|
96
100
|
height: `${I}px`
|
|
@@ -99,7 +103,7 @@ const O = {
|
|
|
99
103
|
return /* @__PURE__ */ c(
|
|
100
104
|
"div",
|
|
101
105
|
{
|
|
102
|
-
ref:
|
|
106
|
+
ref: l,
|
|
103
107
|
className: p("dgsuikit:relative", s),
|
|
104
108
|
onMouseEnter: h,
|
|
105
109
|
onTouchStart: h,
|