@gobolt/genesis 0.0.10 → 0.1.0

package/dist/components/Checkbox/styles.js

@@ -1,441 +1,6 @@
-import { d as re } from "../../styled-components.browser.esm-CZ1XM4o4.js";
-import * as t from "react";
-import X, { forwardRef as ne, useRef as L, useImperativeHandle as oe } from "react";
-import { e as ae, f as ce, c as F, h as G, a as te, _ as T } from "../../warning-C63HNL9U.js";
-import { u as le, o as ie } from "../../isVisible-A-IfeFoT.js";
-import { w as W, g as se, m as de, o as z, p as ue, q, C as K, D as be, t as fe, v as he, x as H } from "../../index-oK7z6jnz.js";
-import { T as pe, W as xe } from "../../index-1CBpubM3.js";
-import { F as Ce, u as U } from "../../context-BMW3aJEf.js";
-var me = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"], ge = /* @__PURE__ */ ne(function(e, r) {
-  var n = e.prefixCls, o = n === void 0 ? "rc-checkbox" : n, s = e.className, C = e.style, $ = e.checked, h = e.disabled, O = e.defaultChecked, y = O === void 0 ? !1 : O, d = e.type, S = d === void 0 ? "checkbox" : d, P = e.title, l = e.onChange, E = ae(e, me), m = L(null), u = L(null), a = le(y, {
-    value: $
-  }), _ = ce(a, 2), N = _[0], A = _[1];
-  oe(r, function() {
-    return {
-      focus: function(i) {
-        var f;
-        (f = m.current) === null || f === void 0 || f.focus(i);
-      },
-      blur: function() {
-        var i;
-        (i = m.current) === null || i === void 0 || i.blur();
-      },
-      input: m.current,
-      nativeElement: u.current
-    };
-  });
-  var b = F(o, s, G(G({}, "".concat(o, "-checked"), N), "".concat(o, "-disabled"), h)), p = function(i) {
-    h || ("checked" in e || A(i.target.checked), l == null || l({
-      target: T(T({}, e), {}, {
-        type: S,
-        checked: i.target.checked
-      }),
-      stopPropagation: function() {
-        i.stopPropagation();
-      },
-      preventDefault: function() {
-        i.preventDefault();
-      },
-      nativeEvent: i.nativeEvent
-    }));
-  };
-  return /* @__PURE__ */ t.createElement("span", {
-    className: b,
-    title: P,
-    style: C,
-    ref: u
-  }, /* @__PURE__ */ t.createElement("input", te({}, E, {
-    className: "".concat(o, "-input"),
-    ref: m,
-    onChange: p,
-    disabled: h,
-    checked: !!N,
-    type: S
-  })), /* @__PURE__ */ t.createElement("span", {
-    className: "".concat(o, "-inner")
-  }));
-});
-function ke(e) {
-  const r = X.useRef(null), n = () => {
-    W.cancel(r.current), r.current = null;
-  };
-  return [() => {
-    n(), r.current = W(() => {
-      r.current = null;
-    });
-  }, (C) => {
-    r.current && (C.stopPropagation(), n()), e == null || e(C);
-  }];
-}
-const ve = (e) => {
-  const {
-    checkboxCls: r
-  } = e, n = `${r}-wrapper`;
-  return [
-    // ===================== Basic =====================
-    {
-      // Group
-      [`${r}-group`]: Object.assign(Object.assign({}, z(e)), {
-        display: "inline-flex",
-        flexWrap: "wrap",
-        columnGap: e.marginXS,
-        // Group > Grid
-        [`> ${e.antCls}-row`]: {
-          flex: 1
-        }
-      }),
-      // Wrapper
-      [n]: Object.assign(Object.assign({}, z(e)), {
-        display: "inline-flex",
-        alignItems: "baseline",
-        cursor: "pointer",
-        // Fix checkbox & radio in flex align #30260
-        "&:after": {
-          display: "inline-block",
-          width: 0,
-          overflow: "hidden",
-          content: "'\\a0'"
-        },
-        // Checkbox near checkbox
-        [`& + ${n}`]: {
-          marginInlineStart: 0
-        },
-        [`&${n}-in-form-item`]: {
-          'input[type="checkbox"]': {
-            width: 14,
-            // FIXME: magic
-            height: 14
-            // FIXME: magic
-          }
-        }
-      }),
-      // Wrapper > Checkbox
-      [r]: Object.assign(Object.assign({}, z(e)), {
-        position: "relative",
-        whiteSpace: "nowrap",
-        lineHeight: 1,
-        cursor: "pointer",
-        borderRadius: e.borderRadiusSM,
-        // To make alignment right when `controlHeight` is changed
-        // Ref: https://github.com/ant-design/ant-design/issues/41564
-        alignSelf: "center",
-        // Wrapper > Checkbox > input
-        [`${r}-input`]: {
-          position: "absolute",
-          // Since baseline align will get additional space offset,
-          // we need to move input to top to make it align with text.
-          // Ref: https://github.com/ant-design/ant-design/issues/38926#issuecomment-1486137799
-          inset: 0,
-          zIndex: 1,
-          cursor: "pointer",
-          opacity: 0,
-          margin: 0,
-          [`&:focus-visible + ${r}-inner`]: Object.assign({}, ue(e))
-        },
-        // Wrapper > Checkbox > inner
-        [`${r}-inner`]: {
-          boxSizing: "border-box",
-          display: "block",
-          width: e.checkboxSize,
-          height: e.checkboxSize,
-          direction: "ltr",
-          backgroundColor: e.colorBgContainer,
-          border: `${q(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,
-          borderRadius: e.borderRadiusSM,
-          borderCollapse: "separate",
-          transition: `all ${e.motionDurationSlow}`,
-          "&:after": {
-            boxSizing: "border-box",
-            position: "absolute",
-            top: "50%",
-            insetInlineStart: "25%",
-            display: "table",
-            width: e.calc(e.checkboxSize).div(14).mul(5).equal(),
-            height: e.calc(e.checkboxSize).div(14).mul(8).equal(),
-            border: `${q(e.lineWidthBold)} solid ${e.colorWhite}`,
-            borderTop: 0,
-            borderInlineStart: 0,
-            transform: "rotate(45deg) scale(0) translate(-50%,-50%)",
-            opacity: 0,
-            content: '""',
-            transition: `all ${e.motionDurationFast} ${e.motionEaseInBack}, opacity ${e.motionDurationFast}`
-          }
-        },
-        // Wrapper > Checkbox + Text
-        "& + span": {
-          paddingInlineStart: e.paddingXS,
-          paddingInlineEnd: e.paddingXS
-        }
-      })
-    },
-    // ===================== Hover =====================
-    {
-      // Wrapper & Wrapper > Checkbox
-      [`
-        ${n}:not(${n}-disabled),
-        ${r}:not(${r}-disabled)
-      `]: {
-        [`&:hover ${r}-inner`]: {
-          borderColor: e.colorPrimary
-        }
-      },
-      [`${n}:not(${n}-disabled)`]: {
-        [`&:hover ${r}-checked:not(${r}-disabled) ${r}-inner`]: {
-          backgroundColor: e.colorPrimaryHover,
-          borderColor: "transparent"
-        },
-        [`&:hover ${r}-checked:not(${r}-disabled):after`]: {
-          borderColor: e.colorPrimaryHover
-        }
-      }
-    },
-    // ==================== Checked ====================
-    {
-      // Wrapper > Checkbox
-      [`${r}-checked`]: {
-        [`${r}-inner`]: {
-          backgroundColor: e.colorPrimary,
-          borderColor: e.colorPrimary,
-          "&:after": {
-            opacity: 1,
-            transform: "rotate(45deg) scale(1) translate(-50%,-50%)",
-            transition: `all ${e.motionDurationMid} ${e.motionEaseOutBack} ${e.motionDurationFast}`
-          }
-        }
-      },
-      [`
-        ${n}-checked:not(${n}-disabled),
-        ${r}-checked:not(${r}-disabled)
-      `]: {
-        [`&:hover ${r}-inner`]: {
-          backgroundColor: e.colorPrimaryHover,
-          borderColor: "transparent"
-        }
-      }
-    },
-    // ================= Indeterminate =================
-    {
-      [r]: {
-        "&-indeterminate": {
-          // Wrapper > Checkbox > inner
-          [`${r}-inner`]: {
-            backgroundColor: `${e.colorBgContainer} !important`,
-            borderColor: `${e.colorBorder} !important`,
-            "&:after": {
-              top: "50%",
-              insetInlineStart: "50%",
-              width: e.calc(e.fontSizeLG).div(2).equal(),
-              height: e.calc(e.fontSizeLG).div(2).equal(),
-              backgroundColor: e.colorPrimary,
-              border: 0,
-              transform: "translate(-50%, -50%) scale(1)",
-              opacity: 1,
-              content: '""'
-            }
-          },
-          // https://github.com/ant-design/ant-design/issues/50074
-          [`&:hover ${r}-inner`]: {
-            backgroundColor: `${e.colorBgContainer} !important`,
-            borderColor: `${e.colorPrimary} !important`
-          }
-        }
-      }
-    },
-    // ==================== Disable ====================
-    {
-      // Wrapper
-      [`${n}-disabled`]: {
-        cursor: "not-allowed"
-      },
-      // Wrapper > Checkbox
-      [`${r}-disabled`]: {
-        // Wrapper > Checkbox > input
-        [`&, ${r}-input`]: {
-          cursor: "not-allowed",
-          // Disabled for native input to enable Tooltip event handler
-          // ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901
-          pointerEvents: "none"
-        },
-        // Wrapper > Checkbox > inner
-        [`${r}-inner`]: {
-          background: e.colorBgContainerDisabled,
-          borderColor: e.colorBorder,
-          "&:after": {
-            borderColor: e.colorTextDisabled
-          }
-        },
-        "&:after": {
-          display: "none"
-        },
-        "& + span": {
-          color: e.colorTextDisabled
-        },
-        [`&${r}-indeterminate ${r}-inner::after`]: {
-          background: e.colorTextDisabled
-        }
-      }
-    }
-  ];
-};
-function $e(e, r) {
-  const n = de(r, {
-    checkboxCls: `.${e}`,
-    checkboxSize: r.controlInteractiveSize
-  });
-  return [ve(n)];
-}
-const J = se("Checkbox", (e, r) => {
-  let {
-    prefixCls: n
-  } = r;
-  return [$e(n, e)];
-}), Q = /* @__PURE__ */ X.createContext(null);
-var ye = function(e, r) {
-  var n = {};
-  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, o = Object.getOwnPropertySymbols(e); s < o.length; s++)
-    r.indexOf(o[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[s]) && (n[o[s]] = e[o[s]]);
-  return n;
-};
-const Se = (e, r) => {
-  var n;
-  const {
-    prefixCls: o,
-    className: s,
-    rootClassName: C,
-    children: $,
-    indeterminate: h = !1,
-    style: O,
-    onMouseEnter: y,
-    onMouseLeave: d,
-    skipGroup: S = !1,
-    disabled: P
-  } = e, l = ye(e, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]), {
-    getPrefixCls: E,
-    direction: m,
-    checkbox: u
-  } = t.useContext(K), a = t.useContext(Q), {
-    isFormItemInput: _
-  } = t.useContext(Ce), N = t.useContext(be), A = (n = (a == null ? void 0 : a.disabled) || P) !== null && n !== void 0 ? n : N, b = t.useRef(l.value), p = t.useRef(null), w = fe(r, p);
-  if (process.env.NODE_ENV !== "production") {
-    const x = he("Checkbox");
-    process.env.NODE_ENV !== "production" && x("checked" in l || !!a || !("value" in l), "usage", "`value` is not a valid prop, do you mean `checked`?");
-  }
-  t.useEffect(() => {
-    a == null || a.registerValue(l.value);
-  }, []), t.useEffect(() => {
-    if (!S)
-      return l.value !== b.current && (a == null || a.cancelValue(b.current), a == null || a.registerValue(l.value), b.current = l.value), () => a == null ? void 0 : a.cancelValue(l.value);
-  }, [l.value]), t.useEffect(() => {
-    var x;
-    !((x = p.current) === null || x === void 0) && x.input && (p.current.input.indeterminate = h);
-  }, [h]);
-  const i = E("checkbox", o), f = U(i), [V, R, j] = J(i, f), g = Object.assign({}, l);
-  a && !S && (g.onChange = function() {
-    l.onChange && l.onChange.apply(l, arguments), a.toggleOption && a.toggleOption({
-      label: $,
-      value: l.value
-    });
-  }, g.name = a.name, g.checked = a.value.includes(l.value));
-  const D = F(`${i}-wrapper`, {
-    [`${i}-rtl`]: m === "rtl",
-    [`${i}-wrapper-checked`]: g.checked,
-    [`${i}-wrapper-disabled`]: A,
-    [`${i}-wrapper-in-form-item`]: _
-  }, u == null ? void 0 : u.className, s, C, j, f, R), c = F({
-    [`${i}-indeterminate`]: h
-  }, pe, R), [k, v] = ke(g.onClick);
-  return V(/* @__PURE__ */ t.createElement(xe, {
-    component: "Checkbox",
-    disabled: A
-  }, /* @__PURE__ */ t.createElement("label", {
-    className: D,
-    style: Object.assign(Object.assign({}, u == null ? void 0 : u.style), O),
-    onMouseEnter: y,
-    onMouseLeave: d,
-    onClick: k
-  }, /* @__PURE__ */ t.createElement(ge, Object.assign({}, g, {
-    onClick: v,
-    prefixCls: i,
-    className: c,
-    disabled: A,
-    ref: w
-  })), $ !== void 0 && /* @__PURE__ */ t.createElement("span", null, $))));
-}, M = /* @__PURE__ */ t.forwardRef(Se);
-process.env.NODE_ENV !== "production" && (M.displayName = "Checkbox");
-var Ae = function(e, r) {
-  var n = {};
-  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, o = Object.getOwnPropertySymbols(e); s < o.length; s++)
-    r.indexOf(o[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[s]) && (n[o[s]] = e[o[s]]);
-  return n;
-};
-const we = /* @__PURE__ */ t.forwardRef((e, r) => {
-  const {
-    defaultValue: n,
-    children: o,
-    options: s = [],
-    prefixCls: C,
-    className: $,
-    rootClassName: h,
-    style: O,
-    onChange: y
-  } = e, d = Ae(e, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]), {
-    getPrefixCls: S,
-    direction: P
-  } = t.useContext(K), [l, E] = t.useState(d.value || n || []), [m, u] = t.useState([]);
-  t.useEffect(() => {
-    "value" in d && E(d.value || []);
-  }, [d.value]);
-  const a = t.useMemo(() => s.map((c) => typeof c == "string" || typeof c == "number" ? {
-    label: c,
-    value: c
-  } : c), [s]), _ = (c) => {
-    u((k) => k.filter((v) => v !== c));
-  }, N = (c) => {
-    u((k) => [].concat(H(k), [c]));
-  }, A = (c) => {
-    const k = l.indexOf(c.value), v = H(l);
-    k === -1 ? v.push(c.value) : v.splice(k, 1), "value" in d || E(v), y == null || y(v.filter((x) => m.includes(x)).sort((x, Y) => {
-      const Z = a.findIndex((B) => B.value === x), ee = a.findIndex((B) => B.value === Y);
-      return Z - ee;
-    }));
-  }, b = S("checkbox", C), p = `${b}-group`, w = U(b), [i, f, V] = J(b, w), R = ie(d, ["value", "disabled"]), j = s.length ? a.map((c) => /* @__PURE__ */ t.createElement(M, {
-    prefixCls: b,
-    key: c.value.toString(),
-    disabled: "disabled" in c ? c.disabled : d.disabled,
-    value: c.value,
-    checked: l.includes(c.value),
-    onChange: c.onChange,
-    className: `${p}-item`,
-    style: c.style,
-    title: c.title,
-    id: c.id,
-    required: c.required
-  }, c.label)) : o, g = {
-    toggleOption: A,
-    value: l,
-    disabled: d.disabled,
-    name: d.name,
-    // https://github.com/ant-design/ant-design/issues/16376
-    registerValue: N,
-    cancelValue: _
-  }, D = F(p, {
-    [`${p}-rtl`]: P === "rtl"
-  }, $, h, V, w, f);
-  return i(/* @__PURE__ */ t.createElement("div", Object.assign({
-    className: D,
-    style: O
-  }, R, {
-    ref: r
-  }), /* @__PURE__ */ t.createElement(Q.Provider, {
-    value: g
-  }, j)));
-}), I = M;
-I.Group = we;
-I.__ANT_CHECKBOX = !0;
-process.env.NODE_ENV !== "production" && (I.displayName = "Checkbox");
-const Oe = ({ colors: e, borderRadius: r }, n = "primary", o = "active") => `
+import { d as n } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { C as a } from "../../index-BPVue1Yd.js";
+const b = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
   .ant-checkbox-inner {
     background-color: #FFFFFF;
     border-color: #9A9A9A;
@@ -444,7 +9,7 @@ const Oe = ({ colors: e, borderRadius: r }, n = "primary", o = "active") => `
 
     &::after {
       border-color: #9A9A9A;
-      border: 2px solid ${e[n][o].color};
+      border: 2px solid ${o[e][r].color};
       border-top: 0;
       border-left: 0;
       content: "";
@@ -505,7 +70,7 @@ const Oe = ({ colors: e, borderRadius: r }, n = "primary", o = "active") => `
   }
 
   .ant-checkbox-checked .ant-checkbox-inner::after {
-    border-color: ${e[n].active.color};
+    border-color: ${o[e].active.color};
   }
 
   &:hover .ant-checkbox-inner {
@@ -525,18 +90,18 @@ const Oe = ({ colors: e, borderRadius: r }, n = "primary", o = "active") => `
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color:${e[n].focussed.ringColor};
+    background-color:${o[e].focussed.ringColor};
     border-color: #6C6C6C;
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${e.inputs.surface.checked};
-    border-color: ${e.inputs.surface.checked};
+    background-color: ${o.inputs.surface.checked};
+    border-color: ${o.inputs.surface.checked};
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${e.inputs.surface.checked};
-    border-color: ${e.inputs.surface.checked};
+    background-color: ${o.inputs.surface.checked};
+    border-color: ${o.inputs.surface.checked};
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
@@ -548,36 +113,36 @@ const Oe = ({ colors: e, borderRadius: r }, n = "primary", o = "active") => `
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${e[n].focussed.ringColor};
+    background-color: ${o[e].focussed.ringColor};
     border-color: #6C6C6C;
   }
 
   .ant-checkbox:focus-visible .ant-checkbox-inner,
   .ant-checkbox-input:focus-visible + .ant-checkbox-inner {
     outline: none;
-    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
-    border-radius: ${r.BorderRadiusXs}px;
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${o[e].focussed.ringColor};
+    border-radius: ${c.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
 
   .ant-checkbox-input:focus + .ant-checkbox-inner {
-    border-color: ${e[n].hover.borderColor};
+    border-color: ${o[e].hover.borderColor};
   }
 
   &:focus-visible {
     outline: none;
-    color: ${e[n].focussed.color};
-    background-color: ${e[n].focussed.backgroundColor};
-    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
-    border-radius: ${r.BorderRadiusXs}px;
+    color: ${o[e].focussed.color};
+    background-color: ${o[e].focussed.backgroundColor};
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${o[e].focussed.ringColor};
+    border-radius: ${c.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
-`, Ve = re(I)`
-  ${({ theme: e, type: r, state: n }) => Oe(e, r, n)}
+`, h = n(a)`
+  ${({ theme: o, type: c, state: e }) => b(o, c, e)}
 `;
 export {
-  Ve as StyledCheckbox,
-  Oe as getGenesisClass
+  h as StyledCheckbox,
+  b as getGenesisClass
 };

package/dist/components/Dashboard/Dashboard.d.ts

@@ -0,0 +1,5 @@
+export interface DashboardProps {
+    foo: string;
+}
+declare const Dashboard: ({ foo }: DashboardProps) => import("react/jsx-runtime").JSX.Element;
+export default Dashboard;

package/dist/components/Dashboard/Dashboard.js

@@ -0,0 +1,5 @@
+import { jsx as a } from "react/jsx-runtime";
+const t = ({ foo: o = "Coming soon." }) => /* @__PURE__ */ a("div", { "data-testid": "Dashboard", children: o });
+export {
+  t as default
+};

package/dist/components/Dashboard/__mocks__/dashboard-data.d.ts

@@ -0,0 +1,14 @@
+import { ColumnsType } from 'antd/es/table';
+
+interface DeliveryData {
+    id: string;
+    driverName: string;
+    vehicleType: "EV" | "ICE";
+    deliveryTime: string;
+    parcelsDelivered: number;
+    location: string;
+    status: "completed" | "in-progress" | "pending";
+}
+export declare const deliveryData: DeliveryData[];
+export declare const columns: ColumnsType<DeliveryData>;
+export {};