profinansy-ui-lib 3.2.50 → 3.2.52

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.
@@ -1,10 +1,12 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { IPopup } from '../Popup/Popup.typed';
3
3
  export interface ICard {
4
4
  /**Контент внутри карточки*/
5
5
  children: React.ReactNode;
6
6
  /**Заголовк карточки*/
7
7
  title?: string;
8
+ /** Заголовок как HTML элемент. */
9
+ headerCustom?: ReactNode;
8
10
  /**Classname для карточки*/
9
11
  className?: string;
10
12
  /**Classname для текстового тайтла*/
@@ -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>, "selected" | "active"> & {
46
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
47
47
  active?: boolean;
48
48
  selected?: boolean;
49
49
  }) => Record<string, unknown>;
@@ -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>, "selected" | "active"> & {
45
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
46
46
  active?: boolean;
47
47
  selected?: boolean;
48
48
  }) => Record<string, unknown>;
@@ -3,8 +3,9 @@ import { Placement } from '@floating-ui/react';
3
3
  import { IHint } from './Hint.typed';
4
4
  interface HintOptions {
5
5
  placement?: Placement;
6
+ isClickMobile?: boolean;
6
7
  }
7
- export declare function useHint({ placement }?: HintOptions): {
8
+ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
8
9
  placement: Placement;
9
10
  strategy: import("@floating-ui/utils").Strategy;
10
11
  middlewareData: import("@floating-ui/core").MiddlewareData;
@@ -43,7 +44,7 @@ export declare function useHint({ placement }?: HintOptions): {
43
44
  };
44
45
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
45
46
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
46
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
47
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
47
48
  active?: boolean;
48
49
  selected?: boolean;
49
50
  }) => Record<string, unknown>;
@@ -5,6 +5,8 @@ export interface IHint {
5
5
  placement?: Placement;
6
6
  /**Текст хинта*/
7
7
  text: string;
8
+ /**Должен ли открываться на телефонах по клику*/
9
+ isClickMobile?: boolean;
8
10
  /**Таргет элемент*/
9
11
  children: React.ReactNode;
10
12
  }
@@ -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>, "selected" | "active"> & {
50
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
51
51
  active?: boolean;
52
52
  selected?: boolean;
53
53
  }) => Record<string, unknown>;
@@ -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>, "selected" | "active"> & {
47
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
48
48
  active?: boolean;
49
49
  selected?: boolean;
50
50
  }) => Record<string, unknown>;
package/dist/index.js CHANGED
@@ -5873,7 +5873,7 @@
5873
5873
  font-weight: 400;
5874
5874
  line-height: 16px;
5875
5875
  margin-top: 4px;
