profinansy-ui-lib 3.1.80 → 3.1.81

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.
Files changed (5) hide show
  1. package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +2 -2
  2. package/dist/components/uikit/Hint/Hint.d.ts +2 -2
  3. package/dist/components/uikit/Popup/Popup.d.ts +2 -2
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
package/dist/components/uikit/FilterButton/Drop/Drop.d.ts CHANGED
@@ -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>, "active" | "selected"> & {
45
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
46
46
  active?: boolean;
47
47
  selected?: boolean;
48
48
  }) => Record<string, unknown>;
package/dist/components/uikit/Hint/Hint.d.ts CHANGED
@@ -25,9 +25,9 @@ export declare function useHint({ placement }?: HintOptions): {
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 useHint({ placement }?: HintOptions): {
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>, "active" | "selected"> & {
46
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
47
47
  active?: boolean;
48
48
  selected?: boolean;
49
49
  }) => Record<string, unknown>;
package/dist/components/uikit/Popup/Popup.d.ts CHANGED
@@ -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>, "active" | "selected"> & {
50
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
51
51
  active?: boolean;
52
52
  selected?: boolean;
53
53
  }) => Record<string, unknown>;
package/dist/index.js CHANGED
@@ -3003,7 +3003,7 @@
3003
3003
  :hover {
3004
3004
  opacity: 0.8;
3005
3005
  }
