bmi-next-brokers 1.2.7 → 1.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/Search.css +1 -0
- package/dist/components/Dialog/Dialog.d.ts +1 -0
- package/dist/components/Dialog/Dialog.js +84 -69
- package/dist/components/Search/Search.d.ts +25 -0
- package/dist/components/Search/Search.js +188 -0
- package/dist/components/Search/index.d.ts +1 -0
- package/dist/components/Search/index.js +4 -0
- package/dist/components/modal/index.d.ts +2 -2
- package/dist/components/modal/index.js +95 -95
- package/dist/icons/components/index.d.ts +2 -2
- package/dist/icons/components/index.js +140 -140
- package/dist/main.d.ts +2 -0
- package/dist/main.js +30 -28
- package/package.json +1 -1
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dialogOverlay_a4yfu_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}._dialog_a4yfu_1{background:var(--Content-Neutral-Inverted-Default, #F5F5F5);border:1px solid var(--Stroke-Neutral-Secondary, #CBD5E1);border-radius:12px;padding:2rem;max-width:400px;width:100%;box-shadow:0 10px 25px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}._iconContainer_a4yfu_30{display:flex;align-items:center;justify-content:center}._iconBackground_a4yfu_36{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}._state_success_a4yfu_46 ._iconBackground_a4yfu_36{background:var(--Fill-Positive-Inverted-Active, #65A30D)}._state_error_a4yfu_50 ._iconBackground_a4yfu_36{background:var(--Content-Negative-Default-Active, #dc2626)}._state_loading_a4yfu_54 ._iconBackground_a4yfu_36{background:transparent}._content_a4yfu_58{display:flex;flex-direction:column;gap:.5rem;text-align:center}._title_a4yfu_65{font-family:Poppins Regular;font-size:1.25rem;color:var(--Content-Brand-Default-Active, #2054A5);margin:0;line-height:1.3;transition:color .3s ease}._title_success_a4yfu_74{color:var(--Fill-Positive-Inverted-Active, #65A30D)}._title_error_a4yfu_78{color:var(--ui-red-700, #B91C1C)}._description_a4yfu_82{font-family:Poppins Regular;font-size:.875rem;color:var(--Content-Neutral-Secondary, #64748b);margin:0;line-height:1.4}._actions_a4yfu_90{display:flex;justify-content:center;width:100%}._dialogOverlay_a4yfu_1{animation:_overlayFadeIn_a4yfu_1 .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._dialog_a4yfu_1{animation:_dialogAppear_a4yfu_1 .4s cubic-bezier(.16,1,.3,1);transform-origin:center}._iconBackground_a4yfu_36{animation:_iconPulse_a4yfu_1 .6s cubic-bezier(.16,1,.3,1) .2s both}._content_a4yfu_58{animation:_contentSlideUp_a4yfu_1 .5s cubic-bezier(.16,1,.3,1) .1s both}._actions_a4yfu_90{animation:_actionsSlideUp_a4yfu_1 .5s cubic-bezier(.16,1,.3,1) .2s both}@keyframes _overlayFadeIn_a4yfu_1{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes _dialogAppear_a4yfu_1{0%{opacity:0;transform:translateY(-20px) scale(.9);filter:blur(4px)}60%{opacity:1;transform:translateY(5px) scale(1.02);filter:blur(0px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes _iconPulse_a4yfu_1{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes _contentSlideUp_a4yfu_1{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes _actionsSlideUp_a4yfu_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._state_loading_a4yfu_54 ._iconBackground_a4yfu_36{animation:_spinnerPulse_a4yfu_1 2s ease-in-out infinite}@keyframes _spinnerPulse_a4yfu_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}._dialog_a4yfu_1:hover{transform:scale(1.005);transition:transform .2s ease}._iconBackground_a4yfu_36:hover{transform:scale(1.1) rotate(5deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}._state_loading_a4yfu_54 ._iconBackground_a4yfu_36:hover{transform:scale(1)}._dialog_a4yfu_1:focus{outline:2px solid var(--ui-blue-500, #3376BB);outline-offset:2px}._dialog_a4yfu_1:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){._dialogOverlay_a4yfu_1,._dialog_a4yfu_1,._iconBackground_a4yfu_36,._content_a4yfu_58,._actions_a4yfu_90{animation:none!important}._iconBackground_a4yfu_36{transition:none!important}}._transitioning_a4yfu_243 ._iconBackground_a4yfu_36{animation:_stateTransition_a4yfu_1 .6s cubic-bezier(.4,0,.2,1)}._transitioning_a4yfu_243 ._content_a4yfu_58{animation:_contentFadeTransition_a4yfu_1 .5s cubic-bezier(.4,0,.2,1)}._transitioning_a4yfu_243 ._actions_a4yfu_90{animation:_actionsFadeIn_a4yfu_1 .4s cubic-bezier(.4,0,.2,1) .2s both}@keyframes _stateTransition_a4yfu_1{0%{transform:scale(1) rotate(0);opacity:1}30%{transform:scale(.8) rotate(180deg);opacity:.6}70%{transform:scale(1.15) rotate(360deg);opacity:.9}to{transform:scale(1) rotate(360deg);opacity:1}}@keyframes _contentFadeTransition_a4yfu_1{0%{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes _actionsFadeIn_a4yfu_1{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._state_success_a4yfu_46 ._iconBackground_a4yfu_36{animation:_successBounce_a4yfu_1 .8s cubic-bezier(.68,-.55,.265,1.55) .1s both}._state_error_a4yfu_50 ._iconBackground_a4yfu_36{animation:_errorShake_a4yfu_1 .6s cubic-bezier(.36,.07,.19,.97) .1s both}@keyframes _successBounce_a4yfu_1{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes _errorShake_a4yfu_1{0%{transform:scale(.3) rotateY(0);opacity:0;box-shadow:0 0 #dc262600}20%{transform:scale(.8) rotateY(180deg);opacity:.5;box-shadow:0 0 20px #dc26264d}40%{transform:scale(1.05) rotateY(360deg);opacity:.8;box-shadow:0 0 30px #dc262699}60%{transform:scale(.95) rotateY(380deg);opacity:1;box-shadow:0 0 25px #dc262666}80%{transform:scale(1.02) rotateY(360deg);box-shadow:0 0 15px #dc262633}to{transform:scale(1) rotateY(360deg);opacity:1;box-shadow:0 0 #dc262600}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._searchContainer_12k26_1{display:flex;flex-direction:column;gap:4px;cursor:pointer}._label_12k26_8{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_12k26_16{font-size:15px;margin-bottom:6px}._label_disabled_12k26_21{color:var(--content-disabled-default, #cbd5e1)}._searchWrapper_12k26_25{position:relative;display:flex;align-items:center;width:100%}._search_12k26_1{border:1px solid #ddd;border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;width:100%;background-color:#fff}._search_12k26_1:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._search_12k26_1:active{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._search_12k26_1::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._search_12k26_1:disabled{border-radius:16px;border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed}._search_12k26_1:disabled::placeholder{color:var(--Content-Neutral-Disabled, #94a3b8)}._small_12k26_68{padding:8px 11px 8px 28px;font-size:12px}._medium_12k26_73{padding:8px 10px 8px 30px;font-size:14px}._large_12k26_78{padding:11px 12px 11px 32px;font-size:15px}._small_12k26_68:not(:placeholder-shown){padding:8px 32px 8px 28px}._medium_12k26_73:not(:placeholder-shown){padding:8px 36px 8px 30px}._large_12k26_78:not(:placeholder-shown){padding:11px 40px 11px 32px}._error_12k26_97{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_12k26_1 .4s ease-in-out}._error_12k26_97::placeholder{color:#d6837a}._error_12k26_97:active{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_12k26_97:focus{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._errorMessage_12k26_116{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px;animation:_errorMessageSlide_12k26_1 .3s ease-out;transform-origin:top}._errorMessage_small_12k26_125{font-size:10px}._errorMessage_medium_12k26_129{font-size:12px}._errorMessage_large_12k26_133{font-size:14px}._helperText_12k26_137{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_small_12k26_144,._helperText_medium_12k26_148{font-size:11px}._helperText_large_12k26_152{font-size:13px;margin-top:7px}._helperText_disabled_12k26_157{color:var(--content-disabled-default, #cbd5e1)}._icon_12k26_162{position:absolute;left:8px;color:var(--Content-Neutral-Default, #475569);pointer-events:none;z-index:10;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}._icon_disabled_12k26_175{color:var(--Content-Neutral-Disabled, #94a3b8)}._clearButton_12k26_180{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Content-Neutral-Default, #475569);padding:4px;border-radius:4px;transition:all .2s ease;z-index:10}._clearButton_12k26_180:hover{background-color:var(--Fill-Neutral-Default-Hover, #f1f5f9);color:var(--Content-Neutral-Default-Active, #000)}._clearButton_12k26_180:focus{outline:none;box-shadow:0 0 0 2px var(--ui-blue-400, #7eaae6)}._clearButton_disabled_12k26_208{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._clearButton_disabled_12k26_208:hover{background:none}._clearButton_inverted_12k26_218{color:#fff}._clearButton_inverted_12k26_218:hover{background-color:#ffffff1a;color:#fff}._clearButton_inverted_12k26_218:focus{box-shadow:0 0 0 2px #ffffff4d}._clearButton_inverted_disabled_12k26_231{color:var(--content-disabled-default, #4f88d9);cursor:not-allowed}._clearButton_inverted_disabled_12k26_231:hover{background:none}._required_12k26_241{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}@keyframes _errorShake_12k26_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes _errorMessageSlide_12k26_1{0%{opacity:0;transform:translateY(-5px) scaleY(0)}50%{opacity:.8;transform:translateY(-2px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}._inverted_12k26_283{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_12k26_283:focus{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_12k26_283:active{border:1px solid white!important}._inverted_12k26_283::placeholder{color:#ffffffb3!important}._label_inverted_12k26_301{color:#fff!important}._helperText_inverted_12k26_305{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_12k26_309{color:#fff!important}._errorMessage_inverted_12k26_313{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_12k26_283._error_12k26_97{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important;background-color:transparent!important}._inverted_12k26_283._error_12k26_97::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_12k26_283._error_12k26_97:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_12k26_283._error_12k26_97:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_12k26_283:disabled{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important;color:var(--content-disabled-default, #4f88d9)!important;cursor:not-allowed}._inverted_12k26_283:disabled::placeholder{color:var(--content-disabled-default, #4f88d9)!important}._label_inverted_disabled_12k26_350{color:var(--Content-Neutral-Default-Active, #FFF)}._helperText_inverted_disabled_12k26_354{color:var(--Content-Neutral-Default-Default, #FAFAFA)}._icon_inverted_disabled_12k26_358{color:var(--content-disabled-default, #4f88d9)!important}._inverted_12k26_283:disabled:focus,._inverted_12k26_283:disabled:active{box-shadow:none!important}._inverted_12k26_283._error_12k26_97:disabled{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_12k26_283._error_12k26_97:disabled:focus,._inverted_12k26_283._error_12k26_97:disabled:active{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_12k26_283._error_12k26_97:disabled::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._required_inverted_12k26_382{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_12k26_386{color:var(--content-disabled-default, #CBD5E1)}._required_inverted_disabled_12k26_390{color:var(--content-disabled-default, #4F88D9)}._dropdown_12k26_395{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--Stroke-Neutral-Primary, #ddd);border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:240px;overflow-y:auto;z-index:1000;animation:_dropdownSlide_12k26_1 .2s ease-out}._dropdown_inverted_12k26_411{background:var(--Fill-Brand-Inverted-Active, #2054A5);border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);box-shadow:0 4px 12px #0000004d}._option_12k26_418{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:all .2s ease;color:var(--Content-Neutral-Default-Active, #000);font-family:Poppins Regular;font-size:14px;border-bottom:1px solid var(--Stroke-Neutral-Primary, #e5e7eb)}._option_12k26_418:first-child{border-radius:12px 12px 0 0}._option_12k26_418:last-child{border-radius:0 0 12px 12px;border-bottom:none}._option_12k26_418:hover,._option_highlighted_12k26_440{background:var(--Fill-Neutral-Default-Hover, #f1f5f9)}._option_inverted_12k26_444{color:#fff;border-bottom-color:#fff3}._option_inverted_12k26_444:hover,._option_inverted_12k26_444._option_highlighted_12k26_440{background:#ffffff1a}._option_inverted_12k26_444:last-child{border-bottom:none}._optionIcon_12k26_458{display:flex;align-items:center;justify-content:center;margin-right:8px;color:var(--Content-Neutral-Default, #475569)}._option_inverted_12k26_444 ._optionIcon_12k26_458{color:#fffc}._optionLabel_12k26_470{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes _dropdownSlide_12k26_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._dropdown_12k26_395::-webkit-scrollbar{width:6px}._dropdown_12k26_395::-webkit-scrollbar-track{background:transparent}._dropdown_12k26_395::-webkit-scrollbar-thumb{background:var(--Stroke-Neutral-Primary, #cbd5e1);border-radius:3px}._dropdown_12k26_395::-webkit-scrollbar-thumb:hover{background:var(--Stroke-Neutral-Primary, #94a3b8)}._dropdown_inverted_12k26_411::-webkit-scrollbar-thumb{background:#ffffff4d}._dropdown_inverted_12k26_411::-webkit-scrollbar-thumb:hover{background:#ffffff80}
|
|
@@ -1,68 +1,71 @@
|
|
|
1
|
-
import { jsx as n, jsxs as
|
|
2
|
-
import { useRef as g, useCallback as p, useEffect as
|
|
3
|
-
import { r as
|
|
4
|
-
import { Icon as
|
|
1
|
+
import { jsx as n, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as g, useCallback as p, useEffect as F } from "react";
|
|
3
|
+
import { r as S } from "../../index-CGDUIzcq.js";
|
|
4
|
+
import { Icon as B } from "../../icons/Icon.js";
|
|
5
5
|
import { Spinner as w } from "../Spinner/Spinner.js";
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
6
|
+
import { Button as N } from "../Button/Button.js";
|
|
7
|
+
import '../../assets/Dialog.css';const T = "_dialogOverlay_a4yfu_1", P = "_dialog_a4yfu_1", D = "_iconContainer_a4yfu_30", U = "_iconBackground_a4yfu_36", j = "_state_success_a4yfu_46", A = "_state_error_a4yfu_50", L = "_state_loading_a4yfu_54", $ = "_content_a4yfu_58", K = "_title_a4yfu_65", R = "_title_success_a4yfu_74", q = "_title_error_a4yfu_78", z = "_description_a4yfu_82", O = "_actions_a4yfu_90", G = "_overlayFadeIn_a4yfu_1", H = "_dialogAppear_a4yfu_1", J = "_iconPulse_a4yfu_1", M = "_contentSlideUp_a4yfu_1", Q = "_actionsSlideUp_a4yfu_1", V = "_spinnerPulse_a4yfu_1", W = "_transitioning_a4yfu_243", X = "_stateTransition_a4yfu_1", Y = "_contentFadeTransition_a4yfu_1", Z = "_actionsFadeIn_a4yfu_1", ee = "_successBounce_a4yfu_1", te = "_errorShake_a4yfu_1", t = {
|
|
8
|
+
dialogOverlay: T,
|
|
9
|
+
dialog: P,
|
|
10
|
+
iconContainer: D,
|
|
11
|
+
iconBackground: U,
|
|
12
|
+
state_success: j,
|
|
13
|
+
state_error: A,
|
|
14
|
+
state_loading: L,
|
|
15
|
+
content: $,
|
|
16
|
+
title: K,
|
|
17
|
+
title_success: R,
|
|
18
|
+
title_error: q,
|
|
19
|
+
description: z,
|
|
20
|
+
actions: O,
|
|
21
|
+
overlayFadeIn: G,
|
|
22
|
+
dialogAppear: H,
|
|
23
|
+
iconPulse: J,
|
|
24
|
+
contentSlideUp: M,
|
|
25
|
+
actionsSlideUp: Q,
|
|
26
|
+
spinnerPulse: V,
|
|
27
|
+
transitioning: W,
|
|
28
|
+
stateTransition: X,
|
|
29
|
+
contentFadeTransition: Y,
|
|
30
|
+
actionsFadeIn: Z,
|
|
31
|
+
successBounce: ee,
|
|
32
|
+
errorShake: te
|
|
33
|
+
}, re = ({
|
|
34
|
+
state: s = "success",
|
|
33
35
|
title: h,
|
|
34
36
|
description: l,
|
|
35
|
-
isOpen:
|
|
36
|
-
onClose:
|
|
37
|
-
children:
|
|
38
|
-
className:
|
|
37
|
+
isOpen: u,
|
|
38
|
+
onClose: a,
|
|
39
|
+
children: y,
|
|
40
|
+
className: v,
|
|
41
|
+
closeButton: b = !0
|
|
39
42
|
}) => {
|
|
40
|
-
const
|
|
41
|
-
e.key === "Escape" &&
|
|
42
|
-
}, [
|
|
43
|
-
if (e.key !== "Tab" || !
|
|
44
|
-
const
|
|
43
|
+
const c = g(null), d = g(null), _ = p((e) => {
|
|
44
|
+
e.key === "Escape" && a && a();
|
|
45
|
+
}, [a]), f = p((e) => {
|
|
46
|
+
if (e.key !== "Tab" || !c.current) return;
|
|
47
|
+
const i = c.current.querySelectorAll(
|
|
45
48
|
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
46
|
-
), o =
|
|
47
|
-
e.shiftKey ? document.activeElement === o && (
|
|
49
|
+
), o = i[0], r = i[i.length - 1];
|
|
50
|
+
e.shiftKey ? document.activeElement === o && (r == null || r.focus(), e.preventDefault()) : document.activeElement === r && (o == null || o.focus(), e.preventDefault());
|
|
48
51
|
}, []);
|
|
49
|
-
if (
|
|
50
|
-
var
|
|
51
|
-
const e = (
|
|
52
|
+
if (F(() => (u && (d.current = document.activeElement, document.body.style.overflow = "hidden", document.addEventListener("keydown", _), document.addEventListener("keydown", f), setTimeout(() => {
|
|
53
|
+
var i, o;
|
|
54
|
+
const e = (i = c.current) == null ? void 0 : i.querySelector(
|
|
52
55
|
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
53
56
|
);
|
|
54
|
-
e ? e.focus() : (o =
|
|
57
|
+
e ? e.focus() : (o = c.current) == null || o.focus();
|
|
55
58
|
}, 100)), () => {
|
|
56
|
-
document.body.style.overflow = "", document.removeEventListener("keydown",
|
|
57
|
-
}), [
|
|
58
|
-
const
|
|
59
|
+
document.body.style.overflow = "", document.removeEventListener("keydown", _), document.removeEventListener("keydown", f), d.current && d.current.focus();
|
|
60
|
+
}), [u, _, f]), !u) return null;
|
|
61
|
+
const k = [
|
|
59
62
|
t.dialogOverlay,
|
|
60
|
-
|
|
61
|
-
].filter(Boolean).join(" "),
|
|
63
|
+
v
|
|
64
|
+
].filter(Boolean).join(" "), I = [
|
|
62
65
|
t.dialog,
|
|
63
|
-
t[`state_${
|
|
64
|
-
].filter(Boolean).join(" "),
|
|
65
|
-
switch (
|
|
66
|
+
t[`state_${s}`]
|
|
67
|
+
].filter(Boolean).join(" "), x = () => {
|
|
68
|
+
switch (s) {
|
|
66
69
|
case "success":
|
|
67
70
|
return "CheckIcon";
|
|
68
71
|
case "error":
|
|
@@ -70,27 +73,27 @@ import '../../assets/Dialog.css';const B = "_dialogOverlay_3m3sv_1", N = "_dialo
|
|
|
70
73
|
default:
|
|
71
74
|
return "CheckIcon";
|
|
72
75
|
}
|
|
73
|
-
},
|
|
76
|
+
}, C = () => s === "loading" ? /* @__PURE__ */ n("div", { style: {
|
|
74
77
|
margin: "19px 0"
|
|
75
78
|
}, children: /* @__PURE__ */ n(w, { size: 50, highlightColor: "#1D71DE", backgroundColor: "#E2E8F0", thickness: 5 }) }) : /* @__PURE__ */ n(
|
|
76
|
-
|
|
79
|
+
B,
|
|
77
80
|
{
|
|
78
|
-
name:
|
|
81
|
+
name: x(),
|
|
79
82
|
fill: "white",
|
|
80
83
|
height: 40,
|
|
81
84
|
width: 40
|
|
82
85
|
}
|
|
83
|
-
),
|
|
86
|
+
), E = /* @__PURE__ */ n(
|
|
84
87
|
"div",
|
|
85
88
|
{
|
|
86
|
-
className:
|
|
87
|
-
onClick:
|
|
89
|
+
className: k,
|
|
90
|
+
onClick: a,
|
|
88
91
|
role: "presentation",
|
|
89
|
-
children: /* @__PURE__ */
|
|
92
|
+
children: /* @__PURE__ */ m(
|
|
90
93
|
"div",
|
|
91
94
|
{
|
|
92
|
-
ref:
|
|
93
|
-
className:
|
|
95
|
+
ref: c,
|
|
96
|
+
className: I,
|
|
94
97
|
onClick: (e) => e.stopPropagation(),
|
|
95
98
|
role: "dialog",
|
|
96
99
|
"aria-modal": "true",
|
|
@@ -98,26 +101,38 @@ import '../../assets/Dialog.css';const B = "_dialogOverlay_3m3sv_1", N = "_dialo
|
|
|
98
101
|
"aria-describedby": l ? "dialog-description" : void 0,
|
|
99
102
|
tabIndex: -1,
|
|
100
103
|
children: [
|
|
101
|
-
/* @__PURE__ */ n("div", { className: t.iconContainer, "aria-hidden": "true", children: /* @__PURE__ */ n("div", { className: t.iconBackground, children:
|
|
102
|
-
/* @__PURE__ */
|
|
104
|
+
/* @__PURE__ */ n("div", { className: t.iconContainer, "aria-hidden": "true", children: /* @__PURE__ */ n("div", { className: t.iconBackground, children: C() }) }),
|
|
105
|
+
/* @__PURE__ */ m("div", { className: t.content, children: [
|
|
103
106
|
/* @__PURE__ */ n(
|
|
104
107
|
"h3",
|
|
105
108
|
{
|
|
106
109
|
id: "dialog-title",
|
|
107
|
-
className: `${t.title} ${t[`title_${
|
|
110
|
+
className: `${t.title} ${t[`title_${s}`]}`,
|
|
108
111
|
children: h
|
|
109
112
|
}
|
|
110
113
|
),
|
|
111
114
|
l && /* @__PURE__ */ n("p", { id: "dialog-description", className: t.description, children: l })
|
|
112
115
|
] }),
|
|
113
|
-
|
|
116
|
+
y && /* @__PURE__ */ n("div", { className: t.actions, children: y }),
|
|
117
|
+
b && /* @__PURE__ */ n(
|
|
118
|
+
N,
|
|
119
|
+
{
|
|
120
|
+
variant: "brand",
|
|
121
|
+
size: "medium",
|
|
122
|
+
onClick: () => {
|
|
123
|
+
a && a();
|
|
124
|
+
},
|
|
125
|
+
className: t.closeButton,
|
|
126
|
+
children: "Cerrar"
|
|
127
|
+
}
|
|
128
|
+
)
|
|
114
129
|
]
|
|
115
130
|
}
|
|
116
131
|
)
|
|
117
132
|
}
|
|
118
133
|
);
|
|
119
|
-
return
|
|
134
|
+
return S.createPortal(E, document.body);
|
|
120
135
|
};
|
|
121
136
|
export {
|
|
122
|
-
|
|
137
|
+
re as Dialog
|
|
123
138
|
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import * as Icons from "../../icons/index";
|
|
3
|
+
export type SearchSize = "small" | "medium" | "large";
|
|
4
|
+
export type IconName = keyof typeof Icons;
|
|
5
|
+
export interface SearchOption {
|
|
6
|
+
value: string;
|
|
7
|
+
label: string;
|
|
8
|
+
icon?: IconName;
|
|
9
|
+
}
|
|
10
|
+
export interface SearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
11
|
+
size?: SearchSize;
|
|
12
|
+
label?: string;
|
|
13
|
+
error?: string;
|
|
14
|
+
helperText?: string;
|
|
15
|
+
className?: string;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
inverted?: boolean;
|
|
18
|
+
clearable?: boolean;
|
|
19
|
+
onClear?: () => void;
|
|
20
|
+
onSearch?: (value: string) => void;
|
|
21
|
+
options?: SearchOption[];
|
|
22
|
+
onOptionSelect?: (option: SearchOption) => void;
|
|
23
|
+
showOptionsOnFocus?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export declare const Search: React.FC<SearchProps>;
|
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
import { jsxs as k, jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
import { useState as x, useRef as y, useEffect as A } from "react";
|
|
3
|
+
import { Icon as $ } from "../../icons/Icon.js";
|
|
4
|
+
import '../../assets/Search.css';const H = "_searchContainer_12k26_1", U = "_label_12k26_8", G = "_label_large_12k26_16", J = "_label_disabled_12k26_21", P = "_searchWrapper_12k26_25", Q = "_search_12k26_1", X = "_small_12k26_68", Y = "_medium_12k26_73", Z = "_large_12k26_78", z = "_error_12k26_97", ee = "_errorShake_12k26_1", re = "_errorMessage_12k26_116", te = "_errorMessageSlide_12k26_1", le = "_errorMessage_small_12k26_125", ne = "_errorMessage_medium_12k26_129", _e = "_errorMessage_large_12k26_133", ae = "_helperText_12k26_137", de = "_helperText_small_12k26_144", se = "_helperText_medium_12k26_148", ie = "_helperText_large_12k26_152", oe = "_helperText_disabled_12k26_157", ce = "_icon_12k26_162", he = "_icon_disabled_12k26_175", be = "_clearButton_12k26_180", ue = "_clearButton_disabled_12k26_208", ge = "_clearButton_inverted_12k26_218", me = "_clearButton_inverted_disabled_12k26_231", ke = "_required_12k26_241", ve = "_inverted_12k26_283", pe = "_label_inverted_12k26_301", fe = "_helperText_inverted_12k26_305", we = "_icon_inverted_12k26_309", xe = "_errorMessage_inverted_12k26_313", $e = "_label_inverted_disabled_12k26_350", Te = "_helperText_inverted_disabled_12k26_354", Me = "_icon_inverted_disabled_12k26_358", Be = "_required_inverted_12k26_382", qe = "_required_disabled_12k26_386", Se = "_required_inverted_disabled_12k26_390", Ne = "_dropdown_12k26_395", ye = "_dropdownSlide_12k26_1", Ce = "_dropdown_inverted_12k26_411", Ee = "_option_12k26_418", Ie = "_option_highlighted_12k26_440", De = "_option_inverted_12k26_444", Le = "_optionIcon_12k26_458", Fe = "_optionLabel_12k26_470", e = {
|
|
5
|
+
searchContainer: H,
|
|
6
|
+
label: U,
|
|
7
|
+
label_large: G,
|
|
8
|
+
label_disabled: J,
|
|
9
|
+
searchWrapper: P,
|
|
10
|
+
search: Q,
|
|
11
|
+
small: X,
|
|
12
|
+
medium: Y,
|
|
13
|
+
large: Z,
|
|
14
|
+
error: z,
|
|
15
|
+
errorShake: ee,
|
|
16
|
+
errorMessage: re,
|
|
17
|
+
errorMessageSlide: te,
|
|
18
|
+
errorMessage_small: le,
|
|
19
|
+
errorMessage_medium: ne,
|
|
20
|
+
errorMessage_large: _e,
|
|
21
|
+
helperText: ae,
|
|
22
|
+
helperText_small: de,
|
|
23
|
+
helperText_medium: se,
|
|
24
|
+
helperText_large: ie,
|
|
25
|
+
helperText_disabled: oe,
|
|
26
|
+
icon: ce,
|
|
27
|
+
icon_disabled: he,
|
|
28
|
+
clearButton: be,
|
|
29
|
+
clearButton_disabled: ue,
|
|
30
|
+
clearButton_inverted: ge,
|
|
31
|
+
clearButton_inverted_disabled: me,
|
|
32
|
+
required: ke,
|
|
33
|
+
inverted: ve,
|
|
34
|
+
label_inverted: pe,
|
|
35
|
+
helperText_inverted: fe,
|
|
36
|
+
icon_inverted: we,
|
|
37
|
+
errorMessage_inverted: xe,
|
|
38
|
+
label_inverted_disabled: $e,
|
|
39
|
+
helperText_inverted_disabled: Te,
|
|
40
|
+
icon_inverted_disabled: Me,
|
|
41
|
+
required_inverted: Be,
|
|
42
|
+
required_disabled: qe,
|
|
43
|
+
required_inverted_disabled: Se,
|
|
44
|
+
dropdown: Ne,
|
|
45
|
+
dropdownSlide: ye,
|
|
46
|
+
dropdown_inverted: Ce,
|
|
47
|
+
option: Ee,
|
|
48
|
+
option_highlighted: Ie,
|
|
49
|
+
option_inverted: De,
|
|
50
|
+
optionIcon: Le,
|
|
51
|
+
optionLabel: Fe
|
|
52
|
+
}, We = ({
|
|
53
|
+
size: a = "medium",
|
|
54
|
+
label: T,
|
|
55
|
+
error: h,
|
|
56
|
+
helperText: M,
|
|
57
|
+
className: C,
|
|
58
|
+
required: E,
|
|
59
|
+
inverted: l = !1,
|
|
60
|
+
clearable: I = !0,
|
|
61
|
+
onClear: B,
|
|
62
|
+
onSearch: b,
|
|
63
|
+
value: v,
|
|
64
|
+
onChange: d,
|
|
65
|
+
options: u = [],
|
|
66
|
+
onOptionSelect: q,
|
|
67
|
+
showOptionsOnFocus: D = !1,
|
|
68
|
+
...t
|
|
69
|
+
}) => {
|
|
70
|
+
const [g, p] = x(v || ""), [S, s] = x(!1), [m, i] = x(-1), f = y(null), L = y(null), F = [
|
|
71
|
+
e.search,
|
|
72
|
+
e[a],
|
|
73
|
+
h ? e.error : "",
|
|
74
|
+
l ? e.inverted : "",
|
|
75
|
+
C
|
|
76
|
+
].filter(Boolean).join(" "), o = a === "small" ? 16 : a === "large" ? 20 : 18, c = u.filter(
|
|
77
|
+
(r) => r.label.toLowerCase().includes(String(g).toLowerCase())
|
|
78
|
+
);
|
|
79
|
+
A(() => {
|
|
80
|
+
const r = (n) => {
|
|
81
|
+
f.current && !f.current.contains(n.target) && s(!1);
|
|
82
|
+
};
|
|
83
|
+
return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
|
|
84
|
+
}, []);
|
|
85
|
+
const K = (r) => {
|
|
86
|
+
const n = r.target.value;
|
|
87
|
+
p(n), s(u.length > 0 && n.length > 0), i(-1), d && d(r);
|
|
88
|
+
}, O = (r) => {
|
|
89
|
+
if (u.length > 0 && S)
|
|
90
|
+
switch (r.key) {
|
|
91
|
+
case "ArrowDown":
|
|
92
|
+
r.preventDefault(), i(
|
|
93
|
+
(n) => n < c.length - 1 ? n + 1 : n
|
|
94
|
+
);
|
|
95
|
+
break;
|
|
96
|
+
case "ArrowUp":
|
|
97
|
+
r.preventDefault(), i((n) => n > 0 ? n - 1 : -1);
|
|
98
|
+
break;
|
|
99
|
+
case "Enter":
|
|
100
|
+
r.preventDefault(), m >= 0 && c[m] ? N(c[m]) : b && (b(String(g)), s(!1));
|
|
101
|
+
break;
|
|
102
|
+
case "Escape":
|
|
103
|
+
s(!1), i(-1);
|
|
104
|
+
break;
|
|
105
|
+
}
|
|
106
|
+
else r.key === "Enter" && b && b(String(g));
|
|
107
|
+
t.onKeyDown && t.onKeyDown(r);
|
|
108
|
+
}, N = (r) => {
|
|
109
|
+
if (p(r.label), s(!1), i(-1), q && q(r), d) {
|
|
110
|
+
const n = {
|
|
111
|
+
target: { value: r.label }
|
|
112
|
+
};
|
|
113
|
+
d(n);
|
|
114
|
+
}
|
|
115
|
+
}, V = (r) => {
|
|
116
|
+
D && u.length > 0 && s(!0), t.onFocus && t.onFocus(r);
|
|
117
|
+
}, W = () => {
|
|
118
|
+
p(""), B && B(), d && d({
|
|
119
|
+
target: { value: "" }
|
|
120
|
+
});
|
|
121
|
+
}, w = v !== void 0 ? v : g, j = I && w && String(w).length > 0, R = S && c.length > 0 && !t.disabled;
|
|
122
|
+
return /* @__PURE__ */ k("div", { className: e.searchContainer, ref: f, children: [
|
|
123
|
+
T && /* @__PURE__ */ k("label", { className: `${e.label} ${a === "large" ? e.label_large : ""} ${t.disabled && !l ? e.label_disabled : ""} ${l && !t.disabled ? e.label_inverted : ""} ${l && t.disabled ? e.label_inverted_disabled : ""}`, children: [
|
|
124
|
+
T,
|
|
125
|
+
/* @__PURE__ */ _("span", { className: `${e.required} ${l ? e.required_inverted : ""}`, children: E && "*" })
|
|
126
|
+
] }),
|
|
127
|
+
/* @__PURE__ */ k("div", { className: e.searchWrapper, children: [
|
|
128
|
+
/* @__PURE__ */ _("div", { className: `${e.icon} ${t.disabled && !l ? e.icon_disabled : ""} ${l && !t.disabled ? e.icon_inverted : ""} ${l && t.disabled ? e.icon_inverted_disabled : ""}`, children: /* @__PURE__ */ _(
|
|
129
|
+
$,
|
|
130
|
+
{
|
|
131
|
+
name: "SearchIcon",
|
|
132
|
+
width: o,
|
|
133
|
+
height: o
|
|
134
|
+
}
|
|
135
|
+
) }),
|
|
136
|
+
/* @__PURE__ */ _(
|
|
137
|
+
"input",
|
|
138
|
+
{
|
|
139
|
+
ref: L,
|
|
140
|
+
className: F,
|
|
141
|
+
type: "text",
|
|
142
|
+
value: w,
|
|
143
|
+
onChange: K,
|
|
144
|
+
onKeyDown: O,
|
|
145
|
+
onFocus: V,
|
|
146
|
+
autoComplete: "off",
|
|
147
|
+
...t
|
|
148
|
+
}
|
|
149
|
+
),
|
|
150
|
+
R && /* @__PURE__ */ _("div", { className: `${e.dropdown} ${l ? e.dropdown_inverted : ""}`, children: c.map((r, n) => /* @__PURE__ */ k(
|
|
151
|
+
"div",
|
|
152
|
+
{
|
|
153
|
+
className: `${e.option} ${n === m ? e.option_highlighted : ""} ${l ? e.option_inverted : ""}`,
|
|
154
|
+
onClick: () => N(r),
|
|
155
|
+
onMouseEnter: () => i(n),
|
|
156
|
+
children: [
|
|
157
|
+
r.icon && /* @__PURE__ */ _("div", { className: e.optionIcon, children: /* @__PURE__ */ _($, { name: r.icon, width: o, height: o }) }),
|
|
158
|
+
/* @__PURE__ */ _("span", { className: e.optionLabel, children: r.label })
|
|
159
|
+
]
|
|
160
|
+
},
|
|
161
|
+
r.value
|
|
162
|
+
)) }),
|
|
163
|
+
j && /* @__PURE__ */ _(
|
|
164
|
+
"button",
|
|
165
|
+
{
|
|
166
|
+
type: "button",
|
|
167
|
+
className: `${e.clearButton} ${t.disabled && !l ? e.clearButton_disabled : ""} ${l && !t.disabled ? e.clearButton_inverted : ""} ${l && t.disabled ? e.clearButton_inverted_disabled : ""}`,
|
|
168
|
+
onClick: W,
|
|
169
|
+
disabled: t.disabled,
|
|
170
|
+
"aria-label": "Limpiar búsqueda",
|
|
171
|
+
children: /* @__PURE__ */ _(
|
|
172
|
+
$,
|
|
173
|
+
{
|
|
174
|
+
name: "Close",
|
|
175
|
+
width: o,
|
|
176
|
+
height: o
|
|
177
|
+
}
|
|
178
|
+
)
|
|
179
|
+
}
|
|
180
|
+
)
|
|
181
|
+
] }),
|
|
182
|
+
h && /* @__PURE__ */ _("span", { className: `${e.errorMessage} ${e[`errorMessage_${a}`]} ${l ? e.errorMessage_inverted : ""}`, children: h }),
|
|
183
|
+
M && !h && /* @__PURE__ */ _("span", { className: `${e.helperText} ${e[`helperText_${a}`]} ${t.disabled && !l ? e.helperText_disabled : ""} ${l && !t.disabled ? e.helperText_inverted : ""} ${l && t.disabled ? e.helperText_inverted_disabled : ""}`, children: M })
|
|
184
|
+
] });
|
|
185
|
+
};
|
|
186
|
+
export {
|
|
187
|
+
We as Search
|
|
188
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Search, type SearchProps, type SearchSize, type SearchOption } from './Search';
|
|
@@ -18,8 +18,8 @@ export interface ModalProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
18
18
|
title?: string;
|
|
19
19
|
children?: React.ReactNode;
|
|
20
20
|
width?: number;
|
|
21
|
-
confirmButton
|
|
22
|
-
cancelButton
|
|
21
|
+
confirmButton?: ModalButtonProps;
|
|
22
|
+
cancelButton?: ModalButtonProps;
|
|
23
23
|
zIndex?: number;
|
|
24
24
|
className?: string;
|
|
25
25
|
onClickOverlay?: (() => Promise<void> | void) | false;
|
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { Icon as
|
|
4
|
-
import { useScrollLock as
|
|
5
|
-
import { Button as
|
|
6
|
-
import { r as
|
|
7
|
-
import '../../assets/index7.css';const
|
|
8
|
-
modalOverlay:
|
|
9
|
-
closing:
|
|
10
|
-
modal:
|
|
11
|
-
modalHeader:
|
|
12
|
-
withBorder:
|
|
13
|
-
modalTitle:
|
|
14
|
-
closeIcon:
|
|
15
|
-
modalBody:
|
|
16
|
-
modalFooter:
|
|
17
|
-
buttonsDiv:
|
|
18
|
-
},
|
|
19
|
-
isOpen:
|
|
20
|
-
title:
|
|
21
|
-
children:
|
|
22
|
-
width:
|
|
23
|
-
confirmButton:
|
|
24
|
-
cancelButton:
|
|
25
|
-
zIndex:
|
|
26
|
-
className:
|
|
27
|
-
style:
|
|
28
|
-
onClickOverlay:
|
|
29
|
-
onClose:
|
|
30
|
-
closeModal:
|
|
31
|
-
withScroll:
|
|
32
|
-
|
|
1
|
+
import { jsx as d, jsxs as v } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as I, useState as m, useEffect as X } from "react";
|
|
3
|
+
import { Icon as Z } from "../../icons/Icon.js";
|
|
4
|
+
import { useScrollLock as M } from "../../hooks/useScrollLock.js";
|
|
5
|
+
import { Button as N } from "../Button/Button.js";
|
|
6
|
+
import { r as P } from "../../index-CGDUIzcq.js";
|
|
7
|
+
import '../../assets/index7.css';const q = "_modalOverlay_1347c_1", G = "_closing_1347c_15", J = "_modal_1347c_1", K = "_modalHeader_1347c_48", Q = "_withBorder_1347c_56", U = "_modalTitle_1347c_61", n = "_closeIcon_1347c_72", u = "_modalBody_1347c_85", B = "_modalFooter_1347c_96", ss = "_buttonsDiv_1347c_101", l = {
|
|
8
|
+
modalOverlay: q,
|
|
9
|
+
closing: G,
|
|
10
|
+
modal: J,
|
|
11
|
+
modalHeader: K,
|
|
12
|
+
withBorder: Q,
|
|
13
|
+
modalTitle: U,
|
|
14
|
+
closeIcon: n,
|
|
15
|
+
modalBody: u,
|
|
16
|
+
modalFooter: B,
|
|
17
|
+
buttonsDiv: ss
|
|
18
|
+
}, hs = ({
|
|
19
|
+
isOpen: y,
|
|
20
|
+
title: b,
|
|
21
|
+
children: g,
|
|
22
|
+
width: S = 752,
|
|
23
|
+
confirmButton: s,
|
|
24
|
+
cancelButton: e,
|
|
25
|
+
zIndex: k,
|
|
26
|
+
className: O,
|
|
27
|
+
style: f,
|
|
28
|
+
onClickOverlay: h,
|
|
29
|
+
onClose: i,
|
|
30
|
+
closeModal: H,
|
|
31
|
+
withScroll: $ = !0,
|
|
32
|
+
...x
|
|
33
33
|
}) => {
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
34
|
+
const w = I(null), [D, p] = m(!1), _ = I(null), [T, z] = m(!1), [R, L] = m(!1);
|
|
35
|
+
M(y);
|
|
36
|
+
const o = () => {
|
|
37
|
+
p(!0), setTimeout(() => {
|
|
38
|
+
H(), p(!1);
|
|
39
39
|
}, 250);
|
|
40
|
-
},
|
|
41
|
-
var
|
|
42
|
-
(
|
|
43
|
-
},
|
|
44
|
-
|
|
45
|
-
}, L = async () => {
|
|
46
|
-
o.action && await o.action(), i();
|
|
40
|
+
}, j = async (a) => {
|
|
41
|
+
var r;
|
|
42
|
+
(r = w.current) != null && r.contains(a.target) || h !== !1 && (typeof h == "function" && await h(), o());
|
|
43
|
+
}, t = async () => {
|
|
44
|
+
i !== !1 && (typeof i == "function" && await i(), o());
|
|
47
45
|
}, A = async () => {
|
|
48
|
-
|
|
49
|
-
},
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
s != null && s.action && await s.action(), o();
|
|
47
|
+
}, F = async () => {
|
|
48
|
+
e != null && e.action && await e.action(), o();
|
|
49
|
+
}, Y = e && Object.keys(e).length > 0, V = s && Object.keys(s).length > 0, C = Y && (e.show ?? !0), c = V && (s.show ?? !0), W = `${l.modal} ${O || ""}`;
|
|
50
|
+
return X(() => {
|
|
51
|
+
if (!_.current) return;
|
|
52
|
+
const a = _.current, r = () => {
|
|
53
|
+
L(a.scrollTop > 0), z(a.scrollHeight > a.clientHeight);
|
|
54
54
|
};
|
|
55
|
-
|
|
56
|
-
const
|
|
57
|
-
return
|
|
58
|
-
|
|
55
|
+
r(), a.addEventListener("scroll", r);
|
|
56
|
+
const E = new ResizeObserver(r);
|
|
57
|
+
return E.observe(a), () => {
|
|
58
|
+
a.removeEventListener("scroll", r), E.disconnect();
|
|
59
59
|
};
|
|
60
|
-
}, [
|
|
61
|
-
/* @__PURE__ */
|
|
60
|
+
}, [g]), y ? P.createPortal(
|
|
61
|
+
/* @__PURE__ */ d(
|
|
62
62
|
"div",
|
|
63
63
|
{
|
|
64
|
-
className: `${
|
|
65
|
-
style: { zIndex: 3e3 + (
|
|
66
|
-
onClick:
|
|
67
|
-
children: /* @__PURE__ */
|
|
64
|
+
className: `${l.modalOverlay} ${D ? l.closing : ""}`,
|
|
65
|
+
style: { zIndex: 3e3 + (k || 0) },
|
|
66
|
+
onClick: j,
|
|
67
|
+
children: /* @__PURE__ */ v(
|
|
68
68
|
"div",
|
|
69
69
|
{
|
|
70
|
-
className:
|
|
71
|
-
style: { width:
|
|
72
|
-
ref:
|
|
73
|
-
|
|
70
|
+
className: W,
|
|
71
|
+
style: { width: S, ...f },
|
|
72
|
+
ref: w,
|
|
73
|
+
...x,
|
|
74
74
|
children: [
|
|
75
|
-
/* @__PURE__ */
|
|
75
|
+
/* @__PURE__ */ v(
|
|
76
76
|
"div",
|
|
77
77
|
{
|
|
78
|
-
className: `${
|
|
78
|
+
className: `${l.modalHeader} ${R ? l.withBorder : ""}`,
|
|
79
79
|
children: [
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
80
|
+
b && /* @__PURE__ */ d("span", { className: l.modalTitle, children: b }),
|
|
81
|
+
i !== !1 && /* @__PURE__ */ d("div", { className: l.closeIcon, onClick: t, children: /* @__PURE__ */ d(
|
|
82
|
+
Z,
|
|
83
83
|
{
|
|
84
84
|
name: "Close",
|
|
85
85
|
width: 12,
|
|
@@ -90,46 +90,46 @@ import '../../assets/index7.css';const X = "_modalOverlay_1347c_1", Z = "_closin
|
|
|
90
90
|
]
|
|
91
91
|
}
|
|
92
92
|
),
|
|
93
|
-
/* @__PURE__ */
|
|
93
|
+
/* @__PURE__ */ d(
|
|
94
94
|
"div",
|
|
95
95
|
{
|
|
96
|
-
className:
|
|
96
|
+
className: l.modalBody,
|
|
97
97
|
style: {
|
|
98
|
-
overflowY:
|
|
98
|
+
overflowY: $ ? "auto" : "hidden"
|
|
99
99
|
},
|
|
100
|
-
ref:
|
|
101
|
-
children:
|
|
100
|
+
ref: _,
|
|
101
|
+
children: g
|
|
102
102
|
}
|
|
103
103
|
),
|
|
104
|
-
(
|
|
104
|
+
(C || c) && /* @__PURE__ */ d(
|
|
105
105
|
"div",
|
|
106
106
|
{
|
|
107
|
-
className: `${
|
|
108
|
-
children: /* @__PURE__ */
|
|
109
|
-
|
|
110
|
-
|
|
107
|
+
className: `${l.modalFooter} ${T ? l.withBorder : ""}`,
|
|
108
|
+
children: /* @__PURE__ */ v("div", { className: l.buttonsDiv, children: [
|
|
109
|
+
C && /* @__PURE__ */ d(
|
|
110
|
+
N,
|
|
111
111
|
{
|
|
112
|
-
variant:
|
|
113
|
-
onClick:
|
|
114
|
-
disabled:
|
|
115
|
-
size:
|
|
116
|
-
loading:
|
|
112
|
+
variant: (e == null ? void 0 : e.variant) || "outline",
|
|
113
|
+
onClick: F,
|
|
114
|
+
disabled: (e == null ? void 0 : e.disabled) || !1,
|
|
115
|
+
size: (e == null ? void 0 : e.size) || "small",
|
|
116
|
+
loading: e == null ? void 0 : e.loading,
|
|
117
117
|
fullWidth: !0,
|
|
118
|
-
children:
|
|
118
|
+
children: (e == null ? void 0 : e.text) || "Cancelar"
|
|
119
119
|
}
|
|
120
120
|
),
|
|
121
|
-
|
|
122
|
-
|
|
121
|
+
c && /* @__PURE__ */ d(
|
|
122
|
+
N,
|
|
123
123
|
{
|
|
124
124
|
type: "submit",
|
|
125
|
-
form:
|
|
126
|
-
variant:
|
|
127
|
-
onClick:
|
|
128
|
-
disabled:
|
|
129
|
-
size:
|
|
130
|
-
loading:
|
|
125
|
+
form: s == null ? void 0 : s.id,
|
|
126
|
+
variant: (s == null ? void 0 : s.variant) || "brand",
|
|
127
|
+
onClick: A,
|
|
128
|
+
disabled: (s == null ? void 0 : s.disabled) || !1,
|
|
129
|
+
size: (s == null ? void 0 : s.size) || "small",
|
|
130
|
+
loading: s == null ? void 0 : s.loading,
|
|
131
131
|
fullWidth: !0,
|
|
132
|
-
children:
|
|
132
|
+
children: (s == null ? void 0 : s.text) || "Confirmar"
|
|
133
133
|
}
|
|
134
134
|
)
|
|
135
135
|
] })
|
|
@@ -144,5 +144,5 @@ import '../../assets/index7.css';const X = "_modalOverlay_1347c_1", Z = "_closin
|
|
|
144
144
|
) : null;
|
|
145
145
|
};
|
|
146
146
|
export {
|
|
147
|
-
|
|
147
|
+
hs as Modal
|
|
148
148
|
};
|
|
@@ -2,6 +2,7 @@ export { default as ArrowDown } from './ArrowDown';
|
|
|
2
2
|
export { default as ArrowUp } from './ArrowUp';
|
|
3
3
|
export { default as Add } from './Add';
|
|
4
4
|
export { default as AddAPhoto } from './AddAPhoto';
|
|
5
|
+
export { default as AddAlert } from './AddAlert';
|
|
5
6
|
export { default as AddIcon } from './AddIcon';
|
|
6
7
|
export { default as AlertIcon } from './AlertIcon';
|
|
7
8
|
export { default as AmericanExpress } from './AmericanExpress';
|
|
@@ -10,6 +11,7 @@ export { default as Apnfd } from './Apnfd';
|
|
|
10
11
|
export { default as Approve } from './Approve';
|
|
11
12
|
export { default as ArrowBack } from './ArrowBack';
|
|
12
13
|
export { default as ArrowsOutward } from './ArrowsOutward';
|
|
14
|
+
export { default as Assignment } from './Assignment';
|
|
13
15
|
export { default as AttachFile } from './AttachFile';
|
|
14
16
|
export { default as BusinessCenter } from './BusinessCenter';
|
|
15
17
|
export { default as CalendarIcon } from './CalendarIcon';
|
|
@@ -20,7 +22,6 @@ export { default as ChatBubble } from './ChatBubble';
|
|
|
20
22
|
export { default as CheckIcon } from './CheckIcon';
|
|
21
23
|
export { default as Checkbook } from './Checkbook';
|
|
22
24
|
export { default as ChevronLeft } from './ChevronLeft';
|
|
23
|
-
export { default as Close } from './Close';
|
|
24
25
|
export { default as Comisiones } from './Comisiones';
|
|
25
26
|
export { default as ComputerCancel } from './ComputerCancel';
|
|
26
27
|
export { default as ComunicacionesIcon } from './ComunicacionesIcon';
|
|
@@ -68,7 +69,6 @@ export { default as Menu } from './Menu';
|
|
|
68
69
|
export { default as MoreVert } from './MoreVert';
|
|
69
70
|
export { default as NextIcon } from './NextIcon';
|
|
70
71
|
export { default as Notes } from './Notes';
|
|
71
|
-
export { default as Notifications } from './Notifications';
|
|
72
72
|
export { default as NumPolizaIcon } from './NumPolizaIcon';
|
|
73
73
|
export { default as OpenInFull } from './OpenInFull';
|
|
74
74
|
export { default as Paid } from './Paid';
|
|
@@ -2,75 +2,75 @@ import { default as r } from "./ArrowDown.js";
|
|
|
2
2
|
import { default as t } from "./ArrowUp.js";
|
|
3
3
|
import { default as d } from "./Add.js";
|
|
4
4
|
import { default as l } from "./AddAPhoto.js";
|
|
5
|
-
import { default as p } from "./
|
|
6
|
-
import { default as x } from "./
|
|
7
|
-
import { default as i } from "./
|
|
8
|
-
import { default as I } from "./
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as b } from "./
|
|
11
|
-
import { default as P } from "./
|
|
12
|
-
import { default as w } from "./
|
|
13
|
-
import { default as F } from "./
|
|
14
|
-
import { default as g } from "./
|
|
15
|
-
import { default as S } from "./
|
|
16
|
-
import { default as v } from "./
|
|
17
|
-
import { default as U } from "./
|
|
18
|
-
import { default as E } from "./
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as K } from "./
|
|
22
|
-
import { default as T } from "./
|
|
23
|
-
import { default as G } from "./
|
|
24
|
-
import { default as Q } from "./
|
|
25
|
-
import { default as Y } from "./
|
|
26
|
-
import { default as _ } from "./
|
|
27
|
-
import { default as oo } from "./
|
|
28
|
-
import { default as ro } from "./
|
|
29
|
-
import { default as to } from "./
|
|
30
|
-
import { default as so } from "./
|
|
31
|
-
import { default as uo } from "./
|
|
32
|
-
import { default as mo } from "./
|
|
33
|
-
import { default as no } from "./
|
|
34
|
-
import { default as co } from "./
|
|
35
|
-
import { default as Co } from "./
|
|
36
|
-
import { default as
|
|
37
|
-
import { default as Do } from "./
|
|
38
|
-
import { default as Ro } from "./
|
|
39
|
-
import { default as yo } from "./
|
|
40
|
-
import { default as Mo } from "./
|
|
41
|
-
import { default as ko } from "./
|
|
42
|
-
import { default as Vo } from "./
|
|
43
|
-
import { default as Lo } from "./
|
|
44
|
-
import { default as Bo } from "./
|
|
45
|
-
import { default as Ho } from "./
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as Wo } from "./
|
|
48
|
-
import { default as jo } from "./
|
|
49
|
-
import { default as qo } from "./
|
|
50
|
-
import { default as Jo } from "./
|
|
51
|
-
import { default as Xo } from "./
|
|
52
|
-
import { default as Zo } from "./
|
|
53
|
-
import { default as $o } from "./
|
|
54
|
-
import { default as ee } from "./
|
|
55
|
-
import { default as ae } from "./
|
|
56
|
-
import { default as fe } from "./
|
|
57
|
-
import { default as se } from "./
|
|
58
|
-
import { default as ue } from "./
|
|
59
|
-
import { default as me } from "./
|
|
60
|
-
import { default as ne } from "./
|
|
61
|
-
import { default as ce } from "./
|
|
62
|
-
import { default as Ce } from "./
|
|
63
|
-
import { default as
|
|
64
|
-
import { default as De } from "./
|
|
65
|
-
import { default as Re } from "./
|
|
66
|
-
import { default as ye } from "./
|
|
67
|
-
import { default as Me } from "./
|
|
68
|
-
import { default as ke } from "./
|
|
69
|
-
import { default as Ve } from "./
|
|
70
|
-
import { default as Le } from "./
|
|
71
|
-
import { default as Be } from "./
|
|
5
|
+
import { default as p } from "./AddAlert.js";
|
|
6
|
+
import { default as x } from "./AddIcon.js";
|
|
7
|
+
import { default as i } from "./AlertIcon.js";
|
|
8
|
+
import { default as I } from "./AmericanExpress.js";
|
|
9
|
+
import { default as A } from "./AmericanExpressRounded.js";
|
|
10
|
+
import { default as b } from "./Apnfd.js";
|
|
11
|
+
import { default as P } from "./Approve.js";
|
|
12
|
+
import { default as w } from "./ArrowBack.js";
|
|
13
|
+
import { default as F } from "./ArrowsOutward.js";
|
|
14
|
+
import { default as g } from "./Assignment.js";
|
|
15
|
+
import { default as S } from "./AttachFile.js";
|
|
16
|
+
import { default as v } from "./BusinessCenter.js";
|
|
17
|
+
import { default as U } from "./CalendarIcon.js";
|
|
18
|
+
import { default as E } from "./Call.js";
|
|
19
|
+
import { default as O } from "./CancelIcon.js";
|
|
20
|
+
import { default as N } from "./Certificado.js";
|
|
21
|
+
import { default as K } from "./ChatBubble.js";
|
|
22
|
+
import { default as T } from "./CheckIcon.js";
|
|
23
|
+
import { default as G } from "./Checkbook.js";
|
|
24
|
+
import { default as Q } from "./ChevronLeft.js";
|
|
25
|
+
import { default as Y } from "./Comisiones.js";
|
|
26
|
+
import { default as _ } from "./ComputerCancel.js";
|
|
27
|
+
import { default as oo } from "./ComunicacionesIcon.js";
|
|
28
|
+
import { default as ro } from "./ContentCopy.js";
|
|
29
|
+
import { default as to } from "./ConyugeIcon.js";
|
|
30
|
+
import { default as so } from "./CotizacionesIcon.js";
|
|
31
|
+
import { default as uo } from "./Credentials.js";
|
|
32
|
+
import { default as mo } from "./CreditCard.js";
|
|
33
|
+
import { default as no } from "./DashboardIcon.js";
|
|
34
|
+
import { default as co } from "./Delete.js";
|
|
35
|
+
import { default as Co } from "./DeniedIcon.js";
|
|
36
|
+
import { default as ho } from "./Diners.js";
|
|
37
|
+
import { default as Do } from "./DinersRounded.js";
|
|
38
|
+
import { default as Ro } from "./Discover.js";
|
|
39
|
+
import { default as yo } from "./DiscoverRounded.js";
|
|
40
|
+
import { default as Mo } from "./Distance.js";
|
|
41
|
+
import { default as ko } from "./Documentos.js";
|
|
42
|
+
import { default as Vo } from "./DownloadIcon.js";
|
|
43
|
+
import { default as Lo } from "./EditIcon.js";
|
|
44
|
+
import { default as Bo } from "./FallbackCardRounded.js";
|
|
45
|
+
import { default as Ho } from "./Female.js";
|
|
46
|
+
import { default as zo } from "./Filter.js";
|
|
47
|
+
import { default as Wo } from "./Folder.js";
|
|
48
|
+
import { default as jo } from "./FondosExtranjero.js";
|
|
49
|
+
import { default as qo } from "./Fumador.js";
|
|
50
|
+
import { default as Jo } from "./HeadsetMic.js";
|
|
51
|
+
import { default as Xo } from "./HeightIcon.js";
|
|
52
|
+
import { default as Zo } from "./Help.js";
|
|
53
|
+
import { default as $o } from "./HistorialIcon.js";
|
|
54
|
+
import { default as ee } from "./IdCodigoBroker.js";
|
|
55
|
+
import { default as ae } from "./Info.js";
|
|
56
|
+
import { default as fe } from "./InfoFinanciera.js";
|
|
57
|
+
import { default as se } from "./KeyboardArrowDown.js";
|
|
58
|
+
import { default as ue } from "./KeyboardArrowUp.js";
|
|
59
|
+
import { default as me } from "./LocationOn.js";
|
|
60
|
+
import { default as ne } from "./LocationSearching.js";
|
|
61
|
+
import { default as ce } from "./LockIcon.js";
|
|
62
|
+
import { default as Ce } from "./MailIcon.js";
|
|
63
|
+
import { default as he } from "./Male.js";
|
|
64
|
+
import { default as De } from "./MasAcciones.js";
|
|
65
|
+
import { default as Re } from "./Mastercard.js";
|
|
66
|
+
import { default as ye } from "./MastercardRounded.js";
|
|
67
|
+
import { default as Me } from "./Medical.js";
|
|
68
|
+
import { default as ke } from "./Menu.js";
|
|
69
|
+
import { default as Ve } from "./MoreVert.js";
|
|
70
|
+
import { default as Le } from "./NextIcon.js";
|
|
71
|
+
import { default as Be } from "./Notes.js";
|
|
72
72
|
import { default as He } from "./NumPolizaIcon.js";
|
|
73
|
-
import { default as
|
|
73
|
+
import { default as ze } from "./OpenInFull.js";
|
|
74
74
|
import { default as We } from "./Paid.js";
|
|
75
75
|
import { default as je } from "./Pep.js";
|
|
76
76
|
import { default as qe } from "./Person.js";
|
|
@@ -87,7 +87,7 @@ import { default as mr } from "./Renovaciones.js";
|
|
|
87
87
|
import { default as nr } from "./Replay.js";
|
|
88
88
|
import { default as cr } from "./Reply.js";
|
|
89
89
|
import { default as Cr } from "./SearchIcon.js";
|
|
90
|
-
import { default as
|
|
90
|
+
import { default as hr } from "./Send.js";
|
|
91
91
|
import { default as Dr } from "./Share.js";
|
|
92
92
|
import { default as Rr } from "./SmallFamily.js";
|
|
93
93
|
import { default as yr } from "./Smartphone.js";
|
|
@@ -97,7 +97,7 @@ import { default as Vr } from "./Upload.js";
|
|
|
97
97
|
import { default as Lr } from "./VerifiedUser.js";
|
|
98
98
|
import { default as Br } from "./Visa.js";
|
|
99
99
|
import { default as Hr } from "./VisaRounded.js";
|
|
100
|
-
import { default as
|
|
100
|
+
import { default as zr } from "./Visibility.js";
|
|
101
101
|
import { default as Wr } from "./VisibilityOff.js";
|
|
102
102
|
import { default as jr } from "./Warning.js";
|
|
103
103
|
import { default as qr } from "./WeightIcon.js";
|
|
@@ -105,77 +105,77 @@ import { default as Jr } from "./Whatsapp.js";
|
|
|
105
105
|
export {
|
|
106
106
|
d as Add,
|
|
107
107
|
l as AddAPhoto,
|
|
108
|
-
p as
|
|
109
|
-
x as
|
|
110
|
-
i as
|
|
111
|
-
I as
|
|
112
|
-
|
|
113
|
-
b as
|
|
114
|
-
P as
|
|
108
|
+
p as AddAlert,
|
|
109
|
+
x as AddIcon,
|
|
110
|
+
i as AlertIcon,
|
|
111
|
+
I as AmericanExpress,
|
|
112
|
+
A as AmericanExpressRounded,
|
|
113
|
+
b as Apnfd,
|
|
114
|
+
P as Approve,
|
|
115
|
+
w as ArrowBack,
|
|
115
116
|
r as ArrowDown,
|
|
116
117
|
t as ArrowUp,
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
N as
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
Be as Notifications,
|
|
118
|
+
F as ArrowsOutward,
|
|
119
|
+
g as Assignment,
|
|
120
|
+
S as AttachFile,
|
|
121
|
+
v as BusinessCenter,
|
|
122
|
+
U as CalendarIcon,
|
|
123
|
+
E as Call,
|
|
124
|
+
O as CancelIcon,
|
|
125
|
+
N as Certificado,
|
|
126
|
+
K as ChatBubble,
|
|
127
|
+
T as CheckIcon,
|
|
128
|
+
G as Checkbook,
|
|
129
|
+
Q as ChevronLeft,
|
|
130
|
+
Y as Comisiones,
|
|
131
|
+
_ as ComputerCancel,
|
|
132
|
+
oo as ComunicacionesIcon,
|
|
133
|
+
ro as ContentCopy,
|
|
134
|
+
to as ConyugeIcon,
|
|
135
|
+
so as CotizacionesIcon,
|
|
136
|
+
uo as Credentials,
|
|
137
|
+
mo as CreditCard,
|
|
138
|
+
no as DashboardIcon,
|
|
139
|
+
co as Delete,
|
|
140
|
+
Co as DeniedIcon,
|
|
141
|
+
ho as Diners,
|
|
142
|
+
Do as DinersRounded,
|
|
143
|
+
Ro as Discover,
|
|
144
|
+
yo as DiscoverRounded,
|
|
145
|
+
Mo as Distance,
|
|
146
|
+
ko as Documentos,
|
|
147
|
+
Vo as DownloadIcon,
|
|
148
|
+
Lo as EditIcon,
|
|
149
|
+
Bo as FallbackCardRounded,
|
|
150
|
+
Ho as Female,
|
|
151
|
+
zo as Filter,
|
|
152
|
+
Wo as Folder,
|
|
153
|
+
jo as FondosExtranjero,
|
|
154
|
+
qo as Fumador,
|
|
155
|
+
Jo as HeadsetMic,
|
|
156
|
+
Xo as HeightIcon,
|
|
157
|
+
Zo as Help,
|
|
158
|
+
$o as HistorialIcon,
|
|
159
|
+
ee as IdCodigoBroker,
|
|
160
|
+
ae as Info,
|
|
161
|
+
fe as InfoFinanciera,
|
|
162
|
+
se as KeyboardArrowDown,
|
|
163
|
+
ue as KeyboardArrowUp,
|
|
164
|
+
me as LocationOn,
|
|
165
|
+
ne as LocationSearching,
|
|
166
|
+
ce as LockIcon,
|
|
167
|
+
Ce as MailIcon,
|
|
168
|
+
he as Male,
|
|
169
|
+
De as MasAcciones,
|
|
170
|
+
Re as Mastercard,
|
|
171
|
+
ye as MastercardRounded,
|
|
172
|
+
Me as Medical,
|
|
173
|
+
ke as Menu,
|
|
174
|
+
Ve as MoreVert,
|
|
175
|
+
Le as NextIcon,
|
|
176
|
+
Be as Notes,
|
|
177
177
|
He as NumPolizaIcon,
|
|
178
|
-
|
|
178
|
+
ze as OpenInFull,
|
|
179
179
|
We as Paid,
|
|
180
180
|
je as Pep,
|
|
181
181
|
qe as Person,
|
|
@@ -192,7 +192,7 @@ export {
|
|
|
192
192
|
nr as Replay,
|
|
193
193
|
cr as Reply,
|
|
194
194
|
Cr as SearchIcon,
|
|
195
|
-
|
|
195
|
+
hr as Send,
|
|
196
196
|
Dr as Share,
|
|
197
197
|
Rr as SmallFamily,
|
|
198
198
|
yr as Smartphone,
|
|
@@ -202,7 +202,7 @@ export {
|
|
|
202
202
|
Lr as VerifiedUser,
|
|
203
203
|
Br as Visa,
|
|
204
204
|
Hr as VisaRounded,
|
|
205
|
-
|
|
205
|
+
zr as Visibility,
|
|
206
206
|
Wr as VisibilityOff,
|
|
207
207
|
jr as Warning,
|
|
208
208
|
qr as WeightIcon,
|
package/dist/main.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export { FileUpload, CompactFileUpload } from './components/FileUpload';
|
|
|
8
8
|
export { Input } from './components/Input';
|
|
9
9
|
export { Checkbox } from './components/Input/Checkbox/Checkbox';
|
|
10
10
|
export { RadioButton } from './components/Input/RadioButton/RadioButton';
|
|
11
|
+
export { Search } from './components/Search';
|
|
11
12
|
export { Navbar } from './components/navbar';
|
|
12
13
|
export { ProgressBar } from './components/progressBar';
|
|
13
14
|
export { Select } from './components/Select';
|
|
@@ -25,6 +26,7 @@ export type { FileUploadProps, FileUploadVariant, CompactFileUploadProps, Compac
|
|
|
25
26
|
export type { InputProps, InputSize } from './components/Input';
|
|
26
27
|
export type { CheckboxProps } from './components/Input/Checkbox/Checkbox';
|
|
27
28
|
export type { RadioButtonProps } from './components/Input/RadioButton/RadioButton';
|
|
29
|
+
export type { SearchProps, SearchSize, SearchOption } from './components/Search';
|
|
28
30
|
export type { NavbarOption } from './components/navbar';
|
|
29
31
|
export type { ProgressBar as ProgressBarProps } from './components/progressBar';
|
|
30
32
|
export type { SelectProps, SelectSize, SelectOption, } from './components/Select';
|
package/dist/main.js
CHANGED
|
@@ -2,41 +2,43 @@ import { Icon as e } from "./icons/Icon.js";
|
|
|
2
2
|
import { Badge as p } from "./components/badge/index.js";
|
|
3
3
|
import { Button as x } from "./components/Button/Button.js";
|
|
4
4
|
import { ButtonGroup as a } from "./components/ButtonGroup/ButtonGroup.js";
|
|
5
|
-
import { Dialog as
|
|
6
|
-
import { FileUpload as
|
|
5
|
+
import { Dialog as c } from "./components/Dialog/Dialog.js";
|
|
6
|
+
import { FileUpload as u } from "./components/FileUpload/FileUpload.js";
|
|
7
7
|
import { CompactFileUpload as i } from "./components/FileUpload/CompactFileUpload.js";
|
|
8
|
-
import { Input as
|
|
9
|
-
import { Checkbox as
|
|
8
|
+
import { Input as S } from "./components/Input/Input.js";
|
|
9
|
+
import { Checkbox as s } from "./components/Input/Checkbox/Checkbox.js";
|
|
10
10
|
import { RadioButton as T } from "./components/Input/RadioButton/RadioButton.js";
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
11
|
+
import { Search as k } from "./components/Search/Search.js";
|
|
12
|
+
import { Navbar as F } from "./components/navbar/index.js";
|
|
13
|
+
import { ProgressBar as I } from "./components/progressBar/index.js";
|
|
14
|
+
import { Select as v } from "./components/Select/Select.js";
|
|
15
|
+
import { Spinner as L } from "./components/Spinner/Spinner.js";
|
|
16
|
+
import { Stepper as N } from "./components/stepper/index.js";
|
|
17
|
+
import { Tab as R } from "./components/tab/index.js";
|
|
18
|
+
import { TabGroup as q } from "./components/tab/tabGroup/index.js";
|
|
19
|
+
import { Toast as y } from "./components/Toast/Toast.js";
|
|
20
|
+
import { Modal as A } from "./components/modal/index.js";
|
|
21
|
+
import { useScrollLock as H } from "./hooks/useScrollLock.js";
|
|
21
22
|
import './assets/main.css';export {
|
|
22
23
|
p as Badge,
|
|
23
24
|
x as Button,
|
|
24
25
|
a as ButtonGroup,
|
|
25
|
-
|
|
26
|
+
s as Checkbox,
|
|
26
27
|
i as CompactFileUpload,
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
c as Dialog,
|
|
29
|
+
u as FileUpload,
|
|
29
30
|
e as Icon,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
S as Input,
|
|
32
|
+
A as Modal,
|
|
33
|
+
F as Navbar,
|
|
34
|
+
I as ProgressBar,
|
|
34
35
|
T as RadioButton,
|
|
35
|
-
|
|
36
|
-
v as
|
|
37
|
-
L as
|
|
38
|
-
N as
|
|
39
|
-
R as
|
|
40
|
-
q as
|
|
41
|
-
|
|
36
|
+
k as Search,
|
|
37
|
+
v as Select,
|
|
38
|
+
L as Spinner,
|
|
39
|
+
N as Stepper,
|
|
40
|
+
R as Tab,
|
|
41
|
+
q as TabGroup,
|
|
42
|
+
y as Toast,
|
|
43
|
+
H as useScrollLock
|
|
42
44
|
};
|
package/package.json
CHANGED