@gympass/yoga 7.87.1 → 7.88.0

package/cjs/TextArea/web/TextArea.js

@@ -1,154 +1,209 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = require("prop-types");
-
-var _Fieldset = _interopRequireDefault(require("../../Input/web/Fieldset"));
-
-var _Field = _interopRequireDefault(require("../../Input/web/Field"));
-
-var _Label = _interopRequireDefault(require("../../Input/web/Label"));
-
-var _Legend = _interopRequireDefault(require("../../Input/web/Legend"));
-
-var _Helper = _interopRequireDefault(require("../../Input/web/Helper"));
-
-var _excluded = ["disabled", "error", "full", "helper", "label", "maxLength", "className", "style", "value", "onChange"];
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Root = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n\n  cursor: text;\n\n  ", "\n"])), function (_ref) {
-  var full = _ref.full;
-  return "\n    width: " + (full ? '100%' : 'auto') + ";\n  ";
-});
-
-var StyledFieldSet = (0, _styledComponents["default"])(_Fieldset["default"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  height: 88px;\n  box-sizing: border-box;\n"])));
-var StyledField = (0, _styledComponents["default"])(_Field["default"])(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  resize: none;\n  height: 100%;\n"])));
-/**
- * TextArea is a type of text field which has a larger initiation size to
- * encourage a bigger user input. This component has a fixed height and the text
- * lines are increased when the input reaches the limit of lines established for
- * the field. This action creates a vertical scroll inside the component.
- */
-
-var TextArea = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
-  var disabled = _ref2.disabled,
-      error = _ref2.error,
-      full = _ref2.full,
-      helper = _ref2.helper,
-      label = _ref2.label,
-      maxLength = _ref2.maxLength,
-      className = _ref2.className,
-      style = _ref2.style,
-      value = _ref2.value,
-      _onChange = _ref2.onChange,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  var _useState = (0, _react.useState)(value),
-      textAreaValue = _useState[0],
-      setTextAreaValue = _useState[1];
-
-  var _useState2 = (0, _react.useState)(Boolean(value)),
-      typed = _useState2[0],
-      setTyped = _useState2[1];
-
-  var textAreaRef = ref || (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    setTextAreaValue(value);
-    setTyped(Boolean(value));
-  }, [value]);
-  return /*#__PURE__*/_react["default"].createElement(Root, {
-    className: className,
-    full: full,
-    style: style,
-    onClick: function onClick() {
-      return textAreaRef.current.focus();
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  }, /*#__PURE__*/_react["default"].createElement(StyledFieldSet, {
-    error: error,
-    disabled: disabled,
-    full: full,
-    label: label
-  }, /*#__PURE__*/_react["default"].createElement(StyledField, _extends({}, props, {
-    disabled: disabled,
-    full: full,
-    label: label,
-    as: "textarea",
-    ref: textAreaRef,
-    cleanable: false,
-    maxLength: maxLength,
-    typed: typed,
-    error: error,
-    value: textAreaValue,
-    onChange: function onChange(e) {
-      setTextAreaValue(e.target.value);
-      setTyped(Boolean(e.target.value));
-
-      _onChange(e);
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-  })), /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
-    error: error,
-    disabled: disabled
-  }, props), label), label && /*#__PURE__*/_react["default"].createElement(_Legend["default"], null, label)), /*#__PURE__*/_react["default"].createElement(_Helper["default"], {
-    disabled: disabled,
-    error: error,
-    helper: helper,
-    maxLength: maxLength,
-    length: textAreaValue.length
-  }));
+  return target;
+};
+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);
+var TextArea_exports = {};
+__export(TextArea_exports, {
+  default: () => TextArea_default
 });
