@tecsinapse/react-web-kit 1.21.2 → 1.22.0-beta.11

package/dist/hooks/useClickAwayListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAwayListener.js","names":["useClickAwayListener","ref","setVisible","event","React","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,oBAAoB,GAAG,UAClCC,GADkC,EAElCC,UAFkC,EAIzB;EAAA,IADTC,KACS,uEADoC,WACpC;;EACTC,cAAA,CAAMC,SAAN,CAAgB,MAAM;IACpB,MAAMC,kBAAkB,GAAGH,KAAK,IAAI;MAClC,IAAIF,GAAG,CAACM,OAAJ,IAAe,CAACN,GAAG,CAACM,OAAJ,CAAYC,QAAZ,CAAqBL,KAAK,CAACM,MAA3B,CAApB,EAAwD;QACtDP,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAQ,QAAQ,CAACC,gBAAT,CAA0BR,KAA1B,EAAiCG,kBAAjC;IACA,OAAO,MAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BT,KAA7B,EAAoCG,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACL,GAAD,CAVH;AAWD,CAhBM"}
+{"version":3,"file":"useClickAwayListener.js","sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"names":["React","event"],"mappings":";;;;;;;;;;AAEO,MAAM,oBAAuB,GAAA,CAClC,GACA,EAAA,UAAA,EACA,QAA6C,WACpC,KAAA;AACT,EAAAA,yBAAA,CAAM,UAAU,MAAM;AACpB,IAAM,MAAA,kBAAA,GAAqB,CAAAC,MAAS,KAAA;AAClC,MAAI,IAAA,GAAA,CAAI,WAAW,CAAC,GAAA,CAAI,QAAQ,QAASA,CAAAA,MAAAA,CAAM,MAAM,CAAG,EAAA;AACtD,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AACA,IAAS,QAAA,CAAA,gBAAA,CAAiB,OAAO,kBAAkB,CAAA,CAAA;AACnD,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,mBAAA,CAAoB,OAAO,kBAAkB,CAAA,CAAA;AAAA,KACxD,CAAA;AAAA,GACF,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AACV;;;;"}

package/dist/hooks/useWindowSize.js

@@ -1,35 +1,31 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useWindowSize = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = _interopRequireDefault(require("react"));
+var React = require('react');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const useWindowSize = () => {
-  const [windowSize, setWindowSize] = _react.default.useState({
-    width: undefined,
-    height: undefined
+  const [windowSize, setWindowSize] = React__default["default"].useState({
+    width: void 0,
+    height: void 0
   });
-
-  _react.default.useEffect(() => {
+  React__default["default"].useEffect(() => {
     const handleResize = () => {
       setWindowSize({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-
-    window.addEventListener('resize', handleResize);
+    window.addEventListener("resize", handleResize);
     handleResize();
-    return () => window.removeEventListener('resize', handleResize);
+    return () => window.removeEventListener("resize", handleResize);
   }, []);
-
   return windowSize;
 };
 
 exports.useWindowSize = useWindowSize;
-//# sourceMappingURL=useWindowSize.js.map
+//# sourceMappingURL=useWindowSize.js.map

package/dist/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","names":["useWindowSize","windowSize","setWindowSize","React","useState","width","undefined","height","useEffect","handleResize","window","innerWidth","innerHeight","addEventListener","removeEventListener"],"sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":["import React from 'react';\n\ntype WindowSize = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nexport const useWindowSize = (): WindowSize => {\n  const [windowSize, setWindowSize] = React.useState<WindowSize>({\n    width: undefined,\n    height: undefined,\n  });\n  React.useEffect(() => {\n    const handleResize = () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n  return windowSize;\n};\n"],"mappings":";;;;;;;AAAA;;;;AAOO,MAAMA,aAAa,GAAG,MAAkB;EAC7C,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BC,cAAA,CAAMC,QAAN,CAA2B;IAC7DC,KAAK,EAAEC,SADsD;IAE7DC,MAAM,EAAED;EAFqD,CAA3B,CAApC;;EAIAH,cAAA,CAAMK,SAAN,CAAgB,MAAM;IACpB,MAAMC,YAAY,GAAG,MAAM;MACzBP,aAAa,CAAC;QACZG,KAAK,EAAEK,MAAM,CAACC,UADF;QAEZJ,MAAM,EAAEG,MAAM,CAACE;MAFH,CAAD,CAAb;IAID,CALD;;IAMAF,MAAM,CAACG,gBAAP,CAAwB,QAAxB,EAAkCJ,YAAlC;IACAA,YAAY;IACZ,OAAO,MAAMC,MAAM,CAACI,mBAAP,CAA2B,QAA3B,EAAqCL,YAArC,CAAb;EACD,CAVD,EAUG,EAVH;;EAWA,OAAOR,UAAP;AACD,CAjBM"}
+{"version":3,"file":"useWindowSize.js","sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":["import React from 'react';\n\ntype WindowSize = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nexport const useWindowSize = (): WindowSize => {\n  const [windowSize, setWindowSize] = React.useState<WindowSize>({\n    width: undefined,\n    height: undefined,\n  });\n  React.useEffect(() => {\n    const handleResize = () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n  return windowSize;\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAOO,MAAM,gBAAgB,MAAkB;AAC7C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,0BAAM,QAAqB,CAAA;AAAA,IAC7D,KAAO,EAAA,KAAA,CAAA;AAAA,IACP,MAAQ,EAAA,KAAA,CAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAAA,yBAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,eAAe,MAAM;AACzB,MAAc,aAAA,CAAA;AAAA,QACZ,OAAO,MAAO,CAAA,UAAA;AAAA,QACd,QAAQ,MAAO,CAAA,WAAA;AAAA,OAChB,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAC9C,IAAa,YAAA,EAAA,CAAA;AACb,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAoB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,GAChE,EAAG,EAAE,CAAA,CAAA;AACL,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/dist/index.js

@@ -1,255 +1,75 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Icon: true,
-  Text: true,
-  Accordion: true,
-  Badge: true,
-  Button: true,
-  useMouseHover: true,
-  Input: true,
-  InputMask: true,
-  Modal: true,
-  Skeleton: true,
-  Tag: true,
-  Tooltip: true,
-  Breadcrumbs: true,
-  DatePicker: true,
-  DateTimePicker: true,
-  Drawer: true,
-  Grid: true,
-  GridItem: true,
-  InputPassword: true,
-  LabeledSwitch: true,
-  Menubar: true,
-  Select: true,
-  Snackbar: true,
-  TextArea: true,
-  DataGrid: true
-};
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () {
-    return _Accordion.Accordion;
-  }
-});
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () {
-    return _Badge.default;
-  }
-});
-Object.defineProperty(exports, "Breadcrumbs", {
-  enumerable: true,
-  get: function () {
-    return _Breadcrumbs.Breadcrumbs;
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () {
-    return _Button.Button;
-  }
-});
-Object.defineProperty(exports, "DataGrid", {
-  enumerable: true,
-  get: function () {
-    return _DataGrid.DataGrid;
-  }
-});
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () {
-    return _DatePicker.DatePicker;
-  }
-});
-Object.defineProperty(exports, "DateTimePicker", {
-  enumerable: true,
-  get: function () {
-    return _DateTimePicker.DateTimePicker;
-  }
-});
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function () {
-    return _Drawer.Drawer;
-  }
-});
-Object.defineProperty(exports, "Grid", {
-  enumerable: true,
-  get: function () {
-    return _Grid.Grid;
-  }
-});
-Object.defineProperty(exports, "GridItem", {
-  enumerable: true,
-  get: function () {
-    return _Grid.GridItem;
-  }
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function () {
-    return _reactCore.Icon;
-  }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function () {
-    return _Input.Input;
-  }
-});
-Object.defineProperty(exports, "InputMask", {
-  enumerable: true,
-  get: function () {
-    return _InputMask.InputMask;
-  }
-});
-Object.defineProperty(exports, "InputPassword", {
-  enumerable: true,
-  get: function () {
-    return _InputPassword.InputPassword;
-  }
-});
-Object.defineProperty(exports, "LabeledSwitch", {
-  enumerable: true,
-  get: function () {
-    return _LabeledSwitch.LabeledSwitch;
-  }
-});
-Object.defineProperty(exports, "Menubar", {
-  enumerable: true,
-  get: function () {
-    return _Menubar.Menubar;
-  }
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function () {
-    return _Modal.Modal;
-  }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () {
-    return _Select.Select;
-  }
-});
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function () {
-    return _Skeleton.Skeleton;
-  }
-});
-Object.defineProperty(exports, "Snackbar", {
-  enumerable: true,
-  get: function () {
-    return _Snackbar.Snackbar;
-  }
-});
-Object.defineProperty(exports, "Tag", {
-  enumerable: true,
-  get: function () {
-    return _Tag.Tag;
-  }
-});
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function () {
-    return _reactCore.Text;
-  }
-});
-Object.defineProperty(exports, "TextArea", {
-  enumerable: true,
-  get: function () {
-    return _TextArea.TextArea;
-  }
-});
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.Tooltip;
-  }
-});
-Object.defineProperty(exports, "useMouseHover", {
-  enumerable: true,
-  get: function () {
-    return _Button.useMouseHover;
-  }
-});
-
-var _reactCore = require("@tecsinapse/react-core");
-
-Object.keys(_reactCore).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _reactCore[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _reactCore[key];
-    }
-  });
-});
-
-var _Accordion = require("./components/atoms/Accordion");
-
-var _Badge = _interopRequireDefault(require("./components/atoms/Badge/Badge"));
-
-var _Button = require("./components/atoms/Button");
-
-var _Input = require("./components/atoms/Input");
-
-var _InputMask = require("./components/atoms/InputMask");
-
-var _Modal = require("./components/atoms/Modal");
-
-var _Skeleton = require("./components/atoms/Skeleton");
-
-var _Tag = require("./components/atoms/Tag");
-
-var _Tooltip = require("./components/atoms/Tooltip");
-
-var _Breadcrumbs = require("./components/molecules/Breadcrumbs");
-
-var _DatePicker = require("./components/molecules/DatePicker");
-
-var _DateTimePicker = require("./components/molecules/DateTimePicker");
-
-var _Drawer = require("./components/molecules/Drawer");
-
-var _Grid = require("./components/molecules/Grid");
-
-var _InputPassword = require("./components/molecules/InputPassword");
-
-var _LabeledSwitch = require("./components/molecules/LabeledSwitch");
-
-var _Menubar = require("./components/molecules/Menubar");
-
-var _Select = require("./components/molecules/Select");
-
-var _Snackbar = require("./components/molecules/Snackbar");
-
-var _TextArea = require("./components/molecules/TextArea");
-
-var _DataGrid = require("./components/organisms/DataGrid");
-
-var _hooks = require("./hooks");
-
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactCore = require('@tecsinapse/react-core');
+var Accordion = require('./components/atoms/Accordion/Accordion.js');
+var Badge = require('./components/atoms/Badge/Badge.js');
+var Button = require('./components/atoms/Button/Button.js');
+var useMouseHover = require('./components/atoms/Button/hooks/useMouseHover.js');
+var Input = require('./components/atoms/Input/Input.js');
+var InputMask = require('./components/atoms/InputMask/InputMask.js');
+var Modal = require('./components/atoms/Modal/Modal.js');
+var Skeleton = require('./components/atoms/Skeleton/Skeleton.js');
+var Tag = require('./components/atoms/Tag/Tag.js');
+var Tooltip = require('./components/atoms/Tooltip/Tooltip.js');
+var Breadcrumbs = require('./components/molecules/Breadcrumbs/Breadcrumbs.js');
+var DatePicker = require('./components/molecules/DatePicker/DatePicker.js');
+var DateTimePicker = require('./components/molecules/DateTimePicker/DateTimePicker.js');
+var Drawer = require('./components/molecules/Drawer/Drawer.js');
+var Item = require('./components/molecules/Grid/Item/Item.js');
+var Grid = require('./components/molecules/Grid/Grid.js');
+var InputPassword = require('./components/molecules/InputPassword/InputPassword.js');
+var LabeledSwitch = require('./components/molecules/LabeledSwitch/LabeledSwitch.js');
+var Menubar = require('./components/molecules/Menubar/Menubar.js');
+var Select = require('./components/molecules/Select/Select.js');
+var Snackbar = require('./components/molecules/Snackbar/Snackbar.js');
+var TextArea = require('./components/molecules/TextArea/TextArea.js');
+var DataGrid = require('./components/organisms/DataGrid/DataGrid.js');
+var useBreakpoints = require('./hooks/useBreakpoints.js');
+var useClickAwayListener = require('./hooks/useClickAwayListener.js');
+var useWindowSize = require('./hooks/useWindowSize.js');
+
+
+
+Object.defineProperty(exports, 'Icon', {
+  enumerable: true,
+  get: function () { return reactCore.Icon; }
+});
+Object.defineProperty(exports, 'Text', {
+  enumerable: true,
+  get: function () { return reactCore.Text; }
+});
+exports.Accordion = Accordion;
+exports.Badge = Badge;
+exports.Button = Button;
+exports.useMouseHover = useMouseHover.useMouseHover;
+exports.Input = Input;
+exports.InputMask = InputMask;
+exports.Modal = Modal;
+exports.Skeleton = Skeleton;
+exports.Tag = Tag;
+exports.Tooltip = Tooltip;
+exports.Breadcrumbs = Breadcrumbs;
+exports.DatePicker = DatePicker.DatePicker;
+exports.DateTimePicker = DateTimePicker.DateTimePicker;
+exports.Drawer = Drawer;
+exports.GridItem = Item;
+exports.Grid = Grid;
+exports.InputPassword = InputPassword;
+exports.LabeledSwitch = LabeledSwitch;
+exports.Menubar = Menubar;
+exports.Select = Select;
+exports.Snackbar = Snackbar;
+exports.TextArea = TextArea;
+exports.DataGrid = DataGrid;
+exports.useBreakpoints = useBreakpoints.useBreakpoints;
+exports.useClickAwayListener = useClickAwayListener.useClickAwayListener;
+exports.useWindowSize = useWindowSize.useWindowSize;
+Object.keys(reactCore).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: function () {
-      return _hooks[key];
-    }
+    get: function () { return reactCore[k]; }
   });
 });
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from '@tecsinapse/react-core';\nexport { Icon, Text } from '@tecsinapse/react-core';\nexport { Accordion } from './components/atoms/Accordion';\nexport type { AccordionProps } from './components/atoms/Accordion';\nexport { default as Badge } from './components/atoms/Badge/Badge';\nexport type { BadgeWebProps } from './components/atoms/Badge/Badge';\nexport { Button, useMouseHover } from './components/atoms/Button';\nexport type { WebButtonProps } from './components/atoms/Button';\nexport { Input } from './components/atoms/Input';\nexport type { InputWebProps } from './components/atoms/Input';\nexport { InputMask } from './components/atoms/InputMask';\nexport type { InputMaskWebProps } from './components/atoms/InputMask';\nexport { Modal } from './components/atoms/Modal';\nexport type { ModalProps } from './components/atoms/Modal';\nexport { Skeleton } from './components/atoms/Skeleton';\nexport type { SkeletonProps } from './components/atoms/Skeleton';\nexport { Tag } from './components/atoms/Tag';\nexport type { TagProps } from './components/atoms/Tag';\nexport { Tooltip } from './components/atoms/Tooltip';\nexport type { ITooltip } from './components/atoms/Tooltip';\nexport { Breadcrumbs } from './components/molecules/Breadcrumbs';\nexport type {\n  BreadcrumbsProps,\n  BreadcrumbType,\n} from './components/molecules/Breadcrumbs';\nexport { DatePicker } from './components/molecules/DatePicker';\nexport type { WebDatePickerProps } from './components/molecules/DatePicker';\nexport { DateTimePicker } from './components/molecules/DateTimePicker';\nexport type { WebDateTimePickerProps } from './components/molecules/DateTimePicker';\nexport { Drawer } from './components/molecules/Drawer';\nexport type { DrawerProps } from './components/molecules/Drawer';\nexport { Grid, GridItem } from './components/molecules/Grid';\nexport type { IGridWeb, IGridItemWeb } from './components/molecules/Grid';\nexport { InputPassword } from './components/molecules/InputPassword';\nexport type { InputPasswordWebProps } from './components/molecules/InputPassword';\nexport { LabeledSwitch } from './components/molecules/LabeledSwitch';\nexport type { LabeledSwitchWebProps } from './components/molecules/LabeledSwitch';\nexport { Menubar } from './components/molecules/Menubar';\nexport type {\n  MenubarItemsOptions,\n  MenubarMostUsedType,\n  MenubarOptionsType,\n  MenubarProps,\n} from './components/molecules/Menubar';\nexport { Select } from './components/molecules/Select';\nexport type { SelectProps } from './components/molecules/Select';\nexport { Snackbar } from './components/molecules/Snackbar';\nexport type { SnackbarWebProps } from './components/molecules/Snackbar';\nexport { TextArea } from './components/molecules/TextArea';\nexport type { TextAreaProps } from './components/molecules/TextArea';\nexport { DataGrid } from './components/organisms/DataGrid';\nexport type {\n  DataGridProps,\n  HeadersType,\n} from './components/organisms/DataGrid';\nexport * from './hooks';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAKA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAOA;;AAEA;;AAEA;;AAEA;;AAKA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/components/atoms/Accordion/Accordion.js

