@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Tag/styles.js

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.Text = exports.Close = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n"])), function (_ref) {
-  var theme = _ref.theme,
-    fillColor = _ref.fillColor,
-    overtoneHue = _ref.overtoneHue,
-    padding = _ref.padding,
-    variant = _ref.variant;
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: ", ";\n    background-color: ", ";\n    color: ", ";\n    border-radius: ", ";\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    height: fit-content;\n    cursor: pointer;\n  "])), padding, fillColor || theme.colors.neutral.neutral1, overtoneHue || theme.colors.neutral.neutral5, variant === 'square' ? '6px' : '80px');
-});
-exports.Wrapper = Wrapper;
-var Text = _styled.default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme,
-    overtoneHue = _ref2.overtoneHue,
-    isLarge = _ref2.isLarge;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: ", ";\n    font-size: ", ";\n    line-height: 1;\n    margin-right: 10px;\n  "])), overtoneHue || theme.colors.neutral.neutral5, isLarge ? '16px' : theme.fontSizes.xxs);
-});
-exports.Text = Text;
-var Close = _styled.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var theme = _ref3.theme,
-    overtoneHue = _ref3.overtoneHue,
-    fillColor = _ref3.fillColor;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    background: transparent;\n    color: ", ";\n    outline: 0;\n    border: none;\n    border-radius: 50%;\n    padding: 10px 0;\n    padding: 2px;\n    ", "\n  "])), overtoneHue || theme.colors.neutral.neutral5, fillColor ? (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          &:active {\n            background-color: ", ";\n            filter: saturate(0.6);\n          }\n        "])), fillColor) : (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:active {\n            background-color: ", ";\n          }\n        "])), theme.colors.neutral.neutral2));
-});
-exports.Close = Close;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.Text=exports.Close=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Wrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  ",";\n"])),function(_ref){var theme=_ref.theme,fillColor=_ref.fillColor,overtoneHue=_ref.overtoneHue,padding=_ref.padding,variant=_ref.variant;return(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    padding: ",";\n    background-color: ",";\n    color: ",";\n    border-radius: ",";\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    height: fit-content;\n    cursor: pointer;\n  "])),padding,fillColor||theme.colors.neutral.neutral1,overtoneHue||theme.colors.neutral.neutral5,"square"===variant?"6px":"80px")});exports.Wrapper=Wrapper;var Text=_styled.default.span(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref2){var theme=_ref2.theme,overtoneHue=_ref2.overtoneHue,isLarge=_ref2.isLarge;return(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    color: ",";\n    font-size: ",";\n    line-height: 1;\n    margin-right: 10px;\n  "])),overtoneHue||theme.colors.neutral.neutral5,isLarge?"16px":theme.fontSizes.xxs)});exports.Text=Text;var Close=_styled.default.button(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref3){var theme=_ref3.theme,overtoneHue=_ref3.overtoneHue,fillColor=_ref3.fillColor;return(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n    background: transparent;\n    color: ",";\n    outline: 0;\n    border: none;\n    border-radius: 50%;\n    padding: 10px 0;\n    padding: 2px;\n    ","\n  "])),overtoneHue||theme.colors.neutral.neutral5,fillColor?(0,_react.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n          &:active {\n            background-color: ",";\n            filter: saturate(0.6);\n          }\n        "])),fillColor):(0,_react.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n          &:active {\n            background-color: ",";\n          }\n        "])),theme.colors.neutral.neutral2))});exports.Close=Close;

package/dist/components/Tag/tag.test.js

