liquid-glass-react-ui
Version:
Missing React, typescript NPM library creation template
1 lines • 2.11 kB
Source Map (JSON)
{"version":3,"file":"index.umd.cjs","sources":["../src/lib/CounterDemo/useLogic.ts","../src/lib/CounterDemo/Counter.tsx"],"sourcesContent":["import {useState} from 'react';\n\nconst useLogic = (initialState: number) => {\n const [count, setCount] = useState(initialState);\n return {\n count,\n incrementCount: () => setCount(count + 1),\n };\n};\n\nexport default useLogic;\n","import type {FC} from 'react';\nimport {useEffect} from 'react';\nimport {throttle} from 'lodash';\n\nimport classes from './Counter.module.css';\nimport useLogic from './useLogic';\n\nexport type Props = {\n /** Set initial value */\n initialValue?: number;\n};\n\nexport const Counter: FC<Props> = ({initialValue = 0}) => {\n const {count, incrementCount} = useLogic(initialValue);\n\n useEffect(() => {\n const runner = throttle(() => {\n console.log('throttle');\n }, 10);\n runner();\n }, []);\n\n return (\n <div className={classes.counter}>\n <h2 className={classes.header}>Counter</h2>\n <button className={classes.button} type=\"button\" onClick={incrementCount}>\n Increment by one\n </button>\n <div>\n Total value: <strong>{count}</strong>\n </div>\n </div>\n );\n};\n"],"names":["useLogic","initialState","count","setCount","useState","Counter","initialValue","incrementCount","useEffect","throttle","jsxs","classes","jsx"],"mappings":"ycAEMA,EAAYC,GAAyB,CACvC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,CAAY,EACxC,MAAA,CACH,MAAAC,EACA,eAAgB,IAAMC,EAASD,EAAQ,CAAC,CAC5C,CACJ,ECIaG,EAAqB,CAAC,CAAC,aAAAC,EAAe,KAAO,CACtD,KAAM,CAAC,MAAAJ,EAAO,eAAAK,GAAkBP,EAASM,CAAY,EAErDE,OAAAA,EAAAA,UAAU,IAAM,CACGC,EAAAA,SAAS,IAAM,CAC1B,QAAQ,IAAI,UAAU,GACvB,EAAE,EACE,CACX,EAAG,EAAE,EAGAC,EAAAA,KAAA,MAAA,CAAI,UAAWC,EAAQ,QACpB,SAAA,CAAAC,EAAA,IAAC,KAAG,CAAA,UAAWD,EAAQ,OAAQ,SAAO,UAAA,EACtCC,EAAAA,IAAC,UAAO,UAAWD,EAAQ,OAAQ,KAAK,SAAS,QAASJ,EAAgB,SAE1E,kBAAA,CAAA,SACC,MAAI,CAAA,SAAA,CAAA,gBACYK,EAAAA,IAAC,UAAQ,SAAMV,CAAA,CAAA,CAAA,CAChC,CAAA,CAAA,EACJ,CAER"}