@tecsinapse/react-web-kit 1.18.7 → 1.20.1

package/dist/index.js

@@ -4,257 +4,261 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  Badge: true,
+  Icon: true,
+  Text: true,
+  Accordion: true,
+  AccordionProps: true,
   BadgeWebProps: true,
+  Badge: true,
   Button: true,
   useMouseHover: true,
   WebButtonProps: true,
   Input: true,
   InputWebProps: true,
+  InputMask: true,
+  InputMaskWebProps: true,
+  Modal: true,
+  ModalProps: true,
+  Skeleton: true,
+  SkeletonProps: true,
   Tag: true,
   TagProps: true,
+  ITooltip: true,
+  Tooltip: true,
+  Breadcrumbs: true,
+  BreadcrumbsProps: true,
+  BreadcrumbType: true,
+  DatePicker: true,
+  WebDatePickerProps: true,
+  DateTimePicker: true,
+  WebDateTimePickerProps: true,
+  Drawer: true,
+  DrawerProps: true,
+  Grid: true,
+  GridItem: true,
+  IGridWeb: true,
+  IGridItemWeb: true,
   InputPassword: true,
   InputPasswordWebProps: true,
-  InputMask: true,
-  InputMaskWebProps: true,
+  LabeledSwitch: true,
+  LabeledSwitchWebProps: true,
   Menubar: true,
-  MenubarProps: true,
-  MenubarOptionsType: true,
   MenubarItemsOptions: true,
   MenubarMostUsedType: true,
-  Drawer: true,
-  DrawerProps: true,
+  MenubarOptionsType: true,
+  MenubarProps: true,
   Select: true,
   SelectProps: true,
   Snackbar: true,
   SnackbarWebProps: true,
-  Breadcrumbs: true,
-  BreadcrumbsProps: true,
-  BreadcrumbType: true,
-  Skeleton: true,
-  SkeletonProps: true,
-  Accordion: true,
-  AccordionProps: true,
-  DataGrid: true,
-  DataGridProps: true,
-  HeadersType: true,
-  Modal: true,
-  ModalProps: true,
   TextArea: true,
   TextAreaProps: true,
-  Tooltip: true,
-  ITooltip: true,
-  DatePicker: true,
-  WebDatePickerProps: true,
-  DateTimePicker: true,
-  WebDateTimePickerProps: true,
-  Grid: true,
-  GridItem: true,
-  IGrid: true,
-  IGridItem: true
+  DataGrid: true,
+  DataGridProps: true,
+  HeadersType: true
 };
-Object.defineProperty(exports, "Badge", {
+Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function () {
-    return _Badge.default;
+    return _Accordion.Accordion;
   }
 });
