sag_components 2.0.0-beta212 → 2.0.0-beta214

package/dist/index.esm.js

@@ -34886,18 +34886,17 @@ 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] = useState(defaultStartWeek);
   const [endWeek, setEndWeek] = useState(defaultEndWeek);
@@ -35760,7 +35759,9 @@ const Input$2 = _ref => {
     rightIconOnClick,
     multiline = false,
     rows = 3,
-    maxLength
+    maxLength,
+    regex,
+    onKeyDown
   } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -35779,13 +35780,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") {
@@ -35905,6 +35912,7 @@ const Input$2 = _ref => {
     onClick: handleLabelClick,
     onFocus: handleFocus,
     onBlur: handleBlur,
+    onKeyDown: onKeyDown,
     disabled: disabled,
     isDarkerBackground: isDarkerBackground,
     placeholder: isFocused ? placeHolder : "",
@@ -35948,7 +35956,9 @@ Input$2.propTypes = {
   password: PropTypes.bool,
   multiline: PropTypes.bool,
   rows: PropTypes.number,
-  maxLength: PropTypes.number
+  maxLength: PropTypes.number,
+  regex: PropTypes.instanceOf(RegExp),
+  onKeyDown: PropTypes.func
 };
 Input$2.defaultProps = {
   placeHolder: "Type...",
@@ -35971,7 +35981,9 @@ Input$2.defaultProps = {
   password: false,
   multiline: false,
   rows: 3,
-  maxLength: undefined
+  maxLength: undefined,
+  regex: undefined,
+  onKeyDown: () => {}
 };
 
 const ToggleSwitchLabel = styled.label`
@@ -35979,12 +35991,9 @@ const ToggleSwitchLabel = styled.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.input`
   display: none;
@@ -35992,19 +36001,15 @@ const ToggleInput = styled.input`
 const ToggleSlider = styled.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 css`width: 40px; height: 20px;`;
@@ -36023,10 +36028,9 @@ const ToggleSlider = styled.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 css`width: 14px; height: 14px;`;
@@ -36036,11 +36040,10 @@ const ToggleSlider = styled.span`
       return css`width: 20px; height: 20px;`;
   }
 }}
-    left: ${_ref5 => {
-  let {
-    checked,
-    size
-  } = _ref5;
+    left: ${({
+  checked,
+  size
+}) => {
   if (!checked) return "3px";
   switch (size) {
     case "s":
@@ -36054,9 +36057,9 @@ const ToggleSlider = styled.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 {
@@ -54598,11 +54601,10 @@ const DropdownList = styled.ul`
       `}
 `;
 const SectionDiv = styled.div`
-  ${_ref => {
-  let {
-    $showBorder,
-    margin
-  } = _ref;
+  ${({
+  $showBorder,
+  margin
+}) => {
   switch ($showBorder) {
     case 'Template Offer':
       return css`border-top: 1px solid #e6e2e2ff;