intelicoreact 2.0.17 → 2.0.19

package/dist/es/Atomic/FormElements/RangeList/RangeList.js

@@ -0,0 +1,147 @@
+import '../../../styles/base.css';
+import Button from "../../UI/Button/Button.js";
+import Input from "../Input/Input.js";
+import { addRangeDefault } from "../../../Functions/operations.js";
+import RangeListRow, { RangeListCell } from "./partial/RangeListRow.js";
+import './RangeList.styles.css';/* empty css               */
+import cn from "classnames";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/RangeList/RangeList.tsx
+var RC = "range-list";
+var DEFAULT_STATE = {
+	from: "",
+	to: ""
+};
+var RangeList = (props) => {
+	const { className, value = [], disabled, validateErrors, onChange, isFloatValues, decimalPlaces, error, defaultErrorText, nullValueText, isOnlyOneRow = false, testId = "range-list" } = props;
+	const NULL_VALUE_TEXT = nullValueText ?? "No data";
+	const [state, setState] = useState(DEFAULT_STATE);
+	const [innerError, setInnerError] = useState("");
+	const [outerError, setOuterError] = useState("");
+	const inputFromRef = useRef(null);
+	const inputToRef = useRef(null);
+	const isValidRange = Boolean(state?.from && state?.to && Number(state?.from) <= Number(state?.to));
+	const isShowRow = isOnlyOneRow && value?.length === 0 || !isOnlyOneRow;
+	const getOnlyNumbersProps = () => {
+		return isFloatValues ? {
+			type: "float",
+			decimalPlaces: decimalPlaces || 0
+		} : { type: "int" };
+	};
+	const handle = {
+		inputsChange: (val, prop) => setState({
+			...state,
+			[prop]: val
+		}),
+		addRange: () => {
+			const validationError = validateErrors?.(Number(state.from), Number(state.to));
+			if (isValidRange && !validationError) {
+				onChange(addRangeDefault(Number(state.from), Number(state.to), value, isFloatValues ? decimalPlaces : null));
+				setState(DEFAULT_STATE);
+				setInnerError("");
+				setOuterError("");
+			} else if (!isValidRange) setInnerError(defaultErrorText || "");
+			else if (validationError) setOuterError(validationError);
+		},
+		removeRange: (index) => onChange(value.filter((_, idx) => idx !== index)),
+		rangeValidation: (e, key) => {
+			const oppositeKey = key === "from" ? "to" : "from";
+			if (!state?.from && !state?.to) {
+				setInnerError("");
+				setOuterError("");
+				return e;
+			}
+			if (!state[oppositeKey]) (key === "from" ? inputToRef.current : inputFromRef.current)?.focus();
+			else if (!isValidRange) {
+				setInnerError(defaultErrorText || "");
+				if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)) || "");
+			} else {
+				setInnerError("");
+				if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)) || "");
+			}
+			return null;
+		},
+		onKeyUpFromInput: (keyCode) => {
+			if (keyCode === 13) {
+				if (isValidRange) inputFromRef.current?.blur();
+				else if (!state.to) inputToRef.current?.focus();
+				else if (state.from) inputFromRef.current?.select();
+			}
+		},
+		onKeyUpToInput: (keyCode) => {
+			if (keyCode === 13) inputToRef.current?.blur();
+		}
+	};
+	const renderInputsAndAddButtonRow = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn(`${RC}__row`, `${RC}__inputs`),
+			children: [
+				/* @__PURE__ */ jsx(RangeListCell, {
+					className: `${RC}__cell-input`,
+					children: /* @__PURE__ */ jsx(Input, {
+						ref: inputFromRef,
+						onlyNumbers: getOnlyNumbersProps(),
+						value: state.from,
+						onBlur: (e) => handle.rangeValidation(e, "from"),
+						onChange: (val) => handle.inputsChange(val, "from"),
+						onKeyUp: (keyCode) => handle.onKeyUpFromInput(keyCode)
+					})
+				}),
+				/* @__PURE__ */ jsx(RangeListCell, {
+					className: `${RC}__cell-input`,
+					children: /* @__PURE__ */ jsx(Input, {
+						ref: inputToRef,
+						onlyNumbers: getOnlyNumbersProps(),
+						value: state.to,
+						onBlur: (e) => handle.rangeValidation(e, "to"),
+						onChange: (val) => handle.inputsChange(val, "to"),
+						onKeyUp: (keyCode) => handle.onKeyUpToInput(keyCode)
+					})
+				}),
+				/* @__PURE__ */ jsx(RangeListCell, {
+					className: `${RC}__cell-button`,
+					children: /* @__PURE__ */ jsx(Button, {
+						onClick: handle.addRange,
+						children: "Add"
+					})
+				})
+			]
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": testId,
+		className: cn(RC, className, { [`${RC}_disabled`]: disabled }),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: cn(`${RC}__row`, `${RC}__labels`),
+				children: [/* @__PURE__ */ jsx(RangeListCell, {
+					className: `${RC}__cell-label`,
+					children: "From"
+				}), /* @__PURE__ */ jsx(RangeListCell, {
+					className: `${RC}__cell-label`,
+					children: "To"
+				})]
+			}),
+			isShowRow && renderInputsAndAddButtonRow(),
+			(innerError || outerError || error) && /* @__PURE__ */ jsx("span", {
+				className: `${RC}__error`,
+				children: innerError || error || outerError
+			}),
+			!value?.length && /* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__row`, `${RC}__values`, `${RC}__null-value`),
+				children: NULL_VALUE_TEXT
+			}),
+			value.map((row, idx) => /* @__PURE__ */ jsx(RangeListRow, {
+				"data-testid": `${testId}-row-${idx}`,
+				...row,
+				idx,
+				actionClick: () => handle.removeRange(idx)
+			}, `idx-${idx}-from-${row.from}-to${row.to}`))
+		]
+	});
+};
+//#endregion
+export { RangeList as default };
+
+//# sourceMappingURL=RangeList.js.map

