@startlibs/core 1.0.7 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/SlotFill.mjs +232 -0
- package/lib/SlotFill.mjs.map +1 -0
- package/lib/StartlibsProvider.mjs +62 -0
- package/lib/StartlibsProvider.mjs.map +1 -0
- package/lib/hocs/WithLazyResource.mjs +74 -0
- package/lib/hocs/WithLazyResource.mjs.map +1 -0
- package/lib/hocs/WithRef.mjs +20 -0
- package/lib/hocs/WithRef.mjs.map +1 -0
- package/lib/hocs/consumes.mjs +22 -0
- package/lib/hocs/consumes.mjs.map +1 -0
- package/lib/hocs/withDialogError.mjs +22 -0
- package/lib/hocs/withDialogError.mjs.map +1 -0
- package/lib/hocs/withGroupEvent.mjs +45 -0
- package/lib/hocs/withGroupEvent.mjs.map +1 -0
- package/lib/hooks/WithConstant.mjs +13 -0
- package/lib/hooks/WithConstant.mjs.map +1 -0
- package/lib/hooks/WithEffect.mjs +12 -0
- package/lib/hooks/WithEffect.mjs.map +1 -0
- package/lib/hooks/useAsyncEffect.mjs +14 -0
- package/lib/hooks/useAsyncEffect.mjs.map +1 -0
- package/lib/hooks/useCallState.mjs +21 -0
- package/lib/hooks/useCallState.mjs.map +1 -0
- package/lib/hooks/useCallbackStable.mjs +17 -0
- package/lib/hooks/useCallbackStable.mjs.map +1 -0
- package/lib/hooks/useConstant.mjs +21 -0
- package/lib/hooks/useConstant.mjs.map +1 -0
- package/lib/hooks/useConsumerCatalog.mjs +25 -0
- package/lib/hooks/useConsumerCatalog.mjs.map +1 -0
- package/lib/hooks/useEnsureRef.mjs +9 -0
- package/lib/hooks/useEnsureRef.mjs.map +1 -0
- package/lib/hooks/useForceUpdate.mjs +28 -0
- package/lib/hooks/useForceUpdate.mjs.map +1 -0
- package/lib/hooks/useIsUnmounted.mjs +15 -0
- package/lib/hooks/useIsUnmounted.mjs.map +1 -0
- package/lib/hooks/usePopupToggle.mjs +33 -0
- package/lib/hooks/usePopupToggle.mjs.map +1 -0
- package/lib/hooks/usePrevious.mjs +28 -0
- package/lib/hooks/usePrevious.mjs.map +1 -0
- package/lib/hooks/useRecycleFocus.mjs +36 -0
- package/lib/hooks/useRecycleFocus.mjs.map +1 -0
- package/lib/hooks/useRefMemo.mjs +13 -0
- package/lib/hooks/useRefMemo.mjs.map +1 -0
- package/lib/hooks/useRefState.mjs +29 -0
- package/lib/hooks/useRefState.mjs.map +1 -0
- package/lib/hooks/useSignal.mjs +271 -0
- package/lib/hooks/useSignal.mjs.map +1 -0
- package/lib/hooks/useTitle.mjs +17 -0
- package/lib/hooks/useTitle.mjs.map +1 -0
- package/lib/hooks/useToggle.mjs +152 -0
- package/lib/hooks/useToggle.mjs.map +1 -0
- package/lib/hooks/useUpdateEffect.mjs +15 -0
- package/lib/hooks/useUpdateEffect.mjs.map +1 -0
- package/lib/hooks/useUpdateOnResize.mjs +18 -0
- package/lib/hooks/useUpdateOnResize.mjs.map +1 -0
- package/lib/hooks/useWithTransition.mjs +18 -0
- package/lib/hooks/useWithTransition.mjs.map +1 -0
- package/lib/hooks/willUseLayers.mjs +55 -0
- package/lib/hooks/willUseLayers.mjs.map +1 -0
- package/lib/hooks/willUseSharedCallback.mjs +70 -0
- package/lib/hooks/willUseSharedCallback.mjs.map +1 -0
- package/lib/hooks/willUseSharedState.mjs +41 -0
- package/lib/hooks/willUseSharedState.mjs.map +1 -0
- package/lib/hooks/willUseSpreadState.mjs +119 -0
- package/lib/hooks/willUseSpreadState.mjs.map +1 -0
- package/lib/index.cjs +1474 -0
- package/lib/index.cjs.map +1 -0
- package/lib/index.mjs +33 -0
- package/lib/index.mjs.map +1 -0
- package/package.json +43 -29
- package/src/SlotFill.jsx +166 -0
- package/src/StartlibsProvider.jsx +62 -0
- package/src/hocs/WithLazyResource.jsx +32 -0
- package/src/hocs/WithRef.js +20 -0
- package/src/hocs/Wrapper.jsx +40 -0
- package/src/hocs/consumes.jsx +16 -0
- package/src/hocs/withDialogError.jsx +16 -0
- package/src/hocs/withGroupEvent.jsx +43 -0
- package/src/hooks/WithConstant.jsx +7 -0
- package/src/hooks/WithEffect.jsx +6 -0
- package/src/hooks/useAsyncEffect.jsx +11 -0
- package/src/hooks/useCallState.js +15 -0
- package/src/hooks/useCallbackStable.jsx +12 -0
- package/src/hooks/useConstant.js +20 -0
- package/src/hooks/useConsumerCatalog.jsx +21 -0
- package/src/hooks/useEnsureRef.js +6 -0
- package/src/hooks/useForceUpdate.jsx +16 -0
- package/src/hooks/useIsUnmounted.jsx +12 -0
- package/src/hooks/usePopupToggle.js +30 -0
- package/src/hooks/usePrevious.jsx +27 -0
- package/src/hooks/useRecycleFocus.jsx +26 -0
- package/src/hooks/useRefMemo.jsx +10 -0
- package/src/hooks/useRefState.js +26 -0
- package/src/hooks/useSignal.jsx +193 -0
- package/src/hooks/useTitle.jsx +12 -0
- package/src/hooks/useToggle.js +126 -0
- package/src/hooks/useUpdateEffect.js +14 -0
- package/src/hooks/useUpdateOnResize.jsx +14 -0
- package/src/hooks/useWithTransition.jsx +14 -0
- package/src/hooks/willUseLayers.jsx +42 -0
- package/src/hooks/willUseSharedCallback.jsx +60 -0
- package/src/hooks/willUseSharedState.jsx +34 -0
- package/src/hooks/willUseSpreadState.jsx +103 -0
- package/src/index.js +32 -0
- package/.babelrc +0 -27
- package/lib/index.js +0 -1921
- package/rollup.config.js +0 -53
- package/yarn-error.log +0 -3374
package/lib/SlotFill.mjs
ADDED
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
2
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
4
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
6
|
+
import _unset from 'lodash/fp/unset';
|
|
7
|
+
import _uniqueId from 'lodash/fp/uniqueId';
|
|
8
|
+
import _differenceBy from 'lodash/fp/differenceBy';
|
|
9
|
+
import _set from 'lodash/fp/set';
|
|
10
|
+
import _findIndex from 'lodash/fp/findIndex';
|
|
11
|
+
import _isFinite from 'lodash/fp/isFinite';
|
|
12
|
+
import _max from 'lodash/fp/max';
|
|
13
|
+
import _flatMap from 'lodash/fp/flatMap';
|
|
14
|
+
import _without from 'lodash/fp/without';
|
|
15
|
+
import _union from 'lodash/fp/union';
|
|
16
|
+
import _update from 'lodash/fp/update';
|
|
17
|
+
import _flow from 'lodash/fp/flow';
|
|
18
|
+
import React, { useRef, useContext, useLayoutEffect, useMemo, useEffect } from 'react';
|
|
19
|
+
import ReactDOM from 'react-dom';
|
|
20
|
+
import styled from 'styled-components';
|
|
21
|
+
import { callIfFunction, _s } from '@startlibs/utils';
|
|
22
|
+
import { useConstant } from './hooks/useConstant.mjs';
|
|
23
|
+
import { willUseSharedState } from './hooks/willUseSharedState.mjs';
|
|
24
|
+
|
|
25
|
+
const _excluded = ["name", "children"];
|
|
26
|
+
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; }
|
|
27
|
+
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; }
|
|
28
|
+
const SlotContext = /*#__PURE__*/React.createContext(new Map());
|
|
29
|
+
const _willUseSharedState = willUseSharedState(),
|
|
30
|
+
_willUseSharedState2 = _slicedToArray(_willUseSharedState, 2),
|
|
31
|
+
useFillHookState = _willUseSharedState2[0],
|
|
32
|
+
useFillHookStateRef = _willUseSharedState2[1];
|
|
33
|
+
const _willUseSharedState3 = willUseSharedState(),
|
|
34
|
+
_willUseSharedState4 = _slicedToArray(_willUseSharedState3, 2),
|
|
35
|
+
useHiddenFillHookState = _willUseSharedState4[0],
|
|
36
|
+
useHiddenFillHookStateRef = _willUseSharedState4[1];
|
|
37
|
+
const DEFAULT_CONTEXT = new Map();
|
|
38
|
+
const SlotProvider = _ref => {
|
|
39
|
+
let children = _ref.children;
|
|
40
|
+
return /*#__PURE__*/React.createElement(SlotContext.Provider, {
|
|
41
|
+
value: DEFAULT_CONTEXT
|
|
42
|
+
}, children, /*#__PURE__*/React.createElement(React.Suspense, {
|
|
43
|
+
fallback: null
|
|
44
|
+
}, /*#__PURE__*/React.createElement(FillHooks, null)), /*#__PURE__*/React.createElement(HiddenFillHooks, null));
|
|
45
|
+
};
|
|
46
|
+
const Slot = _ref2 => {
|
|
47
|
+
let name = _ref2.name,
|
|
48
|
+
children = _ref2.children,
|
|
49
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
50
|
+
const ref = useRef();
|
|
51
|
+
const slotInfo = useConstant({
|
|
52
|
+
ref
|
|
53
|
+
});
|
|
54
|
+
const slots = useContext(SlotContext);
|
|
55
|
+
useLayoutEffect(() => {
|
|
56
|
+
const previous = slots.get(name);
|
|
57
|
+
const updates = (previous === null || previous === void 0 ? void 0 : previous.updates) || [];
|
|
58
|
+
if (previous !== null && previous !== void 0 && previous.children) ;
|
|
59
|
+
slots.set(name, _flow(_update('infos', _union([slotInfo])))(previous));
|
|
60
|
+
updates.forEach(v => v({}));
|
|
61
|
+
return () => {
|
|
62
|
+
var _previous$infos, _previous$updates;
|
|
63
|
+
const previous = slots.get(name);
|
|
64
|
+
previous.infos = _without([slotInfo], previous.infos);
|
|
65
|
+
if (!((_previous$infos = previous.infos) !== null && _previous$infos !== void 0 && _previous$infos.length) && !((_previous$updates = previous.updates) !== null && _previous$updates !== void 0 && _previous$updates.length)) {
|
|
66
|
+
slots.delete(name);
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
}, [name]);
|
|
70
|
+
return children ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
|
|
71
|
+
"data-id": name
|
|
72
|
+
}, rest, {
|
|
73
|
+
ref: ref
|
|
74
|
+
})), React.Children.map(children, c => /*#__PURE__*/React.cloneElement(c, _objectSpread(_objectSpread({}, c.props), {}, {
|
|
75
|
+
name,
|
|
76
|
+
stack: Number.MIN_SAFE_INTEGER
|
|
77
|
+
})))) : /*#__PURE__*/React.createElement("div", _extends({
|
|
78
|
+
"data-id": name
|
|
79
|
+
}, rest, {
|
|
80
|
+
ref: ref
|
|
81
|
+
}));
|
|
82
|
+
};
|
|
83
|
+
const Invisible = /*#__PURE__*/styled.div.withConfig({
|
|
84
|
+
displayName: "SlotFill__Invisible",
|
|
85
|
+
componentId: "h3oh7r-0"
|
|
86
|
+
})(["display:none"]);
|
|
87
|
+
const FillBeforeFlip = _ref3 => {
|
|
88
|
+
let name = _ref3.name,
|
|
89
|
+
children = _ref3.children;
|
|
90
|
+
_ref3.slot;
|
|
91
|
+
const slots = useContext(SlotContext);
|
|
92
|
+
const ref = useRef();
|
|
93
|
+
useLayoutEffect(() => {
|
|
94
|
+
var _slots$get;
|
|
95
|
+
const infos = ((_slots$get = slots.get(name)) === null || _slots$get === void 0 ? void 0 : _slots$get.infos) || [];
|
|
96
|
+
const mounted = _flatMap(_ref4 => {
|
|
97
|
+
let ref = _ref4.ref;
|
|
98
|
+
return ref === null || ref === void 0 ? void 0 : ref.current;
|
|
99
|
+
}, infos);
|
|
100
|
+
const clones = [];
|
|
101
|
+
const getClone = () => {
|
|
102
|
+
const cloned = ref.current.cloneNode(true);
|
|
103
|
+
cloned.className = 'JS-fill-flip';
|
|
104
|
+
clones.push(cloned);
|
|
105
|
+
return cloned;
|
|
106
|
+
};
|
|
107
|
+
mounted.map(_ => _.appendChild(getClone()));
|
|
108
|
+
return () => {
|
|
109
|
+
clones.forEach(el => el.remove());
|
|
110
|
+
};
|
|
111
|
+
}, []);
|
|
112
|
+
return /*#__PURE__*/React.createElement(Invisible, {
|
|
113
|
+
ref: ref
|
|
114
|
+
}, children);
|
|
115
|
+
};
|
|
116
|
+
const useFillState = (name, stack) => {
|
|
117
|
+
const forceUpdate = React.useState(false)[1];
|
|
118
|
+
const slots = useContext(SlotContext);
|
|
119
|
+
const renderSlot = slots.get(name);
|
|
120
|
+
const maxStack = _max(renderSlot === null || renderSlot === void 0 ? void 0 : renderSlot.stacks);
|
|
121
|
+
const onStack = !_isFinite(maxStack) || maxStack === stack;
|
|
122
|
+
useLayoutEffect(() => {
|
|
123
|
+
const slot = slots.get(name);
|
|
124
|
+
const updatedSlot = _flow(_update('updates', _union([forceUpdate])), _update('stacks', _union([stack])))(slot);
|
|
125
|
+
slots.set(name, updatedSlot);
|
|
126
|
+
updatedSlot.updates.forEach(v => v({}));
|
|
127
|
+
return () => {
|
|
128
|
+
const previous = slots.get(name);
|
|
129
|
+
const index = previous.updates.indexOf(forceUpdate);
|
|
130
|
+
const next = _flow(_update('updates', _s.removeAt(index)), _update('stacks', _s.removeAt(index)))(previous);
|
|
131
|
+
slots.set(name, next);
|
|
132
|
+
next.updates.forEach(v => v({}));
|
|
133
|
+
};
|
|
134
|
+
}, []);
|
|
135
|
+
return [renderSlot, onStack];
|
|
136
|
+
};
|
|
137
|
+
const Fill = _ref5 => {
|
|
138
|
+
let name = _ref5.name,
|
|
139
|
+
children = _ref5.children,
|
|
140
|
+
_ref5$stack = _ref5.stack,
|
|
141
|
+
stack = _ref5$stack === void 0 ? 0 : _ref5$stack,
|
|
142
|
+
mountBeforeFlip = _ref5.mountBeforeFlip;
|
|
143
|
+
const _useFillState = useFillState(name, stack),
|
|
144
|
+
_useFillState2 = _slicedToArray(_useFillState, 2),
|
|
145
|
+
slot = _useFillState2[0],
|
|
146
|
+
onStack = _useFillState2[1];
|
|
147
|
+
if (slot !== null && slot !== void 0 && slot.infos && onStack) {
|
|
148
|
+
return slot === null || slot === void 0 ? void 0 : slot.infos.map(info => {
|
|
149
|
+
var _info$ref;
|
|
150
|
+
return ((_info$ref = info.ref) === null || _info$ref === void 0 ? void 0 : _info$ref.current) && /*#__PURE__*/ReactDOM.createPortal(callIfFunction(children, info), info.ref.current);
|
|
151
|
+
});
|
|
152
|
+
} else if (mountBeforeFlip) {
|
|
153
|
+
return /*#__PURE__*/React.createElement(FillBeforeFlip, {
|
|
154
|
+
name: name,
|
|
155
|
+
slot: slot
|
|
156
|
+
}, children);
|
|
157
|
+
} else {
|
|
158
|
+
return null;
|
|
159
|
+
}
|
|
160
|
+
};
|
|
161
|
+
const FillHooks = _ref6 => {
|
|
162
|
+
_objectDestructuringEmpty(_ref6);
|
|
163
|
+
const _useFillHookState = useFillHookState({}),
|
|
164
|
+
_useFillHookState2 = _slicedToArray(_useFillHookState, 1),
|
|
165
|
+
hooked = _useFillHookState2[0];
|
|
166
|
+
return Object.entries(hooked).map(_ref7 => {
|
|
167
|
+
let _ref8 = _slicedToArray(_ref7, 2),
|
|
168
|
+
name = _ref8[0],
|
|
169
|
+
childs = _ref8[1];
|
|
170
|
+
return childs.map((_ref9, i) => {
|
|
171
|
+
let children = _ref9.children;
|
|
172
|
+
return /*#__PURE__*/React.createElement(Fill, {
|
|
173
|
+
key: name + i,
|
|
174
|
+
name: name
|
|
175
|
+
}, children);
|
|
176
|
+
});
|
|
177
|
+
});
|
|
178
|
+
};
|
|
179
|
+
let uid = 0;
|
|
180
|
+
const useFill = (name, children, inputs) => {
|
|
181
|
+
const _useFillHookStateRef = useFillHookStateRef(),
|
|
182
|
+
_useFillHookStateRef2 = _slicedToArray(_useFillHookStateRef, 2),
|
|
183
|
+
set = _useFillHookStateRef2[1];
|
|
184
|
+
const key = useRef(uid++);
|
|
185
|
+
useLayoutEffect(() => {
|
|
186
|
+
if (children) {
|
|
187
|
+
set(_update([name], function () {
|
|
188
|
+
let list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
189
|
+
const index = _findIndex(['key', key.current], list);
|
|
190
|
+
const value = {
|
|
191
|
+
children,
|
|
192
|
+
key: key.current
|
|
193
|
+
};
|
|
194
|
+
if (index >= 0) {
|
|
195
|
+
return _set([index], value, list);
|
|
196
|
+
} else {
|
|
197
|
+
return list.concat(value);
|
|
198
|
+
}
|
|
199
|
+
}));
|
|
200
|
+
} else {
|
|
201
|
+
set(_update([name], _differenceBy('key', _differenceBy.placeholder, [{
|
|
202
|
+
children,
|
|
203
|
+
key: key.current
|
|
204
|
+
}])));
|
|
205
|
+
}
|
|
206
|
+
}, inputs || children);
|
|
207
|
+
useLayoutEffect(() => () => set(_update([name], _differenceBy('key', _differenceBy.placeholder, [{
|
|
208
|
+
key: key.current
|
|
209
|
+
}]))), []);
|
|
210
|
+
};
|
|
211
|
+
const HiddenFillHooks = _ref0 => {
|
|
212
|
+
_objectDestructuringEmpty(_ref0);
|
|
213
|
+
const _useHiddenFillHookSta = useHiddenFillHookState({}),
|
|
214
|
+
_useHiddenFillHookSta2 = _slicedToArray(_useHiddenFillHookSta, 1),
|
|
215
|
+
hookedChildren = _useHiddenFillHookSta2[0];
|
|
216
|
+
return /*#__PURE__*/React.createElement("div", null, Object.values(hookedChildren));
|
|
217
|
+
};
|
|
218
|
+
const useHiddenFill = (children, inputs) => {
|
|
219
|
+
const _useHiddenFillHookSta3 = useHiddenFillHookStateRef(),
|
|
220
|
+
_useHiddenFillHookSta4 = _slicedToArray(_useHiddenFillHookSta3, 2),
|
|
221
|
+
set = _useHiddenFillHookSta4[1];
|
|
222
|
+
const _useMemo = useMemo(() => _uniqueId(""), []),
|
|
223
|
+
_useMemo2 = _slicedToArray(_useMemo, 1),
|
|
224
|
+
uid = _useMemo2[0];
|
|
225
|
+
set(_set([uid], children ? /*#__PURE__*/React.cloneElement(children, {
|
|
226
|
+
key: uid
|
|
227
|
+
}) : null));
|
|
228
|
+
useEffect(() => () => set(_unset([uid])), []);
|
|
229
|
+
};
|
|
230
|
+
|
|
231
|
+
export { Fill, Slot, SlotContext, SlotProvider, useFill, useHiddenFill };
|
|
232
|
+
//# sourceMappingURL=SlotFill.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlotFill.mjs","sources":["../src/SlotFill.jsx"],"sourcesContent":["import React, {useContext, useEffect, useLayoutEffect, useMemo, useRef} from 'react'\nimport ReactDOM from 'react-dom'\nimport styled from 'styled-components'\nimport _ from 'lodash/fp'\nimport {_s, callIfFunction} from '@startlibs/utils'\nimport {useConstant} from './hooks/useConstant'\nimport {willUseSharedState} from './hooks/willUseSharedState'\n\nexport const SlotContext = React.createContext(new Map())\nconst [useFillHookState, useFillHookStateRef] = willUseSharedState()\nconst [useHiddenFillHookState, useHiddenFillHookStateRef] = willUseSharedState()\n\nconst DEFAULT_CONTEXT = new Map()\n\nexport const SlotProvider = ({children}) => {\n\n return <SlotContext.Provider value={DEFAULT_CONTEXT}>\n {children}\n <React.Suspense fallback={null}><FillHooks/></React.Suspense>\n <HiddenFillHooks/>\n </SlotContext.Provider>\n}\n\nexport const Slot = ({name,children,...rest}) => {\n\n const ref = useRef()\n const slotInfo = useConstant({ref})\n\n const slots = useContext(SlotContext)\n\n useLayoutEffect(() => {\n const previous = slots.get(name)\n const updates = previous?.updates || []\n if (previous?.children) {\n // reparent\n }\n slots.set(name,_.flow(\n _.update('infos',_.union([slotInfo]))\n )(previous))\n updates.forEach(v => v({}))\n return () => {\n const previous = slots.get(name)\n previous.infos = _.without([slotInfo],previous.infos)\n if (!previous.infos?.length && !previous.updates?.length) {\n slots.delete(name)\n }\n }\n }, [name])\n\n return children\n ? <>\n <div data-id={name} {...rest} ref={ref}/>\n {React.Children.map(children,c => React.cloneElement(c,{...c.props,name,stack:Number.MIN_SAFE_INTEGER}))}\n </>\n : <div data-id={name} {...rest} ref={ref}/>\n\n}\n\nconst Invisible = styled.div`display:none`\n\nconst FillBeforeFlip = ({name, children, slot}) => {\n const slots = useContext(SlotContext)\n const ref = useRef()\n useLayoutEffect(() => {\n const infos = slots.get(name)?.infos || []\n const mounted = _.flatMap(({ref}) => ref?.current,infos)\n const clones = []\n const getClone = () => {\n const cloned = ref.current.cloneNode(true)\n cloned.className = 'JS-fill-flip'\n clones.push(cloned)\n return cloned\n }\n mounted.map(_ => _.appendChild(getClone()))\n return () => {\n clones.forEach(el => el.remove())\n }\n },[])\n return <Invisible ref={ref}>{children}</Invisible>\n}\n\nconst useFillState = (name,stack) => {\n const forceUpdate = React.useState(false)[1];\n const slots = useContext(SlotContext)\n const renderSlot = slots.get(name)\n const maxStack = _.max(renderSlot?.stacks)\n const onStack = !_.isFinite(maxStack) || maxStack === stack\n useLayoutEffect(() => {\n\n const slot = slots.get(name)\n const updatedSlot = _.flow(\n _.update('updates',_.union([forceUpdate])),\n _.update('stacks',_.union([stack])),\n )(slot)\n slots.set(name, updatedSlot)\n updatedSlot.updates.forEach(v => v({}))\n return () => {\n const previous = slots.get(name)\n const index = previous.updates.indexOf(forceUpdate)\n const next = _.flow(\n _.update('updates',_s.removeAt(index)),\n _.update('stacks',_s.removeAt(index))\n )(previous)\n slots.set(name,next)\n next.updates.forEach(v => v({}))\n }\n },[])\n\n return [renderSlot,onStack]\n}\n\n\nexport const Fill = ({name, children, stack = 0, mountBeforeFlip}) => {\n const [slot,onStack] = useFillState(name,stack)\n if (slot?.infos && onStack) {\n return slot?.infos.map((info) => info.ref?.current && ReactDOM.createPortal(callIfFunction(children,info),info.ref.current))\n } else if (mountBeforeFlip) {\n return <FillBeforeFlip name={name} slot={slot}>{children}</FillBeforeFlip>\n } else {\n return null\n }\n}\n\n\nconst FillHooks = ({}) => {\n const [hooked] = useFillHookState({})\n return Object.entries(hooked)\n .map(([name, childs]) => childs.map(({children}, i) => <Fill key={name + i} name={name}>{children}</Fill>))\n}\n\nlet uid = 0\nexport const useFill = (name, children, inputs) => {\n const [, set] = useFillHookStateRef()\n const key = useRef(uid++)\n useLayoutEffect(() => {\n if (children) {\n set(_.update([name], (list = []) => {\n const index = _.findIndex(['key',key.current],list)\n const value = {children,key:key.current}\n if (index >= 0 ) {\n return _.set([index],value,list)\n } else {\n return list.concat(value)\n }\n } ))\n } else {\n set(_.update([name], _.differenceBy('key',_, [{children,key:key.current}])))\n }\n }, inputs || children)\n\n useLayoutEffect(() =>\n () => set(_.update([name], _.differenceBy('key',_, [{key:key.current}])))\n ,[])\n}\n\nconst HiddenFillHooks = ({}) => {\n const [hookedChildren] = useHiddenFillHookState({})\n return <div>{Object.values(hookedChildren)}</div>\n}\n\nexport const useHiddenFill = (children, inputs) => {\n const [, set] = useHiddenFillHookStateRef()\n const [uid] = useMemo(()=>_.uniqueId(\"\"),[])\n set(_.set([uid], children ? React.cloneElement(children,{key:uid}) : null))\n useEffect(()=> () => set(_.unset([uid])),[])\n}\n"],"names":["SlotContext","React","createContext","Map","_willUseSharedState","willUseSharedState","_willUseSharedState2","_slicedToArray","useFillHookState","useFillHookStateRef","_willUseSharedState3","_willUseSharedState4","useHiddenFillHookState","useHiddenFillHookStateRef","DEFAULT_CONTEXT","SlotProvider","_ref","children","createElement","Provider","value","Suspense","fallback","FillHooks","HiddenFillHooks","Slot","_ref2","name","rest","_objectWithoutProperties","_excluded","ref","useRef","slotInfo","useConstant","slots","useContext","useLayoutEffect","previous","get","updates","set","_flow","_update","_union","forEach","v","_previous$infos","_previous$updates","infos","_without","length","delete","Fragment","_extends","Children","map","c","cloneElement","_objectSpread","props","stack","Number","MIN_SAFE_INTEGER","Invisible","styled","div","withConfig","displayName","componentId","FillBeforeFlip","_ref3","slot","_slots$get","mounted","_flatMap","_ref4","current","clones","getClone","cloned","cloneNode","className","push","_","appendChild","el","remove","useFillState","forceUpdate","useState","renderSlot","maxStack","_max","stacks","onStack","_isFinite","updatedSlot","index","indexOf","next","_s","removeAt","Fill","_ref5","_ref5$stack","mountBeforeFlip","_useFillState","_useFillState2","info","_info$ref","ReactDOM","createPortal","callIfFunction","_ref6","_objectDestructuringEmpty","_useFillHookState","_useFillHookState2","hooked","Object","entries","_ref7","_ref8","childs","_ref9","i","key","uid","useFill","inputs","_useFillHookStateRef","_useFillHookStateRef2","list","arguments","undefined","_findIndex","_set","concat","_differenceBy","placeholder","_ref0","_useHiddenFillHookSta","_useHiddenFillHookSta2","hookedChildren","values","useHiddenFill","_useHiddenFillHookSta3","_useHiddenFillHookSta4","_useMemo","useMemo","_uniqueId","_useMemo2","useEffect","_unset"],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import _debounce from 'lodash/fp/debounce';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { callIfFunction, fixMediaQuery } from '@startlibs/utils';
|
|
4
|
+
import { SlotProvider } from './SlotFill.mjs';
|
|
5
|
+
import { clearPopups } from './hooks/usePopupToggle.mjs';
|
|
6
|
+
|
|
7
|
+
const StartlibsContext = /*#__PURE__*/React.createContext({});
|
|
8
|
+
const PopupContext = /*#__PURE__*/React.createContext({});
|
|
9
|
+
const StartlibsMetacontext = /*#__PURE__*/React.createContext(() => {});
|
|
10
|
+
const StartlibsConsumer = StartlibsContext.Consumer;
|
|
11
|
+
const wrappeStyle = {
|
|
12
|
+
height: '100%'
|
|
13
|
+
};
|
|
14
|
+
class StartlibsProvider extends React.Component {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments);
|
|
17
|
+
this.openToggles = new Map();
|
|
18
|
+
this.popupToggleRender = (_ref, ref) => {
|
|
19
|
+
let isOpen = _ref.isOpen,
|
|
20
|
+
close = _ref.close;
|
|
21
|
+
if (isOpen && !this.openToggles.has(ref)) {
|
|
22
|
+
this.closePopup();
|
|
23
|
+
this.openToggles.set(ref, close);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
this.closePopup = () => {
|
|
27
|
+
clearPopups();
|
|
28
|
+
};
|
|
29
|
+
this.startlibsMeta = new Map();
|
|
30
|
+
this.getMeta = (key, initValue) => {
|
|
31
|
+
const exists = this.startlibsMeta.get(key);
|
|
32
|
+
if (exists) return exists;
|
|
33
|
+
this.startlibsMeta.set(key, callIfFunction(initValue));
|
|
34
|
+
return initValue;
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
componentDidMount() {
|
|
38
|
+
fixMediaQuery();
|
|
39
|
+
const addVHFix = () => {
|
|
40
|
+
var _document$documentEle;
|
|
41
|
+
let vh = window.innerHeight * 0.01;
|
|
42
|
+
(_document$documentEle = document.documentElement) === null || _document$documentEle === void 0 || (_document$documentEle = _document$documentEle.style) === null || _document$documentEle === void 0 || _document$documentEle.setProperty('--vh', "".concat(vh, "px"));
|
|
43
|
+
};
|
|
44
|
+
window.addEventListener('resize', _debounce(200, addVHFix));
|
|
45
|
+
addVHFix();
|
|
46
|
+
}
|
|
47
|
+
render() {
|
|
48
|
+
return /*#__PURE__*/React.createElement(StartlibsContext.Provider, {
|
|
49
|
+
value: this.props.value
|
|
50
|
+
}, /*#__PURE__*/React.createElement(StartlibsMetacontext.Provider, {
|
|
51
|
+
value: this.getMeta
|
|
52
|
+
}, /*#__PURE__*/React.createElement(PopupContext.Provider, {
|
|
53
|
+
value: this.popupToggleRender
|
|
54
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
55
|
+
style: wrappeStyle,
|
|
56
|
+
onClick: this.closePopup
|
|
57
|
+
}, /*#__PURE__*/React.createElement(SlotProvider, null, this.props.children)))));
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
export { PopupContext, StartlibsConsumer, StartlibsContext, StartlibsMetacontext, StartlibsProvider };
|
|
62
|
+
//# sourceMappingURL=StartlibsProvider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StartlibsProvider.mjs","sources":["../src/StartlibsProvider.jsx"],"sourcesContent":["import React from 'react'\nimport _ from 'lodash/fp'\nimport {fixMediaQuery,callIfFunction} from '@startlibs/utils'\nimport {SlotProvider} from './SlotFill'\nimport {clearPopups} from './hooks/usePopupToggle'\n\nexport const StartlibsContext = React.createContext({})\nexport const PopupContext = React.createContext({})\nexport const StartlibsMetacontext = React.createContext(()=>{})\n\nexport const StartlibsConsumer = StartlibsContext.Consumer\n\nconst wrappeStyle = {height: '100%'}\n\n\nexport class StartlibsProvider extends React.Component {\n\n componentDidMount() {\n fixMediaQuery()\n const addVHFix = () => {\n let vh = window.innerHeight * 0.01;\n document.documentElement?.style?.setProperty('--vh', `${vh}px`);\n }\n window.addEventListener('resize', _.debounce(200, addVHFix))\n addVHFix()\n }\n\n openToggles = new Map()\n\n popupToggleRender = ({isOpen,close},ref) => {\n if (isOpen && !this.openToggles.has(ref)) {\n this.closePopup()\n this.openToggles.set(ref,close)\n }\n }\n closePopup = () => {\n clearPopups()\n }\n\n startlibsMeta = new Map()\n\n getMeta = (key,initValue) => {\n const exists = this.startlibsMeta.get(key)\n if (exists) return exists\n this.startlibsMeta.set(key,callIfFunction(initValue))\n return initValue\n }\n\n render() {\n return <StartlibsContext.Provider value={this.props.value}>\n <StartlibsMetacontext.Provider value={this.getMeta}>\n <PopupContext.Provider value={this.popupToggleRender}>\n <div style={wrappeStyle} onClick={this.closePopup}>\n <SlotProvider>\n {this.props.children}\n </SlotProvider>\n </div>\n </PopupContext.Provider>\n </StartlibsMetacontext.Provider>\n </StartlibsContext.Provider>\n }\n}\n"],"names":["StartlibsContext","React","createContext","PopupContext","StartlibsMetacontext","StartlibsConsumer","Consumer","wrappeStyle","height","StartlibsProvider","Component","constructor","arguments","openToggles","Map","popupToggleRender","_ref","ref","isOpen","close","has","closePopup","set","clearPopups","startlibsMeta","getMeta","key","initValue","exists","get","callIfFunction","componentDidMount","fixMediaQuery","addVHFix","_document$documentEle","vh","window","innerHeight","document","documentElement","style","setProperty","concat","addEventListener","_debounce","render","createElement","Provider","value","props","onClick","SlotProvider","children"],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
|
+
import _isArray from 'lodash/fp/isArray';
|
|
5
|
+
import React, { useReducer } from 'react';
|
|
6
|
+
import { ifUndefined } from '@startlibs/utils';
|
|
7
|
+
|
|
8
|
+
const _excluded = ["value", "fallback", "children", "forwardProps"],
|
|
9
|
+
_excluded2 = ["value", "wrap", "fallback", "children", "forwardProps"];
|
|
10
|
+
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; }
|
|
11
|
+
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; }
|
|
12
|
+
const addExtraProp = function (element, extra) {
|
|
13
|
+
let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
14
|
+
return /*#__PURE__*/React.cloneElement(element, override ? _objectSpread(_objectSpread({}, element.props), extra) : _objectSpread(_objectSpread({}, extra), element.props), element.props.children);
|
|
15
|
+
};
|
|
16
|
+
const WithLazyPlaceholder = _ref => {
|
|
17
|
+
let value = _ref.value,
|
|
18
|
+
fallback = _ref.fallback,
|
|
19
|
+
children = _ref.children,
|
|
20
|
+
_ref$forwardProps = _ref.forwardProps,
|
|
21
|
+
forwardProps = _ref$forwardProps === void 0 ? false : _ref$forwardProps,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
return /*#__PURE__*/React.createElement(React.Suspense, {
|
|
24
|
+
fallback: React.Children.map(children(fallback, {
|
|
25
|
+
isLoading: true
|
|
26
|
+
}), child => /*#__PURE__*/React.isValidElement(child) ? addExtraProp(child, {
|
|
27
|
+
isLoading: true
|
|
28
|
+
}, false) : child)
|
|
29
|
+
}, /*#__PURE__*/React.createElement(Load, {
|
|
30
|
+
value: value,
|
|
31
|
+
children: children,
|
|
32
|
+
forwardProps: forwardProps && props
|
|
33
|
+
}));
|
|
34
|
+
};
|
|
35
|
+
const WithLazyResource = _ref2 => {
|
|
36
|
+
let value = _ref2.value,
|
|
37
|
+
wrap = _ref2.wrap,
|
|
38
|
+
fallback = _ref2.fallback,
|
|
39
|
+
children = _ref2.children,
|
|
40
|
+
_ref2$forwardProps = _ref2.forwardProps,
|
|
41
|
+
forwardProps = _ref2$forwardProps === void 0 ? false : _ref2$forwardProps,
|
|
42
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
43
|
+
return wrap || fallback !== undefined ? /*#__PURE__*/React.createElement(React.Suspense, {
|
|
44
|
+
fallback: ifUndefined(fallback, null)
|
|
45
|
+
}, /*#__PURE__*/React.createElement(Load, {
|
|
46
|
+
value: value,
|
|
47
|
+
forwardProps: forwardProps && props,
|
|
48
|
+
children: children
|
|
49
|
+
})) : /*#__PURE__*/React.createElement(Load, {
|
|
50
|
+
value: value,
|
|
51
|
+
children: children,
|
|
52
|
+
forwardProps: forwardProps && props
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
const Load = _ref3 => {
|
|
56
|
+
let value = _ref3.value,
|
|
57
|
+
children = _ref3.children,
|
|
58
|
+
forwardProps = _ref3.forwardProps;
|
|
59
|
+
const loaded = _isArray(value) ? value.forEach(v => v.promise()) || value.map(v => v.read()) : value.read();
|
|
60
|
+
const _useReducer = useReducer(s => s + 1, 0),
|
|
61
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
62
|
+
update = _useReducer2[1];
|
|
63
|
+
const refresh = () => Promise.all(_isArray(value) ? value.map(v => v.refresh().promise()) : [value.refresh().promise()]).then(update);
|
|
64
|
+
return forwardProps ? addExtraProp(children(loaded, {
|
|
65
|
+
refresh,
|
|
66
|
+
update
|
|
67
|
+
}), forwardProps) : children(loaded, {
|
|
68
|
+
refresh,
|
|
69
|
+
update
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
export { WithLazyPlaceholder, WithLazyResource };
|
|
74
|
+
//# sourceMappingURL=WithLazyResource.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WithLazyResource.mjs","sources":["../../src/hocs/WithLazyResource.jsx"],"sourcesContent":["import React, {useReducer} from 'react'\nimport _ from 'lodash/fp'\nimport {ifUndefined} from '@startlibs/utils'\n\nconst addExtraProp = (element, extra, override = true) => React.cloneElement(\n element,\n override ? {...element.props,...extra} : {...extra,...element.props},\n element.props.children\n)\n\nexport const WithLazyPlaceholder = ({value, fallback, children, forwardProps = false,...props}) => {\n return <React.Suspense\n fallback={React.Children.map(children(fallback,{isLoading:true}), (child) => React.isValidElement(child) ? addExtraProp(child, {isLoading: true}, false) : child)}\n >\n <Load value={value} children={children} forwardProps={forwardProps && props}/>\n </React.Suspense>\n}\n\n\nexport const WithLazyResource = ({value, wrap,fallback,children,forwardProps = false,...props}) => {\n\n return (wrap || fallback !== undefined)\n ? <React.Suspense fallback={ifUndefined(fallback,null)}><Load value={value} forwardProps={forwardProps && props} children={children}/></React.Suspense>\n : <Load value={value} children={children} forwardProps={forwardProps && props}/>\n}\n\nconst Load = ({value,children,forwardProps}) => {\n const loaded = _.isArray(value) ? (value.forEach(v => v.promise()) || value.map(v => v.read())) : value.read()\n const [,update] = useReducer((s) => s+1, 0)\n const refresh = () => Promise.all(_.isArray(value) ? value.map(v => v.refresh().promise()) : [value.refresh().promise()]).then(update)\n return forwardProps ? addExtraProp(children(loaded,{refresh,update}),forwardProps) : children(loaded, {refresh,update})\n}"],"names":["addExtraProp","element","extra","override","arguments","length","undefined","React","cloneElement","_objectSpread","props","children","WithLazyPlaceholder","_ref","value","fallback","_ref$forwardProps","forwardProps","_objectWithoutProperties","_excluded","createElement","Suspense","Children","map","isLoading","child","isValidElement","Load","WithLazyResource","_ref2","wrap","_ref2$forwardProps","_excluded2","ifUndefined","_ref3","loaded","_isArray","forEach","v","promise","read","_useReducer","useReducer","s","_useReducer2","_slicedToArray","update","refresh","Promise","all","then"],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
class WithRef extends React.Component {
|
|
4
|
+
constructor(props) {
|
|
5
|
+
super(props);
|
|
6
|
+
const total = props.length || props.children.length;
|
|
7
|
+
const refs = new Array(total);
|
|
8
|
+
for (var i = 0; i < total; i++) {
|
|
9
|
+
refs[i] = /*#__PURE__*/React.createRef();
|
|
10
|
+
}
|
|
11
|
+
this.createdRefs = refs;
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
const children = this.props.children;
|
|
15
|
+
return children(...this.createdRefs);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { WithRef };
|
|
20
|
+
//# sourceMappingURL=WithRef.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WithRef.mjs","sources":["../../src/hocs/WithRef.js"],"sourcesContent":["// @flow\nimport React from 'react'\n\nexport class WithRef extends React.Component {\n\n constructor(props) {\n super(props)\n const total = props.length || props.children.length\n const refs = new Array(total)\n for (var i = 0; i < total; i++) {\n refs[i] = React.createRef()\n }\n this.createdRefs = refs\n }\n\n render() {\n const {children} = this.props\n return children(...this.createdRefs)\n }\n}"],"names":["WithRef","React","Component","constructor","props","total","length","children","refs","Array","i","createRef","createdRefs","render"],"mappings":";;AAGO,MAAMA,OAAO,SAASC,KAAK,CAACC,SAAS,CAAC;EAE3CC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC,CAAA;IACZ,MAAMC,KAAK,GAAGD,KAAK,CAACE,MAAM,IAAIF,KAAK,CAACG,QAAQ,CAACD,MAAM,CAAA;AACnD,IAAA,MAAME,IAAI,GAAG,IAAIC,KAAK,CAACJ,KAAK,CAAC,CAAA;IAC7B,KAAK,IAAIK,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,KAAK,EAAEK,CAAC,EAAE,EAAE;MAC9BF,IAAI,CAACE,CAAC,CAAC,gBAAGT,KAAK,CAACU,SAAS,EAAE,CAAA;AAC7B,KAAA;IACA,IAAI,CAACC,WAAW,GAAGJ,IAAI,CAAA;AACzB,GAAA;AAEAK,EAAAA,MAAMA,GAAG;AACP,IAAA,MAAON,QAAQ,GAAI,IAAI,CAACH,KAAK,CAAtBG,QAAQ,CAAA;AACf,IAAA,OAAOA,QAAQ,CAAC,GAAG,IAAI,CAACK,WAAW,CAAC,CAAA;AACtC,GAAA;AACF;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
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; }
|
|
6
|
+
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; }
|
|
7
|
+
const propsOrConsume = (prop, Consumer, childrenAsFunction) => prop ? childrenAsFunction(prop) : /*#__PURE__*/React.createElement(Consumer, null, childrenAsFunction);
|
|
8
|
+
const addConsumers = (Component, obj) => Object.entries(obj).reduce((acc, _ref) => {
|
|
9
|
+
let _ref2 = _slicedToArray(_ref, 2),
|
|
10
|
+
propKey = _ref2[0],
|
|
11
|
+
Consumer = _ref2[1];
|
|
12
|
+
return props => propsOrConsume(props[propKey], Consumer, v => acc(_objectSpread({
|
|
13
|
+
[propKey]: v
|
|
14
|
+
}, props)));
|
|
15
|
+
}, props => /*#__PURE__*/React.createElement(Component, props));
|
|
16
|
+
const consumes = obj => Component => {
|
|
17
|
+
const withConsumers = addConsumers(Component, obj);
|
|
18
|
+
return props => withConsumers(props);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { consumes };
|
|
22
|
+
//# sourceMappingURL=consumes.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"consumes.mjs","sources":["../../src/hocs/consumes.jsx"],"sourcesContent":["import React from 'react'\n\nconst propsOrConsume = (prop, Consumer,childrenAsFunction) => prop ? childrenAsFunction(prop) : <Consumer>{childrenAsFunction}</Consumer>\n\nconst addConsumers = (Component,obj) =>\n Object.entries(obj)\n .reduce(\n (acc, [propKey, Consumer]) => (props) =>\n propsOrConsume(props[propKey],Consumer,v => acc({[propKey]: v, ...props})),\n (props) => <Component {...props} />\n )\n\nexport const consumes = (obj) => (Component) => {\n const withConsumers = addConsumers(Component,obj)\n return (props) => withConsumers(props)\n}\n"],"names":["propsOrConsume","prop","Consumer","childrenAsFunction","React","createElement","addConsumers","Component","obj","Object","entries","reduce","acc","_ref","_ref2","_slicedToArray","propKey","props","v","_objectSpread","consumes","withConsumers"],"mappings":";;;;;;AAEA,MAAMA,cAAc,GAAGA,CAACC,IAAI,EAAEC,QAAQ,EAACC,kBAAkB,KAAKF,IAAI,GAAGE,kBAAkB,CAACF,IAAI,CAAC,gBAAGG,KAAA,CAAAC,aAAA,CAACH,QAAQ,EAAEC,IAAAA,EAAAA,kBAA6B,CAAC,CAAA;AAEzI,MAAMG,YAAY,GAAGA,CAACC,SAAS,EAACC,GAAG,KACjCC,MAAM,CAACC,OAAO,CAACF,GAAG,CAAC,CAChBG,MAAM,CACL,CAACC,GAAG,EAAAC,IAAA,KAAA;AAAA,EAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAGG,IAAAA,OAAO,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEZ,IAAAA,QAAQ,GAAAY,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAOG,KAAK,IAClCjB,cAAc,CAACiB,KAAK,CAACD,OAAO,CAAC,EAACd,QAAQ,EAACgB,CAAC,IAAIN,GAAG,CAAAO,aAAA,CAAA;AAAE,IAAA,CAACH,OAAO,GAAGE,CAAAA;GAAMD,EAAAA,KAAK,CAAC,CAAC,CAAC,CAAA;AAAA,CAC3EA,EAAAA,KAAK,iBAAKb,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAKU,KAAQ,CACpC,CAAC,CAAA;MAEQG,QAAQ,GAAIZ,GAAG,IAAMD,SAAS,IAAK;AAC9C,EAAA,MAAMc,aAAa,GAAGf,YAAY,CAACC,SAAS,EAACC,GAAG,CAAC,CAAA;AACjD,EAAA,OAAQS,KAAK,IAAKI,aAAa,CAACJ,KAAK,CAAC,CAAA;AACxC;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
const withDialogError = Dialog => {
|
|
5
|
+
const ErrorBoundedComponent = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
6
|
+
return /*#__PURE__*/React.createElement(Dialog, _extends({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props));
|
|
9
|
+
|
|
10
|
+
// const ErrorBoundary = __internals('ErrorBoundary')
|
|
11
|
+
/*return (
|
|
12
|
+
<ErrorBoundary Error={props.Error || __internals('DialogError')} closeDialog={props.closeDialog}>
|
|
13
|
+
<Dialog {...props}/>
|
|
14
|
+
</ErrorBoundary>
|
|
15
|
+
)*/
|
|
16
|
+
});
|
|
17
|
+
// ErrorBoundedComponent.contextTypes = {startlibs:()=>null}
|
|
18
|
+
return ErrorBoundedComponent;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { withDialogError };
|
|
22
|
+
//# sourceMappingURL=withDialogError.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withDialogError.mjs","sources":["../../src/hocs/withDialogError.jsx"],"sourcesContent":["import React from 'react'\n\nexport const withDialogError = (Dialog) => {\n const ErrorBoundedComponent = React.forwardRef((props,ref) => {\n return <Dialog ref={ref} {...props}/>\n\n // const ErrorBoundary = __internals('ErrorBoundary')\n /*return (\n <ErrorBoundary Error={props.Error || __internals('DialogError')} closeDialog={props.closeDialog}>\n <Dialog {...props}/>\n </ErrorBoundary>\n )*/\n })\n // ErrorBoundedComponent.contextTypes = {startlibs:()=>null}\n return ErrorBoundedComponent\n}"],"names":["withDialogError","Dialog","ErrorBoundedComponent","React","forwardRef","props","ref","createElement","_extends"],"mappings":";;;AAEaA,MAAAA,eAAe,GAAIC,MAAM,IAAK;EACzC,MAAMC,qBAAqB,gBAAGC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAACC,GAAG,KAAK;AAC5D,IAAA,oBAAOH,KAAA,CAAAI,aAAA,CAACN,MAAM,EAAAO,QAAA,CAAA;AAACF,MAAAA,GAAG,EAAEA,GAAAA;KAASD,EAAAA,KAAK,CAAE,CAAC,CAAA;;AAErC;AACA;AACJ;AACA;AACA;AACA;AACE,GAAC,CAAC,CAAA;AACF;AACA,EAAA,OAAOH,qBAAqB,CAAA;AAC9B;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import mitt from 'mitt';
|
|
4
|
+
|
|
5
|
+
const GroupEventFactory = () => {
|
|
6
|
+
let emitter = mitt();
|
|
7
|
+
class WithGroupEvent extends React.Component {
|
|
8
|
+
constructor() {
|
|
9
|
+
super(...arguments);
|
|
10
|
+
this.events = {};
|
|
11
|
+
this.processEvent = (type, event) => {
|
|
12
|
+
(this.events[type] || []).forEach(c => c(event));
|
|
13
|
+
};
|
|
14
|
+
this.groupEventProps = {
|
|
15
|
+
on: (type, callback) => {
|
|
16
|
+
this.events[type] = (this.events[type] || []).concat(callback);
|
|
17
|
+
},
|
|
18
|
+
off: (type, callback) => {
|
|
19
|
+
this.events[type] = (this.events[type] || []).filter(e => e !== callback);
|
|
20
|
+
},
|
|
21
|
+
emit: emitter.emit
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
componentDidMount() {
|
|
25
|
+
emitter.on('*', this.processEvent);
|
|
26
|
+
}
|
|
27
|
+
componentWillUnmount() {
|
|
28
|
+
emitter.off('*', this.processEvent);
|
|
29
|
+
}
|
|
30
|
+
render() {
|
|
31
|
+
return this.props.children(this.groupEventProps);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return WithGroupEvent;
|
|
35
|
+
};
|
|
36
|
+
const withGroupEvent = Component => {
|
|
37
|
+
const WithGroupEvent = GroupEventFactory();
|
|
38
|
+
return /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(WithGroupEvent, null, groupEvent => /*#__PURE__*/React.createElement(Component, _extends({}, props, {
|
|
39
|
+
ref: ref,
|
|
40
|
+
groupEvent: groupEvent
|
|
41
|
+
}))));
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export { GroupEventFactory, withGroupEvent };
|
|
45
|
+
//# sourceMappingURL=withGroupEvent.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withGroupEvent.mjs","sources":["../../src/hocs/withGroupEvent.jsx"],"sourcesContent":["import React from 'react'\nimport mitt from 'mitt'\n\nexport const GroupEventFactory = () => {\n let emitter = mitt()\n\n class WithGroupEvent extends React.Component {\n componentDidMount() {\n emitter.on('*', this.processEvent)\n }\n\n componentWillUnmount() {\n emitter.off('*',this.processEvent)\n }\n\n events = {}\n\n processEvent = (type, event) => {\n (this.events[type] || []).forEach(c => c(event))\n }\n\n groupEventProps = {\n on: (type,callback) => {\n this.events[type] = (this.events[type] || []).concat(callback)\n },\n off: (type,callback) => {\n this.events[type] = (this.events[type] || []).filter(e=>e!==callback)\n },\n emit: emitter.emit\n }\n\n render() {\n return this.props.children(this.groupEventProps)\n }\n }\n return WithGroupEvent\n}\n\nexport const withGroupEvent = (Component) => {\n const WithGroupEvent = GroupEventFactory()\n return React.forwardRef((props,ref) => <WithGroupEvent>{(groupEvent) => <Component {...props} ref={ref} groupEvent={groupEvent}/>}</WithGroupEvent>)\n}\n\n"],"names":["GroupEventFactory","emitter","mitt","WithGroupEvent","React","Component","constructor","arguments","events","processEvent","type","event","forEach","c","groupEventProps","on","callback","concat","off","filter","e","emit","componentDidMount","componentWillUnmount","render","props","children","withGroupEvent","forwardRef","ref","createElement","groupEvent","_extends"],"mappings":";;;;AAGaA,MAAAA,iBAAiB,GAAGA,MAAM;AACrC,EAAA,IAAIC,OAAO,GAAGC,IAAI,EAAE,CAAA;AAEpB,EAAA,MAAMC,cAAc,SAASC,KAAK,CAACC,SAAS,CAAC;IAAAC,WAAA,GAAA;AAAA,MAAA,KAAA,CAAA,GAAAC,SAAA,CAAA,CAAA;MAAA,IAS3CC,CAAAA,MAAM,GAAG,EAAE,CAAA;AAAA,MAAA,IAAA,CAEXC,YAAY,GAAG,CAACC,IAAI,EAAEC,KAAK,KAAK;AAC9B,QAAA,CAAC,IAAI,CAACH,MAAM,CAACE,IAAI,CAAC,IAAI,EAAE,EAAEE,OAAO,CAACC,CAAC,IAAIA,CAAC,CAACF,KAAK,CAAC,CAAC,CAAA;OACjD,CAAA;AAAA,MAAA,IAAA,CAEDG,eAAe,GAAG;AAChBC,QAAAA,EAAE,EAAEA,CAACL,IAAI,EAACM,QAAQ,KAAK;AACrB,UAAA,IAAI,CAACR,MAAM,CAACE,IAAI,CAAC,GAAG,CAAC,IAAI,CAACF,MAAM,CAACE,IAAI,CAAC,IAAI,EAAE,EAAEO,MAAM,CAACD,QAAQ,CAAC,CAAA;SAC/D;AACDE,QAAAA,GAAG,EAAEA,CAACR,IAAI,EAACM,QAAQ,KAAK;UACtB,IAAI,CAACR,MAAM,CAACE,IAAI,CAAC,GAAG,CAAC,IAAI,CAACF,MAAM,CAACE,IAAI,CAAC,IAAI,EAAE,EAAES,MAAM,CAACC,CAAC,IAAEA,CAAC,KAAGJ,QAAQ,CAAC,CAAA;SACtE;QACDK,IAAI,EAAEpB,OAAO,CAACoB,IAAAA;OACf,CAAA;AAAA,KAAA;AAtBDC,IAAAA,iBAAiBA,GAAG;MAClBrB,OAAO,CAACc,EAAE,CAAC,GAAG,EAAE,IAAI,CAACN,YAAY,CAAC,CAAA;AACpC,KAAA;AAEAc,IAAAA,oBAAoBA,GAAG;MACrBtB,OAAO,CAACiB,GAAG,CAAC,GAAG,EAAC,IAAI,CAACT,YAAY,CAAC,CAAA;AACpC,KAAA;AAkBAe,IAAAA,MAAMA,GAAG;MACP,OAAO,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,IAAI,CAACZ,eAAe,CAAC,CAAA;AAClD,KAAA;AACF,GAAA;AACA,EAAA,OAAOX,cAAc,CAAA;AACvB,EAAC;AAEYwB,MAAAA,cAAc,GAAItB,SAAS,IAAK;AAC3C,EAAA,MAAMF,cAAc,GAAGH,iBAAiB,EAAE,CAAA;EAC1C,oBAAOI,KAAK,CAACwB,UAAU,CAAC,CAACH,KAAK,EAACI,GAAG,kBAAKzB,KAAA,CAAA0B,aAAA,CAAC3B,cAAc,EAAA,IAAA,EAAG4B,UAAU,iBAAK3B,KAAA,CAAA0B,aAAA,CAACzB,SAAS,EAAA2B,QAAA,CAAA,EAAA,EAAKP,KAAK,EAAA;AAAEI,IAAAA,GAAG,EAAEA,GAAI;AAACE,IAAAA,UAAU,EAAEA,UAAAA;GAAY,CAAA,CAAkB,CAAC,CAAC,CAAA;AACtJ;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
import { useLazyConstant } from './useConstant.mjs';
|
|
3
|
+
|
|
4
|
+
const WithConstant = _ref => {
|
|
5
|
+
_ref.inputs;
|
|
6
|
+
let value = _ref.value,
|
|
7
|
+
children = _ref.children;
|
|
8
|
+
const constant = useLazyConstant(value);
|
|
9
|
+
return children(constant);
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { WithConstant };
|
|
13
|
+
//# sourceMappingURL=WithConstant.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WithConstant.mjs","sources":["../../src/hooks/WithConstant.jsx"],"sourcesContent":["import React from 'react'\nimport {useLazyConstant} from './useConstant'\n\nexport const WithConstant = ({inputs=[],value,children}) => {\n const constant = useLazyConstant(value,inputs)\n return children(constant)\n}"],"names":["WithConstant","_ref","inputs","value","children","constant","useLazyConstant"],"mappings":";;;AAGaA,MAAAA,YAAY,GAAGC,IAAA,IAAgC;AAAA,EAAAA,IAAA,CAA9BC,MAAM,CAAA;AAANA,QAAUC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;IAACC,QAAQ,GAAAH,IAAA,CAARG,SAAQ;AACpD,EAAA,MAAMC,QAAQ,GAAGC,eAAe,CAACH,KAAY,CAAC,CAAA;EAC9C,OAAOC,QAAQ,CAACC,QAAQ,CAAC,CAAA;AAC3B;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
const WithEffect = _ref => {
|
|
4
|
+
let _ref$inputs = _ref.inputs,
|
|
5
|
+
inputs = _ref$inputs === void 0 ? [] : _ref$inputs,
|
|
6
|
+
children = _ref.children;
|
|
7
|
+
useEffect(children, inputs);
|
|
8
|
+
return null;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { WithEffect };
|
|
12
|
+
//# sourceMappingURL=WithEffect.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WithEffect.mjs","sources":["../../src/hooks/WithEffect.jsx"],"sourcesContent":["import React, {useEffect} from 'react'\n\nexport const WithEffect = ({inputs=[],children}) => {\n useEffect(children,inputs)\n return null\n}"],"names":["WithEffect","_ref","_ref$inputs","inputs","children","useEffect"],"mappings":";;AAEaA,MAAAA,UAAU,GAAGC,IAAA,IAA0B;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAxBE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAC,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAACE,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;AAC5CC,EAAAA,SAAS,CAACD,QAAQ,EAACD,MAAM,CAAC,CAAA;AAC1B,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
import { callIfFunction } from '@startlibs/utils';
|
|
3
|
+
|
|
4
|
+
const useAsyncEffect = (fn, args) => {
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
const result = fn();
|
|
7
|
+
return () => {
|
|
8
|
+
result.then(end => callIfFunction(end));
|
|
9
|
+
};
|
|
10
|
+
}, args);
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { useAsyncEffect };
|
|
14
|
+
//# sourceMappingURL=useAsyncEffect.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAsyncEffect.mjs","sources":["../../src/hooks/useAsyncEffect.jsx"],"sourcesContent":["import React, {useEffect} from 'react'\nimport {callIfFunction} from '@startlibs/utils'\n\nexport const useAsyncEffect = (fn,args) => {\n useEffect(() => {\n const result = fn()\n return () => {\n result.then(end => callIfFunction(end))\n }\n },args)\n}"],"names":["useAsyncEffect","fn","args","useEffect","result","then","end","callIfFunction"],"mappings":";;;MAGaA,cAAc,GAAGA,CAACC,EAAE,EAACC,IAAI,KAAK;AACzCC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,MAAMC,MAAM,GAAGH,EAAE,EAAE,CAAA;AACnB,IAAA,OAAO,MAAM;MACXG,MAAM,CAACC,IAAI,CAACC,GAAG,IAAIC,cAAc,CAACD,GAAG,CAAC,CAAC,CAAA;KACxC,CAAA;GACF,EAACJ,IAAI,CAAC,CAAA;AACT;;;;"}
|