@julseb-lib/react 0.0.10 → 0.0.11

package/dist/lib/icons/CloseCircle.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function CloseCircle({
+export const CloseCircle = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Code.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Code({
+export const Code = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/CodeBlock.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function CodeBlock({
+export const CodeBlock = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Comment.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Comment({
+export const Comment = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Drag.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Drag({
+export const Drag = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Edit.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Edit({
+export const Edit = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/EditorCode.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function EditorCode({
+export const EditorCode = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/EditorLive.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function EditorLive({
+export const EditorLive = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/EditorPreview.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function EditorPreview({
+export const EditorPreview = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Hide.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Hide({
+export const Hide = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Image.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Image({
+export const Image = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Italic.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Italic({
+export const Italic = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Link.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Link({
+export const Link = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Minus.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Minus({
+export const Minus = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/OrderedList.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function OrderedList({
+export const OrderedList = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Plus.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Plus({
+export const Plus = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Quote.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Quote({
+export const Quote = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Search.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Search({
+export const Search = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Send.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Send({
+export const Send = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Separator.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Separator({
+export const Separator = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Show.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Show({
+export const Show = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Star.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Star({
+export const Star = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/StarFull.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function StarFull({
+export const StarFull = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Strikethrough.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Strikethrough({
+export const Strikethrough = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/Underline.tsx

@@ -7,13 +7,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function Underline({
+export const Underline = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/icons/UnorderedList.tsx

@@ -3,13 +3,13 @@
 import { StyledIcon } from "./styles"
 import type { ILibIcon } from "./types"
 
-export function UnorderedList({
+export const UnorderedList = ({
     "data-testid": testid,
     className,
     size = 64,
     color = "currentColor",
     ...rest
-}: ILibIcon) {
+}: ILibIcon) => {
     return (
         <StyledIcon
             data-testid={testid}

package/dist/lib/lib-utils/append-styles.ts

@@ -2,7 +2,7 @@
 
 // Append styles to HTML head
 
-export function appendStyles(styles: string) {
+export const appendStyles = (styles: string) => {
     const $style = document.createElement("style")
     document.head.appendChild($style)
     $style.textContent = styles

package/dist/lib/lib-utils/get-icon-size-from-font.ts

@@ -3,7 +3,7 @@
 import { LIB_TOKENS } from ".."
 import type { LibFontSizes } from "../types"
 
-export function getIconSizeFromFont(fontSize: LibFontSizes = "body") {
+export const getIconSizeFromFont = (fontSize: LibFontSizes = "body") => {
     const getSize = (size: LibFontSizes) =>
         Number(LIB_TOKENS["font-sizes"][size].px.replace("px", ""))
 

package/dist/lib/lib-utils/round-icon-size.ts

@@ -2,6 +2,6 @@
 
 import { ICON_MULTIPLIER } from "../Variables"
 
-export function roundIconSize(size: number) {
+export const roundIconSize = (size: number) => {
     return Number((size * ICON_MULTIPLIER).toFixed(2))
 }

package/dist/lib/lib-utils/transfom-search-keys.ts

@@ -1,6 +1,6 @@
 /*=============================================== Transform search keys ===============================================*/
 
-export function transformSearchKeys(keys: Array<string>) {
+export const transformSearchKeys = (keys: Array<string>) => {
     return keys.map(key =>
         key.includes("Key")
             ? key.replace("Key", "")

package/dist/lib/utils/StyleSheetManager.tsx

@@ -1,5 +1,6 @@
 /*=============================================== StyleSheetManager ===============================================*/
 
+import type { FC } from "react"
 import {
     StyleSheetManager as Manager,
     type IStyleSheetManager,
@@ -7,7 +8,7 @@ import {
 } from "styled-components"
 import isPropValid from "@emotion/is-prop-valid"
 
-export function shouldForwardProp(propName: string, target: WebTarget) {
+export const shouldForwardProp = (propName: string, target: WebTarget) => {
     if (typeof target === "string") {
         // For HTML elements, forward the prop if it is a valid HTML attribute
         return isPropValid(propName)
@@ -16,11 +17,11 @@ export function shouldForwardProp(propName: string, target: WebTarget) {
     return true
 }
 
-export function StyleSheetManager({
+export const StyleSheetManager: FC<IStyleSheetManager> = ({
     shouldForwardProp: shouldForwardPropFn = shouldForwardProp,
     enableVendorPrefixes = true,
     ...rest
-}: IStyleSheetManager) {
+}) => {
     return (
         <Manager
             shouldForwardProp={shouldForwardPropFn}

package/dist/lib/utils/linkify-text.tsx

@@ -6,7 +6,7 @@ import { uuid } from "ts-utils-julseb"
 export const URL_REGEX =
     /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm
 
-export function linkifyText(text: string, blank?: boolean) {
+export const linkifyText = (text: string, blank?: boolean) => {
     const words: Array<string> = text?.split(" ")
 
     return words?.map((word: string) =>

package/dist/lib/utils/set-default-theme.ts

@@ -7,7 +7,7 @@ import { COLORS_LIGHT } from "../Variables"
  * @description Sets ThemeLight as default for projects not using ThemeProvider
  * @param arr: Array<FC>
  */
-export function setDefaultTheme(arr: Array<FC>) {
+export const setDefaultTheme = (arr: Array<FC>) => {
     return arr.forEach(
         component => (component.defaultProps = { theme: COLORS_LIGHT })
     )

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@julseb-lib/react",
-    "version": "0.0.10",
+    "version": "0.0.11",
     "type": "module",
     "license": "MIT",
     "scripts": {
@@ -24,6 +24,7 @@
         "check-errors": "tsc --noEmit"
     },
     "dependencies": {
+        "@julseb-lib/utils": "^0.0.1",
         "classnames": "^2.5.1",
         "fuse.js": "^7.0.0",
         "markdown-to-jsx": "^7.5.0",