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

package/lib/form2/useForm/index.js

@@ -1,122 +0,0 @@
-import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
-import { deepMergeValues as n, flattenValidators as r, mergeRefs as i } from "../helpers.js";
-import { useRef as a, useState as o } from "react";
-//#region src/lib/form2/useForm/index.ts
-var s = /* @__PURE__ */ e(t(), 1), c = ({ initialValues: e, validators: t = {}, options: c = { validationMode: "default" } }) => {
-	let [l, u] = o(e), [d, f] = o({}), [p, m] = o({}), [h, g] = o({}), _ = a({}), v = a(e), y = a(e), b = r(t), x = (e, t = h, n = d) => {
-		let r = Object.keys(b).filter((e) => {
-			let r = s.default.get(t, e), i = !s.default.isEmpty(s.default.get(n, e));
-			return !!(r || i);
-		});
-		r.length && f((t) => {
-			let n = s.default.cloneDeep(t);
-			return r.forEach((t) => {
-				let r = s.default.get(e, t), i = (s.default.get(b, t) ?? []).map((t) => t(r, e)).filter((e) => !!e);
-				s.default.set(n, t, i);
-			}), n;
-		});
-	}, S = () => {
-		let e = {};
-		return Object.keys(b).forEach((t) => {
-			let n = s.default.get(l, t), r = (s.default.get(b, t) ?? []).map((e) => e(n, l)).filter((e) => !!e);
-			r.length && s.default.set(e, t, r);
-		}), f(e), e;
-	}, C = () => Object.keys(b).every((e) => {
-		let t = s.default.get(l, e);
-		return (s.default.get(b, e) ?? []).every((e) => !e(t, l));
-	}), w = (e) => s.default.get(d, e) ?? [], T = (e) => {
-		f((t) => {
-			let n = s.default.cloneDeep(t);
-			return Object.entries(e).forEach(([e, t]) => {
-				s.default.set(n, e, t);
-			}), n;
-		});
-	}, E = (e) => s.default.get(l, e), D = (e, t) => {
-		u((n) => {
-			let r = s.default.cloneDeep(n);
-			s.default.set(r, e, t);
-			let i = s.default.get(y.current, e), a = !s.default.isEqual(i, t);
-			return m((t) => {
-				let n = s.default.cloneDeep(t);
-				return s.default.set(n, e, a), n;
-			}), c.validationMode === "default" && x(r), r;
-		});
-	}, O = (e, t) => {
-		let n = _.current[e];
-		n?.focus?.(), t?.shouldSelect && n?.select?.();
-	}, k = (e, t) => s.default.isEqual(s.default.get(l, e), t), A = (e) => {
-		let t = s.default.cloneDeep(d);
-		(e ?? Object.keys(d)).forEach((e) => {
-			s.default.set(t, e, []);
-		}), f(t);
-	}, j = (e, t) => {
-		let n = s.default.cloneDeep(l), r = s.default.cloneDeep(h), i = s.default.cloneDeep(p), a = s.default.cloneDeep(d);
-		(e ?? Object.keys(v.current)).forEach((e) => {
-			let t = s.default.get(v.current, e);
-			s.default.set(n, e, t), s.default.set(r, e, !1), s.default.set(i, e, !1), s.default.set(a, e, []);
-		}), u(n), g(r), m(i), f(a), t || (y.current = v.current);
-	};
-	return {
-		reset: j,
-		changed: p,
-		values: l,
-		errors: d,
-		touched: h,
-		isValid: C(),
-		formHasChange: Object.values(p).some(Boolean),
-		register: (e, t) => {
-			let { onChange: n, onBlur: r, ref: a } = t ?? {};
-			return {
-				name: e,
-				ref: i((t) => {
-					_.current[e] = t;
-				}, a),
-				value: s.default.get(l, e, s.default.get(v.current, e, "")),
-				errors: s.default.get(d, e, []),
-				onChange: (t) => {
-					let { value: r } = t.target;
-					u((t) => {
-						let n = s.default.cloneDeep(t);
-						s.default.set(n, e, r);
-						let i = !s.default.isEqual(s.default.get(y.current, e), r);
-						return m((t) => {
-							let n = s.default.cloneDeep(t);
-							return s.default.set(n, e, i), n;
-						}), c.validationMode === "default" && x(n, h, d), n;
-					}), n?.(t);
-				},
-				onBlur: (t) => {
-					let n = s.default.cloneDeep(h);
-					s.default.set(n, e, !0), g((t) => {
-						let n = s.default.cloneDeep(t);
-						return s.default.set(n, e, !0), n;
-					}), c.validationMode === "default" && x(l, n, d), r?.(t);
-				}
-			};
-		},
-		cleanErrors: A,
-		changeValues: (e) => {
-			j(void 0, !0), u((t) => {
-				let r = n(t, e);
-				return y.current = r, r;
-			});
-		},
-		compareField: k,
-		handleSubmit: (e) => (t) => {
-			t.preventDefault();
-			let n = S();
-			s.default.isEmpty(n) && e(l);
-		},
-		getFieldValue: E,
-		getFieldError: w,
-		setFieldFocus: O,
-		setFieldValue: D,
-		setExternalErrors: T,
-		initialValues: v.current
-	};
-};
-//#endregion
-export { c as default };
-
-//# sourceMappingURL=index.js.map

