@tecsinapse/react-web-kit 1.18.6 → 1.20.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 +41 -0
- package/dist/components/atoms/Accordion/Accordion.js.map +1 -1
- package/dist/components/atoms/Accordion/animations.js.map +1 -1
- package/dist/components/atoms/Accordion/index.js.map +1 -1
- package/dist/components/atoms/Accordion/styled.js +1 -1
- package/dist/components/atoms/Accordion/styled.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.js +1 -1
- package/dist/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/components/atoms/Badge/index.js.map +1 -1
- package/dist/components/atoms/Button/Button.d.ts +2 -0
- package/dist/components/atoms/Button/Button.js +19 -3
- package/dist/components/atoms/Button/Button.js.map +1 -1
- package/dist/components/atoms/Button/hooks/useMouseHover.d.ts +3 -3
- package/dist/components/atoms/Button/hooks/useMouseHover.js +13 -3
- package/dist/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
- package/dist/components/atoms/Button/hooks/useMousePressed.d.ts +5 -0
- package/dist/components/atoms/Button/hooks/useMousePressed.js +32 -0
- package/dist/components/atoms/Button/hooks/useMousePressed.js.map +1 -0
- package/dist/components/atoms/Button/index.js.map +1 -1
- package/dist/components/atoms/Button/styled.js +9 -4
- package/dist/components/atoms/Button/styled.js.map +1 -1
- package/dist/components/atoms/Dropdown/index.js.map +1 -1
- package/dist/components/atoms/Dropdown/styled.js.map +1 -1
- package/dist/components/atoms/Input/Input.d.ts +4 -3
- package/dist/components/atoms/Input/Input.js +1 -1
- package/dist/components/atoms/Input/Input.js.map +1 -1
- package/dist/components/atoms/Input/index.js.map +1 -1
- package/dist/components/atoms/Input/styled.js.map +1 -1
- package/dist/components/atoms/InputMask/InputMask.d.ts +4 -3
- package/dist/components/atoms/InputMask/InputMask.js +1 -1
- package/dist/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/components/atoms/InputMask/index.js.map +1 -1
- package/dist/components/atoms/InputMask/styled.js.map +1 -1
- package/dist/components/atoms/Modal/Modal.js +1 -1
- package/dist/components/atoms/Modal/Modal.js.map +1 -1
- package/dist/components/atoms/Modal/animations.js.map +1 -1
- package/dist/components/atoms/Modal/index.js.map +1 -1
- package/dist/components/atoms/Modal/styled.js.map +1 -1
- package/dist/components/atoms/Overlay/Overlay.js.map +1 -1
- package/dist/components/atoms/Overlay/animations.js.map +1 -1
- package/dist/components/atoms/Overlay/index.js.map +1 -1
- package/dist/components/atoms/Overlay/styled.js.map +1 -1
- package/dist/components/atoms/Skeleton/Skeleton.js +1 -1
- package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/atoms/Skeleton/index.js.map +1 -1
- package/dist/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/components/atoms/Table/Body/TBody.js.map +1 -1
- package/dist/components/atoms/Table/Body/index.js.map +1 -1
- package/dist/components/atoms/Table/Cell/Td.js.map +1 -1
- package/dist/components/atoms/Table/Cell/index.js.map +1 -1
- package/dist/components/atoms/Table/Cell/styled.js.map +1 -1
- package/dist/components/atoms/Table/Container/TableContainer.js.map +1 -1
- package/dist/components/atoms/Table/Container/index.js.map +1 -1
- package/dist/components/atoms/Table/Container/styled.js.map +1 -1
- package/dist/components/atoms/Table/Footer/TFoot.js.map +1 -1
- package/dist/components/atoms/Table/Footer/index.js.map +1 -1
- package/dist/components/atoms/Table/Footer/styled.js.map +1 -1
- package/dist/components/atoms/Table/Header/THead.js.map +1 -1
- package/dist/components/atoms/Table/Header/Th.js.map +1 -1
- package/dist/components/atoms/Table/Header/index.js +4 -4
- package/dist/components/atoms/Table/Header/index.js.map +1 -1
- package/dist/components/atoms/Table/Header/styled.js +1 -1
- package/dist/components/atoms/Table/Header/styled.js.map +1 -1
- package/dist/components/atoms/Table/Row/Tr.js.map +1 -1
- package/dist/components/atoms/Table/Row/index.js.map +1 -1
- package/dist/components/atoms/Table/Row/styled.js.map +1 -1
- package/dist/components/atoms/Table/Table.js.map +1 -1
- package/dist/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
- package/dist/components/atoms/Table/Toolbar/index.js.map +1 -1
- package/dist/components/atoms/Table/Toolbar/styled.js.map +1 -1
- package/dist/components/atoms/Table/index.js +18 -18
- package/dist/components/atoms/Table/index.js.map +1 -1
- package/dist/components/atoms/Table/styled.js.map +1 -1
- package/dist/components/atoms/Tag/Tag.js +1 -1
- package/dist/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/components/atoms/Tag/index.js.map +1 -1
- package/dist/components/atoms/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/atoms/Tooltip/index.js +4 -4
- package/dist/components/atoms/Tooltip/index.js.map +1 -1
- package/dist/components/atoms/Tooltip/styled.js +3 -1
- package/dist/components/atoms/Tooltip/styled.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +1 -1
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/index.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +1 -1
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/index.js +6 -6
- package/dist/components/molecules/Breadcrumbs/index.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/styled.js.map +1 -1
- package/dist/components/molecules/DatePicker/DatePicker.js +1 -1
- package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/molecules/DatePicker/Modal.js +1 -1
- package/dist/components/molecules/DatePicker/Modal.js.map +1 -1
- package/dist/components/molecules/DatePicker/index.js.map +1 -1
- package/dist/components/molecules/DatePicker/styled.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js +1 -1
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/Modal.js +1 -2
- package/dist/components/molecules/DateTimePicker/Modal.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/index.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/styled.js.map +1 -1
- package/dist/components/molecules/Drawer/Drawer.js +3 -1
- package/dist/components/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/components/molecules/Drawer/animations.js +1 -1
- package/dist/components/molecules/Drawer/animations.js.map +1 -1
- package/dist/components/molecules/Drawer/index.js.map +1 -1
- package/dist/components/molecules/Drawer/styled.js +2 -0
- package/dist/components/molecules/Drawer/styled.js.map +1 -1
- package/dist/components/molecules/Grid/Grid.d.ts +3 -13
- package/dist/components/molecules/Grid/Grid.js +5 -3
- package/dist/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/components/molecules/Grid/Item/Item.d.ts +6 -27
- package/dist/components/molecules/Grid/Item/Item.js +41 -19
- package/dist/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/components/molecules/Grid/Item/functions.d.ts +2 -0
- package/dist/components/molecules/Grid/Item/functions.js +16 -0
- package/dist/components/molecules/Grid/Item/functions.js.map +1 -0
- package/dist/components/molecules/Grid/Item/index.d.ts +1 -1
- package/dist/components/molecules/Grid/Item/index.js.map +1 -1
- package/dist/components/molecules/Grid/index.d.ts +2 -2
- package/dist/components/molecules/Grid/index.js +4 -4
- package/dist/components/molecules/Grid/index.js.map +1 -1
- package/dist/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
- package/dist/components/molecules/IconTextButton/IconTextButton.js +64 -0
- package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -0
- package/dist/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
- package/dist/components/molecules/IconTextButton/TextComponent.js +32 -0
- package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -0
- package/dist/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts +6 -0
- package/dist/components/molecules/IconTextButton/hooks/useIconTextButton.js +31 -0
- package/dist/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +1 -0
- package/dist/components/molecules/IconTextButton/index.d.ts +1 -0
- package/dist/components/molecules/IconTextButton/index.js +24 -0
- package/dist/components/molecules/IconTextButton/index.js.map +1 -0
- package/dist/components/molecules/IconTextButton/styled.d.ts +1 -0
- package/dist/components/molecules/IconTextButton/styled.js +33 -0
- package/dist/components/molecules/IconTextButton/styled.js.map +1 -0
- package/dist/components/molecules/InputPassword/InputPassword.js +1 -1
- package/dist/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/components/molecules/InputPassword/index.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/LabelComponent.d.ts +12 -0
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js +38 -0
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -0
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +7 -0
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +55 -0
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -0
- package/dist/components/molecules/LabeledSwitch/index.d.ts +1 -0
- package/dist/components/molecules/LabeledSwitch/index.js +24 -0
- package/dist/components/molecules/LabeledSwitch/index.js.map +1 -0
- package/dist/components/molecules/LabeledSwitch/styled.d.ts +8 -0
- package/dist/components/molecules/LabeledSwitch/styled.js +39 -0
- package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -0
- package/dist/components/molecules/Masonry/Masonry.js.map +1 -1
- package/dist/components/molecules/Masonry/index.js.map +1 -1
- package/dist/components/molecules/Masonry/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/index.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/index.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/styled.js +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/Menubar.js +1 -1
- package/dist/components/molecules/Menubar/Menubar.js.map +1 -1
- package/dist/components/molecules/Menubar/MostUsed/MostUsed.js +1 -1
- package/dist/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
- package/dist/components/molecules/Menubar/MostUsed/index.js.map +1 -1
- package/dist/components/molecules/Menubar/MostUsed/styled.js +1 -1
- package/dist/components/molecules/Menubar/MostUsed/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/index.js.map +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/styled.js +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/utils.d.ts +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/animations.js +1 -1
- package/dist/components/molecules/Menubar/animations.js.map +1 -1
- package/dist/components/molecules/Menubar/index.js +4 -4
- package/dist/components/molecules/Menubar/index.js.map +1 -1
- package/dist/components/molecules/Menubar/styled.js +1 -1
- package/dist/components/molecules/Menubar/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/types.js.map +1 -1
- package/dist/components/molecules/Menubar/utils.js.map +1 -1
- package/dist/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/molecules/Select/Dropdown/components/SearchInput.js.map +1 -1
- package/dist/components/molecules/Select/Dropdown/components/index.js.map +1 -1
- package/dist/components/molecules/Select/Dropdown/index.js.map +1 -1
- package/dist/components/molecules/Select/Dropdown/styled.js +1 -1
- package/dist/components/molecules/Select/Dropdown/styled.js.map +1 -1
- package/dist/components/molecules/Select/Select.js +1 -1
- package/dist/components/molecules/Select/Select.js.map +1 -1
- package/dist/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
- package/dist/components/molecules/Select/SelectItem/index.js.map +1 -1
- package/dist/components/molecules/Select/SelectItem/styled.js +1 -1
- package/dist/components/molecules/Select/SelectItem/styled.js.map +1 -1
- package/dist/components/molecules/Select/animations.js.map +1 -1
- package/dist/components/molecules/Select/functions.js.map +1 -1
- package/dist/components/molecules/Select/index.js.map +1 -1
- package/dist/components/molecules/Select/styled.js +1 -1
- package/dist/components/molecules/Select/styled.js.map +1 -1
- package/dist/components/molecules/Snackbar/Snackbar.js +1 -1
- package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/molecules/Snackbar/index.js.map +1 -1
- package/dist/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/components/molecules/TextArea/TextArea.js +1 -1
- package/dist/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/components/molecules/TextArea/index.js.map +1 -1
- package/dist/components/molecules/TextArea/styled.js.map +1 -1
- package/dist/components/organisms/DataGrid/DataGrid.d.ts +1 -1
- package/dist/components/organisms/DataGrid/DataGrid.js.map +1 -1
- package/dist/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
- package/dist/components/organisms/DataGrid/Footer/index.js.map +1 -1
- package/dist/components/organisms/DataGrid/Footer/styled.js +1 -1
- package/dist/components/organisms/DataGrid/Footer/styled.js.map +1 -1
- package/dist/components/organisms/DataGrid/Header/Header.d.ts +1 -1
- package/dist/components/organisms/DataGrid/Header/Header.js.map +1 -1
- package/dist/components/organisms/DataGrid/Header/index.js.map +1 -1
- package/dist/components/organisms/DataGrid/Header/styled.js.map +1 -1
- package/dist/components/organisms/DataGrid/Header/utils.js +1 -1
- package/dist/components/organisms/DataGrid/Header/utils.js.map +1 -1
- package/dist/components/organisms/DataGrid/Row/Row.js.map +1 -1
- package/dist/components/organisms/DataGrid/Row/index.js.map +1 -1
- package/dist/components/organisms/DataGrid/index.js.map +1 -1
- package/dist/components/organisms/DataGrid/styled.js.map +1 -1
- package/dist/components/organisms/DataGrid/types.js.map +1 -1
- package/dist/components/organisms/DataGrid/utils.js +1 -1
- package/dist/components/organisms/DataGrid/utils.js.map +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.js +16 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useBreakpoints.d.ts +6 -0
- package/dist/hooks/useBreakpoints.js +27 -0
- package/dist/hooks/useBreakpoints.js.map +1 -0
- package/dist/hooks/useClickAwayListener.js.map +1 -1
- package/dist/hooks/useWindowSize.d.ts +6 -0
- package/dist/hooks/useWindowSize.js +35 -0
- package/dist/hooks/useWindowSize.js.map +1 -0
- package/dist/index.d.ts +14 -13
- package/dist/index.js +155 -139
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
- package/src/components/atoms/Button/Button.tsx +20 -1
- package/src/components/atoms/Button/hooks/useMouseHover.ts +17 -9
- package/src/components/atoms/Button/hooks/useMousePressed.ts +29 -0
- package/src/components/atoms/Button/styled.ts +23 -6
- package/src/components/atoms/Input/Input.tsx +4 -5
- package/src/components/atoms/InputMask/InputMask.tsx +4 -5
- package/src/components/molecules/DatePicker/Modal.tsx +11 -5
- package/src/components/molecules/DatePicker/index.ts +1 -1
- package/src/components/molecules/DatePicker/styled.ts +3 -3
- package/src/components/molecules/DateTimePicker/Modal.tsx +1 -5
- package/src/components/molecules/DateTimePicker/styled.ts +8 -5
- package/src/components/molecules/Grid/Grid.stories.tsx +198 -0
- package/src/components/molecules/Grid/Grid.tsx +7 -25
- package/src/components/molecules/Grid/Item/Item.tsx +57 -57
- package/src/components/molecules/Grid/Item/functions.ts +13 -0
- package/src/components/molecules/Grid/Item/index.ts +1 -1
- package/src/components/molecules/Grid/index.ts +2 -2
- package/src/components/molecules/IconTextButton/IconTextButton.stories.tsx +51 -0
- package/src/components/molecules/IconTextButton/IconTextButton.tsx +64 -0
- package/src/components/molecules/IconTextButton/TextComponent.tsx +39 -0
- package/src/components/molecules/IconTextButton/hooks/useIconTextButton.ts +31 -0
- package/src/components/molecules/IconTextButton/index.ts +4 -0
- package/src/components/molecules/IconTextButton/styled.ts +18 -0
- package/src/components/molecules/LabeledSwitch/LabelComponent.tsx +46 -0
- package/src/components/molecules/LabeledSwitch/LabeledSwitch.stories.tsx +41 -0
- package/src/components/molecules/LabeledSwitch/LabeledSwitch.tsx +58 -0
- package/src/components/molecules/LabeledSwitch/index.ts +4 -0
- package/src/components/molecules/LabeledSwitch/styled.ts +26 -0
- package/src/components/molecules/Menubar/Menubar.tsx +4 -3
- package/src/components/molecules/Menubar/SearchResultItem/utils.tsx +2 -2
- package/src/components/molecules/Select/Dropdown/Dropdown.tsx +4 -3
- package/src/components/molecules/Select/Select.tsx +10 -8
- package/src/components/organisms/DataGrid/DataGrid.tsx +16 -20
- package/src/components/organisms/DataGrid/Header/Header.tsx +1 -1
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useBreakpoints.ts +18 -0
- package/src/hooks/useWindowSize.ts +25 -0
- package/src/index.ts +33 -24
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"animations.js","names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"sources":["../../../../src/components/atoms/Overlay/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n opacity: 0,\n visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n entering: { opacity: 1, visibility: 'visible' },\n entered: { opacity: 1, visibility: 'visible' },\n exiting: { opacity: 0, visibility: 'visible' },\n exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;EACjCC,UAAU,EAAG,yDADoB;EAEjCC,OAAO,EAAE,CAFwB;EAGjCC,UAAU,EAAE;AAHqB,CAA5B;;AAMA,MAAMC,uBAAuB,GAAG;EACrCC,QAAQ,EAAE;IAAEH,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAD2B;EAErCG,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAF4B;EAGrCI,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAH4B;EAIrCK,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B;AAJ6B,CAAhC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/atoms/Overlay/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Overlay/index.ts"],"sourcesContent":["export { default as Overlay } from './Overlay';\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["StyledOverlay","styled","theme","hex2rgba","miscellaneous","overlay","zIndex","show"],"sources":["../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n background: ${({ theme }: StyleProps) =>\n hex2rgba(theme.miscellaneous.overlay, 0.5)};\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n theme.zIndex[zIndex]};\n cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n position: fixed;\n align-items: center;\n justify-content: center;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAIO,MAAMA,aAAa,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmD;AAChF,gBAAgB,CAAC;EAAEC;AAAF,CAAD,KACZ,IAAAC,mBAAA,EAASD,KAAK,CAACE,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AAC/C;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEH,KAAF;EAASI;AAAT,CAAD,KACTJ,KAAK,CAACI,MAAN,CAAaA,MAAb,CAAqB;AACzB,YAAY,CAAC;EAAEC;AAAF,CAAD,KAAeA,IAAI,GAAG,SAAH,GAAe,SAAW;AACzD;AACA;AACA;AACA,CAdO"}
|
|
@@ -13,7 +13,7 @@ var _reactNativeWeb = require("react-native-web");
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
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); }
|
|
17
17
|
|
|
18
18
|
const Skeleton = ({
|
|
19
19
|
children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAC;EACzCC,QADyC;EAEzCC,KAFyC;EAGzCC,MAHyC;EAIzCC,SAAS,GAAG,MAJ6B;EAKzCC,MAAM,GAAG,IALgC;EAMzCC,MANyC;EAOzC,GAAGC;AAPsC,CAAD,KAQpC;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 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/atoms/Skeleton/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Skeleton/index.ts"],"sourcesContent":["export { default as Skeleton, SkeletonProps } from './Skeleton';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,GAAG,IAAAC,gBAAA,CAAU;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAVA;AAYA,MAAMC,MAAM,GAAG,IAAAD,gBAAA,CAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAVA;AAYA,MAAME,QAAQ,GAAG,IAAAC,UAAA,CAAI;AACrB;AACA;AACA;AACA,iBAAiBF,MAAO;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAnBA;AAqBA,MAAMG,SAAS,GAAG,IAAAD,UAAA,CAAI;AACtB,eAAeJ,OAAQ;AACvB,CAFA;AAIO,MAAMM,OAAO,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmD;AAC1E,sBAAsB,CAAC;EACnBC,KADmB;EAEnBC,SAFmB;EAGnBC;AAHmB,CAAD,KAKlB,CAACA,MAAD,GACIC,SADJ,GAEIF,SAAS,KAAK,OAAd,GACAD,KAAK,CAACI,aAAN,CAAoBC,SADpB,GAEAL,KAAK,CAACI,aAAN,CAAoBE,YAAa;AACzC,WAAW,CAAC;EAAEC;AAAF,CAAD,KAAgB,GAAEA,KAAM,IAAT,IAAgB,MAAO;AACjD,YAAY,CAAC;EAAEC;AAAF,CAAD,KAAiB,GAAEA,MAAO,IAAV,IAAiB,MAAO;AACpD,mBAAmB,CAAC;EAAER,KAAF;EAASS;AAAT,CAAD,KACfA,MAAM,GAAGT,KAAK,CAACU,YAAN,CAAmBD,MAAnB,CAAH,GAAgC,OAAQ;AAClD,IAAI,CAAC;EAAER,SAAF;EAAaC;AAAb,CAAD,KACA,CAACA,MAAD,GAAUC,SAAV,GAAsBF,SAAS,KAAK,OAAd,GAAwBJ,SAAxB,GAAoCF,QAAS;AACvE,CAjBO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAC;EAC7EC,QAD6E;EAE7E,GAAGC;AAF0E,CAAD,KAGxE;EACJ,OAAO,sCAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALM;;;eAOQD,K"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/atoms/Table/Body/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Body/index.ts"],"sourcesContent":["export { default as TBody } from './TBody';\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAC;EAClEC,QADkE;EAElE,GAAGC;AAF+D,CAAD,KAG7D;EACJ,OAAO,6BAAC,aAAD,EAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALD;;eAOeD,E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/atoms/Table/Cell/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Cell/index.ts"],"sourcesContent":["export { default as Td } from './Td';\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAkC;AACvD,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC/C;AACA,WAAW,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBC,IAAK;AAChD,iBAAiB,CAAC;EAAEL;AAAF,CAAD,KAAeA,KAAK,CAACG,IAAN,CAAWG,MAAX,CAAkBC,IAAK;AACvD,eAAe,CAAC;EAAEP;AAAF,CAAD,KAAeA,KAAK,CAACQ,UAAN,CAAiBC,IAAjB,CAAsBC,QAAS;AAC7D,iBAAiB,CAAC;EAAEV;AAAF,CAAD,KAAeA,KAAK,CAACQ,UAAN,CAAiBC,IAAjB,CAAsBE,UAAW;AACjE,iBAAiB,CAAC;EAAEX;AAAF,CAAD,KAAeA,KAAK,CAACG,IAAN,CAAWS,KAAX,CAAiBC,OAAQ;AACzD,CARO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAC;EACtEC,QADsE;EAEtE,GAAGC;AAFmE,CAAD,KAGjE;EACJ,OAAO,6BAAC,kBAAD,EAAgBA,IAAhB,EAAuBD,QAAvB,CAAP;AACD,CALD;;eAOeD,c"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/atoms/Table/Container/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Container/index.ts"],"sourcesContent":["export { default as TableContainer } from './TableContainer';\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAmC;AAC7D,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE,mBAAmB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC1D;AACA,MAAM,CAAC;EAAEJ;AAAF,CAAD,KAAe,IAAAK,mBAAA,EAASL,KAAK,CAACC,aAAN,CAAoBK,MAA7B,EAAqC,IAArC,CAA2C;AAChE,aAAa,CAAC;EAAEN;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACO,OAAN,CAAcC,IAAK,IAAI;AACtD,CANO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAC;EAC7EC,QAD6E;EAE7E,GAAGC;AAF0E,CAAD,KAGxE;EACJ,OAAO,6BAAC,eAAD,EAAaA,IAAb,EAAoBD,QAApB,CAAP;AACD,CALM;;;eAOQD,K"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/atoms/Table/Footer/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Footer/index.ts"],"sourcesContent":["export { default as TFoot } from './TFoot';\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAgB;AACvC;AACA;AACA;AACA;AACA,CALO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAC;EACtEC,QADsE;EAEtE,GAAGC;AAFmE,CAAD,KAGjE;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAA2B;EAC7B,OAAO,6BAAC,gBAAD,EAAcA,IAAd,EAAqBD,QAArB,CAAP;AACD,CAJM;;;eAMQD,E"}
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
Object.defineProperty(exports, "
|
|
6
|
+
Object.defineProperty(exports, "THead", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function () {
|
|
9
|
-
return
|
|
9
|
+
return _THead.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "Th", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return
|
|
15
|
+
return _Th.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/atoms/Table/Header/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Header/index.ts"],"sourcesContent":["export { default as Th } from './Th';\nexport { default as THead } from './THead';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.ThStyled = exports.THeadStyled = exports.HeaderBackground = void 0;
|
|
7
7
|
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAkC;AAC1D,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,KAAM,IAAGF,KAAK,CAACC,OAAN,CAAcE,IAAK,EAAE;AAC3E,WAAW,CAAC;EAAEH;AAAF,CAAD,KAAeA,KAAK,CAACI,IAAN,CAAWC,KAAX,CAAiBC,MAAO;AAClD,iBAAiB,CAAC;EAAEN;AAAF,CAAD,KAAeA,KAAK,CAACI,IAAN,CAAWG,MAAX,CAAkBC,IAAK;AACvD,eAAe,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACS,UAAN,CAAiBC,GAAjB,CAAqBC,QAAS;AAC5D,iBAAiB,CAAC;EAAEX;AAAF,CAAD,KAAeA,KAAK,CAACS,UAAN,CAAiBC,GAAjB,CAAqBE,UAAW;AAChE,iBAAiB,CAAC;EAAEZ;AAAF,CAAD,KAAeA,KAAK,CAACI,IAAN,CAAWS,KAAX,CAAiBC,OAAQ;AACzD;AACA;AACA;AACA;AACA;AACA,CAZO;;AAcA,MAAMC,WAAW,GAAG,IAAAhB,eAAA,EAAO,OAAP,CAAqC;AAChE;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMiB,gBAAgB,GAAG,IAAAjB,eAAA,EAAO,IAAP,CAAkC;AAClE;AACA;AACA,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACK,KAAN,CAAYY,SAAZ,CAAsBC,MAAO;AAClE;AACA,CALO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Tr.js","names":["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;;AACA;;;;AAEO,MAAMA,EAAuD,GAAG,CAAC;EACtEC,QADsE;EAEtE,GAAGC;AAFmE,CAAD,KAGjE;EACJ,OAAO,6BAAC,YAAD,EAAUA,IAAV,EAAiBD,QAAjB,CAAP;AACD,CALM;;;eAOQD,E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/atoms/Table/Row/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Row/index.ts"],"sourcesContent":["export { default as Tr } from './Tr';\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["TRow","styled","theme","hex2rgba","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;;AACA;;;;AAEO,MAAMA,IAAI,GAAG,IAAAC,eAAA,EAAO,IAAP,CAAkC;AACtD;AACA,MAAM,CAAC;EAAEC;AAAF,CAAD,KAAe,IAAAC,mBAAA,EAASD,KAAK,CAACE,aAAN,CAAoBC,MAA7B,EAAqC,IAArC,CAA2C;AAChE,mBAAmB,CAAC;EAAEH;AAAF,CAAD,KAAeA,KAAK,CAACI,YAAN,CAAmBC,IAAK;AAC1D,CAJO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Table.js","names":["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;;AACA;;;;AAEO,MAAMA,KAA4D,GAAG,CAAC;EAC3EC,QAD2E;EAE3E,GAAGC;AAFwE,CAAD,KAGtE;EACJ,OAAO,6BAAC,mBAAD,EAAiBA,IAAjB,EAAwBD,QAAxB,CAAP;AACD,CALM;;;eAOQD,K"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"TableToolbar.js","names":["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;;AACA;;AACA;;;;AASA,MAAMA,YAAyC,GAAG,CAAC;EACjDC,UADiD;EAEjDC,KAFiD;EAGjDC,MAHiD;EAIjD,GAAGC;AAJ8C,CAAD,KAK5C;EACJ,OACE,4DACE,6BAAC,0BAAD,EAAwBA,IAAxB,EACE,6BAAC,eAAD;IAAM,UAAU,EAAC,IAAjB;IAAsB,UAAU,EAAC;EAAjC,GACGF,KADH,CADF,EAIGD,UAJH,CADF,EAOGE,MAPH,CADF;AAWD,CAjBD;;eAmBeH,Y"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/atoms/Table/Toolbar/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Toolbar/index.ts"],"sourcesContent":["export { default as TableToolbar, TableToolbarProps } from './TableToolbar';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["TableToolbarStyled","styled"],"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;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAc;AAChD;AACA;AACA;AACA;AACA,CALO"}
|
|
@@ -9,18 +9,6 @@ Object.defineProperty(exports, "TBody", {
|
|
|
9
9
|
return _Body.TBody;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "Td", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _Cell.Td;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "TableContainer", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _Container.TableContainer;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
12
|
Object.defineProperty(exports, "TFoot", {
|
|
25
13
|
enumerable: true,
|
|
26
14
|
get: function () {
|
|
@@ -33,16 +21,16 @@ Object.defineProperty(exports, "THead", {
|
|
|
33
21
|
return _Header.THead;
|
|
34
22
|
}
|
|
35
23
|
});
|
|
36
|
-
Object.defineProperty(exports, "
|
|
24
|
+
Object.defineProperty(exports, "Table", {
|
|
37
25
|
enumerable: true,
|
|
38
26
|
get: function () {
|
|
39
|
-
return
|
|
27
|
+
return _Table.default;
|
|
40
28
|
}
|
|
41
29
|
});
|
|
42
|
-
Object.defineProperty(exports, "
|
|
30
|
+
Object.defineProperty(exports, "TableContainer", {
|
|
43
31
|
enumerable: true,
|
|
44
32
|
get: function () {
|
|
45
|
-
return
|
|
33
|
+
return _Container.TableContainer;
|
|
46
34
|
}
|
|
47
35
|
});
|
|
48
36
|
Object.defineProperty(exports, "TableToolbar", {
|
|
@@ -57,10 +45,22 @@ Object.defineProperty(exports, "TableToolbarProps", {
|
|
|
57
45
|
return _Toolbar.TableToolbarProps;
|
|
58
46
|
}
|
|
59
47
|
});
|
|
60
|
-
Object.defineProperty(exports, "
|
|
48
|
+
Object.defineProperty(exports, "Td", {
|
|
61
49
|
enumerable: true,
|
|
62
50
|
get: function () {
|
|
63
|
-
return
|
|
51
|
+
return _Cell.Td;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "Th", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _Header.Th;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "Tr", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () {
|
|
63
|
+
return _Row.Tr;
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
66
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/atoms/Table/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Table/index.ts"],"sourcesContent":["export { TBody } from './Body';\nexport { Td } from './Cell';\nexport { TableContainer } from './Container';\nexport { TFoot } from './Footer';\nexport { THead, Th } from './Header';\nexport { Tr } from './Row';\nexport { TableToolbar, TableToolbarProps } from './Toolbar';\nexport { default as Table } from './Table';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["TableStyled","styled","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;;;;AAGO,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAO,OAAP,CAAqC;AAChE;AACA;AACA,oBAAoB,CAAC;EAAEC;AAAF,CAAD,KACf,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,IAAGF,KAAK,CAACC,OAAN,CAAcE,IAAK,EAAE;AAClD,CALO"}
|
|
@@ -11,7 +11,7 @@ var _reactCore = require("@tecsinapse/react-core");
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
function _extends() { _extends = Object.assign
|
|
14
|
+
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); }
|
|
15
15
|
|
|
16
16
|
const Tag = ({
|
|
17
17
|
value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Tag.js","names":["Tag","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;;AACA;;;;;;AAYA,MAAMA,GAAuB,GAAG,CAAC;EAC/BC,KAD+B;EAE/BC,SAF+B;EAG/B,GAAGC;AAH4B,CAAD,KAIb;EACjB,MAAM;IACJC,YAAY,GAAG,WADX;IAEJC,SAAS,GAAG,MAFR;IAGJC,SAAS,GAAG,SAHR;IAIJC,UAAU,GAAG;EAJT,IAKFL,SAAS,IAAI,EALjB;EAMA,OACE,6BAAC,cAAD;IACE,KAAK,EACH,6BAAC,eAAD;MACE,YAAY,EAAEE,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;;eA6BeH,G"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/atoms/Tag/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tag/index.ts"],"sourcesContent":["export { default as Tag, TagProps } from './Tag';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["Tooltip","children","title","position","spanRef","React","useRef","computed","setComputed","useState","undefined","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;;AACA;;AACA;;;;AAWA,MAAMA,OAA2B,GAAG,CAAC;EACnCC,QADmC;EAEnCC,KAFmC;EAGnCC,QAAQ,GAAG;AAHwB,CAAD,KAI9B;EACJ,MAAMC,OAAO,GAAGC,cAAA,CAAMC,MAAN,EAAhB;;EACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BH,cAAA,CAAMI,QAAN,CAC9BC,SAD8B,CAAhC;;EAIAL,cAAA,CAAMM,eAAN,CAAsB,MAAM;IAAA;;IAC1BH,WAAW,CAAC;MACVI,KAAK,sBAAER,OAAO,CAACS,OAAV,qDAAE,iBAAiBC,WADd;MAEVC,MAAM,uBAAEX,OAAO,CAACS,OAAV,sDAAE,kBAAiBG;IAFf,CAAD,CAAX;EAID,CALD,EAKG,EALH;;EAOA,OACE,6BAAC,iBAAD;IAAW,QAAQ,EAAEb;EAArB,GACGF,QADH,EAEE,6BAAC,mBAAD;IACE,QAAQ,EAAEM,QADZ;IAEE,QAAQ,EAAEJ,QAFZ;IAGE,GAAG,EAAEc,GAAG,IAAKb,OAAO,CAACS,OAAR,GAAkBI;EAHjC,GAKE,6BAAC,eAAD;IACE,UAAU,EAAC,MADb;IAEE,UAAU,EAAC,MAFb;IAGE,YAAY,EAAC,WAHf;IAIE,SAAS,EAAC;EAJZ,GAMGf,KANH,CALF,CAFF,CADF;AAmBD,CApCD;;eAsCeF,O"}
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
Object.defineProperty(exports, "
|
|
6
|
+
Object.defineProperty(exports, "ITooltip", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function () {
|
|
9
|
-
return _Tooltip.
|
|
9
|
+
return _Tooltip.ITooltip;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return _Tooltip.
|
|
15
|
+
return _Tooltip.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/atoms/Tooltip/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tooltip/index.ts"],"sourcesContent":["export { default as Tooltip, ITooltip } from './Tooltip';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.TooltipSpan = exports.Container = void 0;
|
|
7
|
+
|
|
8
|
+
require("core-js/modules/es.array.includes.js");
|
|
7
9
|
|
|
8
10
|
var _react = require("@emotion/react");
|
|
9
11
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["bottomOrTopStylesCommon","width","position","includes","css","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","styled","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":"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"}
|
|
@@ -13,7 +13,7 @@ var _styled = require("./styled");
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
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); }
|
|
17
17
|
|
|
18
18
|
const BreadcrumbItem = ({
|
|
19
19
|
props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"BreadcrumbItem.js","names":["BreadcrumbItem","props","Component","isLast","title","noTextDecoration","textDecoration"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n Component: ElementType;\n props: any;\n isLast: boolean;\n title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n props,\n Component,\n isLast,\n title,\n}) => {\n const noTextDecoration = { textDecoration: 'none' };\n return (\n <StyledContainerItem>\n <Component {...props} style={noTextDecoration}>\n <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n {title}\n </Text>\n </Component>\n {!isLast && (\n <StyledContainerIcon>\n <Icon\n name=\"chevron-double-right\"\n type=\"material-community\"\n size=\"centi\"\n fontColor=\"orange\"\n />\n </StyledContainerIcon>\n )}\n </StyledContainerItem>\n );\n};\n\nexport default BreadcrumbItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AASA,MAAMA,cAAuC,GAAG,CAAC;EAC/CC,KAD+C;EAE/CC,SAF+C;EAG/CC,MAH+C;EAI/CC;AAJ+C,CAAD,KAK1C;EACJ,MAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EACA,OACE,6BAAC,2BAAD,QACE,6BAAC,SAAD,eAAeL,KAAf;IAAsB,KAAK,EAAEI;EAA7B,IACE,6BAAC,eAAD;IAAM,YAAY,EAAC,WAAnB;IAA+B,SAAS,EAAEF,MAAM,GAAG,QAAH,GAAc;EAA9D,GACGC,KADH,CADF,CADF,EAMG,CAACD,MAAD,IACC,6BAAC,2BAAD,QACE,6BAAC,eAAD;IACE,IAAI,EAAC,sBADP;IAEE,IAAI,EAAC,oBAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAPJ,CADF;AAmBD,CA1BD;;eA4BeH,c"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/index.ts"],"sourcesContent":["export { default as BreadcrumbItem } from './BreadcrumbItem';\nexport * from './BreadcrumbItem';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.StyledContainerItem = exports.StyledContainerIcon = void 0;
|
|
7
7
|
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["StyledContainerItem","styled","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;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AACtE;AACA;AACA;AACA;AACA,kBAAkB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACpD,CANO;;AAQA,MAAMC,mBAAmB,GAAG,IAAAJ,eAAA,EAAO,KAAP,CAAmC;AACtE,iBAAiB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACnD;AACA;AACA;AACA;AACA,CANO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["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;;AACA;;AACA;;;;AAYA,MAAMA,WAAiC,GAAG,CAAC;EAAEC,WAAF;EAAe,GAAGC;AAAlB,CAAD,KAA8B;EACtE,OACE,6BAAC,kCAAD,EAAgCA,IAAhC,EACGD,WAAW,CAACE,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAChC,MAAM;MAAEC,KAAF;MAASC,SAAS,GAAG,GAArB;MAA0BC;IAA1B,IAAoCJ,IAA1C;IACA,OACE,6BAAC,8BAAD;MACE,GAAG,EAAEC,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;;eAmBeR,W"}
|