package/dist/es/Atomic/FormElements/RangeList/RangeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeList.js","names":[],"sources":["../../../../../src/Atomic/FormElements/RangeList/RangeList.tsx"],"sourcesContent":["import type { IInputOnlyNumbersOptions, IRangeListProps } from './RangeList.interface';\nimport cn from 'classnames';\nimport React, { useRef, useState } from 'react';\n\nimport { addRangeDefault } from '../../../Functions/operations';\nimport Button from '../../UI/Button/Button';\nimport Input from '../Input/Input';\n\nimport RangeListRow, { RangeListCell } from './partial/RangeListRow';\n\nimport './RangeList.scss';\n\nconst RC = 'range-list';\nconst DEFAULT_STATE = { from: '', to: '' };\n\nconst RangeList: React.FC<IRangeListProps> = (props) => {\n  const {\n    className,\n    value = [],\n    disabled,\n    validateErrors,\n    onChange,\n    isFloatValues,\n    decimalPlaces,\n    error,\n    defaultErrorText,\n    nullValueText,\n    isOnlyOneRow = false,\n    testId = 'range-list',\n  } = props;\n\n  const NULL_VALUE_TEXT = nullValueText ?? 'No data';\n\n  const [state, setState] = useState<{ from: string; to: string }>(DEFAULT_STATE);\n  const [innerError, setInnerError] = useState<string | boolean>('');\n  const [outerError, setOuterError] = useState<string | boolean>('');\n\n  const inputFromRef = useRef<HTMLInputElement>(null);\n  const inputToRef = useRef<HTMLInputElement>(null);\n\n  const isValidRange = Boolean(\n    state?.from && state?.to && Number(state?.from) <= Number(state?.to),\n  );\n  const isShowRow = (isOnlyOneRow && value?.length === 0) || !isOnlyOneRow;\n\n  const getOnlyNumbersProps = (): IInputOnlyNumbersOptions => {\n    return isFloatValues\n      ? { type: 'float', decimalPlaces: decimalPlaces || 0 }\n      : { type: 'int' };\n  };\n\n  const handle = {\n    inputsChange: (val: string, prop: 'from' | 'to') => setState({ ...state, [prop]: val }),\n    addRange: () => {\n      const validationError = validateErrors?.(Number(state.from), Number(state.to));\n\n      if (isValidRange && !validationError) {\n        onChange(\n          addRangeDefault(\n            Number(state.from),\n            Number(state.to),\n            value,\n            isFloatValues ? decimalPlaces : null,\n          ),\n        );\n        setState(DEFAULT_STATE);\n        setInnerError('');\n        setOuterError('');\n      }\n      else if (!isValidRange) {\n        setInnerError(defaultErrorText || '');\n      }\n      else if (validationError) {\n        setOuterError(validationError);\n      }\n    },\n    removeRange: (index: number) =>\n      onChange(value.filter((_, idx) => idx !== index)),\n    rangeValidation: (e: React.FocusEvent, key: 'from' | 'to') => {\n      const oppositeKey = key === 'from' ? 'to' : 'from';\n\n      if (!state?.from && !state?.to) {\n        setInnerError('');\n        setOuterError('');\n        return e;\n      }\n      if (!state[oppositeKey]) {\n        const mustToFocus\n          = key === 'from' ? inputToRef.current : inputFromRef.current;\n        mustToFocus?.focus();\n      }\n      else if (!isValidRange) {\n        setInnerError(defaultErrorText || '');\n        if (validateErrors)\n          setOuterError(validateErrors(Number(state.from), Number(state.to)) || '');\n      }\n      else {\n        setInnerError('');\n        if (validateErrors)\n          setOuterError(validateErrors(Number(state.from), Number(state.to)) || '');\n      }\n      return null;\n    },\n    onKeyUpFromInput: (keyCode: string | number) => {\n      if (keyCode === 13) {\n        if (isValidRange) inputFromRef.current?.blur();\n        else if (!state.to) inputToRef.current?.focus();\n        else if (state.from) inputFromRef.current?.select();\n      }\n    },\n    onKeyUpToInput: (keyCode: string | number) => {\n      if (keyCode === 13) inputToRef.current?.blur();\n    },\n  };\n\n  const renderInputsAndAddButtonRow = (): React.ReactElement => {\n    return (\n      <div className={cn(`${RC}__row`, `${RC}__inputs`)}>\n        <RangeListCell className={`${RC}__cell-input`}>\n          <Input\n            ref={inputFromRef}\n            onlyNumbers={getOnlyNumbersProps()}\n            value={state.from}\n            onBlur={(e: React.FocusEvent) => handle.rangeValidation(e, 'from')}\n            onChange={(val: string) => handle.inputsChange(val, 'from')}\n            onKeyUp={(keyCode: string | number) => handle.onKeyUpFromInput(keyCode)}\n          />\n        </RangeListCell>\n\n        <RangeListCell className={`${RC}__cell-input`}>\n          <Input\n            ref={inputToRef}\n            onlyNumbers={getOnlyNumbersProps()}\n            value={state.to}\n            onBlur={(e: React.FocusEvent) => handle.rangeValidation(e, 'to')}\n            onChange={(val: string) => handle.inputsChange(val, 'to')}\n            onKeyUp={(keyCode: string | number) => handle.onKeyUpToInput(keyCode)}\n          />\n        </RangeListCell>\n\n        <RangeListCell className={`${RC}__cell-button`}>\n          <Button onClick={handle.addRange}>Add</Button>\n        </RangeListCell>\n      </div>\n    )\n  };\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(RC, className, { [`${RC}_disabled`]: disabled })}\n    >\n      <div className={cn(`${RC}__row`, `${RC}__labels`)}>\n        <RangeListCell className={`${RC}__cell-label`}>From</RangeListCell>\n        <RangeListCell className={`${RC}__cell-label`}>To</RangeListCell>\n      </div>\n      {isShowRow && renderInputsAndAddButtonRow()}\n      {(innerError || outerError || error) && (\n        <span className={`${RC}__error`}>\n          {innerError || error || outerError}\n        </span>\n      )}\n      {!value?.length && (\n        <div className={cn(`${RC}__row`, `${RC}__values`, `${RC}__null-value`)}>\n          {NULL_VALUE_TEXT}\n        </div>\n      )}\n      {value.map((row, idx) => (\n        <RangeListRow\n          data-testid={`${testId}-row-${idx}`}\n          key={`idx-${idx}-from-${row.from}-to${row.to}`}\n          {...row}\n          idx={idx}\n          actionClick={() => handle.removeRange(idx)}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default RangeList;\n"],"mappings":"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"}

package/dist/es/Atomic/FormElements/RangeList/RangeList.styles.css

@@ -0,0 +1,143 @@
+/* COLORS*/
+/*GRID*/
+/*FONTS*/
+/*Z-INDEX*/
+/*OTHER*/
+/* THEME COLORS */
+/* COLORS */
+/* GRID */
+/* FONTS */
+:export {
+  primaryColor: #3f51b5;
+  secondaryColor: #f50057;
+  successColor: #4caf50;
+  warningColor: #ff9800;
+  errorColor: #f44336;
+  infoColor: #2196f3;
+  backgroundColor: #ffffff;
+  textColor: #212121;
+  textSecondaryColor: #757575;
+}
+
+.range-list {
+  --border-color: black;
+  --button-size: 56px;
+  --labels-font-size: 16px;
+  --inputs-font-size: 14px;
+  --values-font-size: 16px;
+  --button-text-font-size: 14px;
+  --labels-color: black;
+  --inputs-color: black;
+  --values-color: black;
+  --background-color: transparent;
+  --labels-background-color: transparent;
+  --inputs-background-color: transparent;
+  --tag-input-background-color: #fff;
+  --values-background-color: #fff;
+  width: 500px;
+  height: fit-content;
+  background-color: transparent;
+}
+.range-list__row {
+  display: grid;
+  grid-template-columns: 1fr 1fr var(--button-size);
+  width: 100%;
+  height: 30px;
+}
+.range-list__labels, .range-list__inputs {
+  grid-column-gap: 2px;
+}
+.range-list__labels {
+  margin-bottom: 10px;
+  font-family: inherit;
+  font-size: var(--labels-font-size);
+  font-weight: 400;
+  font-style: inherit;
+  line-height: 24px;
+  color: var(--labels-color);
+  background-color: var(--labels-background-color);
+}
+.range-list__inputs {
+  margin-bottom: 6px;
+  font-family: inherit;
+  font-size: var(--inputs-font-size);
+  font-weight: 400;
+  font-style: inherit;
+  line-height: 24px;
+  color: var(--inputs-color);
+  background-color: var(--inputs-background-color);
+}
+.range-list__inputs input {
+  background-color: var(--tag-input-background-color);
+}
+.range-list__values {
+  font-family: inherit;
+  font-size: var(--values-font-size);
+  font-weight: 400;
+  font-style: inherit;
+  line-height: 24px;
+  color: var(--values-color);
+  border-right: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--border-color);
+  border-left: 1px solid var(--border-color);
+  background-color: var(--values-background-color);
+}
+.range-list__values_first-value {
+  border-top: 1px solid var(--border-color);
+}
+.range-list__cell > button {
+  width: 100%;
+  font-size: var(--button-text-font-size);
+}
+.range-list__cell-label, .range-list__cell-input input, .range-list__cell-value {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  font-style: inherit;
+  line-height: inherit;
+  color: inherit;
+}
+.range-list__cell-label {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+}
+.range-list__cell-value {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0 7.5px;
+  border-right: 1px solid var(--border-color);
+}
+.range-list__cell-action {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  color: #F06D8D;
+}
+.range-list__error {
+  display: block;
+  margin-bottom: 5px;
+  margin-left: 5px;
+  font-family: inherit;
+  font-size: 10px;
+  font-weight: 400;
+  font-style: normal;
+  line-height: normal;
+  color: #f06d8d;
+}
+.range-list_disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.range-list__null-value {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  border: none;
+}

package/dist/es/Atomic/FormElements/RangeList/index.js

@@ -0,0 +1,7 @@
+import RangeList from "./RangeList.js";
+//#region src/Atomic/FormElements/RangeList/index.ts
+var RangeList_default = RangeList;
+//#endregion
+export { RangeList_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/es/Atomic/FormElements/RangeList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/FormElements/RangeList/index.ts"],"sourcesContent":["import type { IRangeListCellProps, IRangeListProps, IRangeListRowProps } from './RangeList.interface';\nimport RangeList from './RangeList.js';\n\nexport type { IRangeListCellProps, IRangeListProps, IRangeListRowProps };\nexport default RangeList;\n"],"mappings":";;AAIA,IAAA,oBAAe"}

package/dist/es/Atomic/FormElements/RangeList/partial/RangeListRow.js

@@ -0,0 +1,40 @@
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Trash2 } from "react-feather";
+//#region src/Atomic/FormElements/RangeList/partial/RangeListRow.tsx
+var RC = "range-list";
+var RangeListCell = ({ children, idx, className, onClick }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(`${RC}__cell`, className, { [`${RC}__cell-${idx}`]: idx }),
+		onClick,
+		children
+	});
+};
+var RangeListRow = ({ from, to, idx, actionClick }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(`${RC}__row`, `${RC}__values`, { [`${RC}__values_first-value`]: idx === 0 }),
+		children: [
+			/* @__PURE__ */ jsx(RangeListCell, {
+				idx: 1,
+				className: `${RC}__cell-value`,
+				children: from
+			}),
+			/* @__PURE__ */ jsx(RangeListCell, {
+				idx: 2,
+				className: `${RC}__cell-value`,
+				children: to
+			}),
+			/* @__PURE__ */ jsx(RangeListCell, {
+				idx: 3,
+				className: `${RC}__cell-action`,
+				onClick: () => actionClick(idx),
+				children: /* @__PURE__ */ jsx(Trash2, {})
+			})
+		]
+	});
+};
+//#endregion
+export { RangeListCell, RangeListRow as default };
+
+//# sourceMappingURL=RangeListRow.js.map

