trotl-filter 1.0.6 → 1.0.8

package/README.md

@@ -1,4 +1,4 @@
-# trotl-table
+# trotl-filter
 
 A simple, flexible **Filters UI** for React.
 

package/dist/index.cjs.js

@@ -7329,8 +7329,21 @@ const DebounceSelect = ({
   isMulti = false,
   pushUrlParamObj = false,
   addItem = undefined,
-  fetchAll = true
+  fetchAll = true,
+  t
 }) => {
+  let translate;
+  if (t) {
+    translate = t;
+  } else {
+    translate = key => {
+      const translations = {
+        add: "Add",
+        cancel: "Cancel"
+      };
+      return translations[key] || key;
+    };
+  }
   const [input, setInput] = React.useState("");
   const [options, setOptions] = React.useState([]);
   const [loading, setLoading] = React.useState(false);
@@ -7557,21 +7570,21 @@ const DebounceSelect = ({
     key: value,
     className: "basic-input-dropdown-item",
     onMouseDown: () => handleSelect(value, label)
-  }, label)), input.trim() && !inputExists && typeof addItem === 'function' && /*#__PURE__*/React.createElement("div", {
+  }, translate(label))), input.trim() && !inputExists && typeof addItem === 'function' && /*#__PURE__*/React.createElement("div", {
     className: "basic-input-dropdown-item",
     style: {
       color: '#1677ff',
       fontWeight: 500
     },
     onMouseDown: handleAddNew
-  }, "+ Add \"", input.trim(), "\"")) : input.trim() && !loading && typeof addItem === 'function' ? /*#__PURE__*/React.createElement("div", {
+  }, "+ ", translate("add"), " \"", input.trim(), "\"")) : input.trim() && !loading && typeof addItem === 'function' ? /*#__PURE__*/React.createElement("div", {
     className: "basic-input-dropdown-item",
     style: {
       color: '#1677ff',
       fontWeight: 500
     },
     onMouseDown: handleAddNew
-  }, "+ Add \"", input.trim(), "\"") : /*#__PURE__*/React.createElement("div", {
+  }, "+ ", translate("add"), " \"", input.trim(), "\"") : /*#__PURE__*/React.createElement("div", {
     className: "no-results-dropdown-item"
   }, "No results")));
 };
@@ -8808,6 +8821,7 @@ function DateTimeInput({
   className = "",
   style = {},
   predefinedRanges = ["today", "yesterday"],
+  startWith = "sunday",
   ...rest
 }) {
   const paramKey = pushUrlParamObj || null;
@@ -9006,8 +9020,12 @@ function DateTimeInput({
   // Build calendar days (6 weeks grid)
   const buildDays = () => {
     const startOfMonth = new Date(monthCursor.getFullYear(), monthCursor.getMonth(), 1);
-    const dayOfWeek = startOfMonth.getDay(); // 0 Sun ... 6 Sat
-    // We start at Sunday of the week containing the 1st
+    let dayOfWeek = startOfMonth.getDay(); // 0 Sun ... 6 Sat
+    // Adjust for Monday start
+    if (startWith === "monday") {
+      dayOfWeek = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
+    }
+    // We start at the first day of the week containing the 1st
     const firstGridDate = new Date(startOfMonth);
     firstGridDate.setDate(startOfMonth.getDate() - dayOfWeek);
     const days = [];
@@ -9244,7 +9262,7 @@ function DateTimeInput({
       marginBottom: 4,
       opacity: 0.8
     }
-  }, ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map(d => /*#__PURE__*/React.createElement("div", {
+  }, (startWith === "monday" ? ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'] : ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']).map(d => /*#__PURE__*/React.createElement("div", {
     key: d,
     style: {
       textAlign: 'center'
@@ -9356,6 +9374,7 @@ DateTimeInput.propTypes = {
  *   onChange: (startDate, endDate) => void
  *   time: boolean - if true, show time selectors
  *   timeStart, timeEnd: default times for start/end
+ *   startWith: "sunday" | "monday" - first day of week
  */
 function CalendarRangePicker({
   startDate,
@@ -9363,7 +9382,8 @@ function CalendarRangePicker({
   onChange,
   time = false,
   timeStart = "00:00",
-  timeEnd = "23:59"
+  timeEnd = "23:59",
+  startWith = "sunday"
 }) {
   // Current view months (show 2 months)
   const [leftMonth, setLeftMonth] = React.useState(() => {
@@ -9441,7 +9461,11 @@ function CalendarRangePicker({
     const monthIdx = month.getMonth();
     const firstDay = new Date(year, monthIdx, 1);
     const lastDay = new Date(year, monthIdx + 1, 0);
-    const startWeekday = firstDay.getDay(); // 0 = Sunday
+    let startWeekday = firstDay.getDay(); // 0 = Sunday
+    // Adjust for Monday start
+    if (startWith === "monday") {
+      startWeekday = startWeekday === 0 ? 6 : startWeekday - 1;
+    }
     const daysInMonth = lastDay.getDate();
     const days = [];
     // Padding days from previous month
@@ -9488,7 +9512,7 @@ function CalendarRangePicker({
         gridTemplateColumns: "repeat(7, 1fr)",
         gap: 2
       }
-    }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(day => /*#__PURE__*/React.createElement("div", {
+    }, (startWith === "monday" ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]).map(day => /*#__PURE__*/React.createElement("div", {
       key: day,
       style: {
         textAlign: "center",
@@ -9592,7 +9616,8 @@ CalendarRangePicker.propTypes = {
   onChange: PropTypes.func.isRequired,
   time: PropTypes.bool,
   timeStart: PropTypes.string,
-  timeEnd: PropTypes.string
+  timeEnd: PropTypes.string,
+  startWith: PropTypes.oneOf(["sunday", "monday"])
 };
 
 /**
@@ -9792,6 +9817,7 @@ function RangePicker({
   min,
   max,
   predefinedRanges = PREDEFINED_RANGES,
+  startWith = "sunday",
   ...rest
 }) {
   const paramKey = pushUrlParamObj || null;
@@ -10125,7 +10151,8 @@ function RangePicker({
     },
     time: time,
     timeStart: timeStart,
-    timeEnd: timeEnd
+    timeEnd: timeEnd,
+    startWith: startWith
   }), processedRanges && processedRanges.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 12,
@@ -10213,6 +10240,7 @@ RangePicker.propTypes = {
   style: PropTypes.object,
   min: PropTypes.string,
   max: PropTypes.string,
+  startWith: PropTypes.oneOf(["sunday", "monday"]),
   predefinedRanges: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string,
   // e.g., "today", "yesterday", "lastweek"
   PropTypes.number,