impact-ui 3.7.25 → 4.0.0-alpha.10

package/src/components/Sidebar/mock.js

@@ -1,202 +0,0 @@
-import React from "react";
-
-// normal routes icon
-import GridViewIcon from "@mui/icons-material/GridView";
-import CalendarMonthIcon from "@mui/icons-material/CalendarMonth";
-import SellIcon from "@mui/icons-material/Sell";
-import GpsFixedIcon from "@mui/icons-material/GpsFixed";
-import StorefrontIcon from "@mui/icons-material/Storefront";
-import Inventory2Icon from "@mui/icons-material/Inventory2";
-import PaymentsIcon from "@mui/icons-material/Payments";
-import BackupTableIcon from "@mui/icons-material/BackupTable";
-// import TungstenOutlinedIcon from "@mui/icons-material/TungstenOutlined";
-// import PsychologyOutlinedIcon from "@mui/icons-material/PsychologyOutlined";
-// import PaymentsOutlinedIcon from "@mui/icons-material/PaymentsOutlined";
-// import AssessmentOutlinedIcon from "@mui/icons-material/AssessmentOutlined";
-// import ScheduleOutlinedIcon from "@mui/icons-material/ScheduleOutlined";
-
-// action routes icon
-import SettingsOutlinedIcon from "@mui/icons-material/SettingsOutlined";
-
-export const routes = [
-  {
-    value: "des-dash",
-    label: "Decision Dashboard",
-    icon: <GridViewIcon />,
-    link: "/decision-dashboard",
-    children: [],
-  },
-  {
-    value: "mark-cal",
-    label: "Marketing Calendar",
-    icon: <CalendarMonthIcon />,
-    link: "/marketing-calendar",
-    children: [],
-  },
-  {
-    value: "bas-pric",
-    label: "Base Price Strategies",
-    icon: <SellIcon />,
-    tooltip: "testing",
-    link: "/base-price-strategies",
-    isDisabled: true,
-    children: [],
-  },
-  {
-    value: "rules",
-    label: "Rules",
-    icon: <GpsFixedIcon />,
-    link: "/rules",
-    children: [
-      {
-        value: "exp-rep",
-        label: "Exception Report",
-        // icon: <AssessmentOutlinedIcon />,
-        link: "/reporting",
-        children: [],
-      },
-      {
-        value: "pric-over",
-        label: "Price Override History",
-        // icon: <ScheduleOutlinedIcon />,
-        link: "/reporting",
-        children: [],
-      },
-    ],
-  },
-  {
-    value: "report",
-    label: "Reporting",
-    icon: <BackupTableIcon />,
-    link: "/reporting",
-    children: [
-      {
-        value: "comp-pos",
-        label: "Competitor Positioning",
-        // icon: <TungstenOutlinedIcon />,
-        link: "/reporting",
-        children: [],
-      },
-      {
-        value: "price-change",
-        label: "Price Change Drivers",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/reporting",
-        isDisabled: true,
-        children: [],
-      },
-      {
-        value: "comp-price",
-        label: "competitor Price Data",
-        // icon: <PaymentsOutlinedIcon />,
-        link: "/reporting",
-        children: [],
-      },
-    ],
-  },
-  {
-    value: "stor-prod",
-    label: "Stores & Product Config",
-    icon: <StorefrontIcon />,
-    link: "/store-product-configuration",
-    children: [],
-  },
-  {
-    value: "prod-det",
-    label: "Product Details",
-    icon: <Inventory2Icon />,
-    link: "/product-details",
-    children: [
-      {
-        value: "hind-sight-dashboard",
-        label: "Hindsight dashboard",
-        // icon: <TungstenOutlinedIcon />,
-        link: "/reporting",
-      },
-      {
-        value: "in-season",
-        label: "In Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/reporting",
-      },
-      {
-        value: "pre-season",
-        label: "Pre Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-      {
-        value: "monsoon-season",
-        label: "Monsoon Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-      {
-        value: "summer-season",
-        label: "Summer Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-      {
-        value: "monsoon-season",
-        label: "Monsoon Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-      {
-        value: "summer-season",
-        label: "Summer Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-      {
-        value: "monsoon-season",
-        label: "Monsoon Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-      {
-        value: "summer-season",
-        label: "Summer Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-      {
-        value: "monsoon-season",
-        label: "Monsoon Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-      {
-        value: "summer-season",
-        label: "Summer Season",
-        // icon: <PsychologyOutlinedIcon />,
-        link: "/pre-season",
-      },
-    ],
-  },
-  {
-    value: "pric-zon",
-    label: "Price Zone",
-    icon: <PaymentsIcon />,
-    link: "/price-zone",
-    children: [],
-  },
-  {
-    value: "pric-zon1",
-    label: "Price Zone 1",
-    icon: <PaymentsIcon />,
-    link: "/price-zone",
-    children: [],
-  },
-];
-
-export const actionRoutes = [
-  {
-    value: "setting",
-    label: "Setting",
-    icon: <SettingsOutlinedIcon />,
-    link: "/setting",
-    children: [],
-  },
-];

package/src/components/Slider/Sliders.styles.scss

@@ -1,260 +0,0 @@
-@import "../../styles/index.scss";
-
-.slider-container {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-height: calc(100% + 20px); // Reserve space for info message
-}
-
-.impact_slider_layout {
-  display: flex;
-  gap: 16px;
-  // flex-wrap: wrap;
-  .input_layout_style {
-    .MuiFormControl-root {
-      .MuiInputBase-root {
-        height: 32px;
-        border: 1px solid #c3c8d4;
-        border-radius: 8px;
-        width: 75px;
-        background-color: $whiteColor;
-
-        &:focus {
-          border: 1px solid $primaryColor;
-        }
-
-        &:hover {
-          border: 1px solid $primaryColor;
-        }
-
-        fieldset {
-          border: none !important;
-        }
-      }
-    }
-  }
-  .impact_slider_layout_heading {
-    font-size: 22px;
-    font-weight: 400;
-    line-height: 30.05px;
-  }
-
-  .header-top {
-    flex-direction: column;
-  }
-
-  .header-left {
-    flex-direction: row;
-    gap: 32px;
-    align-items: center;
-  }
-
-  .impact_slider_container {
-    width: 390px;
-    .impact_slider_labelname {
-      display: block;
-      font-size: 12px;
-      font-weight: $normalFontWeight;
-      color: $textButtonFontColor;
-      margin-bottom: 8px;
-      margin-top: 8px;
-    }
-    .impact_slider_main_container {
-      display: flex;
-      align-items: center;
-      gap: 16px;
-      position: relative;
-
-      .impact_slider_threshold_marker {
-        position: absolute;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        width: 2px;
-        height: 8px;
-        border-radius: 1px;
-        pointer-events: none;
-        z-index: 1;
-        background-color: #e74b1c;
-      }
-
-      .MuiSlider-root {
-        color: $primaryColor;
-        height: 4px;
-      }
-      .MuiSlider-rail {
-        background: $disabledSecondaryBorder;
-        opacity: 1;
-      }
-      .MuiSlider-thumb:hover {
-        box-shadow: none;
-      }
-      .MuiSlider-valueLabel {
-        background-color: #0d152c;
-        color: $whiteColor;
-      }
-    }
-
-    .impact_slider_main_container_disabled {
-      pointer-events: none;
-      .MuiSlider-root {
-        color: $deactivateColor;
-        height: 4px;
-      }
-      .MuiSlider-rail {
-        background: $deactivateColor;
-        opacity: 1;
-      }
-    }
-  }
-
-  .impact_slider_disabled {
-    .MuiSlider-root {
-      color: $disabledSecondaryBorder !important;
-    }
-    .MuiInputBase-root {
-      color: $disabledSecondaryBorder;
-      border: 1px solid $disabledSecondaryBorder;
-      background: $inactiveInputBackground;
-
-      &:focus {
-        border: 1px solid $disabledSecondaryBorder !important;
-      }
-
-      &:hover {
-        border: 1px solid $disabledSecondaryBorder !important;
-      }
-
-      fieldset {
-        border: none !important;
-      }
-    }
-  }
-
-  // Input layout styles
-  .input_layout_style {
-    &.ranged {
-      form {
-        display: flex;
-        align-items: center;
-        .MuiFormControl-root {
-          display: flex;
-          flex-direction: row;
-          align-items: center;
-          justify-content: space-between;
-          flex-grow: 1;
-        }
-      }
-    }
-
-    &.single {
-      form {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        .MuiFormControl-root {
-          width: 120px;
-        }
-      }
-    }
-  }
-}
-
-// Input position styles
-.input-position-inline {
-  align-items: flex-end !important;
-  .impact_slider_layout {
-    display: flex;
-    gap: 24px;
-
-    .impact_slider_main_container {
-      flex: 1;
-    }
-
-    .input_layout_style {
-      flex-shrink: 0;
-    }
-  }
-}
-
-.input-position-bottom {
-  flex-direction: column;
-  .impact_slider_layout {
-    display: flex;
-    gap: 16px;
-
-    .impact_slider_main_container {
-      width: 100%;
-    }
-
-    .input_layout_style {
-      align-self: flex-end;
-    }
-  }
-}
-.MuiSlider-thumb {
-  box-shadow: none !important;
-}
-
-.MuiSlider-thumb::before {
-  box-shadow: none !important;
-}
-
-.MuiSlider-thumb:hover,
-.MuiSlider-thumb.Mui-focusVisible,
-.MuiSlider-thumb:active {
-  box-shadow: none !important;
-  z-index: 2;
-}
-
-// Fix for disabled OutlinedInput hover/focus border issue
-.Mui-disabled {
-  pointer-events: none;
-
-  // For input specifically
-  &.MuiOutlinedInput-root {
-    fieldset {
-      border-color: #e0e0e0 !important; // or your disabled border color
-    }
-    &:hover fieldset,
-    &:focus-within fieldset {
-      border-color: #e0e0e0 !important; // override blue border on hover/focus
-    }
-  }
-}
-
-// Info message styles
-.slider-info-message {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  padding-left: 91px; // input width and gap
-  color: $destructiveBg;
-  height: 20px; // Fixed height to prevent jerking
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
-
-  &.hidden {
-    opacity: 0;
-    transform: translateY(-4px);
-    pointer-events: none;
-  }
-
-  .slider-info-icon {
-    font-size: 14px;
-    flex-shrink: 0;
-  }
-
-  .slider-info-text {
-    font-weight: 500;
-    line-height: 16px;
-  }
-}
-
-// Info message placeholder - always present to maintain consistent height
-.slider-info-placeholder {
-  height: 20px;
-  width: 100%;
-}