@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

package/dist/components/order-daily-overview/header-filters/Styledfilters.js

@@ -1,12 +1,13 @@
 import { Select as r } from "antd";
 import e from "styled-components";
+import { device as t } from "../common/mediaQuery.js";
 e.div`
   display: flex;
   padding: 20px;
   gap: 10px;
   border-radius: 0px 0px 30px 30px;
   background: #313130;
-  height: ${(t) => t?.height || "135px"};
+  height: ${(i) => i?.height || "135px"};
   background: url(./assets/bgBlack.png) no-repeat;
   background-size: cover;
   background-color: #000000d9;
@@ -16,7 +17,7 @@ e.div`
   justify-content: space-between;
   width: 100%;
 `;
-const n = e.div`
+const d = e.div`
   position: relative;
   border-radius: 16px;
   border: 1px solid #e3e3e3;
@@ -77,7 +78,7 @@ e.div`
     }
   }
 `;
-const a = e.div`
+const p = e.div`
   display: flex;
   padding: 4px 10px;
   flex-direction: column;
@@ -93,32 +94,60 @@ e(r)`
     border-radius: 22px;
   }
 `;
-const p = e.div`
+const l = e.div`
   color: #8e8a85;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   margin-bottom: 2px;
-`, d = e.div`
+`, s = e.div`
   display: flex;
   align-items: center;
   gap: 20px;
   align-self: stretch;
   justify-content: space-between;
-`, l = e.div`
+
+  @media ${t.tabletPortrait} {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+`, x = e.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 2px;
   align-self: stretch;
   margin: 2px 4px;
-`, s = e.div`
+
+  @media ${t.tabletPortrait} {
+    width: 100%;
+    margin: 2px 0;
+
+    .ant-select {
+      width: 100% !important;
+      min-width: 0 !important;
+    }
+  }
+`, c = e.div`
   flex-direction: row;
   display: flex;
   gap: 15px;
-`, x = e.div`
+
+  @media ${t.tabletPortrait} {
+    width: 100%;
+    justify-content: flex-start;
+  }
+`, f = e.div`
   flex-direction: row;
   display: flex;
+
+  @media ${t.tabletPortrait} {
+    flex-direction: column;
+    align-items: flex-start;
+    width: 100%;
+    gap: 10px;
+  }
 `;
 e.div`
   display: flex;
@@ -172,7 +201,7 @@ e.div`
   white-space: nowrap;
   color: #8e8a85;
 `;
-const c = e.button`
+const g = e.button`
   border-radius: 15px;
   display: flex;
   padding: 4px 10px;
@@ -196,13 +225,13 @@ const c = e.button`
   }
 `;
 export {
-  c as ApplyButton,
-  n as CoverPage,
-  l as FilterColumn,
-  d as FilterRow,
-  p as Label,
-  x as LeftColumn,
-  s as RightColumn,
-  a as Wrapper
+  g as ApplyButton,
+  d as CoverPage,
+  x as FilterColumn,
+  s as FilterRow,
+  l as Label,
+  f as LeftColumn,
+  c as RightColumn,
+  p as Wrapper
 };
 //# sourceMappingURL=Styledfilters.js.map

