@onepercentio/one-ui 0.12.0 → 0.13.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/dist/components/Chart/Chart.view.js +0 -2
- package/dist/components/Chart/Chart.view.js.map +1 -1
- package/dist/components/LavaLamp/LavaLamp.d.ts +12 -0
- package/dist/components/LavaLamp/LavaLamp.data.d.ts +16 -0
- package/dist/components/LavaLamp/LavaLamp.data.js +90 -0
- package/dist/components/LavaLamp/LavaLamp.data.js.map +1 -0
- package/dist/components/LavaLamp/LavaLamp.js +76 -0
- package/dist/components/LavaLamp/LavaLamp.js.map +1 -0
- package/dist/components/LavaLamp/LavaLamp.module.scss +26 -0
- package/dist/components/LavaLamp/index.d.ts +1 -0
- package/dist/components/LavaLamp/index.js +9 -0
- package/dist/components/LavaLamp/index.js.map +1 -0
- package/dist/components/LavaLamp/v2/LavaLamp.d.ts +4 -0
- package/dist/components/LavaLamp/v2/LavaLamp.js +164 -0
- package/dist/components/LavaLamp/v2/LavaLamp.js.map +1 -0
- package/dist/components/LavaLamp/v2/LavaLamp.module.scss +23 -0
- package/dist/components/OrderableList/OrderableList.js +7 -2
- package/dist/components/OrderableList/OrderableList.js.map +1 -1
- package/dist/components/PaginationIndicator/PaginationIndicator.d.ts +10 -1
- package/dist/components/PaginationIndicator/PaginationIndicator.js +99 -37
- package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -1
- package/dist/components/Transition/Transition.d.ts +1 -0
- package/dist/components/Transition/Transition.js +5 -1
- package/dist/components/Transition/Transition.js.map +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +2 -2
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -1
- package/dist/hooks/ui/useTilt.d.ts +16 -4
- package/dist/hooks/ui/useTilt.js +52 -34
- package/dist/hooks/ui/useTilt.js.map +1 -1
- package/dist/hooks/useHero.js +1 -1
- package/dist/hooks/useHero.js.map +1 -1
- package/package.json +2 -2
|
@@ -72,7 +72,6 @@ function FloatingTooltip({ children, x, y, hoverOnly, height, style, }) {
|
|
|
72
72
|
function ChartView({ bounds: [[startX, endX, stepsX], [startY, endY, stepsY]], data = [], points = [], label, style: groupStyle = [], }) {
|
|
73
73
|
const [dim, setDIm] = (0, react_1.useState)();
|
|
74
74
|
const chartRef = (0, react_1.useRef)(null);
|
|
75
|
-
console.log(dim);
|
|
76
75
|
(0, react_1.useLayoutEffect)(() => {
|
|
77
76
|
setDIm({
|
|
78
77
|
width: chartRef.current.clientWidth,
|
|
@@ -88,7 +87,6 @@ function ChartView({ bounds: [[startX, endX, stepsX], [startY, endY, stepsY]], d
|
|
|
88
87
|
}, [startY, endY, stepsY, howMuchStepsY]);
|
|
89
88
|
const howMuchStepsX = (0, react_1.useMemo)(() => (endX - startX) / stepsX + 1, [endX, startX, stepsX]);
|
|
90
89
|
const xAxis = (0, react_1.useMemo)(() => {
|
|
91
|
-
console.log(howMuchStepsX);
|
|
92
90
|
return new Array(howMuchStepsX).fill(undefined).map((_, i) => {
|
|
93
91
|
return react_1.default.createElement("span", null, label.x(startX + i * stepsX));
|
|
94
92
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.view.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AAEf,4EAAyC;AACzC,2CAA+C;AAC/C,yEAAiD;AAGjD,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,CAAC,EACD,CAAC,EACD,SAAS,EACT,MAAM,EACN,KAAK,GAWN;IACC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAqC,IAAI,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,SAAS,CAAC,OAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAsB,CAAC;QAC3E,IAAI,QAAwB,CAAC;QAC7B,SAAS,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YAC5C,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAQ,CAAC,cAAc,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE;YAC1C,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxB,GAAG,CAAC,OAAQ,CAAC,cAAc,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,SAAS;QACP,CAAC,CAAC;YACE,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;YACjC,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;SACjC;QACH,CAAC,CAAC,EAAE,EACR,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CACL;QACE,wDACE,GAAG,EAAE,SAAS,EACd,CAAC,EAAE,MAAM,GAAG,IAAI,EAChB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,KAAK,EACH;gBACE,eAAe,EAAE,KAAK,CAAC,UAAU;aAC3B,IAEN,OAAO;YAEX,2CAAS,aAAa,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,EAAE,EAAE,GAAG,EAAC,IAAI,GAAG,CAC1D;QACT,8BAAC,yBAAe,IACd,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,SAAgB,EAC3B,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,2BAAM,CAAC,gBAAgB,EAClC,KAAK,EAAE;gBACL,cAAc,EAAE,KAAK,CAAC,SAAS;gBAC/B,cAAc,EAAE,KAAK,CAAC,SAAS;aAChC,IAEA,QAAe,CACA,CACjB,CACJ,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,SAAwB,SAAS,CAAC,EAChC,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EACxD,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,EAAE,EACX,KAAK,EACL,KAAK,EAAE,UAAU,GAAG,EAAE,GACP;IACf,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,GAAqC,CAAC;IACpE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,
|
|
1
|
+
{"version":3,"file":"Chart.view.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AAEf,4EAAyC;AACzC,2CAA+C;AAC/C,yEAAiD;AAGjD,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,CAAC,EACD,CAAC,EACD,SAAS,EACT,MAAM,EACN,KAAK,GAWN;IACC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAqC,IAAI,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,SAAS,CAAC,OAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAsB,CAAC;QAC3E,IAAI,QAAwB,CAAC;QAC7B,SAAS,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YAC5C,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAQ,CAAC,cAAc,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE;YAC1C,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxB,GAAG,CAAC,OAAQ,CAAC,cAAc,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,SAAS;QACP,CAAC,CAAC;YACE,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;YACjC,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;SACjC;QACH,CAAC,CAAC,EAAE,EACR,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CACL;QACE,wDACE,GAAG,EAAE,SAAS,EACd,CAAC,EAAE,MAAM,GAAG,IAAI,EAChB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,KAAK,EACH;gBACE,eAAe,EAAE,KAAK,CAAC,UAAU;aAC3B,IAEN,OAAO;YAEX,2CAAS,aAAa,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,EAAE,EAAE,GAAG,EAAC,IAAI,GAAG,CAC1D;QACT,8BAAC,yBAAe,IACd,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,SAAgB,EAC3B,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,2BAAM,CAAC,gBAAgB,EAClC,KAAK,EAAE;gBACL,cAAc,EAAE,KAAK,CAAC,SAAS;gBAC/B,cAAc,EAAE,KAAK,CAAC,SAAS;aAChC,IAEA,QAAe,CACA,CACjB,CACJ,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,SAAwB,SAAS,CAAC,EAChC,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EACxD,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,EAAE,EACX,KAAK,EACL,KAAK,EAAE,UAAU,GAAG,EAAE,GACP;IACf,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,GAAqC,CAAC;IACpE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,MAAM,CAAC;YACL,KAAK,EAAE,QAAQ,CAAC,OAAQ,CAAC,WAAW;YACpC,MAAM,EAAE,QAAQ,CAAC,OAAQ,CAAC,YAAY;SACvC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,GAAG,IAAI,EAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,EAClC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CACvB,CAAC;IACF,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC3D,OAAO,4CAAO,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,CAAQ,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,EAClC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CACvB,CAAC;IACF,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC3D,OAAO,4CAAO,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,CAAQ,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3C,MAAM,SAAS,GACb,CAAC,GAAW,EAAE,KAAa,EAAE,gBAAwB,GAAG,EAAE,EAAE,CAC5D,CAAC,KAAa,EAAE,EAAE;YAChB,MAAM,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;YACxB,MAAM,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;YAE9B,OAAO,CAAC,OAAO,GAAG,aAAa,CAAC,GAAG,GAAG,CAAC;QACzC,CAAC,CAAC;QACJ,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACnD,OAAO;YACL,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,EAAE,EAAE;gBACzC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC;gBAC7C,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE;oBAC/D,OAAO,CACL,8BAAC,eAAe,IACd,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,MAAO,GAAG,UAAU,CAAC,CAAC,CAAC,EAC1B,MAAM,EAAE,MAAO,EACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,WAAW,IAErB,KAAK,CACU,CACnB,CAAC;gBACJ,CAAC,CAAC,CAAC;YACL,CAAC,CAAC;YACF,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;gBAClC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC;gBAC7C,MAAM,cAAc,GAAG,CAAC,SAAkB,EAAE,EAAE;oBAC5C,OAAO,QAAQ;yBACZ,GAAG,CACF,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CACT,GAAG,UAAU,CAAC,CAAC,CAAC,IACd,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,MAAO,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SACtD,EAAE,CACL;yBACA,IAAI,CAAC,GAAG,CAAC,CAAC;gBACf,CAAC,CAAC;gBACF,OAAO,CACL,4CACE,cAAc,EAAC,OAAO,EACtB,aAAa,EAAC,OAAO,EACrB,MAAM,EAAE,cAAc,EAAE,EACxB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,CAAC,EACd,KAAK,EACH;wBACE,cAAc,EAAE,KAAK,CAAC,SAAS;qBACzB;oBAGV,2CACE,aAAa,EAAC,QAAQ,EACtB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAC7D,GAAG,EAAC,IAAI,GACR,CACO,CACZ,CAAC;YACJ,CAAC,CAAC;SACH,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1B,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,MAAO,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QAChD,OAAO,SAAS,GAAG,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,KAAM,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QAC/C,OAAO,SAAS,GAAG,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,uCAAK,SAAS,EAAE,2BAAM,CAAC,SAAS;QAC9B,uCAAK,SAAS,EAAE,2BAAM,CAAC,KAAK,iBAAe,4BAAgB,CAAC,MAAM,IAC/D,KAAK,CACF;QACN,uCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,2BAAM,CAAC,cAAc,IACjD,KAAK,IAAI,CACR,uCACE,SAAS,EAAE,2BAAM,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,GAAG,QAAQ,GAAG,CAAC,IACxD,MAAO,GAAG,QAAQ,GAAG,CACvB,EAAE,EACF,mBAAmB,EAAC,MAAM;YAEzB,SAAS;YACT,QAAQ,CACL,CACP,CACG;;QAEN,uCAAK,SAAS,EAAE,2BAAM,CAAC,KAAK,iBAAe,4BAAgB,CAAC,MAAM,IAC/D,KAAK,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAzID,4BAyIC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
declare type LavaLampProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Required for defining the dimensions the lava lamp should have
|
|
5
|
+
*/
|
|
6
|
+
className: string;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* A peaceful component simulating an interactive lavalamp
|
|
10
|
+
**/
|
|
11
|
+
export default function LavaLamp({ className, children, }: PropsWithChildren<LavaLampProps>): JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const transitionPositionMs: number;
|
|
3
|
+
export default function useLavaLampSetup(onUpdatePosition: (x: number, y: number) => void, onUpdateSize: (size: number) => void, scaleResolution?: number): {
|
|
4
|
+
relativeTo: import("react").RefObject<HTMLDivElement>;
|
|
5
|
+
d: {
|
|
6
|
+
width: number;
|
|
7
|
+
height: number;
|
|
8
|
+
} | undefined;
|
|
9
|
+
circlesConfig: {
|
|
10
|
+
baseSize: number;
|
|
11
|
+
startX: number;
|
|
12
|
+
startY: number;
|
|
13
|
+
translateX: number;
|
|
14
|
+
translateY: number;
|
|
15
|
+
}[];
|
|
16
|
+
};
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.transitionPositionMs = void 0;
|
|
7
|
+
const lodash_1 = require("lodash");
|
|
8
|
+
const react_1 = require("react");
|
|
9
|
+
const useTilt_1 = require("../../hooks/ui/useTilt");
|
|
10
|
+
const LavaLamp_module_scss_1 = __importDefault(require("./LavaLamp.module.scss"));
|
|
11
|
+
const transitionMs = Number(LavaLamp_module_scss_1.default.transitionMs);
|
|
12
|
+
exports.transitionPositionMs = Number(LavaLamp_module_scss_1.default.transitionPositionMs);
|
|
13
|
+
function useLavaLampSetup(onUpdatePosition, onUpdateSize, scaleResolution = 1) {
|
|
14
|
+
const [d, setDim] = (0, react_1.useState)();
|
|
15
|
+
const relativeTo = (0, react_1.useRef)(null);
|
|
16
|
+
const prevTilt = (0, react_1.useRef)();
|
|
17
|
+
(0, react_1.useEffect)(() => {
|
|
18
|
+
setDim({
|
|
19
|
+
width: relativeTo.current.clientWidth * scaleResolution,
|
|
20
|
+
height: relativeTo.current.clientHeight * scaleResolution,
|
|
21
|
+
});
|
|
22
|
+
}, []);
|
|
23
|
+
const updateTiltCb = (0, react_1.useMemo)(() => {
|
|
24
|
+
const throttlePosition = lodash_1.throttle;
|
|
25
|
+
if (!d)
|
|
26
|
+
return () => { };
|
|
27
|
+
const baseSize = Math.min(d.width, d.height) * 0.1;
|
|
28
|
+
let acceleration = (0, lodash_1.throttle)((currTilt) => {
|
|
29
|
+
if (!prevTilt.current) {
|
|
30
|
+
prevTilt.current = currTilt;
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const diff = {
|
|
34
|
+
x: Math.abs(prevTilt.current.x - currTilt.x),
|
|
35
|
+
y: Math.abs(prevTilt.current.y - currTilt.y),
|
|
36
|
+
};
|
|
37
|
+
const baseDiff = Math.max(diff.x, diff.y);
|
|
38
|
+
const percent = (baseDiff * 100) / 90;
|
|
39
|
+
onUpdateSize(baseSize + baseSize * (percent / 100));
|
|
40
|
+
prevTilt.current = currTilt;
|
|
41
|
+
}, transitionMs, {
|
|
42
|
+
leading: false,
|
|
43
|
+
trailing: true,
|
|
44
|
+
});
|
|
45
|
+
let movement = throttlePosition((currTilt) => {
|
|
46
|
+
const [x, y] = [currTilt.x + 100, currTilt.y + 100];
|
|
47
|
+
const [cx, cy] = [(d.width * x) / 200, (d.height * y) / 200];
|
|
48
|
+
onUpdatePosition(cx, cy);
|
|
49
|
+
}, exports.transitionPositionMs, {
|
|
50
|
+
leading: false,
|
|
51
|
+
trailing: true,
|
|
52
|
+
});
|
|
53
|
+
return (tilt) => {
|
|
54
|
+
if (!d)
|
|
55
|
+
return;
|
|
56
|
+
acceleration(tilt);
|
|
57
|
+
movement(tilt);
|
|
58
|
+
};
|
|
59
|
+
}, [d]);
|
|
60
|
+
(0, useTilt_1.useTiltUpdates)(true, relativeTo, updateTiltCb, undefined, undefined, undefined, {
|
|
61
|
+
round: false,
|
|
62
|
+
gyroEnabled: false,
|
|
63
|
+
});
|
|
64
|
+
const circlesConfig = (0, react_1.useMemo)(() => {
|
|
65
|
+
if (!d)
|
|
66
|
+
return [];
|
|
67
|
+
const baseSize = Math.min(d.width, d.height) * 0.15;
|
|
68
|
+
return new Array(10).fill(undefined).map((_, i) => {
|
|
69
|
+
const mod = i % 2;
|
|
70
|
+
const startX = Math.random() * d.width * 0.5 + (mod === 0 ? 0 : d.width * 0.5);
|
|
71
|
+
const translateX = startX - (startX + 50 + Math.random() * 200);
|
|
72
|
+
const startY = Math.random() * d.height * 0.75 + (mod === 0 ? 0 : d.height * 0.25);
|
|
73
|
+
const translateY = startY - (startY + 50 + Math.random() * 200);
|
|
74
|
+
return {
|
|
75
|
+
baseSize,
|
|
76
|
+
startX,
|
|
77
|
+
startY,
|
|
78
|
+
translateX,
|
|
79
|
+
translateY,
|
|
80
|
+
};
|
|
81
|
+
});
|
|
82
|
+
}, [d]);
|
|
83
|
+
return {
|
|
84
|
+
relativeTo,
|
|
85
|
+
d,
|
|
86
|
+
circlesConfig,
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
exports.default = useLavaLampSetup;
|
|
90
|
+
//# sourceMappingURL=LavaLamp.data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LavaLamp.data.js","sourceRoot":"","sources":["../../../src/components/LavaLamp/LavaLamp.data.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const LavaLamp_data_1 = __importDefault(require("./LavaLamp.data"));
|
|
31
|
+
const LavaLamp_module_scss_1 = __importDefault(require("./LavaLamp.module.scss"));
|
|
32
|
+
/**
|
|
33
|
+
* A peaceful component simulating an interactive lavalamp
|
|
34
|
+
**/
|
|
35
|
+
function LavaLamp({ className, children, }) {
|
|
36
|
+
const circleRef = (0, react_1.useRef)(null);
|
|
37
|
+
const { relativeTo, d, circlesConfig } = (0, LavaLamp_data_1.default)((cx, cy) => {
|
|
38
|
+
const style = circleRef.current.style;
|
|
39
|
+
style.cx = cx;
|
|
40
|
+
style.cy = cy;
|
|
41
|
+
}, (size) => {
|
|
42
|
+
const style = circleRef.current.style;
|
|
43
|
+
style.r = size;
|
|
44
|
+
});
|
|
45
|
+
const randomCircles = (0, react_1.useMemo)(() => {
|
|
46
|
+
return circlesConfig.map(({ baseSize, startX, startY, translateX, translateY }) => (react_1.default.createElement("circle", { r: baseSize + Math.random() * (baseSize / 2), fill: "#fff", cx: startX, cy: startY },
|
|
47
|
+
react_1.default.createElement("animateTransform", { additive: "sum", attributeName: "transform", attributeType: "XML", type: "translate", values: `0 0; ${translateX} ${translateY}; 0 0;`, dur: `${5 + Math.random() * 5}s`, repeatCount: "indefinite" }))));
|
|
48
|
+
}, [circlesConfig]);
|
|
49
|
+
return (react_1.default.createElement("div", { ref: relativeTo, className: `${LavaLamp_module_scss_1.default.root} ${className}` },
|
|
50
|
+
d && (react_1.default.createElement("svg", { className: LavaLamp_module_scss_1.default.effect, viewBox: `0 0 ${d.width} ${d.height}` },
|
|
51
|
+
react_1.default.createElement("filter", { id: `goo-lava-lamp`, width: "10", height: "10", x: "0%", y: "0%", filterRes: "1" },
|
|
52
|
+
react_1.default.createElement("feGaussianBlur", { in: "SourceGraphic", result: "blur", stdDeviation: "40" }),
|
|
53
|
+
react_1.default.createElement("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 50 -7", result: "goo" })),
|
|
54
|
+
react_1.default.createElement("mask", { id: `mask-lava-lamp` },
|
|
55
|
+
react_1.default.createElement("g", { filter: `url(#${`goo-lava-lamp`})`, fill: "#fff" },
|
|
56
|
+
randomCircles,
|
|
57
|
+
react_1.default.createElement("circle", { ref: circleRef, fill: "#fff" }))),
|
|
58
|
+
react_1.default.createElement("defs", null,
|
|
59
|
+
react_1.default.createElement("radialGradient", { id: "grad1", cx: "50%", cy: "50%", r: "50%", fx: "50%", fy: "50%" },
|
|
60
|
+
react_1.default.createElement("stop", { offset: "0%", style: {
|
|
61
|
+
stopColor: "var(--lava-lamp-color-a)",
|
|
62
|
+
stopOpacity: 1,
|
|
63
|
+
} }),
|
|
64
|
+
react_1.default.createElement("stop", { offset: "67.33%", style: {
|
|
65
|
+
stopColor: "var(--lava-lamp-color-b)",
|
|
66
|
+
stopOpacity: 1,
|
|
67
|
+
} }),
|
|
68
|
+
react_1.default.createElement("stop", { offset: "88.33%", style: {
|
|
69
|
+
stopColor: "var(--lava-lamp-color-c)",
|
|
70
|
+
stopOpacity: 1,
|
|
71
|
+
} }))),
|
|
72
|
+
react_1.default.createElement("rect", { x: "-50%", y: "-50%", mask: `url(#${`mask-lava-lamp`})`, width: "200%", height: "200%", style: { fill: "url(#grad1)" } }))),
|
|
73
|
+
react_1.default.createElement("div", null, children)));
|
|
74
|
+
}
|
|
75
|
+
exports.default = LavaLamp;
|
|
76
|
+
//# sourceMappingURL=LavaLamp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LavaLamp.js","sourceRoot":"","sources":["../../../src/components/LavaLamp/LavaLamp.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
@use 'sass:math';
|
|
2
|
+
|
|
3
|
+
$transitionMs: math.div(1000, 5);
|
|
4
|
+
$transitionPositionMs: math.div($transitionMs, 2);
|
|
5
|
+
@value transitionMs #{$transitionMs};
|
|
6
|
+
@value transitionPositionMs #{$transitionPositionMs};
|
|
7
|
+
|
|
8
|
+
.root {
|
|
9
|
+
position: relative;
|
|
10
|
+
svg.effect {
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 0;
|
|
13
|
+
left: 0;
|
|
14
|
+
bottom: 0;
|
|
15
|
+
right: 0;
|
|
16
|
+
circle {
|
|
17
|
+
will-change: r, cx, cy;
|
|
18
|
+
transition: r #{$transitionMs}ms linear,
|
|
19
|
+
cx #{$transitionPositionMs}ms linear,
|
|
20
|
+
cy #{$transitionPositionMs}ms linear;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
> div {
|
|
24
|
+
z-index: 1;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './LavaLamp';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var LavaLamp_1 = require("./LavaLamp");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LavaLamp_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LavaLamp/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const useBreakpoint_1 = __importDefault(require("../../../hooks/ui/useBreakpoint"));
|
|
31
|
+
const useMergeRefs_1 = __importDefault(require("../../../hooks/useMergeRefs"));
|
|
32
|
+
const LavaLamp_data_1 = __importStar(require("../LavaLamp.data"));
|
|
33
|
+
const LavaLamp_module_scss_1 = __importDefault(require("./LavaLamp.module.scss"));
|
|
34
|
+
function LavaLamp({ className, children, }) {
|
|
35
|
+
const under800Px = (0, useBreakpoint_1.default)(800);
|
|
36
|
+
const scale = (0, react_1.useMemo)(() => {
|
|
37
|
+
return under800Px ? 1.5 : 1.8;
|
|
38
|
+
}, [under800Px]);
|
|
39
|
+
const guideConfig = (0, react_1.useRef)({
|
|
40
|
+
size: 0,
|
|
41
|
+
sizeTimestamp: Date.now(),
|
|
42
|
+
sizeIncrement: 0,
|
|
43
|
+
x: 0,
|
|
44
|
+
y: 0,
|
|
45
|
+
posTimestamp: Date.now(),
|
|
46
|
+
posIncrement: [0, 0],
|
|
47
|
+
});
|
|
48
|
+
const { relativeTo, circlesConfig, d } = (0, LavaLamp_data_1.default)((x, y) => {
|
|
49
|
+
guideConfig.current.posIncrement = [
|
|
50
|
+
x - guideConfig.current.x,
|
|
51
|
+
y - guideConfig.current.y,
|
|
52
|
+
];
|
|
53
|
+
guideConfig.current.x = x;
|
|
54
|
+
guideConfig.current.y = y;
|
|
55
|
+
guideConfig.current.posTimestamp = Date.now();
|
|
56
|
+
}, (_size) => {
|
|
57
|
+
const size = _size * 1.2;
|
|
58
|
+
guideConfig.current.sizeIncrement =
|
|
59
|
+
guideConfig.current.size === 0 ? 0 : size - guideConfig.current.size;
|
|
60
|
+
guideConfig.current.size = size;
|
|
61
|
+
guideConfig.current.sizeTimestamp = Date.now();
|
|
62
|
+
}, scale);
|
|
63
|
+
const _canvasRef = (0, react_1.useRef)(null);
|
|
64
|
+
const canvasRef = (0, useMergeRefs_1.default)(_canvasRef, relativeTo);
|
|
65
|
+
(0, react_1.useEffect)(() => {
|
|
66
|
+
if (!d)
|
|
67
|
+
return;
|
|
68
|
+
const fc = canvasRef.current;
|
|
69
|
+
const baseColor = getComputedStyle(relativeTo.current).getPropertyValue("--digital-blue") || "#000000";
|
|
70
|
+
var c = document.createElement("canvas"), w = (c.width = fc.width = d.width), h = (c.height = fc.height = d.height), ctx = c.getContext("2d"), fctx = fc.getContext("2d"), // f means final
|
|
71
|
+
opts = {
|
|
72
|
+
orbCount: circlesConfig.length,
|
|
73
|
+
baseVel: 1,
|
|
74
|
+
addedVel: 1,
|
|
75
|
+
alphaThreshold: 200,
|
|
76
|
+
}, orbs = [];
|
|
77
|
+
let animFrame;
|
|
78
|
+
function anim() {
|
|
79
|
+
animFrame = window.requestAnimationFrame(anim);
|
|
80
|
+
ctx.clearRect(0, 0, w, h);
|
|
81
|
+
fctx.fillStyle = "#0000";
|
|
82
|
+
fctx.fillRect(0, 0, w, h);
|
|
83
|
+
for (var i = 0; i < orbs.length; i++)
|
|
84
|
+
orbs[i].step();
|
|
85
|
+
var image = ctx.getImageData(0, 0, w, h), data = new Uint8Array(image.data.buffer);
|
|
86
|
+
for (var i = 3; i < data.length; i += 4)
|
|
87
|
+
data[i] /= data[i] < opts.alphaThreshold ? 6 : 1;
|
|
88
|
+
fctx.putImageData(image, 0, 0);
|
|
89
|
+
}
|
|
90
|
+
class Orb {
|
|
91
|
+
constructor(radius) {
|
|
92
|
+
this.x = (Math.random() * w) | 0;
|
|
93
|
+
this.y = (Math.random() * h) | 0;
|
|
94
|
+
this.radius = (radius + (radius / 2) * Math.random()) | 0;
|
|
95
|
+
var color = baseColor;
|
|
96
|
+
this.gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, this.radius);
|
|
97
|
+
this.gradient.addColorStop(0, `${color}ff`);
|
|
98
|
+
this.gradient.addColorStop(0.8, `${color}cc`);
|
|
99
|
+
this.gradient.addColorStop(1, `${color}00`);
|
|
100
|
+
var radiant = Math.random() * Math.PI * 2, vel = (opts.baseVel + opts.addedVel * Math.random()) | 0;
|
|
101
|
+
vel *= 0.5;
|
|
102
|
+
this.vx = Math.cos(radiant) * vel;
|
|
103
|
+
this.vy = Math.sin(radiant) * vel;
|
|
104
|
+
}
|
|
105
|
+
step() {
|
|
106
|
+
this.x += this.vx;
|
|
107
|
+
this.y += this.vy;
|
|
108
|
+
var radius = this.radius / 2;
|
|
109
|
+
if (this.x < -radius || this.x > w + radius)
|
|
110
|
+
this.vx *= -1;
|
|
111
|
+
if (this.y < -radius || this.y > h + radius)
|
|
112
|
+
this.vy *= -1;
|
|
113
|
+
ctx.fillStyle = this.gradient;
|
|
114
|
+
ctx.translate(this.x | 0, this.y | 0);
|
|
115
|
+
ctx.beginPath();
|
|
116
|
+
ctx.arc(0, 0, this.radius, 0, Math.PI * 2);
|
|
117
|
+
ctx.fill();
|
|
118
|
+
ctx.translate(-this.x | 0, -this.y | 0);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
class GuideOrb {
|
|
122
|
+
step() {
|
|
123
|
+
const deltaTime = Date.now() - guideConfig.current.sizeTimestamp;
|
|
124
|
+
const deltaTimePercent = deltaTime > 250 ? 1 : (deltaTime * 100) / 250 / 100;
|
|
125
|
+
const radius = guideConfig.current.size -
|
|
126
|
+
(guideConfig.current.sizeIncrement -
|
|
127
|
+
guideConfig.current.sizeIncrement * deltaTimePercent);
|
|
128
|
+
var color = baseColor;
|
|
129
|
+
const gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, radius);
|
|
130
|
+
gradient.addColorStop(0, `${color}ff`);
|
|
131
|
+
gradient.addColorStop(0.8, `${color}cc`);
|
|
132
|
+
gradient.addColorStop(1, `${color}00`);
|
|
133
|
+
const deltaTimePos = Date.now() - guideConfig.current.posTimestamp;
|
|
134
|
+
const deltaTimePosPercent = deltaTimePos > LavaLamp_data_1.transitionPositionMs
|
|
135
|
+
? 1
|
|
136
|
+
: (deltaTimePos * 100) / LavaLamp_data_1.transitionPositionMs / 100;
|
|
137
|
+
const translateX = guideConfig.current.x -
|
|
138
|
+
(guideConfig.current.posIncrement[0] -
|
|
139
|
+
guideConfig.current.posIncrement[0] * deltaTimePosPercent);
|
|
140
|
+
const translateY = guideConfig.current.y -
|
|
141
|
+
(guideConfig.current.posIncrement[1] -
|
|
142
|
+
guideConfig.current.posIncrement[1] * deltaTimePosPercent);
|
|
143
|
+
ctx.fillStyle = gradient;
|
|
144
|
+
ctx.translate(translateX | 0, translateY | 0);
|
|
145
|
+
ctx.beginPath();
|
|
146
|
+
ctx.arc(0, 0, radius, 0, Math.PI * 2);
|
|
147
|
+
ctx.fill();
|
|
148
|
+
ctx.translate(-translateX | 0, -translateY | 0);
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
for (let circleConfig of circlesConfig)
|
|
152
|
+
orbs.push(new Orb(circleConfig.baseSize * 1.5));
|
|
153
|
+
orbs.push(new GuideOrb());
|
|
154
|
+
anim();
|
|
155
|
+
return () => {
|
|
156
|
+
window.cancelAnimationFrame(animFrame);
|
|
157
|
+
};
|
|
158
|
+
}, [circlesConfig]);
|
|
159
|
+
return (react_1.default.createElement("div", { className: `${className} ${LavaLamp_module_scss_1.default.root}` },
|
|
160
|
+
react_1.default.createElement("canvas", { ref: canvasRef }),
|
|
161
|
+
react_1.default.createElement("div", null, children)));
|
|
162
|
+
}
|
|
163
|
+
exports.default = LavaLamp;
|
|
164
|
+
//# sourceMappingURL=LavaLamp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LavaLamp.js","sourceRoot":"","sources":["../../../../src/components/LavaLamp/v2/LavaLamp.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
@use 'sass:math';
|
|
2
|
+
|
|
3
|
+
$transitionMs: math.div(1000, 5);
|
|
4
|
+
$transitionPositionMs: math.div($transitionMs, 2);
|
|
5
|
+
@value transitionMs #{$transitionMs};
|
|
6
|
+
@value transitionPositionMs #{$transitionPositionMs};
|
|
7
|
+
|
|
8
|
+
.root {
|
|
9
|
+
position: relative;
|
|
10
|
+
> canvas {
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 0;
|
|
13
|
+
left: 0;
|
|
14
|
+
bottom: 0;
|
|
15
|
+
right: 0;
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: 100%;
|
|
18
|
+
}
|
|
19
|
+
> div {
|
|
20
|
+
position: relative;
|
|
21
|
+
z-index: 1;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -62,8 +62,13 @@ function OrderableList(_a) {
|
|
|
62
62
|
const currentWorkingKey = (0, react_1.useRef)();
|
|
63
63
|
const rootRef = (0, react_1.useRef)(null);
|
|
64
64
|
const [_order, setOrder] = (0, react_1.useState)(() => {
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
const availableKeys = children.map((a) => a.key);
|
|
66
|
+
const missingOrderKeys = "keyOrder" in props && props.keyOrder
|
|
67
|
+
? availableKeys.filter((a) => !props.keyOrder.includes(a))
|
|
68
|
+
: [];
|
|
69
|
+
return (("keyOrder" in props && props.keyOrder
|
|
70
|
+
? [...props.keyOrder, ...missingOrderKeys]
|
|
71
|
+
: undefined) || availableKeys);
|
|
67
72
|
});
|
|
68
73
|
const order = "currentOrder" in props ? props.currentOrder || _order : _order;
|
|
69
74
|
const cleanOrder = (0, react_1.useMemo)(() => order.map((a) => a.split(";")[0]), [order]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderableList.js","sourceRoot":"","sources":["../../../src/components/OrderableList/OrderableList.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OrderableList.js","sourceRoot":"","sources":["../../../src/components/OrderableList/OrderableList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,27 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
export declare enum PaginationIndicatorMode {
|
|
3
|
+
/** This will make the guide ball be kept on center */
|
|
4
|
+
CENTERED = 0,
|
|
5
|
+
/** This will make the guide ball move, while the indicator balls keep in place */
|
|
6
|
+
START = 1
|
|
7
|
+
}
|
|
2
8
|
/**
|
|
3
9
|
* A cool component to indicate how many pages are
|
|
4
10
|
**/
|
|
5
|
-
export declare function PaginationIndicatorView({ size, page, pages, className, }: {
|
|
11
|
+
export declare function PaginationIndicatorView({ size, page: currentPage, pages: decimalPages, className, onClickPage, mode, }: {
|
|
6
12
|
size: number;
|
|
7
13
|
page: number;
|
|
8
14
|
pages: number;
|
|
9
15
|
className: string;
|
|
16
|
+
onClickPage?: (page: number) => void;
|
|
17
|
+
mode?: PaginationIndicatorMode;
|
|
10
18
|
}): JSX.Element;
|
|
11
19
|
declare const _default: React.ForwardRefExoticComponent<{
|
|
12
20
|
scrollableRef: React.RefObject<HTMLDivElement>;
|
|
13
21
|
estimatedWidth?: number | undefined;
|
|
14
22
|
size: number;
|
|
15
23
|
className?: string | undefined;
|
|
24
|
+
onClickPage?: ((page: number) => void) | undefined;
|
|
16
25
|
} & React.RefAttributes<{
|
|
17
26
|
refreshPages: () => void;
|
|
18
27
|
}>>;
|