bonkers-ui 2.0.12 → 2.0.14
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/UiNavigationSteps-Daqd0O2G.js +139 -0
- package/UiNavigationSteps-Daqd0O2G.js.map +1 -0
- package/_types/colors.d.ts +1 -8
- package/_types/colors.js +1 -1
- package/_types/colors.js.map +1 -1
- package/assets/UiNavigationSteps.css +1 -1
- package/bonkers.css +0 -20
- package/components/UiBerRank/UiBerRank.js +38 -47
- package/components/UiBerRank/UiBerRank.js.map +1 -1
- package/components/UiBerRank/_types.d.ts +16 -18
- package/components/UiBerRank/_types.js +21 -23
- package/components/UiBerRank/_types.js.map +1 -1
- package/components/UiNavigationSteps/UiNavigationStep.js +44 -52
- package/components/UiNavigationSteps/UiNavigationStep.js.map +1 -1
- package/components/UiNavigationSteps/UiNavigationSteps.js +1 -1
- package/components/UiNavigationSteps/index.js +1 -1
- package/components/UiToggle/UiToggle.js +7 -7
- package/components/UiToggle/UiToggle.js.map +1 -1
- package/package.json +18 -18
- package/UiNavigationSteps-D4QC-7s-.js +0 -117
- package/UiNavigationSteps-D4QC-7s-.js.map +0 -1
- package/assets/UiBerRank.css +0 -1
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { jsx as v, jsxs as O } from "react/jsx-runtime";
|
|
2
|
+
import d, { createContext as j, useRef as g, useState as m, useEffect as b, useCallback as U, useContext as D } from "react";
|
|
3
|
+
import V from "classnames";
|
|
4
|
+
import './assets/UiNavigationSteps.css';const F = "_navbar_10z8q_1", T = "_navbarProgress_10z8q_17", C = {
|
|
5
|
+
navbar: F,
|
|
6
|
+
navbarProgress: T
|
|
7
|
+
}, x = j(null), J = ({ initialStepId: o, children: E, className: P, complete: p = !1 }) => {
|
|
8
|
+
const h = g(0), a = g(null), [z, N] = m(0), [l, u] = m(/* @__PURE__ */ new Set()), [R, S] = m(0), n = g({
|
|
9
|
+
steps: /* @__PURE__ */ new Map(),
|
|
10
|
+
parentMap: /* @__PURE__ */ new Map()
|
|
11
|
+
}), y = (e, s) => {
|
|
12
|
+
n.current.steps.has(e) || (h.current += 1, n.current.steps.set(e, {
|
|
13
|
+
order: h.current,
|
|
14
|
+
hasSubsteps: s,
|
|
15
|
+
progress: s ? {
|
|
16
|
+
current: 0,
|
|
17
|
+
total: 0
|
|
18
|
+
} : void 0
|
|
19
|
+
}));
|
|
20
|
+
}, w = (e) => {
|
|
21
|
+
const { steps: s, parentMap: t } = n.current;
|
|
22
|
+
let r = null;
|
|
23
|
+
if (s.has(e))
|
|
24
|
+
r = s.get(e).order;
|
|
25
|
+
else if (t.has(e)) {
|
|
26
|
+
const c = t.get(e);
|
|
27
|
+
s.has(c) && (r = s.get(c).order);
|
|
28
|
+
}
|
|
29
|
+
r !== null && (r < z && q(r), A(r), N(r));
|
|
30
|
+
}, M = (e, s, t = []) => {
|
|
31
|
+
if (t.length > 0) {
|
|
32
|
+
t.forEach((i) => {
|
|
33
|
+
n.current.parentMap.set(i.id, e);
|
|
34
|
+
});
|
|
35
|
+
const r = t.findIndex((i) => i.id === s) + 1, c = t.length;
|
|
36
|
+
if (r > 0) {
|
|
37
|
+
const i = n.current.steps.get(e);
|
|
38
|
+
i && n.current.steps.set(e, {
|
|
39
|
+
...i,
|
|
40
|
+
progress: {
|
|
41
|
+
current: r,
|
|
42
|
+
total: c
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}, q = (e) => {
|
|
48
|
+
u((s) => {
|
|
49
|
+
const t = new Set(s);
|
|
50
|
+
return n.current.steps.forEach((r, c) => {
|
|
51
|
+
r.order > e && t.delete(c);
|
|
52
|
+
}), t;
|
|
53
|
+
});
|
|
54
|
+
}, A = (e) => {
|
|
55
|
+
u(p ? new Set(n.current.steps.keys()) : (s) => {
|
|
56
|
+
const t = new Set(s);
|
|
57
|
+
return n.current.steps.forEach((r, c) => {
|
|
58
|
+
r.order < e ? t.add(c) : r.order === e && t.delete(c);
|
|
59
|
+
}), t;
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
b(() => {
|
|
63
|
+
const { steps: e, parentMap: s } = n.current;
|
|
64
|
+
if (e.size > 0) {
|
|
65
|
+
let t = o;
|
|
66
|
+
if (s.has(o)) {
|
|
67
|
+
const r = s.get(o);
|
|
68
|
+
r && e.has(r) && (t = r);
|
|
69
|
+
}
|
|
70
|
+
u(p ? new Set(e.keys()) : /* @__PURE__ */ new Set()), e.has(t) && w(t);
|
|
71
|
+
}
|
|
72
|
+
}, [o, p]);
|
|
73
|
+
const _ = {
|
|
74
|
+
currentStepId: o,
|
|
75
|
+
registerStep: y,
|
|
76
|
+
navigateToStep: w,
|
|
77
|
+
updateSubstepProgress: M,
|
|
78
|
+
completedSteps: l
|
|
79
|
+
}, k = (e) => e === o || n.current.parentMap.get(o) === e, B = (e) => l.has(e), W = d.Children.map(E, (e, s) => {
|
|
80
|
+
if (d.isValidElement(e)) {
|
|
81
|
+
const t = n.current.steps.get(e.props.id), r = n.current.steps.size;
|
|
82
|
+
return d.cloneElement(e, {
|
|
83
|
+
order: t?.order || s + 1,
|
|
84
|
+
totalSteps: r,
|
|
85
|
+
isActive: k(e.props.id),
|
|
86
|
+
isComplete: B(e.props.id)
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
return e;
|
|
90
|
+
}), f = U(() => {
|
|
91
|
+
if (!a.current) return;
|
|
92
|
+
const e = a.current.querySelector('[aria-current="step"]');
|
|
93
|
+
if (!e) return S(0);
|
|
94
|
+
const s = e.getBoundingClientRect(), t = a.current.getBoundingClientRect(), r = s.left - t.left + s.width / 2;
|
|
95
|
+
S(r);
|
|
96
|
+
}, []);
|
|
97
|
+
return b(() => {
|
|
98
|
+
if (!a.current) return;
|
|
99
|
+
const e = new ResizeObserver(() => {
|
|
100
|
+
requestAnimationFrame(f);
|
|
101
|
+
});
|
|
102
|
+
return e.observe(a.current), a.current.querySelectorAll('[role="listitem"]').forEach((t) => {
|
|
103
|
+
e.observe(t);
|
|
104
|
+
}), f(), () => {
|
|
105
|
+
e.disconnect();
|
|
106
|
+
};
|
|
107
|
+
}, [f, o]), /* @__PURE__ */ v(x.Provider, { value: _, children: /* @__PURE__ */ O(
|
|
108
|
+
"nav",
|
|
109
|
+
{
|
|
110
|
+
"aria-label": "Progress",
|
|
111
|
+
className: V("relative grid grid-cols-1 grid-rows-1 items-center", C.navbar, P),
|
|
112
|
+
"data-status": l.size === n.current.steps.size ? "complete" : void 0,
|
|
113
|
+
ref: a,
|
|
114
|
+
children: [
|
|
115
|
+
/* @__PURE__ */ v("div", { className: C.navbarProgress, style: {
|
|
116
|
+
width: `${R}px`
|
|
117
|
+
} }),
|
|
118
|
+
/* @__PURE__ */ v(
|
|
119
|
+
"div",
|
|
120
|
+
{
|
|
121
|
+
className: "z-10 flex items-center justify-between",
|
|
122
|
+
children: W
|
|
123
|
+
}
|
|
124
|
+
)
|
|
125
|
+
]
|
|
126
|
+
}
|
|
127
|
+
) });
|
|
128
|
+
}, K = () => {
|
|
129
|
+
const o = D(x);
|
|
130
|
+
if (!o)
|
|
131
|
+
throw new Error("useStepNav must be used within a UiNavigationStepsProvider");
|
|
132
|
+
return o;
|
|
133
|
+
};
|
|
134
|
+
export {
|
|
135
|
+
J as U,
|
|
136
|
+
C as s,
|
|
137
|
+
K as u
|
|
138
|
+
};
|
|
139
|
+
//# sourceMappingURL=UiNavigationSteps-Daqd0O2G.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiNavigationSteps-Daqd0O2G.js","sources":["../src/components/UiNavigationSteps/UiNavigationSteps.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseEffect, useCallback,\n} from \"react\";\nimport { type INavStepProps, type INavigationStepContext, type INavSubStep } from \"./_types\";\nimport cx from \"classnames\";\nimport styles from \"./UiNavigationSteps.module.css\";\n\nconst NavigationStepContext = createContext<INavigationStepContext | null>(null);\n\ninterface INavigationStepData {\n\torder: number;\n\thasSubsteps: boolean;\n\tprogress?: {\n\t\tcurrent: number;\n\t\ttotal: number;\n\t};\n}\n\ninterface INavigationProviderState {\n\tsteps: Map<string, INavigationStepData>;\n\tparentMap: Map<string, string>;\n}\n\nexport const UiNavigationSteps: React.FC<{\n\tinitialStepId: string;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\tcomplete?: boolean\n}> = ({ initialStepId, children, className, complete = false }) => {\n\tconst orderCounter = useRef(0);\n\tconst navRef = useRef<HTMLDivElement>(null);\n\tconst [currentStepOrder, setCurrentStepOrder] = useState<number>(0);\n\tconst [completedSteps, setCompletedSteps] = useState<Set<string>>(new Set());\n\tconst [activeBarWidth, setActiveBarWidth] = useState<number>(0);\n\n\tconst navigationState = useRef<INavigationProviderState>({\n\t\tsteps: new Map(),\n\t\tparentMap: new Map(),\n\t});\n\n\tconst registerStep = (id: string, hasSubsteps: boolean) => {\n\t\tif (!navigationState.current.steps.has(id)) {\n\t\t\torderCounter.current += 1;\n\t\t\tnavigationState.current.steps.set(id, {\n\t\t\t\torder: orderCounter.current,\n\t\t\t\thasSubsteps,\n\t\t\t\tprogress: hasSubsteps\n\t\t\t\t\t? {\n\t\t\t\t\t\tcurrent: 0,\n\t\t\t\t\t\ttotal: 0\n\t\t\t\t\t}\n\t\t\t\t\t: undefined\n\t\t\t});\n\t\t}\n\t};\n\n\tconst navigateToStep = (id: string) => {\n\t\tconst { steps, parentMap } = navigationState.current;\n\t\tlet targetOrder: number | null = null;\n\n\t\tif (steps.has(id)) {\n\t\t\ttargetOrder = steps.get(id)!.order;\n\t\t} else if (parentMap.has(id)) {\n\t\t\tconst parentId = parentMap.get(id)!;\n\t\t\tif (steps.has(parentId)) {\n\t\t\t\ttargetOrder = steps.get(parentId)!.order;\n\t\t\t}\n\t\t}\n\n\t\tif (targetOrder !== null) {\n\t\t\tif (targetOrder < currentStepOrder) {\n\t\t\t\tmarkSubsequentStepsIncomplete(targetOrder);\n\t\t\t}\n\t\t\tmarkPreviousStepsComplete(targetOrder);\n\t\t\tsetCurrentStepOrder(targetOrder);\n\t\t}\n\t};\n\n\tconst updateSubstepProgress = (stepId: string, substepId: string, subSteps: INavSubStep[] = []) => {\n\t\tif (subSteps.length > 0) {\n\t\t\tsubSteps.forEach(sub => {\n\t\t\t\tnavigationState.current.parentMap.set(sub.id, stepId);\n\t\t\t});\n\n\t\t\tconst current = subSteps.findIndex(sub => sub.id === substepId) + 1;\n\t\t\tconst total = subSteps.length;\n\n\t\t\tif (current > 0) {\n\t\t\t\tconst stepData = navigationState.current.steps.get(stepId);\n\t\t\t\tif (stepData) {\n\t\t\t\t\tnavigationState.current.steps.set(stepId, {\n\t\t\t\t\t\t...stepData,\n\t\t\t\t\t\tprogress: {\n\t\t\t\t\t\t\tcurrent,\n\t\t\t\t\t\t\ttotal\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst markSubsequentStepsIncomplete = (targetOrder: number) => {\n\t\tsetCompletedSteps(prev => {\n\t\t\tconst newSet = new Set(prev);\n\t\t\tnavigationState.current.steps.forEach((data, id) => {\n\t\t\t\tif (data.order > targetOrder) {\n\t\t\t\t\tnewSet.delete(id);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn newSet;\n\t\t});\n\t};\n\n\tconst markPreviousStepsComplete = (targetOrder: number) => {\n\t\tif (!complete) {\n\t\t\tsetCompletedSteps(prev => {\n\t\t\t\tconst newSet = new Set(prev);\n\t\t\t\tnavigationState.current.steps.forEach((data, id) => {\n\t\t\t\t\tif (data.order < targetOrder) {\n\t\t\t\t\t\tnewSet.add(id);\n\t\t\t\t\t} else if (data.order === targetOrder) {\n\t\t\t\t\t\tnewSet.delete(id);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn newSet;\n\t\t\t});\n\t\t} else {\n\t\t\tsetCompletedSteps(new Set(navigationState.current.steps.keys()));\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tconst { steps, parentMap } = navigationState.current;\n\n\t\tif (steps.size > 0) {\n\t\t\tlet targetStepId = initialStepId;\n\n\t\t\tif (parentMap.has(initialStepId)) {\n\t\t\t\tconst parentId = parentMap.get(initialStepId);\n\t\t\t\tif (parentId && steps.has(parentId)) {\n\t\t\t\t\ttargetStepId = parentId;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (complete) {\n\t\t\t\tsetCompletedSteps(new Set(steps.keys()));\n\t\t\t} else {\n\t\t\t\tsetCompletedSteps(new Set());\n\t\t\t}\n\n\t\t\tif (steps.has(targetStepId)) {\n\t\t\t\tnavigateToStep(targetStepId);\n\t\t\t}\n\t\t}\n\t}, [initialStepId, complete]);\n\n\tconst contextValue: INavigationStepContext = {\n\t\tcurrentStepId: initialStepId,\n\t\tregisterStep,\n\t\tnavigateToStep,\n\t\tupdateSubstepProgress,\n\t\tcompletedSteps,\n\t};\n\n\tconst isStepActive = (id: string) => {\n\t\treturn id === initialStepId\n\t\t\t|| navigationState.current.parentMap.get(initialStepId) === id;\n\t};\n\n\tconst isStepComplete = (id: string) => {\n\t\treturn completedSteps.has(id);\n\t};\n\n\tconst childWithProps = React.Children.map(children, (child, index) => {\n\t\tif (React.isValidElement<INavStepProps>(child)) {\n\t\t\tconst stepData = navigationState.current.steps.get(child.props.id);\n\t\t\tconst totalSteps = navigationState.current.steps.size;\n\n\t\t\treturn React.cloneElement(child, {\n\t\t\t\torder: stepData?.order || index + 1,\n\t\t\t\ttotalSteps,\n\t\t\t\tisActive: isStepActive(child.props.id),\n\t\t\t\tisComplete: isStepComplete(child.props.id)\n\t\t\t});\n\t\t}\n\t\treturn child;\n\t});\n\n\tconst updateActiveBarWidth = useCallback(() => {\n\t\tif (!navRef.current) return;\n\n\t\tconst activeStep = navRef.current.querySelector(`[aria-current=\"step\"]`);\n\t\tif (!activeStep) return setActiveBarWidth(0);\n\n\t\tconst stepRect = activeStep.getBoundingClientRect();\n\t\tconst containerRect = navRef.current.getBoundingClientRect();\n\t\tconst newWidth = (stepRect.left - containerRect.left) + (stepRect.width / 2);\n\n\t\tsetActiveBarWidth(newWidth);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!navRef.current) return;\n\n\t\tconst resizeObserver = new ResizeObserver(() => {\n\t\t\trequestAnimationFrame(updateActiveBarWidth);\n\t\t});\n\n\t\tresizeObserver.observe(navRef.current);\n\t\tconst stepElements = navRef.current.querySelectorAll('[role=\"listitem\"]');\n\t\tstepElements.forEach(step => {\n\t\t\tresizeObserver.observe(step);\n\t\t});\n\n\t\tupdateActiveBarWidth();\n\n\t\treturn () => {\n\t\t\tresizeObserver.disconnect();\n\t\t};\n\t}, [updateActiveBarWidth, initialStepId]);\n\n\treturn (\n\t\t<NavigationStepContext.Provider value={ contextValue }>\n\t\t\t<nav\n\t\t\t\taria-label=\"Progress\"\n\t\t\t\tclassName={ cx(\"relative grid grid-cols-1 grid-rows-1 items-center\", styles.navbar, className) }\n\t\t\t\tdata-status={\n\t\t\t\t\tcompletedSteps.size === navigationState.current.steps.size\n\t\t\t\t\t\t? \"complete\"\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tref={ navRef }\n\t\t\t>\n\t\t\t\t<div className={ styles.navbarProgress } style={ {\n\t\t\t\t\twidth: `${activeBarWidth}px`,\n\t\t\t\t} } />\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"z-10 flex items-center justify-between\"\n\t\t\t\t>\n\t\t\t\t\t{ childWithProps }\n\t\t\t\t</div>\n\t\t\t</nav>\n\t\t</NavigationStepContext.Provider>\n\t);\n};\n\nexport const useStepNav = () => {\n\tconst context = useContext(NavigationStepContext);\n\tif (!context) {\n\t\tthrow new Error(\"useStepNav must be used within a UiNavigationStepsProvider\");\n\t}\n\treturn context;\n};\n"],"names":["NavigationStepContext","createContext","UiNavigationSteps","initialStepId","children","className","complete","orderCounter","useRef","navRef","currentStepOrder","setCurrentStepOrder","useState","completedSteps","setCompletedSteps","activeBarWidth","setActiveBarWidth","navigationState","registerStep","id","hasSubsteps","navigateToStep","steps","parentMap","targetOrder","parentId","markSubsequentStepsIncomplete","markPreviousStepsComplete","updateSubstepProgress","stepId","substepId","subSteps","sub","current","total","stepData","prev","newSet","data","useEffect","targetStepId","contextValue","isStepActive","isStepComplete","childWithProps","React","child","index","totalSteps","updateActiveBarWidth","useCallback","activeStep","stepRect","containerRect","newWidth","resizeObserver","step","jsx","jsxs","cx","styles","useStepNav","context","useContext"],"mappings":"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"}
|
package/_types/colors.d.ts
CHANGED
|
@@ -57,12 +57,5 @@ export declare enum EColors {
|
|
|
57
57
|
SECONDARY_ALT_400 = "--color-secondary-alt-400",
|
|
58
58
|
SECONDARY_ALT_500 = "--color-secondary-alt-500",
|
|
59
59
|
SECONDARY_ALT_600 = "--color-secondary-alt-600",
|
|
60
|
-
SECONDARY_ALT_700 = "--color-secondary-alt-700"
|
|
61
|
-
BER_DARK_GREEN = "--color-ber-dark-green",
|
|
62
|
-
BER_MID_GREEN = "--color-ber-mid-green",
|
|
63
|
-
BER_BRIGHT_GREEN = "--color-ber-bright-green",
|
|
64
|
-
BER_YELLOW = "--color-ber-yellow",
|
|
65
|
-
BER_MID_ORANGE = "--color-ber-mid-orange",
|
|
66
|
-
BER_DARK_ORANGE = "--color-ber-dark-orange",
|
|
67
|
-
BER_RED = "--color-ber-red"
|
|
60
|
+
SECONDARY_ALT_700 = "--color-secondary-alt-700"
|
|
68
61
|
}
|
package/_types/colors.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var r = /* @__PURE__ */ ((c) => (c.WHITE = "--color-white", c.BLACK = "--color-black", c.TRANSPARENT = "--color-transparent", c.CURRENT = "--color-current", c.PRIMARY = "--color-primary", c.PRIMARY_50 = "--color-primary-50", c.PRIMARY_100 = "--color-primary-100", c.PRIMARY_200 = "--color-primary-200", c.PRIMARY_300 = "--color-primary-300", c.PRIMARY_400 = "--color-primary-400", c.PRIMARY_500 = "--color-primary-500", c.PRIMARY_600 = "--color-primary-600", c.PRIMARY_700 = "--color-primary-700", c.PRIMARY_800 = "--color-primary-800", c.PRIMARY_900 = "--color-primary-900", c.PRIMARY_ALT = "--color-primary-alt", c.PRIMARY_ALT_300 = "--color-primary-alt-300", c.PRIMARY_ALT_400 = "--color-primary-alt-400", c.PRIMARY_ALT_500 = "--color-primary-alt-500", c.PRIMARY_ALT_600 = "--color-primary-alt-600", c.PRIMARY_ALT_700 = "--color-primary-alt-700", c.SECONDARY = "--color-secondary", c.SECONDARY_300 = "--color-secondary-300", c.SECONDARY_400 = "--color-secondary-400", c.SECONDARY_500 = "--color-secondary-500", c.SECONDARY_600 = "--color-secondary-600", c.SECONDARY_700 = "--color-secondary-700", c.WARNING = "--color-warning", c.WARNING_300 = "--color-warning-300", c.WARNING_400 = "--color-warning-400", c.WARNING_500 = "--color-warning-500", c.WARNING_600 = "--color-warning-600", c.WARNING_700 = "--color-warning-700", c.ERROR = "--color-error", c.ERROR_100 = "--color-error-100", c.ERROR_200 = "--color-error-200", c.ERROR_300 = "--color-error-300", c.ERROR_400 = "--color-error-400", c.ERROR_500 = "--color-error-500", c.ERROR_600 = "--color-error-600", c.ERROR_700 = "--color-error-700", c.ACCENT = "--color-accent", c.ACCENT_300 = "--color-accent-300", c.ACCENT_500 = "--color-accent-500", c.ACCENT_600 = "--color-accent-600", c.ACCENT_700 = "--color-accent-700", c.ACCENT_ALT = "--color-accent-alt", c.ACCENT_ALT_300 = "--color-accent-alt-300", c.ACCENT_ALT_400 = "--color-accent-alt-400", c.ACCENT_ALT_500 = "--color-accent-alt-500", c.ACCENT_ALT_600 = "--color-accent-alt-600", c.ACCENT_ALT_700 = "--color-accent-alt-700", c.SECONDARY_ALT = "--color-secondary-alt", c.SECONDARY_ALT_200 = "--color-secondary-alt-200", c.SECONDARY_ALT_300 = "--color-secondary-alt-300", c.SECONDARY_ALT_400 = "--color-secondary-alt-400", c.SECONDARY_ALT_500 = "--color-secondary-alt-500", c.SECONDARY_ALT_600 = "--color-secondary-alt-600", c.SECONDARY_ALT_700 = "--color-secondary-alt-700", c
|
|
1
|
+
var r = /* @__PURE__ */ ((c) => (c.WHITE = "--color-white", c.BLACK = "--color-black", c.TRANSPARENT = "--color-transparent", c.CURRENT = "--color-current", c.PRIMARY = "--color-primary", c.PRIMARY_50 = "--color-primary-50", c.PRIMARY_100 = "--color-primary-100", c.PRIMARY_200 = "--color-primary-200", c.PRIMARY_300 = "--color-primary-300", c.PRIMARY_400 = "--color-primary-400", c.PRIMARY_500 = "--color-primary-500", c.PRIMARY_600 = "--color-primary-600", c.PRIMARY_700 = "--color-primary-700", c.PRIMARY_800 = "--color-primary-800", c.PRIMARY_900 = "--color-primary-900", c.PRIMARY_ALT = "--color-primary-alt", c.PRIMARY_ALT_300 = "--color-primary-alt-300", c.PRIMARY_ALT_400 = "--color-primary-alt-400", c.PRIMARY_ALT_500 = "--color-primary-alt-500", c.PRIMARY_ALT_600 = "--color-primary-alt-600", c.PRIMARY_ALT_700 = "--color-primary-alt-700", c.SECONDARY = "--color-secondary", c.SECONDARY_300 = "--color-secondary-300", c.SECONDARY_400 = "--color-secondary-400", c.SECONDARY_500 = "--color-secondary-500", c.SECONDARY_600 = "--color-secondary-600", c.SECONDARY_700 = "--color-secondary-700", c.WARNING = "--color-warning", c.WARNING_300 = "--color-warning-300", c.WARNING_400 = "--color-warning-400", c.WARNING_500 = "--color-warning-500", c.WARNING_600 = "--color-warning-600", c.WARNING_700 = "--color-warning-700", c.ERROR = "--color-error", c.ERROR_100 = "--color-error-100", c.ERROR_200 = "--color-error-200", c.ERROR_300 = "--color-error-300", c.ERROR_400 = "--color-error-400", c.ERROR_500 = "--color-error-500", c.ERROR_600 = "--color-error-600", c.ERROR_700 = "--color-error-700", c.ACCENT = "--color-accent", c.ACCENT_300 = "--color-accent-300", c.ACCENT_500 = "--color-accent-500", c.ACCENT_600 = "--color-accent-600", c.ACCENT_700 = "--color-accent-700", c.ACCENT_ALT = "--color-accent-alt", c.ACCENT_ALT_300 = "--color-accent-alt-300", c.ACCENT_ALT_400 = "--color-accent-alt-400", c.ACCENT_ALT_500 = "--color-accent-alt-500", c.ACCENT_ALT_600 = "--color-accent-alt-600", c.ACCENT_ALT_700 = "--color-accent-alt-700", c.SECONDARY_ALT = "--color-secondary-alt", c.SECONDARY_ALT_200 = "--color-secondary-alt-200", c.SECONDARY_ALT_300 = "--color-secondary-alt-300", c.SECONDARY_ALT_400 = "--color-secondary-alt-400", c.SECONDARY_ALT_500 = "--color-secondary-alt-500", c.SECONDARY_ALT_600 = "--color-secondary-alt-600", c.SECONDARY_ALT_700 = "--color-secondary-alt-700", c))(r || {});
|
|
2
2
|
export {
|
|
3
3
|
r as EColors
|
|
4
4
|
};
|
package/_types/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sources":["../../src/_types/colors.ts"],"sourcesContent":["export enum EColors {\n\tWHITE = \"--color-white\",\n\tBLACK = \"--color-black\",\n\tTRANSPARENT = \"--color-transparent\",\n\tCURRENT = \"--color-current\",\n\n\tPRIMARY = \"--color-primary\",\n\tPRIMARY_50 = \"--color-primary-50\",\n\tPRIMARY_100 = \"--color-primary-100\",\n\tPRIMARY_200 = \"--color-primary-200\",\n\tPRIMARY_300 = \"--color-primary-300\",\n\tPRIMARY_400 = \"--color-primary-400\",\n\tPRIMARY_500 = \"--color-primary-500\",\n\tPRIMARY_600 = \"--color-primary-600\",\n\tPRIMARY_700 = \"--color-primary-700\",\n\tPRIMARY_800 = \"--color-primary-800\",\n\tPRIMARY_900 = \"--color-primary-900\",\n\n\tPRIMARY_ALT = \"--color-primary-alt\",\n\tPRIMARY_ALT_300 = \"--color-primary-alt-300\",\n\tPRIMARY_ALT_400 = \"--color-primary-alt-400\",\n\tPRIMARY_ALT_500 = \"--color-primary-alt-500\",\n\tPRIMARY_ALT_600 = \"--color-primary-alt-600\",\n\tPRIMARY_ALT_700 = \"--color-primary-alt-700\",\n\n\tSECONDARY = \"--color-secondary\",\n\tSECONDARY_300 = \"--color-secondary-300\",\n\tSECONDARY_400 = \"--color-secondary-400\",\n\tSECONDARY_500 = \"--color-secondary-500\",\n\tSECONDARY_600 = \"--color-secondary-600\",\n\tSECONDARY_700 = \"--color-secondary-700\",\n\n\tWARNING = \"--color-warning\",\n\tWARNING_300 = \"--color-warning-300\",\n\tWARNING_400 = \"--color-warning-400\",\n\tWARNING_500 = \"--color-warning-500\",\n\tWARNING_600 = \"--color-warning-600\",\n\tWARNING_700 = \"--color-warning-700\",\n\n\tERROR = \"--color-error\",\n\tERROR_100 = \"--color-error-100\",\n\tERROR_200 = \"--color-error-200\",\n\tERROR_300 = \"--color-error-300\",\n\tERROR_400 = \"--color-error-400\",\n\tERROR_500 = \"--color-error-500\",\n\tERROR_600 = \"--color-error-600\",\n\tERROR_700 = \"--color-error-700\",\n\n\tACCENT = \"--color-accent\",\n\tACCENT_300 = \"--color-accent-300\",\n\tACCENT_500 = \"--color-accent-500\",\n\tACCENT_600 = \"--color-accent-600\",\n\tACCENT_700 = \"--color-accent-700\",\n\n\tACCENT_ALT = \"--color-accent-alt\",\n\tACCENT_ALT_300 = \"--color-accent-alt-300\",\n\tACCENT_ALT_400 = \"--color-accent-alt-400\",\n\tACCENT_ALT_500 = \"--color-accent-alt-500\",\n\tACCENT_ALT_600 = \"--color-accent-alt-600\",\n\tACCENT_ALT_700 = \"--color-accent-alt-700\",\n\n\tSECONDARY_ALT = \"--color-secondary-alt\",\n\tSECONDARY_ALT_200 = \"--color-secondary-alt-200\",\n\tSECONDARY_ALT_300 = \"--color-secondary-alt-300\",\n\tSECONDARY_ALT_400 = \"--color-secondary-alt-400\",\n\tSECONDARY_ALT_500 = \"--color-secondary-alt-500\",\n\tSECONDARY_ALT_600 = \"--color-secondary-alt-600\",\n\tSECONDARY_ALT_700 = \"--color-secondary-alt-700\",\n
|
|
1
|
+
{"version":3,"file":"colors.js","sources":["../../src/_types/colors.ts"],"sourcesContent":["export enum EColors {\n\tWHITE = \"--color-white\",\n\tBLACK = \"--color-black\",\n\tTRANSPARENT = \"--color-transparent\",\n\tCURRENT = \"--color-current\",\n\n\tPRIMARY = \"--color-primary\",\n\tPRIMARY_50 = \"--color-primary-50\",\n\tPRIMARY_100 = \"--color-primary-100\",\n\tPRIMARY_200 = \"--color-primary-200\",\n\tPRIMARY_300 = \"--color-primary-300\",\n\tPRIMARY_400 = \"--color-primary-400\",\n\tPRIMARY_500 = \"--color-primary-500\",\n\tPRIMARY_600 = \"--color-primary-600\",\n\tPRIMARY_700 = \"--color-primary-700\",\n\tPRIMARY_800 = \"--color-primary-800\",\n\tPRIMARY_900 = \"--color-primary-900\",\n\n\tPRIMARY_ALT = \"--color-primary-alt\",\n\tPRIMARY_ALT_300 = \"--color-primary-alt-300\",\n\tPRIMARY_ALT_400 = \"--color-primary-alt-400\",\n\tPRIMARY_ALT_500 = \"--color-primary-alt-500\",\n\tPRIMARY_ALT_600 = \"--color-primary-alt-600\",\n\tPRIMARY_ALT_700 = \"--color-primary-alt-700\",\n\n\tSECONDARY = \"--color-secondary\",\n\tSECONDARY_300 = \"--color-secondary-300\",\n\tSECONDARY_400 = \"--color-secondary-400\",\n\tSECONDARY_500 = \"--color-secondary-500\",\n\tSECONDARY_600 = \"--color-secondary-600\",\n\tSECONDARY_700 = \"--color-secondary-700\",\n\n\tWARNING = \"--color-warning\",\n\tWARNING_300 = \"--color-warning-300\",\n\tWARNING_400 = \"--color-warning-400\",\n\tWARNING_500 = \"--color-warning-500\",\n\tWARNING_600 = \"--color-warning-600\",\n\tWARNING_700 = \"--color-warning-700\",\n\n\tERROR = \"--color-error\",\n\tERROR_100 = \"--color-error-100\",\n\tERROR_200 = \"--color-error-200\",\n\tERROR_300 = \"--color-error-300\",\n\tERROR_400 = \"--color-error-400\",\n\tERROR_500 = \"--color-error-500\",\n\tERROR_600 = \"--color-error-600\",\n\tERROR_700 = \"--color-error-700\",\n\n\tACCENT = \"--color-accent\",\n\tACCENT_300 = \"--color-accent-300\",\n\tACCENT_500 = \"--color-accent-500\",\n\tACCENT_600 = \"--color-accent-600\",\n\tACCENT_700 = \"--color-accent-700\",\n\n\tACCENT_ALT = \"--color-accent-alt\",\n\tACCENT_ALT_300 = \"--color-accent-alt-300\",\n\tACCENT_ALT_400 = \"--color-accent-alt-400\",\n\tACCENT_ALT_500 = \"--color-accent-alt-500\",\n\tACCENT_ALT_600 = \"--color-accent-alt-600\",\n\tACCENT_ALT_700 = \"--color-accent-alt-700\",\n\n\tSECONDARY_ALT = \"--color-secondary-alt\",\n\tSECONDARY_ALT_200 = \"--color-secondary-alt-200\",\n\tSECONDARY_ALT_300 = \"--color-secondary-alt-300\",\n\tSECONDARY_ALT_400 = \"--color-secondary-alt-400\",\n\tSECONDARY_ALT_500 = \"--color-secondary-alt-500\",\n\tSECONDARY_ALT_600 = \"--color-secondary-alt-600\",\n\tSECONDARY_ALT_700 = \"--color-secondary-alt-700\",\n}\n"],"names":["EColors"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,QAAQ,iBACRA,EAAA,QAAQ,iBACRA,EAAA,cAAc,uBACdA,EAAA,UAAU,mBAEVA,EAAA,UAAU,mBACVA,EAAA,aAAa,sBACbA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,cAAc,uBACdA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAElBA,EAAA,YAAY,qBACZA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAEhBA,EAAA,UAAU,mBACVA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,QAAQ,iBACRA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBAEZA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBAEbA,EAAA,aAAa,sBACbA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BAEjBA,EAAA,gBAAgB,yBAChBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BAnETA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._navbar_10z8q_1:before{content:"";position:absolute;left:0;right:0;height:1px;top:16px;background-color:var(--color-secondary-alt-500);width:98%}nav[data-status=complete]:before{top:13px;background-color:var(--color-secondary-400)}nav[data-status=complete] ._navbarProgress_10z8q_17{display:none}@media (min-width: 768px){._navbar_10z8q_1:before,nav[data-status=complete]:before{top:20px}}._navbarProgress_10z8q_17{position:absolute;left:0;right:0;height:1px;top:16px;background-color:var(--color-secondary-400);z-index:1}@media screen and (min-width: 768px){._navbarProgress_10z8q_17{top:20px}}
|
package/bonkers.css
CHANGED
|
@@ -121,15 +121,6 @@
|
|
|
121
121
|
--color-secondary-alt-600: #767b92;
|
|
122
122
|
--color-secondary-alt-700: #595c6e;
|
|
123
123
|
|
|
124
|
-
--color-ber-dark-green: #00a651;
|
|
125
|
-
--color-ber-mid-green: #51b848;
|
|
126
|
-
--color-ber-bright-green: #bfd730;
|
|
127
|
-
--color-ber-yellow: #fff200;
|
|
128
|
-
--color-ber-mid-orange: #fdb913;
|
|
129
|
-
--color-ber-dark-orange: #f37021;
|
|
130
|
-
--color-ber-red:#ed1c24;
|
|
131
|
-
|
|
132
|
-
|
|
133
124
|
/* backdrop blur */
|
|
134
125
|
--backdrop-blur-min: 0.5px;
|
|
135
126
|
--backdrop-blur-xs: 2px;
|
|
@@ -264,17 +255,6 @@
|
|
|
264
255
|
--color-secondary-alt: var(--color-secondary-alt-500);
|
|
265
256
|
--color-warning: var(--color-warning-500);
|
|
266
257
|
|
|
267
|
-
--color-ber-dark-green: var(--color-ber-dark-green);
|
|
268
|
-
--color-ber-mid-green: var(--color-ber-mid-green);
|
|
269
|
-
--color-ber-bright-green: var(--color-ber-bright-green);
|
|
270
|
-
--color-ber-yellow: var(--color-ber-yellow);
|
|
271
|
-
--color-ber-mid-orange: var(--color-ber-mid-orange);
|
|
272
|
-
--color-ber-dark-orange: var(--color-ber-dark-orange);
|
|
273
|
-
--color-ber-red: var(--color-ber-red);
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
258
|
/* backdrop blur */
|
|
279
259
|
--backdrop-blur-*: initial;
|
|
280
260
|
--backdrop-blur-min: var(--backdrop-blur-min);
|
|
@@ -1,33 +1,30 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import
|
|
4
|
-
import { EColors as
|
|
5
|
-
import { EBerSize as
|
|
6
|
-
import { UiTypography as
|
|
7
|
-
import { ETypographySizes as
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}, d = {
|
|
12
|
-
[l.SMALL]: f.icon_small,
|
|
13
|
-
[l.MEDIUM]: f.icon_medium
|
|
3
|
+
import i from "classnames";
|
|
4
|
+
import { EColors as C } from "../../_types/colors.js";
|
|
5
|
+
import { EBerSize as r, berRankDictionary as l } from "./_types.js";
|
|
6
|
+
import { UiTypography as n } from "../UiTypography/UiTypography.js";
|
|
7
|
+
import { ETypographySizes as a, ETextTransform as c, ETextWeight as m } from "../UiTypography/_types.js";
|
|
8
|
+
const f = {
|
|
9
|
+
[r.SMALL]: "h-[30px]",
|
|
10
|
+
[r.MEDIUM]: "h-[60px]"
|
|
14
11
|
}, x = {
|
|
15
|
-
[
|
|
16
|
-
[
|
|
17
|
-
},
|
|
12
|
+
[r.SMALL]: a.SM,
|
|
13
|
+
[r.MEDIUM]: a.XXXL
|
|
14
|
+
}, g = ({
|
|
18
15
|
rank: s,
|
|
19
16
|
className: p,
|
|
20
|
-
size:
|
|
21
|
-
}) => /* @__PURE__ */
|
|
17
|
+
size: t = r.SMALL
|
|
18
|
+
}) => /* @__PURE__ */ o("div", { className: i(
|
|
22
19
|
"ui-ber-rank",
|
|
23
20
|
"flex",
|
|
24
21
|
p
|
|
25
22
|
), children: [
|
|
26
|
-
/* @__PURE__ */
|
|
23
|
+
/* @__PURE__ */ o("div", { className: "relative", children: [
|
|
27
24
|
/* @__PURE__ */ e(
|
|
28
25
|
"svg",
|
|
29
26
|
{
|
|
30
|
-
className:
|
|
27
|
+
className: i("text-secondary", f[t]),
|
|
31
28
|
viewBox: "0 0 160 60",
|
|
32
29
|
fill: "none",
|
|
33
30
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -42,55 +39,49 @@ import '../../assets/UiBerRank.css';const h = "_icon_medium_18il7_1", u = "_icon
|
|
|
42
39
|
}
|
|
43
40
|
),
|
|
44
41
|
/* @__PURE__ */ e(
|
|
45
|
-
|
|
42
|
+
n,
|
|
46
43
|
{
|
|
47
44
|
className: "absolute top-0 left-0 flex size-full items-center justify-center",
|
|
48
|
-
color:
|
|
49
|
-
size: x[
|
|
50
|
-
weight:
|
|
51
|
-
textTransform:
|
|
45
|
+
color: C.WHITE,
|
|
46
|
+
size: x[t],
|
|
47
|
+
weight: m.BOLD,
|
|
48
|
+
textTransform: c.UPPERCASE,
|
|
52
49
|
children: "ber"
|
|
53
50
|
}
|
|
54
51
|
)
|
|
55
52
|
] }),
|
|
56
|
-
/* @__PURE__ */
|
|
53
|
+
/* @__PURE__ */ o("div", { className: "relative", children: [
|
|
57
54
|
/* @__PURE__ */ e(
|
|
58
|
-
|
|
55
|
+
"svg",
|
|
59
56
|
{
|
|
60
|
-
|
|
57
|
+
className: i(f[t], l[+s]?.color || l[0].color),
|
|
58
|
+
viewBox: "0 0 106 60",
|
|
59
|
+
fill: "none",
|
|
60
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
61
61
|
children: /* @__PURE__ */ e(
|
|
62
|
-
"
|
|
62
|
+
"path",
|
|
63
63
|
{
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
fill: "
|
|
67
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
68
|
-
children: /* @__PURE__ */ e(
|
|
69
|
-
"path",
|
|
70
|
-
{
|
|
71
|
-
fillRule: "evenodd",
|
|
72
|
-
d: "M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z",
|
|
73
|
-
fill: "currentColor"
|
|
74
|
-
}
|
|
75
|
-
)
|
|
64
|
+
fillRule: "evenodd",
|
|
65
|
+
d: "M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z",
|
|
66
|
+
fill: "currentColor"
|
|
76
67
|
}
|
|
77
68
|
)
|
|
78
69
|
}
|
|
79
70
|
),
|
|
80
71
|
/* @__PURE__ */ e(
|
|
81
|
-
|
|
72
|
+
n,
|
|
82
73
|
{
|
|
83
74
|
className: "absolute top-0 left-0 flex size-full items-center justify-center",
|
|
84
|
-
color:
|
|
85
|
-
size: x[
|
|
86
|
-
weight:
|
|
87
|
-
textTransform:
|
|
88
|
-
children:
|
|
75
|
+
color: C.WHITE,
|
|
76
|
+
size: x[t],
|
|
77
|
+
weight: m.BOLD,
|
|
78
|
+
textTransform: c.UPPERCASE,
|
|
79
|
+
children: l[+s]?.text || l[0].text
|
|
89
80
|
}
|
|
90
81
|
)
|
|
91
82
|
] })
|
|
92
83
|
] });
|
|
93
84
|
export {
|
|
94
|
-
|
|
85
|
+
g as UiBerRank
|
|
95
86
|
};
|
|
96
87
|
//# sourceMappingURL=UiBerRank.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiBerRank.js","sources":["../../../src/components/UiBerRank/UiBerRank.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport
|
|
1
|
+
{"version":3,"file":"UiBerRank.js","sources":["../../../src/components/UiBerRank/UiBerRank.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport { berRankDictionary, type TBerPropNumber, type TBerPropString, EBerSize } from \"./_types\";\nimport { UiTypography, ETextWeight, ETypographySizes, ETextTransform } from \"../UiTypography\";\n\ninterface IUiBerRankProps {\n\trank: TBerPropNumber | TBerPropString | number;\n\tsize?: EBerSize;\n\tclassName?: string;\n}\n\nconst sizeClasses = {\n\t[EBerSize.SMALL]: \"h-[30px]\",\n\t[EBerSize.MEDIUM]: \"h-[60px]\"\n};\n\nconst textSize = {\n\t[EBerSize.SMALL]: ETypographySizes.SM,\n\t[EBerSize.MEDIUM]: ETypographySizes.XXXL\n};\n\nexport const UiBerRank: React.FC<IUiBerRankProps> = ({\n\trank,\n\tclassName,\n\tsize = EBerSize.SMALL\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-ber-rank\",\n\t\t\t\"flex\",\n\t\t\tclassName\n\t\t) }>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<svg className={ cx(\"text-secondary\", sizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 160 60\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute top-0 left-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\tber\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\n\t\t\t<div className=\"relative\">\n\n\t\t\t\t<svg className={\n\t\t\t\t\tcx(sizeClasses[size], berRankDictionary[+rank]?.color || berRankDictionary[0].color)\n\t\t\t\t}\n\t\t\t\tviewBox=\"0 0 106 60\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\td=\"M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute top-0 left-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\t{ berRankDictionary[+rank]?.text || berRankDictionary[0].text }\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["sizeClasses","EBerSize","textSize","ETypographySizes","UiBerRank","rank","className","size","jsxs","cx","jsx","UiTypography","EColors","ETextWeight","ETextTransform","berRankDictionary"],"mappings":";;;;;;;AAYA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAS,KAAK,GAAG;AAAA,EAClB,CAACA,EAAS,MAAM,GAAG;AACpB,GAEMC,IAAW;AAAA,EAChB,CAACD,EAAS,KAAK,GAAGE,EAAiB;AAAA,EACnC,CAACF,EAAS,MAAM,GAAGE,EAAiB;AACrC,GAEaC,IAAuC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAON,EAAS;AACjB,MAEE,gBAAAO,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACAH;AAAA,GAEA,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,YACd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,WAAYD,EAAG,kBAAkBT,EAAYO,CAAI,CAAC;AAAA,QACtD,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,IAED,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAQC,EAAQ;AAAA,QAChB,MAAOV,EAASK,CAAI;AAAA,QACpB,QAASM,EAAY;AAAA,QACrB,eAAgBC,EAAe;AAAA,QAC/B,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACD;AAAA,EAEA,gBAAAN,EAAC,OAAA,EAAI,WAAU,YAEd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,WACJD,EAAGT,EAAYO,CAAI,GAAGQ,EAAkB,CAACV,CAAI,GAAG,SAASU,EAAkB,CAAC,EAAE,KAAK;AAAA,QAEpF,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEL,UAAA,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,IAGD,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAQC,EAAQ;AAAA,QAChB,MAAOV,EAASK,CAAI;AAAA,QACpB,QAASM,EAAY;AAAA,QACrB,eAAgBC,EAAe;AAAA,QAE7B,YAAkB,CAACT,CAAI,GAAG,QAAQU,EAAkB,CAAC,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1D,EAAA,CACD;AAAA,GACD;"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { EColors } from '../../_types/colors.ts';
|
|
2
1
|
type Ran<T extends number> = number extends T ? number : _Range<T, []>;
|
|
3
2
|
type _Range<T extends number, R extends unknown[]> = R["length"] extends T ? R[number] : _Range<T, [R["length"], ...R]>;
|
|
4
3
|
export type TBerPropNumber = Ran<typeof berRankDictionary.length>;
|
|
@@ -6,54 +5,53 @@ export type TBerPropString = `${TBerPropNumber}`;
|
|
|
6
5
|
export type TBerRank = typeof berRankDictionary[TBerPropNumber]["text"];
|
|
7
6
|
export declare const berRankDictionary: readonly [{
|
|
8
7
|
readonly text: "N/A";
|
|
9
|
-
readonly color:
|
|
8
|
+
readonly color: "text-secondary-alt";
|
|
10
9
|
}, {
|
|
11
10
|
readonly text: "G";
|
|
12
|
-
readonly color:
|
|
11
|
+
readonly color: "text-[#ed1c24]";
|
|
13
12
|
}, {
|
|
14
13
|
readonly text: "F";
|
|
15
|
-
readonly color:
|
|
14
|
+
readonly color: "text-[#f37021]";
|
|
16
15
|
}, {
|
|
17
16
|
readonly text: "E2";
|
|
18
|
-
readonly color:
|
|
17
|
+
readonly color: "text-[#fdb913]";
|
|
19
18
|
}, {
|
|
20
19
|
readonly text: "E1";
|
|
21
|
-
readonly color:
|
|
20
|
+
readonly color: "text-[#f37021]";
|
|
22
21
|
}, {
|
|
23
22
|
readonly text: "D2";
|
|
24
|
-
readonly color:
|
|
23
|
+
readonly color: "text-[#fff200]";
|
|
25
24
|
}, {
|
|
26
25
|
readonly text: "D1";
|
|
27
|
-
readonly color:
|
|
26
|
+
readonly color: "text-[#fff200]";
|
|
28
27
|
}, {
|
|
29
28
|
readonly text: "C3";
|
|
30
|
-
readonly color:
|
|
29
|
+
readonly color: "text-[#bfd730]";
|
|
31
30
|
}, {
|
|
32
31
|
readonly text: "C2";
|
|
33
|
-
readonly color:
|
|
32
|
+
readonly color: "text-[#bfd730]";
|
|
34
33
|
}, {
|
|
35
34
|
readonly text: "C1";
|
|
36
|
-
readonly color:
|
|
35
|
+
readonly color: "text-[#bfd730]";
|
|
37
36
|
}, {
|
|
38
37
|
readonly text: "B3";
|
|
39
|
-
readonly color:
|
|
38
|
+
readonly color: "text-[#51b848]";
|
|
40
39
|
}, {
|
|
41
40
|
readonly text: "B2";
|
|
42
|
-
readonly color:
|
|
41
|
+
readonly color: "text-[#51b848]";
|
|
43
42
|
}, {
|
|
44
43
|
readonly text: "B1";
|
|
45
|
-
readonly color:
|
|
44
|
+
readonly color: "text-[#51b848]";
|
|
46
45
|
}, {
|
|
47
46
|
readonly text: "A3";
|
|
48
|
-
readonly color:
|
|
47
|
+
readonly color: "text-[#00a651]";
|
|
49
48
|
}, {
|
|
50
49
|
readonly text: "A2";
|
|
51
|
-
readonly color:
|
|
50
|
+
readonly color: "text-[#00a651]";
|
|
52
51
|
}, {
|
|
53
52
|
readonly text: "A1";
|
|
54
|
-
readonly color:
|
|
53
|
+
readonly color: "text-[#00a651]";
|
|
55
54
|
}];
|
|
56
|
-
export declare const berRanksList: ("N/A" | "G" | "F" | "E2" | "E1" | "D2" | "D1" | "C3" | "C2" | "C1" | "B3" | "B2" | "B1" | "A3" | "A2" | "A1")[];
|
|
57
55
|
export declare enum EBerSize {
|
|
58
56
|
SMALL = "small",
|
|
59
57
|
MEDIUM = "medium"
|
|
@@ -1,74 +1,72 @@
|
|
|
1
|
-
|
|
2
|
-
const t = [
|
|
1
|
+
const o = [
|
|
3
2
|
{
|
|
4
3
|
text: "N/A",
|
|
5
|
-
color:
|
|
4
|
+
color: "text-secondary-alt"
|
|
6
5
|
},
|
|
7
6
|
{
|
|
8
7
|
text: "G",
|
|
9
|
-
color:
|
|
8
|
+
color: "text-[#ed1c24]"
|
|
10
9
|
},
|
|
11
10
|
{
|
|
12
11
|
text: "F",
|
|
13
|
-
color:
|
|
12
|
+
color: "text-[#f37021]"
|
|
14
13
|
},
|
|
15
14
|
{
|
|
16
15
|
text: "E2",
|
|
17
|
-
color:
|
|
16
|
+
color: "text-[#fdb913]"
|
|
18
17
|
},
|
|
19
18
|
{
|
|
20
19
|
text: "E1",
|
|
21
|
-
color:
|
|
20
|
+
color: "text-[#f37021]"
|
|
22
21
|
},
|
|
23
22
|
{
|
|
24
23
|
text: "D2",
|
|
25
|
-
color:
|
|
24
|
+
color: "text-[#fff200]"
|
|
26
25
|
},
|
|
27
26
|
{
|
|
28
27
|
text: "D1",
|
|
29
|
-
color:
|
|
28
|
+
color: "text-[#fff200]"
|
|
30
29
|
},
|
|
31
30
|
{
|
|
32
31
|
text: "C3",
|
|
33
|
-
color:
|
|
32
|
+
color: "text-[#bfd730]"
|
|
34
33
|
},
|
|
35
34
|
{
|
|
36
35
|
text: "C2",
|
|
37
|
-
color:
|
|
36
|
+
color: "text-[#bfd730]"
|
|
38
37
|
},
|
|
39
38
|
{
|
|
40
39
|
text: "C1",
|
|
41
|
-
color:
|
|
40
|
+
color: "text-[#bfd730]"
|
|
42
41
|
},
|
|
43
42
|
{
|
|
44
43
|
text: "B3",
|
|
45
|
-
color:
|
|
44
|
+
color: "text-[#51b848]"
|
|
46
45
|
},
|
|
47
46
|
{
|
|
48
47
|
text: "B2",
|
|
49
|
-
color:
|
|
48
|
+
color: "text-[#51b848]"
|
|
50
49
|
},
|
|
51
50
|
{
|
|
52
51
|
text: "B1",
|
|
53
|
-
color:
|
|
52
|
+
color: "text-[#51b848]"
|
|
54
53
|
},
|
|
55
54
|
{
|
|
56
55
|
text: "A3",
|
|
57
|
-
color:
|
|
56
|
+
color: "text-[#00a651]"
|
|
58
57
|
},
|
|
59
58
|
{
|
|
60
59
|
text: "A2",
|
|
61
|
-
color:
|
|
60
|
+
color: "text-[#00a651]"
|
|
62
61
|
},
|
|
63
62
|
{
|
|
64
63
|
text: "A1",
|
|
65
|
-
color:
|
|
64
|
+
color: "text-[#00a651]"
|
|
66
65
|
}
|
|
67
|
-
]
|
|
68
|
-
var
|
|
66
|
+
];
|
|
67
|
+
var e = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t))(e || {});
|
|
69
68
|
export {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
r as berRanksList
|
|
69
|
+
e as EBerSize,
|
|
70
|
+
o as berRankDictionary
|
|
73
71
|
};
|
|
74
72
|
//# sourceMappingURL=_types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_types.js","sources":["../../../src/components/UiBerRank/_types.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"_types.js","sources":["../../../src/components/UiBerRank/_types.ts"],"sourcesContent":["type Ran<T extends number> = number extends T ? number : _Range<T, []>;\ntype _Range<T extends number, R extends unknown[]> = R[\"length\"] extends T ? R[number] : _Range<T, [R[\"length\"], ...R]>;\n\nexport type TBerPropNumber = Ran<typeof berRankDictionary.length>\nexport type TBerPropString = `${TBerPropNumber}`;\nexport type TBerRank = typeof berRankDictionary[TBerPropNumber][\"text\"];\n\nexport const berRankDictionary = [\n\t{\n\t\ttext: \"N/A\",\n\t\tcolor: \"text-secondary-alt\",\n\t},\n\t{\n\t\ttext: \"G\",\n\t\tcolor: \"text-[#ed1c24]\",\n\t},\n\t{\n\t\ttext: \"F\",\n\t\tcolor: \"text-[#f37021]\",\n\t},\n\t{\n\t\ttext: \"E2\",\n\t\tcolor: \"text-[#fdb913]\",\n\t},\n\t{\n\t\ttext: \"E1\",\n\t\tcolor: \"text-[#f37021]\",\n\t},\n\t{\n\t\ttext: \"D2\",\n\t\tcolor: \"text-[#fff200]\",\n\t},\n\t{\n\t\ttext: \"D1\",\n\t\tcolor: \"text-[#fff200]\",\n\t},\n\t{\n\t\ttext: \"C3\",\n\t\tcolor: \"text-[#bfd730]\",\n\t},\n\t{\n\t\ttext: \"C2\",\n\t\tcolor: \"text-[#bfd730]\",\n\t},\n\t{\n\t\ttext: \"C1\",\n\t\tcolor: \"text-[#bfd730]\",\n\t},\n\t{\n\t\ttext: \"B3\",\n\t\tcolor: \"text-[#51b848]\",\n\t},\n\t{\n\t\ttext: \"B2\",\n\t\tcolor: \"text-[#51b848]\",\n\t},\n\t{\n\t\ttext: \"B1\",\n\t\tcolor: \"text-[#51b848]\",\n\t},\n\t{\n\t\ttext: \"A3\",\n\t\tcolor: \"text-[#00a651]\",\n\t},\n\t{\n\t\ttext: \"A2\",\n\t\tcolor: \"text-[#00a651]\",\n\t},\n\t{\n\t\ttext: \"A1\",\n\t\tcolor: \"text-[#00a651]\",\n\t},\n] as const;\n\nexport enum EBerSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n}\n"],"names":["berRankDictionary","EBerSize"],"mappings":"AAOO,MAAMA,IAAoB;AAAA,EAChC;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAET;AAEO,IAAKC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAFEA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useEffect as
|
|
3
|
-
import
|
|
1
|
+
import { jsx as x, jsxs as g } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as b } from "react";
|
|
3
|
+
import n from "classnames";
|
|
4
4
|
import { ENavStepStatus as e } from "./_types.js";
|
|
5
5
|
import { UiTypography as E } from "../UiTypography/UiTypography.js";
|
|
6
|
-
import { ETypographySizes as
|
|
7
|
-
import { u as
|
|
8
|
-
function
|
|
9
|
-
return
|
|
6
|
+
import { ETypographySizes as h, ETextWeight as I } from "../UiTypography/_types.js";
|
|
7
|
+
import { u as v, s as w } from "../../UiNavigationSteps-Daqd0O2G.js";
|
|
8
|
+
function S(s, o) {
|
|
9
|
+
return n(
|
|
10
10
|
`
|
|
11
11
|
flex
|
|
12
12
|
transform
|
|
@@ -23,82 +23,74 @@ function M(r, o) {
|
|
|
23
23
|
`,
|
|
24
24
|
!o && "bg-secondary-400",
|
|
25
25
|
o && "cursor-pointer",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
s === e.COMPLETE && "size-sm border-secondary-400 bg-secondary-400 p-xs text-white",
|
|
27
|
+
s === e.ACTIVE && "border-secondary-400 bg-secondary-alt-200 px-xs py-xxs text-secondary-400",
|
|
28
|
+
s === e.INACTIVE && "size-sm border-secondary-alt-500 bg-white p-xs text-secondary-alt-500"
|
|
29
29
|
);
|
|
30
30
|
}
|
|
31
|
-
const
|
|
32
|
-
id:
|
|
31
|
+
const U = ({
|
|
32
|
+
id: s,
|
|
33
33
|
name: o,
|
|
34
|
-
subSteps:
|
|
34
|
+
subSteps: t = [],
|
|
35
35
|
className: T = "",
|
|
36
36
|
onClick: y,
|
|
37
|
-
order:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
icon: N
|
|
37
|
+
order: m = 1,
|
|
38
|
+
isActive: C = !1,
|
|
39
|
+
isComplete: c = !1,
|
|
40
|
+
icon: u
|
|
42
41
|
}) => {
|
|
43
|
-
const { currentStepId: a, updateSubstepProgress: p, registerStep:
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}, [
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
},
|
|
50
|
-
|
|
51
|
-
return `${d / C * 100 - v / 2}%`;
|
|
52
|
-
}, x = t !== e.INACTIVE, b = c ? l ? ` ${s.length}/${s.length}` : f ? ` ${s.findIndex((n) => n.id === a) + 1}/${s.length}` : ` ${d}/${s.length}` : null;
|
|
53
|
-
return /* @__PURE__ */ m(
|
|
42
|
+
const { currentStepId: a, updateSubstepProgress: p, registerStep: A } = v(), f = t.some((l) => l.id === a), i = t.length > 0;
|
|
43
|
+
b(() => {
|
|
44
|
+
A(s, i), i && p(s, a, t);
|
|
45
|
+
}, [s, i, t, a, p]);
|
|
46
|
+
const r = !c && (C || f) ? e.ACTIVE : c ? e.COMPLETE : e.INACTIVE, N = () => {
|
|
47
|
+
r !== e.INACTIVE && y?.();
|
|
48
|
+
}, d = r !== e.INACTIVE, V = i ? c ? ` ${t.length}/${t.length}` : f ? ` ${t.findIndex((l) => l.id === a) + 1}/${t.length}` : ` ${m}/${t.length}` : null;
|
|
49
|
+
return /* @__PURE__ */ x(
|
|
54
50
|
"div",
|
|
55
51
|
{
|
|
56
|
-
|
|
57
|
-
"--step-width": `${$(h.current?.clientWidth ?? 0)}`
|
|
58
|
-
} : {},
|
|
59
|
-
className: i(
|
|
52
|
+
className: n(
|
|
60
53
|
"flex flex-col gap-xxs md:flex-row md:items-center",
|
|
61
54
|
{
|
|
62
|
-
[
|
|
55
|
+
[w.active]: r === e.ACTIVE
|
|
63
56
|
}
|
|
64
57
|
),
|
|
65
|
-
|
|
66
|
-
children: /* @__PURE__ */ m(
|
|
58
|
+
children: /* @__PURE__ */ x(
|
|
67
59
|
"button",
|
|
68
60
|
{
|
|
69
|
-
onClick:
|
|
70
|
-
"aria-current":
|
|
71
|
-
"aria-disabled": !
|
|
72
|
-
disabled: !
|
|
73
|
-
className:
|
|
61
|
+
onClick: N,
|
|
62
|
+
"aria-current": r === e.ACTIVE ? "step" : void 0,
|
|
63
|
+
"aria-disabled": !d,
|
|
64
|
+
disabled: !d,
|
|
65
|
+
className: n(S(r, d), T),
|
|
74
66
|
children: /* @__PURE__ */ g(
|
|
75
67
|
E,
|
|
76
68
|
{
|
|
77
69
|
className: "flex place-items-center gap-xxs",
|
|
78
|
-
weight:
|
|
70
|
+
weight: r === e.ACTIVE ? I.SEMI_BOLD : I.REGULAR,
|
|
79
71
|
lineHeight: !0,
|
|
80
|
-
size:
|
|
72
|
+
size: h.XS,
|
|
81
73
|
children: [
|
|
82
|
-
|
|
74
|
+
r === e.COMPLETE ? u : /* @__PURE__ */ x(
|
|
83
75
|
E,
|
|
84
76
|
{
|
|
85
|
-
className:
|
|
86
|
-
"font-semibold md:font-medium":
|
|
77
|
+
className: n({
|
|
78
|
+
"font-semibold md:font-medium": r === e.INACTIVE
|
|
87
79
|
}),
|
|
88
80
|
tag: "span",
|
|
89
|
-
size:
|
|
90
|
-
children:
|
|
81
|
+
size: h.SM,
|
|
82
|
+
children: m
|
|
91
83
|
}
|
|
92
84
|
),
|
|
93
85
|
/* @__PURE__ */ g(
|
|
94
86
|
"span",
|
|
95
87
|
{
|
|
96
|
-
className:
|
|
97
|
-
"hidden md:inline":
|
|
88
|
+
className: n("text-xxs text-nowrap md:text-xs", {
|
|
89
|
+
"hidden md:inline": r !== e.ACTIVE
|
|
98
90
|
}),
|
|
99
91
|
children: [
|
|
100
92
|
o,
|
|
101
|
-
|
|
93
|
+
V
|
|
102
94
|
]
|
|
103
95
|
}
|
|
104
96
|
)
|
|
@@ -111,6 +103,6 @@ const G = ({
|
|
|
111
103
|
);
|
|
112
104
|
};
|
|
113
105
|
export {
|
|
114
|
-
|
|
106
|
+
U as UiNavigationStep
|
|
115
107
|
};
|
|
116
108
|
//# sourceMappingURL=UiNavigationStep.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiNavigationStep.js","sources":["../../../src/components/UiNavigationSteps/UiNavigationStep.tsx"],"sourcesContent":["import React, { useEffect
|
|
1
|
+
{"version":3,"file":"UiNavigationStep.js","sources":["../../../src/components/UiNavigationSteps/UiNavigationStep.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport cx from \"classnames\";\nimport { ENavStepStatus, type INavStepProps } from \"./_types\";\nimport { ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\nimport { useStepNav } from \"./UiNavigationSteps\";\nimport styles from \"./UiNavigationSteps.module.css\";\n\nfunction getStepClasses(status: ENavStepStatus, isClickable: boolean) {\n\treturn cx(\n\t\t`\n\t\t\tflex\n\t\t\ttransform\n\t\t\titems-center\n\t\t\tjustify-center\n\t\t\trounded-full\n\t\t\tborder\n\t\t\ttext-secondary-400\n\t\t\tmd:h-xl\n\t\t\tmd:w-full\n\t\t\tmd:px-xs\n\t\t\tmd:py-xxs\n\t\t\tlg:px-sm\n\t\t`,\n\t\t!isClickable && \"bg-secondary-400\",\n\t\tisClickable && \"cursor-pointer\",\n\t\tstatus === ENavStepStatus.COMPLETE\n\t\t&& \"size-sm border-secondary-400 bg-secondary-400 p-xs text-white\",\n\t\tstatus === ENavStepStatus.ACTIVE\n\t\t&& \"border-secondary-400 bg-secondary-alt-200 px-xs py-xxs text-secondary-400\",\n\t\tstatus === ENavStepStatus.INACTIVE\n\t\t&& \"size-sm border-secondary-alt-500 bg-white p-xs text-secondary-alt-500\",\n\t);\n}\n\nexport const UiNavigationStep: React.FC<INavStepProps> = ({\n\tid,\n\tname,\n\tsubSteps = [],\n\tclassName = \"\",\n\tonClick,\n\torder = 1,\n\tisActive = false,\n\tisComplete = false,\n\ticon\n}) => {\n\tconst { currentStepId, updateSubstepProgress, registerStep } = useStepNav();\n\tconst isSubstepActive = subSteps.some((subStep) => subStep.id === currentStepId);\n\tconst hasSubsteps = subSteps.length > 0;\n\n\tuseEffect(() => {\n\t\tregisterStep(id, hasSubsteps);\n\n\t\tif (hasSubsteps) {\n\t\t\tupdateSubstepProgress(id, currentStepId, subSteps);\n\t\t}\n\t}, [id, hasSubsteps, subSteps, currentStepId, updateSubstepProgress]);\n\n\tconst status = !isComplete && (isActive || isSubstepActive)\n\t\t? ENavStepStatus.ACTIVE\n\t\t: isComplete\n\t\t\t? ENavStepStatus.COMPLETE\n\t\t\t: ENavStepStatus.INACTIVE;\n\n\tconst handleClick = () => {\n\t\tif (status !== ENavStepStatus.INACTIVE) {\n\t\t\tonClick?.();\n\t\t}\n\t};\n\n\tconst isClickable = status !== ENavStepStatus.INACTIVE;\n\n\tconst progressText = hasSubsteps\n\t\t? isComplete\n\t\t\t? ` ${subSteps.length}/${subSteps.length}`\n\t\t\t: isSubstepActive\n\t\t\t\t? ` ${subSteps.findIndex((step) => step.id === currentStepId) + 1}/${subSteps.length}`\n\t\t\t\t: ` ${order}/${subSteps.length}`\n\t\t: null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ cx(\"flex flex-col gap-xxs md:flex-row md:items-center\", {\n\t\t\t\t[styles.active]: status === ENavStepStatus.ACTIVE,\n\t\t\t},\n\t\t\t) }\n\t\t>\n\t\t\t<button\n\t\t\t\tonClick={ handleClick }\n\t\t\t\taria-current={ status === ENavStepStatus.ACTIVE\n\t\t\t\t\t? \"step\"\n\t\t\t\t\t: undefined }\n\t\t\t\taria-disabled={ !isClickable }\n\t\t\t\tdisabled={ !isClickable }\n\t\t\t\tclassName={ cx(getStepClasses(status, isClickable), className) }\n\t\t\t>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"flex place-items-center gap-xxs\"\n\t\t\t\t\tweight={ status === ENavStepStatus.ACTIVE\n\t\t\t\t\t\t? ETextWeight.SEMI_BOLD\n\t\t\t\t\t\t: ETextWeight.REGULAR }\n\t\t\t\t\tlineHeight\n\t\t\t\t\tsize={ ETypographySizes.XS }\n\t\t\t\t>\n\t\t\t\t\t{ status === ENavStepStatus.COMPLETE\n\t\t\t\t\t\t? icon\n\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t<UiTypography\n\t\t\t\t\t\t\t\tclassName={ cx({\n\t\t\t\t\t\t\t\t\t\"font-semibold md:font-medium\": status === ENavStepStatus.INACTIVE,\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ order }\n\t\t\t\t\t\t\t</UiTypography>\n\t\t\t\t\t\t) }\n\t\t\t\t\t{\n\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={ cx(\"text-xxs text-nowrap md:text-xs\", {\n\t\t\t\t\t\t\t\t\"hidden md:inline\": status !== ENavStepStatus.ACTIVE,\n\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ name }\n\t\t\t\t\t\t\t{ progressText }\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t}\n\t\t\t\t</UiTypography>\n\n\t\t\t</button>\n\t\t</div>\n\t);\n};\n"],"names":["getStepClasses","status","isClickable","cx","ENavStepStatus","UiNavigationStep","id","name","subSteps","className","onClick","order","isActive","isComplete","icon","currentStepId","updateSubstepProgress","registerStep","useStepNav","isSubstepActive","subStep","hasSubsteps","useEffect","handleClick","progressText","step","jsx","styles","jsxs","UiTypography","ETextWeight","ETypographySizes"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "classnames";
|
|
4
|
-
import { U as r, u as e } from "../../UiNavigationSteps-
|
|
4
|
+
import { U as r, u as e } from "../../UiNavigationSteps-Daqd0O2G.js";
|
|
5
5
|
export {
|
|
6
6
|
r as UiNavigationSteps,
|
|
7
7
|
e as useStepNav
|
|
@@ -2,12 +2,12 @@ import { jsxs as _, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as U, useEffect as v } from "react";
|
|
3
3
|
import i from "classnames";
|
|
4
4
|
import { EJustify as t } from "../../_types/align.js";
|
|
5
|
-
import '../../assets/UiToggle.css';const
|
|
6
|
-
UiToggle__dot:
|
|
7
|
-
UiToggle__dot_checked:
|
|
5
|
+
import '../../assets/UiToggle.css';const k = "_UiToggle__dot_1uov6_1", w = "_UiToggle__dot_checked_1uov6_13", x = "_UiToggle__icon_1uov6_17", N = "_UiToggle__icon_checked_1uov6_26", n = {
|
|
6
|
+
UiToggle__dot: k,
|
|
7
|
+
UiToggle__dot_checked: w,
|
|
8
8
|
UiToggle__icon: x,
|
|
9
9
|
UiToggle__icon_checked: N
|
|
10
|
-
},
|
|
10
|
+
}, L = ({
|
|
11
11
|
children: a,
|
|
12
12
|
disabled: o = !1,
|
|
13
13
|
invertOrder: d = !1,
|
|
@@ -117,8 +117,8 @@ import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiT
|
|
|
117
117
|
{
|
|
118
118
|
d: "M1 4.40106L6.60071 10.1135L15.1694 1.71245",
|
|
119
119
|
stroke: "currentColor",
|
|
120
|
-
|
|
121
|
-
|
|
120
|
+
strokeWidth: "1.6",
|
|
121
|
+
strokeLinecap: "round"
|
|
122
122
|
}
|
|
123
123
|
)
|
|
124
124
|
}
|
|
@@ -128,6 +128,6 @@ import '../../assets/UiToggle.css';const w = "_UiToggle__dot_1uov6_1", k = "_UiT
|
|
|
128
128
|
] });
|
|
129
129
|
};
|
|
130
130
|
export {
|
|
131
|
-
|
|
131
|
+
L as UiToggle
|
|
132
132
|
};
|
|
133
133
|
//# sourceMappingURL=UiToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiToggle.js","sources":["../../../src/components/UiToggle/UiToggle.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiToggle.module.css\";\nimport { EJustify } from \"../../_types/align\";\n\ntype TUiToggleProps = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean\n\tinvertOrder?: boolean\n\tjustify?: EJustify;\n\tdefaultChecked?: boolean\n\tchecked?: boolean\n\tvalue?: boolean\n\tonChange?: (checked: boolean) => void\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">;\n\nexport const UiToggle: React.FC<TUiToggleProps> = ({\n\tchildren,\n\tdisabled = false,\n\tinvertOrder = false,\n\tjustify = EJustify.START,\n\tchecked,\n\tvalue,\n\tclassName,\n\tdefaultChecked,\n\tonChange,\n\t...rest\n}) => {\n\n\tconst [toggled, setIsToggled] = useState<boolean>(defaultChecked ?? false);\n\n\tconst isChecked = value ?? checked ?? toggled;\n\n\tconst handleChange = () => {\n\t\tif (value === undefined && checked === undefined) {\n\t\t\tsetIsToggled(!toggled);\n\t\t}\n\n\t\tonChange?.(!isChecked);\n\t};\n\n\tuseEffect(()=>{\n\t\tif ( checked !== undefined) {\n\t\t\tsetIsToggled(checked);\n\t\t}\n\t}, [checked]);\n\n\tconst justificationClasses = {\n\t\t[EJustify.START]: \"justify-start\",\n\t\t[EJustify.END]: \"justify-end\",\n\t\t[EJustify.CENTER]: \"justify-center\",\n\t\t[EJustify.BETWEEN]: \"justify-between\",\n\t\t[EJustify.AROUND]: \"justify-around\",\n\t\t[EJustify.EVENLY]: \"justify-evenly\"\n\t};\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-toggle\",\n\t\t\t\"flex\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-full\",\n\t\t\t\"items-center\",\n\t\t\t\"w-full\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-md\",\n\t\t\t{\n\t\t\t\t\"flex-row-reverse\": invertOrder,\n\t\t\t\t\"pointer-events-none opacity-50\": disabled\n\t\t\t},\n\t\t\tjustificationClasses[justify],\n\t\t\tclassName\n\t\t) }>\n\t\t\t<span className={ cx(\n\t\t\t\t\"relative\",\n\t\t\t\t\"block\",\n\t\t\t\t\"h-md\"\n\t\t\t) }>\n\n\t\t\t\t<input className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"size-0\",\n\t\t\t\t\t\"appearance-none\",\n\t\t\t\t\t\"border-0\"\n\t\t\t\t) }\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...rest }\n\t\t\t\t>\n\t\t\t\t</input>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\"w-xl\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-primary-600\": isChecked && !disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-300\": !isChecked && disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-600\": !isChecked && !disabled,\n\t\t\t\t\t\t\"bg-primary-300\": isChecked && disabled\n\n\t\t\t\t\t}\n\t\t\t\t) }/>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"top-[50%]\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-white\",\n\t\t\t\t\tstyles.UiToggle__dot,\n\t\t\t\t\t{\n\t\t\t\t\t\t\"hover:shadow-border-secondary\": !isChecked && !disabled,\n\t\t\t\t\t\t\"hover:shadow-border-primary\": isChecked && !disabled,\n\t\t\t\t\t\t[styles.UiToggle__dot_checked]: isChecked\n\t\t\t\t\t},\n\n\t\t\t\t) }>\n\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\tstyles.UiToggle__icon,\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t? \"text-primary-300\"\n\t\t\t\t\t\t\t\t: \"text-primary-600\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[styles.UiToggle__icon_checked]: isChecked ,\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\
|
|
1
|
+
{"version":3,"file":"UiToggle.js","sources":["../../../src/components/UiToggle/UiToggle.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./UiToggle.module.css\";\nimport { EJustify } from \"../../_types/align\";\n\ntype TUiToggleProps = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean\n\tinvertOrder?: boolean\n\tjustify?: EJustify;\n\tdefaultChecked?: boolean\n\tchecked?: boolean\n\tvalue?: boolean\n\tonChange?: (checked: boolean) => void\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">;\n\nexport const UiToggle: React.FC<TUiToggleProps> = ({\n\tchildren,\n\tdisabled = false,\n\tinvertOrder = false,\n\tjustify = EJustify.START,\n\tchecked,\n\tvalue,\n\tclassName,\n\tdefaultChecked,\n\tonChange,\n\t...rest\n}) => {\n\n\tconst [toggled, setIsToggled] = useState<boolean>(defaultChecked ?? false);\n\n\tconst isChecked = value ?? checked ?? toggled;\n\n\tconst handleChange = () => {\n\t\tif (value === undefined && checked === undefined) {\n\t\t\tsetIsToggled(!toggled);\n\t\t}\n\n\t\tonChange?.(!isChecked);\n\t};\n\n\tuseEffect(()=>{\n\t\tif ( checked !== undefined) {\n\t\t\tsetIsToggled(checked);\n\t\t}\n\t}, [checked]);\n\n\tconst justificationClasses = {\n\t\t[EJustify.START]: \"justify-start\",\n\t\t[EJustify.END]: \"justify-end\",\n\t\t[EJustify.CENTER]: \"justify-center\",\n\t\t[EJustify.BETWEEN]: \"justify-between\",\n\t\t[EJustify.AROUND]: \"justify-around\",\n\t\t[EJustify.EVENLY]: \"justify-evenly\"\n\t};\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-toggle\",\n\t\t\t\"flex\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-full\",\n\t\t\t\"items-center\",\n\t\t\t\"w-full\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-md\",\n\t\t\t{\n\t\t\t\t\"flex-row-reverse\": invertOrder,\n\t\t\t\t\"pointer-events-none opacity-50\": disabled\n\t\t\t},\n\t\t\tjustificationClasses[justify],\n\t\t\tclassName\n\t\t) }>\n\t\t\t<span className={ cx(\n\t\t\t\t\"relative\",\n\t\t\t\t\"block\",\n\t\t\t\t\"h-md\"\n\t\t\t) }>\n\n\t\t\t\t<input className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"size-0\",\n\t\t\t\t\t\"appearance-none\",\n\t\t\t\t\t\"border-0\"\n\t\t\t\t) }\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...rest }\n\t\t\t\t>\n\t\t\t\t</input>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\"w-xl\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-primary-600\": isChecked && !disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-300\": !isChecked && disabled,\n\t\t\t\t\t\t\"bg-secondary-alt-600\": !isChecked && !disabled,\n\t\t\t\t\t\t\"bg-primary-300\": isChecked && disabled\n\n\t\t\t\t\t}\n\t\t\t\t) }/>\n\n\t\t\t\t<span className={ cx(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"top-[50%]\",\n\t\t\t\t\t\"block\",\n\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\"bg-white\",\n\t\t\t\t\tstyles.UiToggle__dot,\n\t\t\t\t\t{\n\t\t\t\t\t\t\"hover:shadow-border-secondary\": !isChecked && !disabled,\n\t\t\t\t\t\t\"hover:shadow-border-primary\": isChecked && !disabled,\n\t\t\t\t\t\t[styles.UiToggle__dot_checked]: isChecked\n\t\t\t\t\t},\n\n\t\t\t\t) }>\n\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\tstyles.UiToggle__icon,\n\t\t\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t? \"text-primary-300\"\n\t\t\t\t\t\t\t\t: \"text-primary-600\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[styles.UiToggle__icon_checked]: isChecked ,\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstrokeWidth=\"1.6\"\n\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</span>\n\t\t\t</span>\n\n\t\t\t{ children }\n\n\t\t</label>\n\n\t);\n};\n"],"names":["UiToggle","children","disabled","invertOrder","justify","EJustify","checked","value","className","defaultChecked","onChange","rest","toggled","setIsToggled","useState","isChecked","handleChange","useEffect","justificationClasses","jsxs","cx","jsx","styles"],"mappings":";;;;;;;;;GAgBaA,IAAqC,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAUC,EAAS;AAAA,EACnB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AAEL,QAAM,CAACC,GAASC,CAAY,IAAIC,EAAkBL,KAAmB,EAAK,GAEpEM,IAAYR,KAASD,KAAWM,GAEhCI,IAAe,MAAM;AAC1B,IAAIT,MAAU,UAAaD,MAAY,UACtCO,EAAa,CAACD,CAAO,GAGtBF,IAAW,CAACK,CAAS;AAAA,EACtB;AAEA,EAAAE,EAAU,MAAI;AACb,IAAKX,MAAY,UAChBO,EAAaP,CAAO;AAAA,EAEtB,GAAG,CAACA,CAAO,CAAC;AAEZ,QAAMY,IAAuB;AAAA,IAC5B,CAACb,EAAS,KAAK,GAAG;AAAA,IAClB,CAACA,EAAS,GAAG,GAAG;AAAA,IAChB,CAACA,EAAS,MAAM,GAAG;AAAA,IACnB,CAACA,EAAS,OAAO,GAAG;AAAA,IACpB,CAACA,EAAS,MAAM,GAAG;AAAA,IACnB,CAACA,EAAS,MAAM,GAAG;AAAA,EAAA;AAGpB,SACC,gBAAAc,EAAC,WAAM,WAAYC;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACC,oBAAoBjB;AAAA,MACpB,kCAAkCD;AAAA,IAAA;AAAA,IAEnCgB,EAAqBd,CAAO;AAAA,IAC5BI;AAAA,EAAA,GAEA,UAAA;AAAA,IAAA,gBAAAW,EAAC,UAAK,WAAYC;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAGA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAAM,WAAYD;AAAA,YAClB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAED,MAAK;AAAA,UACL,SAAUL;AAAA,UACV,UAAWC;AAAA,UACX,UAAAd;AAAA,UACA,OAAAK;AAAA,UACE,GAAGI;AAAA,QAAA;AAAA,MAAA;AAAA,MAIL,gBAAAU,EAAC,UAAK,WAAYD;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACC,kBAAkBL,KAAa,CAACb;AAAA,UAChC,wBAAwB,CAACa,KAAab;AAAA,UACtC,wBAAwB,CAACa,KAAa,CAACb;AAAA,UACvC,kBAAkBa,KAAab;AAAA,QAAA;AAAA,MAEhC,GACE;AAAA,MAEH,gBAAAmB,EAAC,UAAK,WAAYD;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAE,EAAO;AAAA,QACP;AAAA,UACC,iCAAiC,CAACP,KAAa,CAACb;AAAA,UAChD,+BAA+Ba,KAAa,CAACb;AAAA,UAC7C,CAACoB,EAAO,qBAAqB,GAAGP;AAAA,QAAA;AAAA,MACjC,GAIA,UAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAYD;AAAA,YACXE,EAAO;AAAA,YACP;AAAA,YACApB,IACG,qBACA;AAAA,YACH;AAAA,cACC,CAACoB,EAAO,sBAAsB,GAAGP;AAAA,YAAA;AAAA,UAClC;AAAA,UAGD,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,eAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,MAAA,EACD,CAED;AAAA,IAAA,GACD;AAAA,IAEEpB;AAAA,EAAA,GAEH;AAGF;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bonkers-ui",
|
|
3
|
-
"version": "v2.0.
|
|
3
|
+
"version": "v2.0.14",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Bonkers ui library",
|
|
6
6
|
"author": "cc6.magister@gmail.com",
|
|
@@ -18,38 +18,38 @@
|
|
|
18
18
|
"prepare": "husky"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@tailwindcss/vite": "^4.1.
|
|
21
|
+
"@tailwindcss/vite": "^4.1.14",
|
|
22
22
|
"ajv": "^8.17.1",
|
|
23
23
|
"classnames": "^2.5.1",
|
|
24
24
|
"postcss": "^8.5.6",
|
|
25
25
|
"prettier": "^3.6.2",
|
|
26
|
-
"react": "^19.
|
|
27
|
-
"react-dom": "^19.
|
|
28
|
-
"tailwindcss": "^4.1.
|
|
26
|
+
"react": "^19.2.0",
|
|
27
|
+
"react-dom": "^19.2.0",
|
|
28
|
+
"tailwindcss": "^4.1.14",
|
|
29
29
|
"vite-tsconfig-paths": "^5.1.4"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@chromatic-com/storybook": "^4.1.1",
|
|
33
|
-
"@storybook/addon-docs": "^9.1.
|
|
34
|
-
"@storybook/addon-onboarding": "^9.1.
|
|
35
|
-
"@storybook/react-vite": "^9.1.
|
|
33
|
+
"@storybook/addon-docs": "^9.1.10",
|
|
34
|
+
"@storybook/addon-onboarding": "^9.1.10",
|
|
35
|
+
"@storybook/react-vite": "^9.1.10",
|
|
36
36
|
"@stylistic/eslint-plugin": "^5.4.0",
|
|
37
37
|
"@types/bun": "latest",
|
|
38
|
-
"@types/react": "^19.
|
|
39
|
-
"@types/react-dom": "^19.1
|
|
40
|
-
"@vitejs/plugin-react": "^5.0.
|
|
41
|
-
"eslint": "^9.
|
|
38
|
+
"@types/react": "^19.2.2",
|
|
39
|
+
"@types/react-dom": "^19.2.1",
|
|
40
|
+
"@vitejs/plugin-react": "^5.0.4",
|
|
41
|
+
"eslint": "^9.37.0",
|
|
42
42
|
"eslint-plugin-better-tailwindcss": "^3.7.9",
|
|
43
43
|
"eslint-plugin-react": "^7.37.5",
|
|
44
|
-
"eslint-plugin-storybook": "^9.1.
|
|
44
|
+
"eslint-plugin-storybook": "^9.1.10",
|
|
45
45
|
"eslint-plugin-tailwindcss": "^3.18.2",
|
|
46
46
|
"gh-pages": "^6.3.0",
|
|
47
47
|
"husky": "^9.1.7",
|
|
48
|
-
"lint-staged": "^16.2.
|
|
49
|
-
"storybook": "^9.1.
|
|
50
|
-
"typescript": "^5.9.
|
|
51
|
-
"typescript-eslint": "^8.
|
|
52
|
-
"vite": "^7.1.
|
|
48
|
+
"lint-staged": "^16.2.3",
|
|
49
|
+
"storybook": "^9.1.10",
|
|
50
|
+
"typescript": "^5.9.3",
|
|
51
|
+
"typescript-eslint": "^8.46.0",
|
|
52
|
+
"vite": "^7.1.9",
|
|
53
53
|
"vite-plugin-dts": "^4.5.4",
|
|
54
54
|
"vite-plugin-lib-inject-css": "^2.2.2"
|
|
55
55
|
},
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
-
import l, { createContext as y, useRef as g, useState as m, useEffect as U, useContext as j } from "react";
|
|
3
|
-
import A from "classnames";
|
|
4
|
-
import './assets/UiNavigationSteps.css';const D = "_active_1aioi_1", O = "_navbar_1aioi_5", R = {
|
|
5
|
-
active: D,
|
|
6
|
-
navbar: O
|
|
7
|
-
}, S = y(null), W = ({ initialStepId: o, children: h, className: w, complete: i = !1 }) => {
|
|
8
|
-
const d = g(0), [x, C] = m(0), [u, p] = m(/* @__PURE__ */ new Set()), n = g({
|
|
9
|
-
steps: /* @__PURE__ */ new Map(),
|
|
10
|
-
parentMap: /* @__PURE__ */ new Map()
|
|
11
|
-
}), E = (e, s) => {
|
|
12
|
-
n.current.steps.has(e) || (d.current += 1, n.current.steps.set(e, {
|
|
13
|
-
order: d.current,
|
|
14
|
-
hasSubsteps: s,
|
|
15
|
-
progress: s ? {
|
|
16
|
-
current: 0,
|
|
17
|
-
total: 0
|
|
18
|
-
} : void 0
|
|
19
|
-
}));
|
|
20
|
-
}, v = (e) => {
|
|
21
|
-
const { steps: s, parentMap: r } = n.current;
|
|
22
|
-
let t = null;
|
|
23
|
-
if (s.has(e))
|
|
24
|
-
t = s.get(e).order;
|
|
25
|
-
else if (r.has(e)) {
|
|
26
|
-
const a = r.get(e);
|
|
27
|
-
s.has(a) && (t = s.get(a).order);
|
|
28
|
-
}
|
|
29
|
-
t !== null && (t < x && N(t), P(t), C(t));
|
|
30
|
-
}, M = (e, s, r = []) => {
|
|
31
|
-
if (r.length > 0) {
|
|
32
|
-
r.forEach((c) => {
|
|
33
|
-
n.current.parentMap.set(c.id, e);
|
|
34
|
-
});
|
|
35
|
-
const t = r.findIndex((c) => c.id === s) + 1, a = r.length;
|
|
36
|
-
if (t > 0) {
|
|
37
|
-
const c = n.current.steps.get(e);
|
|
38
|
-
c && n.current.steps.set(e, {
|
|
39
|
-
...c,
|
|
40
|
-
progress: {
|
|
41
|
-
current: t,
|
|
42
|
-
total: a
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}, N = (e) => {
|
|
48
|
-
p((s) => {
|
|
49
|
-
const r = new Set(s);
|
|
50
|
-
return n.current.steps.forEach((t, a) => {
|
|
51
|
-
t.order > e && r.delete(a);
|
|
52
|
-
}), r;
|
|
53
|
-
});
|
|
54
|
-
}, P = (e) => {
|
|
55
|
-
p(i ? new Set(n.current.steps.keys()) : (s) => {
|
|
56
|
-
const r = new Set(s);
|
|
57
|
-
return n.current.steps.forEach((t, a) => {
|
|
58
|
-
t.order < e ? r.add(a) : t.order === e && r.delete(a);
|
|
59
|
-
}), r;
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
U(() => {
|
|
63
|
-
const { steps: e, parentMap: s } = n.current;
|
|
64
|
-
if (e.size > 0) {
|
|
65
|
-
let r = o;
|
|
66
|
-
if (s.has(o)) {
|
|
67
|
-
const t = s.get(o);
|
|
68
|
-
t && e.has(t) && (r = t);
|
|
69
|
-
}
|
|
70
|
-
p(i ? new Set(e.keys()) : /* @__PURE__ */ new Set()), e.has(r) && v(r);
|
|
71
|
-
}
|
|
72
|
-
}, [o, i]);
|
|
73
|
-
const _ = {
|
|
74
|
-
currentStepId: o,
|
|
75
|
-
registerStep: E,
|
|
76
|
-
navigateToStep: v,
|
|
77
|
-
updateSubstepProgress: M,
|
|
78
|
-
completedSteps: u
|
|
79
|
-
}, b = (e) => e === o || n.current.parentMap.get(o) === e, z = (e) => u.has(e), k = l.Children.map(h, (e, s) => {
|
|
80
|
-
if (l.isValidElement(e)) {
|
|
81
|
-
const r = n.current.steps.get(e.props.id), t = n.current.steps.size;
|
|
82
|
-
return l.cloneElement(e, {
|
|
83
|
-
order: r?.order || s + 1,
|
|
84
|
-
totalSteps: t,
|
|
85
|
-
isActive: b(e.props.id),
|
|
86
|
-
isComplete: z(e.props.id)
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
return e;
|
|
90
|
-
});
|
|
91
|
-
return /* @__PURE__ */ f(S.Provider, { value: _, children: /* @__PURE__ */ f(
|
|
92
|
-
"nav",
|
|
93
|
-
{
|
|
94
|
-
"aria-label": "Progress",
|
|
95
|
-
className: A("relative grid grid-cols-1 grid-rows-1 items-center", R.navbar, w),
|
|
96
|
-
"data-status": u.size === n.current.steps.size ? "complete" : void 0,
|
|
97
|
-
children: /* @__PURE__ */ f(
|
|
98
|
-
"div",
|
|
99
|
-
{
|
|
100
|
-
className: "z-10 flex items-center justify-between",
|
|
101
|
-
children: k
|
|
102
|
-
}
|
|
103
|
-
)
|
|
104
|
-
}
|
|
105
|
-
) });
|
|
106
|
-
}, B = () => {
|
|
107
|
-
const o = j(S);
|
|
108
|
-
if (!o)
|
|
109
|
-
throw new Error("useStepNav must be used within a UiNavigationStepsProvider");
|
|
110
|
-
return o;
|
|
111
|
-
};
|
|
112
|
-
export {
|
|
113
|
-
W as U,
|
|
114
|
-
R as s,
|
|
115
|
-
B as u
|
|
116
|
-
};
|
|
117
|
-
//# sourceMappingURL=UiNavigationSteps-D4QC-7s-.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UiNavigationSteps-D4QC-7s-.js","sources":["../src/components/UiNavigationSteps/UiNavigationSteps.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseEffect,\n} from \"react\";\nimport { type INavStepProps, type INavigationStepContext, type INavSubStep } from \"./_types\";\nimport cx from \"classnames\";\nimport styles from \"./UiNavigationSteps.module.css\";\n\nconst NavigationStepContext = createContext<INavigationStepContext | null>(null);\n\ninterface INavigationStepData {\n\torder: number;\n\thasSubsteps: boolean;\n\tprogress?: {\n\t\tcurrent: number;\n\t\ttotal: number;\n\t};\n}\n\ninterface INavigationProviderState {\n\tsteps: Map<string, INavigationStepData>;\n\tparentMap: Map<string, string>;\n}\n\nexport const UiNavigationSteps: React.FC<{\n\tinitialStepId: string;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\tcomplete?: boolean\n}> = ({ initialStepId, children, className, complete = false }) => {\n\tconst orderCounter = useRef(0);\n\tconst [currentStepOrder, setCurrentStepOrder] = useState<number>(0);\n\tconst [completedSteps, setCompletedSteps] = useState<Set<string>>(new Set());\n\n\tconst navigationState = useRef<INavigationProviderState>({\n\t\tsteps: new Map(),\n\t\tparentMap: new Map(),\n\t});\n\n\tconst registerStep = (id: string, hasSubsteps: boolean) => {\n\t\tif (!navigationState.current.steps.has(id)) {\n\t\t\torderCounter.current += 1;\n\t\t\tnavigationState.current.steps.set(id, {\n\t\t\t\torder: orderCounter.current,\n\t\t\t\thasSubsteps,\n\t\t\t\tprogress: hasSubsteps\n\t\t\t\t\t? {\n\t\t\t\t\t\tcurrent: 0,\n\t\t\t\t\t\ttotal: 0\n\t\t\t\t\t}\n\t\t\t\t\t: undefined\n\t\t\t});\n\t\t}\n\t};\n\n\tconst navigateToStep = (id: string) => {\n\t\tconst { steps, parentMap } = navigationState.current;\n\t\tlet targetOrder: number | null = null;\n\n\t\tif (steps.has(id)) {\n\t\t\ttargetOrder = steps.get(id)!.order;\n\t\t} else if (parentMap.has(id)) {\n\t\t\tconst parentId = parentMap.get(id)!;\n\t\t\tif (steps.has(parentId)) {\n\t\t\t\ttargetOrder = steps.get(parentId)!.order;\n\t\t\t}\n\t\t}\n\n\t\tif (targetOrder !== null) {\n\t\t\tif (targetOrder < currentStepOrder) {\n\t\t\t\tmarkSubsequentStepsIncomplete(targetOrder);\n\t\t\t}\n\t\t\tmarkPreviousStepsComplete(targetOrder);\n\t\t\tsetCurrentStepOrder(targetOrder);\n\t\t}\n\t};\n\n\tconst updateSubstepProgress = (stepId: string, substepId: string, subSteps: INavSubStep[] = []) => {\n\t\tif (subSteps.length > 0) {\n\t\t\tsubSteps.forEach(sub => {\n\t\t\t\tnavigationState.current.parentMap.set(sub.id, stepId);\n\t\t\t});\n\n\t\t\tconst current = subSteps.findIndex(sub => sub.id === substepId) + 1;\n\t\t\tconst total = subSteps.length;\n\n\t\t\tif (current > 0) {\n\t\t\t\tconst stepData = navigationState.current.steps.get(stepId);\n\t\t\t\tif (stepData) {\n\t\t\t\t\tnavigationState.current.steps.set(stepId, {\n\t\t\t\t\t\t...stepData,\n\t\t\t\t\t\tprogress: {\n\t\t\t\t\t\t\tcurrent,\n\t\t\t\t\t\t\ttotal\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst markSubsequentStepsIncomplete = (targetOrder: number) => {\n\t\tsetCompletedSteps(prev => {\n\t\t\tconst newSet = new Set(prev);\n\t\t\tnavigationState.current.steps.forEach((data, id) => {\n\t\t\t\tif (data.order > targetOrder) {\n\t\t\t\t\tnewSet.delete(id);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn newSet;\n\t\t});\n\t};\n\n\tconst markPreviousStepsComplete = (targetOrder: number) => {\n\t\tif (!complete) {\n\t\t\tsetCompletedSteps(prev => {\n\t\t\t\tconst newSet = new Set(prev);\n\t\t\t\tnavigationState.current.steps.forEach((data, id) => {\n\t\t\t\t\tif (data.order < targetOrder) {\n\t\t\t\t\t\tnewSet.add(id);\n\t\t\t\t\t} else if (data.order === targetOrder) {\n\t\t\t\t\t\tnewSet.delete(id);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn newSet;\n\t\t\t});\n\t\t} else {\n\t\t\tsetCompletedSteps(new Set(navigationState.current.steps.keys()));\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tconst { steps, parentMap } = navigationState.current;\n\n\t\tif (steps.size > 0) {\n\t\t\tlet targetStepId = initialStepId;\n\n\t\t\tif (parentMap.has(initialStepId)) {\n\t\t\t\tconst parentId = parentMap.get(initialStepId);\n\t\t\t\tif (parentId && steps.has(parentId)) {\n\t\t\t\t\ttargetStepId = parentId;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (complete) {\n\t\t\t\tsetCompletedSteps(new Set(steps.keys()));\n\t\t\t} else {\n\t\t\t\tsetCompletedSteps(new Set());\n\t\t\t}\n\n\t\t\tif (steps.has(targetStepId)) {\n\t\t\t\tnavigateToStep(targetStepId);\n\t\t\t}\n\t\t}\n\t}, [initialStepId, complete]);\n\n\tconst contextValue: INavigationStepContext = {\n\t\tcurrentStepId: initialStepId,\n\t\tregisterStep,\n\t\tnavigateToStep,\n\t\tupdateSubstepProgress,\n\t\tcompletedSteps,\n\t};\n\n\tconst isStepActive = (id: string) => {\n\t\treturn id === initialStepId\n\t\t\t|| navigationState.current.parentMap.get(initialStepId) === id;\n\t};\n\n\tconst isStepComplete = (id: string) => {\n\t\treturn completedSteps.has(id);\n\t};\n\n\tconst childWithProps = React.Children.map(children, (child, index) => {\n\t\tif (React.isValidElement<INavStepProps>(child)) {\n\t\t\tconst stepData = navigationState.current.steps.get(child.props.id);\n\t\t\tconst totalSteps = navigationState.current.steps.size;\n\n\t\t\treturn React.cloneElement(child, {\n\t\t\t\torder: stepData?.order || index + 1,\n\t\t\t\ttotalSteps,\n\t\t\t\tisActive: isStepActive(child.props.id),\n\t\t\t\tisComplete: isStepComplete(child.props.id)\n\t\t\t});\n\t\t}\n\t\treturn child;\n\t});\n\n\treturn (\n\t\t<NavigationStepContext.Provider value={ contextValue }>\n\t\t\t<nav\n\t\t\t\taria-label=\"Progress\"\n\t\t\t\tclassName={ cx(\"relative grid grid-cols-1 grid-rows-1 items-center\", styles.navbar, className) }\n\t\t\t\tdata-status={\n\t\t\t\t\tcompletedSteps.size === navigationState.current.steps.size\n\t\t\t\t\t\t? \"complete\"\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"z-10 flex items-center justify-between\"\n\t\t\t\t>\n\t\t\t\t\t{ childWithProps }\n\t\t\t\t</div>\n\t\t\t</nav>\n\t\t</NavigationStepContext.Provider>\n\t);\n};\n\nexport const useStepNav = () => {\n\tconst context = useContext(NavigationStepContext);\n\tif (!context) {\n\t\tthrow new Error(\"useStepNav must be used within a UiNavigationStepsProvider\");\n\t}\n\treturn context;\n};\n"],"names":["NavigationStepContext","createContext","UiNavigationSteps","initialStepId","children","className","complete","orderCounter","useRef","currentStepOrder","setCurrentStepOrder","useState","completedSteps","setCompletedSteps","navigationState","registerStep","id","hasSubsteps","navigateToStep","steps","parentMap","targetOrder","parentId","markSubsequentStepsIncomplete","markPreviousStepsComplete","updateSubstepProgress","stepId","substepId","subSteps","sub","current","total","stepData","prev","newSet","data","useEffect","targetStepId","contextValue","isStepActive","isStepComplete","childWithProps","React","child","index","totalSteps","jsx","cx","styles","useStepNav","context","useContext"],"mappings":"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"}
|
package/assets/UiBerRank.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._icon_medium_18il7_1{height:60px}._icon_small_18il7_5{height:30px}
|