@@ -1,64 +1 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('Tag', function () {
-  it('Should render tag with correct text values', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      label: "any_label"
-    }));
-    expect(_react.screen.getByText('any_label')).toBeInTheDocument();
-  });
-  it('Should not render tag component if label not provided', function () {
-    var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        label: ""
-      })),
-      container = _render.container;
-    expect(container.querySelector('svg')).not.toBeInTheDocument();
-  });
-  it('Should render button inside tag', function () {
-    var _screen$getByText$nex;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      label: "any_label"
-    }));
-    expect((_screen$getByText$nex = _react.screen.getByText('any_label').nextElementSibling) === null || _screen$getByText$nex === void 0 ? void 0 : _screen$getByText$nex.tagName).toBe('BUTTON');
-  });
-  it('Should Must always render icons at the ends of the tag', function () {
-    var _screen$getByRole$fir;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      label: "any_label"
-    }));
-    expect((_screen$getByRole$fir = _react.screen.getByRole('button').firstElementChild) === null || _screen$getByRole$fir === void 0 ? void 0 : _screen$getByRole$fir.tagName).toBe('svg');
-  });
-  it('Should render left icon if leftIcon is provided', function () {
-    var _screen$getByRole$fir2, _screen$getByText$pre;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      label: "any_label",
-      leftIcon: "plus"
-    }));
-    expect((_screen$getByRole$fir2 = _react.screen.getByRole('button').firstElementChild) === null || _screen$getByRole$fir2 === void 0 ? void 0 : _screen$getByRole$fir2.tagName).toBe('svg');
-    expect((_screen$getByText$pre = _react.screen.getByText('any_label').previousSibling) === null || _screen$getByText$pre === void 0 ? void 0 : _screen$getByText$pre.nodeName).toBe('svg');
-  });
-  it('Should call onClick mehod if onClick is provided', function () {
-    var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      label: "any_label",
-      onClick: fn
-    }));
-    _react.fireEvent.click(_react.screen.getByRole('button'));
-    expect(fn).toBeCalled();
-  });
-  it('Should render with custom colors', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      label: "any_label",
-      fillColor: "#4C2DC8"
-    }));
-    var wrapper = _react.screen.getByText('any_label').parentElement;
-    var style = window.getComputedStyle(wrapper).getPropertyValue('background-color');
-    expect(style).toBe('rgb(76, 45, 200)');
-  });
-});
+"use strict";var _react=require("@testing-library/react"),_testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}describe("Tag",function(){it("Should render tag with correct text values",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{label:"any_label"})),expect(_react.screen.getByText("any_label")).toBeInTheDocument()}),it("Should not render tag component if label not provided",function(){var _render=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{label:""})),container=_render.container;expect(container.querySelector("svg")).not.toBeInTheDocument()}),it("Should render button inside tag",function(){var _screen$getByText$nex;(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{label:"any_label"})),expect(null===(_screen$getByText$nex=_react.screen.getByText("any_label").nextElementSibling)||void 0===_screen$getByText$nex?void 0:_screen$getByText$nex.tagName).toBe("BUTTON")}),it("Should Must always render icons at the ends of the tag",function(){var _screen$getByRole$fir;(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{label:"any_label"})),expect(null===(_screen$getByRole$fir=_react.screen.getByRole("button").firstElementChild)||void 0===_screen$getByRole$fir?void 0:_screen$getByRole$fir.tagName).toBe("svg")}),it("Should render left icon if leftIcon is provided",function(){var _screen$getByRole$fir2,_screen$getByText$pre;(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{label:"any_label",leftIcon:"plus"})),expect(null===(_screen$getByRole$fir2=_react.screen.getByRole("button").firstElementChild)||void 0===_screen$getByRole$fir2?void 0:_screen$getByRole$fir2.tagName).toBe("svg"),expect(null===(_screen$getByText$pre=_react.screen.getByText("any_label").previousSibling)||void 0===_screen$getByText$pre?void 0:_screen$getByText$pre.nodeName).toBe("svg")}),it("Should call onClick mehod if onClick is provided",function(){var fn=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{label:"any_label",onClick:fn})),_react.fireEvent.click(_react.screen.getByRole("button")),expect(fn).toBeCalled()}),it("Should render with custom colors",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{label:"any_label",fillColor:"#4C2DC8"}));var wrapper=_react.screen.getByText("any_label").parentElement,style=window.getComputedStyle(wrapper).getPropertyValue("background-color");expect(style).toBe("rgb(76, 45, 200)")})});

package/dist/components/TextAreaInput/index.js