3006
- `;t.Hint=m},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}),o=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},i=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=t.PopupContent=t.PopupTrigger=t.usePopup=void 0;const u=o(n(8156)),c=o(n(5939)),s=l(n(5603)),d=n(5025),f=n(6298),p=n(2851),h=n(1608),m=n(1899),v=n(1197),g=n(550),b=n(5568);function y({placement:e="bottom",isHover:t=!1}){const[n,r]=(0,u.useState)(!1),[a,o]=(0,u.useState)(),[i,l]=(0,u.useState)(),c=(0,u.useRef)(null),s=(0,d.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:d.autoUpdate,middleware:[(0,d.arrow)({element:c}),(0,d.offset)(10),(0,d.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,d.shift)({padding:10})]});(0,u.useEffect)((()=>{const e=()=>{s.refs.reference.current&&s.refs.reference.current.getBoundingClientRect().y<60&&r(!1)};return n&&window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)}),[n]),(0,u.useEffect)((()=>{if(s.middlewareData.arrow&&s.middlewareData.shift&&c.current){const{x:e,y:t}=s.middlewareData.arrow,n=null==f?void 0:f.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-s.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-s.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(c.current.style,r)}}),[s]);const f=s.context,p=(0,d.useHover)(f,{enabled:t,move:!1,delay:{open:300,close:0}}),h=(0,d.useClick)(f,{enabled:!t}),m=(0,d.useDismiss)(f),v=(0,d.useRole)(f),g=(0,d.useInteractions)([m,v,h,p]);return u.default.useMemo((()=>Object.assign(Object.assign(Object.assign({arrowRef:c,open:n,setOpen:r},g),s),{labelId:a,descriptionId:i,setLabelId:o,setDescriptionId:l})),[n,r,g,s,a,i,c])}t.usePopup=y;const w=u.default.createContext(null);t.Popup=e=>{var{content:n}=e,r=i(e,["content"]);const a=y(Object.assign({},r));return u.default.createElement(w.Provider,{value:a},u.default.createElement(t.PopupTrigger,{isText:r.isText,targetElement:r.targetElement,targetClass:r.targetClass}),u.default.createElement(t.PopupContent,{content:n}))},t.PopupTrigger=({isText:e,targetElement:t,targetClass:n})=>{const r=(0,u.useContext)(w),a=(0,d.useMergeRefs)([r.refs.setReference]);return t&&u.default.isValidElement(t)?u.default.cloneElement(t,r.getReferenceProps(Object.assign(Object.assign({ref:a},t.props),{"data-state":r.open?"open":"closed"}))):u.default.createElement(c.Trigger,Object.assign({className:n,ref:a,type:"button","data-state":r.open?"open":"closed"},r.getReferenceProps()),e?u.default.createElement(c.Text,null,"Как это работает?"):u.default.createElement(c.Hint,null))},t.PopupContent=({content:e})=>{const[t,n]=(0,u.useState)(!1),r=(0,u.useContext)(w),{context:a,setLabelId:o,setDescriptionId:l}=r,y=i(r,["context","setLabelId","setDescriptionId"]),x=(0,d.useMergeRefs)([y.refs.setFloating]),_=(0,d.useId)(),O=(0,d.useId)(),[M,k,E,P]=null!=e?e:[],{link:j}=(0,p.useGetVideoLink)({videoLink:P}),{xs:C}=(0,g.useBreakpoints)(),{mode:T}=(0,v.useMode)();(0,b.useIsomorphicLayoutEffect)((()=>(o(_),l(O),()=>{o(void 0),l(void 0)})),[_,O,o,l]);const S={padding:"0px",background:"transparent",maxWidth:"960px",maxHeight:C?"250px":"540px",width:"100%",height:"100%",overflow:"hidden"},{styles:D}=(0,d.useTransitionStyles)(a,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return a.open?u.default.createElement(d.FloatingPortal,null,u.default.createElement(d.FloatingFocusManager,{context:a,modal:!1},u.default.createElement("div",Object.assign({ref:x,style:Object.assign({zIndex:999999},y.floatingStyles),"aria-labelledby":y.labelId,"aria-describedby":y.descriptionId},y.getFloatingProps()),u.default.createElement(h.ThemeProvider,{theme:m.palette[T]},u.default.createElement("div",{style:D},u.default.createElement(c.Tooltip,null,u.default.createElement(d.FloatingArrow,{ref:y.arrowRef,context:a,tipRadius:2,stroke:"#f0f0f0",strokeWidth:"light"===T?1:0,fill:m.palette[T].background.field}),u.default.createElement(c.Content,null,u.default.createElement(c.Close,{onClick:()=>y.setOpen(!1)},u.default.createElement(s.default,null)),u.default.createElement(c.Title,{id:_,dangerouslySetInnerHTML:{__html:M||""}}),!!P&&u.default.createElement(c.PlayBtn,{onClick:()=>n(!0)},u.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),u.default.createElement(c.Description,{id:O,dangerouslySetInnerHTML:{__html:k||""}}),E&&u.default.createElement(c.Link,{href:E,target:"_blank",rel:"noreferrer"},"Подробнее..."))))),u.default.createElement(f.Modal,{open:t,styleContent:S,styleWrapper:{zIndex:3e5},onClose:()=>{n(!1)}},u.default.createElement(c.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=document.querySelector(`#${e}`),r=t||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return t||document.body.appendChild(r),n(r),()=>{n(null),r.childElementCount||r.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)),o=n(4542),i=n(5492);t.Element=a.default.span`
3006
+ `;t.Hint=m},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}),o=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},i=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=t.PopupContent=t.PopupTrigger=t.usePopup=void 0;const u=o(n(8156)),c=o(n(5939)),s=l(n(5603)),d=n(5025),f=n(6298),p=n(2851),h=n(1608),m=n(1899),v=n(1197),g=n(550),b=n(5568);function y({placement:e="bottom",isHover:t=!1}){const[n,r]=(0,u.useState)(!1),[a,o]=(0,u.useState)(),[i,l]=(0,u.useState)(),c=(0,u.useRef)(null),s=(0,d.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:d.autoUpdate,middleware:[(0,d.arrow)({element:c}),(0,d.offset)(10),(0,d.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,d.shift)({padding:10})]});(0,u.useEffect)((()=>{const e=()=>{s.refs.reference.current&&s.refs.reference.current.getBoundingClientRect().y<60&&r(!1)};return n&&window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)}),[n]),(0,u.useEffect)((()=>{if(s.middlewareData.arrow&&s.middlewareData.shift&&c.current){const{x:e,y:t}=s.middlewareData.arrow,n=null==f?void 0:f.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-s.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-s.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(c.current.style,r)}}),[s]);const f=s.context,p=(0,d.useHover)(f,{enabled:t,move:!1,delay:{open:300,close:0}}),h=(0,d.useClick)(f,{enabled:!t}),m=(0,d.useDismiss)(f),v=(0,d.useRole)(f),g=(0,d.useInteractions)([m,v,h,p]);return u.default.useMemo((()=>Object.assign(Object.assign(Object.assign({arrowRef:c,open:n,setOpen:r},g),s),{labelId:a,descriptionId:i,setLabelId:o,setDescriptionId:l})),[n,r,g,s,a,i,c])}t.usePopup=y;const w=u.default.createContext(null);t.Popup=e=>{var{content:n}=e,r=i(e,["content"]);const a=y(Object.assign({},r));return u.default.createElement(w.Provider,{value:a},u.default.createElement("span",{onClick:e=>e.stopPropagation()},u.default.createElement(t.PopupTrigger,{isText:r.isText,targetElement:r.targetElement,targetClass:r.targetClass}),u.default.createElement(t.PopupContent,{content:n})))},t.PopupTrigger=({isText:e,targetElement:t,targetClass:n})=>{const r=(0,u.useContext)(w),a=(0,d.useMergeRefs)([r.refs.setReference]);return t&&u.default.isValidElement(t)?u.default.cloneElement(t,r.getReferenceProps(Object.assign(Object.assign({ref:a},t.props),{"data-state":r.open?"open":"closed"}))):u.default.createElement(c.Trigger,Object.assign({className:n,ref:a,type:"button","data-state":r.open?"open":"closed"},r.getReferenceProps()),e?u.default.createElement(c.Text,null,"Как это работает?"):u.default.createElement(c.Hint,null))},t.PopupContent=({content:e})=>{const[t,n]=(0,u.useState)(!1),r=(0,u.useContext)(w),{context:a,setLabelId:o,setDescriptionId:l}=r,y=i(r,["context","setLabelId","setDescriptionId"]),x=(0,d.useMergeRefs)([y.refs.setFloating]),_=(0,d.useId)(),O=(0,d.useId)(),[M,k,E,P]=null!=e?e:[],{link:j}=(0,p.useGetVideoLink)({videoLink:P}),{xs:C}=(0,g.useBreakpoints)(),{mode:T}=(0,v.useMode)();(0,b.useIsomorphicLayoutEffect)((()=>(o(_),l(O),()=>{o(void 0),l(void 0)})),[_,O,o,l]);const S={padding:"0px",background:"transparent",maxWidth:"960px",maxHeight:C?"250px":"540px",width:"100%",height:"100%",overflow:"hidden"},{styles:D}=(0,d.useTransitionStyles)(a,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return a.open?u.default.createElement(d.FloatingPortal,null,u.default.createElement(d.FloatingFocusManager,{context:a,modal:!1},u.default.createElement("div",Object.assign({ref:x,style:Object.assign({zIndex:999999},y.floatingStyles),"aria-labelledby":y.labelId,"aria-describedby":y.descriptionId},y.getFloatingProps()),u.default.createElement(h.ThemeProvider,{theme:m.palette[T]},u.default.createElement("div",{style:D},u.default.createElement(c.Tooltip,null,u.default.createElement(d.FloatingArrow,{ref:y.arrowRef,context:a,tipRadius:2,stroke:"#f0f0f0",strokeWidth:"light"===T?1:0,fill:m.palette[T].background.field}),u.default.createElement(c.Content,null,u.default.createElement(c.Close,{onClick:()=>y.setOpen(!1)},u.default.createElement(s.default,null)),u.default.createElement(c.Title,{id:_,dangerouslySetInnerHTML:{__html:M||""}}),!!P&&u.default.createElement(c.PlayBtn,{onClick:()=>n(!0)},u.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),u.default.createElement(c.Description,{id:O,dangerouslySetInnerHTML:{__html:k||""}}),E&&u.default.createElement(c.Link,{href:E,target:"_blank",rel:"noreferrer"},"Подробнее..."))))),u.default.createElement(f.Modal,{open:t,styleContent:S,styleWrapper:{zIndex:3e5},onClose:()=>{n(!1)}},u.default.createElement(c.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=document.querySelector(`#${e}`),r=t||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return t||document.body.appendChild(r),n(r),()=>{n(null),r.childElementCount||r.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)),o=n(4542),i=n(5492);t.Element=a.default.span`
3007
3007
  position: relative;
3008
3008
  top: 0;
3009
3009
  left: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "profinansy-ui-lib",
3
- "version": "3.1.80",
3
+ "version": "3.1.81",
4
4
  "main": "./dist/index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {