@apia/components 3.0.1 → 3.0.6

package/dist/components/forms/NumberInput.d.ts

@@ -1,37 +0,0 @@
-import React__default from 'react';
-import { InputProps } from '@apia/theme';
-
-/**
- * El NumberInput respeta los parámetros de ambiente:
- * - AMOUNT_DECIMAL_SEPARATOR
- * - AMOUNT_DECIMAL_ZEROS
- * - CHAR_DECIMAL_SEPARATOR
- * - CHAR_THOUS_SEPARATOR
- * - ADD_THOUSAND_SEPARATOR
- */
-
-type TNumberInputChangeEvent = {
-    error: boolean;
-    value: string;
-};
-type TNumberInput = Omit<InputProps, 'type' | 'onChange' | 'onBlur' | 'value' | 'defaultValue'> & {
-    onChange?: (ev: TNumberInputChangeEvent) => unknown;
-    value?: string;
-    defaultValue?: string;
-    avoidDecimalRestriction?: boolean;
-};
-declare global {
-    interface Window {
-        AMOUNT_DECIMAL_SEPARATOR: string;
-        AMOUNT_DECIMAL_ZEROS: string;
-        CHAR_DECIMAL_SEPARATOR: string;
-        CHAR_THOUS_SEPARATOR: string;
-        ADD_THOUSAND_SEPARATOR: boolean;
-    }
-}
-declare function parseNumberInputValueToNumber(value: string): number;
-declare function parseNumberValueToNumberInput(value: string | number): string;
-declare const NumberInput: React__default.ForwardRefExoticComponent<Omit<TNumberInput, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-
-export { NumberInput, type TNumberInput, type TNumberInputChangeEvent, parseNumberInputValueToNumber, parseNumberValueToNumberInput };
-//# sourceMappingURL=NumberInput.d.ts.map

package/dist/components/forms/NumberInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/NumberInput.js

@@ -1,149 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import React__default from 'react';
-import { Input } from '@apia/theme';
-
-function fillZeros(amount) {
-  return Array(Math.max(0, amount)).fill(0).join("");
-}
-function fillThousandsZeros(value) {
-  const stringValue = String(value);
-  return `${fillZeros(3 - stringValue.length)}${String(value)}`;
-}
-const decimalCount = Number(window.AMOUNT_DECIMAL_SEPARATOR);
-const decimalZeros = Number(window.AMOUNT_DECIMAL_ZEROS);
-const decimalSeparator = window.CHAR_DECIMAL_SEPARATOR;
-const thousandsSeparator = window.CHAR_THOUS_SEPARATOR;
-const regexpThousandsSeparator = thousandsSeparator === "." ? "\\." : thousandsSeparator;
-const regexpDecimalSeparator = decimalSeparator === "." ? "\\." : decimalSeparator;
-function parseNumberInputValueToNumber(value) {
-  return Number.parseFloat(
-    value.replaceAll(thousandsSeparator, "").replaceAll(decimalSeparator, ".")
-  );
-}
-function parseNumberValueToNumberInput(value) {
-  const stringNumber = String(value);
-  const result = stringNumber.match(/(-?)(\d+)(?:\.(\d+))/);
-  if (!result)
-    return "";
-  const isNegative = !!result[1];
-  const integer = result[2];
-  const decimals = result[3];
-  const decimalsString = decimals ? `${regexpDecimalSeparator}${decimals}` : "";
-  return formatValueToShow(`${isNegative ? "-" : ""}${integer}${decimalsString}`) ?? "";
-}
-function formatValueToShow(value, avoidDecimalRestriction = false) {
-  const result = value.match(
-    new RegExp(
-      `^(-)?((?:(?:\\d{1,3})${regexpThousandsSeparator}(?:\\d{3}${regexpThousandsSeparator})*(?:\\d{3}))?|(?:\\d*))(?:(?:${regexpDecimalSeparator})(\\d+))?$`
-    )
-  );
-  if (!result)
-    return null;
-  const isNegative = !!result[1];
-  let module = Number(result[2].replaceAll(thousandsSeparator, ""));
-  const slicedDecimals = avoidDecimalRestriction ? result[3] : result[3]?.slice(0, decimalCount + 1) ?? "";
-  let decimalsString;
-  if (!avoidDecimalRestriction) {
-    const noZeroDecimals = (slicedDecimals ? `${String(
-      Math.round(
-        Number(
-          `${slicedDecimals}${fillZeros(
-            (decimalCount) - slicedDecimals.length
-          )}`
-        ) / (1)
-      )
-    )}` : "").slice(0, decimalCount).match(/(\d*[1-9])0*/)?.[1] ?? "";
-    decimalsString = `${noZeroDecimals}${fillZeros(
-      decimalZeros - noZeroDecimals.length
-    )}`;
-  } else {
-    decimalsString = slicedDecimals;
-  }
-  const finalNumberString = [];
-  while (module >= 1e3) {
-    module /= 1e3;
-    const truncedInteger = Math.trunc(module);
-    finalNumberString.unshift(
-      fillThousandsZeros(Math.round((module - truncedInteger) * 1e3))
-    );
-    module = truncedInteger;
-  }
-  finalNumberString.unshift(String(module));
-  return `${isNegative ? "-" : ""}${finalNumberString.join(
-    window.ADD_THOUSAND_SEPARATOR ? window.CHAR_THOUS_SEPARATOR : ""
-  )}${decimalsString.length > 0 ? `${decimalSeparator}${decimalsString}` : ""}`;
-}
-const NumberInput = React__default.forwardRef(
-  ({ value, avoidDecimalRestriction, ...props }, ref) => {
-    const [actualValue, setActualValue] = React__default.useState("");
-    const [showValue, setShowValue] = React__default.useState("");
-    const lastEmittedValue = React__default.useRef("");
-    const setValue = React__default.useCallback(
-      (newValue) => {
-        if (newValue === "") {
-          if (newValue === lastEmittedValue.current)
-            return;
-          setActualValue("");
-          setShowValue("");
-          props.onChange?.({ value: "", error: false });
-        } else {
-          const parsedValue = formatValueToShow(
-            newValue,
-            avoidDecimalRestriction
-          );
-          if (parsedValue === null) {
-            setActualValue("");
-            setShowValue("");
-            props.onChange?.({ value: "", error: true });
-          } else {
-            if (newValue === lastEmittedValue.current)
-              return;
-            setActualValue(newValue);
-            setShowValue(parsedValue);
-            props.onChange?.({ value: parsedValue, error: false });
-          }
-        }
-        lastEmittedValue.current = newValue;
-      },
-      [avoidDecimalRestriction, props]
-    );
-    React__default.useEffect(() => {
-      if (value !== actualValue)
-        setValue(value ?? "");
-    }, [value]);
-    return /* @__PURE__ */ jsx(
-      Input,
-      {
-        ...props,
-        onFocus: React__default.useCallback(
-          (ev) => {
-            props.onFocus?.(ev);
-            setShowValue(
-              String(actualValue).replaceAll(thousandsSeparator, "")
-            );
-          },
-          [actualValue, props]
-        ),
-        onBlur: React__default.useCallback(
-          (ev) => {
-            setValue(ev.target.value);
-          },
-          [setValue]
-        ),
-        onChange: React__default.useCallback(
-          (ev) => {
-            setShowValue(ev.target.value);
-          },
-          []
-        ),
-        type: "text",
-        ref,
-        value: showValue
-      }
-    );
-  }
-);
-NumberInput.displayName = "NumberInput";
-
-export { NumberInput, parseNumberInputValueToNumber, parseNumberValueToNumberInput };
-//# sourceMappingURL=NumberInput.js.map