@@ -1,74 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label", "isInvalid", "alert", "isDisabled", "helperText", "maxWidth", "height"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
-var TextAreaInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var label = _ref.label,
-    isInvalid = _ref.isInvalid,
-    alert = _ref.alert,
-    isDisabled = _ref.isDisabled,
-    helperText = _ref.helperText,
-    maxWidth = _ref.maxWidth,
-    height = _ref.height,
-    args = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasValueOnInput = _useState2[0],
-    setHasValueOnInput = _useState2[1];
-  var textAreaRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return textAreaRef.current;
-  });
-  (0, _react.useEffect)(function () {
-    var _textAreaRef$current;
-    setHasValueOnInput(!!((_textAreaRef$current = textAreaRef.current) !== null && _textAreaRef$current !== void 0 && _textAreaRef$current.value));
-  });
-  function handleOnChange(value) {
-    setHasValueOnInput(value.length > 0);
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    maxWidth: maxWidth,
-    height: height,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TextArea, _objectSpread(_objectSpread({
-      hasValueOnInput: args !== null && args !== void 0 && args.placeholder || hasValueOnInput ? true : hasValueOnInput,
-      isInvalid: isInvalid,
-      alert: alert,
-      disabled: isDisabled,
-      ref: textAreaRef
-    }, args), {}, {
-      onChange: function onChange(e) {
-        var _args$onChange;
-        handleOnChange(e.currentTarget.value);
-        (_args$onChange = args.onChange) === null || _args$onChange === void 0 ? void 0 : _args$onChange.call(args, e);
-      }
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
-      children: label
-    }), isInvalid && helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelperText, {
-      alert: alert,
-      children: helperText
-    })]
-  });
-});
-TextAreaInput.displayName = 'TextAreaInput';
-var _default = TextAreaInput;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","isInvalid","alert","isDisabled","helperText","maxWidth","height"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var TextAreaInput=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function handleOnChange(value){setHasValueOnInput(0<value.length)}var label=_ref.label,isInvalid=_ref.isInvalid,alert=_ref.alert,isDisabled=_ref.isDisabled,helperText=_ref.helperText,maxWidth=_ref.maxWidth,height=_ref.height,args=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),hasValueOnInput=_useState2[0],setHasValueOnInput=_useState2[1],textAreaRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return textAreaRef.current}),(0,_react.useEffect)(function(){var _textAreaRef$current;setHasValueOnInput(!!(null!==(_textAreaRef$current=textAreaRef.current)&&void 0!==_textAreaRef$current&&_textAreaRef$current.value))}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.Wrapper,{maxWidth:maxWidth,height:height,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TextArea,_objectSpread(_objectSpread({hasValueOnInput:!!(null!==args&&void 0!==args&&args.placeholder||hasValueOnInput)||hasValueOnInput,isInvalid:isInvalid,alert:alert,disabled:isDisabled,ref:textAreaRef},args),{},{onChange:function onChange(e){var _args$onChange;handleOnChange(e.currentTarget.value),null===(_args$onChange=args.onChange)||void 0===_args$onChange?void 0:_args$onChange.call(args,e)}})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Label,{children:label}),isInvalid&&helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,children:helperText})]})});TextAreaInput.displayName="TextAreaInput";var _default=TextAreaInput;exports.default=_default;

package/dist/components/TextAreaInput/styles.js