package/lib/form2/useForm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/form2/useForm/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { ChangeEvent, FocusEvent, FormEvent, useRef, useState } from 'react';\nimport type {\n  FieldErrors, FieldChanged, FieldTouched, FieldFocusOptions, UseFormProps,\n  UseFormReturn, DeepPartial,\n  RegisterOptions,\n} from '../types';\nimport { deepMergeValues, flattenValidators, mergeRefs } from '../helpers';\n\nconst useForm = <ValuesType extends Record<string, any>>({\n  initialValues,\n  validators = {},\n  options = { validationMode: 'default' },\n}: UseFormProps<ValuesType>): UseFormReturn<ValuesType> => {\n  const [values, setValues] = useState<ValuesType>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors<ValuesType>>({});\n  const [changed, setChanged] = useState<FieldChanged<ValuesType>>({});\n  const [touched, setTouched] = useState<FieldTouched<ValuesType>>({});\n  const fieldsRef = useRef<Record<string, HTMLInputElement | HTMLTextAreaElement | null>>({});\n  const initialValuesRef = useRef<ValuesType>(initialValues);\n  const valuesToCompareInChangedRef = useRef<ValuesType>(initialValues);\n\n  const flattenedValidators = flattenValidators(validators);\n\n  const validateBatchOfFields = (\n    valuesSnapshot: ValuesType,\n    touchedFields: FieldTouched<ValuesType> = touched,\n    errorsFields: FieldErrors<ValuesType> = errors,\n  ) => {\n    const fieldsToValidate = Object.keys(flattenedValidators).filter((path) => {\n      const wasTouched = _.get(touchedFields, path);\n      const hasErrors = !_.isEmpty(_.get(errorsFields, path));\n      return Boolean(wasTouched || hasErrors);\n    });\n\n    if (!fieldsToValidate.length) return;\n\n    setErrors((prevErrorsState) => {\n      const updatedErrorsState = _.cloneDeep(prevErrorsState);\n\n      fieldsToValidate.forEach((path) => {\n        const value = _.get(valuesSnapshot, path);\n        const fieldValidators = _.get(flattenedValidators, path) ?? [];\n        const fieldErrors = fieldValidators\n          .map((validator: any) => validator(value, valuesSnapshot))\n          .filter((message: string) => Boolean(message));\n\n        _.set(updatedErrorsState, path, fieldErrors);\n      });\n\n      return updatedErrorsState;\n    });\n  };\n\n  const validateAllFields = () => {\n    const allValidationErrors: FieldErrors<ValuesType> = {};\n\n    Object.keys(flattenedValidators).forEach((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      const fieldErrors = fieldValidators\n        .map((validator: any) => validator(value, values))\n        .filter((message: string) => Boolean(message));\n\n      if (fieldErrors.length) {\n        _.set(allValidationErrors, path, fieldErrors);\n      }\n    });\n\n    setErrors(allValidationErrors);\n    return allValidationErrors;\n  };\n\n  const checkFormIsValid = () => {\n    return Object.keys(flattenedValidators).every((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      return fieldValidators.every((validator: any) => !validator(value, values));\n    });\n  };\n\n  const getFieldError = (name: string): string[] => {\n    const fieldErrors = _.get(errors, name) as string[] ?? [];\n    return fieldErrors;\n  };\n\n  const setExternalErrors = (externalErrors: Record<string, string[]>) => {\n    setErrors((prevStateErrors) => {\n      const newErrorsState = _.cloneDeep(prevStateErrors);\n      Object.entries(externalErrors).forEach(([key, value]) => {\n        _.set(newErrorsState, key, value);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const getFieldValue = (name: string): any => {\n    return _.get(values, name);\n  };\n\n  const setFieldValue = (name: string, value: any) => {\n    setValues((prevStateValues) => {\n      const updatedValuesState = _.cloneDeep(prevStateValues);\n      _.set(updatedValuesState, name, value);\n\n      const valueToCompare = _.get(valuesToCompareInChangedRef.current, name);\n      const hasChanged = !_.isEqual(valueToCompare, value);\n\n      setChanged((prevStateChanged) => {\n        const updatedChangedState = _.cloneDeep(prevStateChanged);\n        _.set(updatedChangedState, name, hasChanged);\n        return updatedChangedState;\n      });\n\n      if (options.validationMode === 'default') {\n        validateBatchOfFields(updatedValuesState);\n      }\n\n      return updatedValuesState;\n    });\n  };\n\n  const setFieldFocus = (name: string, fieldFocusOptions?: FieldFocusOptions) => {\n    const field = fieldsRef.current[name];\n    field?.focus?.();\n    if (fieldFocusOptions?.shouldSelect) {\n      field?.select?.();\n    }\n  };\n\n  const compareField = (name: string, valueToCompare: any): boolean => {\n    return _.isEqual(_.get(values, name), valueToCompare);\n  };\n\n  const cleanErrors = (fieldsToClean?: string[]) => {\n    const newErrorsState = _.cloneDeep(errors);\n    const fields = fieldsToClean ?? Object.keys(errors);\n\n    fields.forEach((key) => {\n      _.set(newErrorsState, key, []);\n    });\n\n    setErrors(newErrorsState);\n  };\n\n  const reset = (inputsToReset?: string[], internalReset?: boolean) => {\n    const newValuesState = _.cloneDeep(values);\n    const newTouchedState = _.cloneDeep(touched);\n    const newChangedState = _.cloneDeep(changed);\n    const newErrorsState = _.cloneDeep(errors);\n    const inputs = inputsToReset ?? Object.keys(initialValuesRef.current);\n\n    inputs.forEach((key) => {\n      const initialValue = _.get(initialValuesRef.current, key);\n      _.set(newValuesState, key, initialValue);\n      _.set(newTouchedState, key, false);\n      _.set(newChangedState, key, false);\n      _.set(newErrorsState, key, []);\n    });\n\n    setValues(newValuesState);\n    setTouched(newTouchedState);\n    setChanged(newChangedState);\n    setErrors(newErrorsState);\n\n    if (!internalReset) { valuesToCompareInChangedRef.current = initialValuesRef.current; }\n  };\n\n  const changeValues = (fieldValues: DeepPartial<ValuesType>) => {\n    reset(undefined, true);\n    setValues((prevStateValues) => {\n      const newValuesState = deepMergeValues(prevStateValues, fieldValues);\n      valuesToCompareInChangedRef.current = newValuesState;\n      return newValuesState;\n    });\n  };\n\n  const register = (\n    name: string,\n    registerOptions?: RegisterOptions,\n  ) => {\n    const { onChange, onBlur, ref } = registerOptions ?? {};\n    return {\n      name,\n      ref: mergeRefs<HTMLInputElement | HTMLTextAreaElement>((inputElement: any) => {\n        fieldsRef.current[name] = inputElement;\n      }, ref),\n      value: _.get(values, name, _.get(initialValuesRef.current, name, '')),\n      errors: _.get(errors, name, []),\n      onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const { value } = event.target;\n\n        setValues((prevStateValues) => {\n          const updatedValues = _.cloneDeep(prevStateValues);\n          _.set(updatedValues, name, value);\n\n          const hasChanged = !_.isEqual(_.get(valuesToCompareInChangedRef.current, name), value);\n          setChanged((prevStateChanged) => {\n            const updatedChangedState = _.cloneDeep(prevStateChanged);\n            _.set(updatedChangedState, name, hasChanged);\n            return updatedChangedState;\n          });\n\n          if (options.validationMode === 'default') {\n            validateBatchOfFields(updatedValues, touched, errors);\n          }\n\n          return updatedValues;\n        });\n\n        onChange?.(event);\n      },\n      onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const touchedSnapshot = _.cloneDeep(touched);\n        _.set(touchedSnapshot, name, true);\n\n        setTouched((prevStateTouched) => {\n          const updated = _.cloneDeep(prevStateTouched);\n          _.set(updated, name, true);\n          return updated;\n        });\n\n        if (options.validationMode === 'default') {\n          validateBatchOfFields(values, touchedSnapshot, errors);\n        }\n\n        onBlur?.(event);\n      },\n    };\n  };\n\n  const handleSubmit = (callback: (data: ValuesType) => void) => (event: FormEvent) => {\n    event.preventDefault();\n\n    const validationErrors = validateAllFields();\n    const hasErrors = !_.isEmpty(validationErrors);\n\n    if (hasErrors) return;\n    callback(values);\n  };\n\n  const isValid = checkFormIsValid();\n  const formHasChange = Object.values(changed).some(Boolean);\n\n  return {\n    reset,\n    changed,\n    values,\n    errors,\n    touched,\n    isValid,\n    formHasChange,\n    register,\n    cleanErrors,\n    changeValues,\n    compareField,\n    handleSubmit,\n    getFieldValue,\n    getFieldError,\n    setFieldFocus,\n    setFieldValue,\n    setExternalErrors,\n    initialValues: initialValuesRef.current,\n  };\n};\n\nexport default useForm;\n"],"mappings":"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"}

package/lib/gridlayout/GridCol.d.ts

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

package/lib/gridlayout/GridCol.js

@@ -1,18 +0,0 @@
-import '../assets/styles/gridlayout.css';/* empty css                          */
-import { jsx as e } from "react/jsx-runtime";
-//#region src/lib/gridlayout/GridCol.tsx
-var t = (e) => {
-	let t = e ? e.split(" ") : [], n = "grid-container ";
-	return t[0] && (n += `col-xs-${t[0]}`), t[1] && (n += ` col-sm-${t[1]}`), t[2] && (n += ` col-md-${t[2]}`), t[3] && (n += ` col-lg-${t[3]}`), n;
-}, n = (n) => {
-	let { cols: r, customClass: i, children: a, style: o, visible: s = !0 } = n, c = t(r || "");
-	return s ? /* @__PURE__ */ e("div", {
-		className: `${i} ${c}`,
-		style: o,
-		children: a
-	}) : null;
-};
-//#endregion
-export { n as default };
-
-//# sourceMappingURL=GridCol.js.map

package/lib/gridlayout/GridCol.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridCol.js","names":[],"sources":["../../src/lib/gridlayout/GridCol.tsx"],"sourcesContent":["import '../assets/styles/gridlayout.scss';\nimport { IGridCol } from './types';\n\nconst getClass = (col:string) => {\n  const cols = col ? col.split(' ') : [];\n  let classes = 'grid-container ';\n  if (cols[0]) classes += `col-xs-${cols[0]}`;\n  if (cols[1]) classes += ` col-sm-${cols[1]}`;\n  if (cols[2]) classes += ` col-md-${cols[2]}`;\n  if (cols[3]) classes += ` col-lg-${cols[3]}`;\n  return classes;\n};\n\nconst GridCol = (props: IGridCol) => {\n  const {\n    cols, customClass, children, style, visible = true,\n  } = props;\n  const gridClasses = getClass(cols || '');\n  if (!visible) return null;\n  return (\n    <div\n      className={`${customClass} ${gridClasses}`}\n      style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default GridCol;\n"],"mappings":";;;AAGA,IAAM,KAAY,MAAe;CAC/B,IAAM,IAAO,IAAM,EAAI,MAAM,IAAI,GAAG,EAAE,EAClC,IAAU;AAKd,QAJI,EAAK,OAAI,KAAW,UAAU,EAAK,OACnC,EAAK,OAAI,KAAW,WAAW,EAAK,OACpC,EAAK,OAAI,KAAW,WAAW,EAAK,OACpC,EAAK,OAAI,KAAW,WAAW,EAAK,OACjC;GAGH,KAAW,MAAoB;CACnC,IAAM,EACJ,SAAM,gBAAa,aAAU,UAAO,aAAU,OAC5C,GACE,IAAc,EAAS,KAAQ,GAAG;AAExC,QADK,IAEH,kBAAC,OAAD;EACE,WAAW,GAAG,EAAA,GAAe;EACtB;EACN;EACG,CAAA,GANa"}

package/lib/gridlayout/GridRow.d.ts

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

package/lib/gridlayout/GridRow.js

@@ -1,21 +0,0 @@
-import '../assets/styles/gridlayout.css';/* empty css                          */
-import { jsx as e } from "react/jsx-runtime";
-//#region src/lib/gridlayout/GridRow.tsx
-var t = (e) => `row ${e.customClass}
-    ${e.withTrim && " -withtrim"}
-    ${e.verticalAlign && ` align-items-${e.verticalAlign}`}
-    ${e.horizontalAlign && ` justify-content-${e.horizontalAlign}`}`, n = (n) => {
-	let { style: r, children: i, verticalAlign: a = "start", visible: o = !0 } = n;
-	return o ? /* @__PURE__ */ e("div", {
-		style: r,
-		className: t({
-			...n,
-			verticalAlign: a
-		}),
-		children: i
-	}) : null;
-};
-//#endregion
-export { n as default };
-
-//# sourceMappingURL=GridRow.js.map

package/lib/gridlayout/GridRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridRow.js","names":[],"sources":["../../src/lib/gridlayout/GridRow.tsx"],"sourcesContent":["import '../assets/styles/gridlayout.scss';\nimport { IGridRow } from './types';\n\nconst getClass = (props: IGridRow) => (\n  `row ${props.customClass}\n    ${props.withTrim && ' -withtrim'}\n    ${props.verticalAlign && ` align-items-${props.verticalAlign}`}\n    ${props.horizontalAlign && ` justify-content-${props.horizontalAlign}`}`\n);\n\nconst GridRow = (props: IGridRow) => {\n  const {\n    style,\n    children,\n    verticalAlign = 'start',\n    visible = true,\n  } = props;\n  if (!visible) return null;\n  return (\n    <div\n      style={style}\n      className={getClass({ ...props, verticalAlign })}>\n      {children}\n    </div>\n  );\n};\n\nexport default GridRow;\n"],"mappings":";;;AAGA,IAAM,KAAY,MAChB,OAAO,EAAM,YAAA;MACT,EAAM,YAAY,aAAA;MAClB,EAAM,iBAAiB,gBAAgB,EAAM,gBAAA;MAC7C,EAAM,mBAAmB,oBAAoB,EAAM,qBAGnD,KAAW,MAAoB;CACnC,IAAM,EACJ,UACA,aACA,mBAAgB,SAChB,aAAU,OACR;AAEJ,QADK,IAEH,kBAAC,OAAD;EACS;EACP,WAAW,EAAS;GAAE,GAAG;GAAO;GAAe,CAAC;EAC/C;EACG,CAAA,GANa"}

package/lib/gridlayout/index.d.ts

@@ -1,4 +0,0 @@
-import { default as GridRow } from './GridRow';
-import { default as GridCol } from './GridCol';
-export default GridCol;
-export { GridRow };

package/lib/gridlayout/index.js

@@ -1,8 +0,0 @@
-import e from "./GridRow.js";
-import t from "./GridCol.js";
-//#region src/lib/gridlayout/index.tsx
-var n = t;
-//#endregion
-export { e as GridRow, n as default };
-
-//# sourceMappingURL=index.js.map

package/lib/gridlayout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/gridlayout/index.tsx"],"sourcesContent":["import GridRow from './GridRow';\nimport GridCol from './GridCol';\n\nexport default GridCol;\nexport { GridRow };\n"],"mappings":";;;AAGA,IAAA,IAAe"}

package/lib/gridlayout/types.d.ts

@@ -1,17 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface IGridCol {
-    children?: ReactNode | ReactNode[];
-    cols?: string;
-    customClass?: string;
-    style?: CSSProperties;
-    visible?: boolean;
-}
-export interface IGridRow {
-    children?: ReactNode | ReactNode[];
-    verticalAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-    horizontalAlign?: string;
-    style?: CSSProperties;
-    withTrim?: boolean;
-    visible?: boolean;
-    customClass?: string;
-}

package/lib/hint/helpers.d.ts

@@ -1 +0,0 @@
-export declare const showHintList: (arrayHint: string[]) => import("react/jsx-runtime").JSX.Element;

package/lib/hint/helpers.js

@@ -1,14 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/lib/hint/helpers.tsx
-var n = (n) => /* @__PURE__ */ e("div", {
-	className: "rules-list",
-	style: { padding: "15px 0px" },
-	children: /* @__PURE__ */ e("ul", {
-		style: { listStyleType: "none" },
-		children: n.map((e, n) => /* @__PURE__ */ t("li", { children: ["-", e] }, n.toString()))
-	})
-});
-//#endregion
-export { n as showHintList };
-
-//# sourceMappingURL=helpers.js.map

package/lib/hint/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/lib/hint/helpers.tsx"],"sourcesContent":["\nexport const showHintList = (arrayHint: string[]) => (\n  <div className=\"rules-list\" style={{ padding: '15px 0px' }}>\n    <ul style={{ listStyleType: 'none' }}>\n      {arrayHint.map((hint, index) => <li key={index.toString()} >\n        -\n        {hint}\n      </li>)}\n    </ul>\n  </div>\n);\n"],"mappings":";;AACA,IAAa,KAAgB,MAC3B,kBAAC,OAAD;CAAK,WAAU;CAAa,OAAO,EAAE,SAAS,YAAY;WACxD,kBAAC,MAAD;EAAI,OAAO,EAAE,eAAe,QAAQ;YACjC,EAAU,KAAK,GAAM,MAAU,kBAAC,MAAD,EAAA,UAAA,CAA4B,KAEzD,EACE,EAAA,EAHoC,EAAM,UAAU,CAGpD,CAAC;EACH,CAAA;CACD,CAAA"}

package/lib/hint/index.d.ts

@@ -1,3 +0,0 @@
-import { HintProps } from './types';
-declare const Hint: ({ visible, description, customClass, skeletonize, style, disabled, color, }: HintProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Hint;

package/lib/hint/index.js

@@ -1,23 +0,0 @@
-import { showHintList as e } from "./helpers.js";
-import '../assets/styles/hint.css';/* empty css                    */
-import { jsx as t } from "react/jsx-runtime";
-//#region src/lib/hint/index.tsx
-var n = ({ visible: n = !0, description: r, customClass: i, skeletonize: a = !1, style: o, disabled: s = !1, color: c }) => !n || !r ? null : /* @__PURE__ */ t("div", {
-	"aria-disabled": s,
-	style: o,
-	className: `
-        hint-component
-        ${i}
-        ${a ? "-skeletonized" : ""}
-        ${s ? "-disabled" : ""}
-        -${c}
-      `,
-	children: Array.isArray(r) ? e(r) : /* @__PURE__ */ t("span", {
-		"aria-disabled": s,
-		children: r
-	})
-});
-//#endregion
-export { n as default };
-
-//# sourceMappingURL=index.js.map

package/lib/hint/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/hint/index.tsx"],"sourcesContent":["import { HintProps } from './types';\nimport { showHintList } from './helpers';\nimport '../assets/styles/hint.scss';\n\nconst Hint = ({\n  visible = true,\n  description,\n  customClass,\n  skeletonize = false,\n  style,\n  disabled = false,\n  color,\n}: HintProps) => {\n  if (!visible || !description) return null;\n\n  return (\n    <div\n      aria-disabled={disabled}\n      style={style}\n      className={`\n        hint-component\n        ${customClass}\n        ${skeletonize ? '-skeletonized' : ''}\n        ${disabled ? '-disabled' : ''}\n        -${color}\n      `}>\n      {Array.isArray(description) ?\n          showHintList(description) :\n          <span aria-disabled={disabled}>{description}</span>}\n    </div>\n  );\n};\n\nexport default Hint;\n"],"mappings":";;;;AAIA,IAAM,KAAQ,EACZ,aAAU,IACV,gBACA,gBACA,iBAAc,IACd,UACA,cAAW,IACX,eAEI,CAAC,KAAW,CAAC,IAAoB,OAGnC,kBAAC,OAAD;CACE,iBAAe;CACR;CACP,WAAW;;UAEP,EAAA;UACA,IAAc,kBAAkB,GAAA;UAChC,IAAW,cAAc,GAAA;WACxB,EAAA;;WAEJ,MAAM,QAAQ,EAAY,GACvB,EAAa,EAAY,GACzB,kBAAC,QAAD;EAAM,iBAAe;YAAW;EAAmB,CAAA;CACnD,CAAA"}

package/lib/hint/types.d.ts

@@ -1,11 +0,0 @@
-import { CSSProperties } from 'react';
-import { ColorStyles } from '../@types/ColorStyles';
-export interface HintProps {
-    description?: string | string[];
-    visible?: boolean;
-    customClass?: string;
-    skeletonize?: boolean;
-    disabled?: boolean;
-    style?: CSSProperties;
-    color?: ColorStyles;
-}