@tecsinapse/react-web-kit 1.23.7 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/atoms/Accordion/Accordion.js +34 -37
- package/dist/cjs/components/atoms/Accordion/Accordion.js.map +1 -1
- package/dist/cjs/components/atoms/Accordion/animations.js +0 -2
- package/dist/cjs/components/atoms/Accordion/animations.js.map +1 -1
- package/dist/cjs/components/atoms/Accordion/styled.js +4 -10
- package/dist/cjs/components/atoms/Accordion/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Badge/Badge.js +8 -12
- package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/atoms/Button/Button.d.ts +1 -1
- package/dist/cjs/components/atoms/Button/Button.js +17 -17
- package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
- package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js +0 -2
- package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
- package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js +0 -2
- package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js.map +1 -1
- package/dist/cjs/components/atoms/Button/styled.js +1 -7
- package/dist/cjs/components/atoms/Button/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Dropdown/index.js +9 -14
- package/dist/cjs/components/atoms/Dropdown/index.js.map +1 -1
- package/dist/cjs/components/atoms/Dropdown/styled.js +1 -7
- package/dist/cjs/components/atoms/Dropdown/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Input/Input.d.ts +1 -1
- package/dist/cjs/components/atoms/Input/Input.js +34 -36
- package/dist/cjs/components/atoms/Input/Input.js.map +1 -1
- package/dist/cjs/components/atoms/Input/styled.js +1 -7
- package/dist/cjs/components/atoms/Input/styled.js.map +1 -1
- package/dist/cjs/components/atoms/InputMask/InputMask.d.ts +1 -1
- package/dist/cjs/components/atoms/InputMask/InputMask.js +34 -36
- package/dist/cjs/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/cjs/components/atoms/InputMask/styled.js +1 -7
- package/dist/cjs/components/atoms/InputMask/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/Modal.js +11 -18
- package/dist/cjs/components/atoms/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/animations.js +0 -2
- package/dist/cjs/components/atoms/Modal/animations.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/styled.js +1 -7
- package/dist/cjs/components/atoms/Modal/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Overlay/Overlay.d.ts +3 -2
- package/dist/cjs/components/atoms/Overlay/Overlay.js +12 -15
- package/dist/cjs/components/atoms/Overlay/Overlay.js.map +1 -1
- package/dist/cjs/components/atoms/Overlay/animations.js +0 -2
- package/dist/cjs/components/atoms/Overlay/animations.js.map +1 -1
- package/dist/cjs/components/atoms/Overlay/styled.js +1 -7
- package/dist/cjs/components/atoms/Overlay/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/Skeleton.js +19 -15
- package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/styled.js +1 -7
- package/dist/cjs/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/Switch.js +19 -21
- package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/styled.js +2 -8
- package/dist/cjs/components/atoms/Switch/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Body/TBody.js +1 -7
- package/dist/cjs/components/atoms/Table/Body/TBody.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Cell/Td.js +1 -7
- package/dist/cjs/components/atoms/Table/Cell/Td.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Cell/styled.js +1 -7
- package/dist/cjs/components/atoms/Table/Cell/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Container/TableContainer.js +1 -7
- package/dist/cjs/components/atoms/Table/Container/TableContainer.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Container/styled.js +1 -7
- package/dist/cjs/components/atoms/Table/Container/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Footer/TFoot.js +1 -7
- package/dist/cjs/components/atoms/Table/Footer/TFoot.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Footer/styled.js +1 -7
- package/dist/cjs/components/atoms/Table/Footer/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Header/THead.js +1 -9
- package/dist/cjs/components/atoms/Table/Header/THead.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Header/Th.js +1 -7
- package/dist/cjs/components/atoms/Table/Header/Th.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Header/styled.js +3 -9
- package/dist/cjs/components/atoms/Table/Header/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Row/Tr.js +1 -7
- package/dist/cjs/components/atoms/Table/Row/Tr.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Row/styled.js +1 -7
- package/dist/cjs/components/atoms/Table/Row/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Table.js +1 -7
- package/dist/cjs/components/atoms/Table/Table.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js +1 -10
- package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Toolbar/styled.js +1 -7
- package/dist/cjs/components/atoms/Table/Toolbar/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Table/styled.js +1 -7
- package/dist/cjs/components/atoms/Table/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Tag/Tag.js +19 -16
- package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/atoms/Tooltip/Tooltip.d.ts +2 -2
- package/dist/cjs/components/atoms/Tooltip/Tooltip.js +21 -19
- package/dist/cjs/components/atoms/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/atoms/Tooltip/styled.js +2 -8
- package/dist/cjs/components/atoms/Tooltip/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +9 -16
- package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
- package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +2 -8
- package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js +11 -14
- package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/cjs/components/molecules/Breadcrumbs/styled.js +1 -7
- package/dist/cjs/components/molecules/Breadcrumbs/styled.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.d.ts +2 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js +81 -84
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/Modal.d.ts +1 -0
- package/dist/cjs/components/molecules/DatePicker/styled.d.ts +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +9 -15
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/styled.d.ts +1 -1
- package/dist/cjs/components/molecules/Drawer/Drawer.d.ts +1 -1
- package/dist/cjs/components/molecules/Drawer/Drawer.js +11 -19
- package/dist/cjs/components/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/cjs/components/molecules/Drawer/animations.js +0 -2
- package/dist/cjs/components/molecules/Drawer/animations.js.map +1 -1
- package/dist/cjs/components/molecules/Drawer/styled.js +1 -7
- package/dist/cjs/components/molecules/Drawer/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/Grid.d.ts +1 -1
- package/dist/cjs/components/molecules/Grid/Grid.js +35 -27
- package/dist/cjs/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/Item/Item.d.ts +2 -2
- package/dist/cjs/components/molecules/Grid/Item/Item.js +3 -10
- package/dist/cjs/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/Item/functions.js +0 -2
- package/dist/cjs/components/molecules/Grid/Item/functions.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +40 -29
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +11 -11
- package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/styled.js +1 -7
- package/dist/cjs/components/molecules/IconTextButton/styled.js.map +1 -1
- package/dist/cjs/components/molecules/InputPassword/InputPassword.d.ts +1 -1
- package/dist/cjs/components/molecules/InputPassword/InputPassword.js +17 -15
- package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +11 -13
- package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +31 -26
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/styled.js +2 -9
- package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Masonry/Masonry.d.ts +3 -2
- package/dist/cjs/components/molecules/Masonry/Masonry.js +5 -17
- package/dist/cjs/components/molecules/Masonry/Masonry.js.map +1 -1
- package/dist/cjs/components/molecules/Masonry/styled.js +3 -9
- package/dist/cjs/components/molecules/Masonry/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuBlock.js +14 -23
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +16 -25
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +1 -13
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +2 -8
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/styled.js +2 -8
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MenuBlock/styled.js +5 -11
- package/dist/cjs/components/molecules/Menubar/MenuBlock/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/Menubar.js +45 -59
- package/dist/cjs/components/molecules/Menubar/Menubar.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js +20 -24
- package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MostUsed/styled.js +2 -9
- package/dist/cjs/components/molecules/Menubar/MostUsed/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +10 -18
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/styled.js +2 -9
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js +1 -10
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/animations.js +0 -2
- package/dist/cjs/components/molecules/Menubar/animations.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/styled.js +8 -15
- package/dist/cjs/components/molecules/Menubar/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/types.d.ts +3 -3
- package/dist/cjs/components/molecules/Menubar/utils.js +0 -2
- package/dist/cjs/components/molecules/Menubar/utils.js.map +1 -1
- package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.d.ts +1 -0
- package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js +55 -46
- package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/molecules/Select/Dropdown/components/SearchInput.js +20 -18
- package/dist/cjs/components/molecules/Select/Dropdown/components/SearchInput.js.map +1 -1
- package/dist/cjs/components/molecules/Select/Dropdown/styled.js +7 -13
- package/dist/cjs/components/molecules/Select/Dropdown/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Select/Select.js +32 -42
- package/dist/cjs/components/molecules/Select/Select.js.map +1 -1
- package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.d.ts +1 -0
- package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.js +6 -21
- package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
- package/dist/cjs/components/molecules/Select/SelectItem/styled.js +3 -9
- package/dist/cjs/components/molecules/Select/SelectItem/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Select/animations.js +0 -2
- package/dist/cjs/components/molecules/Select/animations.js.map +1 -1
- package/dist/cjs/components/molecules/Select/functions.js +0 -2
- package/dist/cjs/components/molecules/Select/functions.js.map +1 -1
- package/dist/cjs/components/molecules/Select/styled.js +11 -15
- package/dist/cjs/components/molecules/Select/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js +1 -11
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/molecules/Snackbar/styled.js +1 -7
- package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/cjs/components/molecules/TextArea/TextArea.d.ts +1 -1
- package/dist/cjs/components/molecules/TextArea/TextArea.js +42 -39
- package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/cjs/components/molecules/TextArea/styled.js +1 -7
- package/dist/cjs/components/molecules/TextArea/styled.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/DataGrid.d.ts +1 -1
- package/dist/cjs/components/organisms/DataGrid/DataGrid.js +50 -57
- package/dist/cjs/components/organisms/DataGrid/DataGrid.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js +57 -49
- package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/Footer/styled.d.ts +0 -6
- package/dist/cjs/components/organisms/DataGrid/Footer/styled.js +11 -18
- package/dist/cjs/components/organisms/DataGrid/Footer/styled.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/Header/Header.d.ts +1 -0
- package/dist/cjs/components/organisms/DataGrid/Header/Header.js +25 -24
- package/dist/cjs/components/organisms/DataGrid/Header/Header.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/Header/styled.js +1 -7
- package/dist/cjs/components/organisms/DataGrid/Header/styled.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/Header/utils.js +0 -2
- package/dist/cjs/components/organisms/DataGrid/Header/utils.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/Row/Row.d.ts +1 -1
- package/dist/cjs/components/organisms/DataGrid/Row/Row.js +8 -13
- package/dist/cjs/components/organisms/DataGrid/Row/Row.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/styled.js +1 -7
- package/dist/cjs/components/organisms/DataGrid/styled.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/types.d.ts +2 -2
- package/dist/cjs/components/organisms/DataGrid/utils.js +0 -2
- package/dist/cjs/components/organisms/DataGrid/utils.js.map +1 -1
- package/dist/cjs/hooks/useBreakpoints.d.ts +1 -1
- package/dist/cjs/hooks/useBreakpoints.js +0 -2
- package/dist/cjs/hooks/useBreakpoints.js.map +1 -1
- package/dist/cjs/hooks/useClickAwayListener.js +1 -7
- package/dist/cjs/hooks/useClickAwayListener.js.map +1 -1
- package/dist/cjs/hooks/useWindowSize.d.ts +1 -1
- package/dist/cjs/hooks/useWindowSize.js +2 -8
- package/dist/cjs/hooks/useWindowSize.js.map +1 -1
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/atoms/Accordion/Accordion.js +29 -28
- package/dist/esm/components/atoms/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.js +8 -8
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +1 -1
- package/dist/esm/components/atoms/Button/Button.js +17 -13
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/Button/styled.js.map +1 -1
- package/dist/esm/components/atoms/Dropdown/index.js +8 -7
- package/dist/esm/components/atoms/Dropdown/index.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.d.ts +1 -1
- package/dist/esm/components/atoms/Input/Input.js +33 -31
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMask/InputMask.d.ts +1 -1
- package/dist/esm/components/atoms/InputMask/InputMask.js +33 -31
- package/dist/esm/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/esm/components/atoms/Modal/Modal.js +11 -14
- package/dist/esm/components/atoms/Modal/Modal.js.map +1 -1
- package/dist/esm/components/atoms/Overlay/Overlay.d.ts +3 -2
- package/dist/esm/components/atoms/Overlay/Overlay.js +12 -11
- package/dist/esm/components/atoms/Overlay/Overlay.js.map +1 -1
- package/dist/esm/components/atoms/Overlay/styled.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.js +19 -11
- package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.js +19 -17
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/atoms/Table/Body/TBody.js +1 -3
- package/dist/esm/components/atoms/Table/Body/TBody.js.map +1 -1
- package/dist/esm/components/atoms/Table/Cell/Td.js +1 -3
- package/dist/esm/components/atoms/Table/Cell/Td.js.map +1 -1
- package/dist/esm/components/atoms/Table/Container/TableContainer.js +1 -3
- package/dist/esm/components/atoms/Table/Container/TableContainer.js.map +1 -1
- package/dist/esm/components/atoms/Table/Footer/TFoot.js +1 -3
- package/dist/esm/components/atoms/Table/Footer/TFoot.js.map +1 -1
- package/dist/esm/components/atoms/Table/Header/THead.js +1 -5
- package/dist/esm/components/atoms/Table/Header/THead.js.map +1 -1
- package/dist/esm/components/atoms/Table/Header/Th.js +1 -3
- package/dist/esm/components/atoms/Table/Header/Th.js.map +1 -1
- package/dist/esm/components/atoms/Table/Row/Tr.js +1 -3
- package/dist/esm/components/atoms/Table/Row/Tr.js.map +1 -1
- package/dist/esm/components/atoms/Table/Table.js +1 -3
- package/dist/esm/components/atoms/Table/Table.js.map +1 -1
- package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js +1 -6
- package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
- package/dist/esm/components/atoms/Tag/Tag.js +19 -12
- package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/esm/components/atoms/Tooltip/Tooltip.d.ts +2 -2
- package/dist/esm/components/atoms/Tooltip/Tooltip.js +18 -12
- package/dist/esm/components/atoms/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +9 -12
- package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
- package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js +11 -10
- package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +2 -1
- package/dist/esm/components/molecules/DatePicker/DatePicker.js +81 -78
- package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/molecules/DatePicker/Modal.d.ts +1 -0
- package/dist/esm/components/molecules/DatePicker/styled.d.ts +1 -1
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +9 -9
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/esm/components/molecules/DateTimePicker/styled.d.ts +1 -1
- package/dist/esm/components/molecules/Drawer/Drawer.d.ts +1 -1
- package/dist/esm/components/molecules/Drawer/Drawer.js +11 -15
- package/dist/esm/components/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/esm/components/molecules/Grid/Grid.d.ts +1 -1
- package/dist/esm/components/molecules/Grid/Grid.js +35 -23
- package/dist/esm/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/esm/components/molecules/Grid/Item/Item.d.ts +2 -2
- package/dist/esm/components/molecules/Grid/Item/Item.js +1 -4
- package/dist/esm/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +40 -25
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/TextComponent.js +10 -6
- package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +1 -1
- package/dist/esm/components/molecules/InputPassword/InputPassword.d.ts +1 -1
- package/dist/esm/components/molecules/InputPassword/InputPassword.js +16 -10
- package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +10 -8
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +31 -22
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/esm/components/molecules/Masonry/Masonry.d.ts +3 -2
- package/dist/esm/components/molecules/Masonry/Masonry.js +2 -10
- package/dist/esm/components/molecules/Masonry/Masonry.js.map +1 -1
- package/dist/esm/components/molecules/Masonry/styled.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js +13 -18
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +15 -20
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +1 -9
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/Menubar.js +40 -50
- package/dist/esm/components/molecules/Menubar/Menubar.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js +19 -19
- package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +10 -14
- package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js +1 -4
- package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/animations.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/types.d.ts +3 -3
- package/dist/esm/components/molecules/Select/Dropdown/Dropdown.d.ts +1 -0
- package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js +50 -37
- package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js +19 -13
- package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js.map +1 -1
- package/dist/esm/components/molecules/Select/Select.js +27 -33
- package/dist/esm/components/molecules/Select/Select.js.map +1 -1
- package/dist/esm/components/molecules/Select/SelectItem/SelectItem.d.ts +1 -0
- package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js +1 -12
- package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
- package/dist/esm/components/molecules/Select/styled.js +9 -6
- package/dist/esm/components/molecules/Select/styled.js.map +1 -1
- package/dist/esm/components/molecules/Snackbar/Snackbar.js +1 -7
- package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/components/molecules/TextArea/TextArea.d.ts +1 -1
- package/dist/esm/components/molecules/TextArea/TextArea.js +42 -35
- package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/esm/components/molecules/TextArea/styled.js.map +1 -1
- package/dist/esm/components/organisms/DataGrid/DataGrid.d.ts +1 -1
- package/dist/esm/components/organisms/DataGrid/DataGrid.js +47 -50
- package/dist/esm/components/organisms/DataGrid/DataGrid.js.map +1 -1
- package/dist/esm/components/organisms/DataGrid/Footer/Footer.js +55 -43
- package/dist/esm/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
- package/dist/esm/components/organisms/DataGrid/Footer/styled.d.ts +0 -6
- package/dist/esm/components/organisms/DataGrid/Header/Header.d.ts +1 -0
- package/dist/esm/components/organisms/DataGrid/Header/Header.js +24 -19
- package/dist/esm/components/organisms/DataGrid/Header/Header.js.map +1 -1
- package/dist/esm/components/organisms/DataGrid/Row/Row.d.ts +1 -1
- package/dist/esm/components/organisms/DataGrid/Row/Row.js +7 -8
- package/dist/esm/components/organisms/DataGrid/Row/Row.js.map +1 -1
- package/dist/esm/components/organisms/DataGrid/types.d.ts +2 -2
- package/dist/esm/hooks/useBreakpoints.d.ts +1 -1
- package/dist/esm/hooks/useWindowSize.d.ts +1 -1
- package/package.json +11 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n Hint,\n InputContainer,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <InputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledWebTextInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref as React.Ref<TextInput>}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":[],"mappings":";;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n Hint,\n InputContainer,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <InputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledWebTextInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref as React.Ref<TextInput>}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":[],"mappings":";;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,QAAQ,aAAiB,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,QAC/B,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}
|
|
@@ -11,21 +11,18 @@ const Modal = ({
|
|
|
11
11
|
style,
|
|
12
12
|
...rest
|
|
13
13
|
}) => {
|
|
14
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
...style,
|
|
24
|
-
...defaultStyleOverlay,
|
|
25
|
-
...transitionStylesOverlay[state]
|
|
14
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, { open, onClose, zIndex: "modal" }), /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: 400 }, (state) => /* @__PURE__ */ React.createElement(
|
|
15
|
+
ModalContainer,
|
|
16
|
+
{
|
|
17
|
+
style: {
|
|
18
|
+
...style,
|
|
19
|
+
...defaultStyleOverlay,
|
|
20
|
+
...transitionStylesOverlay[state]
|
|
21
|
+
},
|
|
22
|
+
...rest
|
|
26
23
|
},
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
children
|
|
25
|
+
)));
|
|
29
26
|
};
|
|
30
27
|
|
|
31
28
|
export { Modal as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n open: boolean;\n onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n children,\n open,\n onClose,\n style,\n ...rest\n}) => {\n return (\n <>\n <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n <Transition in={open} timeout={400}>\n {state => (\n <ModalContainer\n style={{\n ...style,\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n {...rest}\n >\n {children}\n </ModalContainer>\n )}\n </Transition>\n </>\n );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n open: boolean;\n onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n children,\n open,\n onClose,\n style,\n ...rest\n}) => {\n return (\n <>\n <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n <Transition in={open} timeout={400}>\n {state => (\n <ModalContainer\n style={{\n ...style,\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n {...rest}\n >\n {children}\n </ModalContainer>\n )}\n </Transition>\n </>\n );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAY,SAAkB,MAAO,EAAA,OAAA,EAAQ,CACtD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,OAAA,EAAS,OAC5B,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,GAAG,mBAAA;AAAA,QACH,GAAG,wBAAwB,KAAK,CAAA;AAAA,OAClC;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GAGP,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { ZIndex } from '@tecsinapse/react-core';
|
|
3
3
|
export interface OverlayProps {
|
|
4
4
|
timeout?: number;
|
|
5
5
|
open: boolean;
|
|
6
6
|
onClose: () => void;
|
|
7
7
|
zIndex: keyof ZIndex;
|
|
8
|
+
children?: ReactNode;
|
|
8
9
|
}
|
|
9
|
-
declare const Overlay:
|
|
10
|
+
declare const Overlay: ({ timeout, open, onClose, zIndex, children, }: OverlayProps) => JSX.Element;
|
|
10
11
|
export default Overlay;
|
|
@@ -10,18 +10,19 @@ const Overlay = ({
|
|
|
10
10
|
zIndex = "default",
|
|
11
11
|
children
|
|
12
12
|
}) => {
|
|
13
|
-
return /* @__PURE__ */ React.createElement(Transition, {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
return /* @__PURE__ */ React.createElement(Transition, { in: open, timeout }, (state) => /* @__PURE__ */ React.createElement(
|
|
14
|
+
StyledOverlay,
|
|
15
|
+
{
|
|
16
|
+
style: {
|
|
17
|
+
...defaultStyleOverlay,
|
|
18
|
+
...transitionStylesOverlay[state]
|
|
19
|
+
},
|
|
20
|
+
onClick: open ? onClose : void 0,
|
|
21
|
+
show: open,
|
|
22
|
+
zIndex
|
|
20
23
|
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
zIndex
|
|
24
|
-
}, children));
|
|
24
|
+
children
|
|
25
|
+
));
|
|
25
26
|
};
|
|
26
27
|
|
|
27
28
|
export { Overlay as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n timeout?: number;\n open: boolean;\n onClose: () => void;\n zIndex: keyof ZIndex;\n}\n\nconst Overlay
|
|
1
|
+
{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n timeout?: number;\n open: boolean;\n onClose: () => void;\n zIndex: keyof ZIndex;\n children?: ReactNode;\n}\n\nconst Overlay = ({\n timeout = 300,\n open,\n onClose,\n zIndex = 'default',\n children,\n}: OverlayProps): JSX.Element => {\n return (\n <Transition in={open} timeout={timeout}>\n {state => (\n <StyledOverlay\n style={{\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n onClick={open ? onClose : undefined}\n show={open}\n zIndex={zIndex}\n >\n {children}\n </StyledOverlay>\n )}\n </Transition>\n );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;AAcA,MAAM,UAAU,CAAC;AAAA,EACf,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAiC,KAAA;AAC/B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,IAAA,EAAM,WACnB,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,mBAAA;AAAA,QACH,GAAG,wBAAwB,KAAK,CAAA;AAAA,OAClC;AAAA,MACA,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,MAC1B,IAAM,EAAA,IAAA;AAAA,MACN,MAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GAGP,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n background: ${({ theme }: StyleProps) =>\n hex2rgba(theme.miscellaneous.overlay, 0.5)};\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n theme.zIndex[zIndex]};\n cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n position: fixed;\n align-items: center;\n justify-content: center;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cACzB,EAAA,CAAC,EAAE,KAAM,EAAA,KACrB,SAAS,KAAM,CAAA,aAAA,CAAc,SAAS,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAMhC,CAAC,EAAE,KAAA,EAAO,
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n background: ${({ theme }: StyleProps) =>\n hex2rgba(theme.miscellaneous.overlay, 0.5)};\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n theme.zIndex[zIndex]};\n cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n position: fixed;\n align-items: center;\n justify-content: center;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cACzB,EAAA,CAAC,EAAE,KAAM,EAAA,KACrB,SAAS,KAAM,CAAA,aAAA,CAAc,SAAS,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAMhC,CAAC,EAAE,KAAA,EAAO,QACnB,KAAA,KAAA,CAAM,OAAO,MAAM,CAAA,CAAA;AAAA,UAAA,EACX,CAAC,EAAE,IAAK,EAAA,KAAO,OAAO,SAAY,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
|
|
@@ -16,17 +16,25 @@ const Skeleton = ({
|
|
|
16
16
|
"[Skeleton] You should provide children or specify width and height"
|
|
17
17
|
);
|
|
18
18
|
}
|
|
19
|
-
return /* @__PURE__ */ React.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
return /* @__PURE__ */ React.createElement(
|
|
20
|
+
Wrapper,
|
|
21
|
+
{
|
|
22
|
+
width,
|
|
23
|
+
height,
|
|
24
|
+
animation,
|
|
25
|
+
active,
|
|
26
|
+
radius,
|
|
27
|
+
...rest
|
|
28
|
+
},
|
|
29
|
+
/* @__PURE__ */ React.createElement(
|
|
30
|
+
View,
|
|
31
|
+
{
|
|
32
|
+
style: { opacity: active ? 0 : 1 },
|
|
33
|
+
pointerEvents: active ? "none" : "auto"
|
|
34
|
+
},
|
|
35
|
+
children
|
|
36
|
+
)
|
|
37
|
+
);
|
|
30
38
|
};
|
|
31
39
|
|
|
32
40
|
export { Skeleton as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number;\n height?: number;\n animation?: 'pulse' | 'wave';\n active?: boolean;\n radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n animation = 'wave',\n active = true,\n radius,\n ...rest\n}) => {\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n return (\n <Wrapper\n width={width}\n height={height}\n animation={animation}\n active={active}\n radius={radius}\n {...rest}\n >\n <View\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;AAaA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,MAAS,GAAA,IAAA;AAAA,EACT,MAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number;\n height?: number;\n animation?: 'pulse' | 'wave';\n active?: boolean;\n radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n animation = 'wave',\n active = true,\n radius,\n ...rest\n}) => {\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n return (\n <Wrapper\n width={width}\n height={height}\n animation={animation}\n active={active}\n radius={radius}\n {...rest}\n >\n <View\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;AAaA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,MAAS,GAAA,IAAA;AAAA,EACT,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,QACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,OAAA;AAAA,MAEhC,QAAA;AAAA,KACH;AAAA,GACF,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst waveKf = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst waveAnim = css`\n position: relative;\n overflow: hidden;\n &::after {\n animation: ${waveKf} 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n`;\n\nconst pulseAnim = css`\n animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n background-color: ${({\n theme,\n animation,\n active,\n }: StyleProps & Partial<SkeletonProps>) =>\n !active\n ? undefined\n : animation === 'pulse'\n ? theme.miscellaneous.bodyColor\n : theme.miscellaneous.surfaceColor};\n width: ${({ width }) => `${width}px` ?? '100%'};\n height: ${({ height }) => `${height}px` ?? 'auto'};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 'unset'};\n ${({ animation, active }) =>\n !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAIA,EAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBjB,MAAM,SAAY,GAAA,GAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,SACG,KACA,CAAA,GAAA,SAAA,KAAc,UACd,KAAM,CAAA,aAAA,CAAc,SACpB,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EACjB,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAa,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,UAAA,EAC9B,CAAC,EAAE,MAAO,EAAA,KAAM,GAAG,MAAc,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,iBAC1B,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst waveKf = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst waveAnim = css`\n position: relative;\n overflow: hidden;\n &::after {\n animation: ${waveKf} 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n`;\n\nconst pulseAnim = css`\n animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n background-color: ${({\n theme,\n animation,\n active,\n }: StyleProps & Partial<SkeletonProps>) =>\n !active\n ? undefined\n : animation === 'pulse'\n ? theme.miscellaneous.bodyColor\n : theme.miscellaneous.surfaceColor};\n width: ${({ width }) => `${width}px` ?? '100%'};\n height: ${({ height }) => `${height}px` ?? 'auto'};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 'unset'};\n ${({ animation, active }) =>\n !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAIA,EAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBjB,MAAM,SAAY,GAAA,GAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,SACG,KACA,CAAA,GAAA,SAAA,KAAc,UACd,KAAM,CAAA,aAAA,CAAc,SACpB,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EACjB,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAa,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,UAAA,EAC9B,CAAC,EAAE,MAAO,EAAA,KAAM,GAAG,MAAc,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,iBAC1B,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,YAAa,CAAA,MAAM,CAAI,GAAA,OAAA,CAAA;AAAA,EACtC,EAAA,CAAC,EAAE,SAAA,EAAW,MAAO,EAAA,KACrB,CAAC,MAAS,GAAA,KAAA,CAAA,GAAY,SAAc,KAAA,OAAA,GAAU,SAAY,GAAA,QAAA,CAAA;AAAA;;;;"}
|
|
@@ -55,23 +55,25 @@ const Switch = ({
|
|
|
55
55
|
exiting: { transform: "translateX(150%)" },
|
|
56
56
|
exited: { transform: "translateX(0%)" }
|
|
57
57
|
};
|
|
58
|
-
return /* @__PURE__ */ React.createElement(Transition, {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
58
|
+
return /* @__PURE__ */ React.createElement(Transition, { in: active, timeout: 100 }, (state) => /* @__PURE__ */ React.createElement("div", { onClick: handleChange }, /* @__PURE__ */ React.createElement(
|
|
59
|
+
StyledSwitchContent,
|
|
60
|
+
{
|
|
61
|
+
...rest,
|
|
62
|
+
style: {
|
|
63
|
+
...defaultStyleBackground,
|
|
64
|
+
...transitionStylesBackground[state]
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
/* @__PURE__ */ React.createElement(
|
|
68
|
+
StyledSwitch,
|
|
69
|
+
{
|
|
70
|
+
style: {
|
|
71
|
+
...defaultStyleCircle,
|
|
72
|
+
...transitionStylesCircle[state]
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
)
|
|
76
|
+
)));
|
|
75
77
|
};
|
|
76
78
|
|
|
77
79
|
export { Switch as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport {\n lightenDarkenColor,\n SwitchProps,\n useTheme,\n} from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n onChange,\n activeColor = 'primary',\n activeColorTone = 'medium',\n inactiveColor = 'secondary',\n inactiveColorTone = 'light',\n active,\n disabled = false,\n ...rest\n}) => {\n const theme = useTheme();\n const handleChange = useCallback(() => {\n if (!disabled) onChange(!active);\n }, [active, onChange]);\n\n const defaultStyleBackground = {\n transition: `all 300ms ease`,\n };\n\n const getBackgroundColor = (color: string) => {\n return disabled\n ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n : color;\n };\n const transitionStylesBackground = {\n entering: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n entered: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exiting: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exited: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n };\n\n const defaultStyleCircle = {\n transition: `transform ${100}ms ease`,\n };\n\n const transitionStylesCircle = {\n entering: { transform: 'translateX(0%)' },\n entered: { transform: 'translateX(150%)' },\n exiting: { transform: 'translateX(150%)' },\n exited: { transform: 'translateX(0%)' },\n };\n\n return (\n <Transition in={active} timeout={100}>\n {state => (\n <div onClick={handleChange}>\n <StyledSwitchContent\n {...rest}\n style={{\n ...defaultStyleBackground,\n ...transitionStylesBackground[state],\n }}\n >\n <StyledSwitch\n style={{\n ...defaultStyleCircle,\n ...transitionStylesCircle[state],\n }}\n />\n </StyledSwitchContent>\n </div>\n )}\n </Transition>\n );\n};\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;AASA,MAAM,SAA0B,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,WAAc,GAAA,SAAA;AAAA,EACd,eAAkB,GAAA,QAAA;AAAA,EAClB,aAAgB,GAAA,WAAA;AAAA,EAChB,iBAAoB,GAAA,OAAA;AAAA,EACpB,MAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport {\n lightenDarkenColor,\n SwitchProps,\n useTheme,\n} from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n onChange,\n activeColor = 'primary',\n activeColorTone = 'medium',\n inactiveColor = 'secondary',\n inactiveColorTone = 'light',\n active,\n disabled = false,\n ...rest\n}) => {\n const theme = useTheme();\n const handleChange = useCallback(() => {\n if (!disabled) onChange(!active);\n }, [active, onChange]);\n\n const defaultStyleBackground = {\n transition: `all 300ms ease`,\n };\n\n const getBackgroundColor = (color: string) => {\n return disabled\n ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n : color;\n };\n const transitionStylesBackground = {\n entering: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n entered: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exiting: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exited: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n };\n\n const defaultStyleCircle = {\n transition: `transform ${100}ms ease`,\n };\n\n const transitionStylesCircle = {\n entering: { transform: 'translateX(0%)' },\n entered: { transform: 'translateX(150%)' },\n exiting: { transform: 'translateX(150%)' },\n exited: { transform: 'translateX(0%)' },\n };\n\n return (\n <Transition in={active} timeout={100}>\n {state => (\n <div onClick={handleChange}>\n <StyledSwitchContent\n {...rest}\n style={{\n ...defaultStyleBackground,\n ...transitionStylesBackground[state],\n }}\n >\n <StyledSwitch\n style={{\n ...defaultStyleCircle,\n ...transitionStylesCircle[state],\n }}\n />\n </StyledSwitchContent>\n </div>\n )}\n </Transition>\n );\n};\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;AASA,MAAM,SAA0B,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,WAAc,GAAA,SAAA;AAAA,EACd,eAAkB,GAAA,QAAA;AAAA,EAClB,aAAgB,GAAA,WAAA;AAAA,EAChB,iBAAoB,GAAA,OAAA;AAAA,EACpB,MAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,IAAI,CAAC,QAAA;AAAU,MAAA,QAAA,CAAS,CAAC,MAAM,CAAA,CAAA;AAAA,GAC9B,EAAA,CAAC,MAAQ,EAAA,QAAQ,CAAC,CAAA,CAAA;AAErB,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,UAAY,EAAA,CAAA,cAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,KAAkB,KAAA;AAC5C,IAAO,OAAA,QAAA,GACH,mBAAmB,KAAM,CAAA,KAAA,CAAM,aAAa,CAAE,CAAA,iBAAiB,CAAG,EAAA,EAAE,CACpE,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AACA,EAAA,MAAM,0BAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,aAAa,CAAA,CAAE,iBAAiB,CAAA;AAAA,OAC9C;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,WAAW,CAAA,CAAE,eAAe,CAAA;AAAA,OAC1C;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,WAAW,CAAA,CAAE,eAAe,CAAA;AAAA,OAC1C;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,aAAa,CAAA,CAAE,iBAAiB,CAAA;AAAA,OAC9C;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,YAAY,CAAa,UAAA,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,GAC3B,CAAA;AAEA,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,QAAA,EAAU,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,IACxC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,GACxC,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,MAAQ,EAAA,OAAA,EAAS,OAC9B,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,OAAA,EAAS,YACZ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,GAAG,sBAAA;AAAA,QACH,GAAG,2BAA2B,KAAK,CAAA;AAAA,OACrC;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,GAAG,kBAAA;AAAA,UACH,GAAG,uBAAuB,KAAK,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,KACF;AAAA,GAEJ,CAEJ,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TBody.js","sources":["../../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nconst TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"names":[],"mappings":";;AAEA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"TBody.js","sources":["../../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nconst TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"names":[],"mappings":";;AAEA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Td.js","sources":["../../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n children,\n ...rest\n}) => {\n return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA6D,CAAC;AAAA,EAClE,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Td.js","sources":["../../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n children,\n ...rest\n}) => {\n return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA6D,CAAC;AAAA,EAClE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAO,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
|
|
@@ -5,9 +5,7 @@ const TableContainer = ({
|
|
|
5
5
|
children,
|
|
6
6
|
...rest
|
|
7
7
|
}) => {
|
|
8
|
-
return /* @__PURE__ */ React.createElement(TContainer, {
|
|
9
|
-
...rest
|
|
10
|
-
}, children);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(TContainer, { ...rest }, children);
|
|
11
9
|
};
|
|
12
10
|
|
|
13
11
|
export { TableContainer as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { TContainer } from './styled';\n\nconst TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n children,\n ...rest\n}) => {\n return <TContainer {...rest}>{children}</TContainer>;\n};\n\nexport default TableContainer;\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { TContainer } from './styled';\n\nconst TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n children,\n ...rest\n}) => {\n return <TContainer {...rest}>{children}</TContainer>;\n};\n\nexport default TableContainer;\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAY,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACzC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TFoot.js","sources":["../../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nconst TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"TFoot.js","sources":["../../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nconst TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAS,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACtC;;;;"}
|
|
@@ -6,11 +6,7 @@ const THead = ({
|
|
|
6
6
|
children,
|
|
7
7
|
...rest
|
|
8
8
|
}) => {
|
|
9
|
-
return /* @__PURE__ */ React.createElement(THeadStyled, {
|
|
10
|
-
...rest
|
|
11
|
-
}, children, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement("td", {
|
|
12
|
-
colSpan: 99
|
|
13
|
-
}, /* @__PURE__ */ React.createElement(HeaderBackground, null))));
|
|
9
|
+
return /* @__PURE__ */ React.createElement(THeadStyled, { ...rest }, children, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement("td", { colSpan: 99 }, /* @__PURE__ */ React.createElement(HeaderBackground, null))));
|
|
14
10
|
};
|
|
15
11
|
|
|
16
12
|
export { THead as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"THead.js","sources":["../../../../../../src/components/atoms/Table/Header/THead.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport Tr from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return (\n <THeadStyled {...rest}>\n {children}\n <Tr>\n <td colSpan={99}>\n <HeaderBackground />\n </td>\n </Tr>\n </THeadStyled>\n );\n};\n\nexport default THead;\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"THead.js","sources":["../../../../../../src/components/atoms/Table/Header/THead.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport Tr from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return (\n <THeadStyled {...rest}>\n {children}\n <Tr>\n <td colSpan={99}>\n <HeaderBackground />\n </td>\n </Tr>\n </THeadStyled>\n );\n};\n\nexport default THead;\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAa,GAAG,IAAA,EAAA,EACd,0BACA,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,SAAS,EACX,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,IAAA,CACpB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Th.js","sources":["../../../../../../src/components/atoms/Table/Header/Th.tsx"],"sourcesContent":["import React from 'react';\nimport { ThStyled } from './styled';\n\nconst Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>> = ({\n children,\n ...rest\n}) => {\n return <ThStyled {...rest}>{children}</ThStyled>;\n};\n\nexport default Th;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAAmE,CAAC;AAAA,EACxE,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Th.js","sources":["../../../../../../src/components/atoms/Table/Header/Th.tsx"],"sourcesContent":["import React from 'react';\nimport { ThStyled } from './styled';\n\nconst Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>> = ({\n children,\n ...rest\n}) => {\n return <ThStyled {...rest}>{children}</ThStyled>;\n};\n\nexport default Th;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAAmE,CAAC;AAAA,EACxE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAU,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACvC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tr.js","sources":["../../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nconst Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n children,\n ...rest\n}) => {\n return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA0D,CAAC;AAAA,EAC/D,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Tr.js","sources":["../../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nconst Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n children,\n ...rest\n}) => {\n return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA0D,CAAC;AAAA,EAC/D,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACnC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sources":["../../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nconst Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n children,\n ...rest\n}) => {\n return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAA+D,CAAC;AAAA,EACpE,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nconst Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n children,\n ...rest\n}) => {\n return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAA+D,CAAC;AAAA,EACpE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAa,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC1C;;;;"}
|
|
@@ -8,12 +8,7 @@ const TableToolbar = ({
|
|
|
8
8
|
footer,
|
|
9
9
|
...rest
|
|
10
10
|
}) => {
|
|
11
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableToolbarStyled, {
|
|
12
|
-
...rest
|
|
13
|
-
}, /* @__PURE__ */ React.createElement(Text, {
|
|
14
|
-
typography: "h3",
|
|
15
|
-
fontWeight: "bold"
|
|
16
|
-
}, title), rightIcons), footer);
|
|
11
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableToolbarStyled, { ...rest }, /* @__PURE__ */ React.createElement(Text, { typography: "h3", fontWeight: "bold" }, title), rightIcons), footer);
|
|
17
12
|
};
|
|
18
13
|
|
|
19
14
|
export { TableToolbar as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableToolbar.js","sources":["../../../../../../src/components/atoms/Table/Toolbar/TableToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { TableToolbarStyled } from './styled';\nimport { Text } from '@tecsinapse/react-core';\n\nexport interface TableToolbarProps\n extends React.HTMLAttributes<HTMLDivElement> {\n rightIcons?: React.ReactNode;\n footer?: React.ReactNode;\n title: string;\n}\n\nconst TableToolbar: React.FC<TableToolbarProps> = ({\n rightIcons,\n title,\n footer,\n ...rest\n}) => {\n return (\n <>\n <TableToolbarStyled {...rest}>\n <Text typography=\"h3\" fontWeight=\"bold\">\n {title}\n </Text>\n {rightIcons}\n </TableToolbarStyled>\n {footer}\n </>\n );\n};\n\nexport default TableToolbar;\n"],"names":[],"mappings":";;;;AAWA,MAAM,eAA4C,CAAC;AAAA,EACjD,UAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"TableToolbar.js","sources":["../../../../../../src/components/atoms/Table/Toolbar/TableToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { TableToolbarStyled } from './styled';\nimport { Text } from '@tecsinapse/react-core';\n\nexport interface TableToolbarProps\n extends React.HTMLAttributes<HTMLDivElement> {\n rightIcons?: React.ReactNode;\n footer?: React.ReactNode;\n title: string;\n}\n\nconst TableToolbar: React.FC<TableToolbarProps> = ({\n rightIcons,\n title,\n footer,\n ...rest\n}) => {\n return (\n <>\n <TableToolbarStyled {...rest}>\n <Text typography=\"h3\" fontWeight=\"bold\">\n {title}\n </Text>\n {rightIcons}\n </TableToolbarStyled>\n {footer}\n </>\n );\n};\n\nexport default TableToolbar;\n"],"names":[],"mappings":";;;;AAWA,MAAM,eAA4C,CAAC;AAAA,EACjD,UAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAoB,EAAA,EAAA,GAAG,wBACrB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,IAAA,EAAK,YAAW,MAC9B,EAAA,EAAA,KACH,CACC,EAAA,UACH,GACC,MACH,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -14,18 +14,25 @@ const Tag = ({
|
|
|
14
14
|
fontStack = "default",
|
|
15
15
|
fontWeight = "bold"
|
|
16
16
|
} = textProps || {};
|
|
17
|
-
return /* @__PURE__ */ React.createElement(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
return /* @__PURE__ */ React.createElement(
|
|
18
|
+
Tag$1,
|
|
19
|
+
{
|
|
20
|
+
backgroundColorVariant,
|
|
21
|
+
backgroundColorTone,
|
|
22
|
+
value: /* @__PURE__ */ React.createElement(
|
|
23
|
+
Text,
|
|
24
|
+
{
|
|
25
|
+
colorVariant,
|
|
26
|
+
colorTone,
|
|
27
|
+
fontStack,
|
|
28
|
+
fontWeight,
|
|
29
|
+
typography: rest.variant === "small" ? "sub" : "base"
|
|
30
|
+
},
|
|
31
|
+
value
|
|
32
|
+
),
|
|
33
|
+
...rest
|
|
34
|
+
}
|
|
35
|
+
);
|
|
29
36
|
};
|
|
30
37
|
|
|
31
38
|
export { Tag as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Text,\n Tag as TagCore,\n TagProps as TagCoreProps,\n TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string | ReactNode;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n backgroundColorVariant,\n backgroundColorTone,\n ...rest\n}): JSX.Element => {\n const {\n colorVariant = 'secondary',\n colorTone = 'dark',\n fontStack = 'default',\n fontWeight = 'bold',\n } = textProps || {};\n return (\n <TagCore\n backgroundColorVariant={backgroundColorVariant}\n backgroundColorTone={backgroundColorTone}\n value={\n <Text\n colorVariant={colorVariant}\n colorTone={colorTone}\n fontStack={fontStack}\n fontWeight={fontWeight}\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"names":["TagCore"],"mappings":";;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AAAA,EACA,mBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Text,\n Tag as TagCore,\n TagProps as TagCoreProps,\n TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string | ReactNode;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n backgroundColorVariant,\n backgroundColorTone,\n ...rest\n}): JSX.Element => {\n const {\n colorVariant = 'secondary',\n colorTone = 'dark',\n fontStack = 'default',\n fontWeight = 'bold',\n } = textProps || {};\n return (\n <TagCore\n backgroundColorVariant={backgroundColorVariant}\n backgroundColorTone={backgroundColorTone}\n value={\n <Text\n colorVariant={colorVariant}\n colorTone={colorTone}\n fontStack={fontStack}\n fontWeight={fontWeight}\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"names":["TagCore"],"mappings":";;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,KAAA;AAAA,IAAA;AAAA,MACC,sBAAA;AAAA,MACA,mBAAA;AAAA,MACA,KACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,YAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,SAAA;AAAA,QAE9C,KAAA;AAAA,OACH;AAAA,MAED,GAAG,IAAA;AAAA,KAAA;AAAA,GACN,CAAA;AAEJ;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type ComputedType = {
|
|
3
3
|
width?: number;
|
|
4
4
|
height?: number;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export type Position = 'top' | 'bottom' | 'right' | 'left';
|
|
7
7
|
export interface ITooltip {
|
|
8
8
|
title: string;
|
|
9
9
|
position?: Position;
|
|
@@ -17,18 +17,24 @@ const Tooltip = ({
|
|
|
17
17
|
height: spanRef.current?.clientHeight
|
|
18
18
|
});
|
|
19
19
|
}, []);
|
|
20
|
-
return /* @__PURE__ */ React.createElement(Container, {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
return /* @__PURE__ */ React.createElement(Container, { position }, children, /* @__PURE__ */ React.createElement(
|
|
21
|
+
TooltipSpan,
|
|
22
|
+
{
|
|
23
|
+
computed,
|
|
24
|
+
position,
|
|
25
|
+
ref: (ref) => spanRef.current = ref
|
|
26
|
+
},
|
|
27
|
+
/* @__PURE__ */ React.createElement(
|
|
28
|
+
Text,
|
|
29
|
+
{
|
|
30
|
+
fontWeight: "bold",
|
|
31
|
+
typography: "base",
|
|
32
|
+
colorVariant: "secondary",
|
|
33
|
+
colorTone: "xlight"
|
|
34
|
+
},
|
|
35
|
+
title
|
|
36
|
+
)
|
|
37
|
+
));
|
|
32
38
|
};
|
|
33
39
|
|
|
34
40
|
export { Tooltip as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/atoms/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { Container, TooltipSpan } from './styled';\n\nexport type ComputedType = { width?: number; height?: number };\nexport type Position = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface ITooltip {\n title: string;\n position?: Position;\n children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n children,\n title,\n position = 'bottom',\n}) => {\n const spanRef = React.useRef<HTMLSpanElement | null>();\n const [computed, setComputed] = React.useState<ComputedType | undefined>(\n undefined\n );\n\n React.useLayoutEffect(() => {\n setComputed({\n width: spanRef.current?.clientWidth,\n height: spanRef.current?.clientHeight,\n });\n }, []);\n\n return (\n <Container position={position}>\n {children}\n <TooltipSpan\n computed={computed}\n position={position}\n ref={ref => (spanRef.current = ref)}\n >\n <Text\n fontWeight=\"bold\"\n typography=\"base\"\n colorVariant=\"secondary\"\n colorTone=\"xlight\"\n >\n {title}\n </Text>\n </TooltipSpan>\n </Container>\n );\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;;;AAaA,MAAM,UAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAW,GAAA,QAAA;AACb,CAAM,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,MAAM,MAA+B,EAAA,CAAA;AACrD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAY,WAAA,CAAA;AAAA,MACV,KAAA,EAAO,QAAQ,OAAS,EAAA,WAAA;AAAA,MACxB,MAAA,EAAQ,QAAQ,OAAS,EAAA,YAAA;AAAA,KAC1B,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/atoms/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { Container, TooltipSpan } from './styled';\n\nexport type ComputedType = { width?: number; height?: number };\nexport type Position = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface ITooltip {\n title: string;\n position?: Position;\n children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n children,\n title,\n position = 'bottom',\n}) => {\n const spanRef = React.useRef<HTMLSpanElement | null>();\n const [computed, setComputed] = React.useState<ComputedType | undefined>(\n undefined\n );\n\n React.useLayoutEffect(() => {\n setComputed({\n width: spanRef.current?.clientWidth,\n height: spanRef.current?.clientHeight,\n });\n }, []);\n\n return (\n <Container position={position}>\n {children}\n <TooltipSpan\n computed={computed}\n position={position}\n ref={ref => (spanRef.current = ref)}\n >\n <Text\n fontWeight=\"bold\"\n typography=\"base\"\n colorVariant=\"secondary\"\n colorTone=\"xlight\"\n >\n {title}\n </Text>\n </TooltipSpan>\n </Container>\n );\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;;;AAaA,MAAM,UAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAW,GAAA,QAAA;AACb,CAAM,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,MAAM,MAA+B,EAAA,CAAA;AACrD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAY,WAAA,CAAA;AAAA,MACV,KAAA,EAAO,QAAQ,OAAS,EAAA,WAAA;AAAA,MACxB,MAAA,EAAQ,QAAQ,OAAS,EAAA,YAAA;AAAA,KAC1B,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,QAAA,EAAA,EACR,QACD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAA,EAAK,CAAQ,GAAA,KAAA,OAAA,CAAQ,OAAU,GAAA,GAAA;AAAA,KAAA;AAAA,oBAE/B,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,MAAA;AAAA,QACX,UAAW,EAAA,MAAA;AAAA,QACX,YAAa,EAAA,WAAA;AAAA,QACb,SAAU,EAAA,QAAA;AAAA,OAAA;AAAA,MAET,KAAA;AAAA,KACH;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
|