profinansy-ui-lib 2.0.42 → 2.0.43

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.
@@ -3,9 +3,7 @@ declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
3
3
  isOpen: boolean;
4
4
  }, never>;
5
5
  declare const Layout: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- declare const Sidebar: import("styled-components").StyledComponent<"div", any, {
7
- width: string;
8
- }, never>;
6
+ declare const Sidebar: import("styled-components").StyledComponent<"div", any, {}, never>;
9
7
  declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
10
8
  declare const LeftWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
11
9
  declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -9,5 +9,4 @@ export interface ISideModal {
9
9
  rightContent?: ReactElement;
10
10
  onClose?: () => void;
11
11
  onBack?: () => void;
12
- width?: string;
13
12
  }
package/dist/index.js CHANGED
@@ -1434,23 +1434,32 @@
1434
1434
  top: 80px;
1435
1435
  height: calc(100vh - 118px);
1436
1436
  background: #ffffff;
1437
- width: ${e=>e.width?e.width:"650px"};
1437
+ width: 918px;
1438
+ max-width: 918px;
1438
1439
  z-index: 100;
1439
1440
  border-radius: 16px;
1441
+ @media (max-width: 1440px) {
1442
+ width: 50%;
1443
+ max-width: 725px;
1444
+ }
1440
1445
  @media (max-width: 700px) {
1441
1446
  width: 100%;
1442
- right: 0px;
1443
- border-radius: 0px;
1447
+ max-width: 100%;
1448
+ right: 0;
1449
+ border-radius: 0;
1444
1450
  top: 58px;
1445
1451
  height: calc(100vh - 58px);
1446
1452
  }
1447
1453
  `;t.Sidebar=s;const c=a.default.div`
1448
- padding: 18px;
1454
+ padding: 18px 58px;
1449
1455
  display: flex;
1450
1456
  align-items: center;
1451
1457
  justify-content: space-between;
1452
1458
  border-bottom: 0.5px solid #e0e0e0;
1453
1459
  z-index: 2;
1460
+ @media (max-width: 1440px) {
1461
+ padding: 18px;
1462
+ }
1454
1463
  `;t.Header=c;const d=a.default.div`
1455
1464
  display: flex;
1456
1465
  align-items: center;
@@ -1481,13 +1490,19 @@
1481
1490
  height: calc(100% - 85px);
1482
1491
  overflow-y: scroll;
1483
1492
  overflow-x: hidden;
1484
- padding: 26px 18px 70px 18px;
1493
+ padding: 26px 58px 70px 58px;
1494
+ @media (max-width: 1440px) {
1495
+ padding: 26px 30px 70px 30px;
1496
+ }
1497
+ @media (max-width: 700px) {
1498
+ padding: 26px 18px 70px 18px;
1499
+ }
1485
1500
  ${o.Scroll}
1486
1501
  `;t.Content=p;const h=(0,a.default)(i.Button)`
1487
1502
  & path {
1488
1503
  fill: #a2a1a7;
1489
1504
  }
1490
- `;t.ButtonStyle=h},998: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.SideModal=void 0;const l=i(n(8156)),u=i(n(8522)),s=i(n(5881)),c=n(7033),d=n(2258),f=i(n(4184)),p=n(3848),h=o(n(9540));t.SideModal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(m,Object.assign({},e,{animation:n}),t):null};const m=({onClose:e,onBack:t,children:n,title:r,animation:a,rightContent:o,width:i,classNameHeader:c,classNameContent:m})=>{const v=()=>{e&&e()};return l.default.createElement(p.Portal,{id:"react-sideModals"},l.default.createElement(h.Wrapper,{isOpen:a},l.default.createElement(h.Layout,{onClick:v}),l.default.createElement(h.Sidebar,{width:i,className:(0,f.default)(m)},l.default.createElement(h.Header,{className:(0,f.default)(c)},l.default.createElement(h.LeftWrapper,null,t&&l.default.createElement(s.default,{onClick:t}),l.default.createElement(h.Title,null,r)),o||l.default.createElement(h.ButtonStyle,{iconLeft:l.default.createElement(u.default,null),size:"S",onClick:v,theme:d.ButtonTheme.Tertiary})),l.default.createElement(h.Content,null,n))))}},2545:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SideModal=void 0;var r=n(998);Object.defineProperty(t,"SideModal",{enumerable:!0,get:function(){return r.SideModal}})},7320: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.CloseIconStyle=t.Content=t.Title=t.Header=t.Sidebar=t.Layout=t.Wrapper=void 0;const a=r(n(2788)),o=n(1230),i=r(n(8522)),l=a.default.div`
1505
+ `;t.ButtonStyle=h},998: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.SideModal=void 0;const l=i(n(8156)),u=i(n(8522)),s=i(n(5881)),c=n(7033),d=n(2258),f=i(n(4184)),p=n(3848),h=o(n(9540));t.SideModal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(m,Object.assign({},e,{animation:n}),t):null};const m=({onClose:e,onBack:t,children:n,title:r,animation:a,rightContent:o,classNameHeader:i,classNameContent:c})=>{const m=()=>{e&&e()};return l.default.createElement(p.Portal,{id:"react-sideModals"},l.default.createElement(h.Wrapper,{isOpen:a},l.default.createElement(h.Layout,{onClick:m}),l.default.createElement(h.Sidebar,{className:(0,f.default)(c),id:"side-modal"},l.default.createElement(h.Header,{className:(0,f.default)(i)},l.default.createElement(h.LeftWrapper,null,t&&l.default.createElement(s.default,{onClick:t}),l.default.createElement(h.Title,null,r)),o||l.default.createElement(h.ButtonStyle,{iconLeft:l.default.createElement(u.default,null),size:"S",onClick:m,theme:d.ButtonTheme.Tertiary})),l.default.createElement(h.Content,null,n))))}},2545:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SideModal=void 0;var r=n(998);Object.defineProperty(t,"SideModal",{enumerable:!0,get:function(){return r.SideModal}})},7320: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.CloseIconStyle=t.Content=t.Title=t.Header=t.Sidebar=t.Layout=t.Wrapper=void 0;const a=r(n(2788)),o=n(1230),i=r(n(8522)),l=a.default.div`
1491
1506
  position: fixed;
1492
1507
  top: 0px;
1493
1508
  left: 0px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "profinansy-ui-lib",
3
- "version": "2.0.42",
3
+ "version": "2.0.43",
4
4
  "main": "./dist/index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {