@tecsinapse/react-web-kit 1.20.2 → 1.21.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/CHANGELOG.md +11 -0
- package/babel.config.esm.js +0 -1
- package/babel.config.js +1 -6
- package/dist/components/atoms/Accordion/Accordion.js +10 -8
- package/dist/components/atoms/Accordion/Accordion.js.map +1 -1
- package/dist/components/atoms/Accordion/animations.js +2 -2
- package/dist/components/atoms/Accordion/animations.js.map +1 -1
- package/dist/components/atoms/Accordion/styled.js +33 -37
- package/dist/components/atoms/Accordion/styled.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.js +7 -6
- package/dist/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/components/atoms/Button/Button.js +14 -12
- package/dist/components/atoms/Button/Button.js.map +1 -1
- package/dist/components/atoms/Button/styled.js +14 -16
- package/dist/components/atoms/Button/styled.js.map +1 -1
- package/dist/components/atoms/Dropdown/index.js +6 -5
- package/dist/components/atoms/Dropdown/index.js.map +1 -1
- package/dist/components/atoms/Dropdown/styled.js +30 -21
- package/dist/components/atoms/Dropdown/styled.js.map +1 -1
- package/dist/components/atoms/Input/Input.js +26 -24
- package/dist/components/atoms/Input/Input.js.map +1 -1
- package/dist/components/atoms/Input/styled.js +5 -5
- package/dist/components/atoms/Input/styled.js.map +1 -1
- package/dist/components/atoms/InputMask/InputMask.js +26 -24
- package/dist/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/components/atoms/InputMask/styled.js +5 -5
- package/dist/components/atoms/InputMask/styled.js.map +1 -1
- package/dist/components/atoms/Modal/Modal.js +8 -7
- package/dist/components/atoms/Modal/Modal.js.map +1 -1
- package/dist/components/atoms/Modal/animations.js +1 -1
- package/dist/components/atoms/Modal/animations.js.map +1 -1
- package/dist/components/atoms/Modal/styled.js +30 -24
- package/dist/components/atoms/Modal/styled.js.map +1 -1
- package/dist/components/atoms/Overlay/Overlay.js +8 -7
- package/dist/components/atoms/Overlay/Overlay.js.map +1 -1
- package/dist/components/atoms/Overlay/animations.js +1 -1
- package/dist/components/atoms/Overlay/animations.js.map +1 -1
- package/dist/components/atoms/Overlay/styled.js +21 -20
- package/dist/components/atoms/Overlay/styled.js.map +1 -1
- package/dist/components/atoms/Skeleton/Skeleton.js +11 -9
- package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/atoms/Skeleton/styled.js +42 -66
- package/dist/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/components/atoms/Table/Body/TBody.js +5 -4
- package/dist/components/atoms/Table/Body/TBody.js.map +1 -1
- package/dist/components/atoms/Table/Cell/Td.js +5 -4
- package/dist/components/atoms/Table/Cell/Td.js.map +1 -1
- package/dist/components/atoms/Table/Cell/styled.js +34 -20
- package/dist/components/atoms/Table/Cell/styled.js.map +1 -1
- package/dist/components/atoms/Table/Container/TableContainer.js +5 -4
- package/dist/components/atoms/Table/Container/TableContainer.js.map +1 -1
- package/dist/components/atoms/Table/Container/styled.js +25 -15
- package/dist/components/atoms/Table/Container/styled.js.map +1 -1
- package/dist/components/atoms/Table/Footer/TFoot.js +5 -4
- package/dist/components/atoms/Table/Footer/TFoot.js.map +1 -1
- package/dist/components/atoms/Table/Footer/styled.js +5 -6
- package/dist/components/atoms/Table/Footer/styled.js.map +1 -1
- package/dist/components/atoms/Table/Header/THead.js +5 -4
- package/dist/components/atoms/Table/Header/THead.js.map +1 -1
- package/dist/components/atoms/Table/Header/Th.js +5 -4
- package/dist/components/atoms/Table/Header/Th.js.map +1 -1
- package/dist/components/atoms/Table/Header/styled.js +41 -38
- package/dist/components/atoms/Table/Header/styled.js.map +1 -1
- package/dist/components/atoms/Table/Row/Tr.js +5 -4
- package/dist/components/atoms/Table/Row/Tr.js.map +1 -1
- package/dist/components/atoms/Table/Row/styled.js +15 -9
- package/dist/components/atoms/Table/Row/styled.js.map +1 -1
- package/dist/components/atoms/Table/Table.js +5 -4
- package/dist/components/atoms/Table/Table.js.map +1 -1
- package/dist/components/atoms/Table/Toolbar/TableToolbar.js +7 -6
- package/dist/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
- package/dist/components/atoms/Table/Toolbar/styled.js +5 -6
- package/dist/components/atoms/Table/Toolbar/styled.js.map +1 -1
- package/dist/components/atoms/Table/styled.js +10 -7
- package/dist/components/atoms/Table/styled.js.map +1 -1
- package/dist/components/atoms/Tag/Tag.js +6 -5
- package/dist/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/components/atoms/Tooltip/Tooltip.js +7 -5
- package/dist/components/atoms/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/atoms/Tooltip/styled.js +41 -122
- package/dist/components/atoms/Tooltip/styled.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +7 -6
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +16 -18
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js +5 -4
- package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/styled.js +25 -18
- package/dist/components/molecules/Breadcrumbs/styled.js.map +1 -1
- package/dist/components/molecules/DatePicker/DatePicker.js +6 -5
- package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/molecules/DatePicker/Modal.js +6 -5
- package/dist/components/molecules/DatePicker/Modal.js.map +1 -1
- package/dist/components/molecules/DatePicker/styled.js +20 -30
- package/dist/components/molecules/DatePicker/styled.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js +3 -2
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/Modal.js +6 -5
- package/dist/components/molecules/DateTimePicker/Modal.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/styled.js +15 -29
- package/dist/components/molecules/DateTimePicker/styled.js.map +1 -1
- package/dist/components/molecules/Drawer/Drawer.js +10 -10
- package/dist/components/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/components/molecules/Drawer/styled.js +35 -63
- package/dist/components/molecules/Drawer/styled.js.map +1 -1
- package/dist/components/molecules/Grid/Grid.js +15 -11
- package/dist/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/components/molecules/Grid/Item/Item.js +22 -21
- package/dist/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/components/molecules/Grid/Item/functions.js +4 -2
- package/dist/components/molecules/Grid/Item/functions.js.map +1 -1
- package/dist/components/molecules/IconTextButton/IconTextButton.js +10 -9
- package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/components/molecules/IconTextButton/TextComponent.js +12 -9
- package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/components/molecules/IconTextButton/styled.js +25 -18
- package/dist/components/molecules/IconTextButton/styled.js.map +1 -1
- package/dist/components/molecules/InputPassword/InputPassword.js +5 -4
- package/dist/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js +13 -10
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +11 -10
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/styled.js +12 -17
- package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -1
- package/dist/components/molecules/Masonry/Masonry.js +8 -6
- package/dist/components/molecules/Masonry/Masonry.js.map +1 -1
- package/dist/components/molecules/Masonry/styled.js +21 -28
- package/dist/components/molecules/Masonry/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js +24 -20
- package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +10 -8
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +5 -4
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +21 -15
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/styled.js +21 -19
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/styled.js +34 -33
- package/dist/components/molecules/Menubar/MenuBlock/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/Menubar.js +14 -12
- package/dist/components/molecules/Menubar/Menubar.js.map +1 -1
- package/dist/components/molecules/Menubar/MostUsed/MostUsed.js +29 -25
- package/dist/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
- package/dist/components/molecules/Menubar/MostUsed/styled.js +41 -27
- package/dist/components/molecules/Menubar/MostUsed/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +6 -5
- package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/styled.js +21 -16
- package/dist/components/molecules/Menubar/SearchResultItem/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/utils.js +2 -2
- package/dist/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
- package/dist/components/molecules/Menubar/styled.js +117 -96
- package/dist/components/molecules/Menubar/styled.js.map +1 -1
- package/dist/components/molecules/Select/Dropdown/Dropdown.js +16 -15
- package/dist/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/molecules/Select/Dropdown/components/SearchInput.js +7 -6
- package/dist/components/molecules/Select/Dropdown/components/SearchInput.js.map +1 -1
- package/dist/components/molecules/Select/Dropdown/styled.js +111 -107
- package/dist/components/molecules/Select/Dropdown/styled.js.map +1 -1
- package/dist/components/molecules/Select/Select.js +20 -18
- package/dist/components/molecules/Select/Select.js.map +1 -1
- package/dist/components/molecules/Select/SelectItem/SelectItem.js +13 -12
- package/dist/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
- package/dist/components/molecules/Select/SelectItem/styled.js +38 -39
- package/dist/components/molecules/Select/SelectItem/styled.js.map +1 -1
- package/dist/components/molecules/Select/styled.js +6 -11
- package/dist/components/molecules/Select/styled.js.map +1 -1
- package/dist/components/molecules/Snackbar/Snackbar.js +9 -8
- package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/molecules/Snackbar/styled.js +6 -7
- package/dist/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/components/molecules/TextArea/TextArea.js +27 -26
- package/dist/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/components/molecules/TextArea/styled.js +17 -11
- package/dist/components/molecules/TextArea/styled.js.map +1 -1
- package/dist/components/organisms/DataGrid/DataGrid.js +34 -32
- package/dist/components/organisms/DataGrid/DataGrid.js.map +1 -1
- package/dist/components/organisms/DataGrid/Footer/Footer.js +17 -15
- package/dist/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
- package/dist/components/organisms/DataGrid/Footer/styled.js +75 -74
- package/dist/components/organisms/DataGrid/Footer/styled.js.map +1 -1
- package/dist/components/organisms/DataGrid/Header/Header.js +37 -32
- package/dist/components/organisms/DataGrid/Header/Header.js.map +1 -1
- package/dist/components/organisms/DataGrid/Header/styled.js +10 -8
- package/dist/components/organisms/DataGrid/Header/styled.js.map +1 -1
- package/dist/components/organisms/DataGrid/Row/Row.js +18 -14
- package/dist/components/organisms/DataGrid/Row/Row.js.map +1 -1
- package/dist/components/organisms/DataGrid/styled.js +10 -8
- package/dist/components/organisms/DataGrid/styled.js.map +1 -1
- package/dist/hooks/useClickAwayListener.js +3 -1
- package/dist/hooks/useClickAwayListener.js.map +1 -1
- package/esm/components/atoms/Accordion/Accordion.js +30 -10
- package/esm/components/atoms/Accordion/Accordion.js.map +1 -1
- package/esm/components/atoms/Accordion/animations.js +2 -2
- package/esm/components/atoms/Accordion/animations.js.map +1 -1
- package/esm/components/atoms/Accordion/styled.js +7 -7
- package/esm/components/atoms/Accordion/styled.js.map +1 -1
- package/esm/components/atoms/Badge/Badge.js +3 -1
- package/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/esm/components/atoms/Button/Button.js +3 -1
- package/esm/components/atoms/Button/Button.js.map +1 -1
- package/esm/components/atoms/Button/hooks/useMouseHover.js +17 -4
- package/esm/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
- package/esm/components/atoms/Button/hooks/useMousePressed.js +17 -4
- package/esm/components/atoms/Button/hooks/useMousePressed.js.map +1 -1
- package/esm/components/atoms/Button/styled.js +3 -3
- package/esm/components/atoms/Button/styled.js.map +1 -1
- package/esm/components/atoms/Dropdown/index.js +6 -2
- package/esm/components/atoms/Dropdown/index.js.map +1 -1
- package/esm/components/atoms/Dropdown/styled.js +2 -2
- package/esm/components/atoms/Dropdown/styled.js.map +1 -1
- package/esm/components/atoms/Input/Input.js +3 -1
- package/esm/components/atoms/Input/Input.js.map +1 -1
- package/esm/components/atoms/Input/styled.js +2 -2
- package/esm/components/atoms/Input/styled.js.map +1 -1
- package/esm/components/atoms/InputMask/InputMask.js +3 -1
- package/esm/components/atoms/InputMask/InputMask.js.map +1 -1
- package/esm/components/atoms/InputMask/styled.js +2 -2
- package/esm/components/atoms/InputMask/styled.js.map +1 -1
- package/esm/components/atoms/Modal/Modal.js +10 -2
- package/esm/components/atoms/Modal/Modal.js.map +1 -1
- package/esm/components/atoms/Modal/styled.js +2 -2
- package/esm/components/atoms/Modal/styled.js.map +1 -1
- package/esm/components/atoms/Overlay/Overlay.js +6 -2
- package/esm/components/atoms/Overlay/Overlay.js.map +1 -1
- package/esm/components/atoms/Overlay/styled.js +2 -2
- package/esm/components/atoms/Overlay/styled.js.map +1 -1
- package/esm/components/atoms/Skeleton/Skeleton.js +3 -1
- package/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/esm/components/atoms/Skeleton/styled.js +8 -8
- package/esm/components/atoms/Skeleton/styled.js.map +1 -1
- package/esm/components/atoms/Table/Body/TBody.js +3 -1
- package/esm/components/atoms/Table/Body/TBody.js.map +1 -1
- package/esm/components/atoms/Table/Cell/Td.js +3 -1
- package/esm/components/atoms/Table/Cell/Td.js.map +1 -1
- package/esm/components/atoms/Table/Cell/styled.js +2 -2
- package/esm/components/atoms/Table/Cell/styled.js.map +1 -1
- package/esm/components/atoms/Table/Container/TableContainer.js +3 -1
- package/esm/components/atoms/Table/Container/TableContainer.js.map +1 -1
- package/esm/components/atoms/Table/Container/styled.js +3 -3
- package/esm/components/atoms/Table/Container/styled.js.map +1 -1
- package/esm/components/atoms/Table/Footer/TFoot.js +3 -1
- package/esm/components/atoms/Table/Footer/TFoot.js.map +1 -1
- package/esm/components/atoms/Table/Footer/styled.js +2 -2
- package/esm/components/atoms/Table/Footer/styled.js.map +1 -1
- package/esm/components/atoms/Table/Header/THead.js +3 -1
- package/esm/components/atoms/Table/Header/THead.js.map +1 -1
- package/esm/components/atoms/Table/Header/Th.js +3 -1
- package/esm/components/atoms/Table/Header/Th.js.map +1 -1
- package/esm/components/atoms/Table/Header/styled.js +5 -5
- package/esm/components/atoms/Table/Header/styled.js.map +1 -1
- package/esm/components/atoms/Table/Row/Tr.js +3 -1
- package/esm/components/atoms/Table/Row/Tr.js.map +1 -1
- package/esm/components/atoms/Table/Row/styled.js +2 -2
- package/esm/components/atoms/Table/Row/styled.js.map +1 -1
- package/esm/components/atoms/Table/Table.js +3 -1
- package/esm/components/atoms/Table/Table.js.map +1 -1
- package/esm/components/atoms/Table/Toolbar/TableToolbar.js +3 -1
- package/esm/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
- package/esm/components/atoms/Table/Toolbar/styled.js +2 -2
- package/esm/components/atoms/Table/Toolbar/styled.js.map +1 -1
- package/esm/components/atoms/Table/styled.js +3 -3
- package/esm/components/atoms/Table/styled.js.map +1 -1
- package/esm/components/atoms/Tag/Tag.js +3 -1
- package/esm/components/atoms/Tag/Tag.js.map +1 -1
- package/esm/components/atoms/Tooltip/Tooltip.js +17 -4
- package/esm/components/atoms/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/atoms/Tooltip/styled.js +15 -15
- package/esm/components/atoms/Tooltip/styled.js.map +1 -1
- package/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +3 -3
- package/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +1 -1
- package/esm/components/molecules/Breadcrumbs/Breadcrumbs.js +3 -1
- package/esm/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/molecules/Breadcrumbs/styled.js +3 -3
- package/esm/components/molecules/Breadcrumbs/styled.js.map +1 -1
- package/esm/components/molecules/DatePicker/DatePicker.js +18 -3
- package/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/molecules/DatePicker/Modal.js +3 -1
- package/esm/components/molecules/DatePicker/Modal.js.map +1 -1
- package/esm/components/molecules/DatePicker/styled.js +5 -5
- package/esm/components/molecules/DatePicker/styled.js.map +1 -1
- package/esm/components/molecules/DateTimePicker/DateTimePicker.js +15 -2
- package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/esm/components/molecules/DateTimePicker/Modal.js +3 -1
- package/esm/components/molecules/DateTimePicker/Modal.js.map +1 -1
- package/esm/components/molecules/DateTimePicker/styled.js +4 -4
- package/esm/components/molecules/DateTimePicker/styled.js.map +1 -1
- package/esm/components/molecules/Drawer/Drawer.js +12 -4
- package/esm/components/molecules/Drawer/Drawer.js.map +1 -1
- package/esm/components/molecules/Drawer/styled.js +7 -7
- package/esm/components/molecules/Drawer/styled.js.map +1 -1
- package/esm/components/molecules/Grid/Grid.js +15 -7
- package/esm/components/molecules/Grid/Grid.js.map +1 -1
- package/esm/components/molecules/Grid/Item/Item.js +13 -5
- package/esm/components/molecules/Grid/Item/Item.js.map +1 -1
- package/esm/components/molecules/Grid/Item/functions.js +2 -2
- package/esm/components/molecules/Grid/Item/functions.js.map +1 -1
- package/esm/components/molecules/IconTextButton/IconTextButton.js +3 -1
- package/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/esm/components/molecules/IconTextButton/TextComponent.js +3 -3
- package/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js +19 -5
- package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +1 -1
- package/esm/components/molecules/IconTextButton/styled.js +4 -4
- package/esm/components/molecules/IconTextButton/styled.js.map +1 -1
- package/esm/components/molecules/InputPassword/InputPassword.js +18 -3
- package/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/esm/components/molecules/LabeledSwitch/LabelComponent.js +5 -3
- package/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +3 -1
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/esm/components/molecules/LabeledSwitch/styled.js +4 -4
- package/esm/components/molecules/LabeledSwitch/styled.js.map +1 -1
- package/esm/components/molecules/Masonry/styled.js +4 -4
- package/esm/components/molecules/Masonry/styled.js.map +1 -1
- package/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js +1 -1
- package/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
- package/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +16 -3
- package/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
- package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +4 -4
- package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +1 -1
- package/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js +3 -3
- package/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +1 -1
- package/esm/components/molecules/Menubar/MenuBlock/styled.js +7 -7
- package/esm/components/molecules/Menubar/MenuBlock/styled.js.map +1 -1
- package/esm/components/molecules/Menubar/Menubar.js +30 -12
- package/esm/components/molecules/Menubar/Menubar.js.map +1 -1
- package/esm/components/molecules/Menubar/MostUsed/MostUsed.js +2 -2
- package/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
- package/esm/components/molecules/Menubar/MostUsed/styled.js +3 -3
- package/esm/components/molecules/Menubar/MostUsed/styled.js.map +1 -1
- package/esm/components/molecules/Menubar/SearchResultItem/styled.js +5 -5
- package/esm/components/molecules/Menubar/SearchResultItem/styled.js.map +1 -1
- package/esm/components/molecules/Menubar/SearchResultItem/utils.js +2 -2
- package/esm/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
- package/esm/components/molecules/Menubar/animations.js +7 -3
- package/esm/components/molecules/Menubar/animations.js.map +1 -1
- package/esm/components/molecules/Menubar/styled.js +11 -11
- package/esm/components/molecules/Menubar/styled.js.map +1 -1
- package/esm/components/molecules/Menubar/utils.js +1 -1
- package/esm/components/molecules/Menubar/utils.js.map +1 -1
- package/esm/components/molecules/Select/Dropdown/Dropdown.js +20 -6
- package/esm/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
- package/esm/components/molecules/Select/Dropdown/styled.js +13 -13
- package/esm/components/molecules/Select/Dropdown/styled.js.map +1 -1
- package/esm/components/molecules/Select/Select.js +25 -4
- package/esm/components/molecules/Select/Select.js.map +1 -1
- package/esm/components/molecules/Select/SelectItem/SelectItem.js +28 -6
- package/esm/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
- package/esm/components/molecules/Select/SelectItem/styled.js +6 -6
- package/esm/components/molecules/Select/SelectItem/styled.js.map +1 -1
- package/esm/components/molecules/Select/styled.js +3 -3
- package/esm/components/molecules/Select/styled.js.map +1 -1
- package/esm/components/molecules/Snackbar/Snackbar.js +3 -1
- package/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/esm/components/molecules/Snackbar/styled.js +3 -3
- package/esm/components/molecules/Snackbar/styled.js.map +1 -1
- package/esm/components/molecules/TextArea/TextArea.js +3 -1
- package/esm/components/molecules/TextArea/TextArea.js.map +1 -1
- package/esm/components/molecules/TextArea/styled.js +3 -3
- package/esm/components/molecules/TextArea/styled.js.map +1 -1
- package/esm/components/organisms/DataGrid/DataGrid.js +27 -13
- package/esm/components/organisms/DataGrid/DataGrid.js.map +1 -1
- package/esm/components/organisms/DataGrid/Footer/Footer.js +20 -8
- package/esm/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
- package/esm/components/organisms/DataGrid/Footer/styled.js +12 -12
- package/esm/components/organisms/DataGrid/Footer/styled.js.map +1 -1
- package/esm/components/organisms/DataGrid/Header/Header.js +21 -8
- package/esm/components/organisms/DataGrid/Header/Header.js.map +1 -1
- package/esm/components/organisms/DataGrid/Header/styled.js +2 -2
- package/esm/components/organisms/DataGrid/Header/styled.js.map +1 -1
- package/esm/components/organisms/DataGrid/Row/Row.js +1 -1
- package/esm/components/organisms/DataGrid/Row/Row.js.map +1 -1
- package/esm/components/organisms/DataGrid/styled.js +2 -2
- package/esm/components/organisms/DataGrid/styled.js.map +1 -1
- package/esm/components/organisms/DataGrid/utils.js +14 -1
- package/esm/components/organisms/DataGrid/utils.js.map +1 -1
- package/esm/hooks/useClickAwayListener.js +2 -5
- package/esm/hooks/useClickAwayListener.js.map +1 -1
- package/esm/hooks/useWindowSize.js +15 -2
- package/esm/hooks/useWindowSize.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
var _excluded = ["children"];
|
|
2
2
|
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
3
5
|
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; }
|
|
4
6
|
|
|
5
7
|
import React from 'react';
|
|
6
8
|
import { ThStyled } from "./styled";
|
|
7
9
|
export var Th = function Th(_ref) {
|
|
8
10
|
var children = _ref.children,
|
|
9
|
-
rest =
|
|
11
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
10
12
|
|
|
11
13
|
return React.createElement(ThStyled, rest, children);
|
|
12
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Th.js","names":["React","ThStyled","Th","children","rest"],"sources":["../../../../../src/components/atoms/Table/Header/Th.tsx"],"sourcesContent":["import React from 'react';\nimport { ThStyled } from './styled';\n\nexport const Th: React.FC<\n React.ThHTMLAttributes<HTMLTableHeaderCellElement>\n> = ({ children, ...rest }) => {\n return <ThStyled {...rest}>{children}</ThStyled>;\n};\n\nexport default Th;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Th.js","names":["React","ThStyled","Th","children","rest"],"sources":["../../../../../src/components/atoms/Table/Header/Th.tsx"],"sourcesContent":["import React from 'react';\nimport { ThStyled } from './styled';\n\nexport const Th: React.FC<\n React.ThHTMLAttributes<HTMLTableHeaderCellElement>\n> = ({ children, ...rest }) => {\n return <ThStyled {...rest}>{children}</ThStyled>;\n};\n\nexport default Th;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT;AAEA,OAAO,IAAMC,EAEZ,GAAG,SAFSA,EAET,OAA2B;EAAA,IAAxBC,QAAwB,QAAxBA,QAAwB;EAAA,IAAXC,IAAW;;EAC7B,OAAO,oBAAC,QAAD,EAAcA,IAAd,EAAqBD,QAArB,CAAP;AACD,CAJM;AAMP,eAAeD,EAAf"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
var _templateObject, _templateObject2, _templateObject3;
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
5
5
|
import styled from '@emotion/styled';
|
|
6
|
-
export var ThStyled = styled('th')(_templateObject || (_templateObject =
|
|
6
|
+
export var ThStyled = styled('th')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", ";\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n font-family: ", ";\n\n text-align: start;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])), function (_ref) {
|
|
7
7
|
var theme = _ref.theme;
|
|
8
|
-
return theme.spacing.centi
|
|
8
|
+
return "".concat(theme.spacing.centi, " ").concat(theme.spacing.deca);
|
|
9
9
|
}, function (_ref2) {
|
|
10
10
|
var theme = _ref2.theme;
|
|
11
11
|
return theme.font.color.medium;
|
|
@@ -22,8 +22,8 @@ export var ThStyled = styled('th')(_templateObject || (_templateObject = _tagged
|
|
|
22
22
|
var theme = _ref6.theme;
|
|
23
23
|
return theme.font.stack["default"];
|
|
24
24
|
});
|
|
25
|
-
export var THeadStyled = styled('thead')(_templateObject2 || (_templateObject2 =
|
|
26
|
-
export var HeaderBackground = styled('hr')(_templateObject3 || (_templateObject3 =
|
|
25
|
+
export var THeadStyled = styled('thead')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n & > tr {\n border-radius: unset;\n box-shadow: none;\n }\n"])));
|
|
26
|
+
export var HeaderBackground = styled('hr')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin: -51px -25px 4px -25px;\n height: 42px;\n background-color: ", ";\n border: 0;\n"])), function (_ref7) {
|
|
27
27
|
var theme = _ref7.theme;
|
|
28
28
|
return theme.color.secondary.xlight;
|
|
29
29
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["styled","ThStyled","theme","spacing","centi","deca","font","color","medium","weight","bold","typography","sub","fontSize","lineHeight","stack","THeadStyled","HeaderBackground","secondary","xlight"],"sources":["../../../../../src/components/atoms/Table/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ThStyled = styled('th')<Partial<StyleProps>>`\n padding: ${({ theme }) => `${theme.spacing.centi} ${theme.spacing.deca}`};\n color: ${({ theme }) => theme.font.color.medium};\n font-weight: ${({ theme }) => theme.font.weight.bold};\n font-size: ${({ theme }) => theme.typography.sub.fontSize};\n line-height: ${({ theme }) => theme.typography.sub.lineHeight};\n font-family: ${({ theme }) => theme.font.stack.default};\n\n text-align: start;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nexport const THeadStyled = styled('thead')<Partial<StyleProps>>`\n & > tr {\n border-radius: unset;\n box-shadow: none;\n }\n`;\n\nexport const HeaderBackground = styled('hr')<Partial<StyleProps>>`\n margin: -51px -25px 4px -25px;\n height: 42px;\n background-color: ${({ theme }) => theme.color.secondary.xlight};\n border: 0;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,QAAQ,GAAGD,MAAM,CAAC,IAAD,CAAT,
|
|
1
|
+
{"version":3,"file":"styled.js","names":["styled","ThStyled","theme","spacing","centi","deca","font","color","medium","weight","bold","typography","sub","fontSize","lineHeight","stack","THeadStyled","HeaderBackground","secondary","xlight"],"sources":["../../../../../src/components/atoms/Table/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ThStyled = styled('th')<Partial<StyleProps>>`\n padding: ${({ theme }) => `${theme.spacing.centi} ${theme.spacing.deca}`};\n color: ${({ theme }) => theme.font.color.medium};\n font-weight: ${({ theme }) => theme.font.weight.bold};\n font-size: ${({ theme }) => theme.typography.sub.fontSize};\n line-height: ${({ theme }) => theme.typography.sub.lineHeight};\n font-family: ${({ theme }) => theme.font.stack.default};\n\n text-align: start;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nexport const THeadStyled = styled('thead')<Partial<StyleProps>>`\n & > tr {\n border-radius: unset;\n box-shadow: none;\n }\n`;\n\nexport const HeaderBackground = styled('hr')<Partial<StyleProps>>`\n margin: -51px -25px 4px -25px;\n height: 42px;\n background-color: ${({ theme }) => theme.color.secondary.xlight};\n border: 0;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,QAAQ,GAAGD,MAAM,CAAC,IAAD,CAAT,iSACR;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,KAAhC,cAAyCF,KAAK,CAACC,OAAN,CAAcE,IAAvD;AAAA,CADQ,EAEV;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFU,EAGJ;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,IAAN,CAAWG,MAAX,CAAkBC,IAAjC;AAAA,CAHI,EAIN;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,UAAN,CAAiBC,GAAjB,CAAqBC,QAApC;AAAA,CAJM,EAKJ;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,UAAN,CAAiBC,GAAjB,CAAqBE,UAApC;AAAA,CALI,EAMJ;EAAA,IAAGZ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,IAAN,CAAWS,KAAX,WAAf;AAAA,CANI,CAAd;AAcP,OAAO,IAAMC,WAAW,GAAGhB,MAAM,CAAC,OAAD,CAAT,4IAAjB;AAOP,OAAO,IAAMiB,gBAAgB,GAAGjB,MAAM,CAAC,IAAD,CAAT,sKAGP;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACK,KAAN,CAAYW,SAAZ,CAAsBC,MAArC;AAAA,CAHO,CAAtB"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
var _excluded = ["children"];
|
|
2
2
|
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
3
5
|
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; }
|
|
4
6
|
|
|
5
7
|
import React from 'react';
|
|
6
8
|
import { TRow } from "./styled";
|
|
7
9
|
export var Tr = function Tr(_ref) {
|
|
8
10
|
var children = _ref.children,
|
|
9
|
-
rest =
|
|
11
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
10
12
|
|
|
11
13
|
return React.createElement(TRow, rest, children);
|
|
12
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tr.js","names":["React","TRow","Tr","children","rest"],"sources":["../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nexport const Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n children,\n ...rest\n}) => {\n return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tr.js","names":["React","TRow","Tr","children","rest"],"sources":["../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nexport const Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n children,\n ...rest\n}) => {\n return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT;AAEA,OAAO,IAAMC,EAAuD,GAAG,SAA1DA,EAA0D,OAGjE;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OAAO,oBAAC,IAAD,EAAUA,IAAV,EAAiBD,QAAjB,CAAP;AACD,CALM;AAOP,eAAeD,EAAf"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
5
5
|
import styled from '@emotion/styled';
|
|
6
6
|
import { hex2rgba } from '@tecsinapse/react-core';
|
|
7
|
-
export var TRow = styled('tr')(_templateObject || (_templateObject =
|
|
7
|
+
export var TRow = styled('tr')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-shadow: 0 2px 8px\n ", ";\n border-radius: ", ";\n"])), function (_ref) {
|
|
8
8
|
var theme = _ref.theme;
|
|
9
9
|
return hex2rgba(theme.miscellaneous.shadow, 0.05);
|
|
10
10
|
}, function (_ref2) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["styled","hex2rgba","TRow","theme","miscellaneous","shadow","borderRadius","mili"],"sources":["../../../../../src/components/atoms/Table/Row/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TRow = styled('tr')<Partial<StyleProps>>`\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,IAAI,GAAGF,MAAM,CAAC,IAAD,CAAT,
|
|
1
|
+
{"version":3,"file":"styled.js","names":["styled","hex2rgba","TRow","theme","miscellaneous","shadow","borderRadius","mili"],"sources":["../../../../../src/components/atoms/Table/Row/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TRow = styled('tr')<Partial<StyleProps>>`\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,IAAI,GAAGF,MAAM,CAAC,IAAD,CAAT,oIAEX;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeF,QAAQ,CAACE,KAAK,CAACC,aAAN,CAAoBC,MAArB,EAA6B,IAA7B,CAAvB;AAAA,CAFW,EAGE;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACG,YAAN,CAAmBC,IAAlC;AAAA,CAHF,CAAV"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
var _excluded = ["children"];
|
|
2
2
|
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
3
5
|
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; }
|
|
4
6
|
|
|
5
7
|
import React from 'react';
|
|
6
8
|
import { TableStyled } from "./styled";
|
|
7
9
|
export var Table = function Table(_ref) {
|
|
8
10
|
var children = _ref.children,
|
|
9
|
-
rest =
|
|
11
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
10
12
|
|
|
11
13
|
return React.createElement(TableStyled, rest, children);
|
|
12
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","names":["React","TableStyled","Table","children","rest"],"sources":["../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nexport const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n children,\n ...rest\n}) => {\n return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.js","names":["React","TableStyled","Table","children","rest"],"sources":["../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nexport const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n children,\n ...rest\n}) => {\n return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT;AAEA,OAAO,IAAMC,KAA4D,GAAG,SAA/DA,KAA+D,OAGtE;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OAAO,oBAAC,WAAD,EAAiBA,IAAjB,EAAwBD,QAAxB,CAAP;AACD,CALM;AAOP,eAAeD,KAAf"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
var _excluded = ["rightIcons", "title", "footer"];
|
|
2
2
|
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
3
5
|
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; }
|
|
4
6
|
|
|
5
7
|
import React from 'react';
|
|
@@ -10,7 +12,7 @@ var TableToolbar = function TableToolbar(_ref) {
|
|
|
10
12
|
var rightIcons = _ref.rightIcons,
|
|
11
13
|
title = _ref.title,
|
|
12
14
|
footer = _ref.footer,
|
|
13
|
-
rest =
|
|
15
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
16
|
|
|
15
17
|
return React.createElement(React.Fragment, null, React.createElement(TableToolbarStyled, rest, React.createElement(Text, {
|
|
16
18
|
typography: "h3",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableToolbar.js","names":["React","TableToolbarStyled","Text","TableToolbar","rightIcons","title","footer","rest"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableToolbar.js","names":["React","TableToolbarStyled","Text","TableToolbar","rightIcons","title","footer","rest"],"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"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT;AACA,SAASC,IAAT,QAAqB,wBAArB;;AASA,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAK5C;EAAA,IAJJC,UAII,QAJJA,UAII;EAAA,IAHJC,KAGI,QAHJA,KAGI;EAAA,IAFJC,MAEI,QAFJA,MAEI;EAAA,IADDC,IACC;;EACJ,OACE,0CACE,oBAAC,kBAAD,EAAwBA,IAAxB,EACE,oBAAC,IAAD;IAAM,UAAU,EAAC,IAAjB;IAAsB,UAAU,EAAC;EAAjC,GACGF,KADH,CADF,EAIGD,UAJH,CADF,EAOGE,MAPH,CADF;AAWD,CAjBD;;AAmBA,eAAeH,YAAf"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
5
5
|
import styled from '@emotion/styled';
|
|
6
|
-
export var TableToolbarStyled = styled('div')(_templateObject || (_templateObject =
|
|
6
|
+
export var TableToolbarStyled = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 0 32px 12px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
7
7
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["styled","TableToolbarStyled"],"sources":["../../../../../src/components/atoms/Table/Toolbar/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TableToolbarStyled = styled('div')`\n padding: 0 32px 12px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,OAAO,IAAMC,kBAAkB,GAAGD,MAAM,CAAC,KAAD,CAAT,
|
|
1
|
+
{"version":3,"file":"styled.js","names":["styled","TableToolbarStyled"],"sources":["../../../../../src/components/atoms/Table/Toolbar/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TableToolbarStyled = styled('div')`\n padding: 0 32px 12px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,OAAO,IAAMC,kBAAkB,GAAGD,MAAM,CAAC,KAAD,CAAT,kLAAxB"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
5
5
|
import styled from '@emotion/styled';
|
|
6
|
-
export var TableStyled = styled('table')(_templateObject || (_templateObject =
|
|
6
|
+
export var TableStyled = styled('table')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n min-width: 200px;\n border-spacing: ", ";\n"])), function (_ref) {
|
|
7
7
|
var theme = _ref.theme;
|
|
8
|
-
return theme.spacing.kilo
|
|
8
|
+
return "".concat(theme.spacing.kilo, " ").concat(theme.spacing.mili);
|
|
9
9
|
});
|
|
10
10
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["styled","TableStyled","theme","spacing","kilo","mili"],"sources":["../../../../src/components/atoms/Table/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TableStyled = styled('table')<Partial<StyleProps>>`\n width: 100%;\n min-width: 200px;\n border-spacing: ${({ theme }) =>\n `${theme.spacing.kilo} ${theme.spacing.mili}`};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,WAAW,GAAGD,MAAM,CAAC,OAAD,CAAT,
|
|
1
|
+
{"version":3,"file":"styled.js","names":["styled","TableStyled","theme","spacing","kilo","mili"],"sources":["../../../../src/components/atoms/Table/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TableStyled = styled('table')<Partial<StyleProps>>`\n width: 100%;\n min-width: 200px;\n border-spacing: ${({ theme }) =>\n `${theme.spacing.kilo} ${theme.spacing.mili}`};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,WAAW,GAAGD,MAAM,CAAC,OAAD,CAAT,sIAGJ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,iBACbA,KAAK,CAACC,OAAN,CAAcC,IADD,cACSF,KAAK,CAACC,OAAN,CAAcE,IADvB;AAAA,CAHI,CAAjB"}
|
|
@@ -2,6 +2,8 @@ var _excluded = ["value", "textProps"];
|
|
|
2
2
|
|
|
3
3
|
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); }
|
|
4
4
|
|
|
5
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
6
|
+
|
|
5
7
|
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; }
|
|
6
8
|
|
|
7
9
|
import React from 'react';
|
|
@@ -10,7 +12,7 @@ import { Text, Tag as TagCore } from '@tecsinapse/react-core';
|
|
|
10
12
|
var Tag = function Tag(_ref) {
|
|
11
13
|
var value = _ref.value,
|
|
12
14
|
textProps = _ref.textProps,
|
|
13
|
-
rest =
|
|
15
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
16
|
|
|
15
17
|
var _ref2 = textProps || {},
|
|
16
18
|
_ref2$colorVariant = _ref2.colorVariant,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["React","Text","Tag","TagCore","value","textProps","rest","colorVariant","colorTone","fontStack","fontWeight","variant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React 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;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\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 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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.js","names":["React","Text","Tag","TagCore","value","textProps","rest","colorVariant","colorTone","fontStack","fontWeight","variant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React 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;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\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 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"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,GAAG,IAAIC,OAFT,QAKO,wBALP;;AAYA,IAAMD,GAAuB,GAAG,SAA1BA,GAA0B,OAIb;EAAA,IAHjBE,KAGiB,QAHjBA,KAGiB;EAAA,IAFjBC,SAEiB,QAFjBA,SAEiB;EAAA,IADdC,IACc;;EACjB,YAKID,SAAS,IAAI,EALjB;EAAA,+BACEE,YADF;EAAA,IACEA,YADF,mCACiB,WADjB;EAAA,4BAEEC,SAFF;EAAA,IAEEA,SAFF,gCAEc,MAFd;EAAA,4BAGEC,SAHF;EAAA,IAGEA,SAHF,gCAGc,SAHd;EAAA,6BAIEC,UAJF;EAAA,IAIEA,UAJF,iCAIe,MAJf;;EAMA,OACE,oBAAC,OAAD;IACE,KAAK,EACH,oBAAC,IAAD;MACE,YAAY,EAAEH,YADhB;MAEE,SAAS,EAAEC,SAFb;MAGE,SAAS,EAAEC,SAHb;MAIE,UAAU,EAAEC,UAJd;MAKE,UAAU,EAAEJ,IAAI,CAACK,OAAL,KAAiB,OAAjB,GAA2B,KAA3B,GAAmC;IALjD,GAOGP,KAPH;EAFJ,GAYME,IAZN,EADF;AAgBD,CA3BD;;AA6BA,eAAeJ,GAAf"}
|
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
|
|
3
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
|
|
5
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
+
|
|
7
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
8
|
+
|
|
9
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
+
|
|
11
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
|
|
1
13
|
import React from 'react';
|
|
2
14
|
import { Text } from '@tecsinapse/react-core';
|
|
3
15
|
import { Container, TooltipSpan } from "./styled";
|
|
@@ -10,15 +22,16 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
10
22
|
var spanRef = React.useRef();
|
|
11
23
|
|
|
12
24
|
var _React$useState = React.useState(undefined),
|
|
13
|
-
|
|
14
|
-
|
|
25
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
26
|
+
computed = _React$useState2[0],
|
|
27
|
+
setComputed = _React$useState2[1];
|
|
15
28
|
|
|
16
29
|
React.useLayoutEffect(function () {
|
|
17
30
|
var _spanRef$current, _spanRef$current2;
|
|
18
31
|
|
|
19
32
|
setComputed({
|
|
20
|
-
width: (_spanRef$current = spanRef.current)
|
|
21
|
-
height: (_spanRef$current2 = spanRef.current)
|
|
33
|
+
width: (_spanRef$current = spanRef.current) === null || _spanRef$current === void 0 ? void 0 : _spanRef$current.clientWidth,
|
|
34
|
+
height: (_spanRef$current2 = spanRef.current) === null || _spanRef$current2 === void 0 ? void 0 : _spanRef$current2.clientHeight
|
|
22
35
|
});
|
|
23
36
|
}, []);
|
|
24
37
|
return React.createElement(Container, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["React","Text","Container","TooltipSpan","Tooltip","children","title","position","spanRef","useRef","useState","undefined","computed","setComputed","useLayoutEffect","width","current","clientWidth","height","clientHeight","ref"],"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"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,SAAT,EAAoBC,WAApB;;AAWA,IAAMC,OAA2B,GAAG,SAA9BA,OAA8B,OAI9B;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,yBADJC,QACI;EAAA,IADJA,QACI,8BADO,QACP;EACJ,IAAMC,OAAO,GAAGR,KAAK,CAACS,MAAN,EAAhB;;EACA,sBAAgCT,KAAK,CAACU,QAAN,CAC9BC,SAD8B,CAAhC;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAIAb,KAAK,CAACc,eAAN,CAAsB,YAAM;IAAA;;IAC1BD,WAAW,CAAC;MACVE,KAAK,sBAAEP,OAAO,CAACQ,OAAV,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["React","Text","Container","TooltipSpan","Tooltip","children","title","position","spanRef","useRef","useState","undefined","computed","setComputed","useLayoutEffect","width","current","clientWidth","height","clientHeight","ref"],"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"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,SAAT,EAAoBC,WAApB;;AAWA,IAAMC,OAA2B,GAAG,SAA9BA,OAA8B,OAI9B;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,yBADJC,QACI;EAAA,IADJA,QACI,8BADO,QACP;EACJ,IAAMC,OAAO,GAAGR,KAAK,CAACS,MAAN,EAAhB;;EACA,sBAAgCT,KAAK,CAACU,QAAN,CAC9BC,SAD8B,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAIAb,KAAK,CAACc,eAAN,CAAsB,YAAM;IAAA;;IAC1BD,WAAW,CAAC;MACVE,KAAK,sBAAEP,OAAO,CAACQ,OAAV,qDAAE,iBAAiBC,WADd;MAEVC,MAAM,uBAAEV,OAAO,CAACQ,OAAV,sDAAE,kBAAiBG;IAFf,CAAD,CAAX;EAID,CALD,EAKG,EALH;EAOA,OACE,oBAAC,SAAD;IAAW,QAAQ,EAAEZ;EAArB,GACGF,QADH,EAEE,oBAAC,WAAD;IACE,QAAQ,EAAEO,QADZ;IAEE,QAAQ,EAAEL,QAFZ;IAGE,GAAG,EAAE,aAAAa,KAAG;MAAA,OAAKZ,OAAO,CAACQ,OAAR,GAAkBI,KAAvB;IAAA;EAHV,GAKE,oBAAC,IAAD;IACE,UAAU,EAAC,MADb;IAEE,UAAU,EAAC,MAFb;IAGE,YAAY,EAAC,WAHf;IAIE,SAAS,EAAC;EAJZ,GAMGd,KANH,CALF,CAFF,CADF;AAmBD,CApCD;;AAsCA,eAAeF,OAAf"}
|
|
@@ -1,56 +1,56 @@
|
|
|
1
1
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
5
5
|
import { css } from '@emotion/react';
|
|
6
6
|
import styled from '@emotion/styled';
|
|
7
7
|
|
|
8
8
|
var bottomOrTopStylesCommon = function bottomOrTopStylesCommon(width, position) {
|
|
9
|
-
return ['top', 'bottom'].includes(position) && css(_templateObject || (_templateObject =
|
|
9
|
+
return ['top', 'bottom'].includes(position) && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n left: 50%;\n margin-left: -", "px;\n "])), width / 2);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
var bottomOrTopArrowCommon = function bottomOrTopArrowCommon(position) {
|
|
13
|
-
return ['top', 'bottom'].includes(position) && css(_templateObject2 || (_templateObject2 =
|
|
13
|
+
return ['top', 'bottom'].includes(position) && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n left: 50%;\n margin-left: -5px;\n "])));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
var topStyles = function topStyles(theme, position) {
|
|
17
|
-
return position === 'top' && css(_templateObject3 || (_templateObject3 =
|
|
17
|
+
return position === 'top' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n bottom: 100%;\n margin-bottom: ", ";\n transform: translateY(10%);\n "])), theme.spacing.centi);
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
var topArrow = function topArrow(theme, position) {
|
|
21
|
-
return position === 'top' && css(_templateObject4 || (_templateObject4 =
|
|
21
|
+
return position === 'top' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n top: 100%;\n border-color: ", " transparent transparent\n transparent;\n "])), theme.color.secondary.xdark);
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
var bottomStyles = function bottomStyles(theme, position) {
|
|
25
|
-
return position === 'bottom' && css(_templateObject5 || (_templateObject5 =
|
|
25
|
+
return position === 'bottom' && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n top: 100%;\n margin-top: ", ";\n transform: translateY(-10%);\n "])), theme.spacing.centi);
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
var bottomArrow = function bottomArrow(theme, position) {
|
|
29
|
-
return position === 'bottom' && css(_templateObject6 || (_templateObject6 =
|
|
29
|
+
return position === 'bottom' && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n bottom: 100%;\n border-color: transparent transparent ", "\n transparent;\n "])), theme.color.secondary.xdark);
|
|
30
30
|
};
|
|
31
31
|
|
|
32
32
|
var leftAndRightCommonStyles = function leftAndRightCommonStyles(height, position) {
|
|
33
|
-
return ['right', 'left'].includes(position) && css(_templateObject7 || (_templateObject7 =
|
|
33
|
+
return ['right', 'left'].includes(position) && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n top: 50%;\n margin-top: -", "px;\n "])), height / 2);
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
var leftOrRightArrowCommon = function leftOrRightArrowCommon(position) {
|
|
37
|
-
return ['right', 'left'].includes(position) && css(_templateObject8 || (_templateObject8 =
|
|
37
|
+
return ['right', 'left'].includes(position) && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n top: 50%;\n margin-top: -5px;\n "])));
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
var leftStyles = function leftStyles(theme, position) {
|
|
41
|
-
return position === 'left' && css(_templateObject9 || (_templateObject9 =
|
|
41
|
+
return position === 'left' && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n right: 100%;\n margin-right: ", ";\n transform: translateX(10%);\n "])), theme.spacing.centi);
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
var leftArrow = function leftArrow(theme, position) {
|
|
45
|
-
return position === 'left' && css(_templateObject10 || (_templateObject10 =
|
|
45
|
+
return position === 'left' && css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n left: 100%;\n border-color: transparent transparent transparent\n ", ";\n "])), theme.color.secondary.xdark);
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
var rightStyles = function rightStyles(theme, position) {
|
|
49
|
-
return position === 'right' && css(_templateObject11 || (_templateObject11 =
|
|
49
|
+
return position === 'right' && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n left: 100%;\n margin-left: ", ";\n transform: translateX(-10%);\n "])), theme.spacing.centi);
|
|
50
50
|
};
|
|
51
51
|
|
|
52
52
|
var rightArrow = function rightArrow(theme, position) {
|
|
53
|
-
return position === 'right' && css(_templateObject12 || (_templateObject12 =
|
|
53
|
+
return position === 'right' && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n right: 100%;\n border-color: transparent ", " transparent\n transparent;\n "])), theme.color.secondary.xdark);
|
|
54
54
|
};
|
|
55
55
|
|
|
56
56
|
export var TooltipSpan = styled('span')(function (_ref) {
|
|
@@ -64,9 +64,9 @@ export var TooltipSpan = styled('span')(function (_ref) {
|
|
|
64
64
|
_ref2$height = _ref2.height,
|
|
65
65
|
height = _ref2$height === void 0 ? 0 : _ref2$height;
|
|
66
66
|
|
|
67
|
-
return css(_templateObject13 || (_templateObject13 =
|
|
67
|
+
return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n position: absolute;\n width: max-content;\n padding: ", " ", ";\n border-radius: ", ";\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n background-color: ", ";\n z-index: ", ";\n\n ", "\n ", "\n ", "\n \n ", "\n ", "\n ", "\n\n &::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 5px;\n\n ", "\n ", "\n ", "\n \n ", "\n ", "\n ", "\n }\n "])), theme.spacing.micro, theme.spacing.centi, theme.borderRadius.mili, theme.color.secondary.xdark, theme.zIndex.absolute, bottomOrTopStylesCommon(width, position), bottomStyles(theme, position), topStyles(theme, position), leftAndRightCommonStyles(height, position), leftStyles(theme, position), rightStyles(theme, position), bottomOrTopArrowCommon(position), bottomArrow(theme, position), topArrow(theme, position), leftOrRightArrowCommon(position), leftArrow(theme, position), rightArrow(theme, position));
|
|
68
68
|
});
|
|
69
|
-
export var Container = styled('div')(_templateObject14 || (_templateObject14 =
|
|
69
|
+
export var Container = styled('div')(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n position: relative;\n &:hover {\n & > span {\n opacity: 1;\n visibility: visible;\n display: flex;\n transform: ", ";\n }\n }\n"])), function (_ref3) {
|
|
70
70
|
var position = _ref3.position;
|
|
71
71
|
return position === 'left' || position === 'right' ? 'translateX(0%)' : 'translateY(0%)';
|
|
72
72
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["css","styled","bottomOrTopStylesCommon","width","position","includes","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","computed","micro","borderRadius","mili","zIndex","absolute","Container"],"sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n ['top', 'bottom'].includes(position as Position) &&\n css`\n left: 50%;\n margin-left: -${width / 2}px;\n `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n ['top', 'bottom'].includes(position as Position) &&\n css`\n left: 50%;\n margin-left: -5px;\n `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n position === 'top' &&\n css`\n bottom: 100%;\n margin-bottom: ${theme.spacing.centi};\n transform: translateY(10%);\n `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n position === 'top' &&\n css`\n top: 100%;\n border-color: ${theme.color.secondary.xdark} transparent transparent\n transparent;\n `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n position === 'bottom' &&\n css`\n top: 100%;\n margin-top: ${theme.spacing.centi};\n transform: translateY(-10%);\n `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n position === 'bottom' &&\n css`\n bottom: 100%;\n border-color: transparent transparent ${theme.color.secondary.xdark}\n transparent;\n `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n ['right', 'left'].includes(position as Position) &&\n css`\n top: 50%;\n margin-top: -${height / 2}px;\n `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n ['right', 'left'].includes(position as Position) &&\n css`\n top: 50%;\n margin-top: -5px;\n `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n position === 'left' &&\n css`\n right: 100%;\n margin-right: ${theme.spacing.centi};\n transform: translateX(10%);\n `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n position === 'left' &&\n css`\n left: 100%;\n border-color: transparent transparent transparent\n ${theme.color.secondary.xdark};\n `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n position === 'right' &&\n css`\n left: 100%;\n margin-left: ${theme.spacing.centi};\n transform: translateX(-10%);\n `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n position === 'right' &&\n css`\n right: 100%;\n border-color: transparent ${theme.color.secondary.xdark} transparent\n transparent;\n `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n ({ theme, computed, position }) => {\n const { width = 0, height = 0 } = computed || {};\n return css`\n position: absolute;\n width: max-content;\n padding: ${theme.spacing.micro} ${theme.spacing.centi};\n border-radius: ${theme.borderRadius.mili};\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n background-color: ${theme.color.secondary.xdark};\n z-index: ${theme.zIndex.absolute};\n\n ${bottomOrTopStylesCommon(width, position)}\n ${bottomStyles(theme, position)}\n ${topStyles(theme, position)}\n \n ${leftAndRightCommonStyles(height, position)}\n ${leftStyles(theme, position)}\n ${rightStyles(theme, position)}\n\n &::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 5px;\n\n ${bottomOrTopArrowCommon(position)}\n ${bottomArrow(theme, position)}\n ${topArrow(theme, position)}\n \n ${leftOrRightArrowCommon(position)}\n ${leftArrow(theme, position)}\n ${rightArrow(theme, position)}\n }\n `;\n }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n position: relative;\n &:hover {\n & > span {\n opacity: 1;\n visibility: visible;\n display: flex;\n transform: ${({ position }) =>\n position === 'left' || position === 'right'\n ? 'translateX(0%)'\n : 'translateY(0%)'};\n }\n }\n`;\n"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,gBAApB;AAEA,OAAOC,MAAP,MAAmB,iBAAnB;;AAMA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAgBC,QAAhB;EAAA,OAC9B,CAAC,KAAD,EAAQ,QAAR,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,
|
|
1
|
+
{"version":3,"file":"styled.js","names":["css","styled","bottomOrTopStylesCommon","width","position","includes","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","computed","micro","borderRadius","mili","zIndex","absolute","Container"],"sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n ['top', 'bottom'].includes(position as Position) &&\n css`\n left: 50%;\n margin-left: -${width / 2}px;\n `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n ['top', 'bottom'].includes(position as Position) &&\n css`\n left: 50%;\n margin-left: -5px;\n `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n position === 'top' &&\n css`\n bottom: 100%;\n margin-bottom: ${theme.spacing.centi};\n transform: translateY(10%);\n `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n position === 'top' &&\n css`\n top: 100%;\n border-color: ${theme.color.secondary.xdark} transparent transparent\n transparent;\n `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n position === 'bottom' &&\n css`\n top: 100%;\n margin-top: ${theme.spacing.centi};\n transform: translateY(-10%);\n `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n position === 'bottom' &&\n css`\n bottom: 100%;\n border-color: transparent transparent ${theme.color.secondary.xdark}\n transparent;\n `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n ['right', 'left'].includes(position as Position) &&\n css`\n top: 50%;\n margin-top: -${height / 2}px;\n `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n ['right', 'left'].includes(position as Position) &&\n css`\n top: 50%;\n margin-top: -5px;\n `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n position === 'left' &&\n css`\n right: 100%;\n margin-right: ${theme.spacing.centi};\n transform: translateX(10%);\n `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n position === 'left' &&\n css`\n left: 100%;\n border-color: transparent transparent transparent\n ${theme.color.secondary.xdark};\n `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n position === 'right' &&\n css`\n left: 100%;\n margin-left: ${theme.spacing.centi};\n transform: translateX(-10%);\n `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n position === 'right' &&\n css`\n right: 100%;\n border-color: transparent ${theme.color.secondary.xdark} transparent\n transparent;\n `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n ({ theme, computed, position }) => {\n const { width = 0, height = 0 } = computed || {};\n return css`\n position: absolute;\n width: max-content;\n padding: ${theme.spacing.micro} ${theme.spacing.centi};\n border-radius: ${theme.borderRadius.mili};\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n background-color: ${theme.color.secondary.xdark};\n z-index: ${theme.zIndex.absolute};\n\n ${bottomOrTopStylesCommon(width, position)}\n ${bottomStyles(theme, position)}\n ${topStyles(theme, position)}\n \n ${leftAndRightCommonStyles(height, position)}\n ${leftStyles(theme, position)}\n ${rightStyles(theme, position)}\n\n &::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 5px;\n\n ${bottomOrTopArrowCommon(position)}\n ${bottomArrow(theme, position)}\n ${topArrow(theme, position)}\n \n ${leftOrRightArrowCommon(position)}\n ${leftArrow(theme, position)}\n ${rightArrow(theme, position)}\n }\n `;\n }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n position: relative;\n &:hover {\n & > span {\n opacity: 1;\n visibility: visible;\n display: flex;\n transform: ${({ position }) =>\n position === 'left' || position === 'right'\n ? 'translateX(0%)'\n : 'translateY(0%)'};\n }\n }\n`;\n"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,gBAApB;AAEA,OAAOC,MAAP,MAAmB,iBAAnB;;AAMA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAgBC,QAAhB;EAAA,OAC9B,CAAC,KAAD,EAAQ,QAAR,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,qHAGkBG,KAAK,GAAG,CAH1B,CAD8B;AAAA,CAAhC;;AAOA,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,QAAD;EAAA,OAC7B,CAAC,KAAD,EAAQ,QAAR,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,mHAD6B;AAAA,CAA/B;;AAQA,IAAMO,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAmBJ,QAAnB;EAAA,OAChBA,QAAQ,KAAK,KAAb,IACAJ,GADA,0JAGmBQ,KAAK,CAACC,OAAN,CAAcC,KAHjC,CADgB;AAAA,CAAlB;;AAQA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACH,KAAD,EAAmBJ,QAAnB;EAAA,OACfA,QAAQ,KAAK,KAAb,IACAJ,GADA,gKAGkBQ,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAHxC,CADe;AAAA,CAAjB;;AASA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD,EAAmBJ,QAAnB;EAAA,OACnBA,QAAQ,KAAK,QAAb,IACAJ,GADA,qJAGgBQ,KAAK,CAACC,OAAN,CAAcC,KAH9B,CADmB;AAAA,CAArB;;AAQA,IAAMM,WAAW,GAAG,SAAdA,WAAc,CAACR,KAAD,EAAmBJ,QAAnB;EAAA,OAClBA,QAAQ,KAAK,QAAb,IACAJ,GADA,mKAG0CQ,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAHhE,CADkB;AAAA,CAApB;;AASA,IAAMG,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,MAAD,EAAiBd,QAAjB;EAAA,OAC/B,CAAC,OAAD,EAAU,MAAV,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,qHAGiBkB,MAAM,GAAG,CAH1B,CAD+B;AAAA,CAAjC;;AAOA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACf,QAAD;EAAA,OAC7B,CAAC,OAAD,EAAU,MAAV,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,iHAD6B;AAAA,CAA/B;;AAQA,IAAMoB,UAAU,GAAG,SAAbA,UAAa,CAACZ,KAAD,EAAmBJ,QAAnB;EAAA,OACjBA,QAAQ,KAAK,MAAb,IACAJ,GADA,wJAGkBQ,KAAK,CAACC,OAAN,CAAcC,KAHhC,CADiB;AAAA,CAAnB;;AAQA,IAAMW,SAAS,GAAG,SAAZA,SAAY,CAACb,KAAD,EAAmBJ,QAAnB;EAAA,OAChBA,QAAQ,KAAK,MAAb,IACAJ,GADA,mKAIMQ,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAJ5B,CADgB;AAAA,CAAlB;;AASA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACd,KAAD,EAAmBJ,QAAnB;EAAA,OAClBA,QAAQ,KAAK,OAAb,IACAJ,GADA,yJAGiBQ,KAAK,CAACC,OAAN,CAAcC,KAH/B,CADkB;AAAA,CAApB;;AAQA,IAAMa,UAAU,GAAG,SAAbA,UAAa,CAACf,KAAD,EAAmBJ,QAAnB;EAAA,OACjBA,QAAQ,KAAK,OAAb,IACAJ,GADA,oKAG8BQ,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAHpD,CADiB;AAAA,CAAnB;;AAQA,OAAO,IAAMU,WAAW,GAAGvB,MAAM,CAAC,MAAD,CAAN,CACzB,gBAAmC;EAAA,IAAhCO,KAAgC,QAAhCA,KAAgC;EAAA,IAAzBiB,QAAyB,QAAzBA,QAAyB;EAAA,IAAfrB,QAAe,QAAfA,QAAe;;EACjC,YAAkCqB,QAAQ,IAAI,EAA9C;EAAA,wBAAQtB,KAAR;EAAA,IAAQA,KAAR,4BAAgB,CAAhB;EAAA,yBAAmBe,MAAnB;EAAA,IAAmBA,MAAnB,6BAA4B,CAA5B;;EACA,OAAOlB,GAAP,8pBAGaQ,KAAK,CAACC,OAAN,CAAciB,KAH3B,EAGoClB,KAAK,CAACC,OAAN,CAAcC,KAHlD,EAImBF,KAAK,CAACmB,YAAN,CAAmBC,IAJtC,EAQsBpB,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAR5C,EASaN,KAAK,CAACqB,MAAN,CAAaC,QAT1B,EAWI5B,uBAAuB,CAACC,KAAD,EAAQC,QAAR,CAX3B,EAYIW,YAAY,CAACP,KAAD,EAAQJ,QAAR,CAZhB,EAaIG,SAAS,CAACC,KAAD,EAAQJ,QAAR,CAbb,EAeIa,wBAAwB,CAACC,MAAD,EAASd,QAAT,CAf5B,EAgBIgB,UAAU,CAACZ,KAAD,EAAQJ,QAAR,CAhBd,EAiBIkB,WAAW,CAACd,KAAD,EAAQJ,QAAR,CAjBf,EAyBME,sBAAsB,CAACF,QAAD,CAzB5B,EA0BMY,WAAW,CAACR,KAAD,EAAQJ,QAAR,CA1BjB,EA2BMO,QAAQ,CAACH,KAAD,EAAQJ,QAAR,CA3Bd,EA6BMe,sBAAsB,CAACf,QAAD,CA7B5B,EA8BMiB,SAAS,CAACb,KAAD,EAAQJ,QAAR,CA9Bf,EA+BMmB,UAAU,CAACf,KAAD,EAAQJ,QAAR,CA/BhB;AAkCD,CArCwB,CAApB;AAwCP,OAAO,IAAM2B,SAAS,GAAG9B,MAAM,CAAC,KAAD,CAAT,yOAOH;EAAA,IAAGG,QAAH,SAAGA,QAAH;EAAA,OACXA,QAAQ,KAAK,MAAb,IAAuBA,QAAQ,KAAK,OAApC,GACI,gBADJ,GAEI,gBAHO;AAAA,CAPG,CAAf"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
var _templateObject, _templateObject2;
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
5
5
|
import styled from '@emotion/styled';
|
|
6
|
-
export var StyledContainerItem = styled('div')(_templateObject || (_templateObject =
|
|
6
|
+
export var StyledContainerItem = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-right: ", ";\n"])), function (_ref) {
|
|
7
7
|
var theme = _ref.theme;
|
|
8
8
|
return theme.spacing.mili;
|
|
9
9
|
});
|
|
10
|
-
export var StyledContainerIcon = styled('div')(_templateObject2 || (_templateObject2 =
|
|
10
|
+
export var StyledContainerIcon = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-left: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n"])), function (_ref2) {
|
|
11
11
|
var theme = _ref2.theme;
|
|
12
12
|
return theme.spacing.mili;
|
|
13
13
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["styled","StyledContainerItem","theme","spacing","mili","StyledContainerIcon"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,
|
|
1
|
+
{"version":3,"file":"styled.js","names":["styled","StyledContainerItem","theme","spacing","mili","StyledContainerIcon"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,6LAKd;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CALc,CAAzB;AAQP,OAAO,IAAMC,mBAAmB,GAAGL,MAAM,CAAC,KAAD,CAAT,6LACf;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADe,CAAzB"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
var _excluded = ["breadcrumbs"];
|
|
2
2
|
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
3
5
|
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; }
|
|
4
6
|
|
|
5
7
|
import React from 'react';
|
|
@@ -8,7 +10,7 @@ import { BreadcrumbItem } from "./BreadcrumbItem";
|
|
|
8
10
|
|
|
9
11
|
var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
10
12
|
var breadcrumbs = _ref.breadcrumbs,
|
|
11
|
-
rest =
|
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
12
14
|
|
|
13
15
|
return React.createElement(StyledContainerBreadcrumbs, rest, breadcrumbs.map(function (item, index) {
|
|
14
16
|
var props = item.props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["React","StyledContainerBreadcrumbs","BreadcrumbItem","Breadcrumbs","breadcrumbs","rest","map","item","index","props","Component","title","length"],"sources":["../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n title: string;\n Component: ElementType;\n props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n return (\n <StyledContainerBreadcrumbs {...rest}>\n {breadcrumbs.map((item, index) => {\n const { props, Component = 'a', title } = item;\n return (\n <BreadcrumbItem\n key={index}\n Component={Component}\n props={props}\n isLast={breadcrumbs.length - 1 === index}\n title={title}\n />\n );\n })}\n </StyledContainerBreadcrumbs>\n );\n};\n\nexport default Breadcrumbs;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["React","StyledContainerBreadcrumbs","BreadcrumbItem","Breadcrumbs","breadcrumbs","rest","map","item","index","props","Component","title","length"],"sources":["../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n title: string;\n Component: ElementType;\n props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n return (\n <StyledContainerBreadcrumbs {...rest}>\n {breadcrumbs.map((item, index) => {\n const { props, Component = 'a', title } = item;\n return (\n <BreadcrumbItem\n key={index}\n Component={Component}\n props={props}\n isLast={breadcrumbs.length - 1 === index}\n title={title}\n />\n );\n })}\n </StyledContainerBreadcrumbs>\n );\n};\n\nexport default Breadcrumbs;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAuC,OAAvC;AACA,SAASC,0BAAT;AACA,SAASC,cAAT;;AAYA,IAAMC,WAAiC,GAAG,SAApCA,WAAoC,OAA8B;EAAA,IAA3BC,WAA2B,QAA3BA,WAA2B;EAAA,IAAXC,IAAW;;EACtE,OACE,oBAAC,0BAAD,EAAgCA,IAAhC,EACGD,WAAW,CAACE,GAAZ,CAAgB,UAACC,IAAD,EAAOC,KAAP,EAAiB;IAChC,IAAQC,KAAR,GAA0CF,IAA1C,CAAQE,KAAR;IAAA,sBAA0CF,IAA1C,CAAeG,SAAf;IAAA,IAAeA,SAAf,gCAA2B,GAA3B;IAAA,IAAgCC,KAAhC,GAA0CJ,IAA1C,CAAgCI,KAAhC;IACA,OACE,oBAAC,cAAD;MACE,GAAG,EAAEH,KADP;MAEE,SAAS,EAAEE,SAFb;MAGE,KAAK,EAAED,KAHT;MAIE,MAAM,EAAEL,WAAW,CAACQ,MAAZ,GAAqB,CAArB,KAA2BJ,KAJrC;MAKE,KAAK,EAAEG;IALT,EADF;EASD,CAXA,CADH,CADF;AAgBD,CAjBD;;AAmBA,eAAeR,WAAf"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
5
5
|
import styled from '@emotion/styled';
|
|
6
6
|
import { hex2rgba } from '@tecsinapse/react-core';
|
|
7
|
-
export var StyledContainerBreadcrumbs = styled('div')(_templateObject || (_templateObject =
|
|
7
|
+
export var StyledContainerBreadcrumbs = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: ", ";\n border-radius: ", ";\n box-shadow: 0px 2px 8px\n ", ";\n"])), function (_ref) {
|
|
8
8
|
var theme = _ref.theme;
|
|
9
9
|
return theme.miscellaneous.surfaceColor;
|
|
10
10
|
}, function (_ref2) {
|
|
11
11
|
var theme = _ref2.theme;
|
|
12
|
-
return theme.spacing.mili
|
|
12
|
+
return "".concat(theme.spacing.mili, " ").concat(theme.spacing.deca);
|
|
13
13
|
}, function (_ref3) {
|
|
14
14
|
var theme = _ref3.theme;
|
|
15
15
|
return theme.borderRadius.mili;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledContainerBreadcrumbs","theme","miscellaneous","surfaceColor","spacing","mili","deca","borderRadius","shadow"],"sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,0BAA0B,GAAGF,MAAM,CAAC,KAAD,CAAT,
|
|
1
|
+
{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledContainerBreadcrumbs","theme","miscellaneous","surfaceColor","spacing","mili","deca","borderRadius","shadow"],"sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,0BAA0B,GAAGF,MAAM,CAAC,KAAD,CAAT,6PACjB;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAnC;AAAA,CADiB,EAK1B;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACG,OAAN,CAAcC,IAAhC,cAAwCJ,KAAK,CAACG,OAAN,CAAcE,IAAtD;AAAA,CAL0B,EAMpB;EAAA,IAAGL,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACM,YAAN,CAAmBF,IAA9C;AAAA,CANoB,EAQjC;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeF,QAAQ,CAACE,KAAK,CAACC,aAAN,CAAoBM,MAArB,EAA6B,IAA7B,CAAvB;AAAA,CARiC,CAAhC"}
|
|
@@ -2,6 +2,20 @@ var _excluded = ["value", "type"];
|
|
|
2
2
|
|
|
3
3
|
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); }
|
|
4
4
|
|
|
5
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
|
+
|
|
7
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
8
|
+
|
|
9
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
|
+
|
|
11
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
12
|
+
|
|
13
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
14
|
+
|
|
15
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
+
|
|
17
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
18
|
+
|
|
5
19
|
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; }
|
|
6
20
|
|
|
7
21
|
import { Calendar, DatePicker as DatePickerCore } from '@tecsinapse/react-core';
|
|
@@ -10,11 +24,12 @@ import { Dropdown } from "../../atoms/Dropdown";
|
|
|
10
24
|
export var DatePicker = function DatePicker(_ref) {
|
|
11
25
|
var value = _ref.value,
|
|
12
26
|
type = _ref.type,
|
|
13
|
-
rest =
|
|
27
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
28
|
|
|
15
29
|
var _useState = useState(false),
|
|
16
|
-
|
|
17
|
-
|
|
30
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
31
|
+
visible = _useState2[0],
|
|
32
|
+
setVisible = _useState2[1];
|
|
18
33
|
|
|
19
34
|
var show = useCallback(function () {
|
|
20
35
|
return setVisible(true);
|