@@ -1,53 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.TextArea = exports.Label = exports.HelperText = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var maxWidth = _ref.maxWidth,
-    height = _ref.height;
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    max-width: ", ";\n    height: ", ";\n    position: relative;\n  "])), typeof maxWidth === 'number' ? maxWidth + 'px' : maxWidth, !height ? '70px' : typeof height === 'number' ? height + 'px' : height);
-});
-exports.Wrapper = Wrapper;
-var Label = _styled.default.label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    transition: 0.2s ease;\n    background-color: transparent;\n    line-height: 1;\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    pointer-events: none;\n\n    white-space: nowrap;\n    max-width: 80%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "])), theme.fontSizes.xxs, theme.fontWeight['500']);
-});
-exports.Label = Label;
-var TextArea = _styled.default.textarea(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_ref3) {
-  var theme = _ref3.theme,
-    alert = _ref3.alert,
-    isInvalid = _ref3.isInvalid;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: ", ";\n    border: 2px solid ", ";\n    color: ", ";\n    line-height: 1.4;\n    background-color: transparent;\n    font-family: inherit;\n    font-size: ", ";\n    font-weight: ", ";\n    outline: none;\n    resize: none;\n    transition: all ease 0.2s;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:not(:disabled):hover {\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      background-color: ", ";\n      ", "\n    }\n\n    &:hover + label {\n      color: ", ";\n    }\n\n    &:focus + label {\n      color: ", ";\n    }\n\n    & + label {\n      color: ", ";\n    }\n\n    &[disabled] {\n      background-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      & + label {\n        color: ", ";\n      }\n    }\n  "])), theme.borderRadius.default, alert ? theme.colors[alert].default : theme.colors.neutral.neutral2, theme.colors.neutral.neutral5, theme.fontSizes.xs, theme.fontWeight['500'], theme.colors.neutral.neutral5, theme.colors.neutral.black, theme.colors.primary.hover, theme.colors.neutral.black, theme.colors.primary.hover, theme.colors.neutral.white, !isInvalid && "\n        box-shadow: 0 0 0 2px ".concat(theme.colors.primary.disabled, ";\n      "), theme.colors.neutral.neutral5, theme.colors.neutral.neutral5, theme.colors.neutral.neutral5, theme.colors.neutral.neutral1, theme.colors.tertiary.hover, theme.colors.neutral.neutral3);
-}, function (_ref4) {
-  var isInvalid = _ref4.isInvalid,
-    _ref4$alert = _ref4.alert,
-    alert = _ref4$alert === void 0 ? 'informative' : _ref4$alert,
-    theme = _ref4.theme;
-  return isInvalid && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      box-shadow: 0 0 0 3px ", ";\n\n      &:hover,\n      &:focus {\n        border-color: ", ";\n        background-color: ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])), theme.colors[alert].default, theme.colors[alert].blurred, theme.colors[alert].default, theme.colors.neutral.white, theme.colors.neutral.black);
-}, function (_ref5) {
-  var placeholder = _ref5.placeholder,
-    hasValueOnInput = _ref5.hasValueOnInput,
-    theme = _ref5.theme;
-  return !placeholder && !hasValueOnInput ? (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:focus + label {\n            padding: 0px 8px;\n            background-color: ", ";\n            top: -6px;\n            left: 16px;\n            color: ", ";\n          }\n        "])), theme.colors.neutral.white, theme.colors.neutral.neutral5) : (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          & + label {\n            padding: 0px 8px;\n            background-color: ", ";\n             top: -6px;\n            left: 16px;\n            bottom: auto;\n            color: ", ";\n        "])), theme.colors.neutral.white, theme.colors.neutral.neutral4);
-});
-exports.TextArea = TextArea;
-var HelperText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n  font-weight: ", ";\n  padding-left: 20px;\n"])), function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.fontSizes.xxs;
-}, function (_ref7) {
-  var theme = _ref7.theme,
-    _ref7$alert = _ref7.alert,
-    alert = _ref7$alert === void 0 ? 'informative' : _ref7$alert;
-  return theme.colors[alert].default;
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.fontWeight['500'];
-});
-exports.HelperText = HelperText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.TextArea=exports.Label=exports.HelperText=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Wrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref){var maxWidth=_ref.maxWidth,height=_ref.height;return(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    max-width: ",";\n    height: ",";\n    position: relative;\n  "])),"number"==typeof maxWidth?maxWidth+"px":maxWidth,height?"number"==typeof height?height+"px":height:"70px")});exports.Wrapper=Wrapper;var Label=_styled.default.label(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref2){var theme=_ref2.theme;return(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    font-size: ",";\n    font-weight: ",";\n    transition: 0.2s ease;\n    background-color: transparent;\n    line-height: 1;\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    pointer-events: none;\n\n    white-space: nowrap;\n    max-width: 80%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "])),theme.fontSizes.xxs,theme.fontWeight[500])});exports.Label=Label;var TextArea=_styled.default.textarea(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  ","\n\n  ",";\n\n  ",";\n"])),function(_ref3){var theme=_ref3.theme,alert=_ref3.alert,isInvalid=_ref3.isInvalid;return(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: ",";\n    border: 2px solid ",";\n    color: ",";\n    line-height: 1.4;\n    background-color: transparent;\n    font-family: inherit;\n    font-size: ",";\n    font-weight: ",";\n    outline: none;\n    resize: none;\n    transition: all ease 0.2s;\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:not(:disabled):hover {\n      color: ",";\n      border-color: ",";\n    }\n\n    &:focus {\n      color: ",";\n      border-color: ",";\n      background-color: ",";\n      ","\n    }\n\n    &:hover + label {\n      color: ",";\n    }\n\n    &:focus + label {\n      color: ",";\n    }\n\n    & + label {\n      color: ",";\n    }\n\n    &[disabled] {\n      background-color: ",";\n\n      &::placeholder {\n        color: ",";\n      }\n\n      & + label {\n        color: ",";\n      }\n    }\n  "])),theme.borderRadius.default,alert?theme.colors[alert].default:theme.colors.neutral.neutral2,theme.colors.neutral.neutral5,theme.fontSizes.xs,theme.fontWeight[500],theme.colors.neutral.neutral5,theme.colors.neutral.black,theme.colors.primary.hover,theme.colors.neutral.black,theme.colors.primary.hover,theme.colors.neutral.white,!isInvalid&&"\n        box-shadow: 0 0 0 2px ".concat(theme.colors.primary.disabled,";\n      "),theme.colors.neutral.neutral5,theme.colors.neutral.neutral5,theme.colors.neutral.neutral5,theme.colors.neutral.neutral1,theme.colors.tertiary.hover,theme.colors.neutral.neutral3)},function(_ref4){var isInvalid=_ref4.isInvalid,_ref4$alert=_ref4.alert,alert=void 0===_ref4$alert?"informative":_ref4$alert,theme=_ref4.theme;return isInvalid&&(0,_react.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n      border-color: ",";\n      box-shadow: 0 0 0 3px ",";\n\n      &:hover,\n      &:focus {\n        border-color: ",";\n        background-color: ",";\n      }\n\n      &::placeholder {\n        color: ",";\n      }\n    "])),theme.colors[alert].default,theme.colors[alert].blurred,theme.colors[alert].default,theme.colors.neutral.white,theme.colors.neutral.black)},function(_ref5){var placeholder=_ref5.placeholder,hasValueOnInput=_ref5.hasValueOnInput,theme=_ref5.theme;return placeholder||hasValueOnInput?(0,_react.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n          & + label {\n            padding: 0px 8px;\n            background-color: ",";\n             top: -6px;\n            left: 16px;\n            bottom: auto;\n            color: ",";\n        "])),theme.colors.neutral.white,theme.colors.neutral.neutral4):(0,_react.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n          &:focus + label {\n            padding: 0px 8px;\n            background-color: ",";\n            top: -6px;\n            left: 16px;\n            color: ",";\n          }\n        "])),theme.colors.neutral.white,theme.colors.neutral.neutral5)});exports.TextArea=TextArea;var HelperText=_styled.default.span(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n  font-size: ",";\n  color: ",";\n  font-weight: ",";\n  padding-left: 20px;\n"])),function(_ref6){var theme=_ref6.theme;return theme.fontSizes.xxs},function(_ref7){var theme=_ref7.theme,_ref7$alert=_ref7.alert,alert=void 0===_ref7$alert?"informative":_ref7$alert;return theme.colors[alert].default},function(_ref8){var theme=_ref8.theme;return theme.fontWeight[500]});exports.HelperText=HelperText;

