react-easy-wall 1.3.1 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/_virtual/InfiniteScroll.js +6 -0
- package/dist/cjs/_virtual/InfiniteScroll.js.map +1 -0
- package/dist/cjs/_virtual/index10.js +2 -2
- package/dist/cjs/_virtual/index11.js +2 -2
- package/dist/cjs/_virtual/index13.js +2 -2
- package/dist/cjs/_virtual/index14.js +2 -2
- package/dist/cjs/_virtual/index15.js +6 -0
- package/dist/cjs/_virtual/index15.js.map +1 -0
- package/dist/cjs/_virtual/index2.js +8 -2
- package/dist/cjs/_virtual/index2.js.map +1 -1
- package/dist/cjs/_virtual/index3.js +2 -8
- package/dist/cjs/_virtual/index3.js.map +1 -1
- package/dist/cjs/_virtual/index4.js +4 -4
- package/dist/cjs/_virtual/index5.js +4 -4
- package/dist/cjs/_virtual/index6.js +8 -2
- package/dist/cjs/_virtual/index6.js.map +1 -1
- package/dist/cjs/_virtual/index7.js +2 -4
- package/dist/cjs/_virtual/index7.js.map +1 -1
- package/dist/cjs/_virtual/index8.js +4 -2
- package/dist/cjs/_virtual/index8.js.map +1 -1
- package/dist/cjs/_virtual/index9.js +2 -2
- package/dist/cjs/node_modules/@cobuildlab/react-simple-state/lib/index.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Avatar/Avatar.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Backdrop/Backdrop.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Box/Box.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Button/Button.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/ButtonBase.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/Ripple.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/TouchRipple.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Card/Card.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/CardContent/CardContent.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/CardHeader/CardHeader.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/CircularProgress/CircularProgress.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/CssBaseline/CssBaseline.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Dialog/Dialog.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/DialogActions/DialogActions.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/DialogContent/DialogContent.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Divider/Divider.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Drawer/Drawer.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Fade/Fade.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/GlobalStyles/GlobalStyles.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Grid/Grid.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Grow/Grow.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/IconButton/IconButton.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/InitColorSchemeScript/InitColorSchemeScript.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Link/Link.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/List/List.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/ListItem/ListItem.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/ListItemButton/ListItemButton.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/ListItemText/ListItemText.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Modal/Modal.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Paper/Paper.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Popover/Popover.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Portal/Portal.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Slide/Slide.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/SvgIcon/SvgIcon.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Typography/Typography.js +1 -1
- package/dist/cjs/node_modules/@mui/material/esm/Unstable_TrapFocus/FocusTrap.js +1 -1
- package/dist/cjs/node_modules/@mui/private-theming/esm/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/cjs/node_modules/@mui/styled-engine/esm/GlobalStyles/GlobalStyles.js +1 -1
- package/dist/cjs/node_modules/@mui/styles/StylesProvider/StylesProvider.js +1 -1
- package/dist/cjs/node_modules/@mui/styles/node_modules/@mui/utils/esm/deepmerge/deepmerge.js +1 -1
- package/dist/cjs/node_modules/@mui/styles/node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js +1 -1
- package/dist/cjs/node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js +1 -1
- package/dist/cjs/node_modules/@mui/system/esm/GlobalStyles/GlobalStyles.js +1 -1
- package/dist/cjs/node_modules/@mui/system/esm/Grid/createGrid.js +1 -1
- package/dist/cjs/node_modules/@mui/system/esm/RtlProvider/index.js +1 -1
- package/dist/cjs/node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/cjs/node_modules/@mui/system/esm/cssVars/createCssVarsProvider.js +1 -1
- package/dist/cjs/node_modules/@mui/system/esm/responsivePropType/responsivePropType.js +1 -1
- package/dist/cjs/node_modules/@mui/utils/esm/deepmerge/deepmerge.js +1 -1
- package/dist/cjs/node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js +1 -1
- package/dist/cjs/node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js +1 -1
- package/dist/cjs/node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js +1 -1
- package/dist/cjs/node_modules/@mui/utils/esm/refType/refType.js +1 -1
- package/dist/cjs/node_modules/axios/lib/adapters/http.js +2 -2
- package/dist/cjs/node_modules/bricks.js/dist/bricks.module.js +281 -0
- package/dist/cjs/node_modules/bricks.js/dist/bricks.module.js.map +1 -0
- package/dist/cjs/node_modules/debug/src/index.js +1 -1
- package/dist/cjs/node_modules/follow-redirects/index.js +1 -1
- package/dist/cjs/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/cjs/node_modules/mime-types/index.js +1 -1
- package/dist/cjs/node_modules/prop-types/index.js +1 -1
- package/dist/cjs/node_modules/prop-types/node_modules/react-is/index.js +1 -1
- package/dist/cjs/node_modules/proxy-from-env/index.js +1 -1
- package/dist/cjs/node_modules/react-giphy-searchbox/es/assets/PoweredByGiphyLogo.js +31 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/assets/PoweredByGiphyLogo.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/assets/SpinnerIcon.js +28 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/assets/SpinnerIcon.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/Alert/Alert.js +27 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/Alert/Alert.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/Alert/alertStyles.js +13 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/Alert/alertStyles.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/ImageItem/ImageItem.js +55 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/ImageItem/ImageItem.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/ImageItem/imageItemStyles.js +13 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/ImageItem/imageItemStyles.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/MasonryLayout/MasonryLayout.js +58 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/MasonryLayout/MasonryLayout.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/PoweredByGiphy.js +23 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/PoweredByGiphy.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/poweredByGiphyStyles.js +13 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/poweredByGiphyStyles.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/SearchForm/SearchForm.js +42 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/SearchForm/SearchForm.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/SearchForm/searchFormStyles.js +13 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/SearchForm/searchFormStyles.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/Spinner/Spinner.js +37 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/Spinner/Spinner.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/Spinner/spinnerStyles.js +13 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/components/Spinner/spinnerStyles.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/hooks/useApi.js +60 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/hooks/useApi.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/hooks/useDebounce.js +39 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/hooks/useDebounce.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/hooks/useMedia.js +49 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/hooks/useMedia.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/hooks/useSearchForm.js +30 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/hooks/useSearchForm.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/index.js +181 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/index.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/indexStyles.js +13 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/indexStyles.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/reducers/dataFetchReducer.js +52 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/reducers/dataFetchReducer.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/style/css.js +15 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/style/css.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/style/useStyle.js +34 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/style/useStyle.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/utils/masonry.js +46 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/es/utils/masonry.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/dist/InfiniteScroll.js +315 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/dist/InfiniteScroll.js.map +1 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/index.js +16 -0
- package/dist/cjs/node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/index.js.map +1 -0
- package/dist/cjs/node_modules/react-is/index.js +1 -1
- package/dist/cjs/node_modules/react-transition-group/esm/Transition.js +1 -1
- package/dist/cjs/node_modules/react-transition-group/esm/TransitionGroup.js +1 -1
- package/dist/cjs/node_modules/react-transition-group/esm/utils/PropTypes.js +1 -1
- package/dist/cjs/shared/components/react-editor/BtnGif.js +2 -2
- package/dist/cjs/shared/components/react-editor/BtnGif.js.map +1 -1
- package/dist/esm/_virtual/InfiniteScroll.js +4 -0
- package/dist/esm/_virtual/InfiniteScroll.js.map +1 -0
- package/dist/esm/_virtual/index10.js +2 -2
- package/dist/esm/_virtual/index11.js +2 -2
- package/dist/esm/_virtual/index13.js +2 -2
- package/dist/esm/_virtual/index14.js +2 -2
- package/dist/esm/_virtual/index15.js +4 -0
- package/dist/esm/_virtual/index15.js.map +1 -0
- package/dist/esm/_virtual/index2.js +6 -2
- package/dist/esm/_virtual/index2.js.map +1 -1
- package/dist/esm/_virtual/index3.js +2 -6
- package/dist/esm/_virtual/index3.js.map +1 -1
- package/dist/esm/_virtual/index4.js +4 -4
- package/dist/esm/_virtual/index5.js +4 -4
- package/dist/esm/_virtual/index6.js +6 -2
- package/dist/esm/_virtual/index6.js.map +1 -1
- package/dist/esm/_virtual/index7.js +2 -4
- package/dist/esm/_virtual/index7.js.map +1 -1
- package/dist/esm/_virtual/index8.js +4 -2
- package/dist/esm/_virtual/index8.js.map +1 -1
- package/dist/esm/_virtual/index9.js +2 -2
- package/dist/esm/node_modules/@cobuildlab/react-simple-state/lib/index.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Avatar/Avatar.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Backdrop/Backdrop.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Box/Box.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Button/Button.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ButtonBase/ButtonBase.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ButtonBase/Ripple.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ButtonBase/TouchRipple.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Card/Card.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/CardContent/CardContent.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/CardHeader/CardHeader.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/CircularProgress/CircularProgress.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/CssBaseline/CssBaseline.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Dialog/Dialog.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/DialogActions/DialogActions.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/DialogContent/DialogContent.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Divider/Divider.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Drawer/Drawer.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Fade/Fade.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/GlobalStyles/GlobalStyles.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Grid/Grid.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Grow/Grow.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/IconButton/IconButton.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/InitColorSchemeScript/InitColorSchemeScript.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Link/Link.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/List/List.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ListItem/ListItem.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ListItemButton/ListItemButton.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ListItemText/ListItemText.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Modal/Modal.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Paper/Paper.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Popover/Popover.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Portal/Portal.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Slide/Slide.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/SvgIcon/SvgIcon.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Typography/Typography.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Unstable_TrapFocus/FocusTrap.js +1 -1
- package/dist/esm/node_modules/@mui/private-theming/esm/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/esm/node_modules/@mui/styled-engine/esm/GlobalStyles/GlobalStyles.js +1 -1
- package/dist/esm/node_modules/@mui/styles/StylesProvider/StylesProvider.js +1 -1
- package/dist/esm/node_modules/@mui/styles/node_modules/@mui/utils/esm/deepmerge/deepmerge.js +1 -1
- package/dist/esm/node_modules/@mui/styles/node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js +1 -1
- package/dist/esm/node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js +1 -1
- package/dist/esm/node_modules/@mui/system/esm/GlobalStyles/GlobalStyles.js +1 -1
- package/dist/esm/node_modules/@mui/system/esm/Grid/createGrid.js +1 -1
- package/dist/esm/node_modules/@mui/system/esm/RtlProvider/index.js +1 -1
- package/dist/esm/node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/esm/node_modules/@mui/system/esm/cssVars/createCssVarsProvider.js +1 -1
- package/dist/esm/node_modules/@mui/system/esm/responsivePropType/responsivePropType.js +1 -1
- package/dist/esm/node_modules/@mui/utils/esm/deepmerge/deepmerge.js +1 -1
- package/dist/esm/node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js +1 -1
- package/dist/esm/node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js +1 -1
- package/dist/esm/node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js +1 -1
- package/dist/esm/node_modules/@mui/utils/esm/refType/refType.js +1 -1
- package/dist/esm/node_modules/axios/lib/adapters/http.js +2 -2
- package/dist/esm/node_modules/bricks.js/dist/bricks.module.js +277 -0
- package/dist/esm/node_modules/bricks.js/dist/bricks.module.js.map +1 -0
- package/dist/esm/node_modules/debug/src/index.js +1 -1
- package/dist/esm/node_modules/follow-redirects/index.js +1 -1
- package/dist/esm/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/esm/node_modules/mime-types/index.js +1 -1
- package/dist/esm/node_modules/prop-types/index.js +1 -1
- package/dist/esm/node_modules/prop-types/node_modules/react-is/index.js +1 -1
- package/dist/esm/node_modules/proxy-from-env/index.js +1 -1
- package/dist/esm/node_modules/react-giphy-searchbox/es/assets/PoweredByGiphyLogo.js +27 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/assets/PoweredByGiphyLogo.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/assets/SpinnerIcon.js +24 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/assets/SpinnerIcon.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/Alert/Alert.js +23 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/Alert/Alert.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/Alert/alertStyles.js +11 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/Alert/alertStyles.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/ImageItem/ImageItem.js +51 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/ImageItem/ImageItem.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/ImageItem/imageItemStyles.js +11 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/ImageItem/imageItemStyles.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/MasonryLayout/MasonryLayout.js +36 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/MasonryLayout/MasonryLayout.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/PoweredByGiphy.js +19 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/PoweredByGiphy.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/poweredByGiphyStyles.js +11 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/poweredByGiphyStyles.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/SearchForm/SearchForm.js +38 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/SearchForm/SearchForm.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/SearchForm/searchFormStyles.js +11 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/SearchForm/searchFormStyles.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/Spinner/Spinner.js +33 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/Spinner/Spinner.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/Spinner/spinnerStyles.js +11 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/components/Spinner/spinnerStyles.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/hooks/useApi.js +56 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/hooks/useApi.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/hooks/useDebounce.js +35 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/hooks/useDebounce.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/hooks/useMedia.js +45 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/hooks/useMedia.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/hooks/useSearchForm.js +26 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/hooks/useSearchForm.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/index.js +177 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/index.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/indexStyles.js +11 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/indexStyles.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/reducers/dataFetchReducer.js +48 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/reducers/dataFetchReducer.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/style/css.js +13 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/style/css.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/style/useStyle.js +31 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/style/useStyle.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/utils/masonry.js +40 -0
- package/dist/esm/node_modules/react-giphy-searchbox/es/utils/masonry.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/dist/InfiniteScroll.js +313 -0
- package/dist/esm/node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/dist/InfiniteScroll.js.map +1 -0
- package/dist/esm/node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/index.js +14 -0
- package/dist/esm/node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/index.js.map +1 -0
- package/dist/esm/node_modules/react-is/index.js +1 -1
- package/dist/esm/node_modules/react-transition-group/esm/Transition.js +1 -1
- package/dist/esm/node_modules/react-transition-group/esm/TransitionGroup.js +1 -1
- package/dist/esm/node_modules/react-transition-group/esm/utils/PropTypes.js +1 -1
- package/dist/esm/shared/components/react-editor/BtnGif.js +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"poweredByGiphyStyles.js","sources":["../../../../../../../node_modules/react-giphy-searchbox/es/components/PoweredByGiphy/poweredByGiphyStyles.js"],"sourcesContent":["var _templateObject = _taggedTemplateLiteralLoose(['\\n .reactGiphySearchbox-poweredByGiphy {\\n padding-top: 10px;\\n width: 100px;\\n }\\n\\n .reactGiphySearchbox-poweredByGiphy img {\\n display: block;\\n width: 100%;\\n }\\n'], ['\\n .reactGiphySearchbox-poweredByGiphy {\\n padding-top: 10px;\\n width: 100px;\\n }\\n\\n .reactGiphySearchbox-poweredByGiphy img {\\n display: block;\\n width: 100%;\\n }\\n']);\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\n/* eslint-disable import/prefer-default-export */\nimport { css } from '../../style';\n\nexport var styles = css(_templateObject);"],"names":[],"mappings":";;;AAAA,IAAI,eAAe,GAAG,2BAA2B,CAAC,CAAC,wLAAwL,CAAC,EAAE,CAAC,wLAAwL,CAAC,CAAC;;AAEza,SAAS,2BAA2B,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC;;AAK9E,IAAC,MAAM,GAAG,GAAG,CAAC,eAAe;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { useStyle } from '../../style/useStyle.js';
|
|
3
|
+
import { styles } from './searchFormStyles.js';
|
|
4
|
+
|
|
5
|
+
var SearchForm = function SearchForm(_ref) {
|
|
6
|
+
var onSubmit = _ref.onSubmit,
|
|
7
|
+
placeholder = _ref.placeholder,
|
|
8
|
+
searchFormClassName = _ref.searchFormClassName,
|
|
9
|
+
setValue = _ref.setValue,
|
|
10
|
+
value = _ref.value,
|
|
11
|
+
autoFocus = _ref.autoFocus;
|
|
12
|
+
|
|
13
|
+
useStyle('SearchForm', styles);
|
|
14
|
+
|
|
15
|
+
return React__default.createElement(
|
|
16
|
+
'form',
|
|
17
|
+
{
|
|
18
|
+
'data-testid': 'SearchFormForm',
|
|
19
|
+
onSubmit: onSubmit,
|
|
20
|
+
autoComplete: 'off',
|
|
21
|
+
className: 'reactGiphySearchbox-searchForm-form' + (searchFormClassName ? ' ' + searchFormClassName : '')
|
|
22
|
+
},
|
|
23
|
+
React__default.createElement('input', {
|
|
24
|
+
'data-testid': 'SearchFormInput',
|
|
25
|
+
type: 'text',
|
|
26
|
+
placeholder: placeholder,
|
|
27
|
+
onChange: setValue,
|
|
28
|
+
value: value,
|
|
29
|
+
name: 'search',
|
|
30
|
+
className: 'reactGiphySearchbox-searchForm-input'
|
|
31
|
+
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
32
|
+
, autoFocus: autoFocus
|
|
33
|
+
})
|
|
34
|
+
);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export { SearchForm as default };
|
|
38
|
+
//# sourceMappingURL=SearchForm.js.map
|
package/dist/esm/node_modules/react-giphy-searchbox/es/components/SearchForm/SearchForm.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchForm.js","sources":["../../../../../../../node_modules/react-giphy-searchbox/es/components/SearchForm/SearchForm.js"],"sourcesContent":["import React from 'react';\nimport { useStyle } from '../../style';\nimport { styles } from './searchFormStyles';\n\nvar SearchForm = function SearchForm(_ref) {\n var onSubmit = _ref.onSubmit,\n placeholder = _ref.placeholder,\n searchFormClassName = _ref.searchFormClassName,\n setValue = _ref.setValue,\n value = _ref.value,\n autoFocus = _ref.autoFocus;\n\n useStyle('SearchForm', styles);\n\n return React.createElement(\n 'form',\n {\n 'data-testid': 'SearchFormForm',\n onSubmit: onSubmit,\n autoComplete: 'off',\n className: 'reactGiphySearchbox-searchForm-form' + (searchFormClassName ? ' ' + searchFormClassName : '')\n },\n React.createElement('input', {\n 'data-testid': 'SearchFormInput',\n type: 'text',\n placeholder: placeholder,\n onChange: setValue,\n value: value,\n name: 'search',\n className: 'reactGiphySearchbox-searchForm-input'\n // eslint-disable-next-line jsx-a11y/no-autofocus\n , autoFocus: autoFocus\n })\n );\n};\nexport default SearchForm;"],"names":["React"],"mappings":";;;;AAIG,IAAC,UAAU,GAAG,SAAS,UAAU,CAAC,IAAI,EAAE;AAC3C,EAAE,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW;AACpC,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB;AACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS;;AAEhC,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;;AAEhC,EAAE,OAAOA,cAAK,CAAC,aAAa;AAC5B,IAAI,MAAM;AACV,IAAI;AACJ,MAAM,aAAa,EAAE,gBAAgB;AACrC,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,YAAY,EAAE,KAAK;AACzB,MAAM,SAAS,EAAE,qCAAqC,IAAI,mBAAmB,GAAG,GAAG,GAAG,mBAAmB,GAAG,EAAE;AAC9G,KAAK;AACL,IAAIA,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACjC,MAAM,aAAa,EAAE,iBAAiB;AACtC,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,WAAW,EAAE,WAAW;AAC9B,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,KAAK,EAAE,KAAK;AAClB,MAAM,IAAI,EAAE,QAAQ;AACpB,MAAM,SAAS,EAAE;AACjB;AACA,QAAQ,SAAS,EAAE;AACnB,KAAK;AACL,GAAG;AACH;;;;","x_google_ignoreList":[0]}
|
package/dist/esm/node_modules/react-giphy-searchbox/es/components/SearchForm/searchFormStyles.js
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { css } from '../../style/css.js';
|
|
2
|
+
import '../../style/useStyle.js';
|
|
3
|
+
|
|
4
|
+
var _templateObject = _taggedTemplateLiteralLoose(['\n .reactGiphySearchbox-searchForm-form {\n position: relative;\n margin-bottom: 10px;\n }\n\n .reactGiphySearchbox-searchForm-input {\n padding: 6px 4px;\n width: 100%;\n font-size: 1em;\n font-family: inherit;\n outline: none;\n border: 1px solid #ddd;\n }\n\n .reactGiphySearchbox-searchForm-input:focus {\n border-color: #bbb;\n }\n'], ['\n .reactGiphySearchbox-searchForm-form {\n position: relative;\n margin-bottom: 10px;\n }\n\n .reactGiphySearchbox-searchForm-input {\n padding: 6px 4px;\n width: 100%;\n font-size: 1em;\n font-family: inherit;\n outline: none;\n border: 1px solid #ddd;\n }\n\n .reactGiphySearchbox-searchForm-input:focus {\n border-color: #bbb;\n }\n']);
|
|
5
|
+
|
|
6
|
+
function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }
|
|
7
|
+
|
|
8
|
+
var styles = css(_templateObject);
|
|
9
|
+
|
|
10
|
+
export { styles };
|
|
11
|
+
//# sourceMappingURL=searchFormStyles.js.map
|
package/dist/esm/node_modules/react-giphy-searchbox/es/components/SearchForm/searchFormStyles.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"searchFormStyles.js","sources":["../../../../../../../node_modules/react-giphy-searchbox/es/components/SearchForm/searchFormStyles.js"],"sourcesContent":["var _templateObject = _taggedTemplateLiteralLoose(['\\n .reactGiphySearchbox-searchForm-form {\\n position: relative;\\n margin-bottom: 10px;\\n }\\n\\n .reactGiphySearchbox-searchForm-input {\\n padding: 6px 4px;\\n width: 100%;\\n font-size: 1em;\\n font-family: inherit;\\n outline: none;\\n border: 1px solid #ddd;\\n }\\n\\n .reactGiphySearchbox-searchForm-input:focus {\\n border-color: #bbb;\\n }\\n'], ['\\n .reactGiphySearchbox-searchForm-form {\\n position: relative;\\n margin-bottom: 10px;\\n }\\n\\n .reactGiphySearchbox-searchForm-input {\\n padding: 6px 4px;\\n width: 100%;\\n font-size: 1em;\\n font-family: inherit;\\n outline: none;\\n border: 1px solid #ddd;\\n }\\n\\n .reactGiphySearchbox-searchForm-input:focus {\\n border-color: #bbb;\\n }\\n']);\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\n/* eslint-disable import/prefer-default-export */\nimport { css } from '../../style';\n\nexport var styles = css(_templateObject);"],"names":[],"mappings":";;;AAAA,IAAI,eAAe,GAAG,2BAA2B,CAAC,CAAC,mXAAmX,CAAC,EAAE,CAAC,mXAAmX,CAAC,CAAC;;AAE/xB,SAAS,2BAA2B,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC;;AAK9E,IAAC,MAAM,GAAG,GAAG,CAAC,eAAe;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { useStyle } from '../../style/useStyle.js';
|
|
3
|
+
import { styles } from './spinnerStyles.js';
|
|
4
|
+
import SpinnerIcon from '../../assets/SpinnerIcon.js';
|
|
5
|
+
|
|
6
|
+
var Spinner = function Spinner(_ref) {
|
|
7
|
+
var show = _ref.show,
|
|
8
|
+
message = _ref.message,
|
|
9
|
+
image = _ref.image;
|
|
10
|
+
|
|
11
|
+
useStyle('Spinner', styles);
|
|
12
|
+
|
|
13
|
+
return show && React__default.createElement(
|
|
14
|
+
'div',
|
|
15
|
+
{ role: 'status', className: 'reactGiphySearchbox-spinnerWrapper' },
|
|
16
|
+
React__default.createElement(
|
|
17
|
+
'div',
|
|
18
|
+
{ className: 'reactGiphySearchbox-spinner', 'data-testid': 'Spinner' },
|
|
19
|
+
image ? React__default.createElement('img', { src: image, alt: 'Loading icon' }) : React__default.createElement(SpinnerIcon, null)
|
|
20
|
+
),
|
|
21
|
+
React__default.createElement(
|
|
22
|
+
'div',
|
|
23
|
+
{
|
|
24
|
+
className: 'reactGiphySearchbox-spinnerText',
|
|
25
|
+
'data-testid': 'SpinnerText'
|
|
26
|
+
},
|
|
27
|
+
message
|
|
28
|
+
)
|
|
29
|
+
);
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export { Spinner as default };
|
|
33
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","sources":["../../../../../../../node_modules/react-giphy-searchbox/es/components/Spinner/Spinner.js"],"sourcesContent":["import React from 'react';\nimport { useStyle } from '../../style';\nimport { styles } from './spinnerStyles';\nimport SpinnerIcon from '../../assets/SpinnerIcon';\n\nvar Spinner = function Spinner(_ref) {\n var show = _ref.show,\n message = _ref.message,\n image = _ref.image;\n\n useStyle('Spinner', styles);\n\n return show && React.createElement(\n 'div',\n { role: 'status', className: 'reactGiphySearchbox-spinnerWrapper' },\n React.createElement(\n 'div',\n { className: 'reactGiphySearchbox-spinner', 'data-testid': 'Spinner' },\n image ? React.createElement('img', { src: image, alt: 'Loading icon' }) : React.createElement(SpinnerIcon, null)\n ),\n React.createElement(\n 'div',\n {\n className: 'reactGiphySearchbox-spinnerText',\n 'data-testid': 'SpinnerText'\n },\n message\n )\n );\n};\n\nexport default Spinner;"],"names":["React"],"mappings":";;;;;AAKG,IAAC,OAAO,GAAG,SAAS,OAAO,CAAC,IAAI,EAAE;AACrC,EAAE,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI;AACtB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;AAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK;;AAExB,EAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;;AAE7B,EAAE,OAAO,IAAI,IAAIA,cAAK,CAAC,aAAa;AACpC,IAAI,KAAK;AACT,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,oCAAoC,EAAE;AACvE,IAAIA,cAAK,CAAC,aAAa;AACvB,MAAM,KAAK;AACX,MAAM,EAAE,SAAS,EAAE,6BAA6B,EAAE,aAAa,EAAE,SAAS,EAAE;AAC5E,MAAM,KAAK,GAAGA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC,GAAGA,cAAK,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI;AACrH,KAAK;AACL,IAAIA,cAAK,CAAC,aAAa;AACvB,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,SAAS,EAAE,iCAAiC;AACpD,QAAQ,aAAa,EAAE;AACvB,OAAO;AACP,MAAM;AACN;AACA,GAAG;AACH;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { css } from '../../style/css.js';
|
|
2
|
+
import '../../style/useStyle.js';
|
|
3
|
+
|
|
4
|
+
var _templateObject = _taggedTemplateLiteralLoose(['\n .reactGiphySearchbox-spinnerWrapper {\n text-align: center;\n padding-bottom: 10px;\n }\n\n .reactGiphySearchbox-spinner {\n display: inline-block;\n vertical-align: middle;\n width: 20px;\n height: 20px;\n background-size: contain;\n animation: spin 500ms linear infinite;\n }\n\n .reactGiphySearchbox-spinner img {\n display: block;\n width: 100%;\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n /* https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ */\n .reactGiphySearchbox-spinnerText {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n }\n'], ['\n .reactGiphySearchbox-spinnerWrapper {\n text-align: center;\n padding-bottom: 10px;\n }\n\n .reactGiphySearchbox-spinner {\n display: inline-block;\n vertical-align: middle;\n width: 20px;\n height: 20px;\n background-size: contain;\n animation: spin 500ms linear infinite;\n }\n\n .reactGiphySearchbox-spinner img {\n display: block;\n width: 100%;\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n /* https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ */\n .reactGiphySearchbox-spinnerText {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n }\n']);
|
|
5
|
+
|
|
6
|
+
function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }
|
|
7
|
+
|
|
8
|
+
var styles = css(_templateObject);
|
|
9
|
+
|
|
10
|
+
export { styles };
|
|
11
|
+
//# sourceMappingURL=spinnerStyles.js.map
|
package/dist/esm/node_modules/react-giphy-searchbox/es/components/Spinner/spinnerStyles.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spinnerStyles.js","sources":["../../../../../../../node_modules/react-giphy-searchbox/es/components/Spinner/spinnerStyles.js"],"sourcesContent":["var _templateObject = _taggedTemplateLiteralLoose(['\\n .reactGiphySearchbox-spinnerWrapper {\\n text-align: center;\\n padding-bottom: 10px;\\n }\\n\\n .reactGiphySearchbox-spinner {\\n display: inline-block;\\n vertical-align: middle;\\n width: 20px;\\n height: 20px;\\n background-size: contain;\\n animation: spin 500ms linear infinite;\\n }\\n\\n .reactGiphySearchbox-spinner img {\\n display: block;\\n width: 100%;\\n }\\n\\n @keyframes spin {\\n 0% {\\n transform: rotate(0deg);\\n }\\n 100% {\\n transform: rotate(360deg);\\n }\\n }\\n\\n /* https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ */\\n .reactGiphySearchbox-spinnerText {\\n border: 0;\\n clip: rect(1px, 1px, 1px, 1px);\\n -webkit-clip-path: inset(50%);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px;\\n white-space: nowrap;\\n }\\n'], ['\\n .reactGiphySearchbox-spinnerWrapper {\\n text-align: center;\\n padding-bottom: 10px;\\n }\\n\\n .reactGiphySearchbox-spinner {\\n display: inline-block;\\n vertical-align: middle;\\n width: 20px;\\n height: 20px;\\n background-size: contain;\\n animation: spin 500ms linear infinite;\\n }\\n\\n .reactGiphySearchbox-spinner img {\\n display: block;\\n width: 100%;\\n }\\n\\n @keyframes spin {\\n 0% {\\n transform: rotate(0deg);\\n }\\n 100% {\\n transform: rotate(360deg);\\n }\\n }\\n\\n /* https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ */\\n .reactGiphySearchbox-spinnerText {\\n border: 0;\\n clip: rect(1px, 1px, 1px, 1px);\\n -webkit-clip-path: inset(50%);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px;\\n white-space: nowrap;\\n }\\n']);\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\n/* eslint-disable import/prefer-default-export */\nimport { css } from '../../style';\n\nexport var styles = css(_templateObject);"],"names":[],"mappings":";;;AAAA,IAAI,eAAe,GAAG,2BAA2B,CAAC,CAAC,82BAA82B,CAAC,EAAE,CAAC,82BAA82B,CAAC,CAAC;;AAErxD,SAAS,2BAA2B,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC;;AAK9E,IAAC,MAAM,GAAG,GAAG,CAAC,eAAe;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { useReducer } from 'react';
|
|
2
|
+
import dataFetchReducer from '../reducers/dataFetchReducer.js';
|
|
3
|
+
|
|
4
|
+
var useApi = function useApi() {
|
|
5
|
+
var _useReducer = useReducer(dataFetchReducer, {
|
|
6
|
+
loading: false,
|
|
7
|
+
error: false,
|
|
8
|
+
data: [],
|
|
9
|
+
lastPage: false
|
|
10
|
+
}),
|
|
11
|
+
state = _useReducer[0],
|
|
12
|
+
dispatch = _useReducer[1];
|
|
13
|
+
|
|
14
|
+
var fetchImages = function fetchImages(url, isMore) {
|
|
15
|
+
if (isMore) {
|
|
16
|
+
dispatch({ type: 'FETCH_MORE_INIT' });
|
|
17
|
+
} else {
|
|
18
|
+
dispatch({ type: 'FETCH_INIT' });
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
fetch(url).then(function (response) {
|
|
22
|
+
if (!response.ok) {
|
|
23
|
+
return response.json().then(function (json) {
|
|
24
|
+
throw json;
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
return response.json();
|
|
29
|
+
}).then(function (response) {
|
|
30
|
+
if (!response.pagination) {
|
|
31
|
+
return dispatch({ type: 'FETCH_FAILURE' });
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
if (isMore) {
|
|
35
|
+
return dispatch({
|
|
36
|
+
type: 'FETCH_MORE_SUCCESS',
|
|
37
|
+
payload: response.data,
|
|
38
|
+
pagination: response.pagination
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
return dispatch({
|
|
43
|
+
type: 'FETCH_SUCCESS',
|
|
44
|
+
payload: response.data,
|
|
45
|
+
pagination: response.pagination
|
|
46
|
+
});
|
|
47
|
+
}).catch(function () {
|
|
48
|
+
dispatch({ type: 'FETCH_FAILURE' });
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
return [state, fetchImages];
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export { useApi as default };
|
|
56
|
+
//# sourceMappingURL=useApi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useApi.js","sources":["../../../../../../node_modules/react-giphy-searchbox/es/hooks/useApi.js"],"sourcesContent":["import { useReducer } from 'react';\nimport dataFetchReducer from '../reducers/dataFetchReducer';\n\nvar useApi = function useApi() {\n var _useReducer = useReducer(dataFetchReducer, {\n loading: false,\n error: false,\n data: [],\n lastPage: false\n }),\n state = _useReducer[0],\n dispatch = _useReducer[1];\n\n var fetchImages = function fetchImages(url, isMore) {\n if (isMore) {\n dispatch({ type: 'FETCH_MORE_INIT' });\n } else {\n dispatch({ type: 'FETCH_INIT' });\n }\n\n fetch(url).then(function (response) {\n if (!response.ok) {\n return response.json().then(function (json) {\n throw json;\n });\n }\n\n return response.json();\n }).then(function (response) {\n if (!response.pagination) {\n return dispatch({ type: 'FETCH_FAILURE' });\n }\n\n if (isMore) {\n return dispatch({\n type: 'FETCH_MORE_SUCCESS',\n payload: response.data,\n pagination: response.pagination\n });\n }\n\n return dispatch({\n type: 'FETCH_SUCCESS',\n payload: response.data,\n pagination: response.pagination\n });\n }).catch(function () {\n dispatch({ type: 'FETCH_FAILURE' });\n });\n };\n\n return [state, fetchImages];\n};\n\nexport default useApi;"],"names":[],"mappings":";;;AAGG,IAAC,MAAM,GAAG,SAAS,MAAM,GAAG;AAC/B,EAAE,IAAI,WAAW,GAAG,UAAU,CAAC,gBAAgB,EAAE;AACjD,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,QAAQ,EAAE;AACd,GAAG,CAAC;AACJ,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC;;AAE/B,EAAE,IAAI,WAAW,GAAG,SAAS,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE;AACtD,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC;AAC3C,IAAI,CAAC,MAAM;AACX,MAAM,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtC,IAAI;;AAEJ,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,QAAQ,EAAE;AACxC,MAAM,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;AACxB,QAAQ,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE;AACpD,UAAU,MAAM,IAAI;AACpB,QAAQ,CAAC,CAAC;AACV,MAAM;;AAEN,MAAM,OAAO,QAAQ,CAAC,IAAI,EAAE;AAC5B,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,QAAQ,EAAE;AAChC,MAAM,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;AAChC,QAAQ,OAAO,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;AAClD,MAAM;;AAEN,MAAM,IAAI,MAAM,EAAE;AAClB,QAAQ,OAAO,QAAQ,CAAC;AACxB,UAAU,IAAI,EAAE,oBAAoB;AACpC,UAAU,OAAO,EAAE,QAAQ,CAAC,IAAI;AAChC,UAAU,UAAU,EAAE,QAAQ,CAAC;AAC/B,SAAS,CAAC;AACV,MAAM;;AAEN,MAAM,OAAO,QAAQ,CAAC;AACtB,QAAQ,IAAI,EAAE,eAAe;AAC7B,QAAQ,OAAO,EAAE,QAAQ,CAAC,IAAI;AAC9B,QAAQ,UAAU,EAAE,QAAQ,CAAC;AAC7B,OAAO,CAAC;AACR,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;AACzB,MAAM,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;AACzC,IAAI,CAAC,CAAC;AACN,EAAE,CAAC;;AAEH,EAAE,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC;AAC7B;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
function useDebounce(value, delay) {
|
|
4
|
+
var _useState = useState(value),
|
|
5
|
+
debouncedValue = _useState[0],
|
|
6
|
+
setDebouncedValue = _useState[1];
|
|
7
|
+
|
|
8
|
+
useEffect(function () {
|
|
9
|
+
// Set debouncedValue to value (passed in) after the specified delay
|
|
10
|
+
var handler = setTimeout(function () {
|
|
11
|
+
setDebouncedValue(value);
|
|
12
|
+
}, delay);
|
|
13
|
+
|
|
14
|
+
// Return a cleanup function that will be called every time
|
|
15
|
+
// useEffect is re-called. useEffect will only be re-called
|
|
16
|
+
// if value changes (see the inputs array below).
|
|
17
|
+
// This is how we prevent debouncedValue from changing if value is
|
|
18
|
+
// changed within the delay period. Timeout gets cleared and restarted.
|
|
19
|
+
// To put it in context, if the user is typing within our app's
|
|
20
|
+
// search box, we don't want the debouncedValue to update until
|
|
21
|
+
// they've stopped typing for more than 500ms.
|
|
22
|
+
return function () {
|
|
23
|
+
clearTimeout(handler);
|
|
24
|
+
};
|
|
25
|
+
},
|
|
26
|
+
// Only re-call effect if value changes
|
|
27
|
+
// You could also add the "delay" var to inputs array if you
|
|
28
|
+
// need to be able to change that dynamically.
|
|
29
|
+
[value]);
|
|
30
|
+
|
|
31
|
+
return debouncedValue;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export { useDebounce as default };
|
|
35
|
+
//# sourceMappingURL=useDebounce.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebounce.js","sources":["../../../../../../node_modules/react-giphy-searchbox/es/hooks/useDebounce.js"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nfunction useDebounce(value, delay) {\n var _useState = useState(value),\n debouncedValue = _useState[0],\n setDebouncedValue = _useState[1];\n\n useEffect(function () {\n // Set debouncedValue to value (passed in) after the specified delay\n var handler = setTimeout(function () {\n setDebouncedValue(value);\n }, delay);\n\n // Return a cleanup function that will be called every time\n // useEffect is re-called. useEffect will only be re-called\n // if value changes (see the inputs array below).\n // This is how we prevent debouncedValue from changing if value is\n // changed within the delay period. Timeout gets cleared and restarted.\n // To put it in context, if the user is typing within our app's\n // search box, we don't want the debouncedValue to update until\n // they've stopped typing for more than 500ms.\n return function () {\n clearTimeout(handler);\n };\n },\n // Only re-call effect if value changes\n // You could also add the \"delay\" var to inputs array if you\n // need to be able to change that dynamically.\n [value]);\n\n return debouncedValue;\n}\n\nexport default useDebounce;"],"names":[],"mappings":";;AAEA,SAAS,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE;AACnC,EAAE,IAAI,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC;AACnC,MAAM,iBAAiB,GAAG,SAAS,CAAC,CAAC,CAAC;;AAEtC,EAAE,SAAS,CAAC,YAAY;AACxB;AACA,IAAI,IAAI,OAAO,GAAG,UAAU,CAAC,YAAY;AACzC,MAAM,iBAAiB,CAAC,KAAK,CAAC;AAC9B,IAAI,CAAC,EAAE,KAAK,CAAC;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,OAAO,YAAY;AACvB,MAAM,YAAY,CAAC,OAAO,CAAC;AAC3B,IAAI,CAAC;AACL,EAAE,CAAC;AACH;AACA;AACA;AACA,EAAE,CAAC,KAAK,CAAC,CAAC;;AAEV,EAAE,OAAO,cAAc;AACvB;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
function useMedia(queries, values, defaultValue) {
|
|
4
|
+
var mediaQueryLists = queries.map(function (q) {
|
|
5
|
+
return window.matchMedia(q);
|
|
6
|
+
});
|
|
7
|
+
|
|
8
|
+
var getValue = function getValue() {
|
|
9
|
+
// Get index of first media query that matches
|
|
10
|
+
var index = mediaQueryLists.findIndex(function (mql) {
|
|
11
|
+
return mql.matches;
|
|
12
|
+
});
|
|
13
|
+
// Return related value or defaultValue if none
|
|
14
|
+
return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
// State and setter for matched value
|
|
18
|
+
|
|
19
|
+
var _useState = useState(getValue),
|
|
20
|
+
value = _useState[0],
|
|
21
|
+
setValue = _useState[1];
|
|
22
|
+
|
|
23
|
+
useEffect(function () {
|
|
24
|
+
var handler = function handler() {
|
|
25
|
+
return setValue(getValue);
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
// Set a listener for each media query with above handler as callback.
|
|
29
|
+
mediaQueryLists.forEach(function (mql) {
|
|
30
|
+
return mql.addListener(handler);
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
// Remove listeners on cleanup
|
|
34
|
+
return function () {
|
|
35
|
+
return mediaQueryLists.forEach(function (mql) {
|
|
36
|
+
return mql.removeListener(handler);
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
}, []);
|
|
40
|
+
|
|
41
|
+
return value;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { useMedia as default };
|
|
45
|
+
//# sourceMappingURL=useMedia.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMedia.js","sources":["../../../../../../node_modules/react-giphy-searchbox/es/hooks/useMedia.js"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default function useMedia(queries, values, defaultValue) {\n var mediaQueryLists = queries.map(function (q) {\n return window.matchMedia(q);\n });\n\n var getValue = function getValue() {\n // Get index of first media query that matches\n var index = mediaQueryLists.findIndex(function (mql) {\n return mql.matches;\n });\n // Return related value or defaultValue if none\n return typeof values[index] !== 'undefined' ? values[index] : defaultValue;\n };\n\n // State and setter for matched value\n\n var _useState = useState(getValue),\n value = _useState[0],\n setValue = _useState[1];\n\n useEffect(function () {\n var handler = function handler() {\n return setValue(getValue);\n };\n\n // Set a listener for each media query with above handler as callback.\n mediaQueryLists.forEach(function (mql) {\n return mql.addListener(handler);\n });\n\n // Remove listeners on cleanup\n return function () {\n return mediaQueryLists.forEach(function (mql) {\n return mql.removeListener(handler);\n });\n };\n }, []);\n\n return value;\n}"],"names":[],"mappings":";;AAEe,SAAS,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;AAChE,EAAE,IAAI,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AACjD,IAAI,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;AAC/B,EAAE,CAAC,CAAC;;AAEJ,EAAE,IAAI,QAAQ,GAAG,SAAS,QAAQ,GAAG;AACrC;AACA,IAAI,IAAI,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,UAAU,GAAG,EAAE;AACzD,MAAM,OAAO,GAAG,CAAC,OAAO;AACxB,IAAI,CAAC,CAAC;AACN;AACA,IAAI,OAAO,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,YAAY;AAC9E,EAAE,CAAC;;AAEH;;AAEA,EAAE,IAAI,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC;AACpC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;AAC1B,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC;;AAE7B,EAAE,SAAS,CAAC,YAAY;AACxB,IAAI,IAAI,OAAO,GAAG,SAAS,OAAO,GAAG;AACrC,MAAM,OAAO,QAAQ,CAAC,QAAQ,CAAC;AAC/B,IAAI,CAAC;;AAEL;AACA,IAAI,eAAe,CAAC,OAAO,CAAC,UAAU,GAAG,EAAE;AAC3C,MAAM,OAAO,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC;AACrC,IAAI,CAAC,CAAC;;AAEN;AACA,IAAI,OAAO,YAAY;AACvB,MAAM,OAAO,eAAe,CAAC,OAAO,CAAC,UAAU,GAAG,EAAE;AACpD,QAAQ,OAAO,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;AAC1C,MAAM,CAAC,CAAC;AACR,IAAI,CAAC;AACL,EAAE,CAAC,EAAE,EAAE,CAAC;;AAER,EAAE,OAAO,KAAK;AACd;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
|
|
3
|
+
var useSearchForm = function useSearchForm() {
|
|
4
|
+
var _useState = useState(''),
|
|
5
|
+
query = _useState[0],
|
|
6
|
+
setInputs = _useState[1];
|
|
7
|
+
|
|
8
|
+
var handleSubmit = function handleSubmit(e) {
|
|
9
|
+
if (e) {
|
|
10
|
+
e.preventDefault();
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
var handleInputChange = function handleInputChange(e) {
|
|
14
|
+
e.persist();
|
|
15
|
+
setInputs(e.target.value);
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
return {
|
|
19
|
+
handleSubmit: handleSubmit,
|
|
20
|
+
handleInputChange: handleInputChange,
|
|
21
|
+
query: query
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { useSearchForm as default };
|
|
26
|
+
//# sourceMappingURL=useSearchForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSearchForm.js","sources":["../../../../../../node_modules/react-giphy-searchbox/es/hooks/useSearchForm.js"],"sourcesContent":["import { useState } from 'react';\n\nvar useSearchForm = function useSearchForm() {\n var _useState = useState(''),\n query = _useState[0],\n setInputs = _useState[1];\n\n var handleSubmit = function handleSubmit(e) {\n if (e) {\n e.preventDefault();\n }\n };\n var handleInputChange = function handleInputChange(e) {\n e.persist();\n setInputs(e.target.value);\n };\n\n return {\n handleSubmit: handleSubmit,\n handleInputChange: handleInputChange,\n query: query\n };\n};\n\nexport default useSearchForm;"],"names":[],"mappings":";;AAEG,IAAC,aAAa,GAAG,SAAS,aAAa,GAAG;AAC7C,EAAE,IAAI,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC;AAC9B,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;AAC1B,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC;;AAE9B,EAAE,IAAI,YAAY,GAAG,SAAS,YAAY,CAAC,CAAC,EAAE;AAC9C,IAAI,IAAI,CAAC,EAAE;AACX,MAAM,CAAC,CAAC,cAAc,EAAE;AACxB,IAAI;AACJ,EAAE,CAAC;AACH,EAAE,IAAI,iBAAiB,GAAG,SAAS,iBAAiB,CAAC,CAAC,EAAE;AACxD,IAAI,CAAC,CAAC,OAAO,EAAE;AACf,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,EAAE,CAAC;;AAEH,EAAE,OAAO;AACT,IAAI,YAAY,EAAE,YAAY;AAC9B,IAAI,iBAAiB,EAAE,iBAAiB;AACxC,IAAI,KAAK,EAAE;AACX,GAAG;AACH;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import React__default, { useState, useRef, useEffect } from 'react';
|
|
2
|
+
import InfiniteScroll from '../../../_virtual/index2.js';
|
|
3
|
+
import { useStyle } from './style/useStyle.js';
|
|
4
|
+
import { styles } from './indexStyles.js';
|
|
5
|
+
import SearchForm from './components/SearchForm/SearchForm.js';
|
|
6
|
+
import ImageItem from './components/ImageItem/ImageItem.js';
|
|
7
|
+
import PoweredByGiphy from './components/PoweredByGiphy/PoweredByGiphy.js';
|
|
8
|
+
import MasonryLayout from './components/MasonryLayout/MasonryLayout.js';
|
|
9
|
+
import Alert from './components/Alert/Alert.js';
|
|
10
|
+
import Spinner from './components/Spinner/Spinner.js';
|
|
11
|
+
import useSearchForm from './hooks/useSearchForm.js';
|
|
12
|
+
import useDebounce from './hooks/useDebounce.js';
|
|
13
|
+
import useMedia from './hooks/useMedia.js';
|
|
14
|
+
import useApi from './hooks/useApi.js';
|
|
15
|
+
import { getDefaultMasonryConfig, getMasonryConfigExceptLast, getMediaBreakpoints, getComponentWrapperWidth } from './utils/masonry.js';
|
|
16
|
+
|
|
17
|
+
var ReactGiphySearchBox = function ReactGiphySearchBox(_ref) {
|
|
18
|
+
var apiKey = _ref.apiKey,
|
|
19
|
+
autoFocus = _ref.autoFocus,
|
|
20
|
+
gifListHeight = _ref.gifListHeight,
|
|
21
|
+
gifPerPage = _ref.gifPerPage,
|
|
22
|
+
imageBackgroundColor = _ref.imageBackgroundColor,
|
|
23
|
+
imageRenditionFileType = _ref.imageRenditionFileType,
|
|
24
|
+
imageRenditionName = _ref.imageRenditionName,
|
|
25
|
+
library = _ref.library,
|
|
26
|
+
listItemClassName = _ref.listItemClassName,
|
|
27
|
+
listWrapperClassName = _ref.listWrapperClassName,
|
|
28
|
+
loadingImage = _ref.loadingImage,
|
|
29
|
+
masonryConfig = _ref.masonryConfig,
|
|
30
|
+
messageError = _ref.messageError,
|
|
31
|
+
messageLoading = _ref.messageLoading,
|
|
32
|
+
messageNoMatches = _ref.messageNoMatches,
|
|
33
|
+
onSearch = _ref.onSearch,
|
|
34
|
+
onSelect = _ref.onSelect,
|
|
35
|
+
poweredByGiphy = _ref.poweredByGiphy,
|
|
36
|
+
poweredByGiphyImage = _ref.poweredByGiphyImage,
|
|
37
|
+
rating = _ref.rating,
|
|
38
|
+
searchFormClassName = _ref.searchFormClassName,
|
|
39
|
+
searchPlaceholder = _ref.searchPlaceholder,
|
|
40
|
+
wrapperClassName = _ref.wrapperClassName;
|
|
41
|
+
|
|
42
|
+
useStyle('Index', styles);
|
|
43
|
+
|
|
44
|
+
var _useSearchForm = useSearchForm(),
|
|
45
|
+
query = _useSearchForm.query,
|
|
46
|
+
handleInputChange = _useSearchForm.handleInputChange,
|
|
47
|
+
handleSubmit = _useSearchForm.handleSubmit;
|
|
48
|
+
|
|
49
|
+
var debouncedQuery = useDebounce(query, 500);
|
|
50
|
+
|
|
51
|
+
var apiEndpoint = query ? 'search' : 'trending';
|
|
52
|
+
var apiUrl = function apiUrl(offset) {
|
|
53
|
+
return 'https://api.giphy.com/v1/' + library + '/' + apiEndpoint + '?api_key=' + apiKey + '&limit=' + gifPerPage + '&rating=' + rating + '&offset=' + offset + '&q=' + query;
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
var _useApi = useApi(),
|
|
57
|
+
_useApi$ = _useApi[0],
|
|
58
|
+
data = _useApi$.data,
|
|
59
|
+
loading = _useApi$.loading,
|
|
60
|
+
error = _useApi$.error,
|
|
61
|
+
lastPage = _useApi$.lastPage,
|
|
62
|
+
fetchImages = _useApi[1];
|
|
63
|
+
|
|
64
|
+
var masonryConfigMatchMedia = useMedia(getMediaBreakpoints(masonryConfig), getMasonryConfigExceptLast(masonryConfig), getDefaultMasonryConfig(masonryConfig));
|
|
65
|
+
|
|
66
|
+
// Fetch Giphy Api on component mount and on search query change
|
|
67
|
+
|
|
68
|
+
var _useState = useState(true),
|
|
69
|
+
firstRun = _useState[0],
|
|
70
|
+
setFirstRun = _useState[1];
|
|
71
|
+
|
|
72
|
+
var isFirstRun = useRef(true);
|
|
73
|
+
useEffect(function () {
|
|
74
|
+
fetchImages(apiUrl(0));
|
|
75
|
+
onSearch(query);
|
|
76
|
+
|
|
77
|
+
if (isFirstRun.current) {
|
|
78
|
+
isFirstRun.current = false;
|
|
79
|
+
setFirstRun(false);
|
|
80
|
+
}
|
|
81
|
+
}, [debouncedQuery]);
|
|
82
|
+
|
|
83
|
+
return React__default.createElement(
|
|
84
|
+
'div',
|
|
85
|
+
{
|
|
86
|
+
className: 'reactGiphySearchbox-componentWrapper' + (wrapperClassName ? ' ' + wrapperClassName : ''),
|
|
87
|
+
style: { width: getComponentWrapperWidth(masonryConfigMatchMedia) }
|
|
88
|
+
},
|
|
89
|
+
React__default.createElement(SearchForm, {
|
|
90
|
+
value: query,
|
|
91
|
+
setValue: handleInputChange,
|
|
92
|
+
onSubmit: handleSubmit,
|
|
93
|
+
loadingData: loading,
|
|
94
|
+
searchFormClassName: searchFormClassName,
|
|
95
|
+
placeholder: searchPlaceholder,
|
|
96
|
+
autoFocus: autoFocus
|
|
97
|
+
}),
|
|
98
|
+
React__default.createElement(
|
|
99
|
+
'div',
|
|
100
|
+
{
|
|
101
|
+
className: 'reactGiphySearchbox-listWrapper' + (listWrapperClassName ? ' ' + listWrapperClassName : ''),
|
|
102
|
+
style: { height: gifListHeight }
|
|
103
|
+
},
|
|
104
|
+
React__default.createElement(Alert, {
|
|
105
|
+
show: data.length === 0 && !loading && !error && !firstRun,
|
|
106
|
+
message: messageNoMatches
|
|
107
|
+
}),
|
|
108
|
+
React__default.createElement(Alert, { show: error, message: messageError }),
|
|
109
|
+
React__default.createElement(Spinner, { show: loading, message: messageLoading, image: loadingImage }),
|
|
110
|
+
React__default.createElement(
|
|
111
|
+
InfiniteScroll,
|
|
112
|
+
{
|
|
113
|
+
pageStart: 0,
|
|
114
|
+
loadMore: function loadMore(page) {
|
|
115
|
+
return fetchImages(apiUrl(page * gifPerPage), true);
|
|
116
|
+
},
|
|
117
|
+
hasMore: !loading && !lastPage,
|
|
118
|
+
useWindow: false,
|
|
119
|
+
initialLoad: false,
|
|
120
|
+
loader: !firstRun && React__default.createElement(
|
|
121
|
+
'div',
|
|
122
|
+
{ key: 'loading' },
|
|
123
|
+
React__default.createElement(Spinner, {
|
|
124
|
+
show: loading,
|
|
125
|
+
message: messageLoading,
|
|
126
|
+
image: loadingImage
|
|
127
|
+
})
|
|
128
|
+
)
|
|
129
|
+
},
|
|
130
|
+
data.length > 0 && React__default.createElement(
|
|
131
|
+
MasonryLayout,
|
|
132
|
+
{ sizes: masonryConfig },
|
|
133
|
+
data.map(function (item) {
|
|
134
|
+
return React__default.createElement(ImageItem, {
|
|
135
|
+
item: item,
|
|
136
|
+
size: masonryConfigMatchMedia.imageWidth,
|
|
137
|
+
key: item.id,
|
|
138
|
+
listItemClassName: listItemClassName,
|
|
139
|
+
onSelect: onSelect,
|
|
140
|
+
backgroundColor: imageBackgroundColor,
|
|
141
|
+
imageRenditionName: imageRenditionName,
|
|
142
|
+
imageRenditionFileType: imageRenditionFileType
|
|
143
|
+
});
|
|
144
|
+
})
|
|
145
|
+
)
|
|
146
|
+
)
|
|
147
|
+
),
|
|
148
|
+
poweredByGiphy && React__default.createElement(PoweredByGiphy, { image: poweredByGiphyImage })
|
|
149
|
+
);
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
ReactGiphySearchBox.defaultProps = {
|
|
153
|
+
autoFocus: false,
|
|
154
|
+
gifListHeight: '300px',
|
|
155
|
+
gifPerPage: 20,
|
|
156
|
+
imageBackgroundColor: '#eee',
|
|
157
|
+
imageRenditionFileType: 'gif',
|
|
158
|
+
imageRenditionName: 'fixed_width_downsampled',
|
|
159
|
+
library: 'gifs',
|
|
160
|
+
listItemClassName: '',
|
|
161
|
+
listWrapperClassName: '',
|
|
162
|
+
loadingImage: undefined,
|
|
163
|
+
masonryConfig: [{ columns: 2, imageWidth: 120, gutter: 5 }],
|
|
164
|
+
messageError: 'Oops! Something went wrong. Please, try again.',
|
|
165
|
+
messageLoading: 'Loading...',
|
|
166
|
+
messageNoMatches: 'No matches found.',
|
|
167
|
+
onSearch: function onSearch() {},
|
|
168
|
+
poweredByGiphy: true,
|
|
169
|
+
poweredByGiphyImage: undefined,
|
|
170
|
+
rating: 'g',
|
|
171
|
+
searchFormClassName: '',
|
|
172
|
+
searchPlaceholder: 'Search for GIFs',
|
|
173
|
+
wrapperClassName: ''
|
|
174
|
+
};
|
|
175
|
+
|
|
176
|
+
export { ReactGiphySearchBox as default };
|
|
177
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../node_modules/react-giphy-searchbox/es/index.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport InfiniteScroll from 'react-infinite-scroller';\nimport { useStyle } from './style';\nimport { styles } from './indexStyles';\nimport SearchForm from './components/SearchForm/SearchForm';\nimport ImageItem from './components/ImageItem/ImageItem';\nimport PoweredByGiphy from './components/PoweredByGiphy/PoweredByGiphy';\nimport MasonryLayout from './components/MasonryLayout/MasonryLayout';\nimport Alert from './components/Alert/Alert';\nimport Spinner from './components/Spinner/Spinner';\nimport useSearchForm from './hooks/useSearchForm';\nimport useDebounce from './hooks/useDebounce';\nimport useMedia from './hooks/useMedia';\nimport useApi from './hooks/useApi';\nimport { getComponentWrapperWidth, getDefaultMasonryConfig, getMasonryConfigExceptLast, getMediaBreakpoints } from './utils/masonry';\n\nvar ReactGiphySearchBox = function ReactGiphySearchBox(_ref) {\n var apiKey = _ref.apiKey,\n autoFocus = _ref.autoFocus,\n gifListHeight = _ref.gifListHeight,\n gifPerPage = _ref.gifPerPage,\n imageBackgroundColor = _ref.imageBackgroundColor,\n imageRenditionFileType = _ref.imageRenditionFileType,\n imageRenditionName = _ref.imageRenditionName,\n library = _ref.library,\n listItemClassName = _ref.listItemClassName,\n listWrapperClassName = _ref.listWrapperClassName,\n loadingImage = _ref.loadingImage,\n masonryConfig = _ref.masonryConfig,\n messageError = _ref.messageError,\n messageLoading = _ref.messageLoading,\n messageNoMatches = _ref.messageNoMatches,\n onSearch = _ref.onSearch,\n onSelect = _ref.onSelect,\n poweredByGiphy = _ref.poweredByGiphy,\n poweredByGiphyImage = _ref.poweredByGiphyImage,\n rating = _ref.rating,\n searchFormClassName = _ref.searchFormClassName,\n searchPlaceholder = _ref.searchPlaceholder,\n wrapperClassName = _ref.wrapperClassName;\n\n useStyle('Index', styles);\n\n var _useSearchForm = useSearchForm(),\n query = _useSearchForm.query,\n handleInputChange = _useSearchForm.handleInputChange,\n handleSubmit = _useSearchForm.handleSubmit;\n\n var debouncedQuery = useDebounce(query, 500);\n\n var apiEndpoint = query ? 'search' : 'trending';\n var apiUrl = function apiUrl(offset) {\n return 'https://api.giphy.com/v1/' + library + '/' + apiEndpoint + '?api_key=' + apiKey + '&limit=' + gifPerPage + '&rating=' + rating + '&offset=' + offset + '&q=' + query;\n };\n\n var _useApi = useApi(),\n _useApi$ = _useApi[0],\n data = _useApi$.data,\n loading = _useApi$.loading,\n error = _useApi$.error,\n lastPage = _useApi$.lastPage,\n fetchImages = _useApi[1];\n\n var masonryConfigMatchMedia = useMedia(getMediaBreakpoints(masonryConfig), getMasonryConfigExceptLast(masonryConfig), getDefaultMasonryConfig(masonryConfig));\n\n // Fetch Giphy Api on component mount and on search query change\n\n var _useState = useState(true),\n firstRun = _useState[0],\n setFirstRun = _useState[1];\n\n var isFirstRun = useRef(true);\n useEffect(function () {\n fetchImages(apiUrl(0));\n onSearch(query);\n\n if (isFirstRun.current) {\n isFirstRun.current = false;\n setFirstRun(false);\n }\n }, [debouncedQuery]);\n\n return React.createElement(\n 'div',\n {\n className: 'reactGiphySearchbox-componentWrapper' + (wrapperClassName ? ' ' + wrapperClassName : ''),\n style: { width: getComponentWrapperWidth(masonryConfigMatchMedia) }\n },\n React.createElement(SearchForm, {\n value: query,\n setValue: handleInputChange,\n onSubmit: handleSubmit,\n loadingData: loading,\n searchFormClassName: searchFormClassName,\n placeholder: searchPlaceholder,\n autoFocus: autoFocus\n }),\n React.createElement(\n 'div',\n {\n className: 'reactGiphySearchbox-listWrapper' + (listWrapperClassName ? ' ' + listWrapperClassName : ''),\n style: { height: gifListHeight }\n },\n React.createElement(Alert, {\n show: data.length === 0 && !loading && !error && !firstRun,\n message: messageNoMatches\n }),\n React.createElement(Alert, { show: error, message: messageError }),\n React.createElement(Spinner, { show: loading, message: messageLoading, image: loadingImage }),\n React.createElement(\n InfiniteScroll,\n {\n pageStart: 0,\n loadMore: function loadMore(page) {\n return fetchImages(apiUrl(page * gifPerPage), true);\n },\n hasMore: !loading && !lastPage,\n useWindow: false,\n initialLoad: false,\n loader: !firstRun && React.createElement(\n 'div',\n { key: 'loading' },\n React.createElement(Spinner, {\n show: loading,\n message: messageLoading,\n image: loadingImage\n })\n )\n },\n data.length > 0 && React.createElement(\n MasonryLayout,\n { sizes: masonryConfig },\n data.map(function (item) {\n return React.createElement(ImageItem, {\n item: item,\n size: masonryConfigMatchMedia.imageWidth,\n key: item.id,\n listItemClassName: listItemClassName,\n onSelect: onSelect,\n backgroundColor: imageBackgroundColor,\n imageRenditionName: imageRenditionName,\n imageRenditionFileType: imageRenditionFileType\n });\n })\n )\n )\n ),\n poweredByGiphy && React.createElement(PoweredByGiphy, { image: poweredByGiphyImage })\n );\n};\n\nReactGiphySearchBox.defaultProps = {\n autoFocus: false,\n gifListHeight: '300px',\n gifPerPage: 20,\n imageBackgroundColor: '#eee',\n imageRenditionFileType: 'gif',\n imageRenditionName: 'fixed_width_downsampled',\n library: 'gifs',\n listItemClassName: '',\n listWrapperClassName: '',\n loadingImage: undefined,\n masonryConfig: [{ columns: 2, imageWidth: 120, gutter: 5 }],\n messageError: 'Oops! Something went wrong. Please, try again.',\n messageLoading: 'Loading...',\n messageNoMatches: 'No matches found.',\n onSearch: function onSearch() {},\n poweredByGiphy: true,\n poweredByGiphyImage: undefined,\n rating: 'g',\n searchFormClassName: '',\n searchPlaceholder: 'Search for GIFs',\n wrapperClassName: ''\n};\n\nexport default ReactGiphySearchBox;"],"names":["React"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { css } from './style/css.js';
|
|
2
|
+
import './style/useStyle.js';
|
|
3
|
+
|
|
4
|
+
var _templateObject = _taggedTemplateLiteralLoose(['\n .reactGiphySearchbox-componentWrapper {\n box-sizing: border-box;\n }\n\n .reactGiphySearchbox-componentWrapper *,\n .reactGiphySearchbox-componentWrapper *:before,\n .reactGiphySearchbox-componentWrapper *:after {\n box-sizing: inherit;\n }\n\n .reactGiphySearchbox-listWrapper {\n overflow-y: auto;\n }\n'], ['\n .reactGiphySearchbox-componentWrapper {\n box-sizing: border-box;\n }\n\n .reactGiphySearchbox-componentWrapper *,\n .reactGiphySearchbox-componentWrapper *:before,\n .reactGiphySearchbox-componentWrapper *:after {\n box-sizing: inherit;\n }\n\n .reactGiphySearchbox-listWrapper {\n overflow-y: auto;\n }\n']);
|
|
5
|
+
|
|
6
|
+
function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }
|
|
7
|
+
|
|
8
|
+
var styles = css(_templateObject);
|
|
9
|
+
|
|
10
|
+
export { styles };
|
|
11
|
+
//# sourceMappingURL=indexStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"indexStyles.js","sources":["../../../../../node_modules/react-giphy-searchbox/es/indexStyles.js"],"sourcesContent":["var _templateObject = _taggedTemplateLiteralLoose(['\\n .reactGiphySearchbox-componentWrapper {\\n box-sizing: border-box;\\n }\\n\\n .reactGiphySearchbox-componentWrapper *,\\n .reactGiphySearchbox-componentWrapper *:before,\\n .reactGiphySearchbox-componentWrapper *:after {\\n box-sizing: inherit;\\n }\\n\\n .reactGiphySearchbox-listWrapper {\\n overflow-y: auto;\\n }\\n'], ['\\n .reactGiphySearchbox-componentWrapper {\\n box-sizing: border-box;\\n }\\n\\n .reactGiphySearchbox-componentWrapper *,\\n .reactGiphySearchbox-componentWrapper *:before,\\n .reactGiphySearchbox-componentWrapper *:after {\\n box-sizing: inherit;\\n }\\n\\n .reactGiphySearchbox-listWrapper {\\n overflow-y: auto;\\n }\\n']);\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\n/* eslint-disable import/prefer-default-export */\nimport { css } from './style';\n\nexport var styles = css(_templateObject);"],"names":[],"mappings":";;;AAAA,IAAI,eAAe,GAAG,2BAA2B,CAAC,CAAC,wUAAwU,CAAC,EAAE,CAAC,wUAAwU,CAAC,CAAC;;AAEzsB,SAAS,2BAA2B,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC;;AAK9E,IAAC,MAAM,GAAG,GAAG,CAAC,eAAe;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
var _extends = Object.assign || 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; };
|
|
2
|
+
|
|
3
|
+
var dataFetchReducer = function dataFetchReducer(state, action) {
|
|
4
|
+
var payload = action.payload,
|
|
5
|
+
pagination = action.pagination;
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
switch (action.type) {
|
|
9
|
+
case 'FETCH_INIT':
|
|
10
|
+
return _extends({}, state, {
|
|
11
|
+
loading: true,
|
|
12
|
+
error: false,
|
|
13
|
+
lastPage: false,
|
|
14
|
+
data: []
|
|
15
|
+
});
|
|
16
|
+
case 'FETCH_MORE_INIT':
|
|
17
|
+
return _extends({}, state, {
|
|
18
|
+
loading: true,
|
|
19
|
+
error: false,
|
|
20
|
+
lastPage: false
|
|
21
|
+
});
|
|
22
|
+
case 'FETCH_SUCCESS':
|
|
23
|
+
return _extends({}, state, {
|
|
24
|
+
loading: false,
|
|
25
|
+
error: false,
|
|
26
|
+
data: payload,
|
|
27
|
+
lastPage: pagination.total_count - pagination.offset <= pagination.count
|
|
28
|
+
});
|
|
29
|
+
case 'FETCH_MORE_SUCCESS':
|
|
30
|
+
return _extends({}, state, {
|
|
31
|
+
loading: false,
|
|
32
|
+
error: false,
|
|
33
|
+
data: [].concat(state.data, payload),
|
|
34
|
+
lastPage: pagination.total_count - pagination.offset <= pagination.count
|
|
35
|
+
});
|
|
36
|
+
case 'FETCH_FAILURE':
|
|
37
|
+
return _extends({}, state, {
|
|
38
|
+
loading: false,
|
|
39
|
+
error: true,
|
|
40
|
+
lastPage: false
|
|
41
|
+
});
|
|
42
|
+
default:
|
|
43
|
+
throw new Error('Unknown action type');
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export { dataFetchReducer as default };
|
|
48
|
+
//# sourceMappingURL=dataFetchReducer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dataFetchReducer.js","sources":["../../../../../../node_modules/react-giphy-searchbox/es/reducers/dataFetchReducer.js"],"sourcesContent":["var _extends = Object.assign || 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; };\n\nvar dataFetchReducer = function dataFetchReducer(state, action) {\n var payload = action.payload,\n pagination = action.pagination;\n\n\n switch (action.type) {\n case 'FETCH_INIT':\n return _extends({}, state, {\n loading: true,\n error: false,\n lastPage: false,\n data: []\n });\n case 'FETCH_MORE_INIT':\n return _extends({}, state, {\n loading: true,\n error: false,\n lastPage: false\n });\n case 'FETCH_SUCCESS':\n return _extends({}, state, {\n loading: false,\n error: false,\n data: payload,\n lastPage: pagination.total_count - pagination.offset <= pagination.count\n });\n case 'FETCH_MORE_SUCCESS':\n return _extends({}, state, {\n loading: false,\n error: false,\n data: [].concat(state.data, payload),\n lastPage: pagination.total_count - pagination.offset <= pagination.count\n });\n case 'FETCH_FAILURE':\n return _extends({}, state, {\n loading: false,\n error: true,\n lastPage: false\n });\n default:\n throw new Error('Unknown action type');\n }\n};\n\nexport default dataFetchReducer;"],"names":[],"mappings":"AAAA,IAAI,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,UAAU,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC;;AAE7P,IAAC,gBAAgB,GAAG,SAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE;AAChE,EAAE,IAAI,OAAO,GAAG,MAAM,CAAC,OAAO;AAC9B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;;;AAGpC,EAAE,QAAQ,MAAM,CAAC,IAAI;AACrB,IAAI,KAAK,YAAY;AACrB,MAAM,OAAO,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE;AACjC,QAAQ,OAAO,EAAE,IAAI;AACrB,QAAQ,KAAK,EAAE,KAAK;AACpB,QAAQ,QAAQ,EAAE,KAAK;AACvB,QAAQ,IAAI,EAAE;AACd,OAAO,CAAC;AACR,IAAI,KAAK,iBAAiB;AAC1B,MAAM,OAAO,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE;AACjC,QAAQ,OAAO,EAAE,IAAI;AACrB,QAAQ,KAAK,EAAE,KAAK;AACpB,QAAQ,QAAQ,EAAE;AAClB,OAAO,CAAC;AACR,IAAI,KAAK,eAAe;AACxB,MAAM,OAAO,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE;AACjC,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,KAAK,EAAE,KAAK;AACpB,QAAQ,IAAI,EAAE,OAAO;AACrB,QAAQ,QAAQ,EAAE,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC;AAC3E,OAAO,CAAC;AACR,IAAI,KAAK,oBAAoB;AAC7B,MAAM,OAAO,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE;AACjC,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,KAAK,EAAE,KAAK;AACpB,QAAQ,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC5C,QAAQ,QAAQ,EAAE,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC;AAC3E,OAAO,CAAC;AACR,IAAI,KAAK,eAAe;AACxB,MAAM,OAAO,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE;AACjC,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,KAAK,EAAE,IAAI;AACnB,QAAQ,QAAQ,EAAE;AAClB,OAAO,CAAC;AACR,IAAI;AACJ,MAAM,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC;AAC5C;AACA;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/* eslint-disable import/prefer-default-export */
|
|
2
|
+
var css = function css(strings) {
|
|
3
|
+
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
4
|
+
args[_key - 1] = arguments[_key];
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
return strings.reduce(function (acc, string, index) {
|
|
8
|
+
return acc + string + (index < args.length ? args[index] : '');
|
|
9
|
+
}, '');
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { css };
|
|
13
|
+
//# sourceMappingURL=css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","sources":["../../../../../../node_modules/react-giphy-searchbox/es/style/css.js"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport var css = function css(strings) {\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return strings.reduce(function (acc, string, index) {\n return acc + string + (index < args.length ? args[index] : '');\n }, '');\n};"],"names":[],"mappings":"AAAA;AACU,IAAC,GAAG,GAAG,SAAS,GAAG,CAAC,OAAO,EAAE;AACvC,EAAE,KAAK,IAAI,IAAI,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,EAAE,EAAE;AAC1G,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC;AACpC,EAAE;;AAEF,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;AACtD,IAAI,OAAO,GAAG,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAClE,EAAE,CAAC,EAAE,EAAE,CAAC;AACR;;;;","x_google_ignoreList":[0]}
|