design-react-kit 5.0.4 → 5.0.5-rc2

package/dist/Input/Input.js

@@ -0,0 +1,163 @@
+import React, { useCallback, useState, useRef, useEffect } from 'react';
+import isNumber from 'is-number';
+import { InputContainer } from './InputContainer';
+import { Icon } from '../Icon/Icon';
+import { getTag, getFormControlClass, getClasses, getValidationTextControlClass, useFocus } from './utils';
+import { notifyDeprecation } from '../utils';
+import classNames from 'classnames';
+export const Input = ({ id, className, cssModule, type = 'text', tag, addon, addonText, static: staticInput, plaintext, innerRef, label, incrementLabel, decrementLabel, validationText, infoText, placeholder, normalized, value, wrapperClass: originalWrapperClassOld, wrapperClassName: originalWrapperClass, size, testId, noWrapper = false, ...attributes }) => {
+    const [isHidden, setHidden] = useState(true);
+    const [hasIcon, toggleIcon] = useState(true);
+    const { toggleFocusLabel, toggleBlurLabel, isFocused } = useFocus({
+        onFocus: attributes.onFocus,
+        onBlur: attributes.onBlur
+    });
+    const toggleShow = useCallback(() => {
+        setHidden(!isHidden);
+        toggleIcon(!hasIcon);
+    }, [hasIcon, isHidden]);
+    const divResizeRef = useRef(null);
+    const inputRef = useRef(null);
+    const [width, setWidth] = useState('100');
+    useEffect(() => {
+        if (divResizeRef.current != null && divResizeRef.current.classList.contains('input-number-adaptive')) {
+            if (!value) {
+                setWidth(`calc(70px)`);
+            }
+            else {
+                setWidth(`calc(70px + ${`${value}`.length}ch)`);
+            }
+        }
+    }, [value]);
+    let { bsSize, valid, ...rest } = attributes;
+    const Tag = getTag({ tag, plaintext, staticInput, type });
+    addon = addonText != null ? true : addon;
+    const formControlClass = getFormControlClass({
+        plaintext,
+        staticInput,
+        type,
+        addon,
+        normalized
+    }, cssModule);
+    const validationTextControlClass = getValidationTextControlClass({ valid }, cssModule);
+    const extraAttributes = {};
+    if (size && !isNumber(size)) {
+        notifyDeprecation('Please use the prop "bsSize" instead of the "size" to bootstrap\'s input sizing.');
+        bsSize = size;
+    }
+    else {
+        extraAttributes.size = size;
+    }
+    if (Tag === 'input' || typeof tag !== 'string') {
+        extraAttributes.type = type;
+    }
+    // associate the input field with the help text
+    const infoId = id ? `${id}Description` : undefined;
+    if (id) {
+        extraAttributes['aria-describedby'] = infoId;
+    }
+    if (attributes.children &&
+        !(plaintext || staticInput || type === 'select' || typeof Tag !== 'string' || Tag === 'select')) {
+        notifyDeprecation(`Input with a type of "${type}" cannot have children. Please use "value"/"defaultValue" instead.`);
+        delete attributes.children;
+    }
+    const inputPassword = extraAttributes.type === 'password';
+    const indeterminateCheckboxInput = type === 'checkbox' && className?.includes('semi-checked');
+    // Styling
+    const { activeClass, extraLabelClass, validationTextClass, inputClasses, wrapperClass } = getClasses(className, type, {
+        valid,
+        bsSize,
+        placeholder,
+        value,
+        label,
+        validationText,
+        normalized: Boolean(normalized),
+        inputPassword,
+        formControlClass,
+        validationTextControlClass,
+        isFocused: isFocused,
+        originalWrapperClass: originalWrapperClass || originalWrapperClassOld
+    }, cssModule);
+    // set of attributes always shared by the Input components
+    const sharedAttributes = {
+        id,
+        onFocus: toggleFocusLabel,
+        onBlur: toggleBlurLabel,
+        value: value,
+        ref: innerRef
+    };
+    // set of attributes always shared by the wrapper component
+    const containerProps = {
+        id,
+        infoId,
+        infoText,
+        activeClass,
+        extraLabelClass,
+        label,
+        validationTextClass,
+        validationText,
+        wrapperClass
+    };
+    if (noWrapper) {
+        return (React.createElement(Tag, { ...rest, ...extraAttributes, className: inputClasses, ...sharedAttributes, placeholder: placeholder, "data-testid": testId }));
+    }
+    const clickIncrDecr = (mode) => {
+        var step = parseFloat(inputRef.current?.step ? inputRef.current.step : '1');
+        const min = parseFloat(inputRef.current?.min ? inputRef.current.min : 'Nan');
+        const max = parseFloat(inputRef.current?.max ? inputRef.current.max : 'Nan');
+        step = isNaN(step) ? 1 : step;
+        const newValue = parseFloat(inputRef.current?.value ? inputRef.current.value : '0') + mode * step;
+        if (!isNaN(max) && newValue > max) {
+            return;
+        }
+        if (!isNaN(min) && newValue < min) {
+            return;
+        }
+        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
+        nativeInputValueSetter?.call(inputRef.current, `${newValue}`);
+        var ev2 = new Event('input', { bubbles: true });
+        inputRef.current?.dispatchEvent(ev2);
+    };
+    if (['currency', 'percentage', 'adaptive', 'number'].includes(type)) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement("div", { className: classNames({
+                    'input-group': true,
+                    'input-number': true,
+                    disabled: rest.disabled,
+                    'input-number-percentage': type == 'percentage',
+                    'input-number-currency': type == 'currency',
+                    'input-number-adaptive': type == 'adaptive'
+                }), style: { width }, ref: divResizeRef },
+                ['currency', 'percentage'].includes(type) && (React.createElement("span", { className: 'input-group-text fw-semibold' }, addonText)),
+                React.createElement(Tag, { ...rest, ...extraAttributes, ...sharedAttributes, className: inputClasses, "data-testid": testId, type: 'number', ref: inputRef }),
+                React.createElement("span", { className: 'input-group-text align-buttons flex-column' },
+                    React.createElement("button", { className: 'input-number-add', onClick: () => clickIncrDecr(1), type: 'button' },
+                        React.createElement("span", { className: 'visually-hidden' }, incrementLabel || '')),
+                    React.createElement("button", { className: 'input-number-sub', onClick: () => clickIncrDecr(-1), type: 'button' },
+                        React.createElement("span", { className: 'visually-hidden' }, decrementLabel || ''))))));
+    }
+    if (placeholder) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement(Tag, { ...rest, ...extraAttributes, ...sharedAttributes, className: inputClasses, placeholder: placeholder, "data-testid": testId })));
+    }
+    if (indeterminateCheckboxInput) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement(Tag, { ...rest, ...extraAttributes, ...sharedAttributes, className: inputClasses, "data-testid": testId, indeterminate: 'true' })));
+    }
+    if (inputPassword) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement(Tag, { ...rest, ...extraAttributes, ...sharedAttributes, type: isHidden ? 'password' : 'text', className: inputClasses, placeholder: placeholder, "data-testid": testId }),
+            React.createElement("span", { className: 'password-icon', "aria-hidden": 'true' },
+                React.createElement(Icon, { size: 'sm', icon: `it-password-${hasIcon ? 'visible' : 'invisible'}`, className: 'password-icon-visible', onClick: toggleShow }))));
+    }
+    if (normalized) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement(Tag, { ...rest, ...extraAttributes, ...sharedAttributes, className: inputClasses, "data-testid": testId, readOnly: true })));
+    }
+    if (label || validationText) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement(Tag, { ...rest, ...extraAttributes, ...sharedAttributes, className: inputClasses, "data-testid": testId })));
+    }
+    return React.createElement(Tag, { ...rest, ...extraAttributes, className: inputClasses, ...sharedAttributes, "data-testid": testId });
+};
+//# sourceMappingURL=Input.js.map

package/dist/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/Input/InputContainer.cjs

@@ -0,0 +1,56 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Input/InputContainer.tsx
+var InputContainer_exports = {};
+__export(InputContainer_exports, {
+  InputContainer: () => InputContainer
+});
+module.exports = __toCommonJS(InputContainer_exports);
+var import_react = __toESM(require("react"), 1);
+var InputContainer = ({
+  id,
+  infoId,
+  infoText,
+  testId,
+  activeClass,
+  extraLabelClass,
+  label,
+  validationTextClass,
+  validationText,
+  wrapperClass,
+  children
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: wrapperClass, "data-testid": testId }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: id, className: activeClass + " " + extraLabelClass }, label), children, infoText && /* @__PURE__ */ import_react.default.createElement("small", { id: infoId, className: "form-text" }, infoText), /* @__PURE__ */ import_react.default.createElement("div", { className: validationTextClass }, validationText));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputContainer
+});
+//# sourceMappingURL=InputContainer.cjs.map

package/dist/Input/InputContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Input/InputContainer.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactNode } from 'react';\n\nexport interface InputContainerProps extends HTMLAttributes<HTMLElement> {\n  wrapperClass: string;\n  activeClass: string;\n  extraLabelClass: string;\n  validationTextClass: string;\n  label: string | ReactNode | undefined;\n  validationText: string | undefined;\n  id: string | undefined;\n  infoId: string | undefined;\n  infoText: string | undefined;\n  testId?: string;\n}\n\nexport const InputContainer: FC<InputContainerProps> = ({\n  id,\n  infoId,\n  infoText,\n  testId,\n  activeClass,\n  extraLabelClass,\n  label,\n  validationTextClass,\n  validationText,\n  wrapperClass,\n  children\n}) => {\n  return (\n    <div className={wrapperClass} data-testid={testId}>\n      <label htmlFor={id} className={activeClass + ' ' + extraLabelClass}>\n        {label}\n      </label>\n      {children}\n      {infoText && (\n        <small id={infoId} className='form-text'>\n          {infoText}\n        </small>\n      )}\n      <div className={validationTextClass}>{validationText}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAe9C,IAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,6BAAAA,QAAA,cAAC,SAAI,WAAW,cAAc,eAAa,UACzC,6BAAAA,QAAA,cAAC,WAAM,SAAS,IAAI,WAAW,cAAc,MAAM,mBAChD,KACH,GACC,UACA,YACC,6BAAAA,QAAA,cAAC,WAAM,IAAI,QAAQ,WAAU,eAC1B,QACH,GAEF,6BAAAA,QAAA,cAAC,SAAI,WAAW,uBAAsB,cAAe,CACvD;AAEJ;","names":["React"]}

package/dist/Input/InputContainer.js

@@ -0,0 +1,9 @@
+import React from 'react';
+export const InputContainer = ({ id, infoId, infoText, testId, activeClass, extraLabelClass, label, validationTextClass, validationText, wrapperClass, children }) => {
+    return (React.createElement("div", { className: wrapperClass, "data-testid": testId },
+        React.createElement("label", { htmlFor: id, className: activeClass + ' ' + extraLabelClass }, label),
+        children,
+        infoText && (React.createElement("small", { id: infoId, className: 'form-text' }, infoText)),
+        React.createElement("div", { className: validationTextClass }, validationText)));
+};
+//# sourceMappingURL=InputContainer.js.map

package/dist/Input/InputContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputContainer.js","sourceRoot":"","sources":["../../src/Input/InputContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAe7D,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,EAAE,EACF,MAAM,EACN,QAAQ,EACR,MAAM,EACN,WAAW,EACX,eAAe,EACf,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,YAAY,iBAAe,MAAM;QAC/C,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,GAAG,GAAG,GAAG,eAAe,IAC/D,KAAK,CACA;QACP,QAAQ;QACR,QAAQ,IAAI,CACX,+BAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,WAAW,IACrC,QAAQ,CACH,CACT;QACD,6BAAK,SAAS,EAAE,mBAAmB,IAAG,cAAc,CAAO,CACvD,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/Input/TextArea.cjs

@@ -0,0 +1,291 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Input/TextArea.tsx
+var TextArea_exports = {};
+__export(TextArea_exports, {
+  TextArea: () => TextArea
+});
+module.exports = __toCommonJS(TextArea_exports);
+var import_react3 = __toESM(require("react"), 1);
+
+// src/Input/InputContainer.tsx
+var import_react = __toESM(require("react"), 1);
+var InputContainer = ({
+  id,
+  infoId,
+  infoText,
+  testId,
+  activeClass,
+  extraLabelClass,
+  label,
+  validationTextClass,
+  validationText,
+  wrapperClass,
+  children
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: wrapperClass, "data-testid": testId }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: id, className: activeClass + " " + extraLabelClass }, label), children, infoText && /* @__PURE__ */ import_react.default.createElement("small", { id: infoId, className: "form-text" }, infoText), /* @__PURE__ */ import_react.default.createElement("div", { className: validationTextClass }, validationText));
+};
+
+// src/Input/utils.tsx
+var import_classnames = __toESM(require("classnames"), 1);
+var import_react2 = require("react");
+
+// src/utils.tsx
+function mapToCssModules(className, cssModules) {
+  let finalClassNames = className == null ? "" : className;
+  if (!cssModules) {
+    return finalClassNames;
+  }
+  return finalClassNames.split(" ").map((klass) => cssModules[klass] ?? klass).join(" ");
+}
+
+// src/Input/utils.tsx
+function getValidationTextControlClass({ valid }, cssModule) {
+  return mapToCssModules(
+    (0, import_classnames.default)({
+      "form-text": true,
+      "form-feedback just-validate-error-label": valid == false
+    }),
+    cssModule
+  );
+}
+function getClasses(className, type, {
+  isFocused,
+  valid,
+  bsSize,
+  placeholder,
+  value,
+  label,
+  validationText,
+  normalized,
+  inputPassword,
+  formControlClass,
+  validationTextControlClass,
+  originalWrapperClass
+}, cssModule) {
+  const hasPlainCondition = placeholder || label || validationText;
+  const baseCondition = hasPlainCondition && !normalized && !inputPassword;
+  const passwordOnlyCondition = inputPassword && !hasPlainCondition && !normalized;
+  const normalizedOnlyCondition = normalized && !hasPlainCondition && !inputPassword;
+  const classes = mapToCssModules(
+    (0, import_classnames.default)(
+      className,
+      {
+        "is-invalid": valid == false,
+        "just-validate-success-field": valid,
+        [`form-control-${bsSize}`]: bsSize
+      },
+      formControlClass
+    ),
+    cssModule
+  );
+  const wrapperClass = mapToCssModules((0, import_classnames.default)(className, originalWrapperClass, "form-group"), cssModule);
+  const validationTextClass = mapToCssModules(
+    (0, import_classnames.default)(
+      {
+        "valid-feedback": valid,
+        "invalid-feedback form-feedback just-validate-error-label": valid == false
+      },
+      validationTextControlClass
+    ),
+    cssModule
+  );
+  const inputClasses = mapToCssModules(
+    (0, import_classnames.default)(
+      classes,
+      !baseCondition && {
+        // we can model here only if stylings
+        "form-control-plaintext": normalizedOnlyCondition,
+        "form-control": passwordOnlyCondition,
+        "input-password": passwordOnlyCondition,
+        "focus--mouse": passwordOnlyCondition || normalizedOnlyCondition
+      }
+    ),
+    cssModule
+  );
+  const activeClass = mapToCssModules(
+    (0, import_classnames.default)({
+      active: isFocused || placeholder || value || ["date", "time"].includes(type)
+    }),
+    cssModule
+  );
+  const extraLabelClass = mapToCssModules(
+    (0, import_classnames.default)({
+      "input-number-label": ["number", "currency", "adaptive", "percentage"].includes(type)
+    })
+  );
+  return {
+    wrapperClass,
+    inputClasses,
+    activeClass,
+    extraLabelClass,
+    validationTextClass
+  };
+}
+function useFocus({
+  onFocus,
+  onBlur
+}) {
+  const [isFocused, setFocus] = (0, import_react2.useState)(false);
+  const toggleFocusLabel = (0, import_react2.useCallback)(
+    (e) => {
+      setFocus(true);
+      onFocus?.(e);
+    },
+    [onFocus]
+  );
+  const toggleBlurLabel = (0, import_react2.useCallback)(
+    (e) => {
+      if (e.target.value === "") {
+        setFocus(!isFocused);
+      }
+      onBlur?.(e);
+    },
+    [isFocused, onBlur]
+  );
+  return { toggleFocusLabel, toggleBlurLabel, isFocused };
+}
+
+// src/Input/TextArea.tsx
+var TextArea = ({
+  id,
+  className,
+  cssModule,
+  innerRef,
+  label,
+  validationText,
+  infoText,
+  placeholder,
+  normalized,
+  value,
+  wrapperClassName: originalWrapperClass,
+  valid,
+  testId,
+  ...attributes
+}) => {
+  const { toggleFocusLabel, toggleBlurLabel, isFocused } = useFocus({
+    onFocus: attributes.onFocus,
+    onBlur: attributes.onBlur
+  });
+  const validationTextControlClass = getValidationTextControlClass({ valid }, cssModule);
+  const extraAttributes = {};
+  const infoId = id ? `${id}Description` : void 0;
+  if (id) {
+    extraAttributes["aria-describedby"] = infoId;
+  }
+  const { activeClass, extraLabelClass, validationTextClass, inputClasses, wrapperClass } = getClasses(
+    className,
+    "textarea",
+    {
+      valid,
+      placeholder,
+      value,
+      label,
+      validationText,
+      normalized: Boolean(normalized),
+      validationTextControlClass,
+      isFocused,
+      originalWrapperClass
+    },
+    cssModule
+  );
+  const sharedAttributes = {
+    id,
+    onFocus: toggleFocusLabel,
+    onBlur: toggleBlurLabel,
+    value,
+    ref: innerRef
+  };
+  const containerProps = {
+    id,
+    infoId,
+    infoText,
+    activeClass,
+    extraLabelClass,
+    label,
+    validationTextClass,
+    validationText,
+    wrapperClass
+  };
+  if (placeholder) {
+    return /* @__PURE__ */ import_react3.default.createElement(InputContainer, { ...containerProps }, /* @__PURE__ */ import_react3.default.createElement(
+      "textarea",
+      {
+        ...attributes,
+        ...extraAttributes,
+        ...sharedAttributes,
+        className: inputClasses,
+        placeholder,
+        "data-testid": testId
+      }
+    ));
+  }
+  if (normalized) {
+    return /* @__PURE__ */ import_react3.default.createElement(InputContainer, { ...containerProps }, /* @__PURE__ */ import_react3.default.createElement(
+      "textarea",
+      {
+        ...attributes,
+        ...extraAttributes,
+        ...sharedAttributes,
+        className: inputClasses,
+        readOnly: true,
+        "data-testid": testId
+      }
+    ));
+  }
+  if (label || validationText) {
+    return /* @__PURE__ */ import_react3.default.createElement(InputContainer, { ...containerProps }, /* @__PURE__ */ import_react3.default.createElement(
+      "textarea",
+      {
+        ...attributes,
+        ...extraAttributes,
+        ...sharedAttributes,
+        className: inputClasses,
+        "data-testid": testId
+      }
+    ));
+  }
+  return /* @__PURE__ */ import_react3.default.createElement(
+    "textarea",
+    {
+      ...attributes,
+      ...extraAttributes,
+      className: inputClasses,
+      ...sharedAttributes,
+      ref: innerRef,
+      "data-testid": testId
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextArea
+});
+//# sourceMappingURL=TextArea.cjs.map

package/dist/Input/TextArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Input/TextArea.tsx","../../src/Input/InputContainer.tsx","../../src/Input/utils.tsx","../../src/utils.tsx"],"sourcesContent":["import React, { Ref, ReactNode, TextareaHTMLAttributes } from 'react';\n\nimport { InputContainer } from './InputContainer';\nimport { getClasses, getValidationTextControlClass, useFocus } from './utils';\nimport type { CSSModule } from 'reactstrap/types/lib/utils';\n\nexport interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** Etichetta del campo TextArea. */\n  label?: string | ReactNode;\n  /** Testo di esempio da utilizzare per il campo. */\n  placeholder?: string;\n  /** Testo di validazione per l'elemento del moduleo */\n  validationText?: string;\n  /** Testo di aiuto per l'elemento del moduleo form. Richiede che il componente `TextArea` abbia la prop `id` impostata. */\n  infoText?: string;\n  /** Il valore nel campo TextArea. */\n  value?: string | number;\n  /** Da utilizzare per impedire la modifica del valore contenuto. */\n  readOnly?: boolean;\n  /** Associato all'attributo readOnly mostra il campo con lo stile classico, mantenento lo stato di sola lettura. */\n  normalized?: boolean;\n  /** Utilizzare per mostrare il successo nella validazione del valore nel campo TextArea */\n  valid?: boolean;\n  innerRef?: Ref<HTMLTextAreaElement>;\n  /** Oggetto contenente la nuova mappatura per le classi CSS. */\n  cssModule?: CSSModule;\n  /** Classi aggiuntive da usare per il wrapper del componente TextArea */\n  wrapperClassName?: string;\n  /** Classi aggiuntive da usare per il componente TextArea */\n  className?: string;\n  testId?: string;\n}\n\nexport const TextArea = ({\n  id,\n  className,\n  cssModule,\n  innerRef,\n  label,\n  validationText,\n  infoText,\n  placeholder,\n  normalized,\n  value,\n  wrapperClassName: originalWrapperClass,\n  valid,\n  testId,\n  ...attributes\n}: TextAreaProps) => {\n  const { toggleFocusLabel, toggleBlurLabel, isFocused } = useFocus<HTMLTextAreaElement>({\n    onFocus: attributes.onFocus,\n    onBlur: attributes.onBlur\n  });\n\n  const validationTextControlClass = getValidationTextControlClass({ valid }, cssModule);\n\n  const extraAttributes: { ['aria-describedby']?: string } = {};\n\n  // associate the input field with the help text\n  const infoId = id ? `${id}Description` : undefined;\n  if (id) {\n    extraAttributes['aria-describedby'] = infoId;\n  }\n\n  // Styling\n  const { activeClass, extraLabelClass, validationTextClass, inputClasses, wrapperClass } = getClasses(\n    className,\n    'textarea',\n    {\n      valid,\n      placeholder,\n      value,\n      label,\n      validationText,\n      normalized: Boolean(normalized),\n      validationTextControlClass,\n      isFocused,\n      originalWrapperClass\n    },\n    cssModule\n  );\n\n  // set of attributes always shared by the Input components\n  const sharedAttributes = {\n    id,\n    onFocus: toggleFocusLabel,\n    onBlur: toggleBlurLabel,\n    value,\n    ref: innerRef\n  };\n\n  // set of attributes always shared by the wrapper component\n  const containerProps = {\n    id,\n    infoId,\n    infoText,\n    activeClass,\n    extraLabelClass,\n    label,\n    validationTextClass,\n    validationText,\n    wrapperClass\n  };\n\n  if (placeholder) {\n    return (\n      <InputContainer {...containerProps}>\n        <textarea\n          {...attributes}\n          {...extraAttributes}\n          {...sharedAttributes}\n          className={inputClasses}\n          placeholder={placeholder}\n          data-testid={testId}\n        />\n      </InputContainer>\n    );\n  }\n\n  if (normalized) {\n    return (\n      <InputContainer {...containerProps}>\n        <textarea\n          {...attributes}\n          {...extraAttributes}\n          {...sharedAttributes}\n          className={inputClasses}\n          readOnly\n          data-testid={testId}\n        />\n      </InputContainer>\n    );\n  }\n  if (label || validationText) {\n    return (\n      <InputContainer {...containerProps}>\n        <textarea\n          {...attributes}\n          {...extraAttributes}\n          {...sharedAttributes}\n          className={inputClasses}\n          data-testid={testId}\n        />\n      </InputContainer>\n    );\n  }\n\n  return (\n    <textarea\n      {...attributes}\n      {...extraAttributes}\n      className={inputClasses}\n      {...sharedAttributes}\n      ref={innerRef}\n      data-testid={testId}\n    />\n  );\n};\n","import React, { FC, HTMLAttributes, ReactNode } from 'react';\n\nexport interface InputContainerProps extends HTMLAttributes<HTMLElement> {\n  wrapperClass: string;\n  activeClass: string;\n  extraLabelClass: string;\n  validationTextClass: string;\n  label: string | ReactNode | undefined;\n  validationText: string | undefined;\n  id: string | undefined;\n  infoId: string | undefined;\n  infoText: string | undefined;\n  testId?: string;\n}\n\nexport const InputContainer: FC<InputContainerProps> = ({\n  id,\n  infoId,\n  infoText,\n  testId,\n  activeClass,\n  extraLabelClass,\n  label,\n  validationTextClass,\n  validationText,\n  wrapperClass,\n  children\n}) => {\n  return (\n    <div className={wrapperClass} data-testid={testId}>\n      <label htmlFor={id} className={activeClass + ' ' + extraLabelClass}>\n        {label}\n      </label>\n      {children}\n      {infoText && (\n        <small id={infoId} className='form-text'>\n          {infoText}\n        </small>\n      )}\n      <div className={validationTextClass}>{validationText}</div>\n    </div>\n  );\n};\n","import classNames from 'classnames';\nimport { useState, useCallback } from 'react';\nimport type { CSSModule } from 'reactstrap/types/lib/utils';\nimport { mapToCssModules } from '../utils';\nimport type { InputProps } from './Input';\n\ntype ValidationProps = Pick<InputProps, 'valid'>;\ntype TypeProps = Pick<InputProps, 'plaintext' | 'type'> & {\n  staticInput?: boolean;\n};\ntype FormControlProps = Pick<InputProps, 'addon' | 'normalized'> & TypeProps;\n\nfunction getFormControlClassInternal({ plaintext, staticInput, type = 'text', addon, normalized }: FormControlProps) {\n  const formControlClass = 'form-control';\n  if (plaintext || staticInput || normalized) {\n    return `${formControlClass}-plaintext`;\n  }\n  if (type === 'file') {\n    return `${formControlClass}-file`;\n  }\n  if (['radio', 'checkbox'].indexOf(type) > -1) {\n    if (addon) {\n      return null;\n    }\n  }\n  return formControlClass;\n}\n\nexport function getFormControlClass(props: FormControlProps, cssModule?: CSSModule) {\n  return mapToCssModules(getFormControlClassInternal(props), cssModule);\n}\n\nexport function getValidationTextControlClass({ valid }: ValidationProps, cssModule?: CSSModule) {\n  return mapToCssModules(\n    classNames({\n      'form-text': true,\n      'form-feedback just-validate-error-label': valid == false\n    }),\n    cssModule\n  );\n}\n\nexport function getTag({ tag, plaintext, staticInput, type = 'text' }: Pick<InputProps, 'tag'> & TypeProps) {\n  if (tag) {\n    return tag;\n  }\n  if (['radio', 'checkbox'].indexOf(type) > -1) {\n    return 'input';\n  }\n  if (plaintext || staticInput) {\n    return 'p';\n  }\n  return 'input';\n}\n\ntype InputClassesParams = ValidationProps &\n  Pick<InputProps, 'bsSize' | 'placeholder' | 'value' | 'label' | 'validationText' | 'normalized'> & {\n    isFocused: boolean;\n    inputPassword?: boolean;\n    formControlClass?: string;\n    validationTextControlClass?: string;\n    originalWrapperClass: InputProps['wrapperClassName'];\n  };\n\nexport function getClasses(\n  className: string | undefined,\n  type: string,\n  {\n    isFocused,\n    valid,\n    bsSize,\n    placeholder,\n    value,\n    label,\n    validationText,\n    normalized,\n    inputPassword,\n    formControlClass,\n    validationTextControlClass,\n    originalWrapperClass\n  }: InputClassesParams,\n  cssModule?: CSSModule\n) {\n  const hasPlainCondition = placeholder || label || validationText;\n  const baseCondition = hasPlainCondition && !normalized && !inputPassword;\n  const passwordOnlyCondition = inputPassword && !hasPlainCondition && !normalized;\n  const normalizedOnlyCondition = normalized && !hasPlainCondition && !inputPassword;\n\n  const classes = mapToCssModules(\n    classNames(\n      className,\n      {\n        'is-invalid': valid == false,\n        'just-validate-success-field': valid,\n        [`form-control-${bsSize}`]: bsSize\n      },\n      formControlClass\n    ),\n    cssModule\n  );\n  const wrapperClass = mapToCssModules(classNames(className, originalWrapperClass, 'form-group'), cssModule);\n  const validationTextClass = mapToCssModules(\n    classNames(\n      {\n        'valid-feedback': valid,\n        'invalid-feedback form-feedback just-validate-error-label': valid == false\n      },\n      validationTextControlClass\n    ),\n    cssModule\n  );\n\n  const inputClasses = mapToCssModules(\n    classNames(\n      classes,\n      !baseCondition && {\n        // we can model here only if stylings\n        'form-control-plaintext': normalizedOnlyCondition,\n        'form-control': passwordOnlyCondition,\n        'input-password': passwordOnlyCondition,\n        'focus--mouse': passwordOnlyCondition || normalizedOnlyCondition\n      }\n    ),\n    cssModule\n  );\n\n  const activeClass = mapToCssModules(\n    classNames({\n      active: isFocused || placeholder || value || ['date', 'time'].includes(type)\n    }),\n    cssModule\n  );\n\n  const extraLabelClass = mapToCssModules(\n    classNames({\n      'input-number-label': ['number', 'currency', 'adaptive', 'percentage'].includes(type)\n    })\n  );\n\n  return {\n    wrapperClass,\n    inputClasses,\n    activeClass,\n    extraLabelClass,\n    validationTextClass\n  };\n}\n\nexport function useFocus<T extends HTMLInputElement | HTMLTextAreaElement>({\n  onFocus,\n  onBlur\n}: {\n  onFocus: React.FocusEventHandler<T> | undefined;\n  onBlur: React.FocusEventHandler<T> | undefined;\n}) {\n  const [isFocused, setFocus] = useState(false);\n\n  const toggleFocusLabel = useCallback(\n    (e: React.FocusEvent<T>) => {\n      setFocus(true);\n      onFocus?.(e);\n    },\n    [onFocus]\n  );\n\n  const toggleBlurLabel = useCallback(\n    (e: React.FocusEvent<T>) => {\n      if (e.target.value === '') {\n        setFocus(!isFocused);\n      }\n      onBlur?.(e);\n    },\n    [isFocused, onBlur]\n  );\n\n  return { toggleFocusLabel, toggleBlurLabel, isFocused };\n}\n","export const noop = () => {};\n\nexport const logError = (message: string) => {\n  if (typeof console !== 'undefined') {\n    if (console.error) {\n      console.error(message);\n    } else {\n      console.log(message);\n    }\n  }\n};\n\n// @internal Used for testing purposes only\nexport const flushMessageCache = () => {\n  for (const key in messages) {\n    delete messages[key];\n  }\n};\n\nconst messages: Record<string, 1> = {};\nexport const notifyDeprecation = (message: string, options: { once: boolean } = { once: true }) => {\n  if (!options.once) {\n    logError(message);\n  } else {\n    if (!messages[message]) {\n      logError(message);\n      messages[message] = 1;\n    }\n  }\n};\n\nexport function mapToCssModules(className: string | null, cssModules?: Record<string, string>) {\n  let finalClassNames = className == null ? '' : className;\n  if (!cssModules) {\n    return finalClassNames;\n  }\n  return finalClassNames\n    .split(' ')\n    .map((klass) => cssModules[klass] ?? klass)\n    .join(' ');\n}\n\ntype UnknownObject = Record<string, unknown>;\n\nexport function pick<T extends UnknownObject>(obj: T, keys: keyof T | Array<keyof T>): Partial<T> {\n  const keysArray = Array.isArray(keys) ? keys : [keys];\n  const newObj: Partial<T> = {};\n  for (const key of keysArray) {\n    if (key in obj) {\n      newObj[key] = obj[key];\n    }\n  }\n  return newObj;\n}\n\nexport function omit<T extends UnknownObject>(obj: T, keys: keyof T | Array<keyof T>): Partial<T> {\n  const keysLookup = new Set(Array.isArray(keys) ? keys : [keys]);\n\n  const newObj: Partial<T> = {};\n  for (const key in obj) {\n    if (!keysLookup.has(key)) {\n      newObj[key] = obj[key];\n    }\n  }\n  return newObj;\n}\n"],"mappings":"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","names":["import_react","React","import_react","classNames","classNames","React"]}

package/dist/Input/TextArea.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { InputContainer } from './InputContainer';
+import { getClasses, getValidationTextControlClass, useFocus } from './utils';
+export const TextArea = ({ id, className, cssModule, innerRef, label, validationText, infoText, placeholder, normalized, value, wrapperClassName: originalWrapperClass, valid, testId, ...attributes }) => {
+    const { toggleFocusLabel, toggleBlurLabel, isFocused } = useFocus({
+        onFocus: attributes.onFocus,
+        onBlur: attributes.onBlur
+    });
+    const validationTextControlClass = getValidationTextControlClass({ valid }, cssModule);
+    const extraAttributes = {};
+    // associate the input field with the help text
+    const infoId = id ? `${id}Description` : undefined;
+    if (id) {
+        extraAttributes['aria-describedby'] = infoId;
+    }
+    // Styling
+    const { activeClass, extraLabelClass, validationTextClass, inputClasses, wrapperClass } = getClasses(className, 'textarea', {
+        valid,
+        placeholder,
+        value,
+        label,
+        validationText,
+        normalized: Boolean(normalized),
+        validationTextControlClass,
+        isFocused,
+        originalWrapperClass
+    }, cssModule);
+    // set of attributes always shared by the Input components
+    const sharedAttributes = {
+        id,
+        onFocus: toggleFocusLabel,
+        onBlur: toggleBlurLabel,
+        value,
+        ref: innerRef
+    };
+    // set of attributes always shared by the wrapper component
+    const containerProps = {
+        id,
+        infoId,
+        infoText,
+        activeClass,
+        extraLabelClass,
+        label,
+        validationTextClass,
+        validationText,
+        wrapperClass
+    };
+    if (placeholder) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement("textarea", { ...attributes, ...extraAttributes, ...sharedAttributes, className: inputClasses, placeholder: placeholder, "data-testid": testId })));
+    }
+    if (normalized) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement("textarea", { ...attributes, ...extraAttributes, ...sharedAttributes, className: inputClasses, readOnly: true, "data-testid": testId })));
+    }
+    if (label || validationText) {
+        return (React.createElement(InputContainer, { ...containerProps },
+            React.createElement("textarea", { ...attributes, ...extraAttributes, ...sharedAttributes, className: inputClasses, "data-testid": testId })));
+    }
+    return (React.createElement("textarea", { ...attributes, ...extraAttributes, className: inputClasses, ...sharedAttributes, ref: innerRef, "data-testid": testId }));
+};
+//# sourceMappingURL=TextArea.js.map

package/dist/Input/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/Input/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,6BAA6B,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA8B9E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,cAAc,EACd,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,gBAAgB,EAAE,oBAAoB,EACtC,KAAK,EACL,MAAM,EACN,GAAG,UAAU,EACC,EAAE,EAAE;IAClB,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAsB;QACrF,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,MAAM,EAAE,UAAU,CAAC,MAAM;KAC1B,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,6BAA6B,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,CAAC;IAEvF,MAAM,eAAe,GAAsC,EAAE,CAAC;IAE9D,+CAA+C;IAC/C,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IACnD,IAAI,EAAE,EAAE,CAAC;QACP,eAAe,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC;IAC/C,CAAC;IAED,UAAU;IACV,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,UAAU,CAClG,SAAS,EACT,UAAU,EACV;QACE,KAAK;QACL,WAAW;QACX,KAAK;QACL,KAAK;QACL,cAAc;QACd,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC;QAC/B,0BAA0B;QAC1B,SAAS;QACT,oBAAoB;KACrB,EACD,SAAS,CACV,CAAC;IAEF,0DAA0D;IAC1D,MAAM,gBAAgB,GAAG;QACvB,EAAE;QACF,OAAO,EAAE,gBAAgB;QACzB,MAAM,EAAE,eAAe;QACvB,KAAK;QACL,GAAG,EAAE,QAAQ;KACd,CAAC;IAEF,2DAA2D;IAC3D,MAAM,cAAc,GAAG;QACrB,EAAE;QACF,MAAM;QACN,QAAQ;QACR,WAAW;QACX,eAAe;QACf,KAAK;QACL,mBAAmB;QACnB,cAAc;QACd,YAAY;KACb,CAAC;IAEF,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,oBAAC,cAAc,OAAK,cAAc;YAChC,qCACM,UAAU,KACV,eAAe,KACf,gBAAgB,EACpB,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,WAAW,iBACX,MAAM,GACnB,CACa,CAClB,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,oBAAC,cAAc,OAAK,cAAc;YAChC,qCACM,UAAU,KACV,eAAe,KACf,gBAAgB,EACpB,SAAS,EAAE,YAAY,EACvB,QAAQ,uBACK,MAAM,GACnB,CACa,CAClB,CAAC;IACJ,CAAC;IACD,IAAI,KAAK,IAAI,cAAc,EAAE,CAAC;QAC5B,OAAO,CACL,oBAAC,cAAc,OAAK,cAAc;YAChC,qCACM,UAAU,KACV,eAAe,KACf,gBAAgB,EACpB,SAAS,EAAE,YAAY,iBACV,MAAM,GACnB,CACa,CAClB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,qCACM,UAAU,KACV,eAAe,EACnB,SAAS,EAAE,YAAY,KACnB,gBAAgB,EACpB,GAAG,EAAE,QAAQ,iBACA,MAAM,GACnB,CACH,CAAC;AACJ,CAAC,CAAC"}