5876
- `;t.Subtitle=m},4789: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.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Card=void 0;const l=o(n(8156)),u=n(1608),c=o(n(6324)),s=i(n(4184)),d=n(1197),f=n(1899),p=n(8471),h=(0,l.forwardRef)(((e,t)=>{const{children:n,title:r,subtitle:a,titleLink:o,className:i,classNameTitle:h,classNameHeader:m,isHover:v=!1,hint:g=null,width:b="100%",padding:y="16px",margin:w="0px 0px 16px 0px",rightContent:x,adaptiveRightContent:_}=e,{mode:O}=(0,d.useMode)();return l.default.createElement(u.ThemeProvider,{theme:f.palette[O]},l.default.createElement(c.Container,{margin:w,padding:y,width:b,isHover:v,className:(0,s.default)(i,"card-container"),ref:t},r&&l.default.createElement(c.Header,{isMarginBottom:!!n,className:(0,s.default)(m,"card-header")},l.default.createElement(c.FirstLine,{adaptiveRightContent:_},l.default.createElement(c.TitleContainer,{adaptiveRightContent:_},o?l.default.createElement(c.TitleLink,{href:o,target:"_blank",rel:"noreferrer",className:(0,s.default)(h,"card-title")},l.default.createElement(p.TextWithPopup,{text:r,hint:g})):l.default.createElement(c.Title,{className:(0,s.default)(h,"card-title")},l.default.createElement(p.TextWithPopup,{text:r,hint:g}))),x||null),a&&l.default.createElement(c.Subtitle,null,a)),n))}));t.Card=h},5752:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Card=void 0;var r=n(4789);Object.defineProperty(t,"Card",{enumerable:!0,get:function(){return r.Card}})},9855: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.Element=t.Container=t.NativeInput=void 0;const a=r(n(1608)),o=n(4542),i=n(5492),l=a.default.span`
5876
+ `;t.Subtitle=m},4789: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.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Card=void 0;const l=o(n(8156)),u=n(1608),c=o(n(6324)),s=i(n(4184)),d=n(1197),f=n(1899),p=n(8471),h=(0,l.forwardRef)(((e,t)=>{const{children:n,title:r,headerCustom:a,subtitle:o,titleLink:i,className:h,classNameTitle:m,classNameHeader:v,isHover:g=!1,hint:b=null,width:y="100%",padding:w="16px",margin:x="0px 0px 16px 0px",rightContent:_,adaptiveRightContent:O}=e,{mode:M}=(0,d.useMode)();return l.default.createElement(u.ThemeProvider,{theme:f.palette[M]},l.default.createElement(c.Container,{margin:x,padding:w,width:y,isHover:g,className:(0,s.default)(h,"card-container"),ref:t},a||l.default.createElement(l.default.Fragment,null,r&&l.default.createElement(c.Header,{isMarginBottom:!!n,className:(0,s.default)(v,"card-header")},l.default.createElement(c.FirstLine,{adaptiveRightContent:O},l.default.createElement(c.TitleContainer,{adaptiveRightContent:O},i?l.default.createElement(c.TitleLink,{href:i,target:"_blank",rel:"noreferrer",className:(0,s.default)(m,"card-title")},b?l.default.createElement(p.TextWithPopup,{text:r,hint:b}):r):l.default.createElement(c.Title,{className:(0,s.default)(m,"card-title")},b?l.default.createElement(p.TextWithPopup,{text:r,hint:b}):r)),_||null),o&&l.default.createElement(c.Subtitle,null,o))),n))}));t.Card=h},5752:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Card=void 0;var r=n(4789);Object.defineProperty(t,"Card",{enumerable:!0,get:function(){return r.Card}})},9855: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.Element=t.Container=t.NativeInput=void 0;const a=r(n(1608)),o=n(4542),i=n(5492),l=a.default.span`
5877
5877
  margin: 2px;
5878
5878
  position: relative;
5879
5879
  top: 0;
@@ -6105,7 +6105,7 @@
6105
6105
  padding: 4px 8px;
6106
6106
  word-break: break-word;
6107
6107
  overflow-wrap: break-word;