package/dist/components/forms/NumberInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../src/components/forms/NumberInput.tsx"],"sourcesContent":["/**\n * El NumberInput respeta los parámetros de ambiente:\n * - AMOUNT_DECIMAL_SEPARATOR\n * - AMOUNT_DECIMAL_ZEROS\n * - CHAR_DECIMAL_SEPARATOR\n * - CHAR_THOUS_SEPARATOR\n * - ADD_THOUSAND_SEPARATOR\n */\n\nimport React from 'react';\nimport { Input, InputProps } from '@apia/theme';\n\nexport type TNumberInputChangeEvent = { error: boolean; value: string };\n\nexport type TNumberInput = Omit<\n  InputProps,\n  'type' | 'onChange' | 'onBlur' | 'value' | 'defaultValue'\n> & {\n  onChange?: (ev: TNumberInputChangeEvent) => unknown;\n  value?: string;\n  defaultValue?: string;\n  avoidDecimalRestriction?: boolean;\n};\n\ndeclare global {\n  interface Window {\n    AMOUNT_DECIMAL_SEPARATOR: string;\n    AMOUNT_DECIMAL_ZEROS: string;\n    CHAR_DECIMAL_SEPARATOR: string;\n    CHAR_THOUS_SEPARATOR: string;\n    ADD_THOUSAND_SEPARATOR: boolean;\n  }\n}\n\nfunction fillZeros(amount: number) {\n  return Array(Math.max(0, amount)).fill(0).join('');\n}\n\nfunction fillThousandsZeros(value: number) {\n  const stringValue = String(value);\n  return `${fillZeros(3 - stringValue.length)}${String(value)}`;\n}\n\nconst decimalCount = Number(window.AMOUNT_DECIMAL_SEPARATOR);\nconst decimalZeros = Number(window.AMOUNT_DECIMAL_ZEROS);\nconst decimalSeparator = window.CHAR_DECIMAL_SEPARATOR;\nconst thousandsSeparator = window.CHAR_THOUS_SEPARATOR;\nconst regexpThousandsSeparator =\n  thousandsSeparator === '.' ? '\\\\.' : thousandsSeparator;\nconst regexpDecimalSeparator =\n  decimalSeparator === '.' ? '\\\\.' : decimalSeparator;\nconst shouldRound = false;\n\nexport function parseNumberInputValueToNumber(value: string): number {\n  return Number.parseFloat(\n    value.replaceAll(thousandsSeparator, '').replaceAll(decimalSeparator, '.'),\n  );\n}\n\nexport function parseNumberValueToNumberInput(value: string | number): string {\n  const stringNumber = String(value);\n  const result = stringNumber.match(/(-?)(\\d+)(?:\\.(\\d+))/);\n  if (!result) return '';\n\n  const isNegative = !!result[1];\n  const integer = result[2];\n  const decimals = result[3] as string | null;\n  const decimalsString = decimals ? `${regexpDecimalSeparator}${decimals}` : '';\n\n  return (\n    formatValueToShow(`${isNegative ? '-' : ''}${integer}${decimalsString}`) ??\n    ''\n  );\n}\n\nfunction formatValueToShow(\n  value: string,\n  avoidDecimalRestriction = false,\n): string | null {\n  const result = value.match(\n    new RegExp(\n      `^(-)?((?:(?:\\\\d{1,3})${regexpThousandsSeparator}(?:\\\\d{3}${regexpThousandsSeparator})*(?:\\\\d{3}))?|(?:\\\\d*))(?:(?:${regexpDecimalSeparator})(\\\\d+))?$`,\n    ),\n  );\n  if (!result) return null;\n\n  const isNegative = !!result[1];\n  let module = Number(result[2].replaceAll(thousandsSeparator, ''));\n  const slicedDecimals = avoidDecimalRestriction\n    ? result[3]\n    : result[3]?.slice(0, decimalCount + 1) ?? '';\n  let decimalsString: string;\n  if (!avoidDecimalRestriction) {\n    const noZeroDecimals =\n      (slicedDecimals\n        ? `${String(\n            Math.round(\n              Number(\n                `${slicedDecimals}${fillZeros(\n                  (shouldRound ? decimalCount + 1 : decimalCount) -\n                    slicedDecimals.length,\n                )}`,\n              ) / (shouldRound ? 10 : 1),\n            ),\n          )}`\n        : ''\n      )\n        .slice(0, decimalCount)\n        .match(/(\\d*[1-9])0*/)?.[1] ?? '';\n    decimalsString = `${noZeroDecimals}${fillZeros(\n      decimalZeros - noZeroDecimals.length,\n    )}`;\n  } else {\n    decimalsString = slicedDecimals;\n  }\n\n  const finalNumberString: string[] = [];\n  while (module >= 1000) {\n    module /= 1000;\n    const truncedInteger = Math.trunc(module);\n    finalNumberString.unshift(\n      fillThousandsZeros(Math.round((module - truncedInteger) * 1000)),\n    );\n    module = truncedInteger;\n  }\n  finalNumberString.unshift(String(module));\n\n  return `${isNegative ? '-' : ''}${finalNumberString.join(\n    window.ADD_THOUSAND_SEPARATOR ? window.CHAR_THOUS_SEPARATOR : '',\n  )}${decimalsString.length > 0 ? `${decimalSeparator}${decimalsString}` : ''}`;\n}\n\nexport const NumberInput = React.forwardRef<HTMLInputElement, TNumberInput>(\n  ({ value, avoidDecimalRestriction, ...props }, ref) => {\n    const [actualValue, setActualValue] = React.useState<string>('');\n    const [showValue, setShowValue] = React.useState<string>('');\n    const lastEmittedValue = React.useRef<string>('');\n\n    const setValue = React.useCallback(\n      (newValue: string) => {\n        if (newValue === '') {\n          if (newValue === lastEmittedValue.current) return;\n          setActualValue('');\n          setShowValue('');\n          props.onChange?.({ value: '', error: false });\n        } else {\n          const parsedValue = formatValueToShow(\n            newValue,\n            avoidDecimalRestriction,\n          );\n          if (parsedValue === null) {\n            setActualValue('');\n            setShowValue('');\n            props.onChange?.({ value: '', error: true });\n          } else {\n            if (newValue === lastEmittedValue.current) return;\n            setActualValue(newValue);\n            setShowValue(parsedValue);\n            props.onChange?.({ value: parsedValue, error: false });\n          }\n        }\n        lastEmittedValue.current = newValue;\n      },\n      [avoidDecimalRestriction, props],\n    );\n\n    React.useEffect(() => {\n      if (value !== actualValue) setValue((value as string) ?? '');\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    return (\n      <Input\n        {...props}\n        onFocus={React.useCallback(\n          (ev: React.FocusEvent<HTMLInputElement>) => {\n            props.onFocus?.(ev);\n            setShowValue(\n              String(actualValue).replaceAll(thousandsSeparator, ''),\n            );\n          },\n          [actualValue, props],\n        )}\n        onBlur={React.useCallback(\n          (ev: React.FocusEvent<HTMLInputElement>) => {\n            setValue(ev.target.value);\n          },\n          [setValue],\n        )}\n        onChange={React.useCallback(\n          (ev: React.ChangeEvent<HTMLInputElement>) => {\n            setShowValue(ev.target.value);\n          },\n          [],\n        )}\n        type=\"text\"\n        ref={ref}\n        value={showValue}\n      />\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":["React"],"mappings":"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"}

package/dist/components/forms/RequiredMark.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-
-interface IRequiredMark {
-    isFormReadonly?: boolean;
-    isRequired?: boolean;
-    isReadonly?: boolean;
-}
-/**
- * Muestra el * en los campos de requerido.
- */
-declare const RequiredMark: ({ isFormReadonly, isRequired, isReadonly, }: IRequiredMark) => React.JSX.Element | null;
-
-export { type IRequiredMark, RequiredMark };
-//# sourceMappingURL=RequiredMark.d.ts.map

package/dist/components/forms/RequiredMark.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredMark.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/RequiredMark.js

@@ -1,13 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { getLabel } from '@apia/util';
-
-const RequiredMark = ({
-  isFormReadonly = false,
-  isRequired = false,
-  isReadonly = false
-}) => {
-  return isRequired && !isReadonly && !isFormReadonly ? /* @__PURE__ */ jsx("abbr", { className: "requiredMark", title: getLabel("msgReqField").text, children: "*" }) : null;
-};
-
-export { RequiredMark };
-//# sourceMappingURL=RequiredMark.js.map

package/dist/components/forms/RequiredMark.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredMark.js","sources":["../../../src/components/forms/RequiredMark.tsx"],"sourcesContent":["import { getLabel } from '@apia/util';\n\nexport interface IRequiredMark {\n  isFormReadonly?: boolean;\n  isRequired?: boolean;\n  isReadonly?: boolean;\n}\n\n/**\n * Muestra el * en los campos de requerido.\n */\nexport const RequiredMark = ({\n  isFormReadonly = false,\n  isRequired = false,\n  isReadonly = false,\n}: IRequiredMark) => {\n  return isRequired && !isReadonly && !isFormReadonly ? (\n    <abbr className=\"requiredMark\" title={getLabel('msgReqField').text}>\n      *\n    </abbr>\n  ) : null;\n};\n"],"names":[],"mappings":";;;AAWO,MAAM,eAAe,CAAC;AAAA,EAC3B,cAAiB,GAAA,KAAA;AAAA,EACjB,UAAa,GAAA,KAAA;AAAA,EACb,UAAa,GAAA,KAAA;AACf,CAAqB,KAAA;AACnB,EAAA,OAAO,UAAc,IAAA,CAAC,UAAc,IAAA,CAAC,iCAClC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,cAAA,EAAe,OAAO,QAAS,CAAA,aAAa,CAAE,CAAA,IAAA,EAAM,eAEpE,CACE,GAAA,IAAA,CAAA;AACN;;;;"}

package/dist/components/forms/buttons/BaseButton.d.ts

@@ -1,24 +0,0 @@
-import * as React$1 from 'react';
-import { ThemeUIStyleObject } from '@apia/theme';
-import { TApiaButtonType } from '../../types.js';
-
-interface IBaseButton {
-    text?: string;
-    children?: string;
-    loadingChildren?: string;
-    id?: string;
-    name?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    isLoading?: boolean;
-    disabled?: boolean;
-    variant?: TApiaButtonType | string;
-    type?: 'button' | 'submit' | 'reset';
-    SXProps?: ThemeUIStyleObject;
-}
-/**
- * The world's most **basic** button
- */
-declare const BaseButton: ({ id, name, onClick, isLoading, loadingChildren, disabled, children, text, variant, type, SXProps, ...buttonProps }: IBaseButton) => React$1.JSX.Element;
-
-export { BaseButton };
-//# sourceMappingURL=BaseButton.d.ts.map

package/dist/components/forms/buttons/BaseButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/buttons/BaseButton.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs, Fragment } from '@apia/theme/jsx-runtime';
-import { Button, getVariant, Flex, spacing, Spinner } from '@apia/theme';
-
-const BaseButton = ({
-  id,
-  name,
-  onClick = () => {
-  },
-  isLoading = false,
-  loadingChildren,
-  disabled = false,
-  children = "",
-  text = "",
-  variant = "primary",
-  type = "button",
-  SXProps,
-  ...buttonProps
-}) => {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      id,
-      name,
-      onClick,
-      ...getVariant(variant),
-      type,
-      title: children,
-      disabled: isLoading || disabled,
-      ...buttonProps,
-      children: /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          as: "span",
-          sx: {
-            color: "inherit",
-            width: "100%",
-            flexDirection: "row",
-            alignContent: "center",
-            justifyContent: "center",
-            alignItems: "center",
-            gap: spacing(3),
-            ...SXProps
-          },
-          children: [
-            isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Spinner, { size: 20, color: "inherit" }),
-              loadingChildren
-            ] }),
-            !isLoading && (children || text)
-          ]
-        }
-      )
-    }
-  );
-};
-
-export { BaseButton };
-//# sourceMappingURL=BaseButton.js.map

