linear-react-components-ui 2.0.0-beta.0 → 2.0.0-beta.1

package/lib/popover/types.d.ts

@@ -1,32 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { Position } from '../@types/Position';
-import { SizePixels } from '../@types/SizePixels';
-import { IconNames } from '../@types/Icon';
-import { PermissionAttr } from '../@types/PermissionAttr';
-export interface PopoverTitleProps {
-    children?: ReactNode;
-}
-export interface PopoverTextProps {
-    children?: ReactNode;
-    text?: string;
-}
-export interface IPopoverProps {
-    iconName?: IconNames;
-    iconColor?: string;
-    customClass?: string;
-    children?: ReactNode;
-    theme?: 'light' | 'dark';
-    align?: Extract<Position, 'left' | 'right'>;
-    iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
-    disabled?: boolean;
-    customStyle?: CSSProperties;
-    isLoading?: boolean;
-    visible?: boolean;
-    skeletonize?: boolean;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    tooltip?: string;
-    handlerClose?: (cb: () => void) => void;
-    permissionAttr?: PermissionAttr | PermissionAttr[];
-    style?: CSSProperties;
-}

package/lib/progress/Bar.d.ts

@@ -1,3 +0,0 @@
-import { IBarProps } from './types';
-declare const ProgressBar: (props: IBarProps) => import("react/jsx-runtime").JSX.Element;
-export default ProgressBar;

package/lib/progress/Bar.js

@@ -1,41 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/lib/progress/Bar.tsx
-var t = 1e3, n = ({ max: e = 100, min: n = 0, value: r = 0 }) => {
-	let i = (r - n) / (e - n) * 100;
-	return Math.round(i * t) / t;
-}, r = (e) => {
-	let t = "bar";
-	return e.customClass && (t += `${e.customClass}`), e.type && (t += ` -${e.type}`), e.effect && (t += " -effect"), e.animated && (t += " -animated"), e.indeterminate && (t += " -indeterminate"), t;
-}, i = (t) => {
-	let r = t.label;
-	return t.label || (r = `${n(t)}%`), /* @__PURE__ */ e("span", {
-		className: "progressbar-label ",
-		children: r
-	});
-}, a = (e) => {
-	let { indeterminate: t, indeterminateDelay: r = 1, indeterminateDuration: i = 1.5, progressWidth: a = "100%", height: o = "100%" } = e;
-	return t ? {
-		width: a,
-		height: o,
-		animationDuration: `${i}s`,
-		animationDelay: `${r}s`
-	} : {
-		width: `${n(e)}%`,
-		height: o
-	};
-}, o = (t) => {
-	let { value: n = 0, min: o = 0, max: s = 100, showLabel: c = !0 } = t;
-	return /* @__PURE__ */ e("div", {
-		role: "progressbar",
-		className: r(t),
-		style: a(t),
-		"aria-valuenow": n,
-		"aria-valuemin": o,
-		"aria-valuemax": s,
-		children: c && !t.indeterminate && i(t)
-	});
-};
-//#endregion
-export { o as default };
-
-//# sourceMappingURL=Bar.js.map

