profinansy-ui-lib 3.1.63 → 3.1.64

package/dist/components/uikit/Hint/Hint.d.ts

@@ -43,7 +43,7 @@ export declare function useHint({ placement }?: HintOptions): {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/Popup/Popup.d.ts

@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/SegmentControl/SegmentControl.d.ts

@@ -1,3 +1,3 @@
 import { TSegmentControlProps } from './SegmentControl.typed';
-declare const SegmentControl: ({ style, options, onChange, selectedValue, size, type, counterType }: TSegmentControlProps) => JSX.Element;
+declare const SegmentControl: ({ style, options, onChange, selectedValue, size, type, counterType, isFullWidth }: TSegmentControlProps) => JSX.Element;
 export { SegmentControl };

package/dist/components/uikit/SegmentControl/SegmentControl.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ style, options, onChange, selectedValue, size, type, counterType }: import("./SegmentControl.typed").TSegmentControlProps) => JSX.Element;
+    component: ({ style, options, onChange, selectedValue, size, type, counterType, isFullWidth }: import("./SegmentControl.typed").TSegmentControlProps) => JSX.Element;
     tags: string[];
     parameters: {
         design: {

package/dist/components/uikit/SegmentControl/SegmentControl.styled.d.ts

@@ -1,6 +1,7 @@
 import { TSegmentControlSize, TSegmentControlType } from './SegmentControl.typed';
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     mode: TSegmentControlType;
+    isFullWidth: boolean;
 }, never>;
 export declare const Selector: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     mode: TSegmentControlType;

package/dist/components/uikit/SegmentControl/SegmentControl.typed.d.ts

@@ -26,6 +26,8 @@ export type TSegmentControlProps = {
     type?: TSegmentControlType;
     /** Тип Counter */
     counterType?: TCounterType;
+    /** На всю ширину */
+    isFullWidth?: boolean;
     /** Действие при нажатии на сегмент */
     onChange?: (value: string, event: MouseEvent<HTMLButtonElement>) => void;
 };

package/dist/index.js

@@ -2995,7 +2995,7 @@
   gap: 4px;
   border-radius: 8px;
   background: ${e=>"primary"===e.mode?e.theme.interactiveControls.secondary:e.theme.interactiveControls.accent};
-  width: fit-content;
+  width: ${e=>e.isFullWidth?"100%":"fit-content"};
   height: fit-content;
 `,t.Selector=a.default.div`
   height: calc(100% - 4px);
@@ -3020,8 +3020,10 @@
   border: 0.5px solid transparent;
   background: transparent;
   color: ${e=>e.theme.text.primary};
+  flex: 1 1 0;
   display: flex;
   align-items: center;
+  justify-content: center;
   outline: none;
   -webkit-tap-highlight-color: transparent;
   &:disabled {
@@ -3038,6 +3040,7 @@
   position: relative;
   z-index: 2;
   cursor: pointer;
+  text-align: center;
 `,t.Icon=a.default.span`
   width: 16px;
   height: 16px;
@@ -3047,7 +3050,7 @@
   margin-left: ${e=>e.isLabel?"4px":"0px"};
   position: relative;
   z-index: 2;
-`},2343: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.SegmentControl=void 0;const i=o(n(8156)),l=o(n(7760)),u=n(1197),c=n(1608),s=n(1899),d=n(7760),f=n(4103);t.SegmentControl=({style:e,options:t,onChange:n,selectedValue:r,size:a="S",type:o="primary",counterType:p})=>{const[h,m]=(0,i.useState)(0),[v,g]=(0,i.useState)({left:0,width:0}),b=(0,i.useRef)(null),{mode:y}=(0,u.useMode)();(0,i.useEffect)((()=>{if(r){const e=t.findIndex((e=>e.value===r));m(e),w(e)}}),[r]);const w=e=>{if(b.current){const t=b.current.querySelector(`[data-index="${e}"]`);if(t){const e=b.current.getBoundingClientRect(),n=t.getBoundingClientRect(),r=n.left-e.left,a=n.width;g({left:r,width:a})}}};return i.default.createElement(c.ThemeProvider,{theme:s.palette[y]},i.default.createElement(l.Container,{style:e,mode:o,ref:b},t.map(((e,u)=>{const c=(e=>h===e||h-1===e||t.length-1===e)(u);return i.default.createElement(i.default.Fragment,{key:u},i.default.createElement(l.Item,{"data-index":u,size:a,mode:o,isActive:r===e.value,onClick:t=>((e,t,r)=>{m(r),n&&n(e,t)})(e.value,t,u)},!!e.label&&i.default.createElement(l.Text,{variant:"caption-Medium",tag:"span"},e.label),e.icon?i.default.createElement(l.Icon,{isLabel:!!e.label},e.icon):null,void 0!==e.dataCount&&i.default.createElement(f.Counter,{number:e.dataCount,type:p,style:{marginLeft:"4px",position:"relative",zIndex:2}})),t.length-1!==u?i.default.createElement(l.Divider,{isHide:c}):null)})),v.width?i.default.createElement(d.Selector,{mode:o,left:v.left,width:v.width}):null))}},9624:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentControl=void 0;var r=n(2343);Object.defineProperty(t,"SegmentControl",{enumerable:!0,get:function(){return r.SegmentControl}})},9540: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.CloseButton=t.BottomContent=t.Content=t.Title=t.BackButton=t.LeftWrapper=t.Header=t.Sidebar=t.Layout=t.Wrapper=void 0;const i=o(n(1608)),l=n(1230),u=n(140),c=n(4542);t.Wrapper=i.default.div`
+`},2343: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.SegmentControl=void 0;const i=o(n(8156)),l=o(n(7760)),u=n(1197),c=n(1608),s=n(1899),d=n(7760),f=n(4103);t.SegmentControl=({style:e,options:t,onChange:n,selectedValue:r,size:a="S",type:o="primary",counterType:p,isFullWidth:h=!1})=>{const[m,v]=(0,i.useState)(0),[g,b]=(0,i.useState)({left:0,width:0}),y=(0,i.useRef)(null),{mode:w}=(0,u.useMode)();(0,i.useEffect)((()=>{if(r){const e=t.findIndex((e=>e.value===r));v(e),x(e)}}),[r]);const x=e=>{if(y.current){const t=y.current.querySelector(`[data-index="${e}"]`);if(t){const e=y.current.getBoundingClientRect(),n=t.getBoundingClientRect(),r=n.left-e.left,a=n.width;b({left:r,width:a})}}};return i.default.createElement(c.ThemeProvider,{theme:s.palette[w]},i.default.createElement(l.Container,{style:e,mode:o,isFullWidth:h,ref:y},t.map(((e,u)=>{const c=(e=>m===e||m-1===e||t.length-1===e)(u);return i.default.createElement(i.default.Fragment,{key:u},i.default.createElement(l.Item,{"data-index":u,size:a,mode:o,isActive:r===e.value,onClick:t=>((e,t,r)=>{v(r),n&&n(e,t)})(e.value,t,u)},!!e.label&&i.default.createElement(l.Text,{variant:"caption-Medium",tag:"span"},e.label),e.icon?i.default.createElement(l.Icon,{isLabel:!!e.label},e.icon):null,void 0!==e.dataCount&&i.default.createElement(f.Counter,{number:e.dataCount,type:p,style:{marginLeft:"4px",position:"relative",zIndex:2}})),t.length-1!==u?i.default.createElement(l.Divider,{isHide:c}):null)})),g.width?i.default.createElement(d.Selector,{mode:o,left:g.left,width:g.width}):null))}},9624:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentControl=void 0;var r=n(2343);Object.defineProperty(t,"SegmentControl",{enumerable:!0,get:function(){return r.SegmentControl}})},9540: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.CloseButton=t.BottomContent=t.Content=t.Title=t.BackButton=t.LeftWrapper=t.Header=t.Sidebar=t.Layout=t.Wrapper=void 0;const i=o(n(1608)),l=n(1230),u=n(140),c=n(4542);t.Wrapper=i.default.div`
   position: fixed;
   top: 0;
   left: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "3.1.63",
+  "version": "3.1.64",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {