@arkyn/components 3.0.1-beta.2 → 3.0.1-beta.20

package/dist/services/getRichTextValueFromHtml.js

@@ -1,59 +0,0 @@
-import parse from "html-react-parser";
-const deserialize = (el) => {
-    if (typeof el === "string") {
-        return { text: el };
-    }
-    const children = Array.isArray(el.props.children)
-        ? el.props.children.map((child) => deserialize(child))
-        : [{ text: el.props.children || "" }];
-    const align = el.props.className?.replace("align_", "");
-    switch (el.type) {
-        case "img":
-            return {
-                type: "image",
-                align,
-                src: el.props.src,
-                children: [{ text: "" }],
-            };
-        case "p":
-            return { type: "paragraph", align, children };
-        case "blockquote":
-            return { type: "blockQuote", align, children };
-        case "ul":
-            return { type: "bulletedList", align, children };
-        case "ol":
-            return { type: "numberedList", align, children };
-        case "li":
-            return { type: "listItem", align, children };
-        case "h1":
-            return { type: "headingOne", align, children };
-        case "h2":
-            return { type: "headingTwo", align, children };
-        case "strong":
-            return { text: el.props.children, bold: true };
-        case "code":
-            return { text: el.props.children, code: true };
-        case "em":
-            return { text: el.props.children, italic: true };
-        case "u":
-            return { text: el.props.children, underline: true };
-        default:
-            return { text: el.props.children || "" };
-    }
-};
-const getRichTextValueFromHtml = (html) => {
-    const parsed = parse(html);
-    if (Array.isArray(parsed)) {
-        return parsed.map((node) => {
-            if (typeof node === "string") {
-                return { text: node };
-            }
-            return deserialize(node);
-        });
-    }
-    if (typeof parsed === "string") {
-        return [{ text: parsed }];
-    }
-    return [deserialize(parsed)];
-};
-export { getRichTextValueFromHtml };

package/dist/services/index.d.ts

@@ -1,8 +0,0 @@
-import { GenerateIcon } from "./generateIcon";
-import { generatePagesArray } from "./generatePagerArray";
-import { getHtmlFromRichTextValue } from "./getHtmlFromRichTextValue";
-import { getRichTextValueFromHtml } from "./getRichTextValueFromHtml";
-import { isHtml } from "./isHtml";
-import { morpheme } from "./morpheme";
-export { GenerateIcon, generatePagesArray, morpheme, getHtmlFromRichTextValue, isHtml, getRichTextValueFromHtml, };
-//# sourceMappingURL=index.d.ts.map

package/dist/services/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,wBAAwB,EACxB,MAAM,EACN,wBAAwB,GACzB,CAAC"}

package/dist/services/index.js

@@ -1,7 +0,0 @@
-import { GenerateIcon } from "./generateIcon";
-import { generatePagesArray } from "./generatePagerArray";
-import { getHtmlFromRichTextValue } from "./getHtmlFromRichTextValue";
-import { getRichTextValueFromHtml } from "./getRichTextValueFromHtml";
-import { isHtml } from "./isHtml";
-import { morpheme } from "./morpheme";
-export { GenerateIcon, generatePagesArray, morpheme, getHtmlFromRichTextValue, isHtml, getRichTextValueFromHtml, };

package/dist/services/isHtml.d.ts

@@ -1,3 +0,0 @@
-declare const isHtml: (str: string) => boolean;
-export { isHtml };
-//# sourceMappingURL=isHtml.d.ts.map

