profinansy-ui-lib 3.1.70 → 3.1.71
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,12 +1,15 @@
|
|
|
1
|
+
import { IInput } from './Input.typed';
|
|
1
2
|
export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
3
|
export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
4
|
export declare const Icon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
|
4
5
|
iconBorder: boolean;
|
|
6
|
+
positionContent: IInput['positionIcon'];
|
|
5
7
|
} & {
|
|
6
8
|
iconBorder: boolean;
|
|
7
9
|
}, never>;
|
|
8
10
|
export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
|
9
11
|
iconBorder: boolean;
|
|
12
|
+
positionContent: IInput['positionIcon'];
|
|
10
13
|
} & {
|
|
11
14
|
iconBorder: boolean;
|
|
12
15
|
rightTextColor: string;
|
|
@@ -14,4 +17,5 @@ export declare const RightText: import("styled-components").StyledComponent<"spa
|
|
|
14
17
|
export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
|
|
15
18
|
icon: boolean;
|
|
16
19
|
error: boolean;
|
|
20
|
+
positionIcon: IInput['positionIcon'];
|
|
17
21
|
}, never>;
|
package/dist/index.js
CHANGED
|
@@ -2436,32 +2436,37 @@
|
|
|
2436
2436
|
padding: 4px 8px;
|
|
2437
2437
|
word-break: break-word;
|
|
2438
2438
|
overflow-wrap: break-word;
|
|
2439
|
-
`},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);function d({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,i=(0,u.useHover)(o,{move:!1,mouseOnly:!0,delay:{open:300,close:0}}),c=(0,u.useFocus)(o),s=(0,u.useDismiss)(o),d=(0,u.useRole)(o,{role:"tooltip"}),f=(0,u.useInteractions)([i,c,s,d]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:r,open:t,setOpen:n},f),a)),[t,n,f,a,r])}t.useHint=d;const f=l.default.createContext(null);t.Hint=e=>{var{text:t,children:n}=e;const r=d(i(e,["text","children"]));return l.default.createElement(f.Provider,{value:r},l.default.createElement(p,null,n),l.default.createElement(h,null,t))};const p=l.default.forwardRef((function(e,t){var{children:n}=e,r=i(e,["children"]);const a=l.default.useContext(f),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"})))})),h=l.default.forwardRef((function(e,t){const n=l.default.useContext(f),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:1e4},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.
|
|
2439
|
+
`},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);function d({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,i=(0,u.useHover)(o,{move:!1,mouseOnly:!0,delay:{open:300,close:0}}),c=(0,u.useFocus)(o),s=(0,u.useDismiss)(o),d=(0,u.useRole)(o,{role:"tooltip"}),f=(0,u.useInteractions)([i,c,s,d]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:r,open:t,setOpen:n},f),a)),[t,n,f,a,r])}t.useHint=d;const f=l.default.createContext(null);t.Hint=e=>{var{text:t,children:n}=e;const r=d(i(e,["text","children"]));return l.default.createElement(f.Provider,{value:r},l.default.createElement(p,null,n),l.default.createElement(h,null,t))};const p=l.default.forwardRef((function(e,t){var{children:n}=e,r=i(e,["children"]);const a=l.default.useContext(f),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"})))})),h=l.default.forwardRef((function(e,t){const n=l.default.useContext(f),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:1e4},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`
|
|
2440
2440
|
width: 100%;
|
|
2441
|
-
`,t.Content=
|
|
2441
|
+
`,t.Content=i.default.div`
|
|
2442
2442
|
position: relative;
|
|
2443
2443
|
width: 100%;
|
|
2444
|
-
`;const
|
|
2444
|
+
`;const l=i.default.span`
|
|
2445
2445
|
position: absolute;
|
|
2446
2446
|
top: 8px;
|
|
2447
|
-
right: 0;
|
|
2448
2447
|
height: 28px;
|
|
2449
2448
|
width: 44px;
|
|
2450
2449
|
display: flex;
|
|
2451
|
-
border-left: ${e=>e.iconBorder?`1px dashed ${e.theme.stroke.primary}`:"none"};
|
|
2452
2450
|
align-items: center;
|
|
2453
2451
|
justify-content: center;
|
|
2454
|
-
|
|
2452
|
+
${({positionContent:e,iconBorder:t})=>"right"===e?i.css`
|
|
2453
|
+
right: 0;
|
|
2454
|
+
border-left: ${e=>t?`1px dashed ${e.theme.stroke.primary}`:"none"};
|
|
2455
|
+
`:i.css`
|
|
2456
|
+
left: 0;
|
|
2457
|
+
border-right: ${e=>t?`1px dashed ${e.theme.stroke.primary}`:"none"};
|
|
2458
|
+
`}
|
|
2459
|
+
`;t.Icon=(0,i.default)(l)`
|
|
2455
2460
|
& path {
|
|
2456
|
-
fill: ${e=>e.theme.icons.
|
|
2461
|
+
fill: ${e=>e.theme.icons.secondary};
|
|
2457
2462
|
}
|
|
2458
|
-
`,t.RightText=(0,
|
|
2463
|
+
`,t.RightText=(0,i.default)(l)`
|
|
2459
2464
|
font-size: 13px;
|
|
2460
2465
|
font-weight: 500;
|
|
2461
2466
|
line-height: 16px;
|
|
2462
2467
|
color: ${e=>e.rightTextColor||e.theme.text.primary};
|
|
2463
2468
|
font-family: Manrope, sans-serif;
|
|
2464
|
-
`,t.Input=
|
|
2469
|
+
`,t.Input=i.default.input`
|
|
2465
2470
|
font-family: Manrope, sans-serif;
|
|
2466
2471
|
font-size: 15px;
|
|
2467
2472
|
line-height: 20px;
|
|
@@ -2470,7 +2475,8 @@
|
|
|
2470
2475
|
width: 100%;
|
|
2471
2476
|
padding: 11px 12px;
|
|
2472
2477
|
height: 44px;
|
|
2473
|
-
padding-
|
|
2478
|
+
padding-left: ${e=>e.icon&&"left"===e.positionIcon?"44px":"12px"};
|
|
2479
|
+
padding-right: ${e=>e.icon&&"right"===e.positionIcon?"48px":"12px"};
|
|
2474
2480
|
border-radius: 8px;
|
|
2475
2481
|
background: ${e=>e.theme.background.field};
|
|
2476
2482
|
border: 0.8px solid
|
|
@@ -2505,7 +2511,7 @@
|
|
|
2505
2511
|
font-size: 16px;
|
|
2506
2512
|
}
|
|
2507
2513
|
}
|
|
2508
|
-
`},9098: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.Input=void 0;const l=o(n(8156)),u=n(8344),c=n(7972),s=n(3413),d=o(n(2040)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899),v=(0,l.forwardRef)(((e,t)=>{const{placeholder:n,name:r,type:a="text",readonly:o=!1,autoFocus:i=!1,disabled:v=!1,maxLength:g,error:b,icon:y,rightText:w,rightTextColor:x,onChange:_,onFocus:O,onBlur:M,onKeyDown:k,onClick:E,autoComplete:P="off",value:C,inputClassName:j,pattern:T,iconBorder:S=!1,numAfterDot:D=3}=e,[
|
|
2514
|
+
`},9098: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.Input=void 0;const l=o(n(8156)),u=n(8344),c=n(7972),s=n(3413),d=o(n(2040)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899),v=(0,l.forwardRef)(((e,t)=>{const{placeholder:n,name:r,type:a="text",readonly:o=!1,autoFocus:i=!1,disabled:v=!1,maxLength:g,error:b,icon:y,rightText:w,rightTextColor:x,onChange:_,onFocus:O,onBlur:M,onKeyDown:k,onClick:E,autoComplete:P="off",value:C,inputClassName:j,pattern:T,iconBorder:S=!1,numAfterDot:D=3,positionIcon:B="right"}=e,[L,R]=(0,l.useState)(C||"");(0,l.useEffect)((()=>{let e=C;T===c.RegexPattern.NUMBER&&C&&(e=(0,s.numberWithSpaces)(C)),T===c.RegexPattern.FLOAT_NUMBER&&C&&(e=(0,s.numberWithSpaces)(C.toString().replace(".",","))),R(e)}),[C]);const{mode:I}=(0,h.useMode)();return l.default.createElement(p.ThemeProvider,{theme:m.palette[I]},l.default.createElement(d.Container,{className:(0,f.default)("input-container")},l.default.createElement(d.Content,null,l.default.createElement(d.Input,{ref:t,autoFocus:i,maxLength:g,readOnly:o,disabled:v,type:a,value:L,name:r,className:(0,f.default)("input",j),placeholder:n||"",onChange:e=>{let t=e.target.value;const n=T===c.RegexPattern.NUMBER||T===c.RegexPattern.FLOAT_NUMBER;let r="";if(T){if(t=t.replace(T,""),T===c.RegexPattern.NUMBER&&(r=t.replace(/,/g,"."),t=(0,s.numberWithSpaces)(t)),T===c.RegexPattern.FLOAT_NUMBER){t=t.replace(/б|Б/g,",");const e=t.split(",");e[1]&&(t=`${e[0]},${e[1].slice(0,D)}`),r=t.replace(/,/g,"."),t=(0,s.numberWithSpaces)(t)}e.target.value=n?r:t}R(t),_&&_(n?r:t,e)},onFocus:O,onBlur:M,onKeyDown:k,onClick:E,autoComplete:P,error:!!b,icon:!!y,positionIcon:B}),y?l.default.createElement(d.Icon,{positionContent:B,className:(0,f.default)("input-icon"),iconBorder:S},y):null,w?l.default.createElement(d.RightText,{positionContent:B,iconBorder:S,rightTextColor:x},w):null),b&&"boolean"!=typeof b?l.default.createElement(u.ErrorText,{text:b||""}):null))}));t.Input=v},3413:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.numberWithSpaces=void 0,t.numberWithSpaces=e=>{const t=e.split(",");let n=Number(t[0]).toLocaleString("ru-RU").toString();return e.includes(",")&&(n+=","+t[1]),n}},9640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RegexPattern=t.Input=void 0;var r=n(9098);Object.defineProperty(t,"Input",{enumerable:!0,get:function(){return r.Input}});var a=n(7972);Object.defineProperty(t,"RegexPattern",{enumerable:!0,get:function(){return a.RegexPattern}})},8379: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.Dot=t.Container=void 0;const i=o(n(1608)),l=i.keyframes`
|
|
2509
2515
|
0% {
|
|
2510
2516
|
transform: scale(1, 1);
|
|
2511
2517
|
}
|