profinansy-ui-lib 3.5.78 → 3.5.79
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/Datepicker/Datepicker.d.ts +4 -0
- package/dist/components/uikit/Datepicker/Datepicker.stories.d.ts +7 -0
- package/dist/components/uikit/Datepicker/Datepicker.styled.d.ts +3 -0
- package/dist/components/uikit/Datepicker/Datepicker.typed.d.ts +19 -0
- package/dist/components/uikit/Datepicker/components/Header/Header.d.ts +3 -0
- package/dist/components/uikit/Datepicker/components/Header/Header.styled.d.ts +8 -0
- package/dist/components/uikit/Datepicker/components/Input/Input.d.ts +16 -0
- package/dist/components/uikit/Datepicker/components/Input/Input.styled.d.ts +5 -0
- package/dist/components/uikit/Datepicker/components/Time/Time.const.d.ts +8 -0
- package/dist/components/uikit/Datepicker/components/Time/Time.d.ts +10 -0
- package/dist/components/uikit/Datepicker/components/Time/Time.styled.d.ts +3 -0
- package/dist/components/uikit/Datepicker/index.d.ts +1 -0
- package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +2 -2
- package/dist/components/uikit/FilterButton/Drop/Drop.styled.d.ts +2 -0
- package/dist/components/uikit/FilterButton/FilterButton.d.ts +3 -2
- package/dist/components/uikit/FilterButton/FilterButton.stories.d.ts +2 -1
- package/dist/components/uikit/FilterButton/FilterButton.typed.d.ts +6 -0
- package/dist/index.js +3 -3
- package/package.json +2 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { SyntheticEvent } from 'react';
|
|
2
|
+
import { DatePickerProps } from 'react-datepicker';
|
|
3
|
+
export type DatePickerInputViews = 'input' | 'static' | 'icon';
|
|
4
|
+
type TDatepickerCommon = {
|
|
5
|
+
error?: boolean | string | React.ReactNode;
|
|
6
|
+
UTC?: boolean;
|
|
7
|
+
view?: DatePickerInputViews;
|
|
8
|
+
handleClose?: () => void;
|
|
9
|
+
};
|
|
10
|
+
export type TDatepickerConditional = {
|
|
11
|
+
selectsRange?: false;
|
|
12
|
+
onChange: (value: Date | null, name: string, e?: SyntheticEvent) => void;
|
|
13
|
+
} | {
|
|
14
|
+
selectsRange?: true;
|
|
15
|
+
onChange: (value: [Date | null, Date | null], name: string, e?: SyntheticEvent) => void;
|
|
16
|
+
};
|
|
17
|
+
type TReactDatePicker = Omit<DatePickerProps, 'locale' | 'calendarStartDay' | 'showPopperArrow' | 'renderCustomHeader' | 'customInput' | 'dateFormat' | 'selectsRange' | 'onChange'>;
|
|
18
|
+
export type IDatepicker = TDatepickerCommon & TReactDatePicker & TDatepickerConditional;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const Center: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const SelectedValue: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const Year: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const Item: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
|
7
|
+
isActiveItem: boolean;
|
|
8
|
+
}, never>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DatePickerInputViews } from '../../Datepicker.typed';
|
|
3
|
+
interface IProps {
|
|
4
|
+
handleClear: () => void;
|
|
5
|
+
error: boolean | string | React.ReactNode;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
readOnly?: boolean;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
value?: string;
|
|
11
|
+
name?: string;
|
|
12
|
+
view: DatePickerInputViews;
|
|
13
|
+
handleChevronClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, type: 'add' | 'sub') => void;
|
|
14
|
+
}
|
|
15
|
+
declare const DatepickerInput: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLInputElement>>;
|
|
16
|
+
export { DatepickerInput };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const StaticRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const ChevronIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const ChevronRight: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const DateText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface IProps {
|
|
3
|
+
onChange?: (val: string) => void;
|
|
4
|
+
value?: string;
|
|
5
|
+
datePickerRef?: React.RefObject<{
|
|
6
|
+
setOpen: (val: boolean) => void;
|
|
7
|
+
}>;
|
|
8
|
+
}
|
|
9
|
+
declare const Time: ({ value, onChange, datePickerRef }: IProps) => JSX.Element;
|
|
10
|
+
export { Time };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const TimeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const Dots: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const Dot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Datepicker } from './Datepicker';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Placement } from '@floating-ui/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { IDropFilter } from '../FilterButton.typed';
|
|
3
|
+
import { IDropFilter, IFilterButtonRef } from '../FilterButton.typed';
|
|
4
4
|
export declare function useDrop({ placement }: {
|
|
5
5
|
placement?: Placement;
|
|
6
6
|
}): {
|
|
@@ -49,4 +49,4 @@ export declare function useDrop({ placement }: {
|
|
|
49
49
|
open: boolean;
|
|
50
50
|
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
51
51
|
};
|
|
52
|
-
export declare const FilterDrop:
|
|
52
|
+
export declare const FilterDrop: React.ForwardRefExoticComponent<IDropFilter & React.RefAttributes<IFilterButtonRef>>;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
export declare const Tooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
2
2
|
widthDrop: number;
|
|
3
|
+
heightDrop: number;
|
|
3
4
|
mode: string;
|
|
4
5
|
}, never>;
|
|
5
6
|
export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
6
7
|
padding: string;
|
|
8
|
+
heightDrop: number;
|
|
7
9
|
}, never>;
|
|
8
10
|
export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IFilterButton, IFilterButtonRef } from './FilterButton.typed';
|
|
3
|
+
declare const FilterButton: React.ForwardRefExoticComponent<IFilterButton & React.RefAttributes<IFilterButtonRef>>;
|
|
3
4
|
export { FilterButton };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const _default: {
|
|
2
3
|
title: string;
|
|
3
|
-
component:
|
|
4
|
+
component: React.ForwardRefExoticComponent<import("./FilterButton.typed").IFilterButton & React.RefAttributes<import("./FilterButton.typed").IFilterButtonRef>>;
|
|
4
5
|
tags: string[];
|
|
5
6
|
parameters: {
|
|
6
7
|
design: {
|
|
@@ -25,15 +25,21 @@ export interface IFilterButton {
|
|
|
25
25
|
withoutTextOnMobile?: boolean;
|
|
26
26
|
/** Ширина выпадашки. По умолчанию 240 */
|
|
27
27
|
widthDrop?: number;
|
|
28
|
+
/** Высота выпадашки. По умолчанию 448 */
|
|
29
|
+
heightDrop?: number;
|
|
28
30
|
/** Контент*/
|
|
29
31
|
children: ReactNode;
|
|
30
32
|
}
|
|
33
|
+
export interface IFilterButtonRef {
|
|
34
|
+
handleClose: () => void;
|
|
35
|
+
}
|
|
31
36
|
export interface IDropFilter {
|
|
32
37
|
targetElement: ReactNode;
|
|
33
38
|
placement?: Placement;
|
|
34
39
|
children: ReactNode;
|
|
35
40
|
padding: string;
|
|
36
41
|
widthDrop: number;
|
|
42
|
+
heightDrop: number;
|
|
37
43
|
resetFilter?: () => void;
|
|
38
44
|
handleConfirm?: () => void;
|
|
39
45
|
isConfirmWithoutClose?: boolean;
|
package/dist/index.js
CHANGED
|
@@ -3345,7 +3345,7 @@
|
|
|
3345
3345
|
font-family: 'Manrope', sans-serif;
|
|
3346
3346
|
box-sizing: border-box;
|
|
3347
3347
|
width: ${e=>e.widthDrop}px;
|
|
3348
|
-
max-height:
|
|
3348
|
+
max-height: ${e=>e.heightDrop}px;
|
|
3349
3349
|
overflow: hidden;
|
|
3350
3350
|
background-color: ${e=>e.theme.background.field};
|
|
3351
3351
|
border-radius: 12px;
|
|
@@ -3355,7 +3355,7 @@
|
|
|
3355
3355
|
border: 0.5px solid ${e=>e.theme.stroke.contrast};
|
|
3356
3356
|
`}
|
|
3357
3357
|
`,t.Content=o.default.div`
|
|
3358
|
-
max-height:
|
|
3358
|
+
max-height: ${e=>`calc(${e.heightDrop}px - 108px)`};
|
|
3359
3359
|
padding: ${e=>e.padding||"12px"};
|
|
3360
3360
|
height: 100%;
|
|
3361
3361
|
overflow-y: auto;
|
|
@@ -3370,7 +3370,7 @@
|
|
|
3370
3370
|
font-size: 14px;
|
|
3371
3371
|
font-weight: 400;
|
|
3372
3372
|
}
|
|
3373
|
-
`},67763: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.FilterDrop=t.useDrop=void 0;const u=n(33279),l=i(n(8156)),s=i(n(69749)),c=n(91197),d=n(11608),f=n(41899),m=n(77493),h=n(60098);function p({placement:e="bottom-end"}){const[t,n]=(0,l.useState)(!1),r=(0,u.useFloating)({placement:e,open:t,onOpenChange:n,whileElementsMounted:u.autoUpdate,middleware:[(0,u.offset)(4),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,u.shift)({padding:{top:70,bottom:10,left:10,right:10}})]}),a=r.context,i=(0,u.useClick)(a),o=(0,u.useDismiss)(a),s=(0,u.useRole)(a),c=(0,u.useInteractions)([o,s,i]);return l.default.useMemo((()=>Object.assign(Object.assign({open:t,setOpen:n},c),r)),[t,n,c,r])}t.useDrop=p;const g=l.default.createContext(null);t.FilterDrop=e=>{var{children:
|
|
3373
|
+
`},67763: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.FilterDrop=t.useDrop=void 0;const u=n(33279),l=i(n(8156)),s=i(n(69749)),c=n(91197),d=n(11608),f=n(41899),m=n(77493),h=n(60098);function p({placement:e="bottom-end"}){const[t,n]=(0,l.useState)(!1),r=(0,u.useFloating)({placement:e,open:t,onOpenChange:n,whileElementsMounted:u.autoUpdate,middleware:[(0,u.offset)(4),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,u.shift)({padding:{top:70,bottom:10,left:10,right:10}})]}),a=r.context,i=(0,u.useClick)(a),o=(0,u.useDismiss)(a),s=(0,u.useRole)(a),c=(0,u.useInteractions)([o,s,i]);return l.default.useMemo((()=>Object.assign(Object.assign({open:t,setOpen:n},c),r)),[t,n,c,r])}t.useDrop=p;const g=l.default.createContext(null);t.FilterDrop=(0,l.forwardRef)(((e,t)=>{var{children:n,isConfirmWithoutClose:r,isCancelWithoutClose:a,resetFilter:i,handleConfirm:u,widthDrop:s,heightDrop:c,padding:d}=e,f=o(e,["children","isConfirmWithoutClose","isCancelWithoutClose","resetFilter","handleConfirm","widthDrop","heightDrop","padding"]);const m=p(Object.assign({},f));return(0,l.useImperativeHandle)(t,(()=>({handleClose(){m.setOpen(!1)}}))),l.default.createElement(g.Provider,{value:m},l.default.createElement(v,{targetElement:f.targetElement}),l.default.createElement(b,{padding:d,widthDrop:s,heightDrop:c,resetFilter:i,handleConfirm:u,isConfirmWithoutClose:r,isCancelWithoutClose:a},n))}));const v=({targetElement:e})=>{const t=(0,l.useContext)(g),n=(0,u.useMergeRefs)([t.refs.setReference]);return e&&l.default.isValidElement(e)?l.default.cloneElement(e,t.getReferenceProps(Object.assign(Object.assign({ref:n},e.props),{"data-state":t.open?"open":"closed"}))):null},b=({children:e,padding:t,widthDrop:n,heightDrop:r,resetFilter:a,handleConfirm:i,isCancelWithoutClose:p,isConfirmWithoutClose:v})=>{const b=(0,l.useContext)(g),{context:y}=b,w=o(b,["context"]),M=(0,u.useMergeRefs)([w.refs.setFloating]),{mode:x}=(0,c.useMode)(),{styles:k}=(0,u.useTransitionStyles)(y,{duration:{open:300,close:300},initial:{opacity:0}});return y.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement(u.FloatingFocusManager,{context:y,modal:!1},l.default.createElement("div",Object.assign({ref:M,style:Object.assign({zIndex:h.zIndex.zIndex5},w.floatingStyles)},w.getFloatingProps()),l.default.createElement(d.ThemeProvider,{theme:f.palette[x]},l.default.createElement("div",{style:k},l.default.createElement(s.Tooltip,{heightDrop:r,widthDrop:n,mode:x},l.default.createElement(s.Content,{heightDrop:r,padding:t},e),(i||a)&&l.default.createElement(s.Footer,null,i&&l.default.createElement(m.TextButton,{text:"Поиск",onClick:()=>{i(),v||w.setOpen(!1)}}),a&&l.default.createElement(m.TextButton,{text:"Сбросить",onClick:()=>{a(),p||w.setOpen(!1)},style:{marginLeft:"auto"}})))))))):null}},69186: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};Object.defineProperty(t,"__esModule",{value:!0}),t.FilterButton=void 0;const o=i(n(8156)),u=n(91197),l=n(11608),s=n(41899),c=n(67763),d=n(95014),f=(0,o.forwardRef)(((e,t)=>{const{text:n,activeElements:r,isStroke:a=!1,children:i,resetFilter:f,handleConfirm:m,size:h="XS",isConfirmWithoutClose:p=!1,isCancelWithoutClose:g=!1,handleCustomOpen:v,padding:b,widthDrop:y=240,heightDrop:w=448,withoutTextOnMobile:M}=e,{mode:x}=(0,u.useMode)();return v?o.default.createElement(l.ThemeProvider,{theme:s.palette[x]},o.default.createElement(d.Button,{withoutTextOnMobile:M,onClick:v,activeElements:r,isStroke:a,size:h,text:n})):o.default.createElement(l.ThemeProvider,{theme:s.palette[x]},o.default.createElement(c.FilterDrop,{ref:t,padding:b,widthDrop:y,heightDrop:w,isCancelWithoutClose:g,isConfirmWithoutClose:p,resetFilter:f,handleConfirm:m,targetElement:o.default.createElement(d.Button,{withoutTextOnMobile:M,activeElements:r,isStroke:a,size:h,text:n})},i))}));t.FilterButton=f},82558:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FilterButton=void 0;var r=n(69186);Object.defineProperty(t,"FilterButton",{enumerable:!0,get:function(){return r.FilterButton}})},86917: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.MultiLine=t.Text=void 0;const a=r(n(11608));t.Text=a.default.div`
|
|
3374
3374
|
overflow: hidden;
|
|
3375
3375
|
& > * {
|
|
3376
3376
|
display: block;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "profinansy-ui-lib",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.79",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"devDependencies": {
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"prettier": "2.8.8",
|
|
34
34
|
"prop-types": "15.8.1",
|
|
35
35
|
"react": "18.2.0",
|
|
36
|
+
"react-datepicker": "^7.6.0",
|
|
36
37
|
"react-dom": "18.2.0",
|
|
37
38
|
"react-select": "^5.4.0",
|
|
38
39
|
"sass": "^1.57.1",
|