l-min-components 1.0.145 → 1.0.149

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.145",
+  "version": "1.0.149",
   "type": "module",
   "files": [
     "src/assets",

package/src/assets/svg/add.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const AddIcon = ({ width, height, fill }) => (
   <svg
     width={width || "21"}

package/src/assets/svg/arrow-down.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const ArrowDownIcon = ({ width, height, fill }) => (
   <svg
     width={width || "10"}

package/src/assets/svg/book.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const BookIcon = ({ width, height, fill }) => (
   <svg
     width={width || "23"}

package/src/assets/svg/calendar.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const CalendarIcon = ({ width, height, fill, onClick }) => (
   <svg
     onClick={onClick}

package/src/assets/svg/close.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const CloseIcon = ({ width, height, fill, onClick }) => (
   <svg
     onClick={onClick}

package/src/assets/svg/download.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const DownloadIcon = ({ width, height, fill, onClick }) => (
   <svg
     onClick={onClick}

package/src/assets/svg/learning.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 const Learn = () => {
     return (
 

package/src/assets/svg/message.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const MessageIcon = ({ width, height, fill }) => (
   <svg
     width={width || "22"}

package/src/assets/svg/notification.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const NotificationIcon = ({ width, height, fill }) => (
   <svg
   width={width || "23"}

package/src/assets/svg/people.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const PeopleIcon = ({ width, height, fill }) => (
   <svg
     width={width || "19"}

package/src/assets/svg/search.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const SearchIcon = ({ width, height, fill }) => (
   <svg
     width={width || "22"}

package/src/assets/svg/setting.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 export const SettingIcon = ({ width, height, fill }) => (
   <svg
     width={width || "17"}

package/src/components/AppMainLayout/index.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import React, { useState, useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import {
   Layout,

package/src/components/Arrow.jsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 const Arrow = () => {
   return (
     <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">

package/src/components/developerAPIdocs/index.jsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import {
   CardContainer,
   CardRightSection,

package/src/components/dropdown component/index.jsx

@@ -1,4 +1,4 @@
-import { useState, CSSProperties, useEffect } from "react";
+import React, { useState, CSSProperties, useEffect } from "react";
 import {
   ControlInput,
   DropDownContainer,

package/src/components/friendRequest/friendRequestCard/index.jsx

@@ -1,5 +1,5 @@
-import PropTypes from "prop-types";
 import React from "react";
+import PropTypes from "prop-types";
 import {
   AcceptButton,
   ButtonContainer,

package/src/components/graph/graphData.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { Line } from "react-chartjs-2";
 import { Chart as ChartJS } from "chart.js/auto";
 

package/src/components/graph/index.jsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import {
   GraphCard,
   GraphCardBody,

package/src/components/index.js

@@ -11,19 +11,17 @@ export { default as RequestList } from "./friendRequest/friendRequestList";
 export { default as CourseList } from "./course/courseList";
 export { default as ApiProgressBar } from "./ApiProgress/ApiProgressBar";
 export { default as ApiConsumption } from "./ApiProgress/ApiConsumption";
-export { default as Calender } from "./calender/input";
 export { default as Loader } from "./loader";
-export { default as SearchComponent } from "./searchBar"; 
+export { default as SearchComponent } from "./searchBar";
 export { default as ButtonComponent } from "./button";
-export { default as ButtonComponent } from './toggle button';
-export { default as DropDownComponent } from "./dropdown component";
+export { default as ToggleButtonComponent } from "./toggle button";
 export { default as InputComponent } from "./input";
 export { default as MainLayout } from "./authentication/mainLayout";
 export { default as SocialBtn } from "./button/socialBtn";
 export { default as SuccessCard } from "./successCard/index";
 export { default as DropDownComponent } from "./dropdown component";
 export { default as SelectDropdown } from "./select";
-export { default as SelectDropdown } from "./graph";
+export { default as SelectDropdownGraph } from "./graph";
 export { default as NotificationThresholdComponent } from "./notificationThreshold";
 export { default as DevAPIdocs } from "./developerAPIdocs";
-export {default as Calender } from "./calender/input";
+export { default as Calender } from "./calender/input";

package/src/components/notificationThreshold/index.jsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import {
   CardContainer,
   CardBody,

package/src/components/select/index.jsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import PropTypes from "prop-types";
 import {
   SelectWrapper,

package/src/components/toggle button/index.jsx

@@ -1,4 +1,4 @@
-import { useEffect, useState, CSSProperties } from "react";
+import React, { useEffect, useState, CSSProperties } from "react";
 import { ToggleBob, ToggleContainer } from "./styles";
 /**
  * @param {{