package/dist/components/TextAreaInput/text-area-input.test.js

@@ -1,81 +1 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var makeSut = function makeSut(props) {
-  var sut = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
-    label: "Any Label",
-    placeholder: "any placeholder"
-  }, props)));
-  var textarea = sut.container.querySelector('textarea');
-  var helperText = sut.container.querySelector('span');
-  return {
-    sut: sut,
-    textarea: textarea,
-    helperText: helperText
-  };
-};
-describe('TextAreaInput', function () {
-  it('should render with correct placeholder', function () {
-    var _makeSut = makeSut(),
-      sut = _makeSut.sut;
-    expect(sut.getByPlaceholderText('any placeholder')).toHaveAttribute('placeholder', 'any placeholder');
-  });
-  it('should render with correct label text', function () {
-    var _makeSut2 = makeSut(),
-      sut = _makeSut2.sut;
-    expect(sut.getByText('Any Label', {
-      selector: 'label'
-    }).innerHTML).toBe('Any Label');
-  });
-  it('should disabled textarea when prop isDisabled is provided', function () {
-    var _makeSut3 = makeSut({
-        isDisabled: true
-      }),
-      sut = _makeSut3.sut;
-    expect(sut.container.querySelector('textarea')).toBeDisabled();
-  });
-  it('should textarea change value on typing', function () {
-    var _makeSut4 = makeSut(),
-      textarea = _makeSut4.textarea;
-    _react.fireEvent.change(textarea, {
-      target: {
-        value: 'any_text'
-      }
-    });
-    expect(textarea.value).toBe('any_text');
-  });
-  it('should show helperText with isInvalid is provided', function () {
-    var _makeSut5 = makeSut({
-        isInvalid: true,
-        helperText: 'any help text'
-      }),
-      helperText = _makeSut5.helperText;
-    expect(helperText).toBeInTheDocument();
-  });
-  it('should not show helperText with isInvalid not provided', function () {
-    var _makeSut6 = makeSut({
-        isInvalid: false,
-        helperText: 'any help text'
-      }),
-      helperText = _makeSut6.helperText;
-    expect(helperText).not.toBeInTheDocument();
-  });
-  it('should not render helperText with helperText not provided', function () {
-    var _makeSut7 = makeSut({
-        isInvalid: true
-      }),
-      helperText = _makeSut7.helperText;
-    expect(helperText).not.toBeInTheDocument();
-  });
-});
+"use strict";var _react=require("@testing-library/react"),_testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var makeSut=function(props){var sut=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({label:"Any Label",placeholder:"any placeholder"},props))),textarea=sut.container.querySelector("textarea"),helperText=sut.container.querySelector("span");return{sut:sut,textarea:textarea,helperText:helperText}};describe("TextAreaInput",function(){it("should render with correct placeholder",function(){var _makeSut=makeSut(),sut=_makeSut.sut;expect(sut.getByPlaceholderText("any placeholder")).toHaveAttribute("placeholder","any placeholder")}),it("should render with correct label text",function(){var _makeSut2=makeSut(),sut=_makeSut2.sut;expect(sut.getByText("Any Label",{selector:"label"}).innerHTML).toBe("Any Label")}),it("should disabled textarea when prop isDisabled is provided",function(){var _makeSut3=makeSut({isDisabled:!0}),sut=_makeSut3.sut;expect(sut.container.querySelector("textarea")).toBeDisabled()}),it("should textarea change value on typing",function(){var _makeSut4=makeSut(),textarea=_makeSut4.textarea;_react.fireEvent.change(textarea,{target:{value:"any_text"}}),expect(textarea.value).toBe("any_text")}),it("should show helperText with isInvalid is provided",function(){var _makeSut5=makeSut({isInvalid:!0,helperText:"any help text"}),helperText=_makeSut5.helperText;expect(helperText).toBeInTheDocument()}),it("should not show helperText with isInvalid not provided",function(){var _makeSut6=makeSut({isInvalid:!1,helperText:"any help text"}),helperText=_makeSut6.helperText;expect(helperText).not.toBeInTheDocument()}),it("should not render helperText with helperText not provided",function(){var _makeSut7=makeSut({isInvalid:!0}),helperText=_makeSut7.helperText;expect(helperText).not.toBeInTheDocument()})});