package/dist/components/order-daily-overview/header-filters/Styledfilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styledfilters.js","sources":["../../../../src/components/order-daily-overview/header-filters/Styledfilters.tsx"],"sourcesContent":["// import { Button } from '@bjsdistribution/dms-component-library';\nimport { Select } from 'antd';\nimport styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div<{ height?: string }>`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: ${props => props?.height || '135px'};\n  background: url(./assets/bgBlack.png) no-repeat;\n  background-size: cover;\n  background-color: #000000d9;\n`;\n\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const CoverPage = styled.div`\n  position: relative;\n  border-radius: 16px;\n  border: 1px solid #e3e3e3;\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  padding: 8px 12px;\n  top: -60px;\n`;\n\nexport const StatusPanel = styled.div`\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 10px 15px;\n  justify-content: space-between;\n  align-items: center;\n  width: 98%;\n  margin: 0 auto;\n  margin-top: -71px;\n  margin-bottom: 3px;\n\n  h2 {\n    color: #3a3630;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 900;\n    line-height: 32px;\n    text-transform: uppercase;\n    margin: 0;\n    padding: 0;\n  }\n  ul {\n    border-radius: 15px;\n    border: 1px solid #d0d5dd;\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    background: #f7f7f7;\n\n    li {\n      color: #6a7378;\n      text-align: center;\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 16px;\n      border-right: 1px solid #d0d5dd;\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      cursor: pointer;\n\n      &:last-child {\n        border: none;\n      }\n    }\n  }\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  padding: 4px 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n  border-radius: 12px;\n  background: #f8fafc;\n`;\n\nexport const StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    border-radius: 22px;\n  }\n`;\n\nexport const Label = styled.div`\n  color: #8e8a85;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  margin-bottom: 2px;\n`;\n\nexport const FilterRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  align-self: stretch;\n  justify-content: space-between;\n`;\n\nexport const FilterColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  align-self: stretch;\n  margin: 2px 4px;\n`;\n\nexport const RightColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n  gap: 15px;\n`;\n\nexport const LeftColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n`;\n\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: var(--Neutral-White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 12vw;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\n\nexport const RangeSelect = styled.div`\n  display: flex;\n  padding: 8px 8px 8px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-right: 1px solid #e0e2e7;\n  background: #f0f2f2;\n  border-radius: 20px 0 0 20px;\n  font-size: 14px;\n  white-space: nowrap;\n  color: #8e8a85;\n`;\n\nexport const ApplyButton = styled.button`\n  border-radius: 15px;\n  display: flex;\n  padding: 4px 10px;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  font-family: 'Lato', sans-serif;\n  background: transparent;\n  color: #3a3620;\n  border: 1px solid #3a3630;\n  cursor: pointer;\n\n  &:not(:disabled):hover {\n    background: #feba30;\n  }\n\n  &:disabled {\n    background: #ccc;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n`;\n"],"names":["styled","props","CoverPage","Wrapper","Select","Label","FilterRow","FilterColumn","RightColumn","LeftColumn","ApplyButton"],"mappings":";;AAI6BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxB,CAAAC,MAASA,GAAO,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAOnBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAME,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAULA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqD3B,MAAMG,IAAUH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYCA,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAMC,IAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfM,IAAYN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBO,IAAeP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAStBQ,IAAcR,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBS,IAAaT,EAAO;AAAA;AAAA;AAAA;AAKHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAMU,IAAcV,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Styledfilters.js","sources":["../../../../src/components/order-daily-overview/header-filters/Styledfilters.tsx"],"sourcesContent":["// import { Button } from '@bjsdistribution/dms-component-library';\nimport { Select } from 'antd';\nimport styled from 'styled-components';\nimport { device } from '../common/mediaQuery';\n\nexport const HeaderWrapper = styled.div<{ height?: string }>`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: ${props => props?.height || '135px'};\n  background: url(./assets/bgBlack.png) no-repeat;\n  background-size: cover;\n  background-color: #000000d9;\n`;\n\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const CoverPage = styled.div`\n  position: relative;\n  border-radius: 16px;\n  border: 1px solid #e3e3e3;\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  padding: 8px 12px;\n  top: -60px;\n`;\n\nexport const StatusPanel = styled.div`\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 10px 15px;\n  justify-content: space-between;\n  align-items: center;\n  width: 98%;\n  margin: 0 auto;\n  margin-top: -71px;\n  margin-bottom: 3px;\n\n  h2 {\n    color: #3a3630;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 900;\n    line-height: 32px;\n    text-transform: uppercase;\n    margin: 0;\n    padding: 0;\n  }\n  ul {\n    border-radius: 15px;\n    border: 1px solid #d0d5dd;\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    background: #f7f7f7;\n\n    li {\n      color: #6a7378;\n      text-align: center;\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 16px;\n      border-right: 1px solid #d0d5dd;\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      cursor: pointer;\n\n      &:last-child {\n        border: none;\n      }\n    }\n  }\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  padding: 4px 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n  border-radius: 12px;\n  background: #f8fafc;\n`;\n\nexport const StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    border-radius: 22px;\n  }\n`;\n\nexport const Label = styled.div`\n  color: #8e8a85;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  margin-bottom: 2px;\n`;\n\nexport const FilterRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  align-self: stretch;\n  justify-content: space-between;\n\n  @media ${device.tabletPortrait} {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n  }\n`;\n\nexport const FilterColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  align-self: stretch;\n  margin: 2px 4px;\n\n  @media ${device.tabletPortrait} {\n    width: 100%;\n    margin: 2px 0;\n\n    .ant-select {\n      width: 100% !important;\n      min-width: 0 !important;\n    }\n  }\n`;\n\nexport const RightColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n  gap: 15px;\n\n  @media ${device.tabletPortrait} {\n    width: 100%;\n    justify-content: flex-start;\n  }\n`;\n\nexport const LeftColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n\n  @media ${device.tabletPortrait} {\n    flex-direction: column;\n    align-items: flex-start;\n    width: 100%;\n    gap: 10px;\n  }\n`;\n\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: var(--Neutral-White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 12vw;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\n\nexport const RangeSelect = styled.div`\n  display: flex;\n  padding: 8px 8px 8px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-right: 1px solid #e0e2e7;\n  background: #f0f2f2;\n  border-radius: 20px 0 0 20px;\n  font-size: 14px;\n  white-space: nowrap;\n  color: #8e8a85;\n`;\n\nexport const ApplyButton = styled.button`\n  border-radius: 15px;\n  display: flex;\n  padding: 4px 10px;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  font-family: 'Lato', sans-serif;\n  background: transparent;\n  color: #3a3620;\n  border: 1px solid #3a3630;\n  cursor: pointer;\n\n  &:not(:disabled):hover {\n    background: #feba30;\n  }\n\n  &:disabled {\n    background: #ccc;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n`;\n"],"names":["styled","props","CoverPage","Wrapper","Select","Label","FilterRow","device","FilterColumn","RightColumn","LeftColumn","ApplyButton"],"mappings":";;;AAK6BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxB,CAAAC,MAASA,GAAO,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAOnBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAME,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAULA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqD3B,MAAMG,IAAUH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYCA,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAMC,IAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfM,IAAYN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOrBO,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBC,IAAeR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQxBO,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWnBE,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvBO,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA,GAMnBG,IAAaV,EAAO;AAAA;AAAA;AAAA;AAAA,WAItBO,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQFP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAMW,IAAcX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/index.js

