profinansy-ui-lib 3.5.21 → 3.5.22
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 +1 -1
- package/dist/components/uikit/Dropdown/Dropdown.typed.d.ts +2 -0
- package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +1 -1
- package/dist/components/uikit/Hint/Hint.d.ts +1 -1
- package/dist/components/uikit/Popup/Popup.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -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>;
|
|
@@ -19,6 +19,8 @@ export interface IDropdownProps {
|
|
|
19
19
|
withoutPortal?: boolean;
|
|
20
20
|
/** Callback, который вызывается, когда открывается или закрывается выпадашка.*/
|
|
21
21
|
onOpenList?: (val: boolean) => void;
|
|
22
|
+
/** ID Dom элемента, в который нужно поместить dropdown **/
|
|
23
|
+
appendElementId?: string;
|
|
22
24
|
}
|
|
23
25
|
export interface IDropdownRef {
|
|
24
26
|
handleClose: () => 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>;
|
|
@@ -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>;
|
|
@@ -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>;
|
|
@@ -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
|
@@ -3191,7 +3191,7 @@
|
|
|
3191
3191
|
white-space: break-spaces;
|
|
3192
3192
|
position: relative;
|
|
3193
3193
|
${u.Scroll}
|
|
3194
|
-
`},14196: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.Dropdown=t.useDrop=void 0;const u=i(n(8156)),l=i(n(9163)),s=n(11608),d=n(91197),c=n(41899),f=n(33279),m=n(60098);function h({placement:e="bottom-end",onOpenList:t}){const[n,r]=(0,u.useState)(!1),a=(0,f.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:f.autoUpdate,middleware:[(0,f.offset)(4),(0,f.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,f.shift)({padding:{top:70,bottom:10,left:10,right:10}})]});(0,u.useEffect)((()=>{t&&t(n)}),[n]);const i=a.context,o=(0,f.useClick)(i),l=(0,f.useDismiss)(i),s=(0,f.useRole)(i),d=(0,f.useInteractions)([l,s,o]);return u.default.useMemo((()=>Object.assign(Object.assign({open:n,setOpen:r},d),a)),[n,r,d,a])}t.useDrop=h;const p=u.default.createContext(null),g=(0,u.forwardRef)(((e,t)=>{var{children:n,width:r,height:a,zIndex:i,padding:l,withoutPortal:f}=e,
|
|
3194
|
+
`},14196: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.Dropdown=t.useDrop=void 0;const u=i(n(8156)),l=i(n(9163)),s=n(11608),d=n(91197),c=n(41899),f=n(33279),m=n(60098);function h({placement:e="bottom-end",onOpenList:t}){const[n,r]=(0,u.useState)(!1),a=(0,f.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:f.autoUpdate,middleware:[(0,f.offset)(4),(0,f.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,f.shift)({padding:{top:70,bottom:10,left:10,right:10}})]});(0,u.useEffect)((()=>{t&&t(n)}),[n]);const i=a.context,o=(0,f.useClick)(i),l=(0,f.useDismiss)(i),s=(0,f.useRole)(i),d=(0,f.useInteractions)([l,s,o]);return u.default.useMemo((()=>Object.assign(Object.assign({open:n,setOpen:r},d),a)),[n,r,d,a])}t.useDrop=h;const p=u.default.createContext(null),g=(0,u.forwardRef)(((e,t)=>{var{children:n,width:r,height:a,zIndex:i,padding:l,withoutPortal:f,appendElementId:m}=e,g=o(e,["children","width","height","zIndex","padding","withoutPortal","appendElementId"]);const{mode:y}=(0,d.useMode)(),w=h(Object.assign({},g));return(0,u.useImperativeHandle)(t,(()=>({handleClose(){w.setOpen(!1)}}))),u.default.createElement(s.ThemeProvider,{theme:c.palette[y]},u.default.createElement(p.Provider,{value:w},u.default.createElement(v,{targetElement:g.targetElement}),u.default.createElement(b,{appendElementId:m,width:r,height:a,zIndex:i,padding:l,withoutPortal:f},n)))}));t.Dropdown=g;const v=({targetElement:e})=>{const t=(0,u.useContext)(p),n=(0,f.useMergeRefs)([t.refs.setReference]);return e&&u.default.isValidElement(e)?u.default.cloneElement(e,t.getReferenceProps(Object.assign(Object.assign({ref:n},e.props),{"data-state":t.open?"open":"closed"}))):null},b=e=>{var{withoutPortal:t=!1,children:n,appendElementId:r}=e,a=o(e,["withoutPortal","children","appendElementId"]);const{context:i}=(0,u.useContext)(p);return i.open?t?u.default.createElement(y,Object.assign({},a),n):u.default.createElement(f.FloatingPortal,{id:r},u.default.createElement(y,Object.assign({},a),n)):null},y=({children:e,width:t,height:n,zIndex:r,padding:a})=>{const i=(0,u.useContext)(p),{context:h}=i,g=o(i,["context"]),v=(0,f.useMergeRefs)([g.refs.setFloating]),{mode:b}=(0,d.useMode)(),{styles:y}=(0,f.useTransitionStyles)(h,{duration:{open:300,close:300},initial:{opacity:0}});return u.default.createElement(f.FloatingFocusManager,{context:h,modal:!1},u.default.createElement(l.Container,Object.assign({ref:v,style:Object.assign({zIndex:r||m.zIndex.zIndex5},g.floatingStyles)},g.getFloatingProps()),u.default.createElement(s.ThemeProvider,{theme:c.palette[b]},u.default.createElement("div",{style:y},u.default.createElement(l.Tooltip,{width:t,height:n,mode:b},u.default.createElement(l.Content,{height:n,padding:a},e))))))}},91196:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Dropdown=void 0;var r=n(14196);Object.defineProperty(t,"Dropdown",{enumerable:!0,get:function(){return r.Dropdown}})},92962: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=void 0;const a=r(n(11608));t.Text=a.default.span`
|
|
3195
3195
|
font-size: 15px;
|
|
3196
3196
|
line-height: 20px;
|
|
3197
3197
|
color: ${e=>e.theme.text.negative};
|