kahuna-base-react-components 1.4.1 → 1.4.3

package/dist/languages/index.d.ts

@@ -24,6 +24,9 @@ export declare const getLanguageJson: () => {
         last_three_days: string;
         last_week: string;
         last_two_weeks: string;
+        last_seven_days: string;
+        last_fourteen_days: string;
+        last_twenty_eight_days: string;
         last_month: string;
         last_three_months: string;
         last_six_months: string;
@@ -60,6 +63,9 @@ export declare const lang: {
         last_three_days: string;
         last_week: string;
         last_two_weeks: string;
+        last_seven_days: string;
+        last_fourteen_days: string;
+        last_twenty_eight_days: string;
         last_month: string;
         last_three_months: string;
         last_six_months: string;

package/dist/types.d.ts

@@ -347,6 +347,7 @@ interface KSelectRangeDateProps {
     popupCalendarBackground?: string;
     hideBackdrop?: boolean;
     weeklyMode?: boolean;
+    shorthandEndDateOffsetDays?: number;
 }
 type DateRangeType = Date | null | [Date | null, Date | null];
 declare const KSelectRangeDate: React.FC<KSelectRangeDateProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kahuna-base-react-components",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "Kahuna Base React Components",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/KSelectRangeDate/KSelectRangeDate.stories.tsx

@@ -71,6 +71,7 @@ KSelectRangePrimary.args = {
   align: "center",
   hideBackdrop: true,
   anchorToButton: true,
+  shorthandEndDateOffsetDays: 5,
 
   onChange: (value) => {
     if (value) {
@@ -113,7 +114,8 @@ KSelectRangeDateMinimumDate.args = {
   anchorToButton: true,
   position: "top",
   align: "center",
-  minimumDate: new Date(new Date().getTime() + 14 * 24 * 60 * 60 * 1000),
+  minimumDate: new Date(new Date().getTime() - 2 * 24 * 60 * 60 * 1000),
+  maximumDate: new Date(new Date().getTime() - 2 * 24 * 60 * 60 * 1000),
 
   onChange: (value) => {
     if (value) {

package/src/components/KSelectRangeDate/KSelectRangeDate.tsx

@@ -32,6 +32,7 @@ export interface KSelectRangeDateProps {
   popupCalendarBackground?: string
   hideBackdrop?: boolean
   weeklyMode?: boolean
+  shorthandEndDateOffsetDays?: number
 }
 
 export type DateRangeType = Date | null | [Date | null, Date | null]
@@ -111,8 +112,11 @@ const KSelectRangeDate: React.FC<KSelectRangeDateProps> = (props) => {
     const month = theDate.getMonth()
     const day = theDate.getDate()
 
-    const endDate = new Date(year, month, day)
-    const startDate = new Date(year, month, day - (range - 1))
+    const delta = props.shorthandEndDateOffsetDays ?? 0
+
+
+    const endDate = new Date(year, month, day - delta)
+    const startDate = new Date(year, month, day - delta - (range - 1))
     setRange([startDate, endDate])
   }
 
@@ -305,7 +309,7 @@ const KSelectRangeDate: React.FC<KSelectRangeDateProps> = (props) => {
               width="140px"
               background={shorthandIndex.current === 2 ? "#F7F7F7" : "#FFF"}
               textColor={shorthandIndex.current === 2 ? "#000" : "#999"}
-              text={lang.button_text.last_week}
+              text={lang.button_text.last_seven_days}
               borderRadius={8}
               shadowDisabled
               hoverBackground="#F0F0F0"
@@ -319,7 +323,7 @@ const KSelectRangeDate: React.FC<KSelectRangeDateProps> = (props) => {
               width="140px"
               background={shorthandIndex.current === 3 ? "#F7F7F7" : "#FFF"}
               textColor={shorthandIndex.current === 3 ? "#000" : "#999"}
-              text={lang.button_text.last_two_weeks}
+              text={lang.button_text.last_fourteen_days}
               borderRadius={8}
               shadowDisabled
               hoverBackground="#F0F0F0"
@@ -327,13 +331,13 @@ const KSelectRangeDate: React.FC<KSelectRangeDateProps> = (props) => {
             />
             <KButton
               onClick={() => {
-                shorthandDateSelection(31)
+                shorthandDateSelection(28)
                 setShorthandIndex({ ...shorthandIndex, current: 4 })
               }}
               width="140px"
               background={shorthandIndex.current === 4 ? "#F7F7F7" : "#FFF"}
               textColor={shorthandIndex.current === 4 ? "#000" : "#999"}
-              text={lang.button_text.last_month}
+              text={lang.button_text.last_twenty_eight_days}
               borderRadius={8}
               shadowDisabled
               hoverBackground="#F0F0F0"

package/src/languages/en.json

@@ -22,6 +22,9 @@
         "last_three_days": "Last 3 days",
         "last_week": "Last week",
         "last_two_weeks": "Last 2 weeks",
+        "last_seven_days": "Last 7 days",
+        "last_fourteen_days": "Last 14 days",
+        "last_twenty_eight_days": "Last 28 days",
         "last_month": "Last Month",
         "last_three_months": "Last 3 months",
         "last_six_months": "Last 6 months",

package/src/languages/tr.json

@@ -22,6 +22,9 @@
         "last_three_days": "Son 3 gün",
         "last_week": "Son hafta",
         "last_two_weeks": "Son 2 hafta",
+        "last_seven_days": "Son 7 gün",
+        "last_fourteen_days": "Son 14 gün",
+        "last_twenty_eight_days": "Son 28 gün",
         "last_month": "Son ay",
         "last_three_months": "Son 3 ay",
         "last_six_months": "Son 6 ay",