@@ -1,107 +1,93 @@
-var _excluded = ["title", "open", "onChange", "transition", "children"];
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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; }
-
 import React, { useRef } from 'react';
-import { Icon, Text } from '@tecsinapse/react-core';
-import { AccordionContainer, IconContainer, TitleContainer, ContentContainer } from "./styled";
+import { Text, Icon } from '@tecsinapse/react-core';
+import { AccordionContainer, TitleContainer, IconContainer, ContentContainer } from './styled.js';
 import { Transition } from 'react-transition-group';
-import { contentStyle, contentTransition, titleStyle, titleTransition } from "./animations";
+import { titleTransition, titleStyle, contentTransition, contentStyle } from './animations.js';
 import { useTheme } from '@emotion/react';
 
-var Accordion = function Accordion(_ref) {
-  var title = _ref.title,
-      _ref$open = _ref.open,
-      _open = _ref$open === void 0 ? false : _ref$open,
-      onChange = _ref.onChange,
-      _ref$transition = _ref.transition,
-      transition = _ref$transition === void 0 ? 200 : _ref$transition,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _React$useState = React.useState(_open),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      open = _React$useState2[0],
-      setOpen = _React$useState2[1];
-
-  var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      contentHeight = _React$useState4[0],
-      setContentHeight = _React$useState4[1];
-
-  var theme = useTheme();
-
-  var _ref2 = useRef(null);
-
-  React.useEffect(function () {
-    return setOpen(_open);
-  }, [_open]);
-  React.useLayoutEffect(function () {
-    var _ref$current;
-
-    var size = Array.from(((_ref$current = _ref2.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children) || []).reduce(function (prev, curr) {
-      return prev + curr.clientHeight;
-    }, 0);
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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]);
+    }
+  return a;
+};
+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];
+    }
+  return target;
+};
+const Accordion = (_a) => {
+  var _b = _a, {
+    title,
+    open: _open = false,
+    onChange,
+    transition = 200,
+    children
+  } = _b, rest = __objRest(_b, [
+    "title",
+    "open",
+    "onChange",
+    "transition",
+    "children"
+  ]);
+  const [open, setOpen] = React.useState(_open);
+  const [contentHeight, setContentHeight] = React.useState(0);
+  const theme = useTheme();
+  const ref = useRef(null);
+  React.useEffect(() => setOpen(_open), [_open]);
+  React.useLayoutEffect(() => {
+    var _a2;
+    const size = Array.from(
+      ((_a2 = ref.current) == null ? void 0 : _a2.children) || []
+    ).reduce((prev, curr) => prev + curr.clientHeight, 0);
     setContentHeight(size);
   }, []);
-  var handleClick = React.useCallback(function () {
+  const handleClick = React.useCallback(() => {
     if (onChange) {
       onChange();
       return;
     }
-
-    setOpen(function (state) {
-      return !state;
-    });
+    setOpen((state) => !state);
   }, [onChange]);
-  return React.createElement(AccordionContainer, rest, React.createElement(TitleContainer, {
+  return /* @__PURE__ */ React.createElement(AccordionContainer, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(TitleContainer, {
     onClick: handleClick
-  }, React.createElement(Transition, {
-    "in": open,
+  }, /* @__PURE__ */ React.createElement(Transition, {
+    in: open,
     timeout: transition
-  }, function (state) {
-    return React.createElement(Text, {
-      typography: "h4",
-      fontWeight: "bold",
-      style: _objectSpread(_objectSpread({}, titleStyle(transition, theme)), titleTransition(theme)[state])
-    }, title);
-  }), React.createElement(IconContainer, null, React.createElement(Icon, {
+  }, (state) => /* @__PURE__ */ React.createElement(Text, {
+    typography: "h4",
+    fontWeight: "bold",
+    style: __spreadValues(__spreadValues({}, titleStyle(transition, theme)), titleTransition(theme)[state])
+  }, title)), /* @__PURE__ */ React.createElement(IconContainer, null, /* @__PURE__ */ React.createElement(Icon, {
     type: "material-community",
-    name: open ? 'chevron-up' : 'chevron-down',
+    name: open ? "chevron-up" : "chevron-down",
     size: "kilo",
     fontColor: "medium"
-  }))), React.createElement(Transition, {
-    "in": open,
+  }))), /* @__PURE__ */ React.createElement(Transition, {
+    in: open,
     timeout: transition
-  }, function (state) {
-    return React.createElement(ContentContainer, {
-      ref: function ref(htmlEl) {
-        return _ref2.current = htmlEl;
-      },
-      style: _objectSpread(_objectSpread({}, contentStyle(open, transition, contentHeight, theme)), contentTransition(contentHeight, theme)[state])
-    }, children);
-  }));
+  }, (state) => /* @__PURE__ */ React.createElement(ContentContainer, {
+    ref: (htmlEl) => ref.current = htmlEl,
+    style: __spreadValues(__spreadValues({}, contentStyle(open, transition, contentHeight, theme)), contentTransition(contentHeight, theme)[state])
+  }, children)));
 };
 
-export default Accordion;
-//# sourceMappingURL=Accordion.js.map
+export { Accordion as default };
+//# sourceMappingURL=Accordion.js.map