profinansy-ui-lib 3.3.86 → 3.3.88
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/components/uikit/Dropdown/Dropdown.d.ts +2 -2
- package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +2 -2
- package/dist/components/uikit/Hint/Hint.d.ts +2 -2
- package/dist/components/uikit/Popup/Popup.d.ts +2 -2
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +2 -2
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -25,9 +25,9 @@ export declare function useDrop({ placement, onOpenList }: {
|
|
|
25
25
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
26
26
|
context: {
|
|
27
27
|
placement: Placement;
|
|
28
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
28
29
|
x: number;
|
|
29
30
|
y: number;
|
|
30
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
31
31
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
32
32
|
isPositioned: boolean;
|
|
33
33
|
update: () => void;
|
|
@@ -43,7 +43,7 @@ export declare function useDrop({ placement, onOpenList }: {
|
|
|
43
43
|
};
|
|
44
44
|
getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
|
|
45
45
|
getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
46
|
-
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "
|
|
46
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
|
|
47
47
|
active?: boolean;
|
|
48
48
|
selected?: boolean;
|
|
49
49
|
}) => Record<string, unknown>;
|
|
@@ -24,9 +24,9 @@ export declare function useDrop({ placement }: {
|
|
|
24
24
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
25
25
|
context: {
|
|
26
26
|
placement: Placement;
|
|
27
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
27
28
|
x: number;
|
|
28
29
|
y: number;
|
|
29
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
30
30
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
31
31
|
isPositioned: boolean;
|
|
32
32
|
update: () => void;
|
|
@@ -42,7 +42,7 @@ export declare function useDrop({ placement }: {
|
|
|
42
42
|
};
|
|
43
43
|
getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
|
|
44
44
|
getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
45
|
-
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "
|
|
45
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
|
|
46
46
|
active?: boolean;
|
|
47
47
|
selected?: boolean;
|
|
48
48
|
}) => Record<string, unknown>;
|
|
@@ -26,9 +26,9 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
|
|
|
26
26
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
27
27
|
context: {
|
|
28
28
|
placement: Placement;
|
|
29
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
29
30
|
x: number;
|
|
30
31
|
y: number;
|
|
31
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
32
32
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
33
33
|
isPositioned: boolean;
|
|
34
34
|
update: () => void;
|
|
@@ -44,7 +44,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
|
|
|
44
44
|
};
|
|
45
45
|
getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
|
|
46
46
|
getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
47
|
-
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "
|
|
47
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
|
|
48
48
|
active?: boolean;
|
|
49
49
|
selected?: boolean;
|
|
50
50
|
}) => Record<string, unknown>;
|
|
@@ -29,9 +29,9 @@ export declare function usePopup({ placement, isHover }: {
|
|
|
29
29
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
30
30
|
context: {
|
|
31
31
|
placement: Placement;
|
|
32
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
32
33
|
x: number;
|
|
33
34
|
y: number;
|
|
34
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
35
35
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
36
36
|
isPositioned: boolean;
|
|
37
37
|
update: () => void;
|
|
@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
|
|
|
47
47
|
};
|
|
48
48
|
getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
|
|
49
49
|
getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
50
|
-
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "
|
|
50
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
|
|
51
51
|
active?: boolean;
|
|
52
52
|
selected?: boolean;
|
|
53
53
|
}) => Record<string, unknown>;
|
|
@@ -26,9 +26,9 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
|
|
|
26
26
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
27
27
|
context: {
|
|
28
28
|
placement: Placement;
|
|
29
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
29
30
|
x: number;
|
|
30
31
|
y: number;
|
|
31
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
32
32
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
33
33
|
isPositioned: boolean;
|
|
34
34
|
update: () => void;
|
|
@@ -44,7 +44,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
|
|
|
44
44
|
};
|
|
45
45
|
getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
|
|
46
46
|
getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
47
|
-
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "
|
|
47
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
|
|
48
48
|
active?: boolean;
|
|
49
49
|
selected?: boolean;
|
|
50
50
|
}) => Record<string, unknown>;
|
package/dist/index.js
CHANGED
|
@@ -7199,7 +7199,7 @@
|
|
|
7199
7199
|
:hover {
|
|
7200
7200
|
opacity: 0.8;
|
|
7201
7201
|
}
|
|
7202
|
-
`;t.Hint=x},7896:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=t.PopupContent=t.PopupTrigger=t.usePopup=void 0;const l=i(n(8156)),u=i(n(5939)),s=n(5025),c=n(
|
|
7202
|
+
`;t.Hint=x},7896:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=t.PopupContent=t.PopupTrigger=t.usePopup=void 0;const l=i(n(8156)),u=i(n(5939)),s=n(5025),c=n(6298),d=n(2851),f=n(1608),m=n(1899),h=n(1197),p=n(550),g=n(5568),v=n(98),b=n(1230),y=n(5492);function w({placement:e="bottom",isHover:t=!1}){const[n,r]=(0,l.useState)(!1),[a,i]=(0,l.useState)(),[o,u]=(0,l.useState)(),c=(0,l.useRef)(null),d=(0,s.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:s.autoUpdate,middleware:[(0,s.arrow)({element:c}),(0,s.offset)(10),(0,s.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,s.shift)({padding:10})]});(0,l.useEffect)((()=>{const e=()=>{d.refs.reference.current&&d.refs.reference.current.getBoundingClientRect().y<60&&r(!1)};return n&&window.addEventListener("scroll",(0,b.debounce)(e,300)),()=>window.removeEventListener("scroll",e)}),[n]),(0,l.useEffect)((()=>{if(d.middlewareData.arrow&&d.middlewareData.shift&&c.current){const{x:e,y:t}=d.middlewareData.arrow,n=null==f?void 0:f.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-d.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-d.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(c.current.style,r)}}),[d]);const f=d.context,m=(0,s.useHover)(f,{enabled:t,move:!1,delay:{open:300,close:0}}),h=(0,s.useClick)(f,{enabled:!t}),p=(0,s.useDismiss)(f),g=(0,s.useRole)(f),v=(0,s.useInteractions)([p,g,h,m]);return l.default.useMemo((()=>Object.assign(Object.assign(Object.assign({arrowRef:c,open:n,setOpen:r},v),d),{labelId:a,descriptionId:o,setLabelId:i,setDescriptionId:u})),[n,r,v,d,a,o,c])}t.usePopup=w;const x=l.default.createContext(null);t.Popup=e=>{var{content:n}=e,r=o(e,["content"]);const a=w(Object.assign({},r));return l.default.createElement(x.Provider,{value:a},l.default.createElement("div",{onClick:e=>e.stopPropagation()},l.default.createElement(t.PopupTrigger,{isText:r.isText,targetElement:r.targetElement,targetClass:r.targetClass}),l.default.createElement(t.PopupContent,{content:n})))},t.PopupTrigger=({isText:e,targetElement:t,targetClass:n})=>{const r=(0,l.useContext)(x),a=(0,s.useMergeRefs)([r.refs.setReference]);return t&&l.default.isValidElement(t)?l.default.cloneElement(t,r.getReferenceProps(Object.assign(Object.assign({ref:a},t.props),{"data-state":r.open?"open":"closed"}))):l.default.createElement(u.Trigger,Object.assign({className:n,ref:a,type:"button","data-state":r.open?"open":"closed"},r.getReferenceProps()),e?l.default.createElement(l.default.Fragment,null,l.default.createElement(u.Text,null,l.default.createElement(y.Typography,{variant:"caption2-SemiBold",tag:"span"},"Как это работает?")),l.default.createElement(u.TextHintOnMobile,null)):l.default.createElement(u.Hint,null))},t.PopupContent=({content:e})=>{const[t,n]=(0,l.useState)(!1),r=(0,l.useContext)(x),{context:a,setLabelId:i,setDescriptionId:b}=r,y=o(r,["context","setLabelId","setDescriptionId"]),w=(0,s.useMergeRefs)([y.refs.setFloating]),M=(0,s.useId)(),_=(0,s.useId)(),[k,P,O,E]=null!=e?e:[],{link:j}=(0,d.useGetVideoLink)({videoLink:E}),{xs:S}=(0,p.useBreakpoints)(),{mode:C}=(0,h.useMode)();(0,g.useIsomorphicLayoutEffect)((()=>(i(M),b(_),()=>{i(void 0),b(void 0)})),[M,_,i,b]);const T={padding:"0px",background:"transparent",maxWidth:"700px",maxHeight:S?"400px":"540px",width:"100%",height:"100%"},{styles:D}=(0,s.useTransitionStyles)(a,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return a.open?l.default.createElement(s.FloatingPortal,null,l.default.createElement(s.FloatingFocusManager,{context:a,modal:!1},l.default.createElement("div",Object.assign({ref:w,style:Object.assign({zIndex:v.zIndex.zIndex8},y.floatingStyles),"aria-labelledby":y.labelId,"aria-describedby":y.descriptionId},y.getFloatingProps()),l.default.createElement(f.ThemeProvider,{theme:m.palette[C]},l.default.createElement("div",{style:D},l.default.createElement(u.Tooltip,{mode:C},l.default.createElement(u.Content,null,l.default.createElement(u.Title,{id:M,dangerouslySetInnerHTML:{__html:k||""}}),!!E&&l.default.createElement(u.PlayBtn,{onClick:()=>n(!0)},l.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),l.default.createElement(u.Description,{id:_,dangerouslySetInnerHTML:{__html:P||""}}),O&&l.default.createElement(u.Link,{href:O,target:"_blank",rel:"noreferrer"},"Подробнее..."))))),l.default.createElement(c.Modal,{open:t,styleContent:T,styleContentInside:{padding:"0px"},styleWrapper:{zIndex:3e5},onClose:()=>{n(!1)}},l.default.createElement(u.IframeWrapper,null,l.default.createElement(u.Ifram,{src:j,allowFullScreen:!0})))))):null}},8911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(7896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},7537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(3935),a=n(5171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},3848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(7537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},5171:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePortal=void 0;const r=n(8156);t.usePortal=e=>{const[t,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{const t=e?e.replace(/:/g,"\\:"):e,r=document.querySelector(`#${t}`),a=r||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return r||document.body.appendChild(a),n(a),()=>{n(null),a.childElementCount||a.remove()}}),[e]),t}},896:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Text=t.NativeInput=t.Container=t.Element=void 0;const a=r(n(1608)),i=n(4542),o=n(5492);t.Element=a.default.span`
|
|
7203
7203
|
position: relative;
|
|
7204
7204
|
top: 0;
|
|
7205
7205
|
left: 0;
|