6108
- `},3506: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=t.useHint=void 0;const l=o(n(8156)),u=n(5025),c=o(n(2572)),s=n(5492),d=n(98),f=n(8287);function p({placement:e="bottom"}={}){const[t,n]=l.default.useState(!1),r=(0,l.useRef)(null),a=(0,u.useFloating)({placement:e,open:t,onOpenChange:n,whileElementsMounted:u.autoUpdate,middleware:[(0,u.arrow)({element:r}),(0,u.offset)(10),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"start",padding:5}),(0,u.shift)({padding:5})]});(0,l.useEffect)((()=>{if(a.middlewareData.arrow&&a.middlewareData.shift&&r.current){const{x:e,y:t}=a.middlewareData.arrow;Object.assign(r.current.style,{left:e-a.middlewareData.shift.x+"px",top:t-a.middlewareData.shift.y+"px"})}}),[a]);const o=a.context,{device:i}=(0,f.useGetDevice)(),c=(0,u.useHover)(o,{enabled:"desktop"===i,move:!1,mouseOnly:!0,delay:{open:300,close:0}}),s=(0,u.useFocus)(o),d=(0,u.useDismiss)(o),p=(0,u.useRole)(o,{role:"tooltip"}),h=(0,u.useInteractions)([c,s,d,p]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:r,open:t,setOpen:n},h),a)),[t,n,h,a,r])}t.useHint=p;const h=l.default.createContext(null);t.Hint=e=>{var{text:t,children:n}=e;const r=p(i(e,["text","children"]));return l.default.createElement(h.Provider,{value:r},l.default.createElement(m,null,n),l.default.createElement(v,null,t))};const m=l.default.forwardRef((function(e,t){var{children:n}=e,r=i(e,["children"]);const a=l.default.useContext(h),o=(0,u.useMergeRefs)([a.refs.setReference,t]);if(l.default.isValidElement(n))return l.default.cloneElement(n,a.getReferenceProps(Object.assign(Object.assign(Object.assign({ref:o},r),n.props),{"data-state":a.open?"open":"closed"})))})),v=l.default.forwardRef((function(e,t){const n=l.default.useContext(h),r=(0,u.useMergeRefs)([n.refs.setFloating,t]),{styles:a}=(0,u.useTransitionStyles)(n.context,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}}),o=null==n?void 0:n.placement.split("-")[0];return n.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement("div",Object.assign({ref:r,style:Object.assign({zIndex:d.zIndex.zIndex8},n.floatingStyles)},n.getFloatingProps(e)),l.default.createElement(c.Tooltip,{style:a,position:o},l.default.createElement(u.FloatingArrow,{ref:n.arrowRef,context:n.context,tipRadius:2,fill:"#444"}),l.default.createElement(s.Typography,{variant:"description-Regular",tag:"span"},e.children)))):null}))},9254:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=void 0;var r=n(3506);Object.defineProperty(t,"Hint",{enumerable:!0,get:function(){return r.Hint}})},7972:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RegexPattern=void 0,t.RegexPattern={NUMBER:/[^0-9]/gi,FLOAT_NUMBER:/[^0-9бБ,]/gi}},2040: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Input=t.RightText=t.Icon=t.Content=t.Container=void 0;const i=o(n(1608));t.Container=i.default.div`
6108
+ `},3506: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=t.useHint=void 0;const l=o(n(8156)),u=n(5025),c=o(n(2572)),s=n(5492),d=n(98),f=n(8287);function p({placement:e="bottom",isClickMobile:t=!1}={}){const[n,r]=l.default.useState(!1),a=(0,l.useRef)(null),o=(0,u.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:u.autoUpdate,middleware:[(0,u.arrow)({element:a}),(0,u.offset)(10),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"start",padding:5}),(0,u.shift)({padding:5})]});(0,l.useEffect)((()=>{if(o.middlewareData.arrow&&o.middlewareData.shift&&a.current){const{x:e,y:t}=o.middlewareData.arrow;Object.assign(a.current.style,{left:e-o.middlewareData.shift.x+"px",top:t-o.middlewareData.shift.y+"px"})}}),[o]);const i=o.context,{device:c}=(0,f.useGetDevice)(),s=(0,u.useHover)(i,{enabled:"desktop"===c,move:!1,mouseOnly:!0,delay:{open:300,close:0}}),d=(0,u.useFocus)(i),p=(0,u.useDismiss)(i),h=(0,u.useRole)(i,{role:"tooltip"}),m=(0,u.useClick)(i,{enabled:"mobile"===c&&t}),v=(0,u.useInteractions)([s,m,d,p,h]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:a,open:n,setOpen:r},v),o)),[n,r,v,o,a])}t.useHint=p;const h=l.default.createContext(null);t.Hint=e=>{var{text:t,children:n}=e;const r=p(i(e,["text","children"]));return l.default.createElement(h.Provider,{value:r},l.default.createElement(m,null,n),l.default.createElement(v,null,t))};const m=l.default.forwardRef((function(e,t){var{children:n}=e,r=i(e,["children"]);const a=l.default.useContext(h),o=(0,u.useMergeRefs)([a.refs.setReference,t]);if(l.default.isValidElement(n))return l.default.cloneElement(n,a.getReferenceProps(Object.assign(Object.assign(Object.assign({ref:o},r),n.props),{"data-state":a.open?"open":"closed"})))})),v=l.default.forwardRef((function(e,t){const n=l.default.useContext(h),r=(0,u.useMergeRefs)([n.refs.setFloating,t]),{styles:a}=(0,u.useTransitionStyles)(n.context,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}}),o=null==n?void 0:n.placement.split("-")[0];return n.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement("div",Object.assign({ref:r,style:Object.assign({zIndex:d.zIndex.zIndex8},n.floatingStyles)},n.getFloatingProps(e)),l.default.createElement(c.Tooltip,{style:a,position:o},l.default.createElement(u.FloatingArrow,{ref:n.arrowRef,context:n.context,tipRadius:2,fill:"#444"}),l.default.createElement(s.Typography,{variant:"description-Regular",tag:"span"},e.children)))):null}))},9254:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=void 0;var r=n(3506);Object.defineProperty(t,"Hint",{enumerable:!0,get:function(){return r.Hint}})},7972:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RegexPattern=void 0,t.RegexPattern={NUMBER:/[^0-9]/gi,FLOAT_NUMBER:/[^0-9бБ,]/gi}},2040: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Input=t.RightText=t.Icon=t.Content=t.Container=void 0;const i=o(n(1608));t.Container=i.default.div`
6109
6109
  width: 100%;
6110
6110
  `,t.Content=i.default.div`
6111
6111
  position: relative;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "profinansy-ui-lib",
3
- "version": "3.2.50",
3
+ "version": "3.2.52",
4
4
  "main": "./dist/index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {