impact-ui 3.7.25 → 4.0.0-alpha.10

package/src/components/RadioButtonGroup/RadioButtonGroup.styles.scss

@@ -1,136 +0,0 @@
-@import "../../styles/index.scss";
-
-.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root {
-  padding: 3px 8px;
-  padding-left: 0px !important;
-}
-
-.MuiFormGroup-root.orientation-row {
-  gap: 8px;
-  flex-direction: row;
-  .ia-radioButton {
-    &:first-child {
-      margin-left: 0px !important;
-    }
-
-    &:last-child {
-      margin-right: 0px !important;
-    }
-  }
-}
-
-.MuiFormGroup-root.orientation-column {
-  gap: 8px;
-  flex-direction: column;
-  .ia-radioButton {
-    margin: 0 !important;
-  }
-}
-
-.ia-radioButton {
-  // margin: 0 0 0 -8px;
-  .MuiSvgIcon-root {
-    width: 16px;
-    height: 16px;
-    border: 1px solid $deactivateColor;
-    border-radius: 50%;
-  }
-  path {
-    display: none;
-  }
-}
-
-.ia-radioButton:hover .MuiSvgIcon-root {
-  border: 1px solid $primaryColor;
-}
-.ia-radioButton-disabled .MuiSvgIcon-root {
-  border: 1px solid $disabledSecondaryBorder !important;
-  background: $textButtonPrimaryBg;
-}
-
-.ia-radioButton.ia-radioButton-disabled .MuiSvgIcon-root:nth-child(2) {
-  width: 10px;
-  height: 10px;
-  padding: 0;
-  margin: 0;
-  background: $accordionBgBackground !important;
-  border-radius: 50%;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  top: 0;
-  border: none;
-  bottom: 0;
-  border: 1px solid $accordionBgBackground !important;
-}
-
-.ia-radioButton .MuiSvgIcon-root:nth-child(2) {
-  width: 10px;
-  height: 10px;
-  padding: 0;
-  margin: 0;
-  background: $primaryColor;
-  border-radius: 50%;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  top: 0;
-  border: none;
-  bottom: 0;
-}
-
-.ia-radioButton .Mui-checked .MuiSvgIcon-root {
-  width: 16px;
-  height: 16px;
-  border: 1px solid $primaryColor;
-  border-radius: 50%;
-  background: transparent;
-  path {
-    display: none;
-  }
-}
-
-.ia-radioButton .Mui-checked .MuiSvgIcon-root:nth-child(2) {
-  width: 10px;
-  height: 10px;
-  padding: 0;
-  margin: 0;
-  background: $primaryColor;
-  border-radius: 50%;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  top: 0;
-  border: none;
-  bottom: 0;
-  // border: 1px solid $accordionBgBackground !important;
-}
-.ia-radioButton {
-  .MuiTypography-root {
-    font-size: 14px;
-    color: $grayBadge;
-    font-family: $fontFamily;
-    font-weight: 500;
-  }
-
-  .MuiRadio-root.Mui-checked + .MuiTypography-root {
-    color: $mainFontColor;
-  }
-}
-
-.ia-radioGroup-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.ia-radioGroup-label {
-  color: $chatBotTextColor;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 20px;
-  text-transform: capitalize;
-}

package/src/components/RadioButtonGroup/index.js

@@ -1,107 +0,0 @@
-import React, { useMemo } from "react";
-import PropTypes from "prop-types";
-import Radio from "@mui/material/Radio";
-import RadioGroup from "@mui/material/RadioGroup";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import "./RadioButtonGroup.styles.scss";
-
-const RadioButton = ({
-  selfProps: { icon, label, ...selfProps },
-  parentProps,
-}) => {
-  const radioButtonClassName = useMemo(() => {
-    let retVal = "ia-styles ia-radioButton";
-
-    if (selfProps.disabled || parentProps.isDisabled)
-      retVal += " ia-radioButton-disabled";
-    if (selfProps.value === parentProps.selectedOption)
-      retVal += " ia-radioButton-selected";
-
-    return retVal;
-  });
-
-  return (
-    <FormControlLabel
-      {...parentProps}
-      className={radioButtonClassName}
-      control={<Radio disableRipple disableElevation />}
-      disableRipple
-      disableElevation
-      label={label}
-      disabled={parentProps.isDisabled}
-      {...selfProps}
-    />
-  );
-};
-
-RadioButton.propTypes = {
-  selfProps: PropTypes.shape({
-    label: PropTypes.string,
-    disabled: PropTypes.bool,
-    value: PropTypes.string,
-  }),
-  parentProps: PropTypes.shape({
-    disabled: PropTypes.bool,
-    selectedOption: PropTypes.string,
-  }),
-};
-
-export const RadioButtonGroup = ({
-  options,
-  isDisabled,
-  selectedOption,
-  onChange,
-  name,
-  orientation,
-  label,
-  ...args
-}) => {
-  const getOrientation = (orientation) => {
-    switch (orientation) {
-      case "row":
-        return "orientation-row";
-      default:
-        return "orientation-column";
-    }
-  };
-
-  // console.log(orientation);
-
-  return (
-    <div className="ia-styles ia-radioGroup-wrapper">
-    {label && (                                 
-      <p className="ia-radioGroup-label">{label}</p>
-    )}
-    <RadioGroup
-      className={`ia-styles ia-radioGroup ${getOrientation(orientation)}`}
-      aria-labelledby={name}
-      disableRipple
-      disableElevation
-      value={selectedOption}
-      onChange={onChange} //
-      name={name}
-      {...args}
-    >
-      {options.map((opt) => {
-        return (
-          <RadioButton
-            key={opt.value}
-            parentProps={{ ...args, isDisabled, selectedOption }}
-            selfProps={opt}
-          />
-        );
-      })}
-    </RadioGroup>
-    </div>
-  );
-};
-
-RadioButtonGroup.propTypes = {
-  options: PropTypes.arrayOf(PropTypes.shape),
-  selectedOption: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  name: PropTypes.string,
-  orientation: PropTypes.string,
-  label: PropTypes.string,
-};

package/src/components/Select/SearchFilter.js

@@ -1,72 +0,0 @@
-import React, { forwardRef, useRef, useState, useEffect } from "react";
-import { Checkbox } from "../Checkbox";
-
-const SearchFilter = forwardRef(
-  (
-    {
-      isClearable,
-      onSearch,
-      isMulti,
-      onSelectAll,
-      onClearAll,
-      isSelectAll,
-      selectedOptions,
-      toggleSelectAll,
-      isWithSearch,
-      onKeyDown,
-      searchPlaceholder,
-      isLoading,
-      searchTerm,
-      externalOnSearch,
-      setSearchTerm,
-      onSearchBlur,
-      selectionLabels = {},
-    },
-    ref
-  ) => {
-    useEffect(() => {
-      setSearchTerm("");
-    }, []);
-    return (
-      <>
-        {isWithSearch && (
-          <input
-            className="ia-select-search-box"
-            placeholder={searchPlaceholder}
-            ref={ref}
-            onChange={onSearch}
-            onKeyDown={onKeyDown}
-            value={searchTerm}
-            onBlur={onSearchBlur}
-          />
-        )}
-        {isMulti && toggleSelectAll && !isLoading && (
-          <div className="ia-select-search-container">
-            <div className="ia-select-selectAll-container">
-              <Checkbox
-                name="select-all"
-                id="select-all"
-                label={isSelectAll ? (selectionLabels.deselectAll || "Deselect All") : (selectionLabels.selectAll || "Select All")}
-                onChange={onSelectAll}
-                checked={isSelectAll}
-                //withoutFormLabel={true}
-                className="select-selectAll-checkbox"
-              />
-              {isClearable && selectedOptions.length > 0 && (
-                <button
-                  className="ia-select-clear-all-button"
-                  variant="url"
-                  onClick={() => onClearAll()}
-                >
-                  Clear
-                </button>
-              )}
-            </div>
-          </div>
-        )}
-      </>
-    );
-  }
-);
-
-export default SearchFilter;