package/dist/components/Thumbnail/index.js

@@ -1,125 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Thumbnail = Thumbnail;
-var _react = require("react");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Spinner = _interopRequireDefault(require("../Spinner"));
-var _utils = require("./utils");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function Thumbnail(_ref) {
-  var src = _ref.src,
-    alt = _ref.alt,
-    _ref$maxAllowedSize = _ref.maxAllowedSize,
-    maxAllowedSize = _ref$maxAllowedSize === void 0 ? 4 : _ref$maxAllowedSize,
-    color = _ref.color,
-    isUploading = _ref.isUploading,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
-    onSelect = _ref.onSelect,
-    getThumbImage = _ref.getThumbImage;
-  var _useState = (0, _react.useState)({
-      preview: src || '',
-      alt: alt || ''
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    thumbImage = _useState2[0],
-    setThumbImage = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    helpText = _useState4[0],
-    setHelpText = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    checked = _useState6[0],
-    setChecked = _useState6[1];
-  var wrapperSize = {
-    sm: '64px',
-    md: '72px',
-    lg: '80px'
-  };
-  var previewImageSize = {
-    sm: '50px',
-    md: '58px',
-    lg: '66px'
-  };
-  function handleChange(event) {
-    var target = event.target;
-    if (target.files) {
-      var file = target.files[0];
-      if (file && (0, _utils.isValidFileType)(file.type)) {
-        if (!(0, _utils.isValidFileSize)(file.size, maxAllowedSize)) {
-          return setHelpText("Tamanho da imagem excedida, porfavor adicione uma imagem de ate ".concat(maxAllowedSize, "MB."));
-        }
-        setHelpText('');
-        setThumbImage({
-          preview: URL.createObjectURL(file),
-          alt: file.name
-        });
-        getThumbImage === null || getThumbImage === void 0 ? void 0 : getThumbImage(file);
-      } else {
-        if (target.files.length) setHelpText('Arquivo invalido, porfavor adicione uma imagem.');
-      }
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: !thumbImage.preview ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.FileWrapper, {
-        size: wrapperSize[size],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.FileInput, {
-          "aria-label": "Clique para adicionar uma foto",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-            type: "file",
-            onChange: handleChange
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-            name: "plus-circle",
-            color: 'neutral.white',
-            size: 22
-          })]
-        })
-      }), helpText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelpText, {
-        children: helpText
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ThumbWrapper, {
-      color: color,
-      "data-is-selected": checked,
-      size: wrapperSize[size],
-      onClick: function onClick() {
-        if (thumbImage.preview) setChecked(true);
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PreviewImage, {
-        src: thumbImage.preview,
-        alt: thumbImage.alt,
-        sizeImage: previewImageSize[size]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SelectRadio, {
-        "data-is-selected": checked,
-        className: "thumb_select_radio",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputRadio, {
-          type: "radio",
-          checked: checked,
-          onChange: function onChange(e) {
-            setChecked(true);
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect(e);
-          }
-        }), checked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          name: "check",
-          color: "neutral.white",
-          size: "16"
-        })]
-      }), isUploading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
-        emptyColor: "neutral.neutral2",
-        color: 'primary.default'
-      })]
-    })
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Thumbnail=Thumbnail;var _react=require("react"),_Icon=_interopRequireDefault(require("../Icon")),_Spinner=_interopRequireDefault(require("../Spinner")),_utils=require("./utils"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function Thumbnail(_ref){var src=_ref.src,alt=_ref.alt,_ref$maxAllowedSize=_ref.maxAllowedSize,maxAllowedSize=void 0===_ref$maxAllowedSize?4:_ref$maxAllowedSize,color=_ref.color,isUploading=_ref.isUploading,_ref$size=_ref.size,size=void 0===_ref$size?"md":_ref$size,onSelect=_ref.onSelect,getThumbImage=_ref.getThumbImage,_useState=(0,_react.useState)({preview:src||"",alt:alt||""}),_useState2=_slicedToArray(_useState,2),thumbImage=_useState2[0],setThumbImage=_useState2[1],_useState3=(0,_react.useState)(""),_useState4=_slicedToArray(_useState3,2),helpText=_useState4[0],setHelpText=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),checked=_useState6[0],setChecked=_useState6[1],wrapperSize={sm:"64px",md:"72px",lg:"80px"};return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:thumbImage.preview?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ThumbWrapper,{color:color,"data-is-selected":checked,size:wrapperSize[size],onClick:function onClick(){thumbImage.preview&&setChecked(!0)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.PreviewImage,{src:thumbImage.preview,alt:thumbImage.alt,sizeImage:{sm:"50px",md:"58px",lg:"66px"}[size]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SelectRadio,{"data-is-selected":checked,className:"thumb_select_radio",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputRadio,{type:"radio",checked:checked,onChange:function onChange(e){setChecked(!0),null===onSelect||void 0===onSelect?void 0:onSelect(e)}}),checked&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"check",color:"neutral.white",size:"16"})]}),isUploading&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{emptyColor:"neutral.neutral2",color:"primary.default"})]}):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.FileWrapper,{size:wrapperSize[size],children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.FileInput,{"aria-label":"Clique para adicionar uma foto",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("input",{type:"file",onChange:function(event){var target=event.target;if(target.files){var file=target.files[0];if(file&&(0,_utils.isValidFileType)(file.type)){if(!(0,_utils.isValidFileSize)(file.size,maxAllowedSize))return setHelpText("Tamanho da imagem excedida, porfavor adicione uma imagem de ate ".concat(maxAllowedSize,"MB."));setHelpText(""),setThumbImage({preview:URL.createObjectURL(file),alt:file.name}),null===getThumbImage||void 0===getThumbImage?void 0:getThumbImage(file)}else target.files.length&&setHelpText("Arquivo invalido, porfavor adicione uma imagem.")}}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"plus-circle",color:"neutral.white",size:22})]})}),helpText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelpText,{children:helpText})]})})}

