sag_components 2.0.0-beta212 → 2.0.0-beta213

package/dist/index.js

@@ -34896,18 +34896,17 @@ styled.css`
  * • onApply(start,end) — callback, both numbers (inclusive)
  * • onCancel()         — callback
  */
-const WeeksCalendar = _ref => {
-  let {
-    year,
-    defaultStartWeek = null,
-    defaultEndWeek = null,
-    backgroundColor = "#066768",
-    hoverBackgroundColor = "#E6F0F0",
-    allowedWeekRange = null,
-    // New prop for range restriction
-    onApply,
-    onCancel
-  } = _ref;
+const WeeksCalendar = ({
+  year,
+  defaultStartWeek = null,
+  defaultEndWeek = null,
+  backgroundColor = "#066768",
+  hoverBackgroundColor = "#E6F0F0",
+  allowedWeekRange = null,
+  // New prop for range restriction
+  onApply,
+  onCancel
+}) => {
   // state -------------------------------------------------
   const [startWeek, setStartWeek] = React$1.useState(defaultStartWeek);
   const [endWeek, setEndWeek] = React$1.useState(defaultEndWeek);
@@ -35770,7 +35769,8 @@ const Input$2 = _ref => {
     rightIconOnClick,
     multiline = false,
     rows = 3,
-    maxLength
+    maxLength,
+    regex
   } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -35789,13 +35789,19 @@ const Input$2 = _ref => {
   };
   const handleInputChange = e => {
     setIsFocused(true);
-    setInputValue(e.target.value);
+    let newValue = e.target.value; // ← CHANGE: use let instead of const
+
+    // ← ADD THIS: Apply filter pattern if provided
+    if (regex) {
+      newValue = newValue.replace(regex, "");
+    }
+    setInputValue(newValue); // ← CHANGE: use newValue instead of e.target.value
     if (inputRef?.current) {
       inputRef?.current?.focus();
     }
     onChange({
-      newValue: e.target.value || ""
-    });
+      newValue: newValue || ""
+    }); // ← CHANGE: use newValue instead of e.target.value
   };
   const handleContainerClick = e => {
     if (onClick && typeof onClick === "function") {
@@ -35958,7 +35964,8 @@ Input$2.propTypes = {
   password: PropTypes.bool,
   multiline: PropTypes.bool,
   rows: PropTypes.number,
-  maxLength: PropTypes.number
+  maxLength: PropTypes.number,
+  regex: PropTypes.instanceOf(RegExp)
 };
 Input$2.defaultProps = {
   placeHolder: "Type...",
@@ -35981,7 +35988,8 @@ Input$2.defaultProps = {
   password: false,
   multiline: false,
   rows: 3,
-  maxLength: undefined
+  maxLength: undefined,
+  regex: undefined
 };
 
 const ToggleSwitchLabel = styled__default["default"].label`
@@ -35989,12 +35997,9 @@ const ToggleSwitchLabel = styled__default["default"].label`
   position: relative;
   cursor: pointer;
   user-select: none;
-  opacity: ${_ref => {
-  let {
-    disabled
-  } = _ref;
-  return disabled ? 0.5 : 1;
-}};
+  opacity: ${({
+  disabled
+}) => disabled ? 0.5 : 1};
 `;
 const ToggleInput = styled__default["default"].input`
   display: none;
@@ -36002,19 +36007,15 @@ const ToggleInput = styled__default["default"].input`
 const ToggleSlider = styled__default["default"].span`
   display: block;
   position: relative;
-  background: ${_ref2 => {
-  let {
-    checked,
-    disabled
-  } = _ref2;
-  return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
-}};
+  background: ${({
+  checked,
+  disabled
+}) => checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc"};
   border-radius: 999px;
   transition: background 0.2s;
-  ${_ref3 => {
-  let {
-    size
-  } = _ref3;
+  ${({
+  size
+}) => {
   switch (size) {
     case "s":
       return styled.css`width: 40px; height: 20px;`;
@@ -36033,10 +36034,9 @@ const ToggleSlider = styled__default["default"].span`
     background: #fff;
     border-radius: 50%;
     transition: left 0.2s, width 0.2s, height 0.2s;
-    ${_ref4 => {
-  let {
-    size
-  } = _ref4;
+    ${({
+  size
+}) => {
   switch (size) {
     case "s":
       return styled.css`width: 14px; height: 14px;`;
@@ -36046,11 +36046,10 @@ const ToggleSlider = styled__default["default"].span`
       return styled.css`width: 20px; height: 20px;`;
   }
 }}
-    left: ${_ref5 => {
-  let {
-    checked,
-    size
-  } = _ref5;
+    left: ${({
+  checked,
+  size
+}) => {
   if (!checked) return "3px";
   switch (size) {
     case "s":
@@ -36064,9 +36063,9 @@ const ToggleSlider = styled__default["default"].span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -54608,11 +54607,10 @@ const DropdownList = styled__default["default"].ul`
       `}
 `;
 const SectionDiv = styled__default["default"].div`
-  ${_ref => {
-  let {
-    $showBorder,
-    margin
-  } = _ref;
+  ${({
+  $showBorder,
+  margin
+}) => {
   switch ($showBorder) {
     case 'Template Offer':
       return styled.css`border-top: 1px solid #e6e2e2ff;