@tecsinapse/react-web-kit 1.20.1 → 1.21.1
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 +30 -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/index.d.ts +2 -1
- package/dist/components/atoms/Accordion/index.js +2 -10
- package/dist/components/atoms/Accordion/index.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/Badge/index.d.ts +2 -1
- package/dist/components/atoms/Badge/index.js +2 -10
- package/dist/components/atoms/Badge/index.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/index.d.ts +2 -1
- package/dist/components/atoms/Button/index.js +3 -12
- package/dist/components/atoms/Button/index.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/index.d.ts +2 -1
- package/dist/components/atoms/Input/index.js +2 -10
- package/dist/components/atoms/Input/index.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/index.d.ts +2 -1
- package/dist/components/atoms/InputMask/index.js +2 -10
- package/dist/components/atoms/InputMask/index.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/index.d.ts +2 -1
- package/dist/components/atoms/Modal/index.js +2 -10
- package/dist/components/atoms/Modal/index.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/index.d.ts +2 -1
- package/dist/components/atoms/Skeleton/index.js +2 -10
- package/dist/components/atoms/Skeleton/index.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/index.d.ts +2 -1
- package/dist/components/atoms/Table/Toolbar/index.js +2 -10
- package/dist/components/atoms/Table/Toolbar/index.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/index.d.ts +2 -1
- package/dist/components/atoms/Table/index.js +0 -6
- package/dist/components/atoms/Table/index.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/Tag/index.d.ts +2 -1
- package/dist/components/atoms/Tag/index.js +2 -10
- package/dist/components/atoms/Tag/index.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/index.d.ts +2 -1
- package/dist/components/atoms/Tooltip/index.js +2 -10
- package/dist/components/atoms/Tooltip/index.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/index.d.ts +2 -1
- package/dist/components/molecules/Breadcrumbs/index.js +2 -16
- package/dist/components/molecules/Breadcrumbs/index.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/index.d.ts +2 -1
- package/dist/components/molecules/DatePicker/index.js +0 -6
- package/dist/components/molecules/DatePicker/index.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/index.d.ts +2 -1
- package/dist/components/molecules/DateTimePicker/index.js +0 -6
- package/dist/components/molecules/DateTimePicker/index.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/index.d.ts +2 -1
- package/dist/components/molecules/Drawer/index.js +2 -10
- package/dist/components/molecules/Drawer/index.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 +5 -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/index.d.ts +2 -1
- package/dist/components/molecules/IconTextButton/index.js +2 -10
- package/dist/components/molecules/IconTextButton/index.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/InputPassword/index.d.ts +2 -1
- package/dist/components/molecules/InputPassword/index.js +2 -10
- package/dist/components/molecules/InputPassword/index.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/index.d.ts +2 -1
- package/dist/components/molecules/LabeledSwitch/index.js +2 -10
- package/dist/components/molecules/LabeledSwitch/index.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/index.d.ts +1 -1
- package/dist/components/molecules/Menubar/index.js +1 -24
- package/dist/components/molecules/Menubar/index.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/index.d.ts +2 -1
- package/dist/components/molecules/Select/index.js +2 -10
- package/dist/components/molecules/Select/index.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/index.d.ts +2 -1
- package/dist/components/molecules/Snackbar/index.js +2 -10
- package/dist/components/molecules/Snackbar/index.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/index.d.ts +2 -1
- package/dist/components/molecules/TextArea/index.js +2 -10
- package/dist/components/molecules/TextArea/index.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/index.d.ts +2 -1
- package/dist/components/organisms/DataGrid/index.js +3 -12
- package/dist/components/organisms/DataGrid/index.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/dist/index.d.ts +42 -21
- package/dist/index.js +3 -194
- package/dist/index.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/index.d.ts +2 -1
- package/esm/components/atoms/Accordion/index.js +1 -1
- package/esm/components/atoms/Accordion/index.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/Badge/index.d.ts +2 -1
- package/esm/components/atoms/Badge/index.js +1 -1
- package/esm/components/atoms/Badge/index.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/index.d.ts +2 -1
- package/esm/components/atoms/Button/index.js +1 -1
- package/esm/components/atoms/Button/index.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/index.d.ts +2 -1
- package/esm/components/atoms/Input/index.js +1 -1
- package/esm/components/atoms/Input/index.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/index.d.ts +2 -1
- package/esm/components/atoms/InputMask/index.js +1 -1
- package/esm/components/atoms/InputMask/index.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/index.d.ts +2 -1
- package/esm/components/atoms/Modal/index.js +1 -1
- package/esm/components/atoms/Modal/index.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/index.d.ts +2 -1
- package/esm/components/atoms/Skeleton/index.js +1 -1
- package/esm/components/atoms/Skeleton/index.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/index.d.ts +2 -1
- package/esm/components/atoms/Table/Toolbar/index.js +1 -1
- package/esm/components/atoms/Table/Toolbar/index.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/index.d.ts +2 -1
- package/esm/components/atoms/Table/index.js +1 -1
- package/esm/components/atoms/Table/index.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/Tag/index.d.ts +2 -1
- package/esm/components/atoms/Tag/index.js +1 -1
- package/esm/components/atoms/Tag/index.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/index.d.ts +2 -1
- package/esm/components/atoms/Tooltip/index.js +1 -1
- package/esm/components/atoms/Tooltip/index.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/index.d.ts +2 -1
- package/esm/components/molecules/Breadcrumbs/index.js +1 -1
- package/esm/components/molecules/Breadcrumbs/index.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/index.d.ts +2 -1
- package/esm/components/molecules/DatePicker/index.js +1 -1
- package/esm/components/molecules/DatePicker/index.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/index.d.ts +2 -1
- package/esm/components/molecules/DateTimePicker/index.js +1 -1
- package/esm/components/molecules/DateTimePicker/index.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/index.d.ts +2 -1
- package/esm/components/molecules/Drawer/index.js +1 -1
- package/esm/components/molecules/Drawer/index.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 +3 -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/index.d.ts +2 -1
- package/esm/components/molecules/IconTextButton/index.js +1 -1
- package/esm/components/molecules/IconTextButton/index.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/InputPassword/index.d.ts +2 -1
- package/esm/components/molecules/InputPassword/index.js +1 -1
- package/esm/components/molecules/InputPassword/index.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/index.d.ts +2 -1
- package/esm/components/molecules/LabeledSwitch/index.js +1 -1
- package/esm/components/molecules/LabeledSwitch/index.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/index.d.ts +1 -1
- package/esm/components/molecules/Menubar/index.js +0 -1
- package/esm/components/molecules/Menubar/index.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/index.d.ts +2 -1
- package/esm/components/molecules/Select/index.js +1 -1
- package/esm/components/molecules/Select/index.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/index.d.ts +2 -1
- package/esm/components/molecules/Snackbar/index.js +1 -1
- package/esm/components/molecules/Snackbar/index.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/index.d.ts +2 -1
- package/esm/components/molecules/TextArea/index.js +1 -1
- package/esm/components/molecules/TextArea/index.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/index.d.ts +2 -1
- package/esm/components/organisms/DataGrid/index.js +1 -1
- package/esm/components/organisms/DataGrid/index.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/esm/index.d.ts +42 -21
- package/esm/index.js +21 -21
- package/esm/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/atoms/Accordion/index.ts +2 -1
- package/src/components/atoms/Badge/index.ts +2 -1
- package/src/components/atoms/Button/index.ts +2 -1
- package/src/components/atoms/Input/index.ts +2 -1
- package/src/components/atoms/InputMask/index.ts +2 -1
- package/src/components/atoms/Modal/index.ts +2 -1
- package/src/components/atoms/Skeleton/index.ts +2 -1
- package/src/components/atoms/Table/Toolbar/index.ts +2 -1
- package/src/components/atoms/Table/index.ts +2 -1
- package/src/components/atoms/Tag/index.ts +2 -1
- package/src/components/atoms/Tooltip/index.ts +2 -1
- package/src/components/molecules/Breadcrumbs/index.ts +2 -5
- package/src/components/molecules/DatePicker/index.ts +2 -1
- package/src/components/molecules/DateTimePicker/index.ts +2 -1
- package/src/components/molecules/Drawer/index.ts +2 -1
- package/src/components/molecules/Grid/Item/functions.ts +1 -0
- package/src/components/molecules/IconTextButton/index.ts +2 -4
- package/src/components/molecules/InputPassword/index.ts +2 -4
- package/src/components/molecules/LabeledSwitch/index.ts +2 -4
- package/src/components/molecules/Menubar/index.ts +1 -1
- package/src/components/molecules/Select/index.ts +2 -1
- package/src/components/molecules/Snackbar/index.ts +2 -1
- package/src/components/molecules/TextArea/index.ts +2 -1
- package/src/components/organisms/DataGrid/index.ts +2 -1
- package/src/index.ts +42 -48
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","names":["Skeleton","children","width","height","animation","active","radius","rest","Error","opacity"],"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number;\n height?: number;\n animation?: 'pulse' | 'wave';\n active?: boolean;\n radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n animation = 'wave',\n active = true,\n radius,\n ...rest\n}) => {\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n return (\n <Wrapper\n width={width}\n height={height}\n animation={animation}\n active={active}\n radius={radius}\n {...rest}\n >\n <View\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAUA,MAAMA,QAAiC,GAAG,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","names":["Skeleton","children","width","height","animation","active","radius","rest","Error","opacity"],"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number;\n height?: number;\n animation?: 'pulse' | 'wave';\n active?: boolean;\n radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n animation = 'wave',\n active = true,\n radius,\n ...rest\n}) => {\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n return (\n <Wrapper\n width={width}\n height={height}\n animation={animation}\n active={active}\n radius={radius}\n {...rest}\n >\n <View\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAUA,MAAMA,QAAiC,GAAG,QAQpC;EAAA,IARqC;IACzCC,QADyC;IAEzCC,KAFyC;IAGzCC,MAHyC;IAIzCC,SAAS,GAAG,MAJ6B;IAKzCC,MAAM,GAAG,IALgC;IAMzCC,MANyC;IAOzC,GAAGC;EAPsC,CAQrC;;EACJ,IAAI,CAACL,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;IAClC,MAAM,IAAIO,KAAJ,CACJ,oEADI,CAAN;EAGD;;EAED,OACE,6BAAC,eAAD;IACE,KAAK,EAAEN,KADT;IAEE,MAAM,EAAEC,MAFV;IAGE,SAAS,EAAEC,SAHb;IAIE,MAAM,EAAEC,MAJV;IAKE,MAAM,EAAEC;EALV,GAMMC,IANN,GAQE,6BAAC,oBAAD;IACE,KAAK,EAAE;MAAEE,OAAO,EAAEJ,MAAM,GAAG,CAAH,GAAO;IAAxB,CADT;IAEE,aAAa,EAAEA,MAAM,GAAG,MAAH,GAAY;EAFnC,GAIGJ,QAJH,CARF,CADF;AAiBD,CAhCD;;eAkCeD,Q"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as Skeleton
|
|
1
|
+
export { default as Skeleton } from './Skeleton';
|
|
2
|
+
export type { SkeletonProps } from './Skeleton';
|
|
@@ -9,16 +9,8 @@ Object.defineProperty(exports, "Skeleton", {
|
|
|
9
9
|
return _Skeleton.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "SkeletonProps", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _Skeleton.SkeletonProps;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
var _Skeleton = _interopRequireWildcard(require("./Skeleton"));
|
|
20
12
|
|
|
21
|
-
|
|
13
|
+
var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
22
14
|
|
|
23
|
-
function
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Skeleton/index.ts"],"sourcesContent":["export { default as Skeleton
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Skeleton/index.ts"],"sourcesContent":["export { default as Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton';\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -9,73 +9,49 @@ var _react = require("@emotion/react");
|
|
|
9
9
|
|
|
10
10
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
11
11
|
|
|
12
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
13
|
+
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
opacity: 1;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
`;
|
|
56
|
-
const pulseAnim = (0, _react.css)`
|
|
57
|
-
animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;
|
|
58
|
-
`;
|
|
59
|
-
const Wrapper = (0, _styled.default)('div')`
|
|
60
|
-
background-color: ${({
|
|
61
|
-
theme,
|
|
62
|
-
animation,
|
|
63
|
-
active
|
|
64
|
-
}) => !active ? undefined : animation === 'pulse' ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor};
|
|
65
|
-
width: ${({
|
|
66
|
-
width
|
|
67
|
-
}) => `${width}px` ?? '100%'};
|
|
68
|
-
height: ${({
|
|
69
|
-
height
|
|
70
|
-
}) => `${height}px` ?? 'auto'};
|
|
71
|
-
border-radius: ${({
|
|
72
|
-
theme,
|
|
73
|
-
radius
|
|
74
|
-
}) => radius ? theme.borderRadius[radius] : 'unset'};
|
|
75
|
-
${({
|
|
76
|
-
animation,
|
|
77
|
-
active
|
|
78
|
-
}) => !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};
|
|
79
|
-
`;
|
|
16
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
|
+
|
|
18
|
+
const pulseKf = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n"])));
|
|
19
|
+
const waveKf = (0, _react.keyframes)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n"])));
|
|
20
|
+
const waveAnim = (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n &::after {\n animation: ", " 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n"])), waveKf);
|
|
21
|
+
const pulseAnim = (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n animation: ", " 1.5s ease-in-out 0.5s infinite;\n"])), pulseKf);
|
|
22
|
+
const Wrapper = (0, _styled.default)('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-color: ", ";\n width: ", ";\n height: ", ";\n border-radius: ", ";\n ", ";\n"])), _ref => {
|
|
23
|
+
let {
|
|
24
|
+
theme,
|
|
25
|
+
animation,
|
|
26
|
+
active
|
|
27
|
+
} = _ref;
|
|
28
|
+
return !active ? undefined : animation === 'pulse' ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor;
|
|
29
|
+
}, _ref2 => {
|
|
30
|
+
var _ref3;
|
|
31
|
+
|
|
32
|
+
let {
|
|
33
|
+
width
|
|
34
|
+
} = _ref2;
|
|
35
|
+
return (_ref3 = "".concat(width, "px")) !== null && _ref3 !== void 0 ? _ref3 : '100%';
|
|
36
|
+
}, _ref4 => {
|
|
37
|
+
var _ref5;
|
|
38
|
+
|
|
39
|
+
let {
|
|
40
|
+
height
|
|
41
|
+
} = _ref4;
|
|
42
|
+
return (_ref5 = "".concat(height, "px")) !== null && _ref5 !== void 0 ? _ref5 : 'auto';
|
|
43
|
+
}, _ref6 => {
|
|
44
|
+
let {
|
|
45
|
+
theme,
|
|
46
|
+
radius
|
|
47
|
+
} = _ref6;
|
|
48
|
+
return radius ? theme.borderRadius[radius] : 'unset';
|
|
49
|
+
}, _ref7 => {
|
|
50
|
+
let {
|
|
51
|
+
animation,
|
|
52
|
+
active
|
|
53
|
+
} = _ref7;
|
|
54
|
+
return !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim;
|
|
55
|
+
});
|
|
80
56
|
exports.Wrapper = Wrapper;
|
|
81
57
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["pulseKf","keyframes","waveKf","waveAnim","css","pulseAnim","Wrapper","styled","theme","animation","active","undefined","miscellaneous","bodyColor","surfaceColor","width","height","radius","borderRadius"],"sources":["../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst waveKf = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst waveAnim = css`\n position: relative;\n overflow: hidden;\n &::after {\n animation: ${waveKf} 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n`;\n\nconst pulseAnim = css`\n animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n background-color: ${({\n theme,\n animation,\n active,\n }: StyleProps & Partial<SkeletonProps>) =>\n !active\n ? undefined\n : animation === 'pulse'\n ? theme.miscellaneous.bodyColor\n : theme.miscellaneous.surfaceColor};\n width: ${({ width }) => `${width}px` ?? '100%'};\n height: ${({ height }) => `${height}px` ?? 'auto'};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 'unset'};\n ${({ animation, active }) =>\n !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA
|
|
1
|
+
{"version":3,"file":"styled.js","names":["pulseKf","keyframes","waveKf","waveAnim","css","pulseAnim","Wrapper","styled","theme","animation","active","undefined","miscellaneous","bodyColor","surfaceColor","width","height","radius","borderRadius"],"sources":["../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst waveKf = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst waveAnim = css`\n position: relative;\n overflow: hidden;\n &::after {\n animation: ${waveKf} 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n`;\n\nconst pulseAnim = css`\n animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n background-color: ${({\n theme,\n animation,\n active,\n }: StyleProps & Partial<SkeletonProps>) =>\n !active\n ? undefined\n : animation === 'pulse'\n ? theme.miscellaneous.bodyColor\n : theme.miscellaneous.surfaceColor};\n width: ${({ width }) => `${width}px` ?? '100%'};\n height: ${({ height }) => `${height}px` ?? 'auto'};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 'unset'};\n ${({ animation, active }) =>\n !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAIA,MAAMA,OAAO,OAAGC,gBAAH,uKAAb;AAYA,MAAMC,MAAM,OAAGD,gBAAH,2NAAZ;AAYA,MAAME,QAAQ,OAAGC,UAAH,6bAIGF,MAJH,CAAd;AAqBA,MAAMG,SAAS,OAAGD,UAAH,8HACAJ,OADA,CAAf;AAIO,MAAMM,OAAO,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,uKACE;EAAA,IAAC;IACnBC,KADmB;IAEnBC,SAFmB;IAGnBC;EAHmB,CAAD;EAAA,OAKlB,CAACA,MAAD,GACIC,SADJ,GAEIF,SAAS,KAAK,OAAd,GACAD,KAAK,CAACI,aAAN,CAAoBC,SADpB,GAEAL,KAAK,CAACI,aAAN,CAAoBE,YATN;AAAA,CADF,EAWT;EAAA;;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,0BAAkBA,KAAlB,gDAA+B,MAA/B;AAAA,CAXS,EAYR;EAAA;;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,0BAAmBA,MAAnB,gDAAiC,MAAjC;AAAA,CAZQ,EAaD;EAAA,IAAC;IAAER,KAAF;IAASS;EAAT,CAAD;EAAA,OACfA,MAAM,GAAGT,KAAK,CAACU,YAAN,CAAmBD,MAAnB,CAAH,GAAgC,OADvB;AAAA,CAbC,EAehB;EAAA,IAAC;IAAER,SAAF;IAAaC;EAAb,CAAD;EAAA,OACA,CAACA,MAAD,GAAUC,SAAV,GAAsBF,SAAS,KAAK,OAAd,GAAwBJ,SAAxB,GAAoCF,QAD1D;AAAA,CAfgB,CAAb"}
|
|
@@ -9,10 +9,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
|
|
12
|
-
const TBody =
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
const TBody = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
children,
|
|
15
|
+
...rest
|
|
16
|
+
} = _ref;
|
|
16
17
|
return _react.default.createElement("tbody", rest, children);
|
|
17
18
|
};
|
|
18
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TBody.js","names":["TBody","children","rest"],"sources":["../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nexport const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,KAA8D,GAAG,
|
|
1
|
+
{"version":3,"file":"TBody.js","names":["TBody","children","rest"],"sources":["../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nexport const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,KAA8D,GAAG,QAGxE;EAAA,IAHyE;IAC7EC,QAD6E;IAE7E,GAAGC;EAF0E,CAGzE;EACJ,OAAO,sCAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALM;;;eAOQD,K"}
|
|
@@ -11,10 +11,11 @@ var _styled = require("./styled");
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
const Td =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const Td = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
children,
|
|
17
|
+
...rest
|
|
18
|
+
} = _ref;
|
|
18
19
|
return _react.default.createElement(_styled.TCell, rest, children);
|
|
19
20
|
};
|
|
20
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Td.js","names":["Td","children","rest"],"sources":["../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n children,\n ...rest\n}) => {\n return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,EAA0D,GAAG,
|
|
1
|
+
{"version":3,"file":"Td.js","names":["Td","children","rest"],"sources":["../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n children,\n ...rest\n}) => {\n return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,EAA0D,GAAG,QAG7D;EAAA,IAH8D;IAClEC,QADkE;IAElE,GAAGC;EAF+D,CAG9D;EACJ,OAAO,6BAAC,aAAD,EAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALD;;eAOeD,E"}
|
|
@@ -7,28 +7,42 @@ exports.TCell = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
9
|
|
|
10
|
+
var _templateObject;
|
|
11
|
+
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
12
|
-
|
|
13
|
-
padding: ${({
|
|
14
|
-
theme
|
|
15
|
-
}) => theme.spacing.deca};
|
|
14
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
16
15
|
|
|
17
|
-
color:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
theme
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
16
|
+
const TCell = (0, _styled.default)('td')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", ";\n\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n font-family: ", ";\n"])), _ref => {
|
|
17
|
+
let {
|
|
18
|
+
theme
|
|
19
|
+
} = _ref;
|
|
20
|
+
return theme.spacing.deca;
|
|
21
|
+
}, _ref2 => {
|
|
22
|
+
let {
|
|
23
|
+
theme
|
|
24
|
+
} = _ref2;
|
|
25
|
+
return theme.font.color.dark;
|
|
26
|
+
}, _ref3 => {
|
|
27
|
+
let {
|
|
28
|
+
theme
|
|
29
|
+
} = _ref3;
|
|
30
|
+
return theme.font.weight.bold;
|
|
31
|
+
}, _ref4 => {
|
|
32
|
+
let {
|
|
33
|
+
theme
|
|
34
|
+
} = _ref4;
|
|
35
|
+
return theme.typography.base.fontSize;
|
|
36
|
+
}, _ref5 => {
|
|
37
|
+
let {
|
|
38
|
+
theme
|
|
39
|
+
} = _ref5;
|
|
40
|
+
return theme.typography.base.lineHeight;
|
|
41
|
+
}, _ref6 => {
|
|
42
|
+
let {
|
|
43
|
+
theme
|
|
44
|
+
} = _ref6;
|
|
45
|
+
return theme.font.stack.default;
|
|
46
|
+
});
|
|
33
47
|
exports.TCell = TCell;
|
|
34
48
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["TCell","styled","theme","spacing","deca","font","color","dark","weight","bold","typography","base","fontSize","lineHeight","stack","default"],"sources":["../../../../../src/components/atoms/Table/Cell/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TCell = styled('td')<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n\n color: ${({ theme }) => theme.font.color.dark};\n font-weight: ${({ theme }) => theme.font.weight.bold};\n font-size: ${({ theme }) => theme.typography.base.fontSize};\n line-height: ${({ theme }) => theme.typography.base.lineHeight};\n font-family: ${({ theme }) => theme.font.stack.default};\n`;\n"],"mappings":";;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"styled.js","names":["TCell","styled","theme","spacing","deca","font","color","dark","weight","bold","typography","base","fontSize","lineHeight","stack","default"],"sources":["../../../../../src/components/atoms/Table/Cell/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TCell = styled('td')<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n\n color: ${({ theme }) => theme.font.color.dark};\n font-weight: ${({ theme }) => theme.font.weight.bold};\n font-size: ${({ theme }) => theme.typography.base.fontSize};\n line-height: ${({ theme }) => theme.typography.base.lineHeight};\n font-family: ${({ theme }) => theme.font.stack.default};\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAGO,MAAMA,KAAK,GAAG,IAAAC,eAAA,EAAO,IAAP,CAAH,kMACL;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADK,EAGP;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBC,IAAhC;AAAA,CAHO,EAID;EAAA,IAAC;IAAEL;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACG,IAAN,CAAWG,MAAX,CAAkBC,IAAjC;AAAA,CAJC,EAKH;EAAA,IAAC;IAAEP;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACQ,UAAN,CAAiBC,IAAjB,CAAsBC,QAArC;AAAA,CALG,EAMD;EAAA,IAAC;IAAEV;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACQ,UAAN,CAAiBC,IAAjB,CAAsBE,UAArC;AAAA,CANC,EAOD;EAAA,IAAC;IAAEX;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACG,IAAN,CAAWS,KAAX,CAAiBC,OAAhC;AAAA,CAPC,CAAX"}
|
|
@@ -11,10 +11,11 @@ var _styled = require("./styled");
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
const TableContainer =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const TableContainer = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
children,
|
|
17
|
+
...rest
|
|
18
|
+
} = _ref;
|
|
18
19
|
return _react.default.createElement(_styled.TContainer, rest, children);
|
|
19
20
|
};
|
|
20
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableContainer.js","names":["TableContainer","children","rest"],"sources":["../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { TContainer } from './styled';\n\nconst TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n children,\n ...rest\n}) => {\n return <TContainer {...rest}>{children}</TContainer>;\n};\n\nexport default TableContainer;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,cAA8D,GAAG,
|
|
1
|
+
{"version":3,"file":"TableContainer.js","names":["TableContainer","children","rest"],"sources":["../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { TContainer } from './styled';\n\nconst TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n children,\n ...rest\n}) => {\n return <TContainer {...rest}>{children}</TContainer>;\n};\n\nexport default TableContainer;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,cAA8D,GAAG,QAGjE;EAAA,IAHkE;IACtEC,QADsE;IAEtE,GAAGC;EAFmE,CAGlE;EACJ,OAAO,6BAAC,kBAAD,EAAgBA,IAAhB,EAAuBD,QAAvB,CAAP;AACD,CALD;;eAOeD,c"}
|
|
@@ -9,22 +9,32 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
|
9
9
|
|
|
10
10
|
var _reactCore = require("@tecsinapse/react-core");
|
|
11
11
|
|
|
12
|
+
var _templateObject;
|
|
13
|
+
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
16
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
|
+
|
|
18
|
+
const TContainer = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", ";\n box-shadow: 0 2px 8px\n ", ";\n padding: ", ";\n"])), _ref => {
|
|
19
|
+
let {
|
|
20
|
+
theme
|
|
21
|
+
} = _ref;
|
|
22
|
+
return theme.miscellaneous.surfaceColor;
|
|
23
|
+
}, _ref2 => {
|
|
24
|
+
let {
|
|
25
|
+
theme
|
|
26
|
+
} = _ref2;
|
|
27
|
+
return theme.borderRadius.mili;
|
|
28
|
+
}, _ref3 => {
|
|
29
|
+
let {
|
|
30
|
+
theme
|
|
31
|
+
} = _ref3;
|
|
32
|
+
return (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05);
|
|
33
|
+
}, _ref4 => {
|
|
34
|
+
let {
|
|
35
|
+
theme
|
|
36
|
+
} = _ref4;
|
|
37
|
+
return "".concat(theme.spacing.deca, " 0");
|
|
38
|
+
});
|
|
29
39
|
exports.TContainer = TContainer;
|
|
30
40
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["TContainer","styled","theme","miscellaneous","surfaceColor","borderRadius","mili","hex2rgba","shadow","spacing","deca"],"sources":["../../../../../src/components/atoms/Table/Container/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TContainer = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n padding: ${({ theme }) => `${theme.spacing.deca} 0`};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA
|
|
1
|
+
{"version":3,"file":"styled.js","names":["TContainer","styled","theme","miscellaneous","surfaceColor","borderRadius","mili","hex2rgba","shadow","spacing","deca"],"sources":["../../../../../src/components/atoms/Table/Container/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TContainer = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n padding: ${({ theme }) => `${theme.spacing.deca} 0`};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,UAAU,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,iLACD;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAnC;AAAA,CADC,EAEJ;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACG,YAAN,CAAmBC,IAAlC;AAAA,CAFI,EAIjB;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAAe,IAAAK,mBAAA,EAASL,KAAK,CAACC,aAAN,CAAoBK,MAA7B,EAAqC,IAArC,CAAf;AAAA,CAJiB,EAKV;EAAA,IAAC;IAAEN;EAAF,CAAD;EAAA,iBAAkBA,KAAK,CAACO,OAAN,CAAcC,IAAhC;AAAA,CALU,CAAhB"}
|
|
@@ -11,10 +11,11 @@ var _styled = require("./styled");
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
const TFoot =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const TFoot = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
children,
|
|
17
|
+
...rest
|
|
18
|
+
} = _ref;
|
|
18
19
|
return _react.default.createElement(_styled.TFooter, rest, children);
|
|
19
20
|
};
|
|
20
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TFoot.js","names":["TFoot","children","rest"],"sources":["../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nexport const TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,KAA8D,GAAG,
|
|
1
|
+
{"version":3,"file":"TFoot.js","names":["TFoot","children","rest"],"sources":["../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nexport const TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,KAA8D,GAAG,QAGxE;EAAA,IAHyE;IAC7EC,QAD6E;IAE7E,GAAGC;EAF0E,CAGzE;EACJ,OAAO,6BAAC,eAAD,EAAaA,IAAb,EAAoBD,QAApB,CAAP;AACD,CALM;;;eAOQD,K"}
|
|
@@ -7,13 +7,12 @@ exports.TFooter = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
9
|
|
|
10
|
+
var _templateObject;
|
|
11
|
+
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
box-shadow: none;
|
|
15
|
-
border-radius: unset;
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
14
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
15
|
+
|
|
16
|
+
const TFooter = (0, _styled.default)('tfoot')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n & > tr {\n box-shadow: none;\n border-radius: unset;\n }\n"])));
|
|
18
17
|
exports.TFooter = TFooter;
|
|
19
18
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["TFooter","styled"],"sources":["../../../../../src/components/atoms/Table/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TFooter = styled('tfoot')`\n & > tr {\n box-shadow: none;\n border-radius: unset;\n }\n`;\n"],"mappings":";;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"styled.js","names":["TFooter","styled"],"sources":["../../../../../src/components/atoms/Table/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TFooter = styled('tfoot')`\n & > tr {\n box-shadow: none;\n border-radius: unset;\n }\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAEO,MAAMA,OAAO,GAAG,IAAAC,eAAA,EAAO,OAAP,CAAH,0IAAb"}
|
|
@@ -13,10 +13,11 @@ var _Tr = require("../Row/Tr");
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
-
const THead =
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
const THead = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
children,
|
|
19
|
+
...rest
|
|
20
|
+
} = _ref;
|
|
20
21
|
return _react.default.createElement(_styled.THeadStyled, rest, children, _react.default.createElement(_Tr.Tr, null, _react.default.createElement("td", {
|
|
21
22
|
colSpan: 99
|
|
22
23
|
}, _react.default.createElement(_styled.HeaderBackground, null))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"THead.js","names":["THead","children","rest"],"sources":["../../../../../src/components/atoms/Table/Header/THead.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport { Tr } from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return (\n <THeadStyled {...rest}>\n {children}\n <Tr>\n <td colSpan={99}>\n <HeaderBackground />\n </td>\n </Tr>\n </THeadStyled>\n );\n};\n\nexport default THead;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,KAA8D,GAAG,
|
|
1
|
+
{"version":3,"file":"THead.js","names":["THead","children","rest"],"sources":["../../../../../src/components/atoms/Table/Header/THead.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport { Tr } from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return (\n <THeadStyled {...rest}>\n {children}\n <Tr>\n <td colSpan={99}>\n <HeaderBackground />\n </td>\n </Tr>\n </THeadStyled>\n );\n};\n\nexport default THead;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,KAA8D,GAAG,QAGjE;EAAA,IAHkE;IACtEC,QADsE;IAEtE,GAAGC;EAFmE,CAGlE;EACJ,OACE,6BAAC,mBAAD,EAAiBA,IAAjB,EACGD,QADH,EAEE,6BAAC,MAAD,QACE;IAAI,OAAO,EAAE;EAAb,GACE,6BAAC,wBAAD,OADF,CADF,CAFF,CADF;AAUD,CAdD;;eAgBeD,K"}
|
|
@@ -11,10 +11,11 @@ var _styled = require("./styled");
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
const Th =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const Th = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
children,
|
|
17
|
+
...rest
|
|
18
|
+
} = _ref;
|
|
18
19
|
return _react.default.createElement(_styled.ThStyled, rest, children);
|
|
19
20
|
};
|
|
20
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Th.js","names":["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;;AACA;;;;AAEO,MAAMA,EAEZ,GAAG,
|
|
1
|
+
{"version":3,"file":"Th.js","names":["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;;AACA;;;;AAEO,MAAMA,EAEZ,GAAG,QAA2B;EAAA,IAA1B;IAAEC,QAAF;IAAY,GAAGC;EAAf,CAA0B;EAC7B,OAAO,6BAAC,gBAAD,EAAcA,IAAd,EAAqBD,QAArB,CAAP;AACD,CAJM;;;eAMQD,E"}
|
|
@@ -7,48 +7,51 @@ exports.ThStyled = exports.THeadStyled = exports.HeaderBackground = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
9
|
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
11
|
+
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
12
|
-
|
|
13
|
-
padding: ${({
|
|
14
|
-
theme
|
|
15
|
-
}) => `${theme.spacing.centi} ${theme.spacing.deca}`};
|
|
16
|
-
color: ${({
|
|
17
|
-
theme
|
|
18
|
-
}) => theme.font.color.medium};
|
|
19
|
-
font-weight: ${({
|
|
20
|
-
theme
|
|
21
|
-
}) => theme.font.weight.bold};
|
|
22
|
-
font-size: ${({
|
|
23
|
-
theme
|
|
24
|
-
}) => theme.typography.sub.fontSize};
|
|
25
|
-
line-height: ${({
|
|
26
|
-
theme
|
|
27
|
-
}) => theme.typography.sub.lineHeight};
|
|
28
|
-
font-family: ${({
|
|
29
|
-
theme
|
|
30
|
-
}) => theme.font.stack.default};
|
|
14
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
31
15
|
|
|
32
|
-
text-align: start
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
16
|
+
const ThStyled = (0, _styled.default)('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"])), _ref => {
|
|
17
|
+
let {
|
|
18
|
+
theme
|
|
19
|
+
} = _ref;
|
|
20
|
+
return "".concat(theme.spacing.centi, " ").concat(theme.spacing.deca);
|
|
21
|
+
}, _ref2 => {
|
|
22
|
+
let {
|
|
23
|
+
theme
|
|
24
|
+
} = _ref2;
|
|
25
|
+
return theme.font.color.medium;
|
|
26
|
+
}, _ref3 => {
|
|
27
|
+
let {
|
|
28
|
+
theme
|
|
29
|
+
} = _ref3;
|
|
30
|
+
return theme.font.weight.bold;
|
|
31
|
+
}, _ref4 => {
|
|
32
|
+
let {
|
|
33
|
+
theme
|
|
34
|
+
} = _ref4;
|
|
35
|
+
return theme.typography.sub.fontSize;
|
|
36
|
+
}, _ref5 => {
|
|
37
|
+
let {
|
|
38
|
+
theme
|
|
39
|
+
} = _ref5;
|
|
40
|
+
return theme.typography.sub.lineHeight;
|
|
41
|
+
}, _ref6 => {
|
|
42
|
+
let {
|
|
43
|
+
theme
|
|
44
|
+
} = _ref6;
|
|
45
|
+
return theme.font.stack.default;
|
|
46
|
+
});
|
|
37
47
|
exports.ThStyled = ThStyled;
|
|
38
|
-
const THeadStyled = (0, _styled.default)('thead')
|
|
39
|
-
& > tr {
|
|
40
|
-
border-radius: unset;
|
|
41
|
-
box-shadow: none;
|
|
42
|
-
}
|
|
43
|
-
`;
|
|
48
|
+
const THeadStyled = (0, _styled.default)('thead')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n & > tr {\n border-radius: unset;\n box-shadow: none;\n }\n"])));
|
|
44
49
|
exports.THeadStyled = THeadStyled;
|
|
45
|
-
const HeaderBackground = (0, _styled.default)('hr')
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
theme
|
|
50
|
-
})
|
|
51
|
-
border: 0;
|
|
52
|
-
`;
|
|
50
|
+
const HeaderBackground = (0, _styled.default)('hr')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin: -51px -25px 4px -25px;\n height: 42px;\n background-color: ", ";\n border: 0;\n"])), _ref7 => {
|
|
51
|
+
let {
|
|
52
|
+
theme
|
|
53
|
+
} = _ref7;
|
|
54
|
+
return theme.color.secondary.xlight;
|
|
55
|
+
});
|
|
53
56
|
exports.HeaderBackground = HeaderBackground;
|
|
54
57
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["ThStyled","styled","theme","spacing","centi","deca","font","color","medium","weight","bold","typography","sub","fontSize","lineHeight","stack","default","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
|
|
1
|
+
{"version":3,"file":"styled.js","names":["ThStyled","styled","theme","spacing","centi","deca","font","color","medium","weight","bold","typography","sub","fontSize","lineHeight","stack","default","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;;;;;;;;AAGO,MAAMA,QAAQ,GAAG,IAAAC,eAAA,EAAO,IAAP,CAAH,iSACR;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,KAAhC,cAAyCF,KAAK,CAACC,OAAN,CAAcE,IAAvD;AAAA,CADQ,EAEV;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFU,EAGJ;EAAA,IAAC;IAAEN;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,IAAN,CAAWG,MAAX,CAAkBC,IAAjC;AAAA,CAHI,EAIN;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACS,UAAN,CAAiBC,GAAjB,CAAqBC,QAApC;AAAA,CAJM,EAKJ;EAAA,IAAC;IAAEX;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACS,UAAN,CAAiBC,GAAjB,CAAqBE,UAApC;AAAA,CALI,EAMJ;EAAA,IAAC;IAAEZ;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,IAAN,CAAWS,KAAX,CAAiBC,OAAhC;AAAA,CANI,CAAd;;AAcA,MAAMC,WAAW,GAAG,IAAAhB,eAAA,EAAO,OAAP,CAAH,4IAAjB;;AAOA,MAAMiB,gBAAgB,GAAG,IAAAjB,eAAA,EAAO,IAAP,CAAH,sKAGP;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACK,KAAN,CAAYY,SAAZ,CAAsBC,MAArC;AAAA,CAHO,CAAtB"}
|
|
@@ -11,10 +11,11 @@ var _styled = require("./styled");
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
const Tr =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const Tr = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
children,
|
|
17
|
+
...rest
|
|
18
|
+
} = _ref;
|
|
18
19
|
return _react.default.createElement(_styled.TRow, rest, children);
|
|
19
20
|
};
|
|
20
21
|
|