@startlibs/core 1.1.0 → 1.2.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/SlotFill.mjs +4 -4
- package/lib/SlotFill.mjs.map +1 -1
- package/lib/StartlibsProvider.mjs.map +1 -1
- package/lib/hocs/WithLazyResource.mjs +4 -4
- package/lib/hocs/WithLazyResource.mjs.map +1 -1
- package/lib/hocs/WithRef.mjs.map +1 -1
- package/lib/hocs/consumes.mjs +1 -1
- package/lib/hocs/consumes.mjs.map +1 -1
- package/lib/hocs/withDialogError.mjs +1 -1
- package/lib/hocs/withDialogError.mjs.map +1 -1
- package/lib/hocs/withGroupEvent.mjs +1 -1
- package/lib/hocs/withGroupEvent.mjs.map +1 -1
- package/lib/hooks/WithConstant.mjs +2 -2
- package/lib/hooks/WithConstant.mjs.map +1 -1
- package/lib/hooks/WithEffect.mjs.map +1 -1
- package/lib/hooks/useAsyncEffect.mjs.map +1 -1
- package/lib/hooks/useCallState.mjs +1 -1
- package/lib/hooks/useCallState.mjs.map +1 -1
- package/lib/hooks/useCallbackStable.mjs.map +1 -1
- package/lib/hooks/useConstant.mjs.map +1 -1
- package/lib/hooks/useConsumerCatalog.mjs.map +1 -1
- package/lib/hooks/useEnsureRef.mjs.map +1 -1
- package/lib/hooks/useForceUpdate.mjs +7 -7
- package/lib/hooks/useForceUpdate.mjs.map +1 -1
- package/lib/hooks/useIsUnmounted.mjs.map +1 -1
- package/lib/hooks/usePopupToggle.mjs +1 -1
- package/lib/hooks/usePopupToggle.mjs.map +1 -1
- package/lib/hooks/usePrevious.mjs.map +1 -1
- package/lib/hooks/useRecycleFocus.mjs.map +1 -1
- package/lib/hooks/useRefMemo.mjs.map +1 -1
- package/lib/hooks/useRefState.mjs +1 -1
- package/lib/hooks/useRefState.mjs.map +1 -1
- package/lib/hooks/useSignal.mjs +15 -15
- package/lib/hooks/useSignal.mjs.map +1 -1
- package/lib/hooks/useTitle.mjs +2 -2
- package/lib/hooks/useTitle.mjs.map +1 -1
- package/lib/hooks/useToggle.mjs +1 -1
- package/lib/hooks/useToggle.mjs.map +1 -1
- package/lib/hooks/useUpdateEffect.mjs.map +1 -1
- package/lib/hooks/useUpdateOnResize.mjs.map +1 -1
- package/lib/hooks/useWithTransition.mjs +1 -1
- package/lib/hooks/useWithTransition.mjs.map +1 -1
- package/lib/hooks/willUseLayers.mjs +2 -2
- package/lib/hooks/willUseLayers.mjs.map +1 -1
- package/lib/hooks/willUseSharedCallback.mjs.map +1 -1
- package/lib/hooks/willUseSharedState.mjs +3 -3
- package/lib/hooks/willUseSharedState.mjs.map +1 -1
- package/lib/hooks/willUseSpreadState.mjs +4 -4
- package/lib/hooks/willUseSpreadState.mjs.map +1 -1
- package/lib/index.cjs +164 -164
- package/lib/index.cjs.map +1 -1
- package/lib/index.mjs +10 -10
- package/lib-yak/SlotFill.mjs +230 -0
- package/lib-yak/SlotFill.mjs.map +1 -0
- package/lib-yak/StartlibsProvider.mjs +62 -0
- package/lib-yak/StartlibsProvider.mjs.map +1 -0
- package/lib-yak/hocs/WithLazyResource.mjs +74 -0
- package/lib-yak/hocs/WithLazyResource.mjs.map +1 -0
- package/lib-yak/hocs/WithRef.mjs +20 -0
- package/lib-yak/hocs/WithRef.mjs.map +1 -0
- package/lib-yak/hocs/consumes.mjs +22 -0
- package/lib-yak/hocs/consumes.mjs.map +1 -0
- package/lib-yak/hocs/withDialogError.mjs +22 -0
- package/lib-yak/hocs/withDialogError.mjs.map +1 -0
- package/lib-yak/hocs/withGroupEvent.mjs +45 -0
- package/lib-yak/hocs/withGroupEvent.mjs.map +1 -0
- package/lib-yak/hooks/WithConstant.mjs +13 -0
- package/lib-yak/hooks/WithConstant.mjs.map +1 -0
- package/lib-yak/hooks/WithEffect.mjs +12 -0
- package/lib-yak/hooks/WithEffect.mjs.map +1 -0
- package/lib-yak/hooks/useAsyncEffect.mjs +14 -0
- package/lib-yak/hooks/useAsyncEffect.mjs.map +1 -0
- package/lib-yak/hooks/useCallState.mjs +21 -0
- package/lib-yak/hooks/useCallState.mjs.map +1 -0
- package/lib-yak/hooks/useCallbackStable.mjs +17 -0
- package/lib-yak/hooks/useCallbackStable.mjs.map +1 -0
- package/lib-yak/hooks/useConstant.mjs +21 -0
- package/lib-yak/hooks/useConstant.mjs.map +1 -0
- package/lib-yak/hooks/useConsumerCatalog.mjs +25 -0
- package/lib-yak/hooks/useConsumerCatalog.mjs.map +1 -0
- package/lib-yak/hooks/useEnsureRef.mjs +9 -0
- package/lib-yak/hooks/useEnsureRef.mjs.map +1 -0
- package/lib-yak/hooks/useForceUpdate.mjs +28 -0
- package/lib-yak/hooks/useForceUpdate.mjs.map +1 -0
- package/lib-yak/hooks/useIsUnmounted.mjs +15 -0
- package/lib-yak/hooks/useIsUnmounted.mjs.map +1 -0
- package/lib-yak/hooks/usePopupToggle.mjs +33 -0
- package/lib-yak/hooks/usePopupToggle.mjs.map +1 -0
- package/lib-yak/hooks/usePrevious.mjs +28 -0
- package/lib-yak/hooks/usePrevious.mjs.map +1 -0
- package/lib-yak/hooks/useRecycleFocus.mjs +34 -0
- package/lib-yak/hooks/useRecycleFocus.mjs.map +1 -0
- package/lib-yak/hooks/useRefMemo.mjs +13 -0
- package/lib-yak/hooks/useRefMemo.mjs.map +1 -0
- package/lib-yak/hooks/useRefState.mjs +29 -0
- package/lib-yak/hooks/useRefState.mjs.map +1 -0
- package/lib-yak/hooks/useSignal.mjs +271 -0
- package/lib-yak/hooks/useSignal.mjs.map +1 -0
- package/lib-yak/hooks/useTitle.mjs +17 -0
- package/lib-yak/hooks/useTitle.mjs.map +1 -0
- package/lib-yak/hooks/useToggle.mjs +152 -0
- package/lib-yak/hooks/useToggle.mjs.map +1 -0
- package/lib-yak/hooks/useUpdateEffect.mjs +15 -0
- package/lib-yak/hooks/useUpdateEffect.mjs.map +1 -0
- package/lib-yak/hooks/useUpdateOnResize.mjs +18 -0
- package/lib-yak/hooks/useUpdateOnResize.mjs.map +1 -0
- package/lib-yak/hooks/useWithTransition.mjs +18 -0
- package/lib-yak/hooks/useWithTransition.mjs.map +1 -0
- package/lib-yak/hooks/willUseLayers.mjs +55 -0
- package/lib-yak/hooks/willUseLayers.mjs.map +1 -0
- package/lib-yak/hooks/willUseSharedCallback.mjs +70 -0
- package/lib-yak/hooks/willUseSharedCallback.mjs.map +1 -0
- package/lib-yak/hooks/willUseSharedState.mjs +41 -0
- package/lib-yak/hooks/willUseSharedState.mjs.map +1 -0
- package/lib-yak/hooks/willUseSpreadState.mjs +119 -0
- package/lib-yak/hooks/willUseSpreadState.mjs.map +1 -0
- package/lib-yak/index.mjs +33 -0
- package/lib-yak/index.mjs.map +1 -0
- package/package.json +11 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSignal.mjs","sources":["../../src/hooks/useSignal.jsx"],"sourcesContent":["import React, {startTransition, use, useMemo, useCallback, useContext, useEffect, useRef, useState} from 'react'\nimport {useConstant, useLazyConstant} from './useConstant'\nimport {useForceUpdate} from './useForceUpdate'\nimport {_s, callIfFunction} from '@startlibs/utils'\nimport _ from 'lodash/fp'\n\nconst IS_ARRAY_ITEMS_EQUALS = (a,b) => a.length === b.length && !a.some((x, i) => !Object.is(x, b[i]));\nconst IS_DEPS_EQUALS = (a = [],b = []) => Object.is(a,b) || IS_ARRAY_ITEMS_EQUALS(a,b)\n\nconst SHALLOW_IS_EQUAL = (a,b) => Object.is(a,b) || (_.isArray(a) && _.isArray(b) && IS_ARRAY_ITEMS_EQUALS(a,b))\n\nconst EMPTY_DEPS = []\nconst EMPTY_VALUE = {\"EMPTY\":true}\nexport const useUpdateSignal = (initialValue) => {\n const value = useRef(initialValue)\n value.current = initialValue\n return useLazyConstant(() => {\n let registered = []\n const register = (selector = _.identity, isEqual = SHALLOW_IS_EQUAL, withTransition = false) => {\n const selectorRef = useRef()\n selectorRef.current = selector\n const update = useForceUpdate()\n const lastValueRef = useRef(_s.select(selectorRef.current, value.current))\n useEffect(() => {\n const item = [update, selectorRef, isEqual, lastValueRef, withTransition]\n registered = [...registered, item]\n return () => {\n registered = registered.filter(v => v !== item)\n }\n }, [])\n if (value.current === EMPTY_VALUE) {\n return EMPTY_VALUE\n }\n return lastValueRef.current\n }\n const call = (...args) =>\n registered.forEach(([fn, selectorRef, isEqual, lastValueRef, withTransition]) => {\n const nextValue = _s.select(selectorRef.current, ...args)\n if (!callIfFunction(isEqual,nextValue,lastValueRef.current)) {\n lastValueRef.current = nextValue\n if (withTransition) {\n (withTransition === true ? startTransition : withTransition)(() => fn(nextValue))\n } else {\n fn(nextValue)\n }\n }\n })\n return [register, call]\n })\n}\n\nconst useSelectorSignal = (value) => {\n const prevValue = useRef(value)\n const [_register, call] = useUpdateSignal(value)\n const register = useCallback((selector, deps, isEqual, withTransition) => {\n const prevDeps = useRef(EMPTY_DEPS)\n if (prevDeps.current !== EMPTY_DEPS && !IS_DEPS_EQUALS(deps, prevDeps.current)) {\n call(prevValue.current)\n }\n prevDeps.current = deps\n return _register(selector, isEqual, withTransition)\n }, [])\n useEffect(() => {\n if (prevValue.current !== value) {\n prevValue.current = value\n call(value)\n }\n },[value])\n return register\n}\n\nconst updateStateFn = (path,update) => state =>\n path\n ? _.update(path,(v) => callIfFunction(update,v),state)\n : callIfFunction(update,state)\n\n\nexport const createStatefulContext = (v,defaultIsEqual) => {\n const Ctx = React.createContext(v)\n const Provider = ({value, setValue, utils,children}) => {\n const register = useSelectorSignal(value)\n const v = useLazyConstant(() => [register,setValue, utils])\n return <Ctx.Provider value={v}>{children}</Ctx.Provider>\n }\n const useCtx = () => useContext(Ctx)\n\n const useSelectValue = (selector,deps,defaultIsEqual, withTransition) => {\n const [useRegister] = useCtx()\n if (deps === true) {\n return useRegister(selector,[],undefined,startTransition)\n } else if (_.isPlainObject(deps)) {\n return useRegister(selector,deps.deps,deps.isEqual, deps.withTransition)\n } else {\n return useRegister(selector,_.isArray(deps) ? deps : deps?.deps,defaultIsEqual, withTransition)\n }\n }\n const useSetValue = (path) => {\n const [reg,set ] = useCtx()\n return useConstant((update) => set(updateStateFn(path,update)))\n }\n const useUtils = (path,deps) => {\n const [reg,set, utils ] = useCtx()\n return utils\n }\n return [Provider,[useSelectValue, useSetValue, useUtils, useCtx]]\n}\n\nexport const createSelfStatefulContext = (v,defaultIsEqual) => {\n const [Provider,[useSelectValue, useSetValue, useUtils, useCtx]] = createStatefulContext(v,defaultIsEqual)\n\n const StateFullProvider = ({init = {}, utils,children}) => {\n const [state,setState] = useState(init)\n return <Provider value={state} setValue={setState} utils={utils}>\n {children}\n </Provider>\n }\n return [StateFullProvider,[useSelectValue, useSetValue, useUtils, useCtx]]\n}\n\n\nexport const createLazyStatefulContext = (toPromise,defaultIsEqual) => {\n const [Provider,[useSelectValue, useSetValue, useUtils, useCtx]] = createStatefulContext(EMPTY_VALUE,defaultIsEqual)\n const useSelectLazyValue = (selector,deps,isEqual = defaultIsEqual,withTransition) => {\n const value = useSelectValue(selector,deps,isEqual,withTransition)\n const utils = useUtils()\n if (value === EMPTY_VALUE) {\n const loadedValue = use(utils._lazyValue())\n return _s.select(selector,loadedValue)\n }\n return value\n }\n const useSetLazyValue = (path) => {\n const [,setValue,utils] = useCtx()\n return useConstant((update) => {\n return setValue(value =>\n value === EMPTY_VALUE\n ? updateStateFn(path,update)(utils.loadedValue())\n : updateStateFn(path,update)(value)\n )\n })\n }\n\n const useValuePromise = (selector,deps,isEqual,withTransition) => {\n const value = useSelectValue(selector,deps,isEqual,withTransition)\n const utils = useUtils()\n return useCallback(() => {\n if (value === EMPTY_VALUE) {\n return utils._lazyValue().then(v => console.log(v,_s.select(selector,v),selector) || _s.select(selector,v))\n }\n return new Promise(value)\n },[value,deps])\n }\n const LazyStateFullProvider = ({value, utils,children, fallback = null}) => {\n const [state,setState] = useState(EMPTY_VALUE)\n const promise = useRef()\n const loadedValue = useRef()\n const lazyUtils = useMemo(() => ({\n ...utils,\n _lazyValue: () => {\n promise.current ??= callIfFunction(toPromise || _.identity,value)\n promise.current.then((value) => {\n loadedValue.current = value\n })\n return promise.current\n },\n loadedValue: () => loadedValue.current\n }),[value,utils])\n return <Provider value={state} setValue={setState} utils={lazyUtils}>\n {\n fallback===false\n ? children\n : <React.Suspense fallback={fallback}>{children}</React.Suspense>\n }\n </Provider>\n }\n\n return [LazyStateFullProvider,[useSelectLazyValue, useSetLazyValue, useValuePromise]]\n}\n\nexport const createSelectableContext = (v) => {\n const [Provider,[useSelectValue]] = createStatefulContext(v)\n return [Provider,useSelectValue]\n}\nexport const createTriggerUpdateContext = (v) => {\n const [Provider,[useSelectValue]] = createStatefulContext(v)\n const TriggerProvider = React.forwardRef(({children},ref) => {\n const [v,setV] = useState(0)\n const trigger = React.useMemo(() => () => setV(v => v+1),[v])\n React.useImperativeHandle(ref, () => ({trigger}) , [])\n return <Provider value={trigger}>{children}</Provider>\n })\n return [TriggerProvider,useSelectValue]\n}"],"names":["IS_ARRAY_ITEMS_EQUALS","a","b","length","some","x","i","Object","is","IS_DEPS_EQUALS","arguments","undefined","SHALLOW_IS_EQUAL","_isArray","EMPTY_DEPS","EMPTY_VALUE","useUpdateSignal","initialValue","value","useRef","current","useLazyConstant","registered","register","selector","_identity","isEqual","withTransition","selectorRef","update","useForceUpdate","lastValueRef","_s","select","useEffect","item","filter","v","call","_len","args","Array","_key","forEach","_ref","_ref2","_slicedToArray","fn","nextValue","callIfFunction","startTransition","useSelectorSignal","prevValue","_useUpdateSignal","_useUpdateSignal2","_register","useCallback","deps","prevDeps","updateStateFn","path","state","_update","createStatefulContext","defaultIsEqual","Ctx","React","createContext","Provider","_ref3","setValue","utils","children","createElement","useCtx","useContext","useSelectValue","_useCtx","_useCtx2","useRegister","_isPlainObject","useSetValue","_useCtx3","_useCtx4","reg","set","useConstant","useUtils","_useCtx5","_useCtx6","createSelfStatefulContext","_createStatefulContex","_createStatefulContex2","_createStatefulContex3","StateFullProvider","_ref4","_ref4$init","init","_useState","useState","_useState2","setState","createLazyStatefulContext","toPromise","_createStatefulContex4","_createStatefulContex5","_createStatefulContex6","useSelectLazyValue","loadedValue","use","_lazyValue","useSetLazyValue","_useCtx7","_useCtx8","useValuePromise","then","console","log","Promise","LazyStateFullProvider","_ref5","_ref5$fallback","fallback","_useState3","_useState4","promise","lazyUtils","useMemo","_objectSpread","_promise$current","Suspense","createSelectableContext","_createStatefulContex7","_createStatefulContex8","_createStatefulContex9","createTriggerUpdateContext","_createStatefulContex0","_createStatefulContex1","_createStatefulContex10","TriggerProvider","forwardRef","_ref6","ref","_useState5","_useState6","setV","trigger","useImperativeHandle"],"mappings":";;;;;;;;;;;;;AAMA,MAAMA,qBAAqB,GAAGA,CAACC,CAAC,EAACC,CAAC,KAAKD,CAAC,CAACE,MAAM,KAAKD,CAAC,CAACC,MAAM,IAAI,CAACF,CAAC,CAACG,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK,CAACC,MAAM,CAACC,EAAE,CAACH,CAAC,EAAEH,CAAC,CAACI,CAAC,CAAC,CAAC,CAAC;AACtG,MAAMG,cAAc,GAAG;EAAA,IAACR,CAAC,GAAAS,SAAA,CAAAP,MAAA,QAAAO,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,EAAE;EAAA,IAACR,CAAC,GAAAQ,SAAA,CAAAP,MAAA,QAAAO,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,EAAE;EAAA,OAAKH,MAAM,CAACC,EAAE,CAACP,CAAC,EAACC,CAAC,CAAC,IAAIF,qBAAqB,CAACC,CAAC,EAACC,CAAC,CAAC;AAAA;AAEtF,MAAMU,gBAAgB,GAAGA,CAACX,CAAC,EAACC,CAAC,KAAKK,MAAM,CAACC,EAAE,CAACP,CAAC,EAACC,CAAC,CAAC,IAAKW,QAAA,CAAUZ,CAAC,CAAC,IAAIY,QAAA,CAAUX,CAAC,CAAC,IAAIF,qBAAqB,CAACC,CAAC,EAACC,CAAC,CAAE;AAEhH,MAAMY,UAAU,GAAG,EAAE;AACrB,MAAMC,WAAW,GAAG;EAAC,OAAO,EAAC;AAAI,CAAC;MACrBC,eAAe,GAAIC,YAAY,IAAK;EAC/C,MAAMC,KAAK,GAAGC,MAAM,CAACF,YAAY,CAAC;EAClCC,KAAK,CAACE,OAAO,GAAGH,YAAY;EAC5B,OAAOI,eAAe,CAAC,MAAM;IAC3B,IAAIC,UAAU,GAAG,EAAE;IACnB,MAAMC,QAAQ,GAAG,YAA+E;MAAA,IAA9EC,QAAQ,GAAAd,SAAA,CAAAP,MAAA,QAAAO,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAAe,SAAA;MAAA,IAAeC,OAAO,GAAAhB,SAAA,CAAAP,MAAA,QAAAO,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAGE,gBAAgB;MAAA,IAAEe,cAAc,GAAAjB,SAAA,CAAAP,MAAA,QAAAO,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,KAAK;MACzF,MAAMkB,WAAW,GAAGT,MAAM,EAAE;MAC5BS,WAAW,CAACR,OAAO,GAAGI,QAAQ;MAC9B,MAAMK,MAAM,GAAGC,cAAc,EAAE;MAC/B,MAAMC,YAAY,GAAGZ,MAAM,CAACa,EAAE,CAACC,MAAM,CAACL,WAAW,CAACR,OAAO,EAAEF,KAAK,CAACE,OAAO,CAAC,CAAC;MAC1Ec,SAAS,CAAC,MAAM;QACd,MAAMC,IAAI,GAAG,CAACN,MAAM,EAAED,WAAW,EAAEF,OAAO,EAAEK,YAAY,EAAEJ,cAAc,CAAC;QACzEL,UAAU,GAAG,CAAC,GAAGA,UAAU,EAAEa,IAAI,CAAC;QAClC,OAAO,MAAM;UACXb,UAAU,GAAGA,UAAU,CAACc,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKF,IAAI,CAAC;SAChD;OACF,EAAE,EAAE,CAAC;MACN,IAAIjB,KAAK,CAACE,OAAO,KAAKL,WAAW,EAAE;QACjC,OAAOA,WAAW;;MAEpB,OAAOgB,YAAY,CAACX,OAAO;KAC5B;IACD,MAAMkB,IAAI,GAAG;MAAA,SAAAC,IAAA,GAAA7B,SAAA,CAAAP,MAAA,EAAIqC,IAAI,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;QAAJF,IAAI,CAAAE,IAAA,IAAAhC,SAAA,CAAAgC,IAAA;;MAAA,OACnBpB,UAAU,CAACqB,OAAO,CAACC,IAAA,IAA8D;QAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA;UAA5DG,EAAE,GAAAF,KAAA;UAAEjB,WAAW,GAAAiB,KAAA;UAAEnB,OAAO,GAAAmB,KAAA;UAAEd,YAAY,GAAAc,KAAA;UAAElB,cAAc,GAAAkB,KAAA;QACzE,MAAMG,SAAS,GAAGhB,EAAE,CAACC,MAAM,CAACL,WAAW,CAACR,OAAO,EAAE,GAAGoB,IAAI,CAAC;QACzD,IAAI,CAACS,cAAc,CAACvB,OAAO,EAACsB,SAAS,EAACjB,YAAY,CAACX,OAAO,CAAC,EAAE;UAC3DW,YAAY,CAACX,OAAO,GAAG4B,SAAS;UAChC,IAAIrB,cAAc,EAAE;YAClB,CAACA,cAAc,KAAK,IAAI,GAAGuB,eAAe,GAAGvB,cAAc,EAAE,MAAMoB,EAAE,CAACC,SAAS,CAAC,CAAC;WAClF,MAAM;YACLD,EAAE,CAACC,SAAS,CAAC;;;OAGlB,CAAC;;IACJ,OAAO,CAACzB,QAAQ,EAAEe,IAAI,CAAC;GACxB,CAAC;AACJ;AAEA,MAAMa,iBAAiB,GAAIjC,KAAK,IAAK;EACnC,MAAMkC,SAAS,GAAGjC,MAAM,CAACD,KAAK,CAAC;EAC/B,MAAAmC,gBAAA,GAA0BrC,eAAe,CAACE,KAAK,CAAC;IAAAoC,iBAAA,GAAAR,cAAA,CAAAO,gBAAA;IAAzCE,SAAS,GAAAD,iBAAA;IAAEhB,IAAI,GAAAgB,iBAAA;EACtB,MAAM/B,QAAQ,GAAGiC,WAAW,CAAC,CAAChC,QAAQ,EAAEiC,IAAI,EAAE/B,OAAO,EAAEC,cAAc,KAAK;IACxE,MAAM+B,QAAQ,GAAGvC,MAAM,CAACL,UAAU,CAAC;IACnC,IAAI4C,QAAQ,CAACtC,OAAO,KAAKN,UAAU,IAAK,CAACL,cAAc,CAACgD,IAAI,EAAEC,QAAQ,CAACtC,OAAO,CAAC,EAAE;MAC/EkB,IAAI,CAACc,SAAS,CAAChC,OAAO,CAAC;;IAEzBsC,QAAQ,CAACtC,OAAO,GAAGqC,IAAI;IACvB,OAAOF,SAAS,CAAC/B,QAAQ,EAAEE,OAAO,EAAEC,cAAc,CAAC;GACpD,EAAE,EAAE,CAAC;EACNO,SAAS,CAAC,MAAM;IACd,IAAIkB,SAAS,CAAChC,OAAO,KAAKF,KAAK,EAAE;MAC/BkC,SAAS,CAAChC,OAAO,GAAGF,KAAK;MACzBoB,IAAI,CAACpB,KAAK,CAAC;;GAEd,EAAC,CAACA,KAAK,CAAC,CAAC;EACV,OAAOK,QAAQ;AACjB,CAAC;AAED,MAAMoC,aAAa,GAAGA,CAACC,IAAI,EAAC/B,MAAM,KAAKgC,KAAK,IAC1CD,IAAI,GACAE,OAAA,CAASF,IAAI,EAAEvB,CAAC,IAAKY,cAAc,CAACpB,MAAM,EAACQ,CAAC,CAAC,EAACwB,KAAK,CAAC,GACpDZ,cAAc,CAACpB,MAAM,EAACgC,KAAK,CAAC;MAGrBE,qBAAqB,GAAGA,CAAC1B,CAAC,EAAC2B,cAAc,KAAK;EACzD,MAAMC,GAAG,gBAAGC,KAAK,CAACC,aAAa,CAAC9B,CAAC,CAAC;EAClC,MAAM+B,QAAQ,GAAGC,KAAA,IAAuC;IAAA,IAArCnD,KAAK,GAAAmD,KAAA,CAALnD,KAAK;MAAEoD,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;MAACC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAChD,MAAMjD,QAAQ,GAAG4B,iBAAiB,CAACjC,KAAK,CAAC;IACzC,MAAMmB,CAAC,GAAGhB,eAAe,CAAC,MAAM,CAACE,QAAQ,EAAC+C,QAAQ,EAAEC,KAAK,CAAC,CAAC;IAC3D,oBAAOL,KAAA,CAAAO,aAAA,CAACR,GAAG,CAACG,QAAQ;MAAClD,KAAK,EAAEmB;OAAImC,QAAuB,CAAC;GACzD;EACD,MAAME,MAAM,GAAGA,MAAMC,UAAU,CAACV,GAAG,CAAC;EAEpC,MAAMW,cAAc,GAAGA,CAACpD,QAAQ,EAACiC,IAAI,EAACO,cAAc,EAAErC,cAAc,KAAK;IACvE,MAAAkD,OAAA,GAAsBH,MAAM,EAAE;MAAAI,QAAA,GAAAhC,cAAA,CAAA+B,OAAA;MAAvBE,WAAW,GAAAD,QAAA;IAClB,IAAIrB,IAAI,KAAK,IAAI,EAAE;MACjB,OAAOsB,WAAW,CAACvD,QAAQ,EAAC,EAAE,EAACb,SAAS,EAACuC,eAAe,CAAC;KAC1D,MAAM,IAAI8B,cAAA,CAAgBvB,IAAI,CAAC,EAAE;MAChC,OAAOsB,WAAW,CAACvD,QAAQ,EAACiC,IAAI,CAACA,IAAI,EAACA,IAAI,CAAC/B,OAAO,EAAE+B,IAAI,CAAC9B,cAAc,CAAC;KACzE,MAAM;MACL,OAAOoD,WAAW,CAACvD,QAAQ,EAACX,QAAA,CAAU4C,IAAI,CAAC,GAAGA,IAAI,GAAGA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEA,IAAI,EAACO,cAAc,EAAErC,cAAc,CAAC;;GAElG;EACD,MAAMsD,WAAW,GAAIrB,IAAI,IAAK;IAC5B,MAAAsB,QAAA,GAAmBR,MAAM,EAAE;MAAAS,QAAA,GAAArC,cAAA,CAAAoC,QAAA;MAApBE,GAAG,GAAAD,QAAA;MAACE,GAAG,GAAAF,QAAA;IACd,OAAOG,WAAW,CAAEzD,MAAM,IAAKwD,GAAG,CAAC1B,aAAa,CAACC,IAAI,EAAC/B,MAAM,CAAC,CAAC,CAAC;GAChE;EACD,MAAM0D,QAAQ,GAAGA,CAAC3B,IAAI,EAACH,IAAI,KAAK;IAC9B,MAAA+B,QAAA,GAA0Bd,MAAM,EAAE;MAAAe,QAAA,GAAA3C,cAAA,CAAA0C,QAAA;MAA3BJ,GAAG,GAAAK,QAAA;MAACJ,GAAG,GAAAI,QAAA;MAAElB,KAAK,GAAAkB,QAAA;IACrB,OAAOlB,KAAK;GACb;EACD,OAAO,CAACH,QAAQ,EAAC,CAACQ,cAAc,EAAEK,WAAW,EAAEM,QAAQ,EAAEb,MAAM,CAAC,CAAC;AACnE;MAEagB,yBAAyB,GAAGA,CAACrD,CAAC,EAAC2B,cAAc,KAAK;EAC7D,MAAA2B,qBAAA,GAAmE5B,qBAAqB,CAAC1B,CAAgB,CAAC;IAAAuD,sBAAA,GAAA9C,cAAA,CAAA6C,qBAAA;IAAnGvB,QAAQ,GAAAwB,sBAAA;IAAAC,sBAAA,GAAA/C,cAAA,CAAA8C,sBAAA;IAAEhB,cAAc,GAAAiB,sBAAA;IAAEZ,WAAW,GAAAY,sBAAA;IAAEN,QAAQ,GAAAM,sBAAA;IAAEnB,MAAM,GAAAmB,sBAAA;EAE9D,MAAMC,iBAAiB,GAAGC,KAAA,IAAiC;IAAA,IAAAC,UAAA,GAAAD,KAAA,CAA/BE,IAAI;MAAJA,IAAI,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;MAAEzB,KAAK,GAAAwB,KAAA,CAALxB,KAAK;MAACC,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IACnD,MAAA0B,SAAA,GAAyBC,QAAQ,CAACF,IAAI,CAAC;MAAAG,UAAA,GAAAtD,cAAA,CAAAoD,SAAA;MAAhCrC,KAAK,GAAAuC,UAAA;MAACC,QAAQ,GAAAD,UAAA;IACrB,oBAAOlC,KAAA,CAAAO,aAAA,CAACL,QAAQ;MAAClD,KAAK,EAAE2C,KAAM;MAACS,QAAQ,EAAE+B,QAAS;MAAC9B,KAAK,EAAEA;OACvDC,QACO,CAAC;GACZ;EACD,OAAO,CAACsB,iBAAiB,EAAC,CAAClB,cAAc,EAAEK,WAAW,EAAEM,QAAQ,EAAEb,MAAM,CAAC,CAAC;AAC5E;MAGa4B,yBAAyB,GAAGA,CAACC,SAAS,EAACvC,cAAc,KAAK;EACrE,MAAAwC,sBAAA,GAAmEzC,qBAAqB,CAAChD,WAA0B,CAAC;IAAA0F,sBAAA,GAAA3D,cAAA,CAAA0D,sBAAA;IAA7GpC,QAAQ,GAAAqC,sBAAA;IAAAC,sBAAA,GAAA5D,cAAA,CAAA2D,sBAAA;IAAE7B,cAAc,GAAA8B,sBAAA;IAAEzB,WAAW,GAAAyB,sBAAA;IAAEnB,QAAQ,GAAAmB,sBAAA;IAAEhC,MAAM,GAAAgC,sBAAA;EAC9D,MAAMC,kBAAkB,GAAG,UAACnF,QAAQ,EAACiC,IAAI,EAA6C;IAAA,IAA5C/B,OAAO,GAAAhB,SAAA,CAAAP,MAAA,QAAAO,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAGsD,cAAc;IAAA,IAACrC,cAAc,GAAAjB,SAAA,CAAAP,MAAA,OAAAO,SAAA,MAAAC,SAAA;IAC/E,MAAMO,KAAK,GAAG0D,cAAc,CAACpD,QAAQ,EAACiC,IAAI,EAAC/B,OAAO,EAACC,cAAc,CAAC;IAClE,MAAM4C,KAAK,GAAGgB,QAAQ,EAAE;IACxB,IAAIrE,KAAK,KAAKH,WAAW,EAAE;MACzB,MAAM6F,WAAW,GAAGC,GAAG,CAACtC,KAAK,CAACuC,UAAU,EAAE,CAAC;MAC3C,OAAO9E,EAAE,CAACC,MAAM,CAACT,QAAQ,EAACoF,WAAW,CAAC;;IAExC,OAAO1F,KAAK;GACb;EACD,MAAM6F,eAAe,GAAInD,IAAI,IAAK;IAChC,MAAAoD,QAAA,GAA0BtC,MAAM,EAAE;MAAAuC,QAAA,GAAAnE,cAAA,CAAAkE,QAAA;MAA1B1C,QAAQ,GAAA2C,QAAA;MAAC1C,KAAK,GAAA0C,QAAA;IACtB,OAAO3B,WAAW,CAAEzD,MAAM,IAAK;MAC7B,OAAOyC,QAAQ,CAACpD,KAAK,IACnBA,KAAK,KAAKH,WAAW,GACjB4C,aAAa,CAACC,IAAI,EAAC/B,MAAM,CAAC,CAAC0C,KAAK,CAACqC,WAAW,EAAE,CAAC,GAC/CjD,aAAa,CAACC,IAAI,EAAC/B,MAAM,CAAC,CAACX,KAAK,CACtC,CAAC;KACF,CAAC;GACH;EAED,MAAMgG,eAAe,GAAGA,CAAC1F,QAAQ,EAACiC,IAAI,EAAC/B,OAAO,EAACC,cAAc,KAAK;IAChE,MAAMT,KAAK,GAAG0D,cAAc,CAACpD,QAAQ,EAACiC,IAAI,EAAC/B,OAAO,EAACC,cAAc,CAAC;IAClE,MAAM4C,KAAK,GAAGgB,QAAQ,EAAE;IACxB,OAAO/B,WAAW,CAAC,MAAM;MACvB,IAAItC,KAAK,KAAKH,WAAW,EAAE;QACzB,OAAOwD,KAAK,CAACuC,UAAU,EAAE,CAACK,IAAI,CAAC9E,CAAC,IAAI+E,OAAO,CAACC,GAAG,CAAChF,CAAC,EAACL,EAAE,CAACC,MAAM,CAACT,QAAQ,EAACa,CAAC,CAAC,EAACb,QAAQ,CAAC,IAAIQ,EAAE,CAACC,MAAM,CAACT,QAAQ,EAACa,CAAC,CAAC,CAAC;;MAE7G,OAAO,IAAIiF,OAAO,CAACpG,KAAK,CAAC;KAC1B,EAAC,CAACA,KAAK,EAACuC,IAAI,CAAC,CAAC;GAChB;EACD,MAAM8D,qBAAqB,GAAGC,KAAA,IAA8C;IAAA,IAA5CtG,KAAK,GAAAsG,KAAA,CAALtG,KAAK;MAAEqD,KAAK,GAAAiD,KAAA,CAALjD,KAAK;MAACC,QAAQ,GAAAgD,KAAA,CAARhD,QAAQ;MAAAiD,cAAA,GAAAD,KAAA,CAAEE,QAAQ;MAARA,QAAQ,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IACpE,MAAAE,UAAA,GAAyBxB,QAAQ,CAACpF,WAAW,CAAC;MAAA6G,UAAA,GAAA9E,cAAA,CAAA6E,UAAA;MAAvC9D,KAAK,GAAA+D,UAAA;MAACvB,QAAQ,GAAAuB,UAAA;IACrB,MAAMC,OAAO,GAAG1G,MAAM,EAAE;IACxB,MAAMyF,WAAW,GAAGzF,MAAM,EAAE;IAC5B,MAAM2G,SAAS,GAAGC,OAAO,CAAC,MAAAC,aAAA,CAAAA,aAAA,KACrBzD,KAAK;MACRuC,UAAU,EAAEA,MAAM;QAAA,IAAAmB,gBAAA;QAChB,CAAAA,gBAAA,GAAAJ,OAAO,CAACzG,OAAO,cAAA6G,gBAAA,cAAAA,gBAAA,GAAfJ,OAAO,CAACzG,OAAO,GAAK6B,cAAc,CAACsD,SAAS,IAAA9E,SAAc,EAACP,KAAK,CAAC;QACjE2G,OAAO,CAACzG,OAAO,CAAC+F,IAAI,CAAEjG,KAAK,IAAK;UAC9B0F,WAAW,CAACxF,OAAO,GAAGF,KAAK;SAC5B,CAAC;QACF,OAAO2G,OAAO,CAACzG,OAAO;OACvB;MACDwF,WAAW,EAAEA,MAAMA,WAAW,CAACxF;MAC/B,EAAC,CAACF,KAAK,EAACqD,KAAK,CAAC,CAAC;IACjB,oBAAOL,KAAA,CAAAO,aAAA,CAACL,QAAQ;MAAClD,KAAK,EAAE2C,KAAM;MAACS,QAAQ,EAAE+B,QAAS;MAAC9B,KAAK,EAAEuD;OAEtDJ,QAAQ,KAAG,KAAK,GACZlD,QAAQ,gBACRN,KAAA,CAAAO,aAAA,CAACP,KAAK,CAACgE,QAAQ;MAACR,QAAQ,EAAEA;OAAWlD,QAAyB,CAE5D,CAAC;GACZ;EAED,OAAO,CAAC+C,qBAAqB,EAAC,CAACZ,kBAAkB,EAAEI,eAAe,EAAEG,eAAe,CAAC,CAAC;AACvF;MAEaiB,uBAAuB,GAAI9F,CAAC,IAAK;EAC5C,MAAA+F,sBAAA,GAAoCrE,qBAAqB,CAAC1B,CAAC,CAAC;IAAAgG,sBAAA,GAAAvF,cAAA,CAAAsF,sBAAA;IAArDhE,QAAQ,GAAAiE,sBAAA;IAAAC,sBAAA,GAAAxF,cAAA,CAAAuF,sBAAA;IAAEzD,cAAc,GAAA0D,sBAAA;EAC/B,OAAO,CAAClE,QAAQ,EAACQ,cAAc,CAAC;AAClC;MACa2D,0BAA0B,GAAIlG,CAAC,IAAK;EAC/C,MAAAmG,sBAAA,GAAoCzE,qBAAqB,CAAC1B,CAAC,CAAC;IAAAoG,sBAAA,GAAA3F,cAAA,CAAA0F,sBAAA;IAArDpE,QAAQ,GAAAqE,sBAAA;IAAAC,uBAAA,GAAA5F,cAAA,CAAA2F,sBAAA;IAAE7D,cAAc,GAAA8D,uBAAA;EAC/B,MAAMC,eAAe,gBAAGzE,KAAK,CAAC0E,UAAU,CAAC,CAAAC,KAAA,EAAYC,GAAG,KAAK;IAAA,IAAlBtE,QAAQ,GAAAqE,KAAA,CAARrE,QAAQ;IACjD,MAAAuE,UAAA,GAAiB5C,QAAQ,CAAC,CAAC,CAAC;MAAA6C,UAAA,GAAAlG,cAAA,CAAAiG,UAAA;MAArB1G,CAAC,GAAA2G,UAAA;MAACC,IAAI,GAAAD,UAAA;IACb,MAAME,OAAO,GAAGhF,KAAK,CAAC6D,OAAO,CAAC,MAAM,MAAMkB,IAAI,CAAC5G,CAAC,IAAIA,CAAC,GAAC,CAAC,CAAC,EAAC,CAACA,CAAC,CAAC,CAAC;IAC7D6B,KAAK,CAACiF,mBAAmB,CAACL,GAAG,EAAE,OAAO;MAACI;KAAQ,CAAC,EAAG,EAAE,CAAC;IACtD,oBAAOhF,KAAA,CAAAO,aAAA,CAACL,QAAQ;MAAClD,KAAK,EAAEgI;OAAU1E,QAAmB,CAAC;GACvD,CAAC;EACF,OAAO,CAACmE,eAAe,EAAC/D,cAAc,CAAC;AACzC;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import { willUseLayers } from './willUseLayers.mjs';
|
|
4
|
+
|
|
5
|
+
const _willUseLayers = willUseLayers(),
|
|
6
|
+
_willUseLayers2 = _slicedToArray(_willUseLayers, 1),
|
|
7
|
+
useTitleLayers = _willUseLayers2[0];
|
|
8
|
+
const useTitle = title => {
|
|
9
|
+
const layer = useTitleLayers({
|
|
10
|
+
onTop: () => {
|
|
11
|
+
document.title = title;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export { useTitle };
|
|
17
|
+
//# sourceMappingURL=useTitle.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTitle.mjs","sources":["../../src/hooks/useTitle.jsx"],"sourcesContent":["import React from 'react'\nimport {willUseLayers} from './willUseLayers'\n\nconst [useTitleLayers] = willUseLayers()\n\nexport const useTitle = (title) => {\n const layer = useTitleLayers({\n onTop: () => {\n document.title = title\n }\n })\n}"],"names":["_willUseLayers","willUseLayers","_willUseLayers2","_slicedToArray","useTitleLayers","useTitle","title","layer","onTop","document"],"mappings":";;;;AAGA,MAAAA,cAAA,GAAyBC,aAAa,EAAE;EAAAC,eAAA,GAAAC,cAAA,CAAAH,cAAA;EAAjCI,cAAc,GAAAF,eAAA;MAERG,QAAQ,GAAIC,KAAK,IAAK;EACjC,MAAMC,KAAK,GAAGH,cAAc,CAAC;IAC3BI,KAAK,EAAEA,MAAM;MACXC,QAAQ,CAACH,KAAK,GAAGA,KAAK;;GAEzB,CAAC;AACJ;;;;"}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { useRef, useMemo } from 'react';
|
|
2
|
+
import { callIfFunction } from '@startlibs/utils';
|
|
3
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
|
+
import { useCallState } from './useCallState.mjs';
|
|
5
|
+
import { useIsUnmounted } from './useIsUnmounted.mjs';
|
|
6
|
+
import { useRefState } from './useRefState.mjs';
|
|
7
|
+
|
|
8
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
|
+
const useToggleInternal = function () {
|
|
11
|
+
let startWith = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
12
|
+
let useStore = arguments.length > 1 ? arguments[1] : undefined;
|
|
13
|
+
let callback = arguments.length > 2 ? arguments[2] : undefined;
|
|
14
|
+
let key = arguments.length > 3 ? arguments[3] : undefined;
|
|
15
|
+
const isOpen = useStore(startWith);
|
|
16
|
+
const closing = useStore(false);
|
|
17
|
+
const refIsOpen = useRefState(isOpen.get());
|
|
18
|
+
const refIsClosing = useRefState(closing.get());
|
|
19
|
+
const timerId = useRef();
|
|
20
|
+
const isUnmounted = useIsUnmounted();
|
|
21
|
+
const clearClosing = () => {
|
|
22
|
+
if (refIsClosing.get() !== false) {
|
|
23
|
+
closing.set(false);
|
|
24
|
+
refIsClosing.set(false);
|
|
25
|
+
window.clearTimeout(timerId.current);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const toggleWith = function () {
|
|
29
|
+
let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
30
|
+
const calledValue = callIfFunction(value, refIsOpen.get());
|
|
31
|
+
const newValue = refIsOpen.get() === calledValue ? !calledValue : calledValue;
|
|
32
|
+
if (!isUnmounted() && refIsOpen.get() !== newValue) {
|
|
33
|
+
const result = callIfFunction(callback, newValue, refIsOpen.get());
|
|
34
|
+
if (result === false) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
isOpen.set(newValue);
|
|
38
|
+
refIsOpen.set(newValue);
|
|
39
|
+
clearClosing();
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
const openWith = value => {
|
|
43
|
+
if (process.env.NODE_ENV !== 'production' && key) {
|
|
44
|
+
console.log(key, refIsOpen.get() !== value ? "toggle" : "clear", refIsOpen.get(), value);
|
|
45
|
+
}
|
|
46
|
+
const nextValue = callIfFunction(value, refIsOpen.get());
|
|
47
|
+
if (refIsOpen.get() !== nextValue) {
|
|
48
|
+
toggleWith(() => nextValue);
|
|
49
|
+
} else {
|
|
50
|
+
clearClosing();
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
const nextClosingTick = (ticks, tickIndex) => {
|
|
54
|
+
if (ticks.length) {
|
|
55
|
+
if (isNaN(ticks[0])) {
|
|
56
|
+
clearClosing();
|
|
57
|
+
} else if (!isNaN(ticks[0])) {
|
|
58
|
+
closing.set(tickIndex + 1);
|
|
59
|
+
refIsClosing.set(tickIndex + 1);
|
|
60
|
+
timerId.current = setTimeout(() => nextClosingTick(ticks.slice(1), tickIndex + 1), Number(ticks[0]));
|
|
61
|
+
}
|
|
62
|
+
} else {
|
|
63
|
+
openWith(false);
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
const closeAfter = function () {
|
|
67
|
+
if (process.env.NODE_ENV !== 'production' && key) {
|
|
68
|
+
console.log(key, !refIsOpen.get() || refIsClosing.get() ? "addCLosing" : "closing");
|
|
69
|
+
}
|
|
70
|
+
if (!refIsOpen.get() || refIsClosing.get()) return;
|
|
71
|
+
for (var _len = arguments.length, millisecs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
72
|
+
millisecs[_key] = arguments[_key];
|
|
73
|
+
}
|
|
74
|
+
nextClosingTick(millisecs, 0);
|
|
75
|
+
};
|
|
76
|
+
const _wait = function (promise) {
|
|
77
|
+
let start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
78
|
+
let end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
79
|
+
return async function () {
|
|
80
|
+
openWith(start);
|
|
81
|
+
try {
|
|
82
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
83
|
+
args[_key2] = arguments[_key2];
|
|
84
|
+
}
|
|
85
|
+
return await callIfFunction(promise, ...args);
|
|
86
|
+
} finally {
|
|
87
|
+
openWith(end);
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
const setters = useMemo(() => ({
|
|
92
|
+
wait: function (promise) {
|
|
93
|
+
let start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
94
|
+
let end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
95
|
+
return _wait(promise, start, end)();
|
|
96
|
+
},
|
|
97
|
+
willWait: _wait,
|
|
98
|
+
open: e => {
|
|
99
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
100
|
+
if (['string', 'number', 'boolean'].indexOf(typeof e) >= 0) {
|
|
101
|
+
console.log(`You are trying to open toggle with ${e}. Please, use openWith to open with a value`);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
return openWith(true);
|
|
105
|
+
},
|
|
106
|
+
close: () => openWith(false),
|
|
107
|
+
toggle: e => {
|
|
108
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
109
|
+
if (['string', 'number', 'boolean'].indexOf(typeof e) >= 0) {
|
|
110
|
+
console.log(`You are trying to toogle a toggle with ${e}. Please, use openWith to open with a value`);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
toggleWith(true);
|
|
114
|
+
},
|
|
115
|
+
willOpenWith: value => () => openWith(value),
|
|
116
|
+
willCloseAfter: function () {
|
|
117
|
+
for (var _len3 = arguments.length, millsecs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
118
|
+
millsecs[_key3] = arguments[_key3];
|
|
119
|
+
}
|
|
120
|
+
return () => closeAfter(...millsecs);
|
|
121
|
+
},
|
|
122
|
+
willToggleWith: value => () => toggleWith(value),
|
|
123
|
+
openWith,
|
|
124
|
+
closeAfter,
|
|
125
|
+
toggleWith,
|
|
126
|
+
get: refIsOpen.get
|
|
127
|
+
}), []);
|
|
128
|
+
const settersWithNewRef = _objectSpread({}, setters);
|
|
129
|
+
if (closing.val) {
|
|
130
|
+
return Object.assign(settersWithNewRef, {
|
|
131
|
+
isOpen: isOpen.val,
|
|
132
|
+
closing: closing.val
|
|
133
|
+
});
|
|
134
|
+
} else {
|
|
135
|
+
Object.defineProperties(settersWithNewRef, {
|
|
136
|
+
isOpen: {
|
|
137
|
+
enumerable: true,
|
|
138
|
+
get: isOpen.get
|
|
139
|
+
},
|
|
140
|
+
closing: {
|
|
141
|
+
enumerable: true,
|
|
142
|
+
get: closing.get
|
|
143
|
+
}
|
|
144
|
+
});
|
|
145
|
+
return settersWithNewRef;
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
const useToggle = (startWith, callback, key) => useToggleInternal(startWith, useCallState, callback, key);
|
|
149
|
+
const useRefToggle = startWith => useToggleInternal(startWith, useRefState);
|
|
150
|
+
|
|
151
|
+
export { useRefToggle, useToggle };
|
|
152
|
+
//# sourceMappingURL=useToggle.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToggle.mjs","sources":["../../src/hooks/useToggle.js"],"sourcesContent":["import React, {useRef, useMemo} from 'react'\nimport {callIfFunction} from '@startlibs/utils'\nimport {useCallState} from './useCallState'\nimport {useIsUnmounted} from './useIsUnmounted'\nimport {useRefState} from './useRefState'\n\nconst useToggleInternal = (startWith = false, useStore, callback, key) => {\n\n const isOpen = useStore(startWith)\n const closing = useStore(false)\n const refIsOpen = useRefState(isOpen.get())\n const refIsClosing = useRefState(closing.get())\n const timerId = useRef()\n\n const isUnmounted = useIsUnmounted()\n\n const clearClosing = () => {\n if (refIsClosing.get() !== false) {\n closing.set(false)\n refIsClosing.set(false)\n window.clearTimeout(timerId.current)\n }\n }\n\n const toggleWith = (value = true) => {\n const calledValue = callIfFunction(value,refIsOpen.get())\n const newValue = refIsOpen.get() === calledValue ? !calledValue : calledValue\n if (!isUnmounted() && refIsOpen.get() !== newValue) {\n const result = callIfFunction(callback,newValue,refIsOpen.get())\n if (result === false) { return }\n isOpen.set(newValue)\n refIsOpen.set(newValue)\n clearClosing()\n }\n }\n\n const openWith = (value) => {\n if (process.env.NODE_ENV !== 'production' && key) {\n console.log(key,refIsOpen.get()!==value ? \"toggle\":\"clear\", refIsOpen.get(),value)\n }\n const nextValue = callIfFunction(value,refIsOpen.get())\n if (refIsOpen.get() !== nextValue) {\n toggleWith(() => nextValue)\n } else {\n clearClosing()\n }\n }\n\n const nextClosingTick = (ticks, tickIndex) => {\n if (ticks.length) {\n if (isNaN(ticks[0])) {\n clearClosing()\n } else if (!isNaN(ticks[0])) {\n closing.set(tickIndex + 1)\n refIsClosing.set(tickIndex + 1)\n timerId.current = setTimeout(() => nextClosingTick(ticks.slice(1), tickIndex + 1), Number(ticks[0]))\n }\n } else {\n openWith(false)\n }\n }\n const closeAfter = (...millisecs) => {\n if (process.env.NODE_ENV !== 'production' && key) {\n console.log(key,!refIsOpen.get() || refIsClosing.get() ? \"addCLosing\" : \"closing\" )\n }\n if (!refIsOpen.get() || refIsClosing.get()) return\n nextClosingTick(millisecs, 0)\n }\n\n const _wait = (promise, start = true, end = false) => async (...args) => {\n openWith(start)\n try {\n return await callIfFunction(promise,...args)\n } finally {\n openWith(end)\n }\n }\n\n const setters = useMemo(()=>({\n wait: (promise,start = true, end = false) => _wait(promise,start, end)(),\n willWait: _wait,\n open: (e) => {\n if (process.env.NODE_ENV !== 'production') {\n if (['string', 'number', 'boolean'].indexOf(typeof e) >= 0) {\n console.log(`You are trying to open toggle with ${e}. Please, use openWith to open with a value`)\n }\n }\n return openWith(true)\n },\n close: () => openWith(false),\n toggle: (e) => {\n if (process.env.NODE_ENV !== 'production') {\n if (['string', 'number', 'boolean'].indexOf(typeof e) >= 0) {\n console.log(`You are trying to toogle a toggle with ${e}. Please, use openWith to open with a value`)\n }\n }\n toggleWith(true)\n },\n willOpenWith: (value) => () => openWith(value),\n willCloseAfter: (...millsecs) => () => closeAfter(...millsecs),\n willToggleWith: (value) => () => toggleWith(value),\n openWith,\n closeAfter,\n toggleWith,\n get: refIsOpen.get\n }),[])\n const settersWithNewRef = {...setters}\n if (closing.val) {\n return Object.assign(settersWithNewRef, {isOpen: isOpen.val, closing: closing.val})\n } else {\n Object.defineProperties(settersWithNewRef, {\n isOpen: {\n enumerable: true,\n get: isOpen.get\n },\n closing: {\n enumerable: true,\n get: closing.get\n }\n })\n return settersWithNewRef\n }\n}\n\nexport const useToggle = (startWith, callback,key) => useToggleInternal(startWith, useCallState, callback,key)\nexport const useRefToggle = (startWith) => useToggleInternal(startWith, useRefState)"],"names":["useToggleInternal","startWith","arguments","length","undefined","useStore","callback","key","isOpen","closing","refIsOpen","useRefState","get","refIsClosing","timerId","useRef","isUnmounted","useIsUnmounted","clearClosing","set","window","clearTimeout","current","toggleWith","value","calledValue","callIfFunction","newValue","result","openWith","process","env","NODE_ENV","console","log","nextValue","nextClosingTick","ticks","tickIndex","isNaN","setTimeout","slice","Number","closeAfter","_len","millisecs","Array","_key","_wait","promise","start","end","_len2","args","_key2","setters","useMemo","wait","willWait","open","e","indexOf","close","toggle","willOpenWith","willCloseAfter","_len3","millsecs","_key3","willToggleWith","settersWithNewRef","_objectSpread","val","Object","assign","defineProperties","enumerable","useToggle","useCallState","useRefToggle"],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useRef, useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
const useUpdateEffect = (effect, inputs) => {
|
|
4
|
+
const pastFirstTime = useRef();
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
if (pastFirstTime.current) {
|
|
7
|
+
return effect();
|
|
8
|
+
} else {
|
|
9
|
+
pastFirstTime.current = true;
|
|
10
|
+
}
|
|
11
|
+
}, inputs);
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { useUpdateEffect };
|
|
15
|
+
//# sourceMappingURL=useUpdateEffect.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUpdateEffect.mjs","sources":["../../src/hooks/useUpdateEffect.js"],"sourcesContent":["import React, {useRef, useEffect} from 'react'\n\nexport const useUpdateEffect = (effect,inputs) => {\n\n const pastFirstTime = useRef()\n\n useEffect(() => {\n if (pastFirstTime.current) {\n return effect()\n } else {\n pastFirstTime.current = true\n }\n },inputs)\n}\n"],"names":["useUpdateEffect","effect","inputs","pastFirstTime","useRef","useEffect","current"],"mappings":";;MAEaA,eAAe,GAAGA,CAACC,MAAM,EAACC,MAAM,KAAK;EAEhD,MAAMC,aAAa,GAAGC,MAAM,EAAE;EAE9BC,SAAS,CAAC,MAAM;IACd,IAAIF,aAAa,CAACG,OAAO,EAAE;MACzB,OAAOL,MAAM,EAAE;KAChB,MAAM;MACLE,aAAa,CAACG,OAAO,GAAG,IAAI;;GAE/B,EAACJ,MAAM,CAAC;AACX;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import _debounce from 'lodash/fp/debounce';
|
|
2
|
+
import { useEffect } from 'react';
|
|
3
|
+
import { useForceUpdate } from './useForceUpdate.mjs';
|
|
4
|
+
|
|
5
|
+
const useUpdateOnResize = function () {
|
|
6
|
+
let debounceInterval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
|
|
7
|
+
const update = useForceUpdate();
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
const trigger = _debounce(debounceInterval, update);
|
|
10
|
+
window.addEventListener('resize', trigger);
|
|
11
|
+
return () => {
|
|
12
|
+
window.removeEventListener('resize', trigger);
|
|
13
|
+
};
|
|
14
|
+
}, []);
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { useUpdateOnResize };
|
|
18
|
+
//# sourceMappingURL=useUpdateOnResize.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUpdateOnResize.mjs","sources":["../../src/hooks/useUpdateOnResize.jsx"],"sourcesContent":["import {useEffect} from 'react'\nimport {useForceUpdate} from './useForceUpdate'\nimport _ from 'lodash/fp'\n\nexport const useUpdateOnResize = (debounceInterval = 200) => {\n const update = useForceUpdate()\n useEffect(() => {\n const trigger = _.debounce(debounceInterval, update)\n window.addEventListener('resize', trigger)\n return () => {\n window.removeEventListener('resize', trigger)\n }\n },[])\n}"],"names":["useUpdateOnResize","debounceInterval","arguments","length","undefined","update","useForceUpdate","useEffect","trigger","_debounce","window","addEventListener","removeEventListener"],"mappings":";;;;MAIaA,iBAAiB,GAAG,YAA4B;EAAA,IAA3BC,gBAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,GAAG;EACtD,MAAMG,MAAM,GAAGC,cAAc,EAAE;EAC/BC,SAAS,CAAC,MAAM;IACd,MAAMC,OAAO,GAAGC,SAAA,CAAWR,gBAAgB,EAAEI,MAAM,CAAC;IACpDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,OAAO,CAAC;IAC1C,OAAO,MAAM;MACXE,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEJ,OAAO,CAAC;KAC9C;GACF,EAAC,EAAE,CAAC;AACP;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useState, useEffect, startTransition } from 'react';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
|
|
4
|
+
const useWithTransition = value => {
|
|
5
|
+
const _useState = useState(value),
|
|
6
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
7
|
+
state = _useState2[0],
|
|
8
|
+
setState = _useState2[1];
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
startTransition(() => {
|
|
11
|
+
setState(value);
|
|
12
|
+
});
|
|
13
|
+
}, [value]);
|
|
14
|
+
return state;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { useWithTransition };
|
|
18
|
+
//# sourceMappingURL=useWithTransition.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWithTransition.mjs","sources":["../../src/hooks/useWithTransition.jsx"],"sourcesContent":["import {startTransition, useEffect, useState} from \"react\";\n\n\nexport const useWithTransition = (value) => {\n const [state,setState] = useState(value)\n\n useEffect(() => {\n startTransition(() => {\n setState(value)\n })\n },[value])\n\n return state\n}"],"names":["useWithTransition","value","_useState","useState","_useState2","_slicedToArray","state","setState","useEffect","startTransition"],"mappings":";;;MAGaA,iBAAiB,GAAIC,KAAK,IAAK;EAC1C,MAAAC,SAAA,GAAyBC,QAAQ,CAACF,KAAK,CAAC;IAAAG,UAAA,GAAAC,cAAA,CAAAH,SAAA;IAAjCI,KAAK,GAAAF,UAAA;IAACG,QAAQ,GAAAH,UAAA;EAErBI,SAAS,CAAC,MAAM;IACdC,eAAe,CAAC,MAAM;MACpBF,QAAQ,CAACN,KAAK,CAAC;KAChB,CAAC;GACH,EAAC,CAACA,KAAK,CAAC,CAAC;EAEV,OAAOK,KAAK;AACd;;;;"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React, { useCallback, useState } from 'react';
|
|
2
|
+
import { callIfFunction } from '@startlibs/utils';
|
|
3
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
+
import { willUseSharedCallback } from './willUseSharedCallback.mjs';
|
|
5
|
+
|
|
6
|
+
const willUseLayers = function () {
|
|
7
|
+
let useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React.useEffect;
|
|
8
|
+
const _willUseSharedCallbac = willUseSharedCallback(useEffect),
|
|
9
|
+
_willUseSharedCallbac2 = _slicedToArray(_willUseSharedCallbac, 3),
|
|
10
|
+
useRegisterSharedCallback = _willUseSharedCallbac2[0],
|
|
11
|
+
callGroup = _willUseSharedCallbac2[1],
|
|
12
|
+
getSize = _willUseSharedCallbac2[2];
|
|
13
|
+
const useLayer = function () {
|
|
14
|
+
let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
15
|
+
onFirst = _ref.onFirst,
|
|
16
|
+
onEmpty = _ref.onEmpty,
|
|
17
|
+
onTop = _ref.onTop,
|
|
18
|
+
onRemove = _ref.onRemove;
|
|
19
|
+
let listener = arguments.length > 1 ? arguments[1] : undefined;
|
|
20
|
+
const resetIndex = useCallback(() => {
|
|
21
|
+
setIndex(getIndex());
|
|
22
|
+
if (getIndex() + 1 === getSize()) {
|
|
23
|
+
callIfFunction(onTop, getIndex);
|
|
24
|
+
}
|
|
25
|
+
}, []);
|
|
26
|
+
const getIndex = useRegisterSharedCallback(resetIndex, listener);
|
|
27
|
+
const _useState = useState(getIndex()),
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
index = _useState2[0],
|
|
30
|
+
setIndex = _useState2[1];
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (getIndex() === 0) {
|
|
33
|
+
callIfFunction(onFirst);
|
|
34
|
+
}
|
|
35
|
+
resetIndex();
|
|
36
|
+
return () => {
|
|
37
|
+
callIfFunction(onRemove, getSize());
|
|
38
|
+
if (getSize() === 0) {
|
|
39
|
+
callIfFunction(onEmpty);
|
|
40
|
+
}
|
|
41
|
+
callGroup();
|
|
42
|
+
};
|
|
43
|
+
}, []);
|
|
44
|
+
return [index, {
|
|
45
|
+
isFirst: () => getIndex() === 1,
|
|
46
|
+
isTop: () => getIndex() === getSize() - 1,
|
|
47
|
+
isEmpty: () => getSize() === 0,
|
|
48
|
+
getSize: () => getSize()
|
|
49
|
+
}];
|
|
50
|
+
};
|
|
51
|
+
return [useLayer, getSize];
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export { willUseLayers };
|
|
55
|
+
//# sourceMappingURL=willUseLayers.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"willUseLayers.mjs","sources":["../../src/hooks/willUseLayers.jsx"],"sourcesContent":["import React, {useState, useCallback} from 'react'\nimport {willUseSharedCallback} from './willUseSharedCallback'\nimport {callIfFunction} from '@startlibs/utils'\n\n\nexport const willUseLayers = (useEffect = React.useEffect) => {\n const [useRegisterSharedCallback,callGroup,getSize] = willUseSharedCallback(useEffect)\n const useLayer = ({onFirst, onEmpty, onTop, onRemove} = {}, listener) => {\n\n const resetIndex = useCallback(() => {\n setIndex(getIndex())\n if (getIndex()+1 === getSize()) {\n callIfFunction(onTop,getIndex)\n }\n },[])\n\n const getIndex = useRegisterSharedCallback(resetIndex, listener)\n const [index,setIndex] = useState(getIndex())\n\n useEffect(() => {\n if (getIndex() === 0) {\n callIfFunction(onFirst)\n }\n resetIndex()\n return () => {\n callIfFunction(onRemove,getSize())\n if (getSize() === 0) {\n callIfFunction(onEmpty)\n }\n callGroup()\n }\n },[])\n\n return [index,{\n isFirst: ()=> getIndex() === 1,\n isTop: () => getIndex() === getSize()-1,\n isEmpty: () => getSize() === 0,\n getSize: () => getSize()\n }]\n }\n return [useLayer,getSize]\n}"],"names":["willUseLayers","useEffect","arguments","length","undefined","React","_willUseSharedCallbac","willUseSharedCallback","_willUseSharedCallbac2","_slicedToArray","useRegisterSharedCallback","callGroup","getSize","useLayer","_ref","onFirst","onEmpty","onTop","onRemove","listener","resetIndex","useCallback","setIndex","getIndex","callIfFunction","_useState","useState","_useState2","index","isFirst","isTop","isEmpty"],"mappings":";;;;;MAKaA,aAAa,GAAG,YAAiC;EAAA,IAAhCC,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,KAAK,CAACJ,SAAS;EACvD,MAAAK,qBAAA,GAAsDC,qBAAqB,CAACN,SAAS,CAAC;IAAAO,sBAAA,GAAAC,cAAA,CAAAH,qBAAA;IAA/EI,yBAAyB,GAAAF,sBAAA;IAACG,SAAS,GAAAH,sBAAA;IAACI,OAAO,GAAAJ,sBAAA;EAClD,MAAMK,QAAQ,GAAG,YAAwD;IAAA,IAAAC,IAAA,GAAAZ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAjB,EAAE;MAAvCa,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;MAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAA,IAAQC,QAAQ,GAAAjB,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;IAElE,MAAMgB,UAAU,GAAGC,WAAW,CAAC,MAAM;MACnCC,QAAQ,CAACC,QAAQ,EAAE,CAAC;MACpB,IAAIA,QAAQ,EAAE,GAAC,CAAC,KAAKX,OAAO,EAAE,EAAE;QAC9BY,cAAc,CAACP,KAAK,EAACM,QAAQ,CAAC;;KAEjC,EAAC,EAAE,CAAC;IAEL,MAAMA,QAAQ,GAAGb,yBAAyB,CAACU,UAAU,EAAED,QAAQ,CAAC;IAChE,MAAAM,SAAA,GAAyBC,QAAQ,CAACH,QAAQ,EAAE,CAAC;MAAAI,UAAA,GAAAlB,cAAA,CAAAgB,SAAA;MAAtCG,KAAK,GAAAD,UAAA;MAACL,QAAQ,GAAAK,UAAA;IAErB1B,SAAS,CAAC,MAAM;MACd,IAAIsB,QAAQ,EAAE,KAAK,CAAC,EAAE;QACpBC,cAAc,CAACT,OAAO,CAAC;;MAEzBK,UAAU,EAAE;MACZ,OAAO,MAAM;QACXI,cAAc,CAACN,QAAQ,EAACN,OAAO,EAAE,CAAC;QAClC,IAAIA,OAAO,EAAE,KAAK,CAAC,EAAE;UACnBY,cAAc,CAACR,OAAO,CAAC;;QAEzBL,SAAS,EAAE;OACZ;KACF,EAAC,EAAE,CAAC;IAEL,OAAO,CAACiB,KAAK,EAAC;MACZC,OAAO,EAAEA,MAAKN,QAAQ,EAAE,KAAK,CAAC;MAC9BO,KAAK,EAAEA,MAAMP,QAAQ,EAAE,KAAKX,OAAO,EAAE,GAAC,CAAC;MACvCmB,OAAO,EAAEA,MAAMnB,OAAO,EAAE,KAAK,CAAC;MAC9BA,OAAO,EAAEA,MAAMA,OAAO;KACvB,CAAC;GACH;EACD,OAAO,CAACC,QAAQ,EAACD,OAAO,CAAC;AAC3B;;;;"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
|
|
3
|
+
const callList = function (list, firstArg) {
|
|
4
|
+
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
5
|
+
args[_key - 2] = arguments[_key];
|
|
6
|
+
}
|
|
7
|
+
return list.map(_ref => {
|
|
8
|
+
let current = _ref.current;
|
|
9
|
+
return typeof firstArg === 'function' ? firstArg(current) : current(firstArg, ...args);
|
|
10
|
+
});
|
|
11
|
+
};
|
|
12
|
+
const willUseSharedCallback = function () {
|
|
13
|
+
let useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React.useEffect;
|
|
14
|
+
let mountedCallbacks = [];
|
|
15
|
+
let listenerCallbacks = [];
|
|
16
|
+
const remove = ref => mountedCallbacks = mountedCallbacks.filter(_ => _ !== ref);
|
|
17
|
+
const add = ref => mountedCallbacks = mountedCallbacks.concat([ref]);
|
|
18
|
+
const get = () => mountedCallbacks;
|
|
19
|
+
const removeListener = ref => listenerCallbacks = listenerCallbacks.filter(_ => _ !== ref);
|
|
20
|
+
const addListener = ref => listenerCallbacks = listenerCallbacks.concat([ref]);
|
|
21
|
+
const getListeners = ref => listenerCallbacks;
|
|
22
|
+
const lastCall = {
|
|
23
|
+
current: null,
|
|
24
|
+
index: 0
|
|
25
|
+
};
|
|
26
|
+
const call = function () {
|
|
27
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
28
|
+
args[_key2] = arguments[_key2];
|
|
29
|
+
}
|
|
30
|
+
const resp = callList(get(), ...args);
|
|
31
|
+
callList(getListeners(), ...args);
|
|
32
|
+
lastCall.current = args;
|
|
33
|
+
lastCall.index++;
|
|
34
|
+
return resp;
|
|
35
|
+
};
|
|
36
|
+
const getSize = () => get().length;
|
|
37
|
+
const useRegister = function (callback) {
|
|
38
|
+
let listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
39
|
+
const ref = useRef(callback);
|
|
40
|
+
if (ref.current !== callback) {
|
|
41
|
+
ref.current = callback;
|
|
42
|
+
}
|
|
43
|
+
const lastCallIndex = lastCall.index;
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
if (!ref.current) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
if (listener) {
|
|
49
|
+
addListener(ref);
|
|
50
|
+
} else {
|
|
51
|
+
add(ref);
|
|
52
|
+
if (lastCallIndex !== lastCall.index && lastCall.current) {
|
|
53
|
+
callList([ref], ...lastCall.current);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
return () => {
|
|
57
|
+
if (listener) {
|
|
58
|
+
removeListener(ref);
|
|
59
|
+
} else {
|
|
60
|
+
remove(ref);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
}, []);
|
|
64
|
+
return () => get().indexOf(ref);
|
|
65
|
+
};
|
|
66
|
+
return [useRegister, call, getSize];
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export { willUseSharedCallback };
|
|
70
|
+
//# sourceMappingURL=willUseSharedCallback.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"willUseSharedCallback.mjs","sources":["../../src/hooks/willUseSharedCallback.jsx"],"sourcesContent":["import React, {useRef} from 'react'\n\n\nconst callList = (list, firstArg, ...args) => list.map(({current}) => typeof firstArg === 'function' ? firstArg(current) : current(firstArg,...args))\n\nexport const willUseSharedCallback = (useEffect = React.useEffect) => {\n let mountedCallbacks = []\n let listenerCallbacks = []\n const remove = (ref) => mountedCallbacks = mountedCallbacks.filter(_ => _ !== ref)\n const add = (ref) => mountedCallbacks = mountedCallbacks.concat([ref])\n const get = () => mountedCallbacks\n\n const removeListener = (ref) => listenerCallbacks = listenerCallbacks.filter(_ => _ !== ref)\n const addListener = (ref) => listenerCallbacks = listenerCallbacks.concat([ref])\n const getListeners = (ref) => listenerCallbacks\n\n const lastCall = {current:null,index:0}\n\n const call = (...args) => {\n const resp = callList(get(), ...args)\n callList(getListeners(), ...args)\n lastCall.current = args\n lastCall.index++\n return resp\n }\n const getSize = () => get().length\n\n const useRegister = (callback, listener = false) => {\n const ref = useRef(callback)\n if (ref.current !== callback) {\n ref.current = callback\n }\n const lastCallIndex = lastCall.index\n useEffect(() => {\n if (!ref.current) { return }\n if (listener) {\n addListener(ref)\n } else {\n add(ref)\n if (lastCallIndex !== lastCall.index && lastCall.current) {\n callList([ref],...lastCall.current)\n }\n }\n return () => {\n if (listener) {\n removeListener(ref)\n } else {\n remove(ref)\n }\n }\n }, [])\n return () => get().indexOf(ref)\n }\n\n return [\n useRegister,\n call,\n getSize\n ]\n}"],"names":["callList","list","firstArg","_len","arguments","length","args","Array","_key","map","_ref","current","willUseSharedCallback","useEffect","undefined","React","mountedCallbacks","listenerCallbacks","remove","ref","filter","_","add","concat","get","removeListener","addListener","getListeners","lastCall","index","call","_len2","_key2","resp","getSize","useRegister","callback","listener","useRef","lastCallIndex","indexOf"],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
import { ifUndefined, callIfFunction } from '@startlibs/utils';
|
|
3
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
+
import { willUseSharedCallback } from './willUseSharedCallback.mjs';
|
|
5
|
+
|
|
6
|
+
const notDefined = {};
|
|
7
|
+
const willUseSharedState = initialValue => {
|
|
8
|
+
const _willUseSharedCallbac = willUseSharedCallback(),
|
|
9
|
+
_willUseSharedCallbac2 = _slicedToArray(_willUseSharedCallbac, 3),
|
|
10
|
+
useRegisterGroupCallback = _willUseSharedCallbac2[0],
|
|
11
|
+
callGroup = _willUseSharedCallbac2[1],
|
|
12
|
+
getSize = _willUseSharedCallbac2[2];
|
|
13
|
+
let sharedValue = ifUndefined(initialValue, notDefined);
|
|
14
|
+
const setGroupState = newValue => {
|
|
15
|
+
sharedValue = callIfFunction(newValue, sharedValue);
|
|
16
|
+
callGroup(sharedValue);
|
|
17
|
+
};
|
|
18
|
+
const refState = () => {
|
|
19
|
+
useRegisterGroupCallback();
|
|
20
|
+
return [() => sharedValue, setGroupState];
|
|
21
|
+
};
|
|
22
|
+
const valueState = defaultValue => {
|
|
23
|
+
const prevValue = sharedValue !== notDefined ? sharedValue : defaultValue;
|
|
24
|
+
if (prevValue === defaultValue) {
|
|
25
|
+
sharedValue = defaultValue;
|
|
26
|
+
}
|
|
27
|
+
const _useState = useState(prevValue),
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
value = _useState2[0],
|
|
30
|
+
setValue = _useState2[1];
|
|
31
|
+
useRegisterGroupCallback(setValue);
|
|
32
|
+
return [value, setGroupState];
|
|
33
|
+
};
|
|
34
|
+
const clear = () => {
|
|
35
|
+
sharedValue = notDefined;
|
|
36
|
+
};
|
|
37
|
+
return [valueState, refState, setGroupState, () => sharedValue, clear];
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
export { willUseSharedState };
|
|
41
|
+
//# sourceMappingURL=willUseSharedState.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"willUseSharedState.mjs","sources":["../../src/hooks/willUseSharedState.jsx"],"sourcesContent":["import React, {useState} from 'react'\nimport {callIfFunction, ifUndefined} from '@startlibs/utils'\nimport {willUseSharedCallback} from './willUseSharedCallback'\n\nconst notDefined = {}\n\nexport const willUseSharedState = (initialValue) => {\n const [useRegisterGroupCallback,callGroup,getSize] = willUseSharedCallback()\n let sharedValue = ifUndefined(initialValue,notDefined)\n\n const setGroupState = (newValue) => {\n sharedValue = callIfFunction(newValue,sharedValue)\n callGroup(sharedValue)\n }\n\n const refState = () => {\n useRegisterGroupCallback()\n return [()=>sharedValue,setGroupState]\n }\n\n const valueState = (defaultValue) => {\n const prevValue = sharedValue !== notDefined ? sharedValue : defaultValue\n if (prevValue === defaultValue) {\n sharedValue = defaultValue\n }\n const [value, setValue] = useState(prevValue)\n useRegisterGroupCallback(setValue)\n return [value,setGroupState]\n }\n const clear = () => {\n sharedValue = notDefined\n }\n return [valueState,refState,setGroupState,()=>sharedValue,clear]\n}"],"names":["notDefined","willUseSharedState","initialValue","_willUseSharedCallbac","willUseSharedCallback","_willUseSharedCallbac2","_slicedToArray","useRegisterGroupCallback","callGroup","getSize","sharedValue","ifUndefined","setGroupState","newValue","callIfFunction","refState","valueState","defaultValue","prevValue","_useState","useState","_useState2","value","setValue","clear"],"mappings":";;;;;AAIA,MAAMA,UAAU,GAAG,EAAE;MAERC,kBAAkB,GAAIC,YAAY,IAAK;EAClD,MAAAC,qBAAA,GAAqDC,qBAAqB,EAAE;IAAAC,sBAAA,GAAAC,cAAA,CAAAH,qBAAA;IAArEI,wBAAwB,GAAAF,sBAAA;IAACG,SAAS,GAAAH,sBAAA;IAACI,OAAO,GAAAJ,sBAAA;EACjD,IAAIK,WAAW,GAAGC,WAAW,CAACT,YAAY,EAACF,UAAU,CAAC;EAEtD,MAAMY,aAAa,GAAIC,QAAQ,IAAK;IAClCH,WAAW,GAAGI,cAAc,CAACD,QAAQ,EAACH,WAAW,CAAC;IAClDF,SAAS,CAACE,WAAW,CAAC;GACvB;EAED,MAAMK,QAAQ,GAAGA,MAAM;IACrBR,wBAAwB,EAAE;IAC1B,OAAO,CAAC,MAAIG,WAAW,EAACE,aAAa,CAAC;GACvC;EAED,MAAMI,UAAU,GAAIC,YAAY,IAAK;IACnC,MAAMC,SAAS,GAAGR,WAAW,KAAKV,UAAU,GAAGU,WAAW,GAAGO,YAAY;IACzE,IAAIC,SAAS,KAAKD,YAAY,EAAE;MAC9BP,WAAW,GAAGO,YAAY;;IAE5B,MAAAE,SAAA,GAA0BC,QAAQ,CAACF,SAAS,CAAC;MAAAG,UAAA,GAAAf,cAAA,CAAAa,SAAA;MAAtCG,KAAK,GAAAD,UAAA;MAAEE,QAAQ,GAAAF,UAAA;IACtBd,wBAAwB,CAACgB,QAAQ,CAAC;IAClC,OAAO,CAACD,KAAK,EAACV,aAAa,CAAC;GAC7B;EACD,MAAMY,KAAK,GAAGA,MAAM;IAClBd,WAAW,GAAGV,UAAU;GACzB;EACD,OAAO,CAACgB,UAAU,EAACD,QAAQ,EAACH,aAAa,EAAC,MAAIF,WAAW,EAACc,KAAK,CAAC;AAClE;;;;"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import React, { useEffect, useMemo, useContext, useState, useCallback } from 'react';
|
|
2
|
+
import { formatPath, _s } from '@startlibs/utils';
|
|
3
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
+
import _set from 'lodash/fp/set';
|
|
5
|
+
import _update from 'lodash/fp/update';
|
|
6
|
+
import { useIsUnmounted } from './useIsUnmounted.mjs';
|
|
7
|
+
import { useRefState } from './useRefState.mjs';
|
|
8
|
+
import _isFunction from 'lodash/fp/isFunction';
|
|
9
|
+
import _get from 'lodash/fp/get';
|
|
10
|
+
import _isArray from 'lodash/fp/isArray';
|
|
11
|
+
import _isString from 'lodash/fp/isString';
|
|
12
|
+
import { useConsumerCatalog, useCatalogManager } from './useConsumerCatalog.mjs';
|
|
13
|
+
|
|
14
|
+
const updateAllInputsState = (inputs, values) => {
|
|
15
|
+
const deferedUndefined = [];
|
|
16
|
+
inputs.forEach(input => {
|
|
17
|
+
const _input = _slicedToArray(input, 2),
|
|
18
|
+
setValue = _input[0],
|
|
19
|
+
selector = _input[1];
|
|
20
|
+
const newValue = selector(values);
|
|
21
|
+
if (newValue === undefined) {
|
|
22
|
+
deferedUndefined.push([setValue, newValue]);
|
|
23
|
+
} else {
|
|
24
|
+
setValue(newValue);
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
deferedUndefined.forEach(_ref => {
|
|
28
|
+
let _ref2 = _slicedToArray(_ref, 2),
|
|
29
|
+
set = _ref2[0],
|
|
30
|
+
value = _ref2[1];
|
|
31
|
+
return set(value);
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
const pathSelector = path => _s.get(path || []);
|
|
35
|
+
const parsePathOrSelector = pathOrSelector => {
|
|
36
|
+
const isNotSelector = typeof pathOrSelector !== 'function';
|
|
37
|
+
if (isNotSelector) {
|
|
38
|
+
return [formatPath(pathOrSelector), pathSelector(pathOrSelector)];
|
|
39
|
+
} else {
|
|
40
|
+
return ['', pathOrSelector];
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
const willUseSpreadState = function (defaultContextValue) {
|
|
44
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
45
|
+
const Context = /*#__PURE__*/React.createContext(defaultContextValue);
|
|
46
|
+
const EMPTY_GLOBAL = {};
|
|
47
|
+
let prevInitState = EMPTY_GLOBAL;
|
|
48
|
+
let globalState = EMPTY_GLOBAL;
|
|
49
|
+
const getGlobalState = key => _isString(key) || _isArray(key) ? _get(key, globalState) : globalState;
|
|
50
|
+
const useProvideSpreadState = (initState, setCallback) => {
|
|
51
|
+
const _useConsumerCatalog = useConsumerCatalog(input => updateAllInputsState([input], state.get())),
|
|
52
|
+
_useConsumerCatalog2 = _slicedToArray(_useConsumerCatalog, 2),
|
|
53
|
+
consumerList = _useConsumerCatalog2[0],
|
|
54
|
+
manager = _useConsumerCatalog2[1];
|
|
55
|
+
const state = useRefState(initState, setCallback);
|
|
56
|
+
if (options.initRefCheck) {
|
|
57
|
+
if (prevInitState !== initState) {
|
|
58
|
+
globalState = initState;
|
|
59
|
+
}
|
|
60
|
+
prevInitState = initState;
|
|
61
|
+
}
|
|
62
|
+
if (globalState === EMPTY_GLOBAL) {
|
|
63
|
+
globalState = initState;
|
|
64
|
+
}
|
|
65
|
+
useEffect(() => {
|
|
66
|
+
globalState = state.get();
|
|
67
|
+
}, []);
|
|
68
|
+
const setState = (newState, fastPath, config) => {
|
|
69
|
+
// console.log("Fastpath noop:"+fastPath)
|
|
70
|
+
state.set(newState, config);
|
|
71
|
+
globalState = state.get();
|
|
72
|
+
updateAllInputsState(consumerList(), state.get());
|
|
73
|
+
};
|
|
74
|
+
const contextValue = useMemo(() => [state.get, setState, manager], []);
|
|
75
|
+
return [Context.Provider, contextValue, [state.get, setState]];
|
|
76
|
+
};
|
|
77
|
+
const useSpreadState = (pathOrSelector, inputs) => {
|
|
78
|
+
const _useContext = useContext(Context),
|
|
79
|
+
_useContext2 = _slicedToArray(_useContext, 3),
|
|
80
|
+
getSpreadState = _useContext2[0],
|
|
81
|
+
setSpreadState = _useContext2[1],
|
|
82
|
+
manager = _useContext2[2];
|
|
83
|
+
const _parsePathOrSelector = parsePathOrSelector(pathOrSelector),
|
|
84
|
+
_parsePathOrSelector2 = _slicedToArray(_parsePathOrSelector, 2),
|
|
85
|
+
path = _parsePathOrSelector2[0],
|
|
86
|
+
selector = _parsePathOrSelector2[1];
|
|
87
|
+
const pathOrInput = [path] || inputs || [];
|
|
88
|
+
const _useState = useState(selector(getSpreadState())),
|
|
89
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
90
|
+
value = _useState2[0],
|
|
91
|
+
setValue = _useState2[1];
|
|
92
|
+
const isUnmounted = useIsUnmounted();
|
|
93
|
+
const currentPath = useRefState(path);
|
|
94
|
+
if (path !== currentPath.get()) {
|
|
95
|
+
/* when path changes, the consumerCatalogCallback will update the new value
|
|
96
|
+
* another solution would be to call setValue here directly
|
|
97
|
+
* the return value will still be the old, but will be changed before render, just like getDerivedStateFromProps
|
|
98
|
+
*
|
|
99
|
+
* if there's a need for the return value to be the same, the value or, if enters here new value,
|
|
100
|
+
* can be returned in an temp variable
|
|
101
|
+
* */
|
|
102
|
+
currentPath.set(path);
|
|
103
|
+
}
|
|
104
|
+
const input = useMemo(() => [v => {
|
|
105
|
+
/* noop for elements that may be unregistered while looping through consumerList */
|
|
106
|
+
if (path === currentPath.get() && !isUnmounted()) {
|
|
107
|
+
setValue(v);
|
|
108
|
+
}
|
|
109
|
+
}, selector], pathOrInput);
|
|
110
|
+
useCatalogManager(manager, input);
|
|
111
|
+
const setState = useCallback(v => setSpreadState((_isFunction(v) ? pathOrSelector === undefined ? () => v : _update : _set)(path, v), path), pathOrInput);
|
|
112
|
+
const getValue = () => selector(getGlobalState());
|
|
113
|
+
return [value, setState, getValue];
|
|
114
|
+
};
|
|
115
|
+
return [useProvideSpreadState, useSpreadState, Context, getGlobalState];
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
export { willUseSpreadState };
|
|
119
|
+
//# sourceMappingURL=willUseSpreadState.mjs.map
|