meticulous-ui 1.1.5 → 1.1.6

package/components/Pagination/Pagination.js

@@ -1,60 +0,0 @@
-import { j as c } from "../../_virtual/jsx-runtime.js";
-import K from "../../node_modules/lodash-es/get.js";
-import h from "../../node_modules/lodash-es/range.js";
-import { PrevArrow as w, renderPageNum as x, NextArrow as A, renderThreeDots as I } from "./helpers.js";
-import R from "../../colors/index.js";
-import S from "../../colors/teal.js";
-import { ICON_SIZE_MAPPING as _, MEDIUM as v, SIZE_REM_MAPPING as $ } from "./constants.js";
-import { AllPages as M, MiddleLayer as y } from "./styles.js";
-const k = ({
-  pageNumber: n,
-  setPageNumber: D,
-  totalPages: r,
-  theme: E = "lime",
-  size: i = v,
-  isDisabled: j = !1
-}) => {
-  const d = (e) => {
-    e !== n && D(e);
-  }, f = () => {
-    n > 1 && d(n - 1);
-  }, t = () => {
-    n < r && d(n + 1);
-  }, m = (e) => {
-    console.log({ e }), ["ArrowLeft", "ArrowUp"].includes(e.code) && f(), ["ArrowRight", "ArrowDown"].includes(e.code) && t();
-  }, o = K(R, E, S), l = $[i], s = _[i];
-  return r <= 7 ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
-    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
-    /* @__PURE__ */ c.jsx(y, { size: `${r * l}rem`, children: h(1, r + 1).map(
-      x({ size: i, selected: n, shades: o, changePage: d })
-    ) }),
-    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
-  ] }) : r < 10 || n < 4 || n > r - 3 && n <= r ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
-    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
-    /* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
-      h(1, 5).map(x({ size: i, selected: n, shades: o, changePage: d })),
-      I(),
-      [r - 3, r - 2, r - 1, r].map(
-        x({ size: i, selected: n, shades: o, changePage: d })
-      )
-    ] }),
-    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
-  ] }) : /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
-    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
-    /* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
-      h(1, 3).map(x({ size: i, selected: n, shades: o, changePage: d })),
-      I(),
-      [n - 1, n, n + 1].map(
-        x({ size: i, selected: n, shades: o, changePage: d })
-      ),
-      I(),
-      [r - 1, r].map(
-        x({ size: i, selected: n, shades: o, changePage: d })
-      )
-    ] }),
-    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
-  ] });
-};
-export {
-  k as default
-};

package/components/Pagination/constants.js

@@ -1,24 +0,0 @@
-const _ = "small", I = "medium", E = "large", M = {
-  [_]: 1.9,
-  [I]: 2.6,
-  [E]: 3.1
-}, S = {
-  [_]: 1,
-  [I]: 1.2,
-  [E]: 1.4
-}, L = {
-  [_]: 18,
-  [I]: 19,
-  [E]: 20
-}, t = "selected_bg", N = "not_selected_bg", A = "active_not_selected_bg";
-export {
-  A as ACTIVE_NOT_SELECTED_BG,
-  S as FONT_SIZE_MAPPING,
-  L as ICON_SIZE_MAPPING,
-  E as LARGE,
-  I as MEDIUM,
-  N as NOT_SELECTED_BG,
-  t as SELECTED_BG,
-  M as SIZE_REM_MAPPING,
-  _ as SMALL
-};

package/components/Pagination/helpers.js

@@ -1,32 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.js";
-import s from "../Ripple/Ripple.js";
-import { FONT_SIZE_MAPPING as x, SIZE_REM_MAPPING as h } from "./constants.js";
-import { ClickableChevronLeft as j, Page as p, ClickableChevronRight as C, P as t } from "./styles.js";
-const R = ({ size: e, selected: i, shades: n, changePage: c }) => (o) => {
-  const l = h[e], m = x[e], d = () => {
-    c(o);
-  };
-  return /* @__PURE__ */ r.jsx(
-    p,
-    {
-      "data-testid": i === o ? "current-page" : `test-${o}`,
-      isSelected: i === o,
-      onClick: d,
-      shades: n,
-      individualRemSize: l,
-      fontRemSize: m,
-      children: o
-    },
-    `page_${o}`
-  );
-}, u = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-  /* @__PURE__ */ r.jsx(t, { children: "." }),
-  /* @__PURE__ */ r.jsx(t, { children: "." }),
-  /* @__PURE__ */ r.jsx(t, { children: "." })
-] }), N = ({ iconSize: e, shades: i, setPrevPage: n }) => /* @__PURE__ */ r.jsx(s, { rippleColor: i.m50, children: /* @__PURE__ */ r.jsx(j, { size: e, onClick: n }) }), S = ({ iconSize: e, shades: i, setNextPage: n }) => /* @__PURE__ */ r.jsx(s, { rippleColor: i.m50, children: /* @__PURE__ */ r.jsx(C, { size: e, onClick: n }) });
-export {
-  S as NextArrow,
-  N as PrevArrow,
-  R as renderPageNum,
-  u as renderThreeDots
-};