package/dist/components/forms/buttons/BaseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../src/components/forms/buttons/BaseButton.tsx"],"sourcesContent":["import { Button, Spinner, Flex, ThemeUIStyleObject } from '@apia/theme';\nimport { TApiaButtonType } from '../../types';\nimport { getVariant, spacing } from '@apia/theme';\n\ninterface IBaseButton {\n  text?: string;\n  children?: string;\n  loadingChildren?: string;\n  id?: string;\n  name?: string;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  isLoading?: boolean;\n  disabled?: boolean;\n  variant?: TApiaButtonType | string;\n  type?: 'button' | 'submit' | 'reset';\n  SXProps?: ThemeUIStyleObject;\n}\n\n/**\n * The world's most **basic** button\n */\nexport const BaseButton = ({\n  id,\n  name,\n  onClick = () => {},\n  isLoading = false,\n  loadingChildren,\n  disabled = false,\n  children = '',\n  text = '',\n  variant = 'primary',\n  type = 'button',\n  SXProps,\n  ...buttonProps\n}: IBaseButton) => {\n  return (\n    <Button\n      id={id}\n      name={name}\n      onClick={onClick}\n      {...getVariant(variant)}\n      type={type}\n      title={children}\n      disabled={isLoading || disabled}\n      {...buttonProps}\n    >\n      <Flex\n        as=\"span\"\n        sx={{\n          color: 'inherit',\n          width: '100%',\n          flexDirection: 'row',\n          alignContent: 'center',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: spacing(3),\n          ...SXProps,\n        }}\n      >\n        {isLoading && (\n          <>\n            <Spinner size={20} color=\"inherit\" />\n            {loadingChildren}\n          </>\n        )}\n        {!isLoading && (children || text)}\n      </Flex>\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;AAqBO,MAAM,aAAa,CAAC;AAAA,EACzB,EAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AAAA,EACjB,SAAY,GAAA,KAAA;AAAA,EACZ,eAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,QAAW,GAAA,EAAA;AAAA,EACX,IAAO,GAAA,EAAA;AAAA,EACP,OAAU,GAAA,SAAA;AAAA,EACV,IAAO,GAAA,QAAA;AAAA,EACP,OAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAmB,KAAA;AACjB,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACC,GAAG,WAAW,OAAO,CAAA;AAAA,MACtB,IAAA;AAAA,MACA,KAAO,EAAA,QAAA;AAAA,MACP,UAAU,SAAa,IAAA,QAAA;AAAA,MACtB,GAAG,WAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,MAAA;AAAA,UACH,EAAI,EAAA;AAAA,YACF,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,MAAA;AAAA,YACP,aAAe,EAAA,KAAA;AAAA,YACf,YAAc,EAAA,QAAA;AAAA,YACd,cAAgB,EAAA,QAAA;AAAA,YAChB,UAAY,EAAA,QAAA;AAAA,YACZ,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,YACd,GAAG,OAAA;AAAA,WACL;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,SAAA,oBAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,SAAU,EAAA,CAAA;AAAA,cAClC,eAAA;AAAA,aACH,EAAA,CAAA;AAAA,YAED,CAAC,cAAc,QAAY,IAAA,IAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAC9B;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/forms/buttons/IconButton.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { IconButtonProps } from '@apia/theme';
-import { TIconType, TIconName } from '@apia/icons';
-
-type TIconSize = number | 'Xs' | 'Sm' | 'Md' | 'Lg' | 'Xl';
-type TApiaIconButton = 'icon' | 'icon-primary' | 'icon-outline' | 'icon-only';
-type TIconButton = Omit<IconButtonProps, 'sx'> & React.AriaAttributes & {
-    className?: string;
-    /**
-     * Es posible pasar explícitamente un ícono o el nombre del ícono de
-     * acuerdo a la librería de la aplicación. Ver Icon.tsx
-     */
-    icon: TIconType | TIconName;
-    iconSize?: TIconSize;
-    id?: string;
-    disabled?: boolean;
-    href?: string;
-    isLoading?: boolean;
-    isToggled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: TIconSize;
-    title?: string;
-    variant?: string;
-};
-/**
- * Renderiza un botón con un ícono adentro.
- *
- * La variante por defecto de este componente es buttons.icon
- *
- * Si se pasa solamente size, el iconSize será
- */
-declare const IconButton: React.ForwardRefExoticComponent<Omit<TIconButton, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-export { IconButton, type TApiaIconButton, type TIconButton, type TIconSize };
-//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/forms/buttons/IconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/buttons/IconButton.js

@@ -1,79 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import * as React from 'react';
-import { IconButton as IconButton$1, getVariant, Spinner } from '@apia/theme';
-import { icons } from '@apia/icons';
-
-const IconButton = React.forwardRef(
-  ({
-    className,
-    disabled = false,
-    icon,
-    iconSize: outerIconSize,
-    id,
-    isLoading = false,
-    isToggled = false,
-    href,
-    onClick = () => {
-    },
-    onMouseOver = () => {
-    },
-    onMouseOut = () => {
-    },
-    size = "Sm",
-    title,
-    type = "button",
-    variant = "icon",
-    ...rest
-  }, ref) => {
-    const sizes = ["Xs", "Sm", "Md", "Lg", "Xl"];
-    const iconSize = outerIconSize ?? sizes[Math.max(0, sizes.indexOf(size) - 1)];
-    const sx = React.useMemo(() => {
-      return {
-        width: `icon${size}`,
-        minWidth: `icon${size}`,
-        height: `icon${size}`,
-        minHeight: `icon${size}`,
-        svg: {
-          width: `icon${iconSize}`,
-          minWidth: `icon${iconSize}`,
-          height: `icon${iconSize}`,
-          minHeight: `icon${iconSize}`
-        }
-      };
-    }, [iconSize, size]);
-    const ActualIcon = React.useMemo(() => {
-      return typeof icon === "string" ? icons[icon] : icon;
-    }, [icon]);
-    return /* @__PURE__ */ jsx(
-      IconButton$1,
-      {
-        id,
-        ref,
-        onClick: React.useCallback(
-          (ev) => {
-            if (href)
-              window.open(href, "_blank");
-            onClick?.(ev);
-          },
-          [href, onClick]
-        ),
-        onMouseOver,
-        onMouseOut,
-        ...getVariant(variant),
-        sx,
-        disabled: isLoading || disabled,
-        className: `${className ?? ""} iconButton ${isToggled ? "isToggled" : ""}`,
-        title,
-        "aria-label": rest["aria-label"] ?? (rest.as !== void 0 ? void 0 : title),
-        type: rest.as !== void 0 ? void 0 : type,
-        role: href ? "link" : void 0,
-        ...rest,
-        children: isLoading ? /* @__PURE__ */ jsx(Spinner, { color: "inherit" }) : /* @__PURE__ */ jsx(ActualIcon, {})
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-
-export { IconButton };
-//# sourceMappingURL=IconButton.js.map

package/dist/components/forms/buttons/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/forms/buttons/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  IconButton as IconButtonThemeUI,\n  Spinner,\n  IconButtonProps,\n  ThemeUIStyleObject,\n} from '@apia/theme';\nimport { icons, TIconName, TIconType } from '@apia/icons';\nimport { getVariant } from '@apia/theme';\n\nexport type TIconSize = number | 'Xs' | 'Sm' | 'Md' | 'Lg' | 'Xl';\n\nexport type TApiaIconButton =\n  | 'icon'\n  | 'icon-primary'\n  | 'icon-outline'\n  | 'icon-only';\n\nexport type TIconButton = Omit<IconButtonProps, 'sx'> &\n  React.AriaAttributes & {\n    className?: string;\n    /**\n     * Es posible pasar explícitamente un ícono o el nombre del ícono de\n     * acuerdo a la librería de la aplicación. Ver Icon.tsx\n     */\n    icon: TIconType | TIconName;\n    iconSize?: TIconSize;\n    id?: string;\n    disabled?: boolean;\n    href?: string;\n    isLoading?: boolean;\n    isToggled?: boolean;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;\n    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n    size?: TIconSize;\n    title?: string;\n    variant?: string;\n  };\n\n/**\n * Renderiza un botón con un ícono adentro.\n *\n * La variante por defecto de este componente es buttons.icon\n *\n * Si se pasa solamente size, el iconSize será\n */\nexport const IconButton = React.forwardRef(\n  (\n    {\n      className,\n      disabled = false,\n      icon,\n      iconSize: outerIconSize,\n      id,\n      isLoading = false,\n      isToggled = false,\n      href,\n      onClick = () => {},\n      onMouseOver = () => {},\n      onMouseOut = () => {},\n      size = 'Sm',\n      title,\n      type = 'button',\n      variant = 'icon',\n      ...rest\n    }: TIconButton,\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const sizes = ['Xs', 'Sm', 'Md', 'Lg', 'Xl'];\n    const iconSize =\n      outerIconSize ?? sizes[Math.max(0, sizes.indexOf(size as string) - 1)];\n\n    const sx: ThemeUIStyleObject = React.useMemo(() => {\n      return {\n        width: `icon${size}`,\n        minWidth: `icon${size}`,\n        height: `icon${size}`,\n        minHeight: `icon${size}`,\n        svg: {\n          width: `icon${iconSize}`,\n          minWidth: `icon${iconSize}`,\n          height: `icon${iconSize}`,\n          minHeight: `icon${iconSize}`,\n        },\n      };\n    }, [iconSize, size]);\n\n    const ActualIcon = React.useMemo(() => {\n      return typeof icon === 'string' ? icons[icon] : icon;\n    }, [icon]);\n\n    return (\n      <IconButtonThemeUI\n        id={id}\n        ref={ref}\n        onClick={React.useCallback(\n          (ev: React.MouseEvent<HTMLButtonElement>) => {\n            if (href) window.open(href, '_blank');\n            onClick?.(ev);\n          },\n          [href, onClick],\n        )}\n        onMouseOver={onMouseOver}\n        onMouseOut={onMouseOut}\n        {...getVariant(variant)}\n        sx={sx}\n        disabled={isLoading || disabled}\n        className={`${className ?? ''} iconButton ${\n          isToggled ? 'isToggled' : ''\n        }`}\n        title={title}\n        aria-label={\n          rest['aria-label'] ?? (rest.as !== undefined ? undefined : title)\n        }\n        type={rest.as !== undefined ? undefined : type}\n        role={href ? 'link' : undefined}\n        {...rest}\n      >\n        {isLoading ? <Spinner color=\"inherit\" /> : <ActualIcon />}\n      </IconButtonThemeUI>\n    );\n  },\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["IconButtonThemeUI"],"mappings":"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"}

package/dist/components/forms/buttons/SimpleButton.d.ts

@@ -1,21 +0,0 @@
-import { TIconType } from '@apia/icons';
-import { ButtonProps, ThemeUICSSObject } from '@apia/theme';
-import * as React from 'react';
-
-interface ISimpleButton extends ButtonProps {
-    buttonSx?: ThemeUICSSObject;
-    icon?: TIconType;
-    iconColor?: string;
-    iconPosition?: 'left' | 'right';
-    iconSize?: number;
-    isLoading?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: 'sm' | 'md' | 'lg';
-    variant?: string;
-    spinnerSize?: number;
-    type?: 'button' | 'submit' | 'reset';
-}
-declare const SimpleButton: React.ForwardRefExoticComponent<Omit<ISimpleButton, "ref"> & React.RefAttributes<unknown>>;
-
-export { type ISimpleButton, SimpleButton };
-//# sourceMappingURL=SimpleButton.d.ts.map

package/dist/components/forms/buttons/SimpleButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/buttons/SimpleButton.js

@@ -1,94 +0,0 @@
-import { jsxs, jsx } from '@apia/theme/jsx-runtime';
-import { spacing, Button, getVariant, Box, Spinner } from '@apia/theme';
-import * as React from 'react';
-
-const simpleButton = {
-  display: "inline-flex",
-  gap: spacing(3),
-  position: "relative",
-  alignItems: "center",
-  justifyContent: "center",
-  svg: {
-    flexShrink: 0,
-    path: {
-      fill: "currentColor"
-    }
-  },
-  ".toggled": {
-    backgroundColor: "primary"
-  },
-  ".button__content": {
-    overflowWrap: "break-word"
-  }
-  /* PREPEND HERE */
-};
-const SimpleButton = React.forwardRef(
-  ({
-    buttonSx,
-    children = null,
-    className,
-    disabled = false,
-    icon,
-    iconColor,
-    iconPosition = "left",
-    iconSize,
-    id,
-    isLoading,
-    name,
-    onClick,
-    size,
-    spinnerSize = 16,
-    title,
-    type = "button",
-    variant = "primary",
-    ...buttonProps
-  }, ref) => {
-    const loadingSx = React.useMemo(
-      () => ({
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      }),
-      []
-    );
-    const spanSx = React.useMemo(
-      () => ({
-        color: isLoading ? "transparent" : void 0
-      }),
-      [isLoading]
-    );
-    const Icon = React.useMemo(() => icon, [icon]);
-    return /* @__PURE__ */ jsxs(
-      Button,
-      {
-        ref,
-        id,
-        name,
-        title,
-        "aria-label": title,
-        onClick,
-        type,
-        disabled: isLoading ?? disabled,
-        className,
-        ...getVariant(`${variant}${size !== "md" && size ? `-${size}` : ""}`),
-        ...buttonProps,
-        sx: { ...simpleButton, ...buttonSx },
-        children: [
-          Icon && iconPosition === "left" && /* @__PURE__ */ jsx(Icon, { title: "", size: iconSize, color: iconColor }),
-          /* @__PURE__ */ jsx(Box, { as: "span", className: "button__content", sx: spanSx, children: children ?? title }),
-          Icon && iconPosition === "right" && /* @__PURE__ */ jsx(Icon, { title: "", size: iconSize, color: iconColor }),
-          isLoading && /* @__PURE__ */ jsx(Box, { className: "spinner", sx: loadingSx, children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: "inherit" }) })
-        ]
-      }
-    );
-  }
-);
-SimpleButton.displayName = "SimpleButton";
-
-export { SimpleButton };
-//# sourceMappingURL=SimpleButton.js.map

package/dist/components/forms/buttons/SimpleButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleButton.js","sources":["../../../../src/components/forms/buttons/SimpleButton.tsx"],"sourcesContent":["import { TIconType } from '@apia/icons';\nimport {\n  getVariant,\n  spacing,\n  Box,\n  Button,\n  ButtonProps,\n  Spinner,\n  ThemeUICSSObject,\n  ThemeUIStyleObject,\n} from '@apia/theme';\nimport * as React from 'react';\n\nexport interface ISimpleButton extends ButtonProps {\n  buttonSx?: ThemeUICSSObject;\n  icon?: TIconType;\n  iconColor?: string;\n  iconPosition?: 'left' | 'right';\n  iconSize?: number;\n  isLoading?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  size?: 'sm' | 'md' | 'lg';\n  variant?: string;\n  spinnerSize?: number;\n  type?: 'button' | 'submit' | 'reset';\n}\n\nconst simpleButton: ThemeUICSSObject = {\n  display: 'inline-flex',\n  gap: spacing(3),\n  position: 'relative',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  svg: {\n    flexShrink: 0,\n    path: {\n      fill: 'currentColor',\n    },\n  },\n\n  '.toggled': {\n    backgroundColor: 'primary',\n  },\n\n  '.button__content': {\n    overflowWrap: 'break-word',\n  },\n\n  /* PREPEND HERE */\n};\n\nexport const SimpleButton = React.forwardRef(\n  (\n    {\n      buttonSx,\n      children = null,\n      className,\n      disabled = false,\n      icon,\n      iconColor,\n      iconPosition = 'left',\n      iconSize,\n      id,\n      isLoading,\n      name,\n      onClick,\n      size,\n      spinnerSize = 16,\n      title,\n      type = 'button',\n      variant = 'primary',\n      ...buttonProps\n    }: ISimpleButton,\n    ref: React.Ref<unknown>,\n  ) => {\n    const loadingSx = React.useMemo<ThemeUIStyleObject>(\n      () => ({\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }),\n      [],\n    );\n    const spanSx = React.useMemo(\n      () => ({\n        color: isLoading ? 'transparent' : undefined,\n      }),\n      [isLoading],\n    );\n    const Icon = React.useMemo(() => icon, [icon]);\n\n    return (\n      <Button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        id={id}\n        name={name}\n        title={title}\n        aria-label={title}\n        onClick={onClick}\n        type={type}\n        disabled={isLoading ?? disabled}\n        className={className}\n        {...getVariant(`${variant}${size !== 'md' && size ? `-${size}` : ''}`)}\n        {...buttonProps}\n        sx={{ ...simpleButton, ...buttonSx }}\n      >\n        {Icon && iconPosition === 'left' && (\n          <Icon title=\"\" size={iconSize} color={iconColor} />\n        )}\n        <Box as=\"span\" className=\"button__content\" sx={spanSx}>\n          {children ?? title}\n        </Box>\n        {Icon && iconPosition === 'right' && (\n          <Icon title=\"\" size={iconSize} color={iconColor} />\n        )}\n        {isLoading && (\n          <Box className=\"spinner\" sx={loadingSx}>\n            <Spinner size={spinnerSize} color=\"inherit\" />\n          </Box>\n        )}\n      </Button>\n    );\n  },\n);\n\nSimpleButton.displayName = 'SimpleButton';\n"],"names":[],"mappings":";;;;AA2BA,MAAM,YAAiC,GAAA;AAAA,EACrC,OAAS,EAAA,aAAA;AAAA,EACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,QAAA;AAAA,EAEhB,GAAK,EAAA;AAAA,IACH,UAAY,EAAA,CAAA;AAAA,IACZ,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,cAAA;AAAA,KACR;AAAA,GACF;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,eAAiB,EAAA,SAAA;AAAA,GACnB;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,YAAc,EAAA,YAAA;AAAA,GAChB;AAAA;AAGF,CAAA,CAAA;AAEO,MAAM,eAAe,KAAM,CAAA,UAAA;AAAA,EAChC,CACE;AAAA,IACE,QAAA;AAAA,IACA,QAAW,GAAA,IAAA;AAAA,IACX,SAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,IAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAe,GAAA,MAAA;AAAA,IACf,QAAA;AAAA,IACA,EAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAc,GAAA,EAAA;AAAA,IACd,KAAA;AAAA,IACA,IAAO,GAAA,QAAA;AAAA,IACP,OAAU,GAAA,SAAA;AAAA,IACV,GAAG,WAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,YAAY,KAAM,CAAA,OAAA;AAAA,MACtB,OAAO;AAAA,QACL,QAAU,EAAA,UAAA;AAAA,QACV,GAAK,EAAA,CAAA;AAAA,QACL,IAAM,EAAA,CAAA;AAAA,QACN,KAAO,EAAA,CAAA;AAAA,QACP,MAAQ,EAAA,CAAA;AAAA,QACR,OAAS,EAAA,MAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,cAAgB,EAAA,QAAA;AAAA,OAClB,CAAA;AAAA,MACA,EAAC;AAAA,KACH,CAAA;AACA,IAAA,MAAM,SAAS,KAAM,CAAA,OAAA;AAAA,MACnB,OAAO;AAAA,QACL,KAAA,EAAO,YAAY,aAAgB,GAAA,KAAA,CAAA;AAAA,OACrC,CAAA;AAAA,MACA,CAAC,SAAS,CAAA;AAAA,KACZ,CAAA;AACA,IAAA,MAAM,OAAO,KAAM,CAAA,OAAA,CAAQ,MAAM,IAAM,EAAA,CAAC,IAAI,CAAC,CAAA,CAAA;AAE7C,IACE,uBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAY,EAAA,KAAA;AAAA,QACZ,OAAA;AAAA,QACA,IAAA;AAAA,QACA,UAAU,SAAa,IAAA,QAAA;AAAA,QACvB,SAAA;AAAA,QACC,GAAG,UAAA,CAAW,CAAG,EAAA,OAAO,CAAG,EAAA,IAAA,KAAS,IAAQ,IAAA,IAAA,GAAO,CAAI,CAAA,EAAA,IAAI,CAAK,CAAA,GAAA,EAAE,CAAE,CAAA,CAAA;AAAA,QACpE,GAAG,WAAA;AAAA,QACJ,EAAI,EAAA,EAAE,GAAG,YAAA,EAAc,GAAG,QAAS,EAAA;AAAA,QAElC,QAAA,EAAA;AAAA,UAAQ,IAAA,IAAA,YAAA,KAAiB,0BACvB,GAAA,CAAA,IAAA,EAAA,EAAK,OAAM,EAAG,EAAA,IAAA,EAAM,QAAU,EAAA,KAAA,EAAO,SAAW,EAAA,CAAA;AAAA,0BAEnD,GAAA,CAAC,OAAI,EAAG,EAAA,MAAA,EAAO,WAAU,iBAAkB,EAAA,EAAA,EAAI,MAC5C,EAAA,QAAA,EAAA,QAAA,IAAY,KACf,EAAA,CAAA;AAAA,UACC,IAAA,IAAQ,YAAiB,KAAA,OAAA,oBACvB,GAAA,CAAA,IAAA,EAAA,EAAK,OAAM,EAAG,EAAA,IAAA,EAAM,QAAU,EAAA,KAAA,EAAO,SAAW,EAAA,CAAA;AAAA,UAElD,SACC,oBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,SAAU,EAAA,EAAA,EAAI,SAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAM,WAAa,EAAA,KAAA,EAAM,WAAU,CAC9C,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAEJ,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

package/dist/components/forms/util/style.d.ts

@@ -1,7 +0,0 @@
-import { ThemeUICSSObject } from '@apia/theme';
-
-declare const getFieldErrorStyles: (isValid: boolean) => ThemeUICSSObject;
-declare const getFieldTouchedStyles: (isTouched: boolean) => ThemeUICSSObject;
-
-export { getFieldErrorStyles, getFieldTouchedStyles };
-//# sourceMappingURL=style.d.ts.map

package/dist/components/forms/util/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/util/style.js

@@ -1,17 +0,0 @@
-const getFieldErrorStyles = (isValid) => {
-  return {
-    borderLeftStyle: !isValid ? "solid" : null,
-    borderLeftWidth: !isValid ? "4px" : null,
-    borderLeftColor: !isValid ? "danger" : void 0
-  };
-};
-const getFieldTouchedStyles = (isTouched) => {
-  return {
-    borderStyle: isTouched ? "solid" : null,
-    borderWidth: isTouched ? "1px" : null,
-    borderColor: isTouched ? "orange" : void 0
-  };
-};
-
-export { getFieldErrorStyles, getFieldTouchedStyles };
-//# sourceMappingURL=style.js.map