-Object.defineProperty(exports, "BadgeWebProps", {
+Object.defineProperty(exports, "AccordionProps", {
   enumerable: true,
   get: function () {
-    return _Badge.BadgeWebProps;
+    return _Accordion.AccordionProps;
   }
 });
-Object.defineProperty(exports, "Button", {
+Object.defineProperty(exports, "Badge", {
   enumerable: true,
   get: function () {
-    return _Button.Button;
+    return _Badge.default;
   }
 });
-Object.defineProperty(exports, "useMouseHover", {
+Object.defineProperty(exports, "BadgeWebProps", {
   enumerable: true,
   get: function () {
-    return _Button.useMouseHover;
+    return _Badge.BadgeWebProps;
   }
 });
-Object.defineProperty(exports, "WebButtonProps", {
+Object.defineProperty(exports, "BreadcrumbType", {
   enumerable: true,
   get: function () {
-    return _Button.WebButtonProps;
+    return _Breadcrumbs.BreadcrumbType;
   }
 });
-Object.defineProperty(exports, "Input", {
+Object.defineProperty(exports, "Breadcrumbs", {
   enumerable: true,
   get: function () {
-    return _Input.Input;
+    return _Breadcrumbs.Breadcrumbs;
   }
 });
-Object.defineProperty(exports, "InputWebProps", {
+Object.defineProperty(exports, "BreadcrumbsProps", {
   enumerable: true,
   get: function () {
-    return _Input.InputWebProps;
+    return _Breadcrumbs.BreadcrumbsProps;
   }
 });
-Object.defineProperty(exports, "Tag", {
+Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
-    return _Tag.Tag;
+    return _Button.Button;
   }
 });
-Object.defineProperty(exports, "TagProps", {
+Object.defineProperty(exports, "DataGrid", {
   enumerable: true,
   get: function () {
-    return _Tag.TagProps;
+    return _DataGrid.DataGrid;
   }
 });
-Object.defineProperty(exports, "InputPassword", {
+Object.defineProperty(exports, "DataGridProps", {
   enumerable: true,
   get: function () {
-    return _InputPassword.InputPassword;
+    return _DataGrid.DataGridProps;
   }
 });
-Object.defineProperty(exports, "InputPasswordWebProps", {
+Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
-    return _InputPassword.InputPasswordWebProps;
+    return _DatePicker.DatePicker;
   }
 });
-Object.defineProperty(exports, "InputMask", {
+Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
   get: function () {
-    return _InputMask.InputMask;
+    return _DateTimePicker.DateTimePicker;
   }
 });
-Object.defineProperty(exports, "InputMaskWebProps", {
+Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function () {
-    return _InputMask.InputMaskWebProps;
+    return _Drawer.Drawer;
   }
 });
-Object.defineProperty(exports, "Menubar", {
+Object.defineProperty(exports, "DrawerProps", {
   enumerable: true,
   get: function () {
-    return _Menubar.Menubar;
+    return _Drawer.DrawerProps;
   }
 });
-Object.defineProperty(exports, "MenubarProps", {
+Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function () {
-    return _Menubar.MenubarProps;
+    return _Grid.Grid;
   }
 });
-Object.defineProperty(exports, "MenubarOptionsType", {
+Object.defineProperty(exports, "GridItem", {
   enumerable: true,
   get: function () {
-    return _Menubar.MenubarOptionsType;
+    return _Grid.GridItem;
   }
 });
-Object.defineProperty(exports, "MenubarItemsOptions", {
+Object.defineProperty(exports, "HeadersType", {
   enumerable: true,
   get: function () {
-    return _Menubar.MenubarItemsOptions;
+    return _DataGrid.HeadersType;
   }
 });
-Object.defineProperty(exports, "MenubarMostUsedType", {
+Object.defineProperty(exports, "IGridItemWeb", {
   enumerable: true,
   get: function () {
-    return _Menubar.MenubarMostUsedType;
+    return _Grid.IGridItemWeb;
   }
 });
-Object.defineProperty(exports, "Drawer", {
+Object.defineProperty(exports, "IGridWeb", {
   enumerable: true,
   get: function () {
-    return _Drawer.Drawer;
+    return _Grid.IGridWeb;
   }
 });
-Object.defineProperty(exports, "DrawerProps", {
+Object.defineProperty(exports, "ITooltip", {
   enumerable: true,
   get: function () {
-    return _Drawer.DrawerProps;
+    return _Tooltip.ITooltip;
   }
 });
-Object.defineProperty(exports, "Select", {
+Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function () {
-    return _Select.Select;
+    return _reactCore.Icon;
   }
 });
-Object.defineProperty(exports, "SelectProps", {
+Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
-    return _Select.SelectProps;
+    return _Input.Input;
   }
 });
-Object.defineProperty(exports, "Snackbar", {
+Object.defineProperty(exports, "InputMask", {
   enumerable: true,
   get: function () {
-    return _Snackbar.Snackbar;
+    return _InputMask.InputMask;
   }
 });
-Object.defineProperty(exports, "SnackbarWebProps", {
+Object.defineProperty(exports, "InputMaskWebProps", {
   enumerable: true,
   get: function () {
-    return _Snackbar.SnackbarWebProps;
+    return _InputMask.InputMaskWebProps;
   }
 });
-Object.defineProperty(exports, "Breadcrumbs", {
+Object.defineProperty(exports, "InputPassword", {
   enumerable: true,
   get: function () {
-    return _Breadcrumbs.Breadcrumbs;
+    return _InputPassword.InputPassword;
   }
 });
-Object.defineProperty(exports, "BreadcrumbsProps", {
+Object.defineProperty(exports, "InputPasswordWebProps", {
   enumerable: true,
   get: function () {
-    return _Breadcrumbs.BreadcrumbsProps;
+    return _InputPassword.InputPasswordWebProps;
   }
 });
-Object.defineProperty(exports, "BreadcrumbType", {
+Object.defineProperty(exports, "InputWebProps", {
   enumerable: true,
   get: function () {
-    return _Breadcrumbs.BreadcrumbType;
+    return _Input.InputWebProps;
   }
 });
-Object.defineProperty(exports, "Skeleton", {
+Object.defineProperty(exports, "LabeledSwitch", {
   enumerable: true,
   get: function () {
-    return _Skeleton.Skeleton;
+    return _LabeledSwitch.LabeledSwitch;
   }
 });
-Object.defineProperty(exports, "SkeletonProps", {
+Object.defineProperty(exports, "LabeledSwitchWebProps", {
   enumerable: true,
   get: function () {
-    return _Skeleton.SkeletonProps;
+    return _LabeledSwitch.LabeledSwitchWebProps;
   }
 });
-Object.defineProperty(exports, "Accordion", {
+Object.defineProperty(exports, "Menubar", {
   enumerable: true,
   get: function () {
-    return _Accordion.Accordion;
+    return _Menubar.Menubar;
   }
 });
-Object.defineProperty(exports, "AccordionProps", {
+Object.defineProperty(exports, "MenubarItemsOptions", {
   enumerable: true,
   get: function () {
-    return _Accordion.AccordionProps;
+    return _Menubar.MenubarItemsOptions;
   }
 });
-Object.defineProperty(exports, "DataGrid", {
+Object.defineProperty(exports, "MenubarMostUsedType", {
   enumerable: true,
   get: function () {
-    return _DataGrid.DataGrid;
+    return _Menubar.MenubarMostUsedType;
   }
 });
-Object.defineProperty(exports, "DataGridProps", {
+Object.defineProperty(exports, "MenubarOptionsType", {
   enumerable: true,
   get: function () {
-    return _DataGrid.DataGridProps;
+    return _Menubar.MenubarOptionsType;
   }
 });
-Object.defineProperty(exports, "HeadersType", {
+Object.defineProperty(exports, "MenubarProps", {
   enumerable: true,
   get: function () {
-    return _DataGrid.HeadersType;
+    return _Menubar.MenubarProps;
   }
 });
 Object.defineProperty(exports, "Modal", {
@@ -269,76 +273,100 @@ Object.defineProperty(exports, "ModalProps", {
     return _Modal.ModalProps;
   }
 });
-Object.defineProperty(exports, "TextArea", {
+Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () {
-    return _TextArea.TextArea;
+    return _Select.Select;
   }
 });
-Object.defineProperty(exports, "TextAreaProps", {
+Object.defineProperty(exports, "SelectProps", {
   enumerable: true,
   get: function () {
-    return _TextArea.TextAreaProps;
+    return _Select.SelectProps;
   }
 });
-Object.defineProperty(exports, "Tooltip", {
+Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () {
-    return _Tooltip.Tooltip;
+    return _Skeleton.Skeleton;
   }
 });
-Object.defineProperty(exports, "ITooltip", {
+Object.defineProperty(exports, "SkeletonProps", {
   enumerable: true,
   get: function () {
-    return _Tooltip.ITooltip;
+    return _Skeleton.SkeletonProps;
   }
 });
-Object.defineProperty(exports, "DatePicker", {
+Object.defineProperty(exports, "Snackbar", {
   enumerable: true,
   get: function () {
-    return _DatePicker.DatePicker;
+    return _Snackbar.Snackbar;
   }
 });
-Object.defineProperty(exports, "WebDatePickerProps", {
+Object.defineProperty(exports, "SnackbarWebProps", {
   enumerable: true,
   get: function () {
-    return _DatePicker.WebDatePickerProps;
+    return _Snackbar.SnackbarWebProps;
   }
 });
-Object.defineProperty(exports, "DateTimePicker", {
+Object.defineProperty(exports, "Tag", {
   enumerable: true,
   get: function () {
-    return _DateTimePicker.DateTimePicker;
+    return _Tag.Tag;
   }
 });
-Object.defineProperty(exports, "WebDateTimePickerProps", {
+Object.defineProperty(exports, "TagProps", {
   enumerable: true,
   get: function () {
-    return _DateTimePicker.WebDateTimePickerProps;
+    return _Tag.TagProps;
   }
 });
-Object.defineProperty(exports, "Grid", {
+Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
-    return _Grid.Grid;
+    return _reactCore.Text;
   }
 });
-Object.defineProperty(exports, "GridItem", {
+Object.defineProperty(exports, "TextArea", {
   enumerable: true,
   get: function () {
-    return _Grid.GridItem;
+    return _TextArea.TextArea;
+  }
+});
+Object.defineProperty(exports, "TextAreaProps", {
+  enumerable: true,
+  get: function () {
+    return _TextArea.TextAreaProps;
   }
 });
-Object.defineProperty(exports, "IGrid", {
+Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
-    return _Grid.IGrid;
+    return _Tooltip.Tooltip;
   }
 });
-Object.defineProperty(exports, "IGridItem", {
+Object.defineProperty(exports, "WebButtonProps", {
   enumerable: true,
   get: function () {
-    return _Grid.IGridItem;
+    return _Button.WebButtonProps;
+  }
+});
+Object.defineProperty(exports, "WebDatePickerProps", {
+  enumerable: true,
+  get: function () {
+    return _DatePicker.WebDatePickerProps;
+  }
+});
+Object.defineProperty(exports, "WebDateTimePickerProps", {
+  enumerable: true,
+  get: function () {
+    return _DateTimePicker.WebDateTimePickerProps;
+  }
+});
+Object.defineProperty(exports, "useMouseHover", {
+  enumerable: true,
+  get: function () {
+    return _Button.useMouseHover;
   }
 });
 
@@ -356,39 +384,47 @@ Object.keys(_reactCore).forEach(function (key) {
   });
 });
 
+var _Accordion = require("./components/atoms/Accordion");
+
 var _Badge = _interopRequireWildcard(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 _InputPassword = require("./components/molecules/InputPassword");
+var _Tooltip = require("./components/atoms/Tooltip");
 
-var _InputMask = require("./components/atoms/InputMask");
+var _Breadcrumbs = require("./components/molecules/Breadcrumbs");
 
-var _Menubar = require("./components/molecules/Menubar");
+var _DatePicker = require("./components/molecules/DatePicker");
 
-var _Drawer = require("./components/molecules/Drawer");
+var _DateTimePicker = require("./components/molecules/DateTimePicker");
 
-var _Select = require("./components/molecules/Select");
+var _Drawer = require("./components/molecules/Drawer");
 
-var _Snackbar = require("./components/molecules/Snackbar");
+var _Grid = require("./components/molecules/Grid");
 
-var _Breadcrumbs = require("./components/molecules/Breadcrumbs");
+var _InputPassword = require("./components/molecules/InputPassword");
 
-var _Skeleton = require("./components/atoms/Skeleton");
+var _LabeledSwitch = require("./components/molecules/LabeledSwitch");
 
-var _Accordion = require("./components/atoms/Accordion");
+var _Menubar = require("./components/molecules/Menubar");
 
-var _DataGrid = require("./components/organisms/DataGrid");
+var _Select = require("./components/molecules/Select");
 
-var _Modal = require("./components/atoms/Modal");
+var _Snackbar = require("./components/molecules/Snackbar");
 
 var _TextArea = require("./components/molecules/TextArea");
 
-var _Tooltip = require("./components/atoms/Tooltip");
+var _DataGrid = require("./components/organisms/DataGrid");
 
 var _hooks = require("./hooks");
 
@@ -404,12 +440,6 @@ Object.keys(_hooks).forEach(function (key) {
   });
 });
 
-var _DatePicker = require("./components/molecules/DatePicker");
-
-var _DateTimePicker = require("./components/molecules/DateTimePicker");
-
-var _Grid = require("./components/molecules/Grid");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/index.js.map

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

package/esm/components/atoms/Accordion/Accordion.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    onChange?: () => void;
+    title: string;
+    transition?: number;
+}
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

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

@@ -0,0 +1,87 @@
+var _excluded = ["title", "open", "onChange", "transition", "children"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useRef } from 'react';
+import { Icon, Text } from '@tecsinapse/react-core';
+import { AccordionContainer, IconContainer, TitleContainer, ContentContainer } from "./styled";
+import { Transition } from 'react-transition-group';
+import { contentStyle, contentTransition, titleStyle, titleTransition } from "./animations";
+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 = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _React$useState = React.useState(_open),
+      open = _React$useState[0],
+      setOpen = _React$useState[1];
+
+  var _React$useState2 = React.useState(0),
+      contentHeight = _React$useState2[0],
+      setContentHeight = _React$useState2[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 ? void 0 : _ref$current.children) || []).reduce(function (prev, curr) {
+      return prev + curr.clientHeight;
+    }, 0);
+    setContentHeight(size);
+  }, []);
+  var handleClick = React.useCallback(function () {
+    if (onChange) {
+      onChange();
+      return;
+    }
+
+    setOpen(function (state) {
+      return !state;
+    });
+  }, [onChange]);
+  return React.createElement(AccordionContainer, rest, React.createElement(TitleContainer, {
+    onClick: handleClick
+  }, React.createElement(Transition, {
+    "in": open,
+    timeout: transition
+  }, function (state) {
+    return React.createElement(Text, {
+      typography: "h4",
+      fontWeight: "bold",
+      style: _extends({}, titleStyle(transition, theme), titleTransition(theme)[state])
+    }, title);
+  }), React.createElement(IconContainer, null, React.createElement(Icon, {
+    type: "material-community",
+    name: open ? 'chevron-up' : 'chevron-down',
+    size: "kilo",
+    fontColor: "medium"
+  }))), React.createElement(Transition, {
+    "in": open,
+    timeout: transition
+  }, function (state) {
+    return React.createElement(ContentContainer, {
+      ref: function ref(htmlEl) {
+        return _ref2.current = htmlEl;
+      },
+      style: _extends({}, contentStyle(open, transition, contentHeight, theme), contentTransition(contentHeight, theme)[state])
+    }, children);
+  }));
+};
+
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map