meticulous-ui 1.0.13 → 1.0.15
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/_virtual/jsx-runtime.js +0 -1
- package/dist/_virtual/jsx-runtime2.js +0 -1
- package/dist/_virtual/react-jsx-runtime.development.js +0 -1
- package/dist/_virtual/react-jsx-runtime.production.min.js +0 -1
- package/dist/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js +0 -1
- package/dist/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +0 -1
- package/dist/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +0 -1
- package/dist/node_modules/lodash-es/_Hash.js +0 -1
- package/dist/node_modules/lodash-es/_ListCache.js +0 -1
- package/dist/node_modules/lodash-es/_Map.js +0 -1
- package/dist/node_modules/lodash-es/_MapCache.js +0 -1
- package/dist/node_modules/lodash-es/_Symbol.js +0 -1
- package/dist/node_modules/lodash-es/_arrayMap.js +0 -1
- package/dist/node_modules/lodash-es/_assocIndexOf.js +0 -1
- package/dist/node_modules/lodash-es/_baseGet.js +0 -1
- package/dist/node_modules/lodash-es/_baseGetTag.js +0 -1
- package/dist/node_modules/lodash-es/_baseIsNative.js +0 -1
- package/dist/node_modules/lodash-es/_baseRange.js +0 -1
- package/dist/node_modules/lodash-es/_baseToString.js +0 -1
- package/dist/node_modules/lodash-es/_baseTrim.js +0 -1
- package/dist/node_modules/lodash-es/_castPath.js +0 -1
- package/dist/node_modules/lodash-es/_coreJsData.js +0 -1
- package/dist/node_modules/lodash-es/_createRange.js +0 -1
- package/dist/node_modules/lodash-es/_freeGlobal.js +0 -1
- package/dist/node_modules/lodash-es/_getMapData.js +0 -1
- package/dist/node_modules/lodash-es/_getNative.js +0 -1
- package/dist/node_modules/lodash-es/_getRawTag.js +0 -1
- package/dist/node_modules/lodash-es/_getValue.js +0 -1
- package/dist/node_modules/lodash-es/_hashClear.js +0 -1
- package/dist/node_modules/lodash-es/_hashDelete.js +0 -1
- package/dist/node_modules/lodash-es/_hashGet.js +0 -1
- package/dist/node_modules/lodash-es/_hashHas.js +0 -1
- package/dist/node_modules/lodash-es/_hashSet.js +0 -1
- package/dist/node_modules/lodash-es/_isIndex.js +0 -1
- package/dist/node_modules/lodash-es/_isIterateeCall.js +0 -1
- package/dist/node_modules/lodash-es/_isKey.js +0 -1
- package/dist/node_modules/lodash-es/_isKeyable.js +0 -1
- package/dist/node_modules/lodash-es/_isMasked.js +0 -1
- package/dist/node_modules/lodash-es/_listCacheClear.js +0 -1
- package/dist/node_modules/lodash-es/_listCacheDelete.js +0 -1
- package/dist/node_modules/lodash-es/_listCacheGet.js +0 -1
- package/dist/node_modules/lodash-es/_listCacheHas.js +0 -1
- package/dist/node_modules/lodash-es/_listCacheSet.js +0 -1
- package/dist/node_modules/lodash-es/_mapCacheClear.js +0 -1
- package/dist/node_modules/lodash-es/_mapCacheDelete.js +0 -1
- package/dist/node_modules/lodash-es/_mapCacheGet.js +0 -1
- package/dist/node_modules/lodash-es/_mapCacheHas.js +0 -1
- package/dist/node_modules/lodash-es/_mapCacheSet.js +0 -1
- package/dist/node_modules/lodash-es/_memoizeCapped.js +0 -1
- package/dist/node_modules/lodash-es/_nativeCreate.js +0 -1
- package/dist/node_modules/lodash-es/_objectToString.js +0 -1
- package/dist/node_modules/lodash-es/_root.js +0 -1
- package/dist/node_modules/lodash-es/_stringToPath.js +0 -1
- package/dist/node_modules/lodash-es/_toKey.js +0 -1
- package/dist/node_modules/lodash-es/_toSource.js +0 -1
- package/dist/node_modules/lodash-es/_trimmedEndIndex.js +0 -1
- package/dist/node_modules/lodash-es/eq.js +0 -1
- package/dist/node_modules/lodash-es/get.js +0 -1
- package/dist/node_modules/lodash-es/isArray.js +0 -1
- package/dist/node_modules/lodash-es/isArrayLike.js +0 -1
- package/dist/node_modules/lodash-es/isFunction.js +0 -1
- package/dist/node_modules/lodash-es/isLength.js +0 -1
- package/dist/node_modules/lodash-es/isObject.js +0 -1
- package/dist/node_modules/lodash-es/isObjectLike.js +0 -1
- package/dist/node_modules/lodash-es/isSymbol.js +0 -1
- package/dist/node_modules/lodash-es/memoize.js +0 -1
- package/dist/node_modules/lodash-es/range.js +0 -1
- package/dist/node_modules/lodash-es/toFinite.js +0 -1
- package/dist/node_modules/lodash-es/toNumber.js +0 -1
- package/dist/node_modules/lodash-es/toString.js +0 -1
- package/dist/node_modules/react/cjs/react-jsx-runtime.development.js +0 -1
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -1
- package/dist/node_modules/react/jsx-runtime.js +0 -1
- package/dist/node_modules/styled-components/dist/styled-components.browser.esm.js +1 -2
- package/dist/node_modules/stylis/src/Enum.js +0 -1
- package/dist/node_modules/stylis/src/Middleware.js +0 -1
- package/dist/node_modules/stylis/src/Parser.js +0 -1
- package/dist/node_modules/stylis/src/Prefixer.js +0 -1
- package/dist/node_modules/stylis/src/Serializer.js +0 -1
- package/dist/node_modules/stylis/src/Tokenizer.js +0 -1
- package/dist/node_modules/stylis/src/Utility.js +0 -1
- package/dist/node_modules/tslib/tslib.es6.js +0 -1
- package/dist/{colors → src/colors}/amber.js +0 -1
- package/dist/{colors → src/colors}/black.js +0 -1
- package/dist/{colors → src/colors}/blue.js +0 -1
- package/dist/{colors → src/colors}/blueGray.js +0 -1
- package/dist/{colors → src/colors}/brown.js +0 -1
- package/dist/{colors → src/colors}/cider.js +0 -1
- package/dist/{colors → src/colors}/cyan.js +0 -1
- package/dist/{colors → src/colors}/deepOrange.js +0 -1
- package/dist/{colors → src/colors}/deepPurple.js +0 -1
- package/dist/{colors → src/colors}/green.js +0 -1
- package/dist/{colors → src/colors}/grey.js +0 -1
- package/dist/{colors → src/colors}/index.js +0 -1
- package/dist/{colors → src/colors}/indigo.js +0 -1
- package/dist/{colors → src/colors}/lightBlue.js +0 -1
- package/dist/{colors → src/colors}/lightGreen.js +0 -1
- package/dist/{colors → src/colors}/lime.js +0 -1
- package/dist/{colors → src/colors}/orange.js +0 -1
- package/dist/{colors → src/colors}/pink.js +0 -1
- package/dist/{colors → src/colors}/purple.js +0 -1
- package/dist/{colors → src/colors}/red.js +0 -1
- package/dist/{colors → src/colors}/teal.js +0 -1
- package/dist/{colors → src/colors}/violet.js +0 -1
- package/dist/{colors → src/colors}/white.js +0 -1
- package/dist/{colors → src/colors}/yellow.js +0 -1
- package/dist/{components → src/components}/Icons/ChevronLeft/ChevronLeft.js +2 -3
- package/dist/{components → src/components}/Icons/ChevronLeft/index.js +0 -1
- package/dist/{components → src/components}/Icons/ChevronRight/ChevronRight.js +2 -3
- package/dist/{components → src/components}/Icons/ChevronRight/index.js +0 -1
- package/dist/src/components/Pagination/Pagination.js +60 -0
- package/dist/{components → src/components}/Pagination/constants.js +0 -1
- package/dist/{components → src/components}/Pagination/helpers.js +2 -3
- package/dist/{components → src/components}/Pagination/styles.js +26 -22
- package/dist/{components → src/components}/Ripple/Ripple.js +1 -2
- package/dist/{components → src/components}/Ripple/index.js +0 -1
- package/dist/src/index.js +10 -0
- package/package.json +6 -6
- package/dist/_virtual/jsx-runtime.js.map +0 -1
- package/dist/_virtual/jsx-runtime2.js.map +0 -1
- package/dist/_virtual/react-jsx-runtime.development.js.map +0 -1
- package/dist/_virtual/react-jsx-runtime.production.min.js.map +0 -1
- package/dist/colors/amber.js.map +0 -1
- package/dist/colors/black.js.map +0 -1
- package/dist/colors/blue.js.map +0 -1
- package/dist/colors/blueGray.js.map +0 -1
- package/dist/colors/brown.js.map +0 -1
- package/dist/colors/cider.js.map +0 -1
- package/dist/colors/cyan.js.map +0 -1
- package/dist/colors/deepOrange.js.map +0 -1
- package/dist/colors/deepPurple.js.map +0 -1
- package/dist/colors/green.js.map +0 -1
- package/dist/colors/grey.js.map +0 -1
- package/dist/colors/index.js.map +0 -1
- package/dist/colors/indigo.js.map +0 -1
- package/dist/colors/lightBlue.js.map +0 -1
- package/dist/colors/lightGreen.js.map +0 -1
- package/dist/colors/lime.js.map +0 -1
- package/dist/colors/orange.js.map +0 -1
- package/dist/colors/pink.js.map +0 -1
- package/dist/colors/purple.js.map +0 -1
- package/dist/colors/red.js.map +0 -1
- package/dist/colors/teal.js.map +0 -1
- package/dist/colors/violet.js.map +0 -1
- package/dist/colors/white.js.map +0 -1
- package/dist/colors/yellow.js.map +0 -1
- package/dist/components/Icons/ChevronLeft/ChevronLeft.js.map +0 -1
- package/dist/components/Icons/ChevronLeft/index.js.map +0 -1
- package/dist/components/Icons/ChevronRight/ChevronRight.js.map +0 -1
- package/dist/components/Icons/ChevronRight/index.js.map +0 -1
- package/dist/components/Pagination/Pagination.js +0 -48
- package/dist/components/Pagination/Pagination.js.map +0 -1
- package/dist/components/Pagination/constants.js.map +0 -1
- package/dist/components/Pagination/helpers.js.map +0 -1
- package/dist/components/Pagination/styles.js.map +0 -1
- package/dist/components/Ripple/Ripple.js.map +0 -1
- package/dist/components/Ripple/index.js.map +0 -1
- package/dist/index.js +0 -11
- package/dist/index.js.map +0 -1
- package/dist/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js.map +0 -1
- package/dist/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js.map +0 -1
- package/dist/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js.map +0 -1
- package/dist/node_modules/lodash-es/_Hash.js.map +0 -1
- package/dist/node_modules/lodash-es/_ListCache.js.map +0 -1
- package/dist/node_modules/lodash-es/_Map.js.map +0 -1
- package/dist/node_modules/lodash-es/_MapCache.js.map +0 -1
- package/dist/node_modules/lodash-es/_Symbol.js.map +0 -1
- package/dist/node_modules/lodash-es/_arrayMap.js.map +0 -1
- package/dist/node_modules/lodash-es/_assocIndexOf.js.map +0 -1
- package/dist/node_modules/lodash-es/_baseGet.js.map +0 -1
- package/dist/node_modules/lodash-es/_baseGetTag.js.map +0 -1
- package/dist/node_modules/lodash-es/_baseIsNative.js.map +0 -1
- package/dist/node_modules/lodash-es/_baseRange.js.map +0 -1
- package/dist/node_modules/lodash-es/_baseToString.js.map +0 -1
- package/dist/node_modules/lodash-es/_baseTrim.js.map +0 -1
- package/dist/node_modules/lodash-es/_castPath.js.map +0 -1
- package/dist/node_modules/lodash-es/_coreJsData.js.map +0 -1
- package/dist/node_modules/lodash-es/_createRange.js.map +0 -1
- package/dist/node_modules/lodash-es/_freeGlobal.js.map +0 -1
- package/dist/node_modules/lodash-es/_getMapData.js.map +0 -1
- package/dist/node_modules/lodash-es/_getNative.js.map +0 -1
- package/dist/node_modules/lodash-es/_getRawTag.js.map +0 -1
- package/dist/node_modules/lodash-es/_getValue.js.map +0 -1
- package/dist/node_modules/lodash-es/_hashClear.js.map +0 -1
- package/dist/node_modules/lodash-es/_hashDelete.js.map +0 -1
- package/dist/node_modules/lodash-es/_hashGet.js.map +0 -1
- package/dist/node_modules/lodash-es/_hashHas.js.map +0 -1
- package/dist/node_modules/lodash-es/_hashSet.js.map +0 -1
- package/dist/node_modules/lodash-es/_isIndex.js.map +0 -1
- package/dist/node_modules/lodash-es/_isIterateeCall.js.map +0 -1
- package/dist/node_modules/lodash-es/_isKey.js.map +0 -1
- package/dist/node_modules/lodash-es/_isKeyable.js.map +0 -1
- package/dist/node_modules/lodash-es/_isMasked.js.map +0 -1
- package/dist/node_modules/lodash-es/_listCacheClear.js.map +0 -1
- package/dist/node_modules/lodash-es/_listCacheDelete.js.map +0 -1
- package/dist/node_modules/lodash-es/_listCacheGet.js.map +0 -1
- package/dist/node_modules/lodash-es/_listCacheHas.js.map +0 -1
- package/dist/node_modules/lodash-es/_listCacheSet.js.map +0 -1
- package/dist/node_modules/lodash-es/_mapCacheClear.js.map +0 -1
- package/dist/node_modules/lodash-es/_mapCacheDelete.js.map +0 -1
- package/dist/node_modules/lodash-es/_mapCacheGet.js.map +0 -1
- package/dist/node_modules/lodash-es/_mapCacheHas.js.map +0 -1
- package/dist/node_modules/lodash-es/_mapCacheSet.js.map +0 -1
- package/dist/node_modules/lodash-es/_memoizeCapped.js.map +0 -1
- package/dist/node_modules/lodash-es/_nativeCreate.js.map +0 -1
- package/dist/node_modules/lodash-es/_objectToString.js.map +0 -1
- package/dist/node_modules/lodash-es/_root.js.map +0 -1
- package/dist/node_modules/lodash-es/_stringToPath.js.map +0 -1
- package/dist/node_modules/lodash-es/_toKey.js.map +0 -1
- package/dist/node_modules/lodash-es/_toSource.js.map +0 -1
- package/dist/node_modules/lodash-es/_trimmedEndIndex.js.map +0 -1
- package/dist/node_modules/lodash-es/eq.js.map +0 -1
- package/dist/node_modules/lodash-es/get.js.map +0 -1
- package/dist/node_modules/lodash-es/isArray.js.map +0 -1
- package/dist/node_modules/lodash-es/isArrayLike.js.map +0 -1
- package/dist/node_modules/lodash-es/isFunction.js.map +0 -1
- package/dist/node_modules/lodash-es/isLength.js.map +0 -1
- package/dist/node_modules/lodash-es/isObject.js.map +0 -1
- package/dist/node_modules/lodash-es/isObjectLike.js.map +0 -1
- package/dist/node_modules/lodash-es/isSymbol.js.map +0 -1
- package/dist/node_modules/lodash-es/memoize.js.map +0 -1
- package/dist/node_modules/lodash-es/range.js.map +0 -1
- package/dist/node_modules/lodash-es/toFinite.js.map +0 -1
- package/dist/node_modules/lodash-es/toNumber.js.map +0 -1
- package/dist/node_modules/lodash-es/toString.js.map +0 -1
- package/dist/node_modules/react/cjs/react-jsx-runtime.development.js.map +0 -1
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.js.map +0 -1
- package/dist/node_modules/react/jsx-runtime.js.map +0 -1
- package/dist/node_modules/styled-components/dist/styled-components.browser.esm.js.map +0 -1
- package/dist/node_modules/stylis/src/Enum.js.map +0 -1
- package/dist/node_modules/stylis/src/Middleware.js.map +0 -1
- package/dist/node_modules/stylis/src/Parser.js.map +0 -1
- package/dist/node_modules/stylis/src/Prefixer.js.map +0 -1
- package/dist/node_modules/stylis/src/Serializer.js.map +0 -1
- package/dist/node_modules/stylis/src/Tokenizer.js.map +0 -1
- package/dist/node_modules/stylis/src/Utility.js.map +0 -1
- package/dist/node_modules/tslib/tslib.es6.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { j as r } from "
|
|
2
|
-
import i from "
|
|
1
|
+
import { j as r } from "../../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import i from "../../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
|
|
3
3
|
import s from "../../../colors/grey.js";
|
|
4
4
|
const l = i.img`
|
|
5
5
|
display: inline-block;
|
|
@@ -22,4 +22,3 @@ const l = i.img`
|
|
|
22
22
|
export {
|
|
23
23
|
a as default
|
|
24
24
|
};
|
|
25
|
-
//# sourceMappingURL=ChevronLeft.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { j as i } from "
|
|
2
|
-
import e from "
|
|
1
|
+
import { j as i } from "../../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import e from "../../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
|
|
3
3
|
import s from "../../../colors/grey.js";
|
|
4
4
|
const l = e.img`
|
|
5
5
|
display: inline-block;
|
|
@@ -22,4 +22,3 @@ const l = e.img`
|
|
|
22
22
|
export {
|
|
23
23
|
c as default
|
|
24
24
|
};
|
|
25
|
-
//# sourceMappingURL=ChevronRight.js.map
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { j as c } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import K from "../../../node_modules/lodash-es/get.js";
|
|
3
|
+
import h from "../../../node_modules/lodash-es/range.js";
|
|
4
|
+
import { PrevArrow as w, renderPageNum as x, NextArrow as A, renderThreeDots as I } from "./helpers.js";
|
|
5
|
+
import R from "../../colors/index.js";
|
|
6
|
+
import S from "../../colors/teal.js";
|
|
7
|
+
import { ICON_SIZE_MAPPING as _, MEDIUM as v, SIZE_REM_MAPPING as $ } from "./constants.js";
|
|
8
|
+
import { AllPages as M, MiddleLayer as y } from "./styles.js";
|
|
9
|
+
const k = ({
|
|
10
|
+
pageNumber: n,
|
|
11
|
+
setPageNumber: D,
|
|
12
|
+
totalPages: r,
|
|
13
|
+
theme: E = "lime",
|
|
14
|
+
size: i = v,
|
|
15
|
+
isDisabled: j = !1
|
|
16
|
+
}) => {
|
|
17
|
+
const d = (e) => {
|
|
18
|
+
e !== n && D(e);
|
|
19
|
+
}, f = () => {
|
|
20
|
+
n > 1 && d(n - 1);
|
|
21
|
+
}, t = () => {
|
|
22
|
+
n < r && d(n + 1);
|
|
23
|
+
}, m = (e) => {
|
|
24
|
+
console.log({ e }), ["ArrowLeft", "ArrowUp"].includes(e.code) && f(), ["ArrowRight", "ArrowDown"].includes(e.code) && t();
|
|
25
|
+
}, o = K(R, E, S), l = $[i], s = _[i];
|
|
26
|
+
return r <= 7 ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
|
|
27
|
+
/* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
|
|
28
|
+
/* @__PURE__ */ c.jsx(y, { size: `${r * l}rem`, children: h(1, r + 1).map(
|
|
29
|
+
x({ size: i, selected: n, shades: o, changePage: d })
|
|
30
|
+
) }),
|
|
31
|
+
/* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
|
|
32
|
+
] }) : r < 10 || n < 4 || n > r - 3 && n <= r ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
|
|
33
|
+
/* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
|
|
34
|
+
/* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
|
|
35
|
+
h(1, 5).map(x({ size: i, selected: n, shades: o, changePage: d })),
|
|
36
|
+
I(),
|
|
37
|
+
[r - 3, r - 2, r - 1, r].map(
|
|
38
|
+
x({ size: i, selected: n, shades: o, changePage: d })
|
|
39
|
+
)
|
|
40
|
+
] }),
|
|
41
|
+
/* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
|
|
42
|
+
] }) : /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
|
|
43
|
+
/* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
|
|
44
|
+
/* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
|
|
45
|
+
h(1, 3).map(x({ size: i, selected: n, shades: o, changePage: d })),
|
|
46
|
+
I(),
|
|
47
|
+
[n - 1, n, n + 1].map(
|
|
48
|
+
x({ size: i, selected: n, shades: o, changePage: d })
|
|
49
|
+
),
|
|
50
|
+
I(),
|
|
51
|
+
[r - 1, r].map(
|
|
52
|
+
x({ size: i, selected: n, shades: o, changePage: d })
|
|
53
|
+
)
|
|
54
|
+
] }),
|
|
55
|
+
/* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
|
|
56
|
+
] });
|
|
57
|
+
};
|
|
58
|
+
export {
|
|
59
|
+
k as default
|
|
60
|
+
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { j as r } from "
|
|
1
|
+
import { j as r } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import s from "../Ripple/Ripple.js";
|
|
3
3
|
import { FONT_SIZE_MAPPING as x, SIZE_REM_MAPPING as h } from "./constants.js";
|
|
4
4
|
import { ClickableChevronLeft as j, Page as p, ClickableChevronRight as C, P as t } from "./styles.js";
|
|
5
|
-
const R = (e, i, n, c) => (o) => {
|
|
5
|
+
const R = ({ size: e, selected: i, shades: n, changePage: c }) => (o) => {
|
|
6
6
|
const l = h[e], m = x[e], d = () => {
|
|
7
7
|
c(o);
|
|
8
8
|
};
|
|
@@ -30,4 +30,3 @@ export {
|
|
|
30
30
|
R as renderPageNum,
|
|
31
31
|
u as renderThreeDots
|
|
32
32
|
};
|
|
33
|
-
//# sourceMappingURL=helpers.js.map
|
|
@@ -1,26 +1,31 @@
|
|
|
1
|
-
import o, { css as i } from "
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import o, { css as i } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
|
|
2
|
+
import a from "../Icons/ChevronLeft/ChevronLeft.js";
|
|
3
|
+
import f from "../Icons/ChevronRight/ChevronRight.js";
|
|
4
4
|
import c from "../../colors/grey.js";
|
|
5
5
|
import n from "../../colors/white.js";
|
|
6
6
|
import d from "../../colors/black.js";
|
|
7
7
|
import { SELECTED_BG as m, NOT_SELECTED_BG as l, ACTIVE_NOT_SELECTED_BG as s } from "./constants.js";
|
|
8
|
-
const
|
|
9
|
-
if (["#FFFFFF"].includes(
|
|
8
|
+
const t = (r) => ({ shades: e }) => {
|
|
9
|
+
if (["#FFFFFF"].includes(e))
|
|
10
10
|
return d.m900;
|
|
11
11
|
if (r === m)
|
|
12
|
-
return
|
|
12
|
+
return e.m500;
|
|
13
13
|
if (r === l)
|
|
14
|
-
return
|
|
14
|
+
return e.m50;
|
|
15
15
|
if (r === s)
|
|
16
|
-
return
|
|
17
|
-
},
|
|
16
|
+
return e.m100;
|
|
17
|
+
}, E = o.div`
|
|
18
18
|
display: flex;
|
|
19
19
|
justify-content: center;
|
|
20
20
|
align-items: center;
|
|
21
21
|
gap: 0.6rem;
|
|
22
22
|
min-width: 100%;
|
|
23
23
|
width: 100%;
|
|
24
|
+
|
|
25
|
+
${({ isDisabled: r }) => r && i`
|
|
26
|
+
pointer-events: none;
|
|
27
|
+
opacity: 0.4;
|
|
28
|
+
`};
|
|
24
29
|
`, b = o.div`
|
|
25
30
|
height: ${({ individualRemSize: r }) => `${r}rem`};
|
|
26
31
|
width: ${({ individualRemSize: r }) => `${r}rem`};
|
|
@@ -34,38 +39,37 @@ const e = (r) => ({ shades: t }) => {
|
|
|
34
39
|
${({ isSelected: r }) => r ? i`
|
|
35
40
|
cursor: auto;
|
|
36
41
|
color: ${n};
|
|
37
|
-
background-color: ${
|
|
42
|
+
background-color: ${t(m)};
|
|
38
43
|
` : i`
|
|
39
44
|
cursor: pointer;
|
|
40
45
|
color: ${c.m500};
|
|
41
46
|
|
|
42
47
|
&:hover {
|
|
43
|
-
background-color: ${
|
|
48
|
+
background-color: ${t(l)};
|
|
44
49
|
}
|
|
45
50
|
|
|
46
51
|
&:active {
|
|
47
|
-
background-color: ${
|
|
52
|
+
background-color: ${t(s)};
|
|
48
53
|
color: ${n};
|
|
49
54
|
}
|
|
50
55
|
`}
|
|
51
|
-
`,
|
|
56
|
+
`, y = o.p`
|
|
52
57
|
color: ${c.m500};
|
|
53
|
-
`,
|
|
58
|
+
`, k = o(a)`
|
|
54
59
|
cursor: pointer;
|
|
55
|
-
`,
|
|
60
|
+
`, w = o(f)`
|
|
56
61
|
cursor: pointer;
|
|
57
|
-
`,
|
|
62
|
+
`, x = o.div`
|
|
58
63
|
min-width: ${({ size: r }) => r};
|
|
59
64
|
display: flex;
|
|
60
65
|
align-items: center;
|
|
61
66
|
justify-content: space-between;
|
|
62
67
|
`;
|
|
63
68
|
export {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
+
E as AllPages,
|
|
70
|
+
k as ClickableChevronLeft,
|
|
71
|
+
w as ClickableChevronRight,
|
|
72
|
+
x as MiddleLayer,
|
|
73
|
+
y as P,
|
|
69
74
|
b as Page
|
|
70
75
|
};
|
|
71
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as m } from "
|
|
1
|
+
import { j as m } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { useRef as d } from "react";
|
|
3
3
|
/* empty css */
|
|
4
4
|
const x = ({ children: s, rippleColor: l = "rgba(0,0,0,0.3)", className: p = "", ...c }) => {
|
|
@@ -24,4 +24,3 @@ const x = ({ children: s, rippleColor: l = "rgba(0,0,0,0.3)", className: p = "",
|
|
|
24
24
|
export {
|
|
25
25
|
x as default
|
|
26
26
|
};
|
|
27
|
-
//# sourceMappingURL=Ripple.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as r } from "./colors/index.js";
|
|
2
|
+
import { default as a } from "./components/Icons/ChevronLeft/ChevronLeft.js";
|
|
3
|
+
import { default as l } from "./components/Icons/ChevronRight/ChevronRight.js";
|
|
4
|
+
import { default as d } from "./components/Pagination/Pagination.js";
|
|
5
|
+
export {
|
|
6
|
+
a as ChevronLeft,
|
|
7
|
+
l as ChevronRight,
|
|
8
|
+
d as Pagination,
|
|
9
|
+
r as colors
|
|
10
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "meticulous-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.15",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"repository": {
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"publishConfig": {
|
|
11
11
|
"access": "public"
|
|
12
12
|
},
|
|
13
|
+
"sideEffects": false,
|
|
13
14
|
"files": [
|
|
14
15
|
"dist",
|
|
15
16
|
"README.md"
|
|
@@ -18,7 +19,8 @@
|
|
|
18
19
|
"peerDependencies": {
|
|
19
20
|
"react": "^18.0.0",
|
|
20
21
|
"react-dom": "^18.0.0",
|
|
21
|
-
"styled-components": "^6.0.0"
|
|
22
|
+
"styled-components": "^6.0.0",
|
|
23
|
+
"lodash-es": "^4.17.21"
|
|
22
24
|
},
|
|
23
25
|
"keywords": [
|
|
24
26
|
"react",
|
|
@@ -41,16 +43,14 @@
|
|
|
41
43
|
"build-storybook": "storybook build",
|
|
42
44
|
"deploy-storybook": "gh-pages -d storybook-static"
|
|
43
45
|
},
|
|
44
|
-
"dependencies": {
|
|
45
|
-
"@vitejs/plugin-react": "^5.0.4",
|
|
46
|
-
"lodash-es": "^4.17.21"
|
|
47
|
-
},
|
|
48
46
|
"devDependencies": {
|
|
49
47
|
"@storybook/addon-docs": "^9.1.10",
|
|
50
48
|
"@storybook/react-vite": "^9.1.10",
|
|
49
|
+
"@vitejs/plugin-react": "^5.0.4",
|
|
51
50
|
"eslint-plugin-storybook": "^9.1.10",
|
|
52
51
|
"gh-pages": "^6.3.0",
|
|
53
52
|
"prop-types": "^15.8.1",
|
|
53
|
+
"source-map-explorer": "^2.5.3",
|
|
54
54
|
"storybook": "^9.1.10"
|
|
55
55
|
}
|
|
56
56
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"jsx-runtime.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"jsx-runtime2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-jsx-runtime.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-jsx-runtime.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/colors/amber.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"amber.js","sources":["../../src/colors/amber.js"],"sourcesContent":["export default {\n m50: '#FFF8E1',\n m100: '#FFECB3',\n m200: '#FFE082',\n m300: '#FFD54F',\n m400: '#FFCA28',\n m500: '#FFC107',\n m600: '#FFB300',\n m700: '#FFA000',\n m800: '#FF8F00',\n m900: '#FF6F00',\n a100: '#FFE57F',\n a200: '#FFD740',\n a400: '#FFC400',\n a700: '#FFAB00',\n};\n"],"names":["amber"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/black.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"black.js","sources":["../../src/colors/black.js"],"sourcesContent":["export default {\n m50: '#FAFAFA', // almost white (for very light backgrounds)\n m100: '#E0E0E0', // light gray\n m200: '#BDBDBD', // medium light gray\n m300: '#9E9E9E', // gray\n m400: '#757575', // medium dark gray\n m500: '#616161', // dark gray\n m600: '#424242', // very dark gray\n m700: '#212121', // near black\n m800: '#121212', // dark black\n m900: '#000000', // pure black\n};\n"],"names":["black"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA;AAAA,EACL,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AACR;"}
|
package/dist/colors/blue.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"blue.js","sources":["../../src/colors/blue.js"],"sourcesContent":["export default {\n m50: '#E3F2FD',\n m100: '#BBDEFB',\n m200: '#90CAF9',\n m300: '#64B5F6',\n m400: '#42A5F5',\n m500: '#2196F3',\n m600: '#1E88E5',\n m700: '#1976D2',\n m800: '#1565C0',\n m900: '#0D47A1',\n a100: '#82B1FF',\n a200: '#448AFF',\n a400: '#2979FF',\n a700: '#2962FF',\n};\n"],"names":["blue"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"blueGray.js","sources":["../../src/colors/blueGray.js"],"sourcesContent":["export default {\n m50: '#ECEFF1',\n m100: '#CFD8DC',\n m200: '#B0BEC5',\n m300: '#90A4AE',\n m400: '#78909C',\n m500: '#607D8B',\n m600: '#546E7A',\n m700: '#455A64',\n m800: '#37474F',\n m900: '#263238',\n};\n"],"names":["blueGray"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/brown.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"brown.js","sources":["../../src/colors/brown.js"],"sourcesContent":["export default {\n m50: '#EFEBE9',\n m100: '#D7CCC8',\n m200: '#BCAAA4',\n m300: '#A1887F',\n m400: '#8D6E63',\n m500: '#795548',\n m600: '#6D4C41',\n m700: '#5D4037',\n m800: '#4E342E',\n m900: '#3E2723',\n};\n"],"names":["brown"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/cider.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cider.js","sources":["../../src/colors/cider.js"],"sourcesContent":["export default {\n m50: '#FFF1E6',\n m100: '#FFD9B8',\n m200: '#FFBF8A',\n m300: '#FFA45C',\n m400: '#FF8C3A',\n m500: '#FF7300',\n m600: '#E06600',\n m700: '#B24D00',\n m800: '#803300',\n m900: '#4D1A00',\n};\n"],"names":["cider"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/cyan.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cyan.js","sources":["../../src/colors/cyan.js"],"sourcesContent":["export default {\n m50: '#E0F7FA',\n m100: '#B2EBF2',\n m200: '#80DEEA',\n m300: '#4DD0E1',\n m400: '#26C6DA',\n m500: '#00BCD4',\n m600: '#00ACC1',\n m700: '#0097A7',\n m800: '#00838F',\n m900: '#006064',\n a100: '#84FFFF',\n a200: '#18FFFF',\n a400: '#00E5FF',\n a700: '#00B8D4',\n};\n"],"names":["cyan"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"deepOrange.js","sources":["../../src/colors/deepOrange.js"],"sourcesContent":["export default {\n m50: '#FBE9E7',\n m100: '#FFCCBC',\n m200: '#FFAB91',\n m300: '#FF8A65',\n m400: '#FF7043',\n m500: '#FF5722',\n m600: '#F4511E',\n m700: '#E64A19',\n m800: '#D84315',\n m900: '#BF360C',\n a100: '#FF9E80',\n a200: '#FF6E40',\n a400: '#FF3D00',\n a700: '#DD2C00',\n};\n"],"names":["deepOrange"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"deepPurple.js","sources":["../../src/colors/deepPurple.js"],"sourcesContent":["export default {\n m50: '#EDE7F6',\n m100: '#D1C4E9',\n m200: '#B39DDB',\n m300: '#9575CD',\n m400: '#7E57C2',\n m500: '#673AB7',\n m600: '#5E35B1',\n m700: '#512DA8',\n m800: '#4527A0',\n m900: '#311B92',\n a100: '#B388FF',\n a200: '#7C4DFF',\n a400: '#651FFF',\n a700: '#6200EA',\n};\n"],"names":["deepPurple"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/green.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"green.js","sources":["../../src/colors/green.js"],"sourcesContent":["export default {\n m50: '#E8F5E9',\n m100: '#C8E6C9',\n m200: '#A5D6A7',\n m300: '#81C784',\n m400: '#66BB6A',\n m500: '#4CAF50',\n m600: '#43A047',\n m700: '#388E3C',\n m800: '#2E7D32',\n m900: '#1B5E20',\n a100: '#B9F6CA',\n a200: '#69F0AE',\n a400: '#00E676',\n a700: '#00C853',\n};\n"],"names":["green"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/grey.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"grey.js","sources":["../../src/colors/grey.js"],"sourcesContent":["export default {\n m50: '#FAFAFA',\n m100: '#F5F5F5',\n m200: '#EEEEEE',\n m300: '#E0E0E0',\n m400: '#BDBDBD',\n m500: '#9E9E9E',\n m600: '#757575',\n m700: '#616161',\n m800: '#424242',\n m900: '#212121',\n};\n"],"names":["grey"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/colors/index.js"],"sourcesContent":["import amber from './amber';\nimport black from './black';\nimport blue from './blue';\nimport blueGray from './blueGray';\nimport brown from './brown';\nimport cider from './cider';\nimport cyan from './cyan';\nimport deepOrange from './deepOrange';\nimport deepPurple from './deepPurple';\nimport green from './green';\nimport grey from './grey';\nimport indigo from './indigo';\nimport lightBlue from './lightBlue';\nimport lightGreen from './lightGreen';\nimport lime from './lime';\nimport orange from './orange';\nimport pink from './pink';\nimport purple from './purple';\nimport red from './red';\nimport teal from './teal';\nimport violet from './violet';\nimport white from './white';\nimport yellow from './yellow';\n\nexport default {\n amber,\n black,\n blue,\n blueGray,\n brown,\n cider,\n cyan,\n deepOrange,\n deepPurple,\n green,\n grey,\n indigo,\n lightBlue,\n lightGreen,\n lime,\n orange,\n pink,\n purple,\n red,\n teal,\n violet,\n white,\n yellow,\n};\n"],"names":["colors","amber","black","blue","blueGray","brown","cider","cyan","deepOrange","deepPurple","green","grey","indigo","lightBlue","lightGreen","lime","orange","pink","purple","red","teal","violet","white","yellow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAAA,IAAe;AAAA,EACb,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"indigo.js","sources":["../../src/colors/indigo.js"],"sourcesContent":["export default {\n m50: '#E8EAF6',\n m100: '#C5CAE9',\n m200: '#9FA8DA',\n m300: '#7986CB',\n m400: '#5C6BC0',\n m500: '#3F51B5',\n m600: '#3949AB',\n m700: '#303F9F',\n m800: '#283593',\n m900: '#1A237E',\n a100: '#8C9EFF',\n a200: '#536DFE',\n a400: '#3D5AFE',\n a700: '#304FFE',\n};\n"],"names":["indigo"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"lightBlue.js","sources":["../../src/colors/lightBlue.js"],"sourcesContent":["export default {\n m50: '#E1F5FE',\n m100: '#B3E5FC',\n m200: '#81D4FA',\n m300: '#4FC3F7',\n m400: '#29B6F6',\n m500: '#03A9F4',\n m600: '#039BE5',\n m700: '#0288D1',\n m800: '#0277BD',\n m900: '#01579B',\n a100: '#80D8FF',\n a200: '#40C4FF',\n a400: '#00B0FF',\n a700: '#0091EA',\n};\n"],"names":["lightBlue"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"lightGreen.js","sources":["../../src/colors/lightGreen.js"],"sourcesContent":["export default {\n m50: '#F1F8E9',\n m100: '#DCEDC8',\n m200: '#C5E1A5',\n m300: '#AED581',\n m400: '#9CCC65',\n m500: '#8BC34A',\n m600: '#7CB342',\n m700: '#689F38',\n m800: '#558B2F',\n m900: '#33691E',\n a100: '#CCFF90',\n a200: '#B2FF59',\n a400: '#76FF03',\n a700: '#64DD17',\n};\n"],"names":["lightGreen"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/lime.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"lime.js","sources":["../../src/colors/lime.js"],"sourcesContent":["export default {\n m50: '#F9FBE7',\n m100: '#F0F4C3',\n m200: '#E6EE9C',\n m300: '#DCE775',\n m400: '#D4E157',\n m500: '#CDDC39',\n m600: '#C0CA33',\n m700: '#AFB42B',\n m800: '#9E9D24',\n m900: '#827717',\n a100: '#F4FF81',\n a200: '#EEFF41',\n a400: '#C6FF00',\n a700: '#AEEA00',\n};\n"],"names":["lime"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"orange.js","sources":["../../src/colors/orange.js"],"sourcesContent":["export default {\n m50: '#FFF3E0',\n m100: '#FFE0B2',\n m200: '#FFCC80',\n m300: '#FFB74D',\n m400: '#FFA726',\n m500: '#FF9800',\n m600: '#FB8C00',\n m700: '#F57C00',\n m800: '#EF6C00',\n m900: '#E65100',\n a100: '#FFD180',\n a200: '#FFAB40',\n a400: '#FF9100',\n a700: '#FF6D00',\n};\n"],"names":["orange"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/pink.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pink.js","sources":["../../src/colors/pink.js"],"sourcesContent":["export default {\n m50: '#FCE4EC',\n m100: '#F8BBD0',\n m200: '#F48FB1',\n m300: '#F06292',\n m400: '#EC407A',\n m500: '#E91E63',\n m600: '#D81B60',\n m700: '#C2185B',\n m800: '#AD1457',\n m900: '#880E4F',\n a100: '#FF80AB',\n a200: '#FF4081',\n a400: '#F50057',\n a700: '#C51162',\n};\n"],"names":["pink"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"purple.js","sources":["../../src/colors/purple.js"],"sourcesContent":["export default {\n m50: '#F3E5F5',\n m100: '#E1BEE7',\n m200: '#CE93D8',\n m300: '#BA68C8',\n m400: '#AB47BC',\n m500: '#9C27B0',\n m600: '#8E24AA',\n m700: '#7B1FA2',\n m800: '#6A1B9A',\n m900: '#4A148C',\n a100: '#EA80FC',\n a200: '#E040FB',\n a400: '#D500F9',\n a700: '#AA00FF',\n};\n"],"names":["purple"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/red.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"red.js","sources":["../../src/colors/red.js"],"sourcesContent":["export default {\n m50: '#FFEBEE',\n m100: '#FFCDD2',\n m200: '#EF9A9A',\n m300: '#E57373',\n m400: '#EF5350',\n m500: '#F44336',\n m600: '#E53935',\n m700: '#D32F2F',\n m800: '#C62828',\n m900: '#B71C1C',\n a100: '#FF8A80',\n a200: '#FF5252',\n a400: '#FF1744',\n a700: '#D50000',\n};\n"],"names":["red"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/teal.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"teal.js","sources":["../../src/colors/teal.js"],"sourcesContent":["export default {\n m50: '#E0F2F1',\n m100: '#B2DFDB',\n m200: '#80CBC4',\n m300: '#4DB6AC',\n m400: '#26A69A',\n m500: '#009688',\n m600: '#00897B',\n m700: '#00796B',\n m800: '#00695C',\n m900: '#004D40',\n a100: '#A7FFEB',\n a200: '#64FFDA',\n a400: '#1DE9B6',\n a700: '#00BFA5',\n};\n"],"names":["teal"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"violet.js","sources":["../../src/colors/violet.js"],"sourcesContent":["export default {\n m50: '#F3E8FF',\n m100: '#E1BFFF',\n m200: '#CE96FF',\n m300: '#BA6EFF',\n m400: '#A955FF',\n m500: '#933DFF',\n m600: '#852AFF',\n m700: '#7718FF',\n m800: '#6800E6',\n m900: '#4D00B3',\n a100: '#D1A8FF',\n a200: '#B36CFF',\n a400: '#9400FF',\n a700: '#7A00E6',\n};\n"],"names":["violet"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
package/dist/colors/white.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"white.js","sources":["../../src/colors/white.js"],"sourcesContent":["export default '#FFFFFF';\n"],"names":["white"],"mappings":"AAAA,MAAAA,IAAe;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"yellow.js","sources":["../../src/colors/yellow.js"],"sourcesContent":["export default {\n m50: '#FFFDE7',\n m100: '#FFF9C4',\n m200: '#FFF59D',\n m300: '#FFF176',\n m400: '#FFEE58',\n m500: '#FFEB3B',\n m600: '#FDD835',\n m700: '#FBC02D',\n m800: '#F9A825',\n m900: '#F57F17',\n a100: '#FFFF8D',\n a200: '#FFFF00',\n a400: '#FFEA00',\n a700: '#FFD600',\n};\n"],"names":["yellow"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronLeft.js","sources":["../../../../src/components/Icons/ChevronLeft/ChevronLeft.jsx"],"sourcesContent":["// Libraries\nimport styled from 'styled-components';\n\n// constants\nimport grey from '../../../colors/grey';\n\nconst Image = styled.img`\n display: inline-block;\n vertical-align: middle;\n fill: ${({ color }) => color};\n`;\n\nconst ChevronLeft = (props) => {\n const { color, size } = props;\n\n return (\n <Image\n {...props}\n color={color || grey.m500}\n src='https://www.svgrepo.com/show/533659/chevron-left.svg'\n alt='Chevron Left'\n width={size}\n height={size}\n />\n );\n};\n\nexport default ChevronLeft;\n"],"names":["Image","styled","color","ChevronLeft","props","size","jsx","grey"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA,UAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,CAAK;AAAA,GAGxBC,IAAc,CAACC,MAAU;AAC7B,QAAM,EAAE,OAAAF,GAAO,MAAAG,EAAA,IAASD;AAExB,SACEE,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGI;AAAA,MACJ,OAAOF,KAASK,EAAK;AAAA,MACrB,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,OAAOF;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EAAA;AAGd;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronRight.js","sources":["../../../../src/components/Icons/ChevronRight/ChevronRight.jsx"],"sourcesContent":["// Libraries\nimport styled from 'styled-components';\n\n// constants\nimport grey from '../../../colors/grey';\n\nconst Image = styled.img`\n display: inline-block;\n vertical-align: middle;\n fill: ${({ color }) => color};\n`;\n\nconst ChevronRight = (props) => {\n const { color, size } = props;\n\n return (\n <Image\n {...props}\n color={color || grey.m500}\n src='https://www.svgrepo.com/show/533661/chevron-right.svg'\n alt='Chevron Right'\n width={size}\n height={size}\n />\n );\n};\n\nexport default ChevronRight;\n"],"names":["Image","styled","color","ChevronRight","props","size","jsx","grey"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA,UAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,CAAK;AAAA,GAGxBC,IAAe,CAACC,MAAU;AAC9B,QAAM,EAAE,OAAAF,GAAO,MAAAG,EAAA,IAASD;AAExB,SACEE,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGI;AAAA,MACJ,OAAOF,KAASK,EAAK;AAAA,MACrB,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,OAAOF;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EAAA;AAGd;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { j as i } from "../../_virtual/jsx-runtime.js";
|
|
2
|
-
import t from "../../node_modules/lodash-es/get.js";
|
|
3
|
-
import I from "../../node_modules/lodash-es/range.js";
|
|
4
|
-
import { PrevArrow as l, renderPageNum as f, NextArrow as m, renderThreeDots as D } from "./helpers.js";
|
|
5
|
-
import K from "../../colors/index.js";
|
|
6
|
-
import M from "../../colors/teal.js";
|
|
7
|
-
import { ICON_SIZE_MAPPING as S, LARGE as _, SIZE_REM_MAPPING as v } from "./constants.js";
|
|
8
|
-
import { AllPages as y, MiddleLayer as E } from "./styles.js";
|
|
9
|
-
const U = ({ pageNumber: n, setPageNumber: d, totalPages: o, theme: R = "lime", size: c = _ }) => {
|
|
10
|
-
const s = () => {
|
|
11
|
-
n > 1 && d(n - 1);
|
|
12
|
-
}, j = () => {
|
|
13
|
-
n < o && d(n + 1);
|
|
14
|
-
}, w = (A) => {
|
|
15
|
-
console.log({ e: A }), ["ArrowLeft", "ArrowUp"].includes(A.code) && s(), ["ArrowRight", "ArrowDown"].includes(A.code) && j();
|
|
16
|
-
}, r = t(K, R, M), h = v[c], x = S[c];
|
|
17
|
-
return o <= 7 ? /* @__PURE__ */ i.jsxs(y, { onKeyDown: w, tabIndex: "0", children: [
|
|
18
|
-
/* @__PURE__ */ i.jsx(l, { iconSize: x, shades: r, setPrevPage: s }),
|
|
19
|
-
/* @__PURE__ */ i.jsx(E, { size: `${o * h}rem`, children: I(1, o + 1).map(f(c, n, r, d)) }),
|
|
20
|
-
/* @__PURE__ */ i.jsx(m, { iconSize: x, shades: r, setNextPage: j })
|
|
21
|
-
] }) : o < 10 || n < 4 || n > o - 3 && n <= o ? /* @__PURE__ */ i.jsxs(y, { onKeyDown: w, tabIndex: "0", children: [
|
|
22
|
-
/* @__PURE__ */ i.jsx(l, { iconSize: x, shades: r, setPrevPage: s }),
|
|
23
|
-
/* @__PURE__ */ i.jsxs(E, { size: `${9 * h}rem`, children: [
|
|
24
|
-
I(1, 5).map(f(c, n, r, d)),
|
|
25
|
-
D(),
|
|
26
|
-
[o - 3, o - 2, o - 1, o].map(
|
|
27
|
-
f(c, n, r, d)
|
|
28
|
-
)
|
|
29
|
-
] }),
|
|
30
|
-
/* @__PURE__ */ i.jsx(m, { iconSize: x, shades: r, setNextPage: j })
|
|
31
|
-
] }) : /* @__PURE__ */ i.jsxs(y, { onKeyDown: w, tabIndex: "0", children: [
|
|
32
|
-
/* @__PURE__ */ i.jsx(l, { iconSize: x, shades: r, setPrevPage: s }),
|
|
33
|
-
/* @__PURE__ */ i.jsxs(E, { size: `${9 * h}rem`, children: [
|
|
34
|
-
I(1, 3).map(f(c, n, r, d)),
|
|
35
|
-
D(),
|
|
36
|
-
[n - 1, n, n + 1].map(
|
|
37
|
-
f(c, n, r, d)
|
|
38
|
-
),
|
|
39
|
-
D(),
|
|
40
|
-
[o - 1, o].map(f(c, n, r, d))
|
|
41
|
-
] }),
|
|
42
|
-
/* @__PURE__ */ i.jsx(m, { iconSize: x, shades: r, setNextPage: j })
|
|
43
|
-
] });
|
|
44
|
-
};
|
|
45
|
-
export {
|
|
46
|
-
U as default
|
|
47
|
-
};
|
|
48
|
-
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.jsx"],"sourcesContent":["// Libraries\nimport _get from 'lodash-es/get';\nimport _range from 'lodash-es/range';\n\n// helpers\nimport { renderThreeDots, renderPageNum, PrevArrow, NextArrow } from './helpers.jsx';\n\n// constants\nimport colors from '../../colors';\nimport teal from '../../colors/teal';\nimport { ICON_SIZE_MAPPING, LARGE, MEDIUM, SIZE_REM_MAPPING, SMALL } from './constants.js';\n\n// styles\nimport { AllPages, MiddleLayer } from './styles';\n\nconst Pagination = ({ pageNumber, setPageNumber, totalPages, theme = 'lime', size = LARGE }) => {\n const setPrevPage = () => {\n if (pageNumber > 1) {\n setPageNumber(pageNumber - 1);\n }\n };\n\n const setNextPage = () => {\n if (pageNumber < totalPages) {\n setPageNumber(pageNumber + 1);\n }\n };\n\n const handleKeyDown = (e) => {\n console.log({ e });\n\n if (['ArrowLeft', 'ArrowUp'].includes(e.code)) {\n setPrevPage();\n }\n\n if (['ArrowRight', 'ArrowDown'].includes(e.code)) {\n setNextPage();\n }\n };\n\n const shades = _get(colors, theme, teal);\n const individualRemSize = SIZE_REM_MAPPING[size];\n const iconSize = ICON_SIZE_MAPPING[size];\n\n if (totalPages <= 7) {\n return (\n <AllPages onKeyDown={handleKeyDown} tabIndex='0'>\n <PrevArrow {...{ iconSize, shades, setPrevPage }} />\n <MiddleLayer size={`${totalPages * individualRemSize}rem`}>\n {_range(1, totalPages + 1).map(renderPageNum(size, pageNumber, shades, setPageNumber))}\n </MiddleLayer>\n <NextArrow {...{ iconSize, shades, setNextPage }} />\n </AllPages>\n );\n }\n\n if (\n totalPages < 10 ||\n pageNumber < 4 ||\n (pageNumber > totalPages - 3 && pageNumber <= totalPages)\n ) {\n return (\n <AllPages onKeyDown={handleKeyDown} tabIndex='0'>\n <PrevArrow {...{ iconSize, shades, setPrevPage }} />\n <MiddleLayer size={`${9 * individualRemSize}rem`}>\n {_range(1, 5).map(renderPageNum(size, pageNumber, shades, setPageNumber))}\n {renderThreeDots()}\n {[totalPages - 3, totalPages - 2, totalPages - 1, totalPages].map(\n renderPageNum(size, pageNumber, shades, setPageNumber)\n )}\n </MiddleLayer>\n <NextArrow {...{ iconSize, shades, setNextPage }} />\n </AllPages>\n );\n }\n\n return (\n <AllPages onKeyDown={handleKeyDown} tabIndex='0'>\n <PrevArrow {...{ iconSize, shades, setPrevPage }} />\n <MiddleLayer size={`${9 * individualRemSize}rem`}>\n {_range(1, 3).map(renderPageNum(size, pageNumber, shades, setPageNumber))}\n {renderThreeDots()}\n {[pageNumber - 1, pageNumber, pageNumber + 1].map(\n renderPageNum(size, pageNumber, shades, setPageNumber)\n )}\n {renderThreeDots()}\n {[totalPages - 1, totalPages].map(renderPageNum(size, pageNumber, shades, setPageNumber))}\n </MiddleLayer>\n <NextArrow {...{ iconSize, shades, setNextPage }} />\n </AllPages>\n );\n};\n\nexport default Pagination;\n"],"names":["Pagination","pageNumber","setPageNumber","totalPages","theme","size","LARGE","setPrevPage","setNextPage","handleKeyDown","e","shades","_get","colors","teal","individualRemSize","SIZE_REM_MAPPING","iconSize","ICON_SIZE_MAPPING","jsxs","AllPages","jsx","PrevArrow","MiddleLayer","_range","renderPageNum","NextArrow","renderThreeDots"],"mappings":";;;;;;;;AAeA,MAAMA,IAAa,CAAC,EAAE,YAAAC,GAAY,eAAAC,GAAe,YAAAC,GAAY,OAAAC,IAAQ,QAAQ,MAAAC,IAAOC,QAAY;AAC9F,QAAMC,IAAc,MAAM;AACxB,IAAIN,IAAa,KACfC,EAAcD,IAAa,CAAC;AAAA,EAEhC,GAEMO,IAAc,MAAM;AACxB,IAAIP,IAAaE,KACfD,EAAcD,IAAa,CAAC;AAAA,EAEhC,GAEMQ,IAAgB,CAACC,MAAM;AAC3B,YAAQ,IAAI,EAAE,GAAAA,GAAG,GAEb,CAAC,aAAa,SAAS,EAAE,SAASA,EAAE,IAAI,KAC1CH,EAAA,GAGE,CAAC,cAAc,WAAW,EAAE,SAASG,EAAE,IAAI,KAC7CF,EAAA;AAAA,EAEJ,GAEMG,IAASC,EAAKC,GAAQT,GAAOU,CAAI,GACjCC,IAAoBC,EAAiBX,CAAI,GACzCY,IAAWC,EAAkBb,CAAI;AAEvC,SAAIF,KAAc,IAEdgB,gBAAAA,EAAAA,KAACC,GAAA,EAAS,WAAWX,GAAe,UAAS,KAC3C,UAAA;AAAA,IAAAY,gBAAAA,EAAAA,IAACC,KAAgB,UAAAL,GAAU,QAAAN,GAAQ,aAAAJ,GAAe;AAAA,0BACjDgB,GAAA,EAAY,MAAM,GAAGpB,IAAaY,CAAiB,OACjD,UAAAS,EAAO,GAAGrB,IAAa,CAAC,EAAE,IAAIsB,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa,CAAC,GACvF;AAAA,0BACCwB,GAAA,EAAgB,UAAAT,GAAU,QAAAN,GAAQ,aAAAH,EAAY,CAAG;AAAA,EAAA,GACpD,IAKFL,IAAa,MACbF,IAAa,KACZA,IAAaE,IAAa,KAAKF,KAAcE,IAG5CgB,gBAAAA,EAAAA,KAACC,GAAA,EAAS,WAAWX,GAAe,UAAS,KAC3C,UAAA;AAAA,IAAAY,gBAAAA,EAAAA,IAACC,KAAgB,UAAAL,GAAU,QAAAN,GAAQ,aAAAJ,GAAe;AAAA,2BACjDgB,GAAA,EAAY,MAAM,GAAG,IAAIR,CAAiB,OACxC,UAAA;AAAA,MAAAS,EAAO,GAAG,CAAC,EAAE,IAAIC,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa,CAAC;AAAA,MACvEyB,EAAA;AAAA,MACA,CAACxB,IAAa,GAAGA,IAAa,GAAGA,IAAa,GAAGA,CAAU,EAAE;AAAA,QAC5DsB,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa;AAAA,MAAA;AAAA,IACvD,GACF;AAAA,0BACCwB,GAAA,EAAgB,UAAAT,GAAU,QAAAN,GAAQ,aAAAH,EAAY,CAAG;AAAA,EAAA,GACpD,IAKFW,gBAAAA,EAAAA,KAACC,GAAA,EAAS,WAAWX,GAAe,UAAS,KAC3C,UAAA;AAAA,IAAAY,gBAAAA,EAAAA,IAACC,KAAgB,UAAAL,GAAU,QAAAN,GAAQ,aAAAJ,GAAe;AAAA,2BACjDgB,GAAA,EAAY,MAAM,GAAG,IAAIR,CAAiB,OACxC,UAAA;AAAA,MAAAS,EAAO,GAAG,CAAC,EAAE,IAAIC,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa,CAAC;AAAA,MACvEyB,EAAA;AAAA,MACA,CAAC1B,IAAa,GAAGA,GAAYA,IAAa,CAAC,EAAE;AAAA,QAC5CwB,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa;AAAA,MAAA;AAAA,MAEtDyB,EAAA;AAAA,MACA,CAACxB,IAAa,GAAGA,CAAU,EAAE,IAAIsB,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa,CAAC;AAAA,IAAA,GAC1F;AAAA,0BACCwB,GAAA,EAAgB,UAAAT,GAAU,QAAAN,GAAQ,aAAAH,EAAY,CAAG;AAAA,EAAA,GACpD;AAEJ;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../src/components/Pagination/constants.js"],"sourcesContent":["const INDIVIDUAL_SMALL_REM_SIZE = 1.9;\nconst INDIVIDUAL_MEDIUM_REM_SIZE = 2.6;\nconst INDIVIDUAL_LARGE_REM_SIZE = 3.1;\n\nconst SMALL_FONT_SIZE = 1;\nconst MEDIUM_REM_FONT_SIZE = 1.2;\nconst LARGE_REM_FONT_SIZE = 1.4;\n\nconst SMALL_ICON_SIZE = 18;\nconst MEDIUM_ICON_SIZE = 19;\nconst LARGE_ICON_SIZE = 20;\n\nexport const SMALL = 'small';\nexport const MEDIUM = 'medium';\nexport const LARGE = 'large';\n\nexport const SIZE_REM_MAPPING = {\n [SMALL]: INDIVIDUAL_SMALL_REM_SIZE,\n [MEDIUM]: INDIVIDUAL_MEDIUM_REM_SIZE,\n [LARGE]: INDIVIDUAL_LARGE_REM_SIZE,\n};\n\nexport const FONT_SIZE_MAPPING = {\n [SMALL]: SMALL_FONT_SIZE,\n [MEDIUM]: MEDIUM_REM_FONT_SIZE,\n [LARGE]: LARGE_REM_FONT_SIZE,\n};\n\nexport const ICON_SIZE_MAPPING = {\n [SMALL]: SMALL_ICON_SIZE,\n [MEDIUM]: MEDIUM_ICON_SIZE,\n [LARGE]: LARGE_ICON_SIZE,\n};\n\nexport const SELECTED_BG = 'selected_bg';\nexport const NOT_SELECTED_BG = 'not_selected_bg';\nexport const ACTIVE_NOT_SELECTED_BG = 'active_not_selected_bg';\n"],"names":["SMALL","MEDIUM","LARGE","SIZE_REM_MAPPING","FONT_SIZE_MAPPING","ICON_SIZE_MAPPING","SELECTED_BG","NOT_SELECTED_BG","ACTIVE_NOT_SELECTED_BG"],"mappings":"AAYY,MAACA,IAAQ,SACRC,IAAS,UACTC,IAAQ,SAERC,IAAmB;AAAA,EAC9B,CAACH,CAAK,GAAG;AAAA,EACT,CAACC,CAAM,GAAG;AAAA,EACV,CAACC,CAAK,GAAG;AACX,GAEaE,IAAoB;AAAA,EAC/B,CAACJ,CAAK,GAAG;AAAA,EACT,CAACC,CAAM,GAAG;AAAA,EACV,CAACC,CAAK,GAAG;AACX,GAEaG,IAAoB;AAAA,EAC/B,CAACL,CAAK,GAAG;AAAA,EACT,CAACC,CAAM,GAAG;AAAA,EACV,CAACC,CAAK,GAAG;AACX,GAEaI,IAAc,eACdC,IAAkB,mBAClBC,IAAyB;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../src/components/Pagination/helpers.jsx"],"sourcesContent":["// components\nimport Ripple from '../Ripple';\n\n// constants\nimport { FONT_SIZE_MAPPING, SIZE_REM_MAPPING } from './constants';\n\n// styles\nimport { Page, P, ClickableChevronRight, ClickableChevronLeft } from './styles';\n\nexport const renderPageNum = (size, selected, shades, setPageNumber) => (page) => {\n const individualRemSize = SIZE_REM_MAPPING[size];\n const fontRemSize = FONT_SIZE_MAPPING[size];\n\n const clickHandler = () => {\n setPageNumber(page);\n };\n\n return (\n <Page\n data-testid={selected === page ? 'current-page' : `test-${page}`}\n isSelected={selected === page}\n key={`page_${page}`}\n onClick={clickHandler}\n {...{\n shades,\n individualRemSize,\n fontRemSize,\n }}\n >\n {page}\n </Page>\n );\n};\n\nexport const renderThreeDots = () => (\n <>\n <P>.</P>\n <P>.</P>\n <P>.</P>\n </>\n);\n\nexport const PrevArrow = ({ iconSize, shades, setPrevPage }) => (\n <Ripple rippleColor={shades['m50']}>\n <ClickableChevronLeft size={iconSize} onClick={setPrevPage} />\n </Ripple>\n);\n\nexport const NextArrow = ({ iconSize, shades, setNextPage }) => (\n <Ripple rippleColor={shades['m50']}>\n <ClickableChevronRight size={iconSize} onClick={setNextPage} />\n </Ripple>\n);\n"],"names":["renderPageNum","size","selected","shades","setPageNumber","page","individualRemSize","SIZE_REM_MAPPING","fontRemSize","FONT_SIZE_MAPPING","clickHandler","jsx","Page","renderThreeDots","jsxs","Fragment","P","PrevArrow","iconSize","setPrevPage","Ripple","ClickableChevronLeft","NextArrow","setNextPage","ClickableChevronRight"],"mappings":";;;;AASO,MAAMA,IAAgB,CAACC,GAAMC,GAAUC,GAAQC,MAAkB,CAACC,MAAS;AAChF,QAAMC,IAAoBC,EAAiBN,CAAI,GACzCO,IAAcC,EAAkBR,CAAI,GAEpCS,IAAe,MAAM;AACzB,IAAAN,EAAcC,CAAI;AAAA,EACpB;AAEA,SACEM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAaV,MAAaG,IAAO,iBAAiB,QAAQA,CAAI;AAAA,MAC9D,YAAYH,MAAaG;AAAA,MAEzB,SAASK;AAAA,MAEP,QAAAP;AAAA,MACA,mBAAAG;AAAA,MACA,aAAAE;AAAA,MAGD,UAAAH;AAAA,IAAA;AAAA,IARI,QAAQA,CAAI;AAAA,EAAA;AAWvB,GAEaQ,IAAkB,MAC7BC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,EAAAJ,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EACJL,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EACJL,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EAAA,CACN,GAGWC,IAAY,CAAC,EAAE,UAAAC,GAAU,QAAAf,GAAQ,aAAAgB,EAAA,MAC5CR,gBAAAA,EAAAA,IAACS,GAAA,EAAO,aAAajB,EAAO,KAC1B,UAAAQ,gBAAAA,EAAAA,IAACU,GAAA,EAAqB,MAAMH,GAAU,SAASC,GAAa,EAAA,CAC9D,GAGWG,IAAY,CAAC,EAAE,UAAAJ,GAAU,QAAAf,GAAQ,aAAAoB,EAAA,MAC5CZ,gBAAAA,EAAAA,IAACS,GAAA,EAAO,aAAajB,EAAO,KAC1B,UAAAQ,gBAAAA,EAAAA,IAACa,GAAA,EAAsB,MAAMN,GAAU,SAASK,GAAa,EAAA,CAC/D;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../src/components/Pagination/styles.js"],"sourcesContent":["// Libraries\nimport styled, { css } from 'styled-components';\n\n// Icons\nimport ChevronLeft from '../Icons/ChevronLeft';\nimport ChevronRight from '../Icons/ChevronRight';\n\n// constants\nimport grey from '../../colors/grey';\nimport white from '../../colors/white';\nimport black from '../../colors/black';\nimport { SELECTED_BG, NOT_SELECTED_BG, ACTIVE_NOT_SELECTED_BG } from './constants';\n\nconst getShade =\n (type) =>\n ({ shades }) => {\n if (['#FFFFFF'].includes(shades)) {\n return black.m900;\n }\n\n if (type === SELECTED_BG) {\n return shades['m500'];\n }\n\n if (type === NOT_SELECTED_BG) {\n return shades['m50'];\n }\n\n if (type === ACTIVE_NOT_SELECTED_BG) {\n return shades['m100'];\n }\n };\n\nexport const AllPages = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.6rem;\n min-width: 100%;\n width: 100%;\n`;\n\nexport const Page = styled.div`\n height: ${({ individualRemSize }) => `${individualRemSize}rem`};\n width: ${({ individualRemSize }) => `${individualRemSize}rem`};\n border-radius: 50%;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n text-align: center;\n font-size: ${({ fontRemSize }) => fontRemSize}rem;\n ${({ isSelected }) =>\n isSelected\n ? css`\n cursor: auto;\n color: ${white};\n background-color: ${getShade(SELECTED_BG)};\n `\n : css`\n cursor: pointer;\n color: ${grey.m500};\n\n &:hover {\n background-color: ${getShade(NOT_SELECTED_BG)};\n }\n\n &:active {\n background-color: ${getShade(ACTIVE_NOT_SELECTED_BG)};\n color: ${white};\n }\n `}\n`;\n\nexport const P = styled.p`\n color: ${grey.m500};\n`;\n\nexport const ClickableChevronLeft = styled(ChevronLeft)`\n cursor: pointer;\n`;\n\nexport const ClickableChevronRight = styled(ChevronRight)`\n cursor: pointer;\n`;\n\nexport const MiddleLayer = styled.div`\n min-width: ${({ size }) => size};\n display: flex;\n align-items: center;\n justify-content: space-between;\n`;\n"],"names":["getShade","type","shades","black","SELECTED_BG","NOT_SELECTED_BG","ACTIVE_NOT_SELECTED_BG","AllPages","styled","Page","individualRemSize","fontRemSize","isSelected","css","white","grey","P","ClickableChevronLeft","ChevronLeft","ClickableChevronRight","ChevronRight","MiddleLayer","size"],"mappings":";;;;;;;AAaA,MAAMA,IACJ,CAACC,MACD,CAAC,EAAE,QAAAC,EAAM,MAAO;AACd,MAAI,CAAC,SAAS,EAAE,SAASA,CAAM;AAC7B,WAAOC,EAAM;AAGf,MAAIF,MAASG;AACX,WAAOF,EAAO;AAGhB,MAAID,MAASI;AACX,WAAOH,EAAO;AAGhB,MAAID,MAASK;AACX,WAAOJ,EAAO;AAElB,GAEWK,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASlBC,IAAOD,EAAO;AAAA,YACf,CAAC,EAAE,mBAAAE,EAAiB,MAAO,GAAGA,CAAiB,KAAK;AAAA,WACrD,CAAC,EAAE,mBAAAA,EAAiB,MAAO,GAAGA,CAAiB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOhD,CAAC,EAAE,aAAAC,EAAW,MAAOA,CAAW;AAAA,IAC3C,CAAC,EAAE,YAAAC,EAAU,MACbA,IACIC;AAAAA;AAAAA,mBAEWC,CAAK;AAAA,8BACMd,EAASI,CAAW,CAAC;AAAA,YAE3CS;AAAAA;AAAAA,mBAEWE,EAAK,IAAI;AAAA;AAAA;AAAA,gCAGIf,EAASK,CAAe,CAAC;AAAA;AAAA;AAAA;AAAA,gCAIzBL,EAASM,CAAsB,CAAC;AAAA,qBAC3CQ,CAAK;AAAA;AAAA,SAEjB;AAAA,GAGIE,IAAIR,EAAO;AAAA,WACbO,EAAK,IAAI;AAAA,GAGPE,IAAuBT,EAAOU,CAAW;AAAA;AAAA,GAIzCC,IAAwBX,EAAOY,CAAY;AAAA;AAAA,GAI3CC,IAAcb,EAAO;AAAA,eACnB,CAAC,EAAE,MAAAc,EAAI,MAAOA,CAAI;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Ripple.js","sources":["../../../src/components/Ripple/Ripple.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport './Ripple.css';\n\nconst Ripple = ({ children, rippleColor = 'rgba(0,0,0,0.3)', className = '', ...props }) => {\n const containerRef = useRef(null);\n\n const createRipple = (e) => {\n const container = containerRef.current;\n if (!container) return;\n\n const ripple = document.createElement('span');\n ripple.className = 'ripple';\n ripple.style.backgroundColor = rippleColor;\n\n const rect = container.getBoundingClientRect();\n const size = Math.max(rect.width, rect.height);\n ripple.style.width = ripple.style.height = `${size}px`;\n\n // Center ripple on click\n ripple.style.left = `${e.clientX - rect.left - size / 2}px`;\n ripple.style.top = `${e.clientY - rect.top - size / 2}px`;\n\n container.appendChild(ripple);\n ripple.addEventListener('animationend', () => ripple.remove());\n };\n\n return (\n <div\n ref={containerRef}\n onClick={createRipple}\n className={`ripple-container ${className}`}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default Ripple;\n"],"names":["Ripple","children","rippleColor","className","props","containerRef","useRef","createRipple","e","container","ripple","rect","size","jsx"],"mappings":";;;AAGA,MAAMA,IAAS,CAAC,EAAE,UAAAC,GAAU,aAAAC,IAAc,mBAAmB,WAAAC,IAAY,IAAI,GAAGC,QAAY;AAC1F,QAAMC,IAAeC,EAAO,IAAI,GAE1BC,IAAe,CAACC,MAAM;AAC1B,UAAMC,IAAYJ,EAAa;AAC/B,QAAI,CAACI,EAAW;AAEhB,UAAMC,IAAS,SAAS,cAAc,MAAM;AAC5C,IAAAA,EAAO,YAAY,UACnBA,EAAO,MAAM,kBAAkBR;AAE/B,UAAMS,IAAOF,EAAU,sBAAA,GACjBG,IAAO,KAAK,IAAID,EAAK,OAAOA,EAAK,MAAM;AAC7C,IAAAD,EAAO,MAAM,QAAQA,EAAO,MAAM,SAAS,GAAGE,CAAI,MAGlDF,EAAO,MAAM,OAAO,GAAGF,EAAE,UAAUG,EAAK,OAAOC,IAAO,CAAC,MACvDF,EAAO,MAAM,MAAM,GAAGF,EAAE,UAAUG,EAAK,MAAMC,IAAO,CAAC,MAErDH,EAAU,YAAYC,CAAM,GAC5BA,EAAO,iBAAiB,gBAAgB,MAAMA,EAAO,QAAQ;AAAA,EAC/D;AAEA,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,SAASE;AAAA,MACT,WAAW,oBAAoBJ,CAAS;AAAA,MACvC,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/index.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { default as r } from "./components/Pagination/Pagination.js";
|
|
2
|
-
import { default as a } from "./colors/index.js";
|
|
3
|
-
import { default as l } from "./components/Icons/ChevronLeft/ChevronLeft.js";
|
|
4
|
-
import { default as d } from "./components/Icons/ChevronRight/ChevronRight.js";
|
|
5
|
-
export {
|
|
6
|
-
l as ChevronLeft,
|
|
7
|
-
d as ChevronRight,
|
|
8
|
-
r as Pagination,
|
|
9
|
-
a as colors
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|