package/components/Pagination/index.js

@@ -1,4 +0,0 @@
-import o from "./Pagination.js";
-export {
-  o as default
-};

package/components/Pagination/styles.js

@@ -1,75 +0,0 @@
-import o, { css as i } from "../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import a from "../Icons/ChevronLeft/ChevronLeft.js";
-import f from "../Icons/ChevronRight/ChevronRight.js";
-import c from "../../colors/grey.js";
-import n from "../../colors/white.js";
-import d from "../../colors/black.js";
-import { SELECTED_BG as m, NOT_SELECTED_BG as l, ACTIVE_NOT_SELECTED_BG as s } from "./constants.js";
-const t = (r) => ({ shades: e }) => {
-  if (["#FFFFFF"].includes(e))
-    return d.m900;
-  if (r === m)
-    return e.m500;
-  if (r === l)
-    return e.m50;
-  if (r === s)
-    return e.m100;
-}, E = o.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.6rem;
-  min-width: 100%;
-  width: 100%;
-
-  ${({ isDisabled: r }) => r && i`
-      pointer-events: none;
-      opacity: 0.4;
-    `};
-`, b = o.div`
-  height: ${({ individualRemSize: r }) => `${r}rem`};
-  width: ${({ individualRemSize: r }) => `${r}rem`};
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-  font-size: ${({ fontRemSize: r }) => r}rem;
-  ${({ isSelected: r }) => r ? i`
-          cursor: auto;
-          color: ${n};
-          background-color: ${t(m)};
-        ` : i`
-          cursor: pointer;
-          color: ${c.m500};
-
-          &:hover {
-            background-color: ${t(l)};
-          }
-
-          &:active {
-            background-color: ${t(s)};
-            color: ${n};
-          }
-        `}
-`, y = o.p`
-  color: ${c.m500};
-`, k = o(a)`
-  cursor: pointer;
-`, w = o(f)`
-  cursor: pointer;
-`, x = o.div`
-  min-width: ${({ size: r }) => r};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-export {
-  E as AllPages,
-  k as ClickableChevronLeft,
-  w as ClickableChevronRight,
-  x as MiddleLayer,
-  y as P,
-  b as Page
-};

package/components/Ripple/Ripple.js

@@ -1,26 +0,0 @@
-import { j as m } from "../../_virtual/jsx-runtime.js";
-import { useRef as d } from "react";
-/* empty css           */
-const x = ({ children: s, rippleColor: l = "rgba(0,0,0,0.3)", className: p = "", ...c }) => {
-  const r = d(null), a = (o) => {
-    const n = r.current;
-    if (!n) return;
-    const e = document.createElement("span");
-    e.className = "ripple", e.style.backgroundColor = l;
-    const t = n.getBoundingClientRect(), i = Math.max(t.width, t.height);
-    e.style.width = e.style.height = `${i}px`, e.style.left = `${o.clientX - t.left - i / 2}px`, e.style.top = `${o.clientY - t.top - i / 2}px`, n.appendChild(e), e.addEventListener("animationend", () => e.remove());
-  };
-  return /* @__PURE__ */ m.jsx(
-    "div",
-    {
-      ref: r,
-      onClick: a,
-      className: `ripple-container ${p}`,
-      ...c,
-      children: s
-    }
-  );
-};
-export {
-  x as default
-};

package/components/Ripple/index.js

@@ -1,4 +0,0 @@
-import e from "./Ripple.js";
-export {
-  e as default
-};

package/utils/capFirstLetter.js

@@ -1,4 +0,0 @@
-const t = (e) => typeof e != "string" || e.length === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1);
-export {
-  t as default
-};

package/utils/compose.js

@@ -1,4 +0,0 @@
-const s = (...e) => (o) => e.reduceRight((t, c) => c(t), o);
-export {
-  s as default
-};

package/utils/hasEqualProps.js

@@ -1,7 +0,0 @@
-import o from "../node_modules/lodash-es/omitBy.js";
-import r from "../node_modules/lodash-es/isFunction.js";
-import m from "react-fast-compare";
-const f = (t, i) => m(o(t, r), o(i, r));
-export {
-  f as default
-};

package/utils/isNonEmptyArray.js

@@ -1,4 +0,0 @@
-const t = (r) => Array.isArray(r) && r.length > 0;
-export {
-  t as default
-};