package/lib/progress/Bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bar.js","names":[],"sources":["../../src/lib/progress/Bar.tsx"],"sourcesContent":["import { IBarProps, ILabelParams, IPercentageParams } from './types';\n\nconst ROUND_PRECISION = 1000;\nconst getPercentage = ({ max = 100, min = 0, value = 0 }: IPercentageParams) => {\n  const percentage = ((value - min) / (max - min)) * 100;\n  return Math.round(percentage * ROUND_PRECISION) / ROUND_PRECISION;\n};\n\nconst getClass = (props: IBarProps) => {\n  let style = 'bar';\n  if (props.customClass) style += `${props.customClass}`;\n  if (props.type) style += ` -${props.type}`;\n  if (props.effect) style += ' -effect';\n  if (props.animated) style += ' -animated';\n  if (props.indeterminate) style += ' -indeterminate';\n  return style;\n};\n\nconst getLabel = (progress: ILabelParams) => {\n  let value = progress.label;\n  if (!progress.label) {\n    value = `${getPercentage(progress)}%`;\n  }\n  return <span className=\"progressbar-label \">{value}</span>;\n};\n\nconst getStyle = (props: IBarProps) => {\n  const {\n    indeterminate, indeterminateDelay = 1, indeterminateDuration = 1.5, progressWidth = '100%', height = '100%',\n  } = props;\n  if (indeterminate) {\n    return {\n      width: progressWidth,\n      height,\n      animationDuration: `${indeterminateDuration}s`,\n      animationDelay: `${indeterminateDelay}s`,\n    };\n  }\n  return { width: `${getPercentage(props)}%`, height };\n};\n\nconst ProgressBar = (props: IBarProps) => {\n  const { value = 0, min = 0, max = 100, showLabel = true } = props;\n\n  return (\n    <div\n      role=\"progressbar\"\n      className={getClass(props)}\n      style={getStyle(props)}\n      aria-valuenow={value}\n      aria-valuemin={min}\n      aria-valuemax={max} >\n      {showLabel && !props.indeterminate && getLabel(props)}\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"mappings":";;AAEA,IAAM,IAAkB,KAClB,KAAiB,EAAE,SAAM,KAAK,SAAM,GAAG,WAAQ,QAA2B;CAC9E,IAAM,KAAe,IAAQ,MAAQ,IAAM,KAAQ;AACnD,QAAO,KAAK,MAAM,IAAa,EAAgB,GAAG;GAG9C,KAAY,MAAqB;CACrC,IAAI,IAAQ;AAMZ,QALI,EAAM,gBAAa,KAAS,GAAG,EAAM,gBACrC,EAAM,SAAM,KAAS,KAAK,EAAM,SAChC,EAAM,WAAQ,KAAS,aACvB,EAAM,aAAU,KAAS,eACzB,EAAM,kBAAe,KAAS,oBAC3B;GAGH,KAAY,MAA2B;CAC3C,IAAI,IAAQ,EAAS;AAIrB,QAHK,EAAS,UACZ,IAAQ,GAAG,EAAc,EAAS,CAAA,KAE7B,kBAAC,QAAD;EAAM,WAAU;YAAsB;EAAa,CAAA;GAGtD,KAAY,MAAqB;CACrC,IAAM,EACJ,kBAAe,wBAAqB,GAAG,2BAAwB,KAAK,mBAAgB,QAAQ,YAAS,WACnG;AASJ,QARI,IACK;EACL,OAAO;EACP;EACA,mBAAmB,GAAG,EAAA;EACtB,gBAAgB,GAAG,EAAA;EACpB,GAEI;EAAE,OAAO,GAAG,EAAc,EAAM,CAAA;EAAK;EAAQ;GAGhD,KAAe,MAAqB;CACxC,IAAM,EAAE,WAAQ,GAAG,SAAM,GAAG,SAAM,KAAK,eAAY,OAAS;AAE5D,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EAAS,EAAM;EAC1B,OAAO,EAAS,EAAM;EACtB,iBAAe;EACf,iBAAe;EACf,iBAAe;YACd,KAAa,CAAC,EAAM,iBAAiB,EAAS,EAAA;EAC3C,CAAA"}

package/lib/progress/index.d.ts

@@ -1,5 +0,0 @@
-import { default as Bar } from './Bar';
-import { IProgressBarProps } from './types';
-declare const ProgressBar: (props: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
-export default ProgressBar;
-export { Bar };

package/lib/progress/index.js

@@ -1,20 +0,0 @@
-import e from "./Bar.js";
-import '../assets/styles/progress.css';/* empty css                        */
-import { jsx as t } from "react/jsx-runtime";
-//#region src/lib/progress/index.tsx
-var n = (n) => {
-	let { style: r, children: i, width: a = "100%", height: o = "24px" } = n;
-	return /* @__PURE__ */ t("div", {
-		className: "container-progress",
-		style: {
-			...r,
-			width: a,
-			height: o
-		},
-		children: i || /* @__PURE__ */ t(e, { ...n })
-	});
-};
-//#endregion
-export { e as Bar, n as default };
-
-//# sourceMappingURL=index.js.map

package/lib/progress/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/progress/index.tsx"],"sourcesContent":["import Bar from './Bar';\nimport '../assets/styles/progress.scss';\nimport { IProgressBarProps } from './types';\n\nconst ProgressBar = (props: IProgressBarProps) => {\n  const { style, children, width = '100%', height = '24px' } = props;\n  const getStyle = {\n    ...style,\n    width,\n    height,\n  };\n\n  return (\n    <div\n      className=\"container-progress\"\n      style={getStyle}>\n      { children || <Bar {...props} /> }\n    </div>\n  );\n};\n\nexport default ProgressBar;\nexport { Bar };\n"],"mappings":";;;;AAIA,IAAM,KAAe,MAA6B;CAChD,IAAM,EAAE,UAAO,aAAU,WAAQ,QAAQ,YAAS,WAAW;AAO7D,QACE,kBAAC,OAAD;EACE,WAAU;EACV,OATa;GACf,GAAG;GACH;GACA;GACD;YAMK,KAAY,kBAAC,GAAD,EAAK,GAAI,GAAS,CAAA;EAC5B,CAAA"}

package/lib/progress/types.d.ts

@@ -1,34 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface IBarProps {
-    label?: string;
-    min?: number;
-    value?: number;
-    max?: number;
-    progressWidth?: string | number;
-    height?: string | number;
-    showLabel?: boolean;
-    effect?: boolean;
-    type?: string;
-    customClass?: string;
-    animated?: boolean;
-    indeterminate?: boolean;
-    indeterminateDuration?: number;
-    indeterminateDelay?: number;
-}
-export interface IProgressBarProps extends IBarProps {
-    width?: string | number;
-    height?: string | number;
-    style?: CSSProperties;
-    children?: ReactNode;
-}
-export interface IPercentageParams {
-    max?: number;
-    min?: number;
-    value?: number;
-}
-export interface ILabelParams {
-    label?: string;
-    max?: number;
-    min?: number;
-    value?: number;
-}

package/lib/radio/index.d.ts

@@ -1,11 +0,0 @@
-import { IRadioProps } from './types';
-/**
- * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
- * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
- * componente para gerar propriedades customizadas.
- */
-declare const Radio: {
-    ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export default Radio;

package/lib/radio/index.js

@@ -1,88 +0,0 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
-import { OPTIONS_ON_DENIED as t, actionsOnPermissionDenied as n } from "../permissionValidations.js";
-import r from "../textContent/index.js";
-import i from "../popover/index.js";
-import '../assets/styles/radio.css';/* empty css                     */
-import { useEffect as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/lib/radio/index.tsx
-var l = e(), u = (e) => {
-	let u = (0, l.c)(36), { id: d, label: f, value: p, checked: m, onChange: h, name: g, disabled: _, required: v, skeletonize: y, defaultChecked: b, inputRef: x, size: S, customClassForLabel: C, labelUppercase: w, hint: T, hintPosition: E, themePopover: D, popoverAlign: O, permissionAttr: k } = e, A = g === void 0 ? "" : g, j = _ === void 0 ? !1 : _, M = v === void 0 ? !1 : v, N = y === void 0 ? !1 : y, P = b === void 0 ? !1 : b, F = S === void 0 ? "medium" : S, I = E === void 0 ? "onLabelRight" : E, L = D === void 0 ? "light" : D, R = O === void 0 ? "left" : O, [z, B] = o(m), V, H;
-	if (u[0] !== k) {
-		let e = [t.disabled, t.unvisible];
-		V = o, H = n(e, k), u[0] = k, u[1] = V, u[2] = H;
-	} else V = u[1], H = u[2];
-	let [U] = V(H), W;
-	u[3] !== m || u[4] !== z ? (W = () => {
-		m !== z && B(m);
-	}, u[3] = m, u[4] = z, u[5] = W) : W = u[5];
-	let G;
-	u[6] === m ? G = u[7] : (G = [m], u[6] = m, u[7] = G), a(W, G);
-	let K;
-	u[8] !== j || u[9] !== U.disabled || u[10] !== N ? (K = () => j || !!U.disabled || N, u[8] = j, u[9] = U.disabled, u[10] = N, u[11] = K) : K = u[11];
-	let q = K, J;
-	u[12] !== m || u[13] !== P || u[14] !== z || u[15] !== h || u[16] !== q ? (J = () => {
-		let e;
-		return e = { ...P && !m ? { defaultChecked: P } : { checked: z } }, h && !q() && (e = {
-			...e,
-			onChange: (e) => h(e),
-			onKeyDown: null,
-			role: "button",
-			tabIndex: "0"
-		}), e;
-	}, u[12] = m, u[13] = P, u[14] = z, u[15] = h, u[16] = q, u[17] = J) : J = u[17];
-	let Y = J;
-	if (U.unvisible) return null;
-	let X;
-	return u[18] !== C || u[19] !== j || u[20] !== Y || u[21] !== T || u[22] !== I || u[23] !== d || u[24] !== x || u[25] !== f || u[26] !== w || u[27] !== A || u[28] !== R || u[29] !== M || u[30] !== q || u[31] !== F || u[32] !== N || u[33] !== L || u[34] !== p ? (X = c("div", {
-		className: "radio-input",
-		style: {
-			display: "flex",
-			alignItems: "center"
-		},
-		children: [c("div", {
-			className: `radio-button ${j ? "disabled" : ""} ${N ? "-skeletonized" : ""}`,
-			children: [s("input", {
-				...Y(),
-				ref: x,
-				className: "radio-component",
-				type: "radio",
-				value: p,
-				id: d,
-				name: A,
-				required: M,
-				disabled: q()
-			}), s("label", {
-				className: `description ${F && `-${F}`}`,
-				htmlFor: d,
-				children: c("span", { children: [
-					s(r, {
-						required: M,
-						disabled: q(),
-						className: C,
-						labelUppercase: w
-					}),
-					f,
-					s(r, {})
-				] })
-			})]
-		}), !!T && I === "onLabelRight" && s(i, {
-			theme: L,
-			align: R,
-			customClass: "-hint",
-			iconColor: "#03bde2",
-			iconSize: 16,
-			style: {
-				margin: "0px 5px",
-				height: "auto",
-				width: 20
-			},
-			children: T
-		})]
-	}), u[18] = C, u[19] = j, u[20] = Y, u[21] = T, u[22] = I, u[23] = d, u[24] = x, u[25] = f, u[26] = w, u[27] = A, u[28] = R, u[29] = M, u[30] = q, u[31] = F, u[32] = N, u[33] = L, u[34] = p, u[35] = X) : X = u[35], X;
-};
-u.displayName = "Radio";
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=index.js.map

package/lib/radio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/radio/index.tsx"],"sourcesContent":["import { useState, useEffect, ChangeEvent } from 'react';\nimport '../assets/styles/radio.scss';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\n\nimport { IRadioProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport Popover from '../popover';\nimport TextContent from '../textContent';\n\n/**\n * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado\n * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do\n * componente para gerar propriedades customizadas.\n */\n\nconst Radio = ({\n  id,\n  label,\n  value,\n  checked,\n  onChange,\n  name = '',\n  disabled = false,\n  required = false,\n  skeletonize = false,\n  defaultChecked = false,\n  inputRef,\n  size = 'medium',\n  customClassForLabel, \n  labelUppercase, \n  hint,\n  hintPosition = 'onLabelRight',\n  themePopover = 'light',\n  popoverAlign = 'left',\n  permissionAttr, \n}: IRadioProps) => {\n  const [isChecked, setIsChecked] = useState(checked);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n\n  useEffect(() => {\n    if (checked !== isChecked) setIsChecked(checked);\n  }, [checked]);\n\n  const shouldDisable = () => disabled || !!onDenied.disabled || skeletonize;\n\n  const getCustomProps = () => {\n    let customProps = {};\n    const checkProps = defaultChecked && !checked ? { defaultChecked } : { checked: isChecked };\n    customProps = {\n      ...checkProps,\n    };\n\n    if (onChange && !shouldDisable()) {\n      customProps = {\n        ...customProps,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => onChange(e),\n        onKeyDown: null,\n        role: 'button',\n        tabIndex: '0',\n      };\n    }\n    return customProps;\n  };\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <div className='radio-input' style={{ display: 'flex', alignItems: 'center' }}>\n      <div\n        className={`radio-button ${disabled ? 'disabled' : ''} ${skeletonize ? '-skeletonized' : ''}`}>\n        <input\n          {...getCustomProps()}\n          ref={inputRef}\n          className=\"radio-component\"\n          type=\"radio\"\n          value={value}\n          id={id}\n          name={name}\n          required={required}\n          disabled={shouldDisable()} />\n        <label className={`description ${size && `-${size}`}`} htmlFor={id}>\n          <span>\n            <TextContent \n              required={required}\n              disabled={shouldDisable()}\n              className={customClassForLabel}\n              labelUppercase={labelUppercase} />\n            {label}\n            <TextContent />\n          </span>\n        </label>\n      </div>\n      {!!hint && hintPosition === 'onLabelRight' && (\n        <Popover \n          theme={themePopover}\n          align={popoverAlign}\n          customClass=\"-hint\"\n          iconColor=\"#03bde2\" \n          iconSize={16}\n          style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n          {hint}\n        </Popover>\n      )}\n    </div>\n  );\n};\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"mappings":";;;;;;;;aAeM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAS,EAAA,OAAA,UAAA,UAAA,YAAA,aAAA,MAAA,GAAA,UAAA,GAAA,UAAA,GAAA,aAAA,GAAA,gBAAA,GAAA,aAAA,MAAA,GAAA,wBAAA,mBAAA,SAAA,cAAA,GAAA,cAAA,GAAA,cAAA,GAAA,sBAAA,GAMb,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GAEA,IAAA,MAAA,KAAA,IAAA,WAAA,GAIA,IAAA,MAAA,KAAA,IAAA,iBAAA,GACA,IAAA,MAAA,KAAA,IAAA,UAAA,GACA,IAAA,MAAA,KAAA,IAAA,SAAA,GAGA,CAAA,GAAA,KAAkC,EAAS,EAAQ,EAAA,GAAA;AAAA,KAAA,EAAA,OAAA,GAAA;EACnD,IAAA,IAAgB,CAAC,EAAA,UAA4B,EAAA,UAA4B;AACe,EAArE,IAAA,GAAmB,IAAA,EAA0B,GAAS,EAAe,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;OAAA,CAAA,IAAA,EAAA,IAAA,IAAA,EAAA;CAAxF,IAAA,CAAA,KAAmB,EAAmB,EAAmD,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEzF,UAAA;AACE,EAAI,MAAY,KAAW,EAAa,EAAQ;;;AADlD,cAEY,IAAA,EAAA,MAAT,IAAA,CAAC,EAAQ,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,IAFZ,EAAA,GAEG,EAAU;CAAA,IAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,EAAA,YAAA,EAAA,QAAA,KAEP,UAAsB,KAAA,CAAa,CAAC,EAAA,YAAd,GAAmC,EAAA,KAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAA/D,IAAA,IAAM,GAAyD;AAAA,CAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAEzD,UAAA;EACJ,IAAA;SAEA,IAAc,EAAA,GADK,KAAA,CAAmB,IAAnB,EAAA,mBAAwE,GAAxE,EAAA,SAA6D,GAAW,EAG1F,EAEG,KAAA,CAAa,GAAe,KAC9B,IAAc;GAAA,GACT;GAAA,WACH,MAAgD,EAAS,EAAE;GAAA,WAChD;GAAA,MACL;GAAA,UACI;GACX,GAEI;;CAhBT,IAAA,IAAM;AAmBN,KAAI,EAAA,UAAS,QAAkB;CAAA,IAAA;QAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAG7B,IAAA,EAAC,OAAD;EAAA,WAAe;EAAA,OAAqB;GAAA,SAAW;GAAA,YAAoB;GAAU;EAAA,UAA7E,CACE,EAAC,OAAD;GAAA,WACa,gBAAgB,IAAA,aAAA,GAAwB,GAAM,IAAA,kBAAA;GAAgC,UAD3F,CAEE,EAAC,SAAD;IAAA,GACM,GAAgB;IAAA,KACf;IAAA,WACK;IAAA,MACL;IAAA;IAAA;IAAA;IAAA;IAAA,UAKK,GAAA;IAAmB,CAAA,EAC/B,EAAC,SAAD;IAAA,WAAkB,eAAe,KAAA,IAAY;IAAA,SAAmB;IAAA,UAC9D,EAAC,QAAD,EAAA,UAAA;KACE,EAAC,GAAD;MAAA;MAAA,UAEY,GAAe;MAAA,WACd;MAAA;MACuB,CAAA;KACnC;KACD,EAAC,GAAD,EAAe,CAAA;KAAA,EACV,CAAA;IACD,CAAA,CAAA;MAET,CAAC,CAAC,KAAQ,MAAiB,kBAC1B,EAAC,GAAD;GAAA,OACS;GAAA,OACA;GAAA,aACK;GAAA,WACF;GAAA,UACA;GAAA,OACH;IAAA,QAAU;IAAA,QAAmB;IAAA,OAAe;IAAI;GAAA,UACtD;GACO,CAAA,CAAA;wNAlCd;;AAwCJ,EAAM,cAAc"}

package/lib/radio/types.d.ts

@@ -1,25 +0,0 @@
-import { ChangeEvent, Ref, RefObject } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { Size } from '../@types/Size';
-export interface IRadioProps {
-    label?: string;
-    disabled?: boolean;
-    defaultChecked?: boolean;
-    value?: string;
-    name?: string;
-    id?: string;
-    required?: boolean;
-    size?: Extract<Size, 'small' | 'medium' | 'large'>;
-    onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
-    checked?: boolean;
-    permissionAttr?: PermissionAttr | PermissionAttr;
-    skeletonize?: boolean;
-    forwardedRef?: Ref<HTMLInputElement>;
-    inputRef?: RefObject<HTMLInputElement>;
-    customClassForLabel?: string;
-    labelUppercase?: boolean;
-    hint?: string;
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
-}

package/lib/shortcuts/index.d.ts

@@ -1,3 +0,0 @@
-import { IShortcutsProps } from './types';
-declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => import("react/jsx-runtime").JSX.Element;
-export default Shortcuts;

package/lib/shortcuts/index.js

@@ -1,22 +0,0 @@
-import '../assets/styles/shortcuts.css';/* empty css                         */
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/lib/shortcuts/index.tsx
-var n = ({ type: n, style: r, styleShortcut: i, shortcut: a, description: o }) => /* @__PURE__ */ t("p", {
-	"data-testid": "description",
-	className: "shortcut-description",
-	style: r,
-	children: [
-		/* @__PURE__ */ e("kbd", {
-			"data-testid": "shortcut",
-			className: `shortcut-component ${n && `-${n}`}`,
-			style: i,
-			children: a
-		}),
-		":\xA0",
-		o
-	]
-});
-//#endregion
-export { n as default };
-
-//# sourceMappingURL=index.js.map

package/lib/shortcuts/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/shortcuts/index.tsx"],"sourcesContent":["import { IShortcutsProps } from './types';\nimport '../assets/styles/shortcuts.scss';\n\nconst Shortcuts = ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => (\n  <p data-testid=\"description\" className=\"shortcut-description\" style={style}>\n    <kbd data-testid=\"shortcut\" className={`shortcut-component ${type && `-${type}`}`} style={styleShortcut}>\n      {shortcut}\n    </kbd>\n    &#58;&nbsp;\n    {description}\n  </p>\n);\n\nexport default Shortcuts;\n"],"mappings":";;;AAGA,IAAM,KAAa,EAAE,SAAM,UAAO,kBAAe,aAAU,qBACzD,kBAAC,KAAD;CAAG,eAAY;CAAc,WAAU;CAA8B;WAArE;EACE,kBAAC,OAAD;GAAK,eAAY;GAAW,WAAW,sBAAsB,KAAQ,IAAI;GAAU,OAAO;aACvF;GACG,CAAA;;EAEL;EAAA"}

package/lib/shortcuts/types.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties } from 'react';
-import { ColorStyles } from '../@types/ColorStyles';
-export interface IShortcutsProps {
-    type?: ColorStyles;
-    style?: CSSProperties;
-    styleShortcut?: CSSProperties;
-    shortcut: string;
-    description: string;
-}

package/lib/skeleton/SkeletonContainer.d.ts

@@ -1,3 +0,0 @@
-import { ISkeletonContainerProps } from './types';
-declare const SkeletonContainer: ({ children, row, customClass, style }: ISkeletonContainerProps) => import("react/jsx-runtime").JSX.Element;
-export default SkeletonContainer;

package/lib/skeleton/SkeletonContainer.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/lib/skeleton/SkeletonContainer.tsx
-var t = ({ children: t, row: n, customClass: r, style: i }) => /* @__PURE__ */ e("div", {
-	className: `skeletoncontainer-component ${r}
-    ${n && "-row"}`,
-	style: i,
-	children: t
-});
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=SkeletonContainer.js.map

package/lib/skeleton/SkeletonContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonContainer.js","names":[],"sources":["../../src/lib/skeleton/SkeletonContainer.tsx"],"sourcesContent":["import { ISkeletonContainerProps } from './types';\n\nconst SkeletonContainer = ({ children, row, customClass, style }: ISkeletonContainerProps) => {\n  const getClass = () => (\n    `skeletoncontainer-component ${customClass}\n    ${row && '-row'}`\n  );\n\n  return (\n    <div className={getClass()} style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default SkeletonContainer;\n"],"mappings":";;AAEA,IAAM,KAAqB,EAAE,aAAU,QAAK,gBAAa,eAOrD,kBAAC,OAAD;CAAK,WALL,+BAA+B,EAAA;MAC7B,KAAO;CAI0B;CAChC;CACG,CAAA"}

package/lib/skeleton/index.d.ts

@@ -1,5 +0,0 @@
-import { default as SkeletonContainer } from './SkeletonContainer';
-import { ISkeletonProps } from './types';
-declare const Skeleton: (props: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
-export default Skeleton;
-export { SkeletonContainer };

package/lib/skeleton/index.js

@@ -1,29 +0,0 @@
-import e from "../gridlayout/index.js";
-import t from "./SkeletonContainer.js";
-import '../assets/styles/skeleton.css';/* empty css                        */
-import { jsx as n } from "react/jsx-runtime";
-//#region src/lib/skeleton/index.tsx
-var r = (t) => {
-	let { customClass: r = "", style: i, width: a, height: o, round: s, color: c = "default", size: l = "medium", gridLayout: u } = t, d = {
-		width: a,
-		height: o
-	}, f = () => `skeleton-component ${r}
-    ${c && `-${c}`}
-    ${s && "-round"}
-    ${s && l && `-${l}`}`, p = () => /* @__PURE__ */ n("div", {
-		className: f(),
-		style: {
-			...d,
-			...i
-		}
-	});
-	return u === void 0 ? p() : /* @__PURE__ */ n(e, {
-		customClass: "-withskeleton",
-		cols: u,
-		children: p()
-	});
-};
-//#endregion
-export { t as SkeletonContainer, r as default };
-
-//# sourceMappingURL=index.js.map

package/lib/skeleton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/skeleton/index.tsx"],"sourcesContent":["import Grid from '../gridlayout';\nimport SkeletonContainer from './SkeletonContainer';\nimport '../assets/styles/skeleton.scss';\nimport { ISkeletonProps } from './types';\n\nconst Skeleton = (props: ISkeletonProps) => {\n  const {\n    customClass = '', style, width, height, round, color = 'default', size = 'medium', gridLayout,\n  } = props;\n  const customStyles = { width, height };\n\n  const getClass = () => (\n    `skeleton-component ${customClass}\n    ${color && `-${color}`}\n    ${round && '-round'}\n    ${round && size && `-${size}`}`\n  );\n\n  const renderContent = () => (\n    <div className={getClass()} style={{ ...customStyles, ...style }} />\n  );\n\n  if (gridLayout !== undefined) {\n    return (\n      <Grid customClass=\"-withskeleton\" cols={gridLayout}>\n        {renderContent()}\n      </Grid>\n    );\n  }\n\n  return renderContent();\n};\n\nexport default Skeleton;\nexport { SkeletonContainer };\n"],"mappings":";;;;;AAKA,IAAM,KAAY,MAA0B;CAC1C,IAAM,EACJ,iBAAc,IAAI,UAAO,UAAO,WAAQ,UAAO,WAAQ,WAAW,UAAO,UAAU,kBACjF,GACE,IAAe;EAAE;EAAO;EAAQ,EAEhC,UACJ,sBAAsB,EAAA;MACpB,KAAS,IAAI,IAAA;MACb,KAAS,SAAA;MACT,KAAS,KAAQ,IAAI,OAGnB,UACJ,kBAAC,OAAD;EAAK,WAAW,GAAU;EAAE,OAAO;GAAE,GAAG;GAAc,GAAG;;EAAW,CAAA;AAWtE,QARI,MAAe,KAAA,IAQZ,GAAe,GANlB,kBAAC,GAAD;EAAM,aAAY;EAAgB,MAAM;YACrC,GAAA;EACI,CAAA"}

package/lib/skeleton/types.d.ts

@@ -1,18 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { Size } from '../@types/Size';
-export interface ISkeletonProps {
-    width?: string | number;
-    height?: string | number;
-    round?: boolean;
-    size?: Exclude<Size, 'default'>;
-    color?: 'default' | 'white';
-    gridLayout?: string;
-    customClass?: string;
-    style?: CSSProperties;
-}
-export interface ISkeletonContainerProps {
-    children: ReactNode;
-    row?: boolean;
-    customClass?: string;
-    style?: CSSProperties;
-}

package/lib/spinner/SpinnerLoading.d.ts

@@ -1,3 +0,0 @@
-import { ISpinnerLoadingProps } from './types';
-declare const SpinnerLoading: ({ color, size }: ISpinnerLoadingProps) => import("react/jsx-runtime").JSX.Element;
-export default SpinnerLoading;