package/dist/es/Atomic/FormElements/RangeList/partial/RangeListRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeListRow.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/RangeList/partial/RangeListRow.tsx"],"sourcesContent":["import type { IRangeListCellProps, IRangeListRowProps } from '../RangeList.interface';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport { Trash2 } from 'react-feather';\n\nconst RC = 'range-list';\n\nexport const RangeListCell: React.FC<IRangeListCellProps> = ({ children, idx, className, onClick }) => {\n  return (\n    <div\n      className={cn(`${RC}__cell`, className, { [`${RC}__cell-${idx}`]: idx })}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst RangeListRow: React.FC<IRangeListRowProps> = ({ from, to, idx, actionClick }) => {\n  return (\n    <div\n      className={cn(`${RC}__row`, `${RC}__values`, {\n        [`${RC}__values_first-value`]: idx === 0,\n      })}\n    >\n      <RangeListCell idx={1} className={`${RC}__cell-value`}>\n        {from}\n      </RangeListCell>\n\n      <RangeListCell idx={2} className={`${RC}__cell-value`}>\n        {to}\n      </RangeListCell>\n\n      <RangeListCell\n        idx={3}\n        className={`${RC}__cell-action`}\n        onClick={() => actionClick(idx)}\n      >\n        <Trash2 />\n      </RangeListCell>\n    </div>\n  );\n};\n\nexport default RangeListRow;\n"],"mappings":";;;;;AAMA,IAAM,KAAK;AAEX,IAAa,iBAAgD,EAAE,UAAU,KAAK,WAAW,cAAc;CACrG,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,GAAG,GAAG,SAAS,WAAW,GAAG,GAAG,GAAG,SAAS,QAAQ,IAAI,CAAC;EAC9D;EAER;CACE,CAAA;AAET;AAEA,IAAM,gBAA8C,EAAE,MAAM,IAAI,KAAK,kBAAkB;CACrF,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,GAAG,GAAG,QAAQ,GAAG,GAAG,WAAW,GAC1C,GAAG,GAAG,wBAAwB,QAAQ,EACzC,CAAC;YAHH;GAKE,oBAAC,eAAD;IAAe,KAAK;IAAG,WAAW,GAAG,GAAG;cACrC;GACY,CAAA;GAEf,oBAAC,eAAD;IAAe,KAAK;IAAG,WAAW,GAAG,GAAG;cACrC;GACY,CAAA;GAEf,oBAAC,eAAD;IACE,KAAK;IACL,WAAW,GAAG,GAAG;IACjB,eAAe,YAAY,GAAG;cAE9B,oBAAC,QAAD,CAAS,CAAA;GACI,CAAA;EACZ;;AAET"}