package/dist/services/isHtml.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"isHtml.d.ts","sourceRoot":"","sources":["../../src/services/isHtml.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM,GAAI,KAAK,MAAM,KAAG,OAG7B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/services/isHtml.js

@@ -1,5 +0,0 @@
-const isHtml = (str) => {
-    const htmlRegex = /<\/?[a-z][\s\S]*>/i;
-    return htmlRegex.test(str);
-};
-export { isHtml };

package/dist/services/maskValues.d.ts

@@ -1,3 +0,0 @@
-declare const maskValues: (locale: string, inputFieldValue: string | number | undefined, currency: string) => [number, string];
-export { maskValues };
-//# sourceMappingURL=maskValues.d.ts.map

package/dist/services/maskValues.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"maskValues.d.ts","sourceRoot":"","sources":["../../src/services/maskValues.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU,GACd,QAAQ,MAAM,EACd,iBAAiB,MAAM,GAAG,MAAM,GAAG,SAAS,EAC5C,UAAU,MAAM,KACf,CAAC,MAAM,EAAE,MAAM,CAOjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/services/maskValues.js

@@ -1,10 +0,0 @@
-import { formatCurrency } from "./format";
-import { normalizeValue } from "./normalizeValue";
-const maskValues = (locale, inputFieldValue, currency) => {
-    if (!inputFieldValue)
-        return [0, ""];
-    const value = normalizeValue(inputFieldValue);
-    const maskedValue = formatCurrency(locale, value, currency);
-    return [value, maskedValue];
-};
-export { maskValues };

package/dist/services/morpheme.d.ts

@@ -1,4 +0,0 @@
-import { LucideIcon } from "lucide-react";
-declare function morpheme(data: LucideIcon | string | undefined, iconSize: number, type?: "prefix" | "sufix"): import("react/jsx-runtime").JSX.Element;
-export { morpheme };
-//# sourceMappingURL=morpheme.d.ts.map

package/dist/services/morpheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"morpheme.d.ts","sourceRoot":"","sources":["../../src/services/morpheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,iBAAS,QAAQ,CACf,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACrC,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,2CAW1B;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/services/morpheme.js

@@ -1,10 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-function morpheme(data, iconSize, type) {
-    if (!data)
-        return _jsx(_Fragment, {});
-    if (typeof data === "string")
-        return _jsx("p", { className: type, children: data });
-    const Data = data;
-    return (_jsx("p", { className: type, children: _jsx(Data, { color: "var(--secondary-600)", size: iconSize, strokeWidth: 2.5 }) }));
-}
-export { morpheme };

package/dist/services/normalizeValue.d.ts

@@ -1,3 +0,0 @@
-declare const normalizeValue: (number: string | number) => number;
-export { normalizeValue };
-//# sourceMappingURL=normalizeValue.d.ts.map

package/dist/services/normalizeValue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"normalizeValue.d.ts","sourceRoot":"","sources":["../../src/services/normalizeValue.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,GAAI,QAAQ,MAAM,GAAG,MAAM,WAe9C,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/services/normalizeValue.js

@@ -1,18 +0,0 @@
-import { MAXIMUM_FRACTION_DIGITS } from "../constants/decimals";
-import { clearNumber } from "./clearNumber";
-const normalizeValue = (number) => {
-    let safeNumber = number;
-    if (typeof number === "string") {
-        safeNumber = clearNumber(number);
-        if (safeNumber % 1 !== 0) {
-            safeNumber = safeNumber.toFixed(MAXIMUM_FRACTION_DIGITS);
-        }
-    }
-    else {
-        safeNumber = Number.isInteger(number)
-            ? Number(number) * 10 ** MAXIMUM_FRACTION_DIGITS
-            : number.toFixed(MAXIMUM_FRACTION_DIGITS);
-    }
-    return clearNumber(safeNumber) / 10 ** MAXIMUM_FRACTION_DIGITS;
-};
-export { normalizeValue };

package/src/components/Alert/AlertContainer/index.tsx

@@ -1,49 +0,0 @@
-import { AlertContainerProps } from "@arkyn/types";
-import { createContext, ReactNode, useContext } from "react";
-
-import "./styles.css";
-import { AlertTitle } from "../AlertTitle";
-
-const AlertContainerContext = createContext({} as AlertContainerProps);
-
-function useAlertContainer() {
-  return useContext(AlertContainerContext);
-}
-
-function AlertContainer(props: AlertContainerProps) {
-  const { schema, children, className: baseClassName, ...rest } = props;
-
-  const hasAlertTitle = (children: ReactNode): boolean => {
-    let found = false;
-    const searchForAlertTitle = (nodes: ReactNode) => {
-      if (Array.isArray(nodes)) {
-        nodes.forEach(searchForAlertTitle);
-      } else if (nodes && typeof nodes === "object" && "type" in nodes) {
-        if (nodes.type === AlertTitle) {
-          found = true;
-        } else if (nodes.props && nodes.props.children) {
-          searchForAlertTitle(nodes.props.children);
-        }
-      }
-    };
-    searchForAlertTitle(children);
-    return found;
-  };
-
-  const shouldAlignCenter = !hasAlertTitle(children);
-  const finalClassName = shouldAlignCenter
-    ? "nonExistsAlertTitle"
-    : "existsAlertTitle";
-
-  const className = `arkynAlertContainer ${schema} ${finalClassName} ${baseClassName}`;
-
-  return (
-    <AlertContainerContext.Provider value={props}>
-      <div className={className.trim()} {...rest}>
-        {children}
-      </div>
-    </AlertContainerContext.Provider>
-  );
-}
-
-export { AlertContainer, useAlertContainer };

package/src/components/Alert/AlertContainer/styles.css

@@ -1,33 +0,0 @@
-.arkynAlertContainer {
-  display: flex;
-  align-items: start;
-  gap: 16px;
-  padding: 16px;
-
-  border: 1px solid transparent;
-  border-radius: var(--rounded-cards);
-}
-
-.arkynAlertContainer.nonExistsAlertTitle {
-  align-items: center;
-}
-
-.arkynAlertContainer.danger {
-  background: rgba(var(--spotlight-danger), 0.1);
-  border-color: rgba(var(--spotlight-danger), 0.4);
-}
-
-.arkynAlertContainer.success {
-  background: rgba(var(--spotlight-success), 0.1);
-  border-color: rgba(var(--spotlight-success), 0.4);
-}
-
-.arkynAlertContainer.info {
-  background: rgba(var(--spotlight-info), 0.1);
-  border-color: rgba(var(--spotlight-info), 0.4);
-}
-
-.arkynAlertContainer.warning {
-  background: rgba(var(--spotlight-warning), 0.1);
-  border-color: rgba(var(--spotlight-warning), 0.4);
-}

package/src/components/Alert/AlertContent/index.tsx

@@ -1,11 +0,0 @@
-import { AlertContentProps } from "@arkyn/types";
-import "./styles.css";
-
-function AlertContent(props: AlertContentProps) {
-  const { className: baseClassName, ...rest } = props;
-  const className = `arkynAlertContent ${baseClassName}`;
-
-  return <div className={className.trim()} {...rest} />;
-}
-
-export { AlertContent };

package/src/components/Alert/AlertDescription/index.tsx

@@ -1,11 +0,0 @@
-import { AlertDescriptionProps } from "@arkyn/types";
-import "./styles.css";
-
-function AlertDescription(props: AlertDescriptionProps) {
-  const { className: baseClassName, ...rest } = props;
-  const className = `arkynAlertDescription ${baseClassName}`;
-
-  return <div className={className.trim()} {...rest} />;
-}
-
-export { AlertDescription };

package/src/components/Alert/AlertIcon/index.tsx

@@ -1,25 +0,0 @@
-import { AlertIconProps } from "@arkyn/types";
-import { AlertTriangle, CheckCircle2, Info, XCircle } from "lucide-react";
-
-import { useAlertContainer } from "../AlertContainer";
-import "./styles.css";
-
-function AlertIcon(props: AlertIconProps) {
-  const { className: baseClassName, ...rest } = props;
-  const { schema } = useAlertContainer();
-
-  const className = `arkynAlertIcon ${schema} ${baseClassName}`;
-
-  switch (schema) {
-    case "success":
-      return <CheckCircle2 className={className} {...rest} />;
-    case "danger":
-      return <XCircle className={className} {...rest} />;
-    case "warning":
-      return <AlertTriangle className={className} {...rest} />;
-    case "info":
-      return <Info className={className} {...rest} />;
-  }
-}
-
-export { AlertIcon };

package/src/components/Alert/AlertTitle/index.tsx

@@ -1,11 +0,0 @@
-import { AlertTitleProps } from "@arkyn/types";
-import "./styles.css";
-
-function AlertTitle(props: AlertTitleProps) {
-  const { className: baseClassName, ...rest } = props;
-  const className = `arkynAlertTitle ${baseClassName}`;
-
-  return <div className={className.trim()} {...rest} />;
-}
-
-export { AlertTitle };

package/src/components/Alert/index.ts

@@ -1,13 +0,0 @@
-import { AlertContainer } from "./AlertContainer";
-import { AlertContent } from "./AlertContent";
-import { AlertDescription } from "./AlertDescription";
-import { AlertIcon } from "./AlertIcon";
-import { AlertTitle } from "./AlertTitle";
-
-export {
-  AlertContainer,
-  AlertContent,
-  AlertDescription,
-  AlertIcon,
-  AlertTitle,
-};

package/src/components/AudioUpload/AudioUploadError/index.tsx

@@ -1,12 +0,0 @@
-import { AudioUploadErrorProps } from "@arkyn/types";
-import "./styles.css";
-
-function AudioUploadError(props: AudioUploadErrorProps) {
-  const { error } = props;
-  const className = `arkynAudioUploadError`;
-
-  if (error) return <strong className={className}>{error}</strong>;
-  return <></>;
-}
-
-export { AudioUploadError };

package/src/components/AudioUpload/AudioUploadError/styles.css

@@ -1,6 +0,0 @@
-.arkynAudioUploadError {
-  font-size: 12px;
-  line-height: 12px;
-  font-weight: 600;
-  color: rgb(var(--spotlight-danger), 1);
-}

package/src/components/AudioUpload/AudioUploadLabel/index.tsx

@@ -1,13 +0,0 @@
-import { AudioUploadLabelProps } from "@arkyn/types";
-import "./styles.css";
-
-function AudioUploadLabel(props: AudioUploadLabelProps) {
-  const { label, showAsterisk } = props;
-
-  const show = showAsterisk ? "asteriskTrue" : "asteriskFalse";
-  const className = `arkynAudioUploadLabel ${show}`;
-
-  return <strong className={className.trim()}>{label}</strong>;
-}
-
-export { AudioUploadLabel };

package/src/components/AudioUpload/AudioUploadLabel/styles.css

@@ -1,15 +0,0 @@
-.arkynAudioUploadLabel {
-  color: var(--text-body);
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 19.07px;
-}
-
-.arkynAudioUploadLabel.asteriskTrue::before {
-  content: "* ";
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 16.34px;
-  text-align: left;
-  color: rgb(var(--spotlight-danger), 1);
-}

package/src/components/AudioUpload/HasFileContent/index.tsx

@@ -1,166 +0,0 @@
-import { AudioUploadHasFileContentProps } from "@arkyn/types";
-import { Pause, Play, RefreshCw } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-
-import { Slider } from "../../Slider";
-
-import "./styles.css";
-import { Divider } from "../../Divider";
-import { Tooltip } from "../../Tooltip";
-import { IconButton } from "../../IconButton";
-import { Button } from "../../Button";
-
-function HasFileContent(props: AudioUploadHasFileContentProps) {
-  const {
-    filePath,
-    disabled,
-    acceptAudio,
-    handleSelectFile,
-    isLoading,
-    reSendAudio,
-    changeAudioButtonText,
-  } = props;
-
-  const [sliderValue, setSliderValue] = useState(0);
-  const audioReference = useRef<HTMLAudioElement>(null);
-
-  const [isDragging, setIsDragging] = useState(false);
-  const [isPlaying, setIsPlaying] = useState(false);
-
-  useEffect(() => {
-    const audioElement = audioReference.current;
-    if (!audioElement) return;
-
-    const handleTimeUpdate = () => {
-      const totalTime = audioElement.duration;
-      const currentTime = audioElement.currentTime;
-
-      const value = (currentTime / totalTime) * 100;
-      setSliderValue(value);
-    };
-
-    audioElement.addEventListener("timeupdate", handleTimeUpdate);
-
-    return () => {
-      audioElement.removeEventListener("timeupdate", handleTimeUpdate);
-    };
-  }, []);
-
-  function handleSliderChange(value: number) {
-    const audioElement = audioReference.current;
-    if (!audioElement) return;
-
-    const totalTime = audioElement.duration;
-    const currentTime = (value / 100) * totalTime;
-
-    audioElement.currentTime = currentTime;
-  }
-
-  function handlePlayAudio() {
-    audioReference.current?.play();
-    setIsPlaying(true);
-  }
-
-  function handlePauseAudio() {
-    audioReference.current?.pause();
-    setIsPlaying(false);
-  }
-
-  function handleToggleAudio() {
-    if (isPlaying) handlePauseAudio();
-    else handlePlayAudio();
-  }
-
-  const currentTime = audioReference.current?.currentTime;
-  const totalTime = audioReference.current?.duration;
-
-  function formatTime(time?: number) {
-    if (!time) return "00:00";
-
-    const minutes = Math.floor(time / 60);
-    const seconds = Math.floor(time % 60);
-
-    const formattedMinutes = String(minutes).padStart(2, "0");
-    const formattedSeconds = String(seconds).padStart(2, "0");
-
-    return `${formattedMinutes}:${formattedSeconds}`;
-  }
-
-  if (isDragging || !isPlaying) {
-    audioReference.current?.pause();
-  } else if (isPlaying) {
-    audioReference.current?.play();
-  }
-
-  function handleClick() {
-    if (disabled) return;
-
-    const input = document.createElement("input");
-
-    input.type = "file";
-    input.accept = acceptAudio;
-
-    input.onchange = (event) => {
-      const file = (event.target as HTMLInputElement).files?.[0];
-      if (file) handleSelectFile(file);
-    };
-
-    input.click();
-  }
-
-  return (
-    <div className="arkynAudioUploadHasFileContentContainer">
-      <audio ref={audioReference} src={filePath} onEnded={handlePauseAudio} />
-
-      <div className="arkynAudioUploadAudioPlayer">
-        <button type="button" onClick={handleToggleAudio}>
-          {isPlaying && <Pause />}
-          {!isPlaying && <Play />}
-        </button>
-
-        <p>{formatTime(currentTime)}</p>
-
-        <Slider
-          value={sliderValue}
-          onChange={handleSliderChange}
-          onDragging={setIsDragging}
-        />
-
-        <p>{formatTime(totalTime)}</p>
-      </div>
-
-      <Divider />
-
-      <div className="arkynAudioUploadButtonsContainer">
-        {!!reSendAudio && (
-          <Tooltip orientation="bottom" text="Reenviar áudio">
-            <IconButton
-              type="button"
-              aria-label="resend image"
-              variant="outline"
-              scheme="danger"
-              size="sm"
-              isLoading={isLoading}
-              onClick={reSendAudio}
-              icon={RefreshCw}
-              disabled={disabled}
-            />
-          </Tooltip>
-        )}
-
-        <Button
-          isLoading={isLoading}
-          onClick={handleClick}
-          variant="outline"
-          size="sm"
-          type="button"
-          disabled={disabled}
-        >
-          {changeAudioButtonText}
-        </Button>
-      </div>
-    </div>
-  );
-}
-
-export { HasFileContent };

package/src/components/AudioUpload/HasFileContent/styles.css

@@ -1,59 +0,0 @@
-.arkynAudioUploadHasFileContentContainer {
-  display: flex;
-  flex-direction: column;
-  padding: 16px;
-  gap: 16px;
-}
-
-.arkynAudioUploadAudioPlayer {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.arkynAudioUploadAudioPlayer button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  border: none;
-  border-radius: 50%;
-
-  min-height: 40px;
-  min-width: 40px;
-  max-height: 40px;
-  max-width: 40px;
-
-  background-color: rgba(var(--spotlight-primary), 1);
-}
-
-.arkynAudioUploadAudioPlayer button:hover {
-  cursor: pointer;
-  background-color: rgba(var(--spotlight-primary), 0.8);
-}
-
-.arkynAudioUploadAudioPlayer button svg {
-  fill: #fff;
-  stroke: #fff;
-
-  min-height: 20px;
-  min-width: 20px;
-  max-height: 20px;
-  max-width: 20px;
-}
-
-.arkynAudioUploadAudioPlayer p {
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 12px;
-  text-align: left;
-  color: var(--text-body);
-  user-select: none;
-}
-
-.arkynAudioUploadButtonsContainer {
-  display: flex;
-  align-items: center;
-  justify-content: end;
-  gap: 8px;
-}

package/src/components/AudioUpload/NoFileContent/index.tsx

@@ -1,59 +0,0 @@
-import { AudioUploadNoFileContentProps } from "@arkyn/types";
-import { DragEvent } from "react";
-
-import "./styles.css";
-import { Button } from "../../Button";
-
-function NoFileContent(props: AudioUploadNoFileContentProps) {
-  const {
-    dropAudioText,
-    isLoading,
-    acceptAudio,
-    handleSelectFile,
-    selectAudioButtonText,
-    disabled,
-  } = props;
-
-  function handleDrop(event: DragEvent<HTMLDivElement>) {
-    if (disabled) return;
-
-    event.preventDefault();
-    const file = event.dataTransfer.files[0];
-    if (file) handleSelectFile(file);
-  }
-
-  function handleClick() {
-    if (disabled) return;
-
-    const input = document.createElement("input");
-
-    input.type = "file";
-    input.accept = acceptAudio;
-
-    input.onchange = (event) => {
-      const file = (event.target as HTMLInputElement).files?.[0];
-      if (file) handleSelectFile(file);
-    };
-
-    input.click();
-  }
-
-  return (
-    <div onDrop={handleDrop} className="arkynAudioUploadNoFileContent">
-      <Button
-        isLoading={isLoading}
-        onClick={handleClick}
-        variant="ghost"
-        size="sm"
-        type="button"
-        disabled={disabled}
-      >
-        {selectAudioButtonText}
-      </Button>
-
-      <p>{dropAudioText}</p>
-    </div>
-  );
-}
-
-export { NoFileContent };