@@ -1,104 +1,127 @@
-import { jsxs as i, Fragment as O, jsx as t } from "react/jsx-runtime";
-import { useState as B, useEffect as o } from "react";
+import { jsxs as o, Fragment as O, jsx as t } from "react/jsx-runtime";
+import { useState as B, useEffect as n } from "react";
 import { UsePaginationOverviewData as A, useItemsPerOverviewPage as H, useStatsLoading as N } from "./store/store.js";
 import W from "./filters/Filters.js";
-import s from "styled-components";
+import p from "styled-components";
+import { device as a } from "./common/mediaQuery.js";
 import { useStickyStatus as G, useCustomerData as M, useClientPortal as U, useClientLoading as q } from "../store.js";
 import J from "./header-filters/HeaderFilter.js";
-import { useAxios as m, DocumentTitle as _ } from "@bjsdistribution/dms-component-library";
-import { useClientData as $ } from "../order-view/store.js";
-import K from "./return-order-table/return-orders-filters/ReturnFilter.js";
-import { Text as Q } from "./filters/FilterStyle.js";
-import V from "./table/ReturnTable.js";
-import { overviewfiltersReducerAtom as X } from "./header-filters/overViewFilter.js";
-import Y from "./table-view/Pagination.js";
-import { notification as Z } from "antd";
-import { useAtom as tt } from "jotai";
-function bt() {
-  const [h] = tt(X), [x, f] = A(), [, u] = B(1), [v, P] = H(), { "x-filters": b, "x-pagination": C } = h, { page: D, total: p } = x, [y] = G(), [, w] = N(), [, S] = $(), [, L] = M(), F = new URLSearchParams(location.search), [d] = U(), [a] = q(), T = F.get("customerId"), z = (e) => {
-    u(e);
-  }, I = (e) => {
+import { useAxios as x, DocumentTitle as _ } from "@bjsdistribution/dms-component-library";
+import { useClientData as K } from "../order-view/store.js";
+import Q from "./return-order-table/return-orders-filters/ReturnFilter.js";
+import { Text as V } from "./filters/FilterStyle.js";
+import X from "./table/ReturnTable.js";
+import { overviewfiltersReducerAtom as Y } from "./header-filters/overViewFilter.js";
+import Z from "./table-view/Pagination.js";
+import { notification as tt } from "antd";
+import { useAtom as et } from "jotai";
+function Dt() {
+  const [h] = et(Y), [f, u] = A(), [, b] = B(1), [v, P] = H(), { "x-filters": C, "x-pagination": D } = h, { page: y, total: d } = f, [w] = G(), [, L] = N(), [, S] = K(), [, F] = M(), T = new URLSearchParams(location.search), [l] = U(), [i] = q(), z = T.get("customerId"), I = (e) => {
+    b(e);
+  }, R = (e) => {
     P(e);
-  }, { data: n, loading: R, fetchData: k } = m({
+  }, { data: r, loading: k, fetchData: $ } = x({
     endpoint: "/v1/return/product/customers/?grouped=true",
     method: "GET",
     //@ts-ignore
     pagination: { is_pagination: !1 },
     showLoader: !1
   });
-  o(() => {
-    !d && !a && k();
-  }, [a]), o(() => {
-    n && n?.data && L(n?.data);
-  }, [R]);
+  n(() => {
+    !l && !i && $();
+  }, [i]), n(() => {
+    r && r?.data && F(r?.data);
+  }, [k]);
   const {
-    data: r,
+    data: s,
     loading: c,
-    paginationData: l,
+    paginationData: m,
     fetchData: j
-  } = m({
+  } = x({
     endpoint: "/v1/return/product/stats/",
     method: "GET",
     //@ts-ignore
-    pagination: C,
-    filters: b,
+    pagination: D,
+    filters: C,
     showLoader: !1
   });
-  return o(() => {
-    !d && !a && j();
-  }, [a]), o(() => {
-    if (w(c), r && r.data) {
-      const e = r?.data;
-      if (S(e), l)
+  return n(() => {
+    !l && !i && j();
+  }, [i]), n(() => {
+    if (L(c), s && s.data) {
+      const e = s?.data;
+      if (S(e), m)
         try {
-          const { count: g, ...E } = JSON.parse(l);
-          f(E);
+          const { count: g, ...E } = JSON.parse(m);
+          u(E);
         } catch (g) {
-          console.error("Error parsing paginationData:", g), Z.error({
+          console.error("Error parsing paginationData:", g), tt.error({
             message: "Error",
             description: "Failed to parse pagination data"
           });
         }
     }
-  }, [c]), /* @__PURE__ */ i(O, { children: [
+  }, [c]), /* @__PURE__ */ o(O, { children: [
     /* @__PURE__ */ t(_, { title: "Client Return Products" }),
-    /* @__PURE__ */ t(it, { className: ` ${y ? "stickyTableHead" : ""}`, children: /* @__PURE__ */ i("div", { className: "Tableconatiner", children: [
+    /* @__PURE__ */ t(ot, { className: ` ${w ? "stickyTableHead" : ""}`, children: /* @__PURE__ */ o("div", { className: "Tableconatiner", children: [
       /* @__PURE__ */ t(J, {}),
-      /* @__PURE__ */ i(at, { children: [
-        /* @__PURE__ */ i(et, { children: [
-          /* @__PURE__ */ t(Q, { children: "Client Return" }),
-          T ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ t(W, {})
+      /* @__PURE__ */ o(it, { children: [
+        /* @__PURE__ */ o(at, { children: [
+          /* @__PURE__ */ t(V, { children: "Client Return" }),
+          z ? /* @__PURE__ */ t(Q, {}) : /* @__PURE__ */ t(W, {})
         ] }),
-        /* @__PURE__ */ t(V, {})
+        /* @__PURE__ */ t(X, {})
       ] }),
-      p > 0 && /* @__PURE__ */ t(
-        Y,
+      d > 0 && /* @__PURE__ */ t(
+        Z,
         {
-          currentPage: D,
-          totalItems: p,
+          currentPage: y,
+          totalItems: d,
           itemsPerPage: v,
-          onPageChange: z,
-          onItemsPerPageChange: I
+          onPageChange: I,
+          onItemsPerPageChange: R
         }
       )
     ] }) })
   ] });
 }
-const et = s.div`
+const at = p.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 12px;
-`, at = s.div`
+
+  @media ${a.tabletlandscape} {
+    margin-bottom: 1px;
+  }
+
+  @media ${a.tabletPortrait} {
+    margin-bottom: 0;
+  }
+`, it = p.div`
   position: relative;
   top: -46px;
-`, it = s.section`
+
+  @media ${a.tabletlandscape} {
+    top: -58px;
+  }
+`, ot = p.section`
   .Tableconatiner {
     border-radius: 12px;
     background: #fff;
     box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);
     display: block;
     padding: 15px 20px;
+
+    @media ${a.tabletPortrait} {
+      padding-top: 8px;
+      padding-bottom: 8px;
+    }
+
+    @media ${a.mobileLandscape} {
+      padding-top: 4px;
+      padding-bottom: 4px;
+    }
   }
   .headerWrap,
   .tableData,
@@ -203,6 +226,6 @@ const et = s.div`
   }
 `;
 export {
-  bt as default
+  Dt as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/order-daily-overview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/order-daily-overview/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  useItemsPerOverviewPage,\n  useStatsLoading,\n  UsePaginationOverviewData,\n} from './store/store';\nimport Filters from './filters/Filters';\nimport styled from 'styled-components';\nimport {\n  useClientLoading,\n  useClientPortal,\n  useCustomerData,\n  useStickyStatus,\n} from '../store';\nimport HeaderFilter from './header-filters/HeaderFilter';\nimport {\n  DocumentTitle,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { useAtom, useClientData } from '../order-view/store';\nimport { ClientData } from './common/interface';\nimport ReturnFilter from './return-order-table/return-orders-filters/ReturnFilter';\nimport { Text } from './filters/FilterStyle';\nimport ReturnTable from './table/ReturnTable';\nimport { overviewfiltersReducerAtom } from './header-filters/overViewFilter';\nimport Pagination from './table-view/Pagination';\nimport { notification } from 'antd';\nimport { ApiResponse } from '../types';\n\nfunction ReturnMainTable() {\n  const [state] = useAtom(overviewfiltersReducerAtom);\n  const [paginationObj, setPaginationObject] = UsePaginationOverviewData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerOverviewPage();\n  const { 'x-filters': filters, 'x-pagination': pagination } = state;\n  const { page, total } = paginationObj;\n  // const [selectedClient] = useTableName();\n  const [isScrolled] = useStickyStatus();\n  const [, setLoading] = useStatsLoading();\n  const [, setClientData] = useClientData();\n  const [, setCustomers] = useCustomerData();\n  // const [tableName] = useTableName();\n  const queryParams = new URLSearchParams(location.search);\n  const [clientPortal] = useClientPortal();\n  const [clientLoading] = useClientLoading();\n\n  const customerId = queryParams.get('customerId');\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  //API for client data\n  const { data: fetchedCustomerData, loading: loading, fetchData } = useAxios<\n    ApiResponse\n  >({\n    endpoint: `/v1/return/product/customers/?grouped=true`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    if (!clientPortal && !clientLoading) {\n      fetchData();\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    if (fetchedCustomerData && fetchedCustomerData?.data) {\n      setCustomers(fetchedCustomerData?.data);\n    }\n  }, [loading]);\n\n  const {\n    data: fetchedClientData,\n    loading: statsDataLoading,\n    paginationData,\n    fetchData: fetchProductStats,\n  } = useAxios<{\n    data: ClientData[];\n  }>({\n    endpoint: `/v1/return/product/stats/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: pagination,\n    filters: filters,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    if (!clientPortal && !clientLoading) {\n      fetchProductStats();\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    setLoading(statsDataLoading);\n    if (fetchedClientData && fetchedClientData.data) {\n      const result = fetchedClientData?.data;\n      setClientData(result);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setPaginationObject(rest);\n        } catch (error) {\n          console.error('Error parsing paginationData:', error);\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [statsDataLoading]);\n\n  return (\n    <>\n      <DocumentTitle title=\"Client Return Products\" />\n      <DashBoardWrapper className={` ${isScrolled ? 'stickyTableHead' : ''}`}>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          <HeaderFilter />\n          <Container>\n            <Row>\n              <Text>Client Return</Text>\n              {customerId ? <ReturnFilter /> : <Filters />}\n            </Row>\n            <ReturnTable />\n          </Container>\n          {total > 0 && (\n            <Pagination\n              currentPage={page}\n              totalItems={total}\n              itemsPerPage={itemsPerPage}\n              onPageChange={handlePageChange}\n              onItemsPerPageChange={handleItemsPerPageChange}\n            ></Pagination>\n          )}\n        </div>\n      </DashBoardWrapper>\n    </>\n  );\n}\n\nexport default ReturnMainTable;\n\nconst Row = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n`;\nconst Container = styled.div`\n  position: relative;\n  top: -46px;\n`;\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n`;\n"],"names":["ReturnMainTable","state","useAtom","overviewfiltersReducerAtom","paginationObj","setPaginationObject","UsePaginationOverviewData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerOverviewPage","filters","pagination","page","total","isScrolled","useStickyStatus","setLoading","useStatsLoading","setClientData","useClientData","setCustomers","useCustomerData","queryParams","clientPortal","useClientPortal","clientLoading","useClientLoading","customerId","handlePageChange","handleItemsPerPageChange","fetchedCustomerData","loading","fetchData","useAxios","useEffect","fetchedClientData","statsDataLoading","paginationData","fetchProductStats","result","count","rest","error","notification","jsxs","Fragment","jsx","DocumentTitle","DashBoardWrapper","HeaderFilter","Container","Row","Text","ReturnFilter","Filters","ReturnTable","Pagination","styled"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/order-daily-overview/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  useItemsPerOverviewPage,\n  useStatsLoading,\n  UsePaginationOverviewData,\n} from './store/store';\nimport Filters from './filters/Filters';\nimport styled from 'styled-components';\nimport { device } from './common/mediaQuery';\nimport {\n  useClientLoading,\n  useClientPortal,\n  useCustomerData,\n  useStickyStatus,\n} from '../store';\nimport HeaderFilter from './header-filters/HeaderFilter';\nimport {\n  DocumentTitle,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { useAtom, useClientData } from '../order-view/store';\nimport { ClientData } from './common/interface';\nimport ReturnFilter from './return-order-table/return-orders-filters/ReturnFilter';\nimport { Text } from './filters/FilterStyle';\nimport ReturnTable from './table/ReturnTable';\nimport { overviewfiltersReducerAtom } from './header-filters/overViewFilter';\nimport Pagination from './table-view/Pagination';\nimport { notification } from 'antd';\nimport { ApiResponse } from '../types';\n\nfunction ReturnMainTable() {\n  const [state] = useAtom(overviewfiltersReducerAtom);\n  const [paginationObj, setPaginationObject] = UsePaginationOverviewData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerOverviewPage();\n  const { 'x-filters': filters, 'x-pagination': pagination } = state;\n  const { page, total } = paginationObj;\n  // const [selectedClient] = useTableName();\n  const [isScrolled] = useStickyStatus();\n  const [, setLoading] = useStatsLoading();\n  const [, setClientData] = useClientData();\n  const [, setCustomers] = useCustomerData();\n  // const [tableName] = useTableName();\n  const queryParams = new URLSearchParams(location.search);\n  const [clientPortal] = useClientPortal();\n  const [clientLoading] = useClientLoading();\n\n  const customerId = queryParams.get('customerId');\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  //API for client data\n  const { data: fetchedCustomerData, loading: loading, fetchData } = useAxios<\n    ApiResponse\n  >({\n    endpoint: `/v1/return/product/customers/?grouped=true`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    if (!clientPortal && !clientLoading) {\n      fetchData();\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    if (fetchedCustomerData && fetchedCustomerData?.data) {\n      setCustomers(fetchedCustomerData?.data);\n    }\n  }, [loading]);\n\n  const {\n    data: fetchedClientData,\n    loading: statsDataLoading,\n    paginationData,\n    fetchData: fetchProductStats,\n  } = useAxios<{\n    data: ClientData[];\n  }>({\n    endpoint: `/v1/return/product/stats/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: pagination,\n    filters: filters,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    if (!clientPortal && !clientLoading) {\n      fetchProductStats();\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    setLoading(statsDataLoading);\n    if (fetchedClientData && fetchedClientData.data) {\n      const result = fetchedClientData?.data;\n      setClientData(result);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setPaginationObject(rest);\n        } catch (error) {\n          console.error('Error parsing paginationData:', error);\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [statsDataLoading]);\n\n  return (\n    <>\n      <DocumentTitle title=\"Client Return Products\" />\n      <DashBoardWrapper className={` ${isScrolled ? 'stickyTableHead' : ''}`}>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          <HeaderFilter />\n          <Container>\n            <Row>\n              <Text>Client Return</Text>\n              {customerId ? <ReturnFilter /> : <Filters />}\n            </Row>\n            <ReturnTable />\n          </Container>\n          {total > 0 && (\n            <Pagination\n              currentPage={page}\n              totalItems={total}\n              itemsPerPage={itemsPerPage}\n              onPageChange={handlePageChange}\n              onItemsPerPageChange={handleItemsPerPageChange}\n            ></Pagination>\n          )}\n        </div>\n      </DashBoardWrapper>\n    </>\n  );\n}\n\nexport default ReturnMainTable;\n\nconst Row = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n\n  @media ${device.tabletlandscape} {\n    margin-bottom: 1px;\n  }\n\n  @media ${device.tabletPortrait} {\n    margin-bottom: 0;\n  }\n`;\nconst Container = styled.div`\n  position: relative;\n  top: -46px;\n\n  @media ${device.tabletlandscape} {\n    top: -58px;\n  }\n`;\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n\n    @media ${device.tabletPortrait} {\n      padding-top: 8px;\n      padding-bottom: 8px;\n    }\n\n    @media ${device.mobileLandscape} {\n      padding-top: 4px;\n      padding-bottom: 4px;\n    }\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n`;\n"],"names":["ReturnMainTable","state","useAtom","overviewfiltersReducerAtom","paginationObj","setPaginationObject","UsePaginationOverviewData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerOverviewPage","filters","pagination","page","total","isScrolled","useStickyStatus","setLoading","useStatsLoading","setClientData","useClientData","setCustomers","useCustomerData","queryParams","clientPortal","useClientPortal","clientLoading","useClientLoading","customerId","handlePageChange","handleItemsPerPageChange","fetchedCustomerData","loading","fetchData","useAxios","useEffect","fetchedClientData","statsDataLoading","paginationData","fetchProductStats","result","count","rest","error","notification","jsxs","Fragment","jsx","DocumentTitle","DashBoardWrapper","HeaderFilter","Container","Row","Text","ReturnFilter","Filters","ReturnTable","Pagination","styled","device"],"mappings":"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"}