l-min-components 1.0.147 → 1.0.150

package/package.json

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

package/src/assets/svg/add.jsx

@@ -1,14 +1,15 @@
-export const AddIcon = ({ width, height, fill }) => (
+import React from "react";
+const AddIcon = ({ width, height, fill }) => (
   <svg
     width={width || "21"}
     height={height || "20"}
     viewBox="0 0 21 20"
     fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+    xmlns="http://www.w3.org/2000/svg">
     <path
       d="M11.5 5H9.5V9H5.5V11H9.5V15H11.5V11H15.5V9H11.5V5ZM10.5 0C4.98 0 0.5 4.48 0.5 10C0.5 15.52 4.98 20 10.5 20C16.02 20 20.5 15.52 20.5 10C20.5 4.48 16.02 0 10.5 0ZM10.5 18C6.09 18 2.5 14.41 2.5 10C2.5 5.59 6.09 2 10.5 2C14.91 2 18.5 5.59 18.5 10C18.5 14.41 14.91 18 10.5 18Z"
       fill="#FEBF10"
     />
   </svg>
 );
+export default { AddIcon };

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,15 +1,16 @@
-export const CloseIcon = ({ width, height, fill, onClick }) => (
+import React from "react";
+const CloseIcon = ({ width, height, fill, onClick }) => (
   <svg
     onClick={onClick}
     width={width || "12"}
     height={height || "12"}
     viewBox="0 0 12 12"
     fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+    xmlns="http://www.w3.org/2000/svg">
     <path
       d="M11.8307 1.3415L10.6557 0.166504L5.9974 4.82484L1.33906 0.166504L0.164062 1.3415L4.8224 5.99984L0.164062 10.6582L1.33906 11.8332L5.9974 7.17484L10.6557 11.8332L11.8307 10.6582L7.1724 5.99984L11.8307 1.3415Z"
       fill="#323232"
     />
   </svg>
 );
+export default { CloseIcon };

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/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 {{