-
+module.exports = __toCommonJS(TextArea_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_Fieldset = __toESM(require("../../Input/web/Fieldset"));
+var import_Field = __toESM(require("../../Input/web/Field"));
+var import_Label = __toESM(require("../../Input/web/Label"));
+var import_Legend = __toESM(require("../../Input/web/Legend"));
+var import_Helper = __toESM(require("../../Input/web/Helper"));
+const Root = import_styled_components.default.div`
+  display: inline-block;
+
+  cursor: text;
+
+  ${({ full }) => `
+    width: ${full ? "100%" : "auto"};
+  `}
+`;
+const StyledFieldSet = (0, import_styled_components.default)(import_Fieldset.default)`
+  height: 88px;
+  box-sizing: border-box;
+`;
+const StyledField = (0, import_styled_components.default)(import_Field.default)`
+  resize: none;
+  height: 100%;
+`;
+const TextArea = import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      disabled,
+      error,
+      full,
+      helper,
+      label,
+      maxLength,
+      className,
+      style,
+      value,
+      onChange
+    } = _b, props = __objRest(_b, [
+      "disabled",
+      "error",
+      "full",
+      "helper",
+      "label",
+      "maxLength",
+      "className",
+      "style",
+      "value",
+      "onChange"
+    ]);
+    const [textAreaValue, setTextAreaValue] = (0, import_react.useState)(value);
+    const [typed, setTyped] = (0, import_react.useState)(Boolean(value));
+    const textAreaRef = ref || (0, import_react.useRef)(null);
+    (0, import_react.useEffect)(() => {
+      setTextAreaValue(value);
+      setTyped(Boolean(value));
+    }, [value]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      Root,
+      {
+        className,
+        full,
+        style,
+        onClick: () => textAreaRef.current.focus(),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            StyledFieldSet,
+            {
+              error,
+              disabled,
+              full,
+              label,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  StyledField,
+                  __spreadProps(__spreadValues({}, props), {
+                    disabled,
+                    full,
+                    label,
+                    as: "textarea",
+                    ref: textAreaRef,
+                    cleanable: false,
+                    maxLength,
+                    typed,
+                    error,
+                    value: textAreaValue,
+                    onChange: (e) => {
+                      setTextAreaValue(e.target.value);
+                      setTyped(Boolean(e.target.value));
+                      onChange(e);
+                    }
+                  })
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Label.default, __spreadProps(__spreadValues({ error, disabled }, props), { children: label })),
+                label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Legend.default, { children: label })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_Helper.default,
+            {
+              disabled,
+              error,
+              helper,
+              maxLength,
+              length: textAreaValue.length
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 TextArea.propTypes = {
-  className: _propTypes.string,
-  disabled: _propTypes.bool,
-
+  className: import_prop_types.string,
+  disabled: import_prop_types.bool,
   /** A error text to be displayed below field */
-  error: _propTypes.string,
-  full: _propTypes.bool,
-
+  error: import_prop_types.string,
+  full: import_prop_types.bool,
   /** A helper text to be displayed below field */
-  helper: _propTypes.string,
-  label: _propTypes.string,
-
+  helper: import_prop_types.string,
+  label: import_prop_types.string,
   /** maximum length (number of characters) of value */
-  maxLength: _propTypes.number,
-  placeholder: _propTypes.string,
-  readOnly: _propTypes.bool,
-  style: (0, _propTypes.shape)({}),
-  value: _propTypes.string,
-  onChange: _propTypes.func
+  maxLength: import_prop_types.number,
+  placeholder: import_prop_types.string,
+  readOnly: import_prop_types.bool,
+  style: (0, import_prop_types.shape)({}),
+  value: import_prop_types.string,
+  onChange: import_prop_types.func
 };
 TextArea.defaultProps = {
-  className: undefined,
+  className: void 0,
   disabled: false,
-  error: undefined,
+  error: void 0,
   full: false,
-  helper: undefined,
-  label: '',
-  maxLength: undefined,
-  placeholder: undefined,
+  helper: void 0,
+  label: "",
+  maxLength: void 0,
+  placeholder: void 0,
   readOnly: false,
-  style: undefined,
-  value: '',
-  onChange: function onChange() {}
+  style: void 0,
+  value: "",
+  onChange: () => {
+  }
 };
-var _default = TextArea;
-exports["default"] = _default;
+var TextArea_default = TextArea;

package/cjs/TextArea/web/TextArea.test.js

@@ -0,0 +1,35 @@
+"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 __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 import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import__ = require("../..");
+describe("<TextArea />", () => {
+  it("should match snapshot", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.TextArea, {}) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/TextArea/web/index.js

@@ -1,11 +1,35 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _TextArea = _interopRequireDefault(require("./TextArea"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _TextArea["default"];
-exports["default"] = _default;
+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);
+var web_exports = {};
+__export(web_exports, {
+  default: () => web_default
+});
+module.exports = __toCommonJS(web_exports);
+var import_TextArea = __toESM(require("./TextArea"));
+var web_default = import_TextArea.default;