package/dist/components/Thumbnail/styles.js

@@ -1,47 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.ThumbWrapper = exports.SelectRadio = exports.PreviewImage = exports.InputRadio = exports.HelpText = exports.FileWrapper = exports.FileInput = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var size = _ref.size,
-    theme = _ref.theme;
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", ";\n    height: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ", ";\n    box-sizing: border-box;\n    transition: 0.2s ease;\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n\n    &:hover {\n      border: 2px solid ", ";\n    }\n\n    & div + div {\n      position: absolute;\n    }\n  "])), size, size, theme.colors.neutral.neutral1, theme.colors.neutral.neutral3);
-});
-exports.Wrapper = Wrapper;
-var FileWrapper = (0, _styled.default)(Wrapper)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border: 2px dashed ", ";\n  "])), theme.colors.neutral.neutral6);
-});
-exports.FileWrapper = FileWrapper;
-var ThumbWrapper = (0, _styled.default)(Wrapper)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var theme = _ref3.theme,
-    color = _ref3.color;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border: 2px solid transparent;\n    &:hover .thumb_select_radio {\n      opacity: 1;\n    }\n\n    &[data-is-selected='true'] {\n      border-color: ", ";\n\n      &::after {\n        content: '';\n        position: absolute;\n        display: block;\n        background: ", ";\n        opacity: 0.1;\n        top: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n      }\n    }\n  "])), color || theme.colors.primary.default, color || theme.colors.primary.default);
-});
-exports.ThumbWrapper = ThumbWrapper;
-var PreviewImage = _styled.default.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
-  var sizeImage = _ref4.sizeImage;
-  return (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    display: block;\n    width: ", ";\n    height: ", ";\n  "])), sizeImage, sizeImage);
-});
-exports.PreviewImage = PreviewImage;
-var SelectRadio = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  opacity: 0;\n  transition: all ease 0.2s;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 8px;\n  left: 8px;\n\n  &[data-is-selected='true'] {\n    opacity: 1;\n  }\n\n  > svg {\n    position: absolute;\n  }\n"])));
-exports.SelectRadio = SelectRadio;
-var FileInput = _styled.default.label(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  justify-content: center;\n  input {\n    display: none;\n  }\n"])));
-exports.FileInput = FileInput;
-var InputRadio = _styled.default.input(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
-  var theme = _ref5.theme;
-  return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    margin: 0;\n    min-width: 20px;\n    min-height: 20px;\n    appearance: none;\n    box-sizing: border-box;\n    background-color: ", ";\n    border: 2px solid ", ";\n    border-radius: 50%;\n    transition: all ease 0.2s;\n\n    &:checked {\n      background-color: ", ";\n      border-color: ", ";\n    }\n  "])), theme.colors.neutral.white, theme.colors.neutral.neutral3, theme.colors.primary.default, theme.colors.primary.focus);
-});
-exports.InputRadio = InputRadio;
-var HelpText = _styled.default.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
-  var theme = _ref6.theme;
-  return (0, _react.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    color: ", ";\n    font-weight: ", ";\n  "])), theme.fontSizes.xs, theme.colors.neutral.white, theme.fontWeight[500]);
-});
-exports.HelpText = HelpText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.ThumbWrapper=exports.SelectRadio=exports.PreviewImage=exports.InputRadio=exports.HelpText=exports.FileWrapper=exports.FileInput=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Wrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref){var size=_ref.size,theme=_ref.theme;return(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    width: ",";\n    height: ",";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    box-sizing: border-box;\n    transition: 0.2s ease;\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n\n    &:hover {\n      border: 2px solid ",";\n    }\n\n    & div + div {\n      position: absolute;\n    }\n  "])),size,size,theme.colors.neutral.neutral1,theme.colors.neutral.neutral3)});exports.Wrapper=Wrapper;var FileWrapper=(0,_styled.default)(Wrapper)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref2){var theme=_ref2.theme;return(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    border: 2px dashed ",";\n  "])),theme.colors.neutral.neutral6)});exports.FileWrapper=FileWrapper;var ThumbWrapper=(0,_styled.default)(Wrapper)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref3){var theme=_ref3.theme,color=_ref3.color;return(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n    border: 2px solid transparent;\n    &:hover .thumb_select_radio {\n      opacity: 1;\n    }\n\n    &[data-is-selected='true'] {\n      border-color: ",";\n\n      &::after {\n        content: '';\n        position: absolute;\n        display: block;\n        background: ",";\n        opacity: 0.1;\n        top: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n      }\n    }\n  "])),color||theme.colors.primary.default,color||theme.colors.primary.default)});exports.ThumbWrapper=ThumbWrapper;var PreviewImage=_styled.default.img(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref4){var sizeImage=_ref4.sizeImage;return(0,_react.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n    display: block;\n    width: ",";\n    height: ",";\n  "])),sizeImage,sizeImage)});exports.PreviewImage=PreviewImage;var SelectRadio=_styled.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n  display: flex;\n  opacity: 0;\n  transition: all ease 0.2s;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 8px;\n  left: 8px;\n\n  &[data-is-selected='true'] {\n    opacity: 1;\n  }\n\n  > svg {\n    position: absolute;\n  }\n"])));exports.SelectRadio=SelectRadio;var FileInput=_styled.default.label(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  justify-content: center;\n  input {\n    display: none;\n  }\n"])));exports.FileInput=FileInput;var InputRadio=_styled.default.input(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref5){var theme=_ref5.theme;return(0,_react.css)(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    margin: 0;\n    min-width: 20px;\n    min-height: 20px;\n    appearance: none;\n    box-sizing: border-box;\n    background-color: ",";\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all ease 0.2s;\n\n    &:checked {\n      background-color: ",";\n      border-color: ",";\n    }\n  "])),theme.colors.neutral.white,theme.colors.neutral.neutral3,theme.colors.primary.default,theme.colors.primary.focus)});exports.InputRadio=InputRadio;var HelpText=_styled.default.span(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref6){var theme=_ref6.theme;return(0,_react.css)(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n    font-size: ",";\n    color: ",";\n    font-weight: ",";\n  "])),theme.fontSizes.xs,theme.colors.neutral.white,theme.fontWeight[500])});exports.HelpText=HelpText;