@nice2dev/ui 1.0.18 → 1.0.19
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/CHANGELOG.md +64 -0
- package/dist/NiceErrorBoundary-DBCCmeyl.js +770 -0
- package/dist/NiceErrorBoundary-V6wkSSLP.cjs +1 -0
- package/dist/NiceForm-DLADlHAQ.js +5383 -0
- package/dist/NiceForm-DUkduLqG.cjs +382 -0
- package/dist/NiceForm.css +1 -1
- package/dist/NiceModal-CUdeVj-j.js +95 -0
- package/dist/NiceModal-Cc8R-DpX.cjs +1 -0
- package/dist/NiceModuleLifecyclePanel-4UEsYB5r.js +6553 -0
- package/dist/NiceModuleLifecyclePanel-C6agdtTI.cjs +1 -0
- package/dist/NiceModuleLifecyclePanel.css +1 -1
- package/dist/NicePagination-Cqr3Pe_F.js +171 -0
- package/dist/NicePagination-DyWWdtb3.cjs +1 -0
- package/dist/NicePinCodeInput-C6zJxUVf.cjs +419 -0
- package/dist/NicePinCodeInput-ltwzQf4r.js +12240 -0
- package/dist/NicePinCodeInput.css +1 -1
- package/dist/NiceSavedQueryPanel-BIXW0y1X.js +6455 -0
- package/dist/NiceSavedQueryPanel-CFHwMDIx.cjs +596 -0
- package/dist/NiceSavedQueryPanel.css +1 -1
- package/dist/NiceTabs-B9zxj6qd.js +1657 -0
- package/dist/NiceTabs-CNauJ4fu.cjs +1 -0
- package/dist/NiceWindow-Bo_yCa1o.js +1418 -0
- package/dist/NiceWindow-DPzJxOfx.cjs +1 -0
- package/dist/charts-C60va95_.js +4657 -0
- package/dist/charts-D_I1iwel.cjs +761 -0
- package/dist/charts.cjs +1 -1
- package/dist/charts.css +1 -1
- package/dist/charts.mjs +1 -1
- package/dist/core-Bcc4sz15.cjs +96 -0
- package/dist/core-Da1dGJN3.js +22401 -0
- package/dist/data.cjs +1 -1
- package/dist/data.d.ts +5 -0
- package/dist/data.mjs +1 -1
- package/dist/editors.cjs +1 -1
- package/dist/editors.d.ts +44 -1
- package/dist/editors.mjs +3 -3
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.mjs +2 -2
- package/dist/index-DCDfWfAt.js +64336 -0
- package/dist/index-DpiCo0_e.cjs +5194 -0
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +166 -3
- package/dist/index.mjs +47 -47
- package/dist/lazy.cjs +1 -1
- package/dist/lazy.mjs +3 -3
- package/dist/navigation.cjs +1 -1
- package/dist/navigation.d.ts +15 -1
- package/dist/navigation.mjs +30 -30
- package/dist/overlays.cjs +1 -1
- package/dist/overlays.mjs +53 -53
- package/dist/style.css +6 -6
- package/package.json +3 -3
package/dist/NiceForm.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nice-country-picker{position:relative;display:inline-block;width:100%;max-width:320px;font-family:inherit}.nice-country-picker--sm{font-size:12px}.nice-country-picker--md{font-size:14px}.nice-country-picker--lg{font-size:16px}.nice-country-picker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:1px solid var(--border-color, var(--
|
|
1
|
+
.nice-country-picker{position:relative;display:inline-block;width:100%;max-width:320px;font-family:inherit}.nice-country-picker--sm{font-size:12px}.nice-country-picker--md{font-size:14px}.nice-country-picker--lg{font-size:16px}.nice-country-picker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, var(--bg-primary, #ffffff));cursor:pointer;text-align:left;font-size:inherit;color:var(--text-primary, var(--text-primary, #0f172a));transition:border-color .2s,box-shadow .2s}.nice-country-picker--sm .nice-country-picker__trigger{padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px)}.nice-country-picker--lg .nice-country-picker__trigger{padding:var(--nice-space-2-5, 10px) var(--nice-space-3-5, 14px)}.nice-country-picker__trigger:hover:not(:disabled){border-color:var(--color-primary, #6366f1)}.nice-country-picker__trigger:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary, #6366f1) )}.nice-country-picker--open .nice-country-picker__trigger{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary, #6366f1) )}.nice-country-picker--disabled .nice-country-picker__trigger{background:var(--nice-disabled-bg, #f3f4f6);color:var(--nice-disabled-text, #9ca3af);cursor:not-allowed}.nice-country-picker__value{display:flex;align-items:center;gap:var(--nice-space-2, 8px);flex:1;overflow:hidden}.nice-country-picker__flag{font-size:1.2em;line-height:1;flex-shrink:0}.nice-country-picker__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-country-picker__dial-code{color:var(--text-secondary, #475569);font-size:.9em;flex-shrink:0}.nice-country-picker__code{color:var(--text-secondary, #475569);font-size:.85em;font-variant:tabular-nums;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.nice-country-picker__placeholder{color:var(--text-muted, #94a3b8)}.nice-country-picker__icons{display:flex;align-items:center;gap:var(--nice-space-1, 4px);margin-left:var(--nice-space-2, 8px);flex-shrink:0}.nice-country-picker__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:10px;color:var(--text-secondary, #475569);background:var(--hover-bg, color-mix(in srgb, var(--text-primary, #000) 4%, transparent));border-radius:var(--nice-radius-full, 50%);cursor:pointer;transition:background .2s,color .2s}.nice-country-picker__clear:hover{background:var(--color-danger, #ef4444);color:#fff}.nice-country-picker__arrow{font-size:10px;color:var(--text-secondary, #475569);transition:transform .2s}.nice-country-picker__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--nice-space-1, 4px);background:var(--bg-primary, var(--bg-primary, #ffffff));color:var(--text-primary, var(--text-primary, #0f172a));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--nice-radius-md, 6px);box-shadow:0 10px 25px var(--nice-overlay-15, color-mix(in srgb, var(--text-primary, #000) 15%, transparent));z-index:1000;max-height:320px;display:flex;flex-direction:column;overflow:hidden}.nice-country-picker__search{padding:var(--nice-space-2, 8px);border-bottom:1px solid var(--border-color, var(--border-color, #e5e7eb));flex-shrink:0;background:transparent}.nice-country-picker__search-input{width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--nice-radius-sm, 4px);font-size:inherit;background:var(--bg-primary, var(--bg-primary, #ffffff));color:var(--text-primary, var(--text-primary, #0f172a))}.nice-country-picker__search-input:focus{outline:none;border-color:var(--color-primary, var(--color-primary, #6366f1));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary, var(--color-primary, #6366f1)) 18%,transparent)}.nice-country-picker__search-input::placeholder{color:var(--text-muted, var(--text-muted, #94a3b8))}.nice-country-picker__list{flex:1;overflow-y:auto;padding:var(--nice-space-1, 4px)}.nice-country-picker__option{display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);cursor:pointer;border-radius:var(--nice-radius-sm, 4px);transition:background .15s}.nice-country-picker__option:hover,.nice-country-picker__option--highlighted{background:color-mix(in srgb,var(--color-primary, #3b82f6) 14%,transparent);color:var(--text-primary, var(--text-primary, #0f172a))}.nice-country-picker__option--selected{background:color-mix(in srgb,var(--color-primary, #3b82f6) 22%,transparent);color:var(--text-primary, var(--text-primary, #0f172a));font-weight:600}.nice-country-picker__option--selected:hover,.nice-country-picker__option--selected.nice-country-picker__option--highlighted{background:color-mix(in srgb,var(--color-primary, #3b82f6) 30%,transparent)}.nice-country-picker__option .nice-country-picker__dial-code{margin-left:auto}.nice-country-picker__empty{padding:var(--nice-space-4, 16px);text-align:center;color:var(--text-secondary, #475569)}.nice-country-picker__list::-webkit-scrollbar{width:8px}.nice-country-picker__list::-webkit-scrollbar-track{background:transparent}.nice-country-picker__list::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:var(--nice-radius-sm, 4px)}.nice-country-picker__list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #475569)}.nice-country-picker--compact{display:inline-block;width:auto;max-width:none}.nice-country-picker--compact .nice-country-picker__trigger{width:auto;min-width:0;padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);gap:var(--nice-space-1, 4px)}.nice-country-picker--compact .nice-country-picker__value{gap:var(--nice-space-1, 4px);flex:0 0 auto}.nice-country-picker--compact .nice-country-picker__icons{margin-left:var(--nice-space-1, 4px)}.nice-country-picker__dropdown--align-left{left:0;right:auto;min-width:100%}.nice-country-picker__dropdown--align-right{right:0;left:auto;min-width:240px}.nice-theme-picker__option{position:relative}.nice-theme-picker__edit-btn{margin-left:auto;background:transparent;border:1px solid transparent;color:var(--text-secondary, #475569);cursor:pointer;width:22px;height:22px;border-radius:var(--nice-radius-sm, 4px);display:inline-flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .15s,background .15s,color .15s}.nice-theme-picker__option:hover .nice-theme-picker__edit-btn,.nice-theme-picker__option--highlighted .nice-theme-picker__edit-btn,.nice-theme-picker__edit-btn:focus{opacity:1}.nice-theme-picker__edit-btn:hover{background:var(--hover-bg, color-mix(in srgb, var(--text-primary, #000) 4%, transparent));color:var(--color-primary, #6366f1);border-color:var(--border-color, #e5e7eb)}.nice-theme-picker__add-btn{display:flex;align-items:center;justify-content:center;gap:var(--nice-space-1, 4px);width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:none;border-top:1px solid var(--border-color, var(--border-color, #e5e7eb));background:transparent;color:var(--color-primary, var(--color-primary, #6366f1));font-size:inherit;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s}.nice-theme-picker__add-btn:hover{background:color-mix(in srgb,var(--color-primary, var(--color-primary, #6366f1)) 14%,transparent)}.nice-theme-picker__add-btn--top{border-top:none;border-bottom:1px solid var(--border-color, var(--border-color, #e5e7eb))}.nice-country-picker--ghost{display:inline-block;width:auto}.nice-country-picker--ghost .nice-country-picker__trigger{background:transparent;border:0;padding:4px;box-shadow:none;border-radius:6px;min-width:0}.nice-country-picker--ghost .nice-country-picker__trigger:hover:not(:disabled),.nice-country-picker--ghost .nice-country-picker__trigger:focus-visible{background:transparent;border:0;box-shadow:none}.nice-country-picker--ghost.nice-country-picker--open .nice-country-picker__trigger{background:transparent;border:0;box-shadow:none}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { jsx as e, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { $ as g, l as $, v as E, S as P, P as F } from "./core-Da1dGJN3.js";
|
|
3
|
+
import { useContext as S, useRef as j, useState as M, useEffect as u } from "react";
|
|
4
|
+
import { createPortal as R } from "react-dom";
|
|
5
|
+
const A = ({
|
|
6
|
+
open: l,
|
|
7
|
+
onClose: o,
|
|
8
|
+
title: t,
|
|
9
|
+
size: f = "md",
|
|
10
|
+
children: h,
|
|
11
|
+
footer: n,
|
|
12
|
+
closeOnOverlay: v = !0,
|
|
13
|
+
closeOnEscape: d = !0,
|
|
14
|
+
fullscreenable: y,
|
|
15
|
+
zIndex: c,
|
|
16
|
+
className: _,
|
|
17
|
+
style: b,
|
|
18
|
+
displayStyle: i
|
|
19
|
+
}) => {
|
|
20
|
+
const { t: N } = g(), k = S($), m = j(null), [r, p] = M(!1), w = E("modal", i), x = P("modal", i);
|
|
21
|
+
if (F(m, l), u(() => {
|
|
22
|
+
if (!l || !d)
|
|
23
|
+
return;
|
|
24
|
+
const a = (L) => {
|
|
25
|
+
L.key === "Escape" && o();
|
|
26
|
+
};
|
|
27
|
+
return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
|
|
28
|
+
}, [l, d, o]), u(() => (l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
29
|
+
document.body.style.overflow = "";
|
|
30
|
+
}), [l]), !l || typeof document > "u")
|
|
31
|
+
return null;
|
|
32
|
+
const C = /* @__PURE__ */ e(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
className: "nice-modal-overlay",
|
|
36
|
+
style: c ? { zIndex: c } : void 0,
|
|
37
|
+
onClick: v ? o : void 0,
|
|
38
|
+
children: /* @__PURE__ */ s(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
ref: m,
|
|
42
|
+
className: `nice-modal nice-modal--${r ? "full" : f} nice-modal--ds-${x} ${_ || ""}`,
|
|
43
|
+
style: { ...w, ...b },
|
|
44
|
+
role: "dialog",
|
|
45
|
+
"aria-modal": "true",
|
|
46
|
+
"aria-label": t,
|
|
47
|
+
onClick: (a) => a.stopPropagation(),
|
|
48
|
+
children: [
|
|
49
|
+
t && /* @__PURE__ */ s("div", { className: "nice-modal__header", children: [
|
|
50
|
+
/* @__PURE__ */ e("h2", { className: "nice-modal__title", children: t }),
|
|
51
|
+
/* @__PURE__ */ s("div", { className: "nice-modal__header-actions", children: [
|
|
52
|
+
y && /* @__PURE__ */ e(
|
|
53
|
+
"button",
|
|
54
|
+
{
|
|
55
|
+
type: "button",
|
|
56
|
+
className: "nice-modal__fullscreen",
|
|
57
|
+
onClick: () => p((a) => !a),
|
|
58
|
+
"aria-label": r ? "Exit fullscreen" : "Fullscreen",
|
|
59
|
+
children: r ? "⇲" : "⇱"
|
|
60
|
+
}
|
|
61
|
+
),
|
|
62
|
+
/* @__PURE__ */ e(
|
|
63
|
+
"button",
|
|
64
|
+
{
|
|
65
|
+
type: "button",
|
|
66
|
+
className: "nice-modal__close",
|
|
67
|
+
onClick: o,
|
|
68
|
+
"aria-label": N("controls.close", "Close"),
|
|
69
|
+
children: /* @__PURE__ */ e(
|
|
70
|
+
"svg",
|
|
71
|
+
{
|
|
72
|
+
width: "24",
|
|
73
|
+
height: "24",
|
|
74
|
+
viewBox: "0 0 20 20",
|
|
75
|
+
fill: "currentColor",
|
|
76
|
+
"aria-hidden": "true",
|
|
77
|
+
children: /* @__PURE__ */ e("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
] })
|
|
83
|
+
] }),
|
|
84
|
+
/* @__PURE__ */ e("div", { className: "nice-modal__body", children: h }),
|
|
85
|
+
n && /* @__PURE__ */ e("div", { className: "nice-modal__footer", children: n })
|
|
86
|
+
]
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
return R(C, k?.portalTarget ?? document.body);
|
|
92
|
+
};
|
|
93
|
+
export {
|
|
94
|
+
A as N
|
|
95
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),t=require("./core-Bcc4sz15.cjs"),a=require("react"),g=require("react-dom"),E=({open:l,onClose:c,title:n,size:f="md",children:h,footer:r,closeOnOverlay:v=!0,closeOnEscape:d=!0,fullscreenable:y,zIndex:i,className:x,style:_,displayStyle:u})=>{const{t:b}=t.$o(),j=a.useContext(t.lr),m=a.useRef(null),[o,N]=a.useState(!1),k=t.vs("modal",u),w=t.Ss("modal",u);if(t.Ps(m,l),a.useEffect(()=>{if(!l||!d)return;const s=L=>{L.key==="Escape"&&c()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[l,d,c]),a.useEffect(()=>(l?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[l]),!l||typeof document>"u")return null;const C=e.jsx("div",{className:"nice-modal-overlay",style:i?{zIndex:i}:void 0,onClick:v?c:void 0,children:e.jsxs("div",{ref:m,className:`nice-modal nice-modal--${o?"full":f} nice-modal--ds-${w} ${x||""}`,style:{...k,..._},role:"dialog","aria-modal":"true","aria-label":n,onClick:s=>s.stopPropagation(),children:[n&&e.jsxs("div",{className:"nice-modal__header",children:[e.jsx("h2",{className:"nice-modal__title",children:n}),e.jsxs("div",{className:"nice-modal__header-actions",children:[y&&e.jsx("button",{type:"button",className:"nice-modal__fullscreen",onClick:()=>N(s=>!s),"aria-label":o?"Exit fullscreen":"Fullscreen",children:o?"⇲":"⇱"}),e.jsx("button",{type:"button",className:"nice-modal__close",onClick:c,"aria-label":b("controls.close","Close"),children:e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"})})})]})]}),e.jsx("div",{className:"nice-modal__body",children:h}),r&&e.jsx("div",{className:"nice-modal__footer",children:r})]})});return g.createPortal(C,j?.portalTarget??document.